@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --hue:37;
    --primary-color:hsl(var(--hue), 71%, 70%);
    --primary-color-800:hsl(var(--hue), 71%, 50%);
    --primary-color-200:hsl(var(--hue), 40%, 92%);
    --title_font: "Montserrat", sans-serif;
    --body_font:"Inter", serif;
    --font-xs:12px;
    --font-sm:14px;
    --font-md:16px;
    --font-lg:18px;
}
body{font-family:var(--body_font);font-size:var(--font-md)}
h1,h2,h3,h4,h5{font-family:var(--title_font);font-weight:700}
.navbar-brand{max-width:200px}
.nav-item{font-size:.875rem;text-transform:uppercase;font-family:var(--title_font);font-weight:500;padding: 0 0.5rem;}
.carousel-item .carousel-caption{position:absolute;inset:0;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.1)}
.carousel-item{max-height:768px;border-radius:1rem;overflow:hidden}
.carousel-caption h5{font-size:4rem;font-weight:800}
.carousel-caption p{font-size:1.5rem}
.btn-primary{background-color:var(--primary-color);font-size:.875rem;text-transform:uppercase;font-family:var(--title_font);font-weight:600;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;border:none}
.btn-primary:focus,.btn-primary:hover{background-color:var(--primary-color-800)}
.wel_imgs{position:relative}
.wel_imgs img:nth-child(2){border-radius:1rem;max-height:700px;width:100%;object-fit:cover;object-position:bottom;height: 100%;
  aspect-ratio: 2/5;}
