/* Custom Utility & Layout Styles for Snip Snap Studios - Zero Inline CSS */

/* Background Covers & Hero Banners */
.bg-banner-about {
    background-image: url('../image/banner-about.jpg');
}
.bg-banner-booking {
    background-image: url('../image/banner-booking.jpg');
}
.bg-banner-contact {
    background-image: url('../image/banner-contact.jpg');
}
.bg-banner-package {
    background-image: url('../image/banner-package.jpg');
}
.bg-set-img {
    background-image: url('../image/bg-set.jpg');
}
.bg-set-2-img {
    background-image: url('../image/bg-set-2.jpg');
}
.bg-general-img {
    background-image: url('../image/bg-img.jpg');
}
.bg-rates-img {
    background-image: url('../image/bg-img-rates.jpg');
}
.bg-reliable-partner-section {
    background-image: url('../image/bg-reliable-partner.jpg');
    max-width: 1770px;
    padding-top: 30rem;
}
.bg-faq-img {
    background-image: url('../image/bg-faq.jpg');
    height: 70vh;
}
.bg-faq-pattern {
    background-image: url('../image/bg-faq.png');
}
.bg-faq2-pattern {
    background-image: url('../image/bg-faq2.png');
}

/* Room Hero Backgrounds */
.bg-room-august {
    background-image: url('../image/august-room/ss-1-lg.jpg');
}
.bg-room-modish {
    background-image: url('../image/Modish-Room/ss-2-lg.jpg');
}
.bg-room-natty {
    background-image: url('../image/Natty-Room/ss-3-lg.jpg');
}
.bg-room-panda {
    background-image: url('../image/Panda-Room/ss-2-lg.jpg');
}
.bg-room-photography {
    background-image: url('../image/photography/ss-5-lg.jpg');
}
.bg-room-salon {
    background-image: url('../image/salon/ss-6-lg.jpg');
}

/* Width & Max-width Utilities */
.max-w-310 {
    max-width: 310px;
}
.max-w-400 {
    max-width: 400px;
}
.max-w-500 {
    max-width: 500px;
}
.max-w-600 {
    max-width: 600px;
}
.max-w-700 {
    max-width: 700px;
}
.max-w-800 {
    max-width: 800px;
}
.max-w-1000 {
    max-width: 1000px;
}
.max-w-1770 {
    max-width: 1770px;
}
.w-fit-content {
    width: max-content;
}
.w-100px {
    width: 100px;
}

/* Heights & Viewport Utilities */
.h-40vh {
    min-height: 40vh;
}
.h-70vh {
    height: 70vh;
}
.h-90vh {
    height: 90vh;
}
.aspect-square {
    aspect-ratio: 1/1;
}

/* Spacing & Position Utilities */
.z-2 {
    z-index: 2;
}
.z-1 {
    z-index: 1;
}
.badge-pos {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
}
.mt-n3rem {
    margin-top: -3rem;
}
.mt-6rem {
    margin-top: 6rem;
}
.ml-0 {
    margin-left: 0;
}
.pt-30rem {
    padding-top: 30rem;
}
.rounded-br-20 {
    border-bottom-right-radius: 20px;
    align-self: flex-end;
}
.font-size-30 {
    font-size: 30px;
}
.footer-swiper-wrap {
    max-width: 500px;
    align-self: flex-end;
}
.border-none {
    border: 0;
}
.display-none {
    display: none;
}

/* Star Ratings & Accent Colors */
.star-gold {
    color: #FFD43B;
}
.star-muted {
    color: var(--text-color-1);
}
.text-dark-accent {
    color: #191719;
}

/* Hotspots Pin Positioning for Studios */
/* Salon */
.pin-salon-1 { top: 55%; left: 50%; }
.pin-salon-2 { top: 25%; left: 35%; }
.pin-salon-3 { top: 25%; left: 65%; }
.pin-salon-4 { top: 45%; left: 25%; }

/* August Room (Set SS 1) */
.pin-ss1-1 { top: 196px; left: 560px; }
.pin-ss1-2 { top: 182px; left: 328px; }
.pin-ss1-3 { top: 263px; left: 602px; }
.pin-ss1-4 { top: 266px; left: 246px; }

/* Modish Room (Set SS 2) */
.pin-ss2-1 { top: 55%; left: 60%; }
.pin-ss2-2 { top: 40%; left: 32%; }
.pin-ss2-3 { top: 50%; left: 85%; }
.pin-ss2-4 { top: 45%; left: 25%; }

/* Natty Room (Set SS 3) */
.pin-ss3-1 { top: 35%; left: 60%; }
.pin-ss3-2 { top: 40%; left: 32%; }
.pin-ss3-3 { top: 50%; left: 85%; }
.pin-ss3-4 { top: 45%; left: 25%; }

/* Panda Room (Set SS 4) */
.pin-ss4-1 { top: 55%; left: 50%; }
.pin-ss4-2 { top: 25%; left: 35%; }
.pin-ss4-3 { top: 25%; left: 65%; }
.pin-ss4-4 { top: 45%; left: 25%; }

/* Photography Room (Set SS 5) */
.pin-ss5-1 { top: 55%; left: 60%; }
.pin-ss5-2 { top: 40%; left: 32%; }
.pin-ss5-3 { top: 50%; left: 85%; }
.pin-ss5-4 { top: 45%; left: 25%; }