body {
    font-family: sans-serif;
    margin: 0;
    /* background-color: #1a1a1a; */
    color: #fff;
}
header.relative.wrapper.\!bg-\[transparent\] {
    background-color: #ffffff63;
    box-shadow: 0px 0px 10px 10px rgb(0 0 0 / 31%);
}
nav.navbar.navbar-expand-lg.classic.transparent.navbar-light.navbar-clone.fixed.navbar-stick{
    background-color: #7e7e7e;
    box-shadow: 0px 0px 10px 10px rgb(0 0 0 / 31%);
    color: #fff !important;
}
/* .nav-link{
    color: #fff !important;
} */
.navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    --tw-text-opacity: 1;
    color: #202020;
}
.row {
    display: flex;
    flex-wrap: wrap; /* Allow columns to wrap to the next line */
    margin-left: -15px; /* Adjust for padding on columns */
    margin-right: -15px;
}

[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; /* Include padding in width */
}

/* Large screens (lg) */
.col-lg-1 { width: 8.33%; }
.col-lg-2 { width: 16.66%; }
.col-lg-3 { width: 25%; }
.col-lg-4 { width: 33.33%; }
.col-lg-5 { width: 41.66%; }
.col-lg-6 { width: 50%; }
.col-lg-7 { width: 58.33%; }
.col-lg-8 { width: 66.66%; }
.col-lg-9 { width: 75%; }
.col-lg-10 { width: 83.33%; }
.col-lg-11 { width: 91.66%; }
.col-lg-12 { width: 100%; }

/* Medium screens (md) */
@media (max-width: 991px) {
    .col-md-1 { width: 8.33%; }
    .col-md-2 { width: 16.66%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33%; }
    .col-md-5 { width: 41.66%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.33%; }
    .col-md-8 { width: 66.66%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33%; }
    .col-md-11 { width: 91.66%; }
    .col-md-12 { width: 100%; }
}

/* Small screens (sm) */
@media (max-width: 767px) {
    .col-sm-1 { width: 8.33%; }
    .col-sm-2 { width: 16.66%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33%; }
    .col-sm-5 { width: 41.66%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33%; }
    .col-sm-8 { width: 66.66%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33%; }
    .col-sm-11 { width: 91.66%; }
    .col-sm-12 { width: 100%; }
}
.flui {
    font-size: 42px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    margin-bottom: 38px;
    color: #000;
}
.flui span {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #555555;
    margin-top: -10px;
}
.col-lg-6.col-md-6.col-sm-12.\!bg-\[gradient\] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.col-lg-6.col-md-6.col-sm-12.\!bg-\[\gradient\] h1 {
    font-size: 63px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-align: center;
}
.\!bg-\[\gradient\] {
    background: linear-gradient(49deg, 
        rgba(0, 185, 217, 1) 21%,   /* Darker Blue-Cyan */
        rgba(48, 214, 243, 1) 40%,  /* Your #30d6f3 (Mid-point) */
        rgba(102, 229, 255, 1) 53%, /* Lighter Blue-Cyan (peak) */
        rgba(48, 214, 243, 1) 65%,  /* Back to Mid-point */
        rgba(0, 185, 217, 1) 78%    /* Back to Darker Blue-Cyan */
    );
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hero-img {
    width: 900px;
}

.button25 {
    background-color: #ffffff;
    color: #474747;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    transition: background-color 0.3s ease;
    box-shadow: 0px 18px 20px 7px rgb(226 226 226 / 31%);
}

.button25:hover {
    background-color: #f0f0f0; /* Slightly darker on hover */
}
.\!bg-\[\#303030\]{
    background-color: #eaeaea;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
}
.card22{
    width: 100%;
    background: linear-gradient(161deg,rgba(38, 246, 253, 1) 0%, rgba(0, 79, 100, 1) 100%);
    border-radius: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    padding: 20px;
}
.card22 img {
    border-radius: 30px;
    margin-bottom: 20px;
}
.headings{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: #767474;
    font-family: 'Montserrat', sans-serif;
}
.card22 h3{
    font-size: 36px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.card22 h4,
.card22 h5{
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}
.card22 h4 span {
    font-weight: 100;
    color: aqua;
}
.card22 hr{
    margin: 20px 0px;
}
.card22 h5 span {
    font-size: 20px;
    color: #30d6f3;
}
.card22 p {
    font-size: 12px;
    text-align: center;
    color: #e0f2fe;
    font-weight: 600;
}
.booking-btn {
    display: flex
;
    justify-content: center;
}
.gap-auto{
    gap:50px;
}
.icon{
    background-color: #4b4b4b !important;
}
h4{
    color: #626262;
}
a:hover{
    color: #000;
}

/* From Uiverse.io by Praashoo7 */ 
.form23 {
    width: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 0.4em;
    background: linear-gradient(161deg, rgba(38, 246, 253, 1) 0%, rgba(0, 79, 100, 1) 100%);
    border-radius: 25px;
    transition: .4s ease-in-out;
    margin: 50px 0px;
  }
  label.uilov {
        font-size: 10px;
        color: #2d2d2d;
        text-align: center;
    }
  
  #heading {
    text-align: center;
    margin: 2em;
    color: rgb(255, 255, 255);
    font-size: 1.2em;
  }
  
  .field {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    border-radius: 25px;
    padding: 0.6em;
    border: none;
    outline: none;
    color: white;
    background-color: #016c7e;
    box-shadow: inset 2px 5px 10px #002b34;
  }
  
  .input-icon {
    height: 1.3em;
    width: 1.3em;
    fill: white;
  }
  
  .input-field23 {
    background: none;
    border: none;
    outline: none;
    width: 100%;
    color: #d3d3d3;
    padding: 0px 10px;
  }
  
  .form23 .btn {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-top: 2.5em;
  }

  .button3 {
    margin-bottom: 3em;
    padding: 0.5em;
    border-radius: 5px;
    border: none;
    outline: none;
    transition: .4s ease-in-out;
    background-color: #013b44;
    color: white;
  }
  
  .button3:hover {
    border: 3px solid #002227;
    color: white;
  }
  option{
    background-color: #01363e;
  }
  tr {
    display: flex;
    gap: 6px;
    justify-content: center;
}
th,td {
    font-size: 13px;
    text-align: center;
}
td:nth-child(1),
td:nth-child(3),
td:nth-child(4),
td:nth-child(5),
th:nth-child(1),
th:nth-child(3),
th:nth-child(4),
th:nth-child(5){
    width: 18%;
}
td:nth-child(2),
th:nth-child(2){
    width: 40%;
}

.card22 .new33 {
    margin-top: -41%;
}
p.\!mb-0 {
    color: #000;
}