@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
}

.container {
  width: 85%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .container {
    width: 90%;
  }
}

a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-family: 'Inter', sans-serif;
}

button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-family: 'Inter', sans-serif;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  font-family: 'Inter', sans-serif;
}

input {
  -webkit-tap-highlight-color: transparent;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

textarea {
  font-family: 'Inter', sans-serif;
}

.sidemenu {
  position: fixed;
  z-index: 200;
  height: 100vh;
  background: white;
  width: 25%;
  top: 0;
  right: -100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 768px) {
  .sidemenu {
    width: 40%;
  }
}

@media (max-width: 480px) {
  .sidemenu {
    width: 80%;
  }
}

.sidemenu .sidemnuHead {
  width: 100%;
  float: left;
  padding: 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: green;
}

.sidemenu .sidemnuHead h1 {
  font-size: 16px;
  color: white;
  font-weight: 500;
  letter-spacing: 2px;
  font-family: 'Dancing Script', cursive;
}

.sidemenu .sidemnuHead .sidemnuClose {
  font-size: 20px;
  color: white;
  cursor: pointer;
}

.sidemenu .sidemnuBody {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sidemenu .sidemnuBody ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}

.sidemenu .sidemnuBody ul:nth-last-child(1) {
  border-bottom: none;
}

.sidemenu .sidemnuBody ul li {
  list-style: none;
}

.sidemenu .sidemnuBody ul li a {
  text-decoration: none;
  width: 100%;
  float: left;
  padding: 12px 20px;
  font-size: 14px;
  color: #05182f;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sidemenu .sidemnuBody ul li a:hover {
  background: #f6f8fb;
}

.sidemenu .sidemnuBody ul li a .offeIconr {
  background: #ff5b01;
  color: white;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 5px;
}

.sidemenu .sidemnuBody ul li .sidemenu-active {
  background: #f6f8fb;
  font-weight: 500;
}

.sidemenu-active {
  right: 0;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shimmer {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 150;
  top: 0;
  left: 0;
  background-color: rgba(14, 14, 14, 0.2);
  -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(225, 225, 225, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: none;
}

nav {
  width: 100%;
  float: left;
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  height: 80px;
}

@media (max-width: 768px) {
  nav {
    height: 60px;
  }
}

nav .navLogo {
  height: 80px;
  width:180px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

@media (max-width: 768px) {
  nav .navLogo {
    height: 60px;
  }
}

nav .navLogo h1 {
  font-size: 16px;
  font-weight: 600;
  color: black;
}

nav .navLogo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

nav .navbar {
  float: right;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  nav .navbar {
    height: 60px;
  }
}

nav .navbar .navBarBox {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

nav .navbar .navBarBox span {
  width: 35px;
  height: 2px;
  background: #05182f;
  margin-top: 3px;
}

nav .navLink {
  float: right;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 60px;
}

@media (max-width: 768px) {
  nav .navLink {
    height: 60px;
  }
}

@media (max-width: 480px) {
  nav .navLink {
    display: none;
  }
}

nav .navLink ul li {
  list-style: none;
  float: left;
}

nav .navLink ul li a {
  text-decoration: none;
  color: #05182f;
  font-size: 14px;
  margin-left: 60px;
}

#banner {
  width: 100%;
  height: 100vh;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-image: url(../images/banner1.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 0;
}

@media (max-width: 768px) {
  #banner {
    height: 110vh;
  }
}

@media (max-width: 480px) {
  #banner {
    height: 100vh;
  }
}

#banner video {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  #banner video {
    display: none;
  }
}

#banner .bannerThumbnail {
  width: 50%;
  padding: 50px 5% 50px 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  #banner .bannerThumbnail {
    display: none;
  }
}

#banner .bannerThumbnail::before {
  position: absolute;
  width: 100%;
  height: 50%;
  content: '';
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(225, 225, 225, 0.2);
  -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(225, 225, 225, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

#banner .bannerThumbnail h1 {
  font-size: 7em;
  color: black;
}

#banner .bannerThumbnail h2 {
  font-size: 1.5em;
  letter-spacing: 5px;
  font-weight: 500;
  color: black;
}

#banner .bannerThumbnail a {
  text-decoration: none;
  background: green;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 200px;
  padding: 15px 10px;
  border-radius: 50px;
  margin-top: 50px;
  font-weight: 300;
}

#banner .bannerDetails {
  width: 50%;
  background-color: white;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  background-image: url(../images/coconutLeaf.png);
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 50px 7.5% 50px 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

@media (max-width: 768px) {
  #banner .bannerDetails {
    width: 100%;
    padding: 50px 5%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

#banner .bannerDetails span {
  font-size: 14px;
  color: #9d9d9d;
}

#banner .bannerDetails h1 {
  font-size: 2.5em;
  font-weight: 300;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05182f;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 480px) {
  #banner .bannerDetails h1 {
    font-size: 2em;
  }
}

#banner .bannerDetails h1 b {
  margin-left: 10px;
}

#banner .bannerDetails h1 i {
  color: orangered;
  margin-left: 10px;
}

#banner .bannerDetails hr {
  margin-top: 10px;
  border: 1px solid #eee;
  margin-bottom: 150px;
}

#banner .bannerDetails .bannerResorts {
  width: 100%;
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 30px rgba(238, 238, 238, 0.5);
          box-shadow: 0 0 30px rgba(238, 238, 238, 0.5);
  border-radius: 20px;
  padding: 30px 0px 50px 10%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 2;
}

@media (max-width: 768px) {
  #banner .bannerDetails .bannerResorts {
    padding: 30px 0px 30px 5%;
  }
}

#banner .bannerDetails .bannerResorts h3 {
  font-size: 14px;
  font-weight: 600;
  color: #05182f;
}

#banner .bannerDetails .bannerResorts h3 i {
  color: #0303c3;
  margin-right: 10px;
}

#banner .bannerDetails .bannerResorts .bannerResortsMain {
  width: 100%;
  margin-top: 30px;
}

#banner .bannerDetails .bannerResorts .bannerResortsMain .bannerResortsBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

#banner .bannerDetails .bannerResorts .bannerResortsMain .bannerResortsBox .bannerResortsBoxThumbnail {
  width: 100%;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
}

#banner .bannerDetails .bannerResorts .bannerResortsMain .bannerResortsBox .bannerResortsBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#banner .bannerDetails .bannerResorts .bannerResortsMain .bannerResortsBox p {
  font-size: 14px;
  margin-top: 15px;
  font-weight: 500;
  color: #05182f;
}

#banner .bannerDetails .bannerResorts .bannerResortsMain .bannerResortsBox .stars {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: orange;
  font-size: 12px;
  margin-right: 10px;
}

#banner .bannerDetails .lifeTube {
  position: absolute;
  right: -5%;
  top: 38%;
  z-index: 1;
  width: 180px;
  -webkit-animation: bounce2 2s;
  animation: bounce2 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce2 {
  from {
    top: 38%;
  }
  to {
    top: 42%;
  }
}

@keyframes bounce2 {
  from {
    top: 38%;
  }
  to {
    top: 42%;
  }
}

#banner .bannerDetails .lifeTube img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#about {
  width: 100%;
  float: left;
  padding: 100px 0px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  #about {
    padding: 50px 0px;
  }
}

#about::before {
  position: absolute;
  content: 'Smile';
  font-size: 10em;
  z-index: -1;
  top: 0;
  left: 0;
  font-weight: 800;
  letter-spacing: 50px;
  color: rgba(238, 238, 238, 0.589);
}

@media (max-width: 768px) {
  #about::before {
    font-size: 5em;
  }
}

@media (max-width: 480px) {
  #about::before {
    font-size: 3.5em;
    letter-spacing: 20px;
  }
}

