/**, body {*/
/*margin:0;*/
/*padding:0;*/
/*box-sizing: border-box;*/
/*}*/



/** {box-sizing: border-box}*/
/*body {font-family: Verdana, sans-serif; margin:0}*/
/*.mySlides {display: none}*/
/*img {vertical-align: middle;}*/

/* Slideshow container */
/*.slideshow-container {*/
/*  max-width: 100%;*/
/*  position: relative;*/
/*  margin: auto;*/
   
/*}*/

/* Next & previous buttons */
/*.prev, .next {*/
/*  cursor: pointer;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  width: auto;*/
/*  padding: 16px;*/
/*  margin-top: -22px;*/
/*  color: white;*/
/*  font-weight: bold;*/
/*  font-size: 18px;*/
/*  transition: 0.6s ease;*/
/*  border-radius: 0 3px 3px 0;*/
/*  user-select: none;*/
/*}*/

/* Position the "next button" to the right */
/*.next {*/
/*  right: 0;*/
/*  border-radius: 3px 0 0 3px;*/
/*}*/

/* On hover, add a black background color with a little bit see-through */
/*.prev:hover, .next:hover {*/
/*  background-color: rgba(0,0,0,0.8);*/
/*}*/

/* Caption text */
/*.text {*/
  
 
/*  position: absolute;*/
/*  bottom: 8px;*/
/*  width: 100%;*/
/*  text-align: center;*/
/*    background-color: white;*/
/*    border: solid 2px black;*/
/*    margin-bottom: 5%;*/
/*    width: 50%;*/
/*    left: 25%;*/
/*    opacity: 0.8;*/
    
         
    
/*}*/
/*.text p {*/
/*   font-size: 30px;*/
/*    position: relative;*/
/*  padding: 18px 10px;*/
/*   text-align: center;*/
/*  color: #000000;*/
/*}*/

/* The dots/bullets/indicators */
/* The grid: Four equal columns that floats next to each other */
/*.column {*/
/*  float: left;*/
/*  width: 25%;*/
/*  padding: 10px;*/
/*}*/

/* Style the images inside the grid */
/*.column img {*/
/*  opacity: 0.8; */
/*  cursor: pointer; */
/*}*/

/*.column img:hover {*/
/*  opacity: 1;*/
/*}*/

/* Clear floats after the columns */
/*.row:after {*/
/*  content: "";*/
/*  display: table;*/
/*  clear: both;*/
/*}*/

/* The expanding image container */
/*.container {*/
/*  position: relative;*/
/*  display: none;*/
/*}*/

/* Expanding image text */
/*#imgtext {*/
/*  position: absolute;*/
/*  bottom: 15px;*/
/*  left: 15px;*/
/*  color: white;*/
/*  font-size: 20px;*/
/*}*/

/* Closable button inside the expanded image */
/*.closebtn {*/
/*  position: absolute;*/
/*  top: 10px;*/
/*  right: 15px;*/
/*  color: white;*/
/*  font-size: 35px;*/
/*  cursor: pointer;*/
/*}*/

/* Fading animation */
/*.fade {*/
/*  -webkit-animation-name: fade;*/
/*  -webkit-animation-duration: 1.5s;*/
/*  animation-name: fade;*/
/*  animation-duration: 1.5s;*/
/*}*/

/*@-webkit-keyframes fade {*/
/*  from {opacity: .4} */
/*  to {opacity: 1}*/
/*}*/

/*@keyframes fade {*/
/*  from {opacity: .4} */
/*  to {opacity: 1}*/
/*}*/

/* On smaller screens, decrease text size */
/*@media only screen and (max-width: 300px) {*/
/*  .prev, .next,.text {font-size: 11px}*/
/*}*/



/*.content-wrapper {*/
/*max-width:1170px;*/
/*margin:0 auto;*/
/*padding: 0 15px;*/
/*}*/

/*.cm-header {*/
/*background-color: #000;*/
/*color:#fff;*/
/*padding:30px 0;*/
/*}*/

/*.cm-logo h1{*/
/*font-size:40px;*/
/*color:#fff; */
/*font-family: Georgia;*/
/*font-weight: 400;*/
/*}*/

