body{background:#fcf1dd}


/*HERO SINGLE PAGE START*/
.hero-single-container {position: relative;width:100%;height:400px;display:flex;justify-content:center;align-items:center;text-align:center;color:white;padding:40px 20px}
.hero-single-content{position:relative;z-index:2}
.hero-single-content h1{font-size:3rem;margin-bottom:10px;font-family: "Barlow Condensed", sans-serif;font-weight:600}
.hero-single-content p{font-size: 1.5rem}
.hero-single-wave{position:absolute;left:0;width:100%;overflow:hidden;line-height:0}
.hero-single-wave svg{width:100%;height:100px;display:block}
.hero-single-wave-bottom{bottom:0}
/*HERO SINGLE PAGE END*/

.navbar{background:#3b998f !important;font-family: "Fira Sans", sans-serif;font-weight:800}
.navbar-brand{font-family: "Fira Sans", sans-serif;font-weight:800;font-size:1.4rem}
.navbar a{color:#fff}

a{color:#2a8d8c;text-decoration:none}
a:hover{color:#2e2e2e}

.card-title a{font-weight:500 !important}


.btn-wrapper {
      display: inline-block;
      position: relative;
      height: 48px; /* Adjust based on your button size */
    }
.btn-pressable {
      border: none;
      background-color: #218192;
      color: white;
      padding: 0.5rem 1rem;
      border-bottom: 4px solid #063d48;
      transition: transform 0.1s ease, border-bottom-width 0.1s ease, background-color 0.1s ease;
    }

    .btn-pressable:hover {
      transform: translateY(2px);
      border-bottom-width: 2px;
      background-color: #218192;
      border-color:#218192;
    }

    .btn-pressable:active {
      transform: translateY(4px);
      border-bottom-width: 0;
      background-color: #063d48 !important;
    }
    .btn-pressable-orange{background:#f7b210;border-bottom-color:#ee890b}
    .btn-pressable-orange:hover{background:#f3a80b;border-color:#f3a80b}
    .btn-pressable-orange:active{background:#ee890b !important}

    .btn-pressable-airbnb{background:#ff375d;border-bottom-color:#c72b49}
    .btn-pressable-airbnb:hover{background:#ec4a69;border-color:#ec4a69}
    .btn-pressable-airbnb:active{background:#d54460 !important}




    .gallery-img {
            cursor: pointer;
            transition: transform 0.2s;
        }
        .gallery-img:hover {
            transform: scale(1.05);
        }