#about .aboutMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#about .aboutMain .aboutContent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 480px) {
  #about .aboutMain .aboutContent {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#about .aboutMain .aboutContent h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 600;
}

@media (max-width: 768px) {
  #about .aboutMain .aboutContent h1 {
    font-size: 1.8em;
    line-height: 1.5;
  }
}

#about .aboutMain .aboutContent p {
  font-size: 16px;
  line-height: 1.7;
  color: #9d9d9d;
  margin-top: 20px;
}

#about .aboutMain .aboutVideo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 480px) {
  #about .aboutMain .aboutVideo {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    height: 200px;
  }
}

#about .aboutMain .aboutVideo video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

#about .aboutMain .aboutVideo button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

#about .aboutMain .aboutVideo button i {
  font-size: 3em;
  border-radius: 50px;
  color: white;
}

#about .aboutMain .aboutVideo .abtVidBtn2 {
  display: none;
}

#homestay {
  width: 100%;
  float: left;
  padding: 100px 0px;
  background: linear-gradient(45deg, rgba(183, 183, 253, 0.63), rgba(183, 255, 183, 0.603));
  position: relative;
  z-index: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  #homestay {
    padding: 50px 0px;
  }
}

#homestay::before {
  position: absolute;
  content: 'Homestay';
  font-size: 10em;
  z-index: -1;
  top: 0;
  right: 0;
  font-weight: 800;
  letter-spacing: 50px;
  color: rgba(238, 238, 238, 0.308);
}

@media (max-width: 768px) {
  #homestay::before {
    font-size: 5em;
  }
}

#homestay .homestayHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#homestay .homestayHead .homestayHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #homestay .homestayHead .homestayHeadColumn1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}

@media (max-width: 480px) {
  #homestay .homestayHead .homestayHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#homestay .homestayHead .homestayHeadColumn1 h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #homestay .homestayHead .homestayHeadColumn1 h1 {
    font-size: 1.8em;
  }
}

#homestay .homestayHead .homestayHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
}

#homestay .homestayHead .homestayHeadColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  #homestay .homestayHead .homestayHeadColumn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}

@media (max-width: 480px) {
  #homestay .homestayHead .homestayHeadColumn2 {
    display: none;
  }
}

#homestay .homestayHead .homestayHeadColumn2 a {
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 10px;
  color: #000;
  font-size: 12px;
  text-align: center;
  width: 100%;
  padding: 10px;
  letter-spacing: 0.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#homestay .homestayHead .homestayHeadColumn2 a:hover {
  background: #000;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#homestay .homestayMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

#homestay .homestayMain::after {
  content: '';
  height: 0;
  width: 29%;
}

#homestay .homestayMain .homestayBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29%;
          flex: 0 0 29%;
  background-color: rgba(235, 235, 235, 0.274);
  -webkit-box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(225, 225, 225, 0.281);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

@media (max-width: 768px) {
  #homestay .homestayMain .homestayBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}

@media (max-width: 480px) {
  #homestay .homestayMain .homestayBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#homestay .homestayMain .homestayBox:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#homestay .homestayMain .homestayBox .homestayBoxThumbanil {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
}

#homestay .homestayMain .homestayBox .homestayBoxThumbanil img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#homestay .homestayMain .homestayBox .homestayContent {
  width: 100%;
  padding: 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#homestay .homestayMain .homestayBox .homestayContent p {
  color: black;
  font-size: 16px;
  font-weight: 600;
}

#homestay .homestayMain .homestayBox .homestayContent span {
  color: black;
  font-size: 12px;
  font-weight: 300;
  line-height:1.5;
  margin-top:10px;
  height: 35px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#homestay .homestayMain .homestayBox .homestayContent .stars {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: orange;
  font-size: 12px;
  margin-right: 10px;
}

#activty {
  width: 100%;
  float: left;
  padding: 100px 0px;
  background: black;
}

@media (max-width: 768px) {
  #activty {
    padding: 50px 0px;
  }
}

#activty .activtyHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#activty .activtyHead .activtyHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #activty .activtyHead .activtyHeadColumn1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}

@media (max-width: 480px) {
  #activty .activtyHead .activtyHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#activty .activtyHead .activtyHeadColumn1 h1 {
  font-size: 2em;
  color: white;
  font-weight: 500;
}

@media (max-width: 768px) {
  #activty .activtyHead .activtyHeadColumn1 h1 {
    font-size: 1.8em;
  }
}

#activty .activtyHead .activtyHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: white;
  font-weight: 200;
}

#activty .activtyHead .activtyHeadColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  #activty .activtyHead .activtyHeadColumn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}

@media (max-width: 480px) {
  #activty .activtyHead .activtyHeadColumn2 {
    display: none;
  }
}

#activty .activtyHead .activtyHeadColumn2 a {
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 10px;
  color: white;
  font-size: 12px;
  text-align: center;
  width: 100%;
  padding: 10px;
  letter-spacing: 0.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#activty .activtyHead .activtyHeadColumn2 a:hover {
  background: white;
  color: black;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#activty .activtyMain {
  width: 100%;
  float: left;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#activty .activtyMain .activtyColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 480px) {
  #activty .activtyMain .activtyColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#activty .activtyMain .activtyColumn1 .activtyColumnBox1 {
  width: 100%;
  height: 83vh;
  background: #222222;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 20px;
}

@media (max-width: 768px) {
  #activty .activtyMain .activtyColumn1 .activtyColumnBox1 {
    height: 77vh;
    border: 10px;
  }
}

@media (max-width: 480px) {
  #activty .activtyMain .activtyColumn1 .activtyColumnBox1 {
    height: 220px;
  }
}

#activty .activtyMain .activtyColumn1 .activtyColumnBox1 .activtyColumnBoxThumbnail {
  width: 100%;
  height: 88%;
}

#activty .activtyMain .activtyColumn1 .activtyColumnBox1 .activtyColumnBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#activty .activtyMain .activtyColumn1 .activtyColumnBox1 .activtyColumnBoxContent {
  width: 100%;
  height: 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#activty .activtyMain .activtyColumn1 .activtyColumnBox1 .activtyColumnBoxContent p {
  color: white;
  text-align: center;
  font-size: 16px;
}

#activty .activtyMain .activtyColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.8%;
          flex: 0 0 49.8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #activty .activtyMain .activtyColumn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50.3%;
            flex: 0 0 50.3%;
  }
}

@media (max-width: 480px) {
  #activty .activtyMain .activtyColumn2 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  height: 40vh;
  background: #222222;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 20px;
}