/*.cm-header .content-wrapper {*/
/*display: flex;*/
/*flex-wrap: wrap;*/
/*justify-content: space-between;*/
/*}*/

/*.cm-contact h1 {*/
/*font-family: Segoe UI;*/
/*}*/

/*.content-w-image {*/
/*background-color:rgba(8,128,132,1);*/
/*padding:70px 0;*/
/*}*/

/*.content-w-image .content-inner {*/
/*display: flex;*/
/*flex-wrap: wrap;*/
/*}*/

/*.cm-col6 {*/
/*max-width: 50%;*/
/*padding: 0 15px;*/
/*width: 100%;*/
/*}*/

/*img {*/
/*max-width: 100%;*/
/*width: 100%;*/
/*}*/

/*.content-w-image .cm-content {*/
/*color: #fff;*/
/*padding-top: 30px;*/
/*}*/

/*.content-w-image .cm-content h2 {*/
/*font-family: Georgia;*/
/*font-style: normal;*/
/*font-weight: normal;*/
/*font-size: 57px;*/
/*margin-bottom: 15px;*/
/*}*/

/*.content-w-image .cm-content p {*/
/*font-family: Segoe UI;*/
/*font-style: normal;*/
/*font-weight: lighter;*/
/*font-size: 21px;*/
/*}*/

/*.content-w-image.white-bg {*/
/*background-color: #fff;*/
/*}*/

/*.content-w-image.white-bg .cm-content {*/
/*color: #000;*/
/*padding-top: 30px;*/
/*}*/

/*.cm-feature {*/
/*background: rgba(8,128,132,1);*/
/*padding: 70px 0;*/
/*}*/

/*.cm-feature .cm-title h2 {*/
/*font-family: Georgia;*/
/*font-style: normal;*/
/*font-weight: normal;*/
/*font-size: 57px;*/
/*color: #fff;*/
/*text-align: center;*/
/*text-transform: uppercase;*/
/*}*/

/*.cm-col3 {*/
/*width: 25%;*/
/*padding: 0 15px;*/
/*}*/

/*.cm-feature .content-inner {*/
/*display: flex;*/
/*flex-wrap: wrap;*/
/*text-align: center;*/
/*}*/

/*.cm-feature .cm-col3 h2 {*/
/*font-family: Segoe UI;*/
/*font-style: normal;*/
/*font-weight: bold;*/
/*font-size: 26px;*/
/*color: rgba(255,255,255,1);*/
/*text-decoration: underline;*/
/*text-transform: uppercase;*/
/*margin-bottom: 20px;*/
/*}*/

/*.cm-feature .content-wrapper {*/
/*padding: 0;*/
/*}*/

/*.cm-feature .cm-title {*/
/*margin-bottom: 50px;*/
/*}*/

/*.cm-feature .cm-col3 p {*/
/*text-align: center;*/
/*font-family: Segoe UI;*/
/*font-style: normal;*/
/*font-weight: lighter;*/
/*font-size: 20px;*/
/*color: rgba(255,255,255,1);*/
/*}*/

/*.cm-contact-wrapper {*/
/*    padding: 50px 0;*/
/*}*/

/*.cm-contact-wrapper .content-inner {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    width: 100%;*/
/*}*/

/*.cm-form-wrapper {*/
/*    background: rgba(8,128,132,1);*/
/*    padding: 40px;*/
/*    max-width: 400px;*/
/*    margin: 0 0 0 auto;*/
/*}*/

/*.cm-form-wrapper h2 {*/
/*    text-align: center;*/
/*    white-space: nowrap;*/
/*    font-family: Georgia;*/
/*    font-style: normal;*/
/*    font-weight: bold;*/
/*    font-size: 26px;*/
/*    color: rgba(255,255,255,1);*/
/*    text-transform: uppercase;*/
/*}*/

/*form.cm-form input {*/
/*    padding: 10px;*/
/*    width: 100%;*/
/*    margin-bottom: 20px;*/
/*    background: none;*/
/*    border: 0;*/
/*    border-bottom: 2px solid rgba(0,229,174,1);*/
/*    color: #fff;*/
/*    white-space: nowrap;*/
/*    text-align: left;*/
/*    font-family: Segoe UI;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    font-size: 12px;*/
/*    outline: 0  !important;*/
/*}*/