.wel_imgs img:first-child{width:100%;max-width:300px;position:absolute;right:-25%;bottom:10%;z-index:3;border-radius:1rem;border:.25rem solid #fff;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}
.wel_info{margin-left:20%}
.wel_info p{line-height:1.9}
.loc_info_wel{border-radius:1rem}
.ratings{display:flex;gap:1rem;justify-content:center}
.rating_box{display:flex;align-items:center;gap:1rem}
.rating_icon img{width:60px}
.rating_info span{color:orange}
.amenities{background-color:var(--primary-color-200);border-radius:1rem}
.ameni_block{display:flex;gap:2rem;align-items:center;justify-content:space-between}
.ameni_info {
  flex: 1;
  max-width: 300px;
  margin: 0 auto;
}
.ameni_info p{font-size:var(--font-sm)}
.ameni_img {
  width: 100%;
  max-width: 250px;
  border-radius: .75rem;
  overflow: hidden;
  height: 300px;
}
.ameni_img img{height:100%;object-fit:cover; width: 100%;}
.amenities_carousel .ameni_info {
  flex: 1;
  max-width: 400px;
  margin: 0 auto;
}
.amenities_carousel .ameni_img {
  width: 100%;
  max-width: 800px;
  border-radius: .75rem;
  overflow: hidden;
  height: 500px;
}
.owl-carousel .owl-dots,.owl-carousel .owl-nav{display:flex;justify-content:center;align-items:center;gap:.5rem}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{background-color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover{background-color:var(--primary-color-800);box-shadow:rgba(100,100,111,.4) 0 7px 29px 0}
.amenities_carousel .owl-dots{display:none}
.img_grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.img_grid img{border-radius:.5rem;transition:all ease .3s}
.img_grid img:hover{transform:scale(1.05);box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}
.attra_info{width:100%;margin:1rem auto;max-width:400px}
.attra_item:first-child{border-top:none}
.attra_item{padding:2rem 0;border-top:1px solid #dedede}
.attra_item p{margin-bottom:0}
.marina{background-color:var(--primary-color-200)}
.reviews_carousel .owl-nav{display:none!important}
.stars{color:var(--primary-color)}
.qb_by{margin-top:1rem}
.owl-carousel button.owl-dot span{border-radius:50%;background-color:var(--primary-color);width:10px;height:10px;display:inline-block;opacity:.5}
.owl-carousel button.owl-dot.active span{opacity:1}
footer{background-color:#222;padding:2.5rem 0 1.5rem 0;color:#fff;border-top:3px solid var(--primary-color-800);position:relative;}
footer ul{padding:0;list-style:none}
footer p{font-size:.825rem}
.footlinks a{color:#fff;opacity:.6;font-size:.875rem;text-decoration:none}
.footlinks a:hover{color:var(--vc_color1);opacity:1}
.footlinks li{margin:.25rem 0}
footer button{border:none}
footer input.form-control{border-radius:0}
.disclaimer{font-size:.8125rem;padding:1rem;border-radius:.5rem;background-color:rgba(255,255,225,.1)}
.big_foot_txt{background-image: url('./images/big_txt_bg.jpg'); background-attachment: fixed;-webkit-background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; height: 600px; min-height: 300px; display: flex; align-items: center;}
.big_foot_txt h2{font-size:3rem;font-family:var(--title_font);font-weight:300;text-transform:capitalize;color:white;width:100%;max-width:1060px;margin:auto; text-shadow: 0 10px 10px rgba(0,0,0,.4);}
.pool_big_txt{background-image: url('./images/gallery/CasaCleofasWebNov2024-13.jpg');}
.casa_big_txt{background-image: url('./images/big_txt_casa.png');}
.services_big_txt{background-image: url('./images/services_big_txt_img.png');}
.marina_big_txt{background-image: url('./images/marina_big_txt_img.png');}
.marina_big_txt h2{max-width: 690px;}
.footer_content{text-align:center}
.footer_content .foot_logo{max-width:250px;margin:2rem auto}
.footer_content ul{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.footer_content ul li a{color:#fff;position:relative;text-decoration:none}
.footer_content ul li a:hover{color:var(--primary_color);transform:translateY(-5px)}
.footer_content ul li a::after{height:2px;width:100%;background:var(--primary-color);content:"";position:absolute;left:0;bottom:-5px;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}
.footer_content ul li a:hover::after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
.btt_btn{width:100px;height:50px;border-radius:100px 100px 0 0;position:absolute;top:-50px;left:calc(50% - 50px);background-color:var(--primary-color-800);display:inline-flex;justify-content:center;align-items:center;color:#fff}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon{background-color: var(--primary-color); border-radius: 50%;
  background-size: 50%;}

.page_heading{background-color: #222; padding: 2.5rem 2rem; text-align: center;border-radius: 1rem; margin-bottom: 1rem; position: relative;}
.page_heading::before {
  position: absolute;
  content: "";
  bottom: 0;
  z-index: 2;
  background-image: url("./images/logo_icon.svg");
  background-repeat: no-repeat;
  width: 130px;
  height: 35px;
  background-size: cover;
  left: calc(50% - 65px);
}
.page_heading h1{color: white;}
.page_heading h5{color: white; opacity: 0.7; font-weight: 200; max-width: 500px; margin: 0 auto; line-height: 1.5;}
.services_list .ameni_img img{width: 100%;}
.cc_gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
  }
.cc_gallery img{height: 100%; max-height: 250px; width: 100%; object-fit: cover;}

.capcha_box {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem auto 1rem auto;
}
.capcha_box span {
  background-color: #ddd;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}
.capcha_box input.form-control {
  max-width: 120px;
}
.pool_block {
  position: relative;
}
.pool_b_img {
  width: 100%;
 
  overflow: hidden;
}
.pool_b_img img{
  width: 100%;
  height: 100%; object-fit: cover; max-height: 700px; min-height: 500px;
}
.pool_b_txt {
  position: absolute;
  z-index: 2;
  right: 1rem;
  bottom: 1rem;
  width: calc(100% - 2rem);
  max-width: 500px;
  color: white;
  background-color: #00000021;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); padding: 1rem; border-radius: 1rem;border: 2px solid #ffffff30;
}
.marina h5{font-family: var(--body_font); font-weight: 400; line-height: 1.5;}
.marina .row:nth-child(2) .col-lg-5{order: 1;}
.marina .row:nth-child(2) .col-lg-7{order: 2;}
.marina_info {max-width: 450px;}
.pch_contact{width: 100%; max-width: 700px; margin: 0 auto;}
/* .cont_info{background-color: #00000030;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); width: 100%;padding: 1rem; color: white;} */
.cont_info {
  width: 100%;
  display: flex;
  row-gap: 0rem;
  column-gap: 2rem;
  flex-wrap: wrap;
  max-width: 700px;
  margin: 0 auto;
}
.cont_info a{text-decoration: none; color: currentColor; font-size: 1.25rem;}

.cont_info a.wp_link {
  background-color: #39d542;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 50%;
}
.cont_info a.wp_link svg{
  width: 60%;
  height: 60%;
}
.cont_info .fa-phone{transform: scaleX(-1); margin-right: 10px;}
.cont_p_img {
  background-image: url("./images/CasaCleofasMobile_1.png");background-position: center;
  height: 100%;
  max-height: 537px;
  border-radius: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1rem;
  display: flex;
  align-items: flex-end;
  justify-content: center; min-height: 500px;
}
.price_list {
  display: flex;
  color: white;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.price_list div{ border-right: 1px solid rgba(255,255,255,.1); padding-right: 1rem;}
.price_list div:last-child{border-right: none;}
.price_list div small{display: block;}
.price_list div strong{display: block; color: var(--primary-color);}
.page_heading p{font-size: .9rem; margin-bottom: .5rem; color: rgba(255,255,255,1);}
@media screen and (max-width:1600px){
.container{max-width:1320px;width:100%}
}
@media screen and (max-width:1370px){
.carousel-caption h5{font-size:3rem}
.carousel-caption p{font-size:1.25rem}
}
@media screen and (max-width:1200px){
.ameni_block{gap:1rem;flex-direction:column}
.ameni_info{max-width:100%;min-height:150px}
.ameni_img{max-width:100%;height:250px}
.ameni_img img{width:100%}
.services_list .col-lg-6{margin-bottom: 1rem;}
.services_list .ameni_block{flex-direction: row;height: 100%;}
.services_list .ameni_img {
  max-width: 100%;
  height: 100%;
  flex: 1;
}
}
@media screen and (max-width:991px){
.carousel-item .carousel-caption{padding:1rem 2rem}
.carousel-caption h5{font-size:2rem}
.carousel-caption p{font-size:1rem}
.carousel-item{min-height:500px}
.carousel-item img{height:100%;min-height:500px;object-fit:cover}
.wel_imgs img:nth-child(2){display:none}
.wel_imgs img:nth-child(1){position:relative;right:auto;bottom:auto;max-width:500px;margin:0 auto;height:350px;object-fit:cover}
.wel_info{max-width:780px;margin:0 auto}
.welcome .sticky-top{position:static;text-align:center;order:2;display:none}
.marina .wel_imgs,.marina .wel_info{margin-bottom:2rem;text-align:center}
.navbar-collapse{position:absolute;background-color:var(--primary-color-200);z-index:1010;top:69px;height:fit-content;right:0;left:0;text-align:center;padding:2rem}
.page_heading {
    padding: 2rem 2rem 4rem 2rem;
    background-position: center 155px;
    background-size: 100px;
}
.title h5{font-size: 1rem;}
.title h2{font-size: 1.25rem;}
.wel_info p {
  line-height: 1.5;
  font-size: .925rem;
}
.big_foot_txt h2{font-size: 2.25rem; max-width: 800px;}
.footer_content ul li a {
  font-size: 0.825rem;
}
.ameni_blocks img{width: 100%;}
.ameni_blocks .row:nth-child(even) .col-lg-5{order: 1;}
.marina .container .row:nth-child(2) .col-lg-5{order: 2;}
.marina_info {
  max-width: 650px;
  padding-top: 1rem;
  text-align: center;
}
.marina h5 {
  font-size: 1rem;
}
.mh-item{position: relative;}
.mh-item .carousel-caption{
  position: absolute;
  inset: 0;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,.1);}
  .mobile_home_images img {
    height: 60vh;
    margin-bottom: 0.5rem;
    border-radius: 1rem;
    object-fit: cover;
    object-position: center;
    max-height: 500px;
  }
}
@media screen and (max-width:900px){
.amenities_carousel .owl-item,.amenities_carousel .owl-item.active{opacity:.5}
.amenities_carousel .owl-item.center{opacity:1}
}
@media screen and (max-width:768px){
  .py-5{padding: 1rem 0 !important;}
  .pt-5{padding-top: 1rem !important;}
  .page_heading{background-image: none;padding:2rem}
  .pool_b_txt {
    right: 0;
    bottom: 0rem;
    width: 100%;
    max-width: inherit;
    padding: .75rem;
    border-radius: 1rem;
  }
  .pool_b_txt h4 {
    font-size: 1.1rem;
  }
  .pool_b_txt p {
    font-size: .925rem; margin-bottom: 0px;
  }
}
@media screen and (max-width:640px){
.carousel-item{min-height:400px}
.carousel-item img{min-height:400px}
.container-fluid .services_list{padding-top: .5rem !important; padding-bottom: .5rem !important;}
.services_list .row .col-lg-6:nth-child(2) .ameni_img img{object-position: top center;}
.services_list .ameni_block{padding: 0px !important; position: relative;
  background: transparent !important; overflow: hidden;
  box-shadow: none !important;}
.services_list .ameni_img {
  max-height: 500px;
}
.services_list .ameni_info {
  position: absolute;
  inset: 0; top: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem;
  color: white;
  background-color: #0000004f;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
}