@media (max-width: 768px) {
  #activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox1 {
    height: 35vh;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  #activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    height: 220px;
  }
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox1 .activtyColumnBoxThumbnail {
  width: 100%;
  height: 75%;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox1 .activtyColumnBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox1 .activtyColumnBoxContent {
  width: 100%;
  height: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox1 .activtyColumnBoxContent p {
  color: white;
  text-align: center;
  font-size: 16px;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  height: 40vh;
  background: #222222;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 20px;
}

@media (max-width: 768px) {
  #activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox2 {
    height: 35vh;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  #activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox2 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    height: 220px;
  }
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox2 .activtyColumnBoxThumbnail {
  width: 100%;
  height: 75%;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox2 .activtyColumnBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox2 .activtyColumnBoxContent {
  width: 100%;
  height: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box1 .activtyColumn2InnerBox2 .activtyColumnBoxContent p {
  color: white;
  text-align: center;
  font-size: 16px;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box2 .activtyColumn2InnerBox1 {
  width: 100%;
  height: 40vh;
  background: #222222;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 20px;
}

@media (max-width: 768px) {
  #activty .activtyMain .activtyColumn2 .activtyColumn2Box2 .activtyColumn2InnerBox1 {
    border-radius: 10px;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  #activty .activtyMain .activtyColumn2 .activtyColumn2Box2 .activtyColumn2InnerBox1 {
    height: 220px;
  }
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box2 .activtyColumn2InnerBox1 .activtyColumnBoxThumbnail {
  width: 100%;
  height: 75%;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box2 .activtyColumn2InnerBox1 .activtyColumnBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box2 .activtyColumn2InnerBox1 .activtyColumnBoxContent {
  width: 100%;
  height: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#activty .activtyMain .activtyColumn2 .activtyColumn2Box2 .activtyColumn2InnerBox1 .activtyColumnBoxContent p {
  color: white;
  text-align: center;
  font-size: 16px;
}

#resort {
  width: 100%;
  float: left;
  padding: 100px 0px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  #resort {
    padding: 50px 0px;
  }
}

#resort::before {
  position: absolute;
  content: 'Resort';
  font-size: 10em;
  z-index: -1;
  top: 0;
  left: 0;
  font-weight: 800;
  letter-spacing: 50px;
  color: rgba(238, 238, 238, 0.308);
}

@media (max-width: 768px) {
  #resort::before {
    font-size: 5em;
  }
}

@media (max-width: 480px) {
  #resort::before {
    font-size: 3em;
    letter-spacing: 20px;
  }
}

#resort .resortHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#resort .resortHead .resortHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #resort .resortHead .resortHeadColumn1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}

@media (max-width: 480px) {
  #resort .resortHead .resortHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#resort .resortHead .resortHeadColumn1 h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #resort .resortHead .resortHeadColumn1 h1 {
    font-size: 1.8em;
  }
}

#resort .resortHead .resortHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
}

#resort .resortHead .resortHeadColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  #resort .resortHead .resortHeadColumn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}

@media (max-width: 480px) {
  #resort .resortHead .resortHeadColumn2 {
    display: none;
  }
}

#resort .resortHead .resortHeadColumn2 a {
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 10px;
  color: #000;
  font-size: 12px;
  text-align: center;
  width: 100%;
  padding: 10px;
  letter-spacing: 0.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#resort .resortHead .resortHeadColumn2 a:hover {
  background: #000;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#resort .resortMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

#resort .resortMain::after {
  content: '';
  height: 0;
  width: 29%;
}

#resort .resortMain .resortBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29%;
          flex: 0 0 29%;
  background-color: rgba(235, 235, 235, 0.274);
  -webkit-box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 44px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(225, 225, 225, 0.281);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

@media (max-width: 768px) {
  #resort .resortMain .resortBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}

@media (max-width: 480px) {
  #resort .resortMain .resortBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#resort .resortMain .resortBox:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#resort .resortMain .resortBox .resortBoxThumbanil {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
}

#resort .resortMain .resortBox .resortBoxThumbanil img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#resort .resortMain .resortBox .resortContent {
  width: 100%;
  padding: 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#resort .resortMain .resortBox .resortContent p {
  color: black;
  font-size: 16px;
  font-weight: 600;
}

#resort .resortMain .resortBox .resortContent span {
  color: black;
  font-size: 12px;
  font-weight: 300;
  line-height:1.5;
  margin-top:10px;
  height: 35px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#resort .resortMain .resortBox .resortContent .stars {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: orange;
  font-size: 12px;
  margin-right: 10px;
}

#studentPacakage {
  width: 100%;
  float: left;
  padding: 100px 0px;
  background: url(../images/students.jpeg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 0;
}

@media (max-width: 768px) {
  #studentPacakage {
    padding: 50px 0px;
  }
}

#studentPacakage::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.486);
  z-index: -1;
}

#studentPacakage .studentPacakageMain {
  float: right;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #studentPacakage .studentPacakageMain {
    width: 60%;
  }
}

@media (max-width: 480px) {
  #studentPacakage .studentPacakageMain {
    width: 100%;
  }
}

#studentPacakage .studentPacakageMain h1 {
  font-size: 3em;
  color: white;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 768px) {
  #studentPacakage .studentPacakageMain h1 {
    font-size: 2em;
  }
}

#studentPacakage .studentPacakageMain a {
  text-decoration: none;
  background: orange;
  color: white;
  width: 200px;
  padding: 20px 15px;
  text-align: center;
  border-radius: 10px;
  font-size: 16px;
  margin-top: 40px;
  font-weight: 500;
}

#testimonial {
  width: 100%;
  float: left;
  padding: 100px 0px;
  background: #fbfeff;
}

@media (max-width: 768px) {
  #testimonial {
    padding: 50px 0px;
  }
}

#testimonial .testimonialHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#testimonial .testimonialHead .testimonialHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #testimonial .testimonialHead .testimonialHeadColumn1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}

@media (max-width: 480px) {
  #testimonial .testimonialHead .testimonialHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#testimonial .testimonialHead .testimonialHeadColumn1 h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #testimonial .testimonialHead .testimonialHeadColumn1 h1 {
    font-size: 1.8em;
  }
}

#testimonial .testimonialHead .testimonialHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
}

#testimonial .testimonialHead .testimonialHeadColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  #testimonial .testimonialHead .testimonialHeadColumn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}

@media (max-width: 480px) {
  #testimonial .testimonialHead .testimonialHeadColumn2 {
    display: none;
  }
}

#testimonial .testimonialHead .testimonialHeadColumn2 a {
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 10px;
  color: #000;
  font-size: 12px;
  text-align: center;
  width: 100%;
  padding: 10px;
  letter-spacing: 0.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#testimonial .testimonialHead .testimonialHeadColumn2 a:hover {
  background: #000;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#testimonial .testimonialMain {
  width: 100%;
  float: left;
  margin-top: 50px;
}

#testimonial .testimonialMain .testimonialBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 480px) {
  #testimonial .testimonialMain .testimonialBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#testimonial .testimonialMain .testimonialBox .testimonialBoxThumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}

#testimonial .testimonialMain .testimonialBox .testimonialBoxThumbnail .testimonialBoxThumbnailBox {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: #eee;
  overflow: hidden;
}

#testimonial .testimonialMain .testimonialBox .testimonialBoxThumbnail .testimonialBoxThumbnailBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#testimonial .testimonialMain .testimonialBox .testimonialBoxContent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 480px) {
  #testimonial .testimonialMain .testimonialBox .testimonialBoxContent {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-top: 20px;
  }
}

#testimonial .testimonialMain .testimonialBox .testimonialBoxContent p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
}

#testimonial .testimonialMain .testimonialBox .testimonialBoxContent h3 {
  font-size: 16px;
  margin-top: 30px;
  font-weight: 600;
  color: green;
}

#placeVisit {
  width: 100%;
  float: left;
  padding: 100px 0px;
}

@media (max-width: 768px) {
  #placeVisit {
    padding: 50px 0px;
  }
}

#placeVisit h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #placeVisit h1 {
    font-size: 1.8em;
    line-height: 1.5;
  }
}

#placeVisit span {
  font-size: 14px;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
  float: left;
}

#placeVisit .placeVisitMain {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 100px;
}

@media (max-width: 768px) {
  #placeVisit .placeVisitMain {
    margin-top: 50px;
  }
}

#placeVisit .placeVisitMain .placeVisitThumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-height: 50vh;
}

@media (max-width: 768px) {
  #placeVisit .placeVisitMain .placeVisitThumbnail {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 480px) {
  #placeVisit .placeVisitMain .placeVisitThumbnail {
    height: 220px;
  }
}

#placeVisit .placeVisitMain .placeVisitThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#placeVisit .placeVisitMain .placeVisitContent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #placeVisit .placeVisitMain .placeVisitContent {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 30px;
  }
}

#placeVisit .placeVisitMain .placeVisitContent h2 {
  font-size: 2em;
  font-weight: 700;
  color: #05182f;
}