/*form.cm-form input::placeholder {*/
/*    color: #fff;*/
/*}*/

/*.sub-button {*/
/*    background: rgba(255,255,255,1);*/
/*    border: none;*/
/*    width: 100%;*/
/*    padding: 15px 20px;*/
/*    white-space: nowrap;*/
/*    font-family: Georgia;*/
/*    font-style: normal;*/
/*    font-weight: bold;*/
/*    font-size: 19px;*/
/*    color: rgba(8,128,132,1);*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*    max-width: 300px;*/
/*    margin: 10px auto;*/
/*    display: block;*/
/*    cursor: pointer;*/
/*    transition: .3s background ease-in, .3s color ease-in, .3s border;*/
/*    border:1px solid transparent;*/
/*}*/


/*.sub-button:hover {*/
/*    background: rgba(8,128,132,1);*/
/*    color: #fff;*/
/*    border-color:#fff;*/
/*}*/


/*@media (max-width:1024px) {*/
/*    .content-w-image .cm-content h2 {*/
/*        font-size: 32px;*/
/*    }*/
    
/*    .content-w-image .cm-content p {*/
/*        font-size: 16px;*/
/*    }*/
    
/*    .cm-feature .cm-col3 h2 {*/
/*        font-size: 20px;*/
/*    }*/
    
/*    .cm-feature .cm-col3 p {*/
/*        font-size: 16px;*/
/*    }*/
    
/*    .text {*/
 

/*  position: absolute;*/
/* font-weight: bold*/
/*  width: 100%;*/
/*  text-align: center;*/
/*    background-color: white;*/
/*    border: solid 1px black;*/
/*    margin-bottom: 5%;*/
/*    width: 50%;*/
/*    left: 25%*/
    
/*}*/
    
/*    .text p {*/
/*   font-size: 15px;*/
/*    position: relative;*/
/*  padding: 10px 8px;*/
/*   text-align: center;*/
/*  color: #000000;*/
/*}*/

    
/*}*/


/*@media (max-width:767px) {*/
/*    .cm-header .content-wrapper {*/
/*        display: block;*/
/*        text-align: center;*/
/*    }*/
    
/*    .cm-logo h1 {*/
/*        font-size: 35px;*/
/*    }*/
    
/*    .cm-contact h1 {*/
/*        font-size: 20px;*/
/*    }*/
    
/*    .cm-contact {*/
/*        margin-top: 10px;*/
/*    }*/
    
/*    .content-w-image .content-inner {*/
/*        display: block;*/
/*    }*/
    
/*    .cm-col6 {*/
/*        width: 100%;*/
/*        max-width: 100%;*/
/*    }*/
    
/*    .content-w-image.white-bg .content-inner {*/
/*        display: flex;*/
/*        flex-direction: column-reverse;*/
/*    }*/
    
/*    .cm-col3 {*/
/*        width: 50%;*/
/*        margin-bottom: 30px;*/
/*    }*/
    
/*    .cm-form-wrapper {*/
/*        margin: 0 auto;*/
/*    }*/
/*}*/


/*@media (max-width:479px) {*/
/*    .cm-logo h1 {*/
/*        font-size: 30px;*/
/*    }*/
    
/*    .cm-col3 {*/
/*        width: 100%;*/
/*    }*/
    
/*    .cm-form-wrapper h2 {*/
/*        font-size: 18px;*/
/*        margin-bottom: 20px;*/
/*    }*/
    
/*    .cm-feature .cm-title h2 {*/
/*        font-size: 32px;*/
/*    }*/
/*}*/



/* =========================================================
   RESET & BASE
========================================================= */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Segoe UI, Arial, sans-serif;
  background: #ffffff;
  color: #222;
  line-height: 1.6;
}

img {
  width: 100%;
  display: block;
}

/* =========================================================
   THEME
========================================================= */
:root {
  --primary: rgba(8,128,132,1);
  --primary-dark: rgba(6,100,103,1);
  --light-bg: #f6f8f8;
  --radius: 8px;
}

