@charset "UTF-8";
/* CSS Document */

#banner {
    width: 100%;
    overflow: hidden;
}
.banner-image-container {
    position: relative;
    width: 100%;
    height: 500px; /* Reduced height (adjust as needed) */
}
.banner-image-container img {
    width: 100%;
    display: block;
}
.banner-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    color: #fff; /* Set default text color to white */
}
.banner-caption .container {
    width: 100%;
}
.banner-caption .banner-since {
    font: 400 50px 'Dancing Script', cursive; /* Updated font */
    display: block;
    padding: 0 0 15px 0;
}
.banner-caption .banner-title {
    font: 700 80px/80px 'Montserrat', sans-serif; /* Updated font */
    margin: 0 0 15px 0;
    display: block;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    color: #FBE4B6; /* Change the color of the title */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Example shadow */
}
.banner-caption .banner-subtitle {
    font: 400 48px/48px 'Dancing Script', cursive; /* Updated font */
    display: block;
}


#banner .banner-caption .banner-since {
    font-size: 50px;
    line-height: 1.1;
}

#banner .banner-caption .banner-title {
    font-size: 80px;
    line-height: 80px;
}

#banner .banner-caption .banner-subtitle {
    font-size: 48px;
    line-height: 48px;
}
@media (max-width: 768px) {
.banner-image-container {
    height: 330px; /* adjust mobile height */
  }  
.banner-caption {
top: 25%; /* Adjusted top position */
}
}
.banner-caption .banner-since {
    font-size: 22px; /* Adjust for mobile */
    font-weight: 600; /* Made title heavier */
    padding: 0 0 5px 0; /* Reduced padding */
}
.banner-caption .banner-title {
    font-size: 50px; /* Adjust for mobile */
    font-weight: 700; /* Made title heavier */
    margin: 0 0 5px 0; /* Reduced margin */
}
.banner-caption .banner-subtitle {
    font-size: 30px; /* Adjust for mobile */
    font-weight: 600; /* Made title heavier */
    margin: 0; /* Removed margin */
}

/* BANNER DEFAULT */
#banner .banner-caption .banner-since {
    font: 400 50px/1.1 'Dancing Script', cursive;
}

#banner .banner-caption .banner-title {
    font: 700 80px/80px 'Montserrat', sans-serif;
}

#banner .banner-caption .banner-subtitle {
    font: 400 48px/48px 'Dancing Script', cursive;
}

/* TABLET */
@media (max-width: 992px) {
    #banner .banner-image-container {
        height: 420px;
    }

    #banner .banner-caption .banner-since {
        font-size: 38px;
        line-height: 1.1;
    }

    #banner .banner-caption .banner-title {
        font-size: 58px;
        line-height: 58px;
    }

    #banner .banner-caption .banner-subtitle {
        font-size: 34px;
        line-height: 34px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    #banner .banner-image-container {
        height: 320px;
    }

    #banner .banner-caption {
        width: 92%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #banner .banner-caption .banner-since {
        font-size: 26px;
        line-height: 1.1;
        padding-bottom: 8px;
    }

    #banner .banner-caption .banner-title {
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 8px;
    }

    #banner .banner-caption .banner-subtitle {
        font-size: 24px;
        line-height: 26px;
    }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
    #banner .banner-image-container {
        height: 280px;
    }

    #banner .banner-caption .banner-since {
        font-size: 22px;
    }

    #banner .banner-caption .banner-title {
        font-size: 30px;
        line-height: 32px;
    }

    #banner .banner-caption .banner-subtitle {
        font-size: 20px;
        line-height: 22px;
    }
}
.order-btn {
    display: inline-block;
    background-color: coral; /* Button background */
    color: white !important; /* Text color */
    padding: 40px 25px;
    border-radius: 5px;
    font-weight: 800;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
}
.order-btn:hover {
    background-color: #ad6c06; /* Darker shade on hover */
    text-decoration: none;
}
.btn-more {
    font-weight: bold; /* Makes text bold */
    font-size: 18px; /* Increases text size */
    padding: 12px 20px; /* Adjusts button size */
    background-color: #ff4500; /* Optional: Add a background color (Coral) */
    color: white !important; /* Ensures text is visible */
    border-radius: 5px; /* Rounds the edges */
    text-transform: uppercase; /* Makes text all caps */
}
.btn-more:hover {
    background-color: #e63e00; /* Slightly darker shade on hover */
    
@media (max-width: 767px) {
  .home-gallery-style-2 .services-box,
  .home-gallery-style-2 .thumb,
  .home-gallery-style-2 .text-box {
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
  }

  .home-gallery-style-2 .thumb img {
    display: block;
    width: 100%;
    height: auto;
  }

  .home-gallery-style-2 .services-box {
    margin-bottom: 20px;
  }
@media (max-width: 767px) {
  .home-gallery-style-2 .thumb {
    overflow: hidden;
  }

  .home-gallery-style-2 .thumb img {
    width: 100% !important;
    height: auto !important;
  }
}