@media (max-width: 768px) {
  #placeVisit .placeVisitMain .placeVisitContent h2 {
    font-size: 1.5em;
  }
}

#placeVisit .placeVisitMain .placeVisitContent p {
  font-size: 16px;
  line-height: 1.7;
  color: #9d9d9d;
  margin-top: 20px;
}

#placeVisit .placeVisitMain .placeVisitContent a {
  text-decoration: none;
  font-size: 14px;
  width: 120px;
  padding: 10px;
  border: 1px solid black;
  margin-top: 30px;
  text-align: center;
  color: black;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#placeVisit .placeVisitMain .placeVisitContent a:hover {
  background: #000;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#gallery {
  width: 100%;
  float: left;
  padding: 100px 0px;
  background: black;
}

@media (max-width: 768px) {
  #gallery {
    padding: 50px 0px;
  }
}

#gallery .galleryHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#gallery .galleryHead .galleryHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #gallery .galleryHead .galleryHeadColumn1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}

@media (max-width: 480px) {
  #gallery .galleryHead .galleryHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#gallery .galleryHead .galleryHeadColumn1 h1 {
  font-size: 2em;
  color: white;
  font-weight: 500;
}

@media (max-width: 768px) {
  #gallery .galleryHead .galleryHeadColumn1 h1 {
    font-size: 1.8em;
  }
}

#gallery .galleryHead .galleryHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
  font-weight: 200;
}

#gallery .galleryHead .galleryHeadColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  #gallery .galleryHead .galleryHeadColumn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}

@media (max-width: 480px) {
  #gallery .galleryHead .galleryHeadColumn2 {
    display: none;
  }
}

#gallery .galleryHead .galleryHeadColumn2 a {
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  width: 100%;
  padding: 10px;
  letter-spacing: 0.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#gallery .galleryHead .galleryHeadColumn2 a:hover {
  background: #fff;
  color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#gallery .galleryMain {
  margin-top: 40px;
  width: 100%;
  float: left;
  line-height: 0;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  column-count: 3;
  column-gap: 10px;
  position: relative;
  padding: 0px 10px;
}

@media (max-width: 480px) {
  #gallery .galleryMain {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    padding: 0;
  }
}

#gallery .galleryMain::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  content: '';
  z-index: 1;
}

@media (max-width: 1200px) {
  #gallery .galleryMain {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 1000px) {
  #gallery .galleryMain {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 768px) {
  #gallery .galleryMain {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 480px) {
  #gallery .galleryMain {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

#gallery .galleryMain a {
  text-decoration: none;
}

#gallery .galleryMain a img {
  width: 100% !important;
  height: auto !important;
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 480px) {
  #gallery .galleryMain a img {
    margin-top: 10px;
  }
}

#gallery .galleryMain a img:hover {
  opacity: .7;
}

#thingstodo {
  float: left;
  width: 100%;
  padding: 100px 0px;
}

@media (max-width: 768px) {
  #thingstodo {
    padding: 50px 0px;
  }
}

#thingstodo .thingstodoHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#thingstodo .thingstodoHead .thingstodoHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  #thingstodo .thingstodoHead .thingstodoHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#thingstodo .thingstodoHead .thingstodoHeadColumn1 h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #thingstodo .thingstodoHead .thingstodoHeadColumn1 h1 {
    font-size: 1.8em;
  }
}

#thingstodo .thingstodoHead .thingstodoHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
}

#thingstodo .thingstodoMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-bottom: 50px;
  margin-top: 10px;
}

@media (max-width: 480px) {
  #thingstodo .thingstodoMain {
    margin-top: 20px;
  }
}

#thingstodo .thingstodoMain:nth-last-child(1) {
  margin-bottom: 0;
}

#thingstodo .thingstodoMain::after {
  content: '';
  height: 0;
  width: 23%;
}

#thingstodo .thingstodoMain .thingstodoBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  padding: 10px;
  border-radius: 10px;
  margin-top: 40px;
  background: white;
  -webkit-box-shadow: 0 0 30px rgba(229, 239, 240, 0.829);
          box-shadow: 0 0 30px rgba(229, 239, 240, 0.829);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid rgba(238, 238, 238, 0.055);
}

@media (max-width: 768px) {
  #thingstodo .thingstodoMain .thingstodoBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}

@media (max-width: 480px) {
  #thingstodo .thingstodoMain .thingstodoBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-top: 20px;
  }
}

#thingstodo .thingstodoMain .thingstodoBox:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 5px #eee;
          box-shadow: 0 0 5px #eee;
  border: 1px solid rgba(238, 238, 238, 0.055);
}

#thingstodo .thingstodoMain .thingstodoBox .thingstodoBoxThumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  border-radius: 10px;
  overflow: hidden;
  height: 60px;
  background: #eee;
}

#thingstodo .thingstodoMain .thingstodoBox .thingstodoBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#thingstodo .thingstodoMain .thingstodoBox .thingstodoBoxContent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#thingstodo .thingstodoMain .thingstodoBox .thingstodoBoxContent h2 {
  font-size: 16px;
  color: #05182f;
  font-weight: 600;
  height: 21px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#thingstodo .thingstodoMain .thingstodoBox .thingstodoBoxContent p {
  font-size: 12px;
  color: #9d9d9d;
  margin-top: 5px;
  line-height: 1.5;
  height: 35px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#thingstodo .thingstodoMain .DummythingstodoBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  height: 0;
}

#siteSeen {
  float: left;
  width: 100%;
  padding: 100px 0px 150px 0px;
  background: #fbfeff;
}

@media (max-width: 768px) {
  #siteSeen {
    padding: 50px 0px 100px 0px;
  }
}

#siteSeen .siteSeenHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#siteSeen .siteSeenHead .siteSeenHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  #siteSeen .siteSeenHead .siteSeenHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#siteSeen .siteSeenHead .siteSeenHeadColumn1 h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #siteSeen .siteSeenHead .siteSeenHeadColumn1 h1 {
    font-size: 1.8em;
  }
}

#siteSeen .siteSeenHead .siteSeenHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
}

#siteSeen .siteSeenMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-bottom: 50px;
  margin-top: 10px;
}

@media (max-width: 480px) {
  #siteSeen .siteSeenMain {
    margin-top: 20px;
  }
}

#siteSeen .siteSeenMain:nth-last-child(1) {
  margin-bottom: 0;
}

#siteSeen .siteSeenMain::after {
  content: '';
  height: 0;
  width: 23%;
}

#siteSeen .siteSeenMain .siteSeenBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  padding: 10px;
  border-radius: 10px;
  margin-top: 40px;
  background: white;
  -webkit-box-shadow: 0 0 30px rgba(229, 239, 240, 0.829);
          box-shadow: 0 0 30px rgba(229, 239, 240, 0.829);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid rgba(238, 238, 238, 0.055);
}

@media (max-width: 768px) {
  #siteSeen .siteSeenMain .siteSeenBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}

@media (max-width: 480px) {
  #siteSeen .siteSeenMain .siteSeenBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-top: 20px;
  }
}

#siteSeen .siteSeenMain .siteSeenBox:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 5px #eee;
          box-shadow: 0 0 5px #eee;
  border: 1px solid rgba(238, 238, 238, 0.055);
}

#siteSeen .siteSeenMain .siteSeenBox .siteSeenBoxThumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  border-radius: 10px;
  overflow: hidden;
  height: 60px;
  background: #eee;
}

#siteSeen .siteSeenMain .siteSeenBox .siteSeenBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#siteSeen .siteSeenMain .siteSeenBox .siteSeenBoxContent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#siteSeen .siteSeenMain .siteSeenBox .siteSeenBoxContent h2 {
  font-size: 16px;
  color: #05182f;
  font-weight: 600;
  height: 21px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#siteSeen .siteSeenMain .siteSeenBox .siteSeenBoxContent p {
  font-size: 12px;
  color: #9d9d9d;
  margin-top: 5px;
  line-height: 1.5;
  height: 35px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#siteSeen .siteSeenMain .DummysiteSeenBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  height: 0;
}