/* =========================================================
   LAYOUT
========================================================= */
.content-wrapper {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

.content-inner {
  display: flex;
  flex-wrap: wrap;
}

/* =========================================================
   HEADER
========================================================= */
.cm-header {
  background: #000;
  padding: 30px 0;
}

.cm-header .content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cm-logo h1 {
  font-family: Georgia;
  font-size: 38px;
  font-weight: 400;
  color: #fff;
}

.cm-contact h1 a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

/* =========================================================
   SLIDER
========================================================= */
.slideshow-container {
  position: relative;
  overflow: hidden;
}

.mySlides {
  display: none;
}

.mySlides img {
  height: 520px;
  object-fit: cover;
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 16px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: rgba(0,0,0,0.4);
  user-select: none;
}

.next { right: 0; }

.prev:hover,
.next:hover {
  background: rgba(0,0,0,0.7);
}

/* SLIDER TEXT */
.slideshow-container .text {
  position: absolute;
  bottom: 40px;
  left: 40px;
  background: rgba(0,0,0,0.55);
  padding: 14px 22px;
  border-radius: var(--radius);
}

.slideshow-container .text p {
  color: #fff;
  font-size: 22px;
}

/* =========================================================
   IMAGE GRID
========================================================= */
.container-fluid {
  padding: 30px 0;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
  padding: 10px;
}

.column img {
  height: 230px;
  object-fit: cover;
  border-radius: var(--radius);
}

/* =========================================================
   CONTENT WITH IMAGE
========================================================= */
.content-w-image {
  background: var(--primary);
  padding: 70px 0;
}

.content-w-image.white-bg {
  background: #fff;
}

.cm-col6 {
  width: 50%;
  padding: 15px;
}

.cm-image img {
  height: 380px;
  object-fit: cover;
  border-radius: var(--radius);
}

.cm-content {
  padding-top: 25px;
}

.content-w-image .cm-content {
  color: #fff;
}

.content-w-image.white-bg .cm-content {
  color: #000;
}

.cm-content h2 {
  font-family: Georgia;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 15px;
}

.cm-content p {
  font-size: 18px;
  font-weight: 300;
}

/* =========================================================
   AMENITIES (FIXED DESIGN)
========================================================= */
.cm-feature {
  background: var(--primary);
  padding: 70px 0;
}

.cm-feature .cm-title h2 {
  font-family: Georgia;
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
}

.cm-feature .content-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}

/* CARD */
.cm-feature .cm-col3 {
  width: 260px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
  transition: transform .3s ease, box-shadow .3s ease;
}

.cm-feature .cm-col3:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.25);
}

.cm-feature .cm-col3 img {
  height: 170px;
  object-fit: cover;
}

.cm-feature .cm-col3 h2 {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary);
  margin: 15px 15px 8px;
  text-decoration: none;
}

.cm-feature .cm-col3 p {
  font-size: 14px;
  color: #555;
  margin: 0 15px 18px;
}

/* =========================================================
   CONTACT / FORM
========================================================= */
.cm-contact-wrapper {
  background: var(--light-bg);
  padding: 50px 0;
}

.cm-form-wrapper {
  background: var(--primary);
  padding: 40px;
  border-radius: var(--radius);
  max-width: 400px;
  margin-left: auto;
}

.cm-form-wrapper h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-family: Georgia;
}

form.cm-form input {
  width: 100%;
  padding: 10px;
  margin-bottom: 18px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  color: #fff;
  outline: none;
}

form.cm-form input::placeholder {
  color: #fff;
}

.sub-button {
  background: #fff;
  color: var(--primary);
  border: none;
  padding: 14px;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  border-radius: var(--radius);
  cursor: pointer;
  transition: .3s;
}

.sub-button:hover {
  background: var(--primary-dark);
  color: #fff;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1024px) {
  .cm-content h2 { font-size: 32px; }
  .cm-content p { font-size: 16px; }
}

@media (max-width: 768px) {
  .cm-header .content-wrapper { flex-direction: column; text-align: center; }
  .cm-col6 { width: 100%; }
  .column { width: 50%; }
  .mySlides img { height: 300px; }
}

@media (max-width: 480px) {
  .column { width: 100%; }
  .cm-feature .cm-col3 { width: 100%; }
  .cm-content h2 { font-size: 28px; }
}