footer {
  width: 100%;
  float: left;
  background: #2e343d;
  padding-bottom: 50px;
  float: left;
}

footer .footerMain {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  padding: 50px;
  border-radius: 10px;
  margin-top: -50px;
  -webkit-box-shadow: 0 0 20px rgba(124, 124, 124, 0.103);
          box-shadow: 0 0 20px rgba(124, 124, 124, 0.103);
}

@media (max-width: 480px) {
  footer .footerMain {
    padding: 20px;
  }
}

footer .footerMain .sep {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22%;
          flex: 0 0 22%;
  height: 100%;
  float: left;
}
footer .footerMain .sep:nth-last-child(1) ul li:nth-child(3), footer .footerMain .sep:nth-last-child(1) ul li:nth-child(4){
    display: none;
}

@media (max-width: 768px) {
  footer .footerMain .sep {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin-top: 50px;
  }
  footer .footerMain .sep:nth-child(1) {
    margin-top: 0;
  }
  footer .footerMain .sep:nth-child(2) {
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  footer .footerMain .sep {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
  footer .footerMain .sep:nth-child(2) {
    margin-top: 50px;
  }
}

footer .footerMain .sep .logo p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #05182f;
}

footer .footerMain .sep h1 {
  font-size: 16px;
  color: #05182f;
  margin-bottom: 20px;
  font-weight: 500;
}

footer .footerMain .sep ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer .footerMain .sep ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

footer .footerMain .sep ul li a {
  text-decoration: none;
  font-size: 13px;
  color: #000;
  font-weight: 300;
}
footer .footerMain .sep ul li a:nth-child(2){
    display:none;
}
footer .footerMain .sep ul li a:hover {
  border-bottom: 1px solid #000;
  width: auto;
}

footer .footerMain .sep ul .title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  color: #000;
}

footer .footerMain .sep ul .content {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  color: #000;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer .fooret-about {
  width: 100%;
  float: left;
  border-top: 1px solid #929292;
  margin-top: 50px;
  padding: 40px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 800px) {
  footer .fooret-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 20px 50px 0px;
  }
}

@media (max-width: 480px) {
  footer .fooret-about {
    padding-bottom: 0;
  }
}

footer .fooret-about .logo-image {
  width: auto;
  height: 100px;
  display: none;
}

footer .fooret-about .logo-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

footer .fooret-about .fooret-about-content {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 800px) {
  footer .fooret-about .fooret-about-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

footer .fooret-about .fooret-about-content h1 {
  font-size: 20px;
  letter-spacing: 0.2rem;
  font-weight: 600;
  color: white;
  font-family: 'Dancing Script', cursive;
}

@media (max-width: 800px) {
  footer .fooret-about .fooret-about-content {
    text-align: center;
  }
}

footer .fooret-about .fooret-about-content p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  color: white;
  margin-top: 10px;
}

@media (max-width: 800px) {
  footer .fooret-about .fooret-about-content {
    text-align: center;
  }
}

footer .fooret-about .fooret-about-content span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

footer .fooret-about .fooret-about-content span a {
  text-decoration: none;
  color: white;
  font-size: 12px;
  margin-right: 15px;
}

footer .fooret-about .fooret-about-content h4 {
  font-size: 12px;
  text-align: center;
  color: #dbd8d8;
  font-weight: 300;
  margin-top: 40px;
}

footer .fooret-about .fooret-about-content h4 i {
  color: red;
  margin: 0px 5px;
  position: relative;
  top: -1px;
  -webkit-animation: bounce 0.5s;
          animation: bounce 0.5s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes bounce {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

footer .fooret-about .fooret-about-content h4 a {
  text-decoration: none;
  color: white;
}

@media (max-width: 480px) {
  footer .fooret-about .fooret-about-content h4 a {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    float: left;
  }
}

#pgHomestayBanner {
  float: left;
  padding: 100px 0px;
  margin-top: 80px;
  background: url(../images/homestay.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  position: relative;
  z-index: 0;
}

@media (max-width: 768px) {
  #pgHomestayBanner {
    margin-top: 60px;
  }
}

@media (max-width: 480px) {
  #pgHomestayBanner {
    padding: 50px 0px;
  }
}

#pgHomestayBanner::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  z-index: -1;
  background: rgba(0, 0, 0, 0.336);
}

#pgHomestayBanner .pgHomestayHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#pgHomestayBanner .pgHomestayHead .pgHomestayHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #pgHomestayBanner .pgHomestayHead .pgHomestayHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#pgHomestayBanner .pgHomestayHead .pgHomestayHeadColumn1 h1 {
  font-size: 3em;
  color: white;
  font-weight: 700;
}

@media (max-width: 768px) {
  #pgHomestayBanner .pgHomestayHead .pgHomestayHeadColumn1 h1 {
    font-size: 2.5em;
  }
}

#pgHomestayBanner .pgHomestayHead .pgHomestayHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
  font-weight: 300;
}

#pgHomestay {
  float: left;
  width: 100%;
  padding: 50px 0px 150px 0px;
}

@media (max-width: 768px) {
  #pgHomestay {
    padding: 0px 0px 100px 0px;
  }
}

#pgHomestay .pgHomestayMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

#pgHomestay .pgHomestayMain::after {
  content: '';
  height: 0;
  width: 23%;
}

#pgHomestay .pgHomestayMain .pgHomestayBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  text-decoration: none;
  margin-top: 50px;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(235, 235, 235, 0.158);
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.062);
          box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.062);
  border: 1px solid rgba(225, 225, 225, 0.281);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 768px) {
  #pgHomestay .pgHomestayMain .pgHomestayBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}

@media (max-width: 480px) {
  #pgHomestay .pgHomestayMain .pgHomestayBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#pgHomestay .pgHomestayMain .pgHomestayBox:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 5px #eee;
          box-shadow: 0 0 5px #eee;
}

#pgHomestay .pgHomestayMain .pgHomestayBox .pgHomestayBoxThumbnail {
  width: 100%;
  height: 150px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}

#pgHomestay .pgHomestayMain .pgHomestayBox .pgHomestayBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#pgHomestay .pgHomestayMain .pgHomestayBox .pgHomestayBoxContent {
  width: 100%;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#pgHomestay .pgHomestayMain .pgHomestayBox .pgHomestayBoxContent h2 {
  color: black;
  font-size: 16px;
  font-weight: 600;
}

#pgHomestay .pgHomestayMain .pgHomestayBox .pgHomestayBoxContent .stars {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: orange;
  font-size: 12px;
  margin-right: 10px;
}

#pgHomestay .pgHomestayMain .dummypgHomestayBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  height: 0;
}

#pgResortBanner {
  float: left;
  padding: 100px 0px;
  margin-top: 80px;
  background: url(../images/resort.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  position: relative;
  z-index: 0;
}

@media (max-width: 768px) {
  #pgResortBanner {
    margin-top: 60px;
  }
}

@media (max-width: 480px) {
  #pgResortBanner {
    padding: 50px 0px;
  }
}

#pgResortBanner::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  z-index: -1;
  background: rgba(0, 0, 0, 0.336);
}

#pgResortBanner .pgResortHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#pgResortBanner .pgResortHead .pgResortHeadColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  #pgResortBanner .pgResortHead .pgResortHeadColumn1 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#pgResortBanner .pgResortHead .pgResortHeadColumn1 h1 {
  font-size: 3em;
  color: white;
  font-weight: 700;
}

#pgResortBanner .pgResortHead .pgResortHeadColumn1 span {
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
  font-weight: 300;
}

#pgResort {
  float: left;
  width: 100%;
  padding: 50px 0px 150px 0px;
}

@media (max-width: 768px) {
  #pgResort {
    padding: 0px 0px 100px 0px;
  }
}

#pgResort .pgResortMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

#pgResort .pgResortMain::after {
  content: '';
  height: 0;
  width: 23%;
}

#pgResort .pgResortMain .pgResortBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  text-decoration: none;
  margin-top: 50px;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(235, 235, 235, 0.158);
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.062);
          box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.062);
  border: 1px solid rgba(225, 225, 225, 0.281);
  -webkit-backdrop-filter: blur(55px);
          backdrop-filter: blur(55px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 768px) {
  #pgResort .pgResortMain .pgResortBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
}

@media (max-width: 480px) {
  #pgResort .pgResortMain .pgResortBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#pgResort .pgResortMain .pgResortBox:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 5px #eee;
          box-shadow: 0 0 5px #eee;
}

#pgResort .pgResortMain .pgResortBox .pgResortBoxThumbnail {
  width: 100%;
  height: 150px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}

#pgResort .pgResortMain .pgResortBox .pgResortBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#pgResort .pgResortMain .pgResortBox .pgResortBoxContent {
  width: 100%;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#pgResort .pgResortMain .pgResortBox .pgResortBoxContent h2 {
  color: black;
  font-size: 16px;
  font-weight: 600;
}

#pgResort .pgResortMain .pgResortBox .pgResortBoxContent .stars {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: orange;
  font-size: 12px;
  margin-right: 10px;
}

#pgResort .pgResortMain .dummypgResortBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  height: 0;
}

#innerHomestaybanner {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 70vh;
  margin-top: 80px;
  overflow: hidden;
}

@media (max-width: 768px) {
  #innerHomestaybanner {
    height: 50vh;
    margin-top: 60px;
  }
}

@media (max-width: 480px) {
  #innerHomestaybanner {
    height: 40vh;
  }
}

#innerHomestaybanner .innerHomestaybannerColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 480px) {
  #innerHomestaybanner .innerHomestaybannerColumn1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

#innerHomestaybanner .innerHomestaybannerColumn1 .innerHomestaybannerBox {
  width: 100%;
  height: 100%;
  text-decoration: none;
  background: #eee;
}

#innerHomestaybanner .innerHomestaybannerColumn1 .innerHomestaybannerBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#innerHomestaybanner .innerHomestaybannerColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 39.5%;
          flex: 0 0 39.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 480px) {
  #innerHomestaybanner .innerHomestaybannerColumn2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49.5%;
            flex: 0 0 49.5%;
  }
}

#innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn1 {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 35vh !important;
}

@media (max-width: 768px) {
  #innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn1 {
    height: 25vh !important;
  }
}

@media (max-width: 480px) {
  #innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn1 {
    height: 20vh !important;
  }
}

#innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn1 .innerHomestaybannerBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.3%;
          flex: 0 0 49.3%;
  background: #eee;
  height: 100%;
}

#innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn1 .innerHomestaybannerBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn2 {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 768px) {
  #innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn2 {
    margin-top: 4px;
  }
}

#innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn2 .innerHomestaybannerBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.3%;
          flex: 0 0 49.3%;
  background: #eee;
  height: 100%;
}

#innerHomestaybanner .innerHomestaybannerColumn2 .innerHomestaybannerInnerColumn2 .innerHomestaybannerBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#dummyBanner {
  width: 100%;
  height: 80px;
  float: left;
}

@media (max-width: 768px) {
  #dummyBanner {
    height: 60px;
  }
}

#innerHomestay {
  width: 100%;
  float: left;
  padding: 50px 0px 150px 0px;
  background: #f6f8fb;
}

@media (max-width: 768px) {
  #innerHomestay {
    padding: 50px 0px 100px 0px;
  }
}

#innerHomestay .innerHomestayMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

@media (max-width: 768px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox {
  width: 100%;
  padding: 30px;
  border-radius: 10px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox {
    padding: 20px;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox:nth-child(1) {
  margin-top: 0px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 600;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead h1 {
    font-size: 1.8em;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .locationReview {
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .locationReview .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .locationReview .stars i {
  color: orange;
  font-size: 12px;
  margin-right: 5px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .locationReview .rating {
  font-size: 14px;
  color: #9d9d9d;
  font-weight: 300;
  margin-left: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .locationReview .location {
  font-size: 14px;
  color: #9d9d9d;
  font-weight: 300;
  margin-left: 20px;
  text-decoration: none;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .locationReview .location {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .advantage {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .advantage .advantageBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 12px 10px;
  color: black;
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  align-items: center;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .advantage .advantageBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .advantage .advantageBox i {
  color: green;
  font-size: 16px;
  margin-right: 5px;
  display: none;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .innerRelatedBookBtn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
}

@media (max-width: 768px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .innerRelatedBookBtn {
    display: block;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .innerRelatedBookBtn a {
  text-decoration: none;
  background: green;
  color: white;
  font-size: 16px;
  text-align: center;
  width: 180px;
  margin-top: 30px;
  padding: 15px 0px;
  border-radius: 10px;
  float: left;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead .innerRelatedBookBtn a {
    width: 100%;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead p {
  font-size: 16px;
  margin-top: 40px;
  line-height: 1.8;
  font-weight: 300;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead ul {
  width: 100%;
  margin-top: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 300;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead ul li span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3%;
          flex: 0 0 3%;
  color: #ff5b01;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHead ul li p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 96%;
          flex: 0 0 96%;
  margin-top: 0px;
  line-height: 1.5;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox h2 {
  font-size: 1.5em;
  font-weight: 600;
  color: #05182f;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHighlight {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHighlight ul {
  width: 100%;
  margin-top: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHighlight ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 300;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHighlight ul li span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3%;
          flex: 0 0 3%;
  color: #ff5b01;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHighlight ul li p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 96%;
          flex: 0 0 96%;
  margin-top: 0px;
  line-height: 1.5;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxHighlight p {
  font-size: 16px;
  margin-top: 40px;
  line-height: 1.8;
  font-weight: 300;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDetails {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDetails h3 {
  font-size: 18px;
  font-weight: 600;
  color: #05182f;
  margin-top: 30px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDetails p {
  font-size: 16px;
  margin-top: 10px;
  line-height: 1.8;
  font-weight: 300;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDetails p a {
  text-decoration: none;
  color: #0303c3;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxRelated {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxRelated .innerHomestayRelatedmain {
  width: 100%;
  margin-top: 20px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxRelated .innerHomestayRelatedmain .innerHomestayRelatedBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxRelated .innerHomestayRelatedmain .innerHomestayRelatedBox .innerHomestayRelatedBoxThumbnail {
  width: 100%;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxRelated .innerHomestayRelatedmain .innerHomestayRelatedBox .innerHomestayRelatedBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxRelated .innerHomestayRelatedmain .innerHomestayRelatedBox p {
  font-size: 14px;
  margin-top: 15px;
  font-weight: 500;
  color: #05182f;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxRelated .innerHomestayRelatedmain .innerHomestayRelatedBox .stars {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: orange;
  font-size: 12px;
  margin-right: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery {
  width: 100%;
  float: left;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery .innerHomestayDetialsBoxGalleryMain {
  width: 100%;
  float: left;
  margin-top: 30px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery .innerHomestayDetialsBoxGalleryMain .innerHomestayDetialsBoxGalleryBox {
  width: 100%;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery .innerHomestayDetialsBoxGalleryMain .innerHomestayDetialsBoxGalleryBox img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery .innerHomestayDetialsBoxGalleryMain .innerHomestayDetialsBoxGalleryBox img {
    height: 180px;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 40%;
  position: absolute;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
  width: 100%;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-next {
  display: block !important;
  padding: 5px 10px !important;
  background: rgba(252, 252, 252, 0.726);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-next {
    padding: 5px 10px !important;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-next:hover {
  background: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-next span {
  font-size: 30px;
  color: black;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-prev {
  display: block !important;
  padding: 5px 10px !important;
  background: rgba(252, 252, 252, 0.726);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-prev {
    padding: 5px 10px !important;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-prev:hover {
  background: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery button.owl-prev span {
  font-size: 30px;
  color: black;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxGallery .owl-dots {
  display: none;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDescriptions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDescriptions p {
  font-size: 16px;
  margin-top: 15px;
  line-height: 1.8;
  font-weight: 300;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDescriptions h3 {
  font-size: 18px;
  font-weight: 600;
  color: green;
  margin-top: 30px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDescriptions ul {
  width: 100%;
  margin-top: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDescriptions ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 300;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDescriptions ul li span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3%;
          flex: 0 0 3%;
  color: #ff5b01;
}

#innerHomestay .innerHomestayMain .innerHomestayDetials .innerHomestayDetialsBox .innerHomestayDetialsBoxDescriptions ul li p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 96%;
          flex: 0 0 96%;
  margin-top: 0px;
  line-height: 1.5;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27%;
          flex: 0 0 27%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #innerHomestay .innerHomestayMain .innerHomestayColumn2 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox {
  width: 100%;
  background: white;
  padding: 20px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox:nth-child(2){
    display:none;
}
@media (max-width: 768px) {
  #innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox:nth-child(1) {
    display: none;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox:nth-child(1) {
  margin-top: 0;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedBookBtn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedBookBtn p {
  font-size: 1.5em;
  font-weight: 400;
  color: #ff5b01;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedBookBtn span {
  font-size: 12px;
  color: #9d9d9d;
  margin-top: 5px;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedBookBtn hr {
  margin-top: 15px;
  border: 1px solid #eee;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedBookBtn a {
  text-decoration: none;
  background: green;
  color: white;
  font-size: 16px;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  padding: 20px 0px;
  border-radius: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox h1 {
  font-size: 20px;
  font-weight: 600;
  color: #05182f;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq {
  width: 100%;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 10px 0px;
  color: #7288a2;
  font-size: 14px;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button:hover, #innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button:focus {
  cursor: pointer;
  color: #03b5d2;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button:hover::after, #innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button .accordion-title {
  font-size: 14px;
  line-height: 1.5;
  color: black;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button[aria-expanded='true'] {
  color: #03b5d2;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion .accordion-content {
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedFaq .accordion .accordion-content p {
  font-size: 13px;
  line-height: 1.5;
  color: #757373;
  font-weight: 300;
  padding-bottom: 10px;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall p {
  font-size: 14px;
  color: black;
  line-height: 1.7;
  font-weight: 300;
  margin-top: 10px;
  opacity: 0.9;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callIcon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  font-size: 18px;
  color: #ff5b01;
}

@media (max-width: 768px) {
  #innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callIcon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
  }
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callIcon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callNumber {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callNumber {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
  }
}

@media (max-width: 480px) {
  #innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callNumber {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
  }
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callNumber a {
  text-decoration: none;
  font-weight: 600;
  color: #0303c3;
  font-size: 16px;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox .innerRelatedCall .callSection .callNumber span {
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
  color: #9d9d9d;
}

#innerHomestay .innerHomestayMain .innerHomestayColumn2 .innerHomestayRelatedBox:nth-child(1){
    display:none;
}

#innerActivity {
  float: left;
  padding: 100px 0px 150px 0px;
  width: 100%;
  margin-top: 80px;
}

@media (max-width: 768px) {
  #innerActivity {
    padding: 50px 0px 100px 0px;
    margin-top: 60px;
  }
}

#innerActivity .innerActivityMain {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerActivity .innerActivityMain .innerActivityHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerActivity .innerActivityMain .innerActivityHead h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #innerActivity .innerActivityMain .innerActivityHead h1 {
    font-size: 1.8em;
  }
}

#innerActivity .innerActivityMain .innerActivityHead span {
  font-size: 14px;
  margin-top: 10px;
  color: black;
  font-weight: 200;
}

#innerActivity .innerActivityMain .innerActivityMainBody {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 50px;
  background: #f6f8fb;
  padding: 30px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  #innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox {
    padding: 20px;
  }
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 480px) {
  #innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail .innerActivityBoxThumbnailColumn1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.5%;
          flex: 0 0 49.5%;
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail .innerActivityBoxThumbnailColumn1 .innerActivityBoxThumbnailColumn1Img {
  width: 100%;
  height: 100%;
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail .innerActivityBoxThumbnailColumn1 .innerActivityBoxThumbnailColumn1Img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail .innerActivityBoxThumbnailColumn2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.5%;
          flex: 0 0 49.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail .innerActivityBoxThumbnailColumn2 .innerActivityBoxThumbnailColumn2Img {
  width: 100%;
  height: 49.5%;
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxThumbnail .innerActivityBoxThumbnailColumn2 .innerActivityBoxThumbnailColumn2Img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxContent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 480px) {
  #innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxContent {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-top: 20px;
  }
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxContent h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 600;
}

@media (max-width: 768px) {
  #innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxContent h1 {
    font-size: 1.5em;
  }
}

#innerActivity .innerActivityMain .innerActivityMainBody .innerActivityBox .innerActivityBoxContent p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
  margin-top: 20px;
  color: black;
}

#innerGallery {
  width: 100%;
  float: left;
  padding: 50px 0px 150px 0px;
  margin-top: 80px;
}

@media (max-width: 768px) {
  #innerGallery {
    padding: 50px 0px 100px 0px;
    margin-top: 60px;
  }
}

#innerGallery .innerGalleryMain {
  line-height: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  column-count: 2;
  column-gap: 10px;
  position: relative;
}

@media (max-width: 480px) {
  #innerGallery .innerGalleryMain {
    -webkit-column-gap: 10px;
    column-gap: 10px;
  }
}

#innerGallery .innerGalleryMain::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  content: '';
  z-index: 1;
}

@media (max-width: 1200px) {
  #innerGallery .innerGalleryMain {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 1000px) {
  #innerGallery .innerGalleryMain {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 768px) {
  #innerGallery .innerGalleryMain {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 480px) {
  #innerGallery .innerGalleryMain {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

#innerGallery .innerGalleryMain a {
  text-decoration: none;
}

#innerGallery .innerGalleryMain a img {
  width: 100% !important;
  height: auto !important;
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 480px) {
  #innerGallery .innerGalleryMain a img {
    margin-top: 10px;
  }
}

#innerGallery .innerGalleryMain a img:hover {
  opacity: .7;
}

#innerTestimonial {
  float: left;
  padding: 100px 0px 150px 0px;
  width: 100%;
  margin-top: 80px;
}

@media (max-width: 768px) {
  #innerTestimonial {
    padding: 50px 0px 100px 0px;
    margin-top: 60px;
  }
}

#innerTestimonial .innerTestimonialhead {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#innerTestimonial .innerTestimonialhead h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #innerTestimonial .innerTestimonialhead h1 {
    font-size: 1.8em;
  }
}

#innerTestimonial .innerTestimonialhead span {
  font-size: 14px;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
}

#innerTestimonial .innerTestimonialMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  #innerTestimonial .innerTestimonialMain .innerTestimonialBox {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxHead {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxHead .innerTestimonialBoxHeadThumbnail {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxHead .innerTestimonialBoxHeadThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxHead .innerTestimonialBoxHeadName {
  width: calc(100% - 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxHead .innerTestimonialBoxHeadName h4 {
  color: green;
  font-size: 20px;
  font-weight: 500;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxHead .innerTestimonialBoxHeadName span {
  font-size: 14px;
  margin-top: 5px;
  color: #9d9d9d;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxBody {
  width: 100%;
  margin-top: 20px;
}

#innerTestimonial .innerTestimonialMain .innerTestimonialBox .innerTestimonialBoxBody p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
  height: 100px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

#whychooseus {
  width: 100%;
  float: left;
  padding: 100px 0px 150px 0px;
  margin-top: 80px;
}

@media (max-width: 768px) {
  #whychooseus {
    padding: 50px 0px 100px 0px;
    margin-top: 60px;
  }
}

#whychooseus .whychooseusMain {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#whychooseus .whychooseusMain h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
}

@media (max-width: 768px) {
  #whychooseus .whychooseusMain h1 {
    font-size: 1.8em;
  }
}

#whychooseus .whychooseusMain p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}

#whychooseus .whychooseusMain .whychooseusBox {
  width: 100%;
  margin-top: 50px;
  border: 2px dashed #eee;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#whychooseus .whychooseusMain .whychooseusBox .whychooseusBoxNumber {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5%;
          flex: 0 0 5%;
}

#whychooseus .whychooseusMain .whychooseusBox .whychooseusBoxNumber .number {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  font-size: 1.2em;
  background: #ff5b01;
  color: white;
}

#whychooseus .whychooseusMain .whychooseusBox .whychooseusBoxContent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 95%;
          flex: 0 0 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 768px) {
  #whychooseus .whychooseusMain .whychooseusBox .whychooseusBoxContent {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
  }
}

@media (max-width: 480px) {
  #whychooseus .whychooseusMain .whychooseusBox .whychooseusBoxContent {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
  }
}

#whychooseus .whychooseusMain .whychooseusBox .whychooseusBoxContent h2 {
  font-size: 1.3em;
  font-weight: 600;
  color: #05182f;
}

#whychooseus .whychooseusMain .whychooseusBox .whychooseusBoxContent p a {
  text-decoration: none;
  color: #0303c3;
}

#contact {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#contact .contactHead {
  width: 35%;
  padding: 150px 5% 150px 7.5%;
  background: #C9D6FF;
  background: -webkit-gradient(linear, left top, right top, from(#E2E2E2), to(#C9D6FF));
  background: linear-gradient(to right, #E2E2E2, #C9D6FF);
}

@media (max-width: 768px) {
  #contact .contactHead {
    width: 100%;
    padding: 100px 5% 50px 5%;
  }
}

#contact .contactHead h1 {
  font-size: 20px;
  line-height: 1.7;
  font-weight: 500;
  color: #05182f;
}

#contact .contactHead a {
  text-decoration: none;
  width: 100%;
  padding: 20px;
  background: #ff5b01;
  color: white;
  font-size: 20px;
  text-align: center;
  border-radius: 10px;
  float: left;
  margin-top: 50px;
}

@media (max-width: 768px) {
  #contact .contactHead a {
    width: 180px;
  }
}

@media (max-width: 480px) {
  #contact .contactHead a {
    width: 100%;
    margin-top: 30px;
  }
}

#contact .contactDetails {
  width: 65%;
  padding: 150px 7.5% 150px 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 768px) {
  #contact .contactDetails {
    width: 100%;
    padding: 50px 5% 100px 5%;
  }
}

#contact .contactDetails .contactDetailsAddress {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 480px) {
  #contact .contactDetails .contactDetailsAddress {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
}

#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox:nth-child(1) {
  margin-top: 0;
}

#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox h3 {
  font-size: 16px;
  font-weight: 500;
  color: green;
}

#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #05182f;
}

#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox a {
  text-decoration: none;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #05182f;
}

#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox .socialicon {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox .socialicon a {
  text-decoration: none;
  margin-right: 20px;
}

#contact .contactDetails .contactDetailsAddress .location {
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid green;
  color: green;
  font-size: 14px;
  margin-top: 30px;
  text-decoration: none;
  width: 150px;
  text-align: center;
}

#contact .contactDetails .contactDetailsForm {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 480px) {
  #contact .contactDetails .contactDetailsForm {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-top: 50px;
  }
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 0 20px #f4f7fc;
          box-shadow: 0 0 20px #f4f7fc;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox .formGroup {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox .formGroup:nth-child(1) {
  margin-top: 0;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox .formGroup label {
  font-size: 14px;
  font-weight: 500;
  color: #05182f;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox .formGroup input {
  width: 100%;
  height: 45px;
  background: #f6f8fb;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
  border: none;
  outline: none;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox .formGroup input:focus {
  border: 1px solid green;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox .formGroup textarea {
  width: 100%;
  height: 100px;
  background: #f6f8fb;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
  border: none;
  resize: none;
  outline: none;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox .formGroup textarea:focus {
  border: 1px solid green;
}

#contact .contactDetails .contactDetailsForm .contactDetailsFormBox button {
  width: 100%;
  border-radius: 10px;
  background: green;
  padding: 15px;
  color: white;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  border: none;
  margin-top: 20px;
  cursor: pointer;
  outline: none;
}
#contact .contactDetails .contactDetailsAddress .contactDetailsAddressBox:nth-child(2){
    display:none;
}

#faq {
  width: 100%;
  float: left;
  padding: 100px 0px 150px 0px;
  margin-top: 80px;
}

@media (max-width: 768px) {
  #faq {
    padding: 50px 0px 100px 0px;
    margin-top: 60px;
  }
}

#faq .faqMain {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#faq .faqMain h1 {
  font-size: 2em;
  color: #05182f;
  font-weight: 500;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  #faq .faqMain h1 {
    font-size: 1.8em;
    line-height: 1.5;
  }
}

#faq .faqMain .faqBox {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border: 2px dashed #eee;
  padding: 20px;
}

#faq .faqMain .faqBox h3 {
  font-size: 1.3em;
  font-weight: 600;
  color: green;
}

#faq .faqMain .faqBox p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}

#faq .faqMain .faqBox p a {
  text-decoration: none;
  color: #0303c3;
}


.faqMore{
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    margin-top:10px;
    color:green;
}


.bookNowBtn{
    width:100%;
    margin-top:20px;
    text-align:center;
    padding:10px;
    border-radius:10px;
    background:green;
    color:white;
    font-size:14px;
    font-weight:300;
}
.arrowContainer{
    position:absolute;
    right: 50%;
    bottom: 0;
    background-color:#288055;
    border-radius:50%;
    width:20px;
    height:20px;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform:rotate(90deg);
}
.arrowContainer img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.sideIconsWhole{
    display:flex;
}
.sideIconsWhole li{
    list-style:none;
    height: 42px;
}
.sideSmallContactBox{
    background-color:#cceddd;
    position:fixed;
    top: 50%;
    left:0;
    z-index:500;
    border-radius: 0 0px 6px 6px;
    overflow:hidden;
    transform: rotate(-90deg) translateY(-200%);
}
.smallContactLink{
    display:inline-block;
}
.smallIconContainer{
    width: 22px;
}
.smallIconContainer img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.contactUsTextContainer{
    width: 110px;
}
.contactUsTextContainer a {
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:#288055;
    width: 100%;
    height: 100%;
}
.whatsappContainer{
    background-color:#00a353;
    width: 50px;
    display:flex;
    justify-content:center;
    align-items:center;
    transform: rotateX(180deg);
}
.whatsappContainer a{
    display:flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    height: 100%;
}
.phoneContainer{
    background-color:#288055;
    width: 50px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.phoneContainer a{
    width: 100%;
    height: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
}












/*# sourceMappingURL=style.css.map */