:root {
            --primary-color: #CCE3DE;
            --text-color: #333;
        }


        @font-face {
            font-family: 'Eyesome Script';
            src: url('../fonts/EyesomeScript.woff2') format('woff2'),
                url('../fonts/EyesomeScript.woff') format('woff');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }



        .container {
            max-width: 1425px !important;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        a{
            text-decoration: none !important;
			color:#000;
        }

        /* Bridal Services Styles */
        .bridal-services {
            padding: 40px 0;
            background-color: #fff;
        }

        .service-titles {
            
            justify-content: space-between;
            margin-bottom: 30px;
            padding: 0 20px;
			text-align: center;
        }

        .service-titles h2 {
          font-family: 'Raleway', sans-serif;
		  font-size: 42px;
		  font-weight: 300;
		  color: #333;
		  margin-bottom: 15px;
		  text-align: center;
		  text-transform: uppercase;
        }



        .service-titles_dcc h2 {         
            font-family: 'Raleway', sans-serif;
            font-size: 42px;
            font-weight: 300;
            color: #333;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .service-card {
            background-color: #FEF5F4;
            border-radius: 0;
            overflow: hidden;
            margin-bottom: 50px;
            padding: 30px;
        }

        .tanning-grid .service-card {
            background-color: #fff;
        }

        .tanning-grid22 .service-card {
            background-color: #fff;
        }
        .sr2{
            background: #f7f7f7;
            min-height: 849px;
        }

        /* Tabbed services styles */
        .services-tabs {
            margin-top: 10px;
        }

        .tabs-list {
            display: flex;
            justify-content: center;
            gap: 28px;
            list-style: none;
            padding: 0;
            margin: 0 0 24px 0;
            text-transform: uppercase;
            font-family: 'Raleway', sans-serif;
            letter-spacing: 2px;
            font-size: 13px;
            color: #7a7a7a;
        }

        .tabs-list .tab {
            cursor: pointer;
            padding: 15px 20px;
            transition: color .15s ease, border-color .15s ease;
            border-bottom: 3px solid transparent;
        }

        .tabs-list .tab.active {
            color: #333;
            /*border-bottom-color: #d9cfc9;*/
            background: #FBFBFB;
            font-weight: 600;
        }

       .tabs-content{
        margin-top: -25px;
        }

        .tabs-content .tab-panel {
            display: none;
        }

        .tabs-content .tab-panel.active {
            display: block;
        }

        /* reuse existing service-card / service-content styles inside tab panels */
        .tab-panel .service-card {
            background-color: #FBFBFB;
            padding: 30px;
            margin-bottom: 30px;
        }

        .tab-panel .service-content {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        .tab-panel .service-image {
            flex: 0 0 320px;
        }

        .tab-panel .service_image2 {
            flex: 0 0 420px;
            }

        .tab-panel .service-image img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }

        @media (max-width: 992px) {
            .tab-panel .service-content {
                flex-direction: column;
                gap: 25px;
            }

            .tab-panel .service-image {
                max-width: 420px;
                margin: 0 auto;
            }
        }

        .service-content {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        .service-image {
            flex: 0 0 250px;
        }

        .service-image img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 4px;
        }

        .service-info {
            flex: 1;
            padding: 0;
        }

        .service-info h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 32px;
            font-weight: 500;
            color: #333;
            margin-bottom: 20px;
        }

        .service-info p {
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            line-height: 1.6;
            color: #333;
            margin-bottom: 15px;
        }

        .service-info ul {
            list-style: none;
            padding-left: 0;
            margin: 15px 0;
        }

        .service-info ul li {
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            line-height: 1.6;
            color: #333;
            margin-bottom: 5px;
            position: relative;
            padding-left: 15px;
        }

        .service-info ul li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #333;
        }

        .service-info ul li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #9cb5b8;
        }

        .service-info .price {
            font-weight: 600;
            margin-top: 25px;
            margin-bottom: 15px;
        }

        .service-info .coverage {
            font-size: 14px;
            color: #666;
        }
		
		
		
		
		
		

        .service-info .mint-button22 {
            display: inline-block;
            background-color: #9CB5B8;
            color: #333;
            border: none;
            padding: 8px 20px;
            border-radius: 20px;
            font-family: 'Raleway', sans-serif;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.3s ease;
            margin-top: 15px;
        }

        .service-info .mint-button22:hover {
            background-color: #b3dcd8;
        }
		
		
		
		
		
		
		
		.service-info .mint-button {
			background-color: #9CB5B8 ; /* Light pastel blue */
			color: #333; /* Dark serif-friendly text */
			font-family: 'Raleway', sans-serif;
			font-size: 16px;
			font-weight: 400;
			padding: 1rem 2rem;
			border: none;
            text-transform: uppercase;
			border-radius: 0px; /* Smooth pill shape */


			/*clip-path: polygon(
			0% 20%, 5% 0%, 10% 20%, 15% 0%, 20% 20%, 25% 0%, 30% 20%, 35% 0%, 
			40% 20%, 45% 0%, 50% 20%, 55% 0%, 60% 20%, 65% 0%, 70% 20%, 75% 0%, 
			80% 20%, 85% 0%, 90% 20%, 95% 0%, 100% 20%, 100% 80%, 95% 100%, 
			90% 80%, 85% 100%, 80% 80%, 75% 100%, 70% 80%, 65% 100%, 60% 80%, 
			55% 100%, 50% 80%, 45% 100%, 40% 80%, 35% 100%, 30% 80%, 25% 100%, 
			20% 80%, 15% 100%, 10% 80%, 5% 100%, 0% 80%
			);

            clip-path: polygon(
            0% 10%, 5% 0%, 10% 10%, 15% 0%, 20% 10%, 25% 0%, 30% 10%, 35% 0%,
            40% 10%, 45% 0%, 50% 10%, 55% 0%, 60% 10%, 65% 0%, 70% 10%, 75% 0%,
            80% 10%, 85% 0%, 90% 10%, 95% 0%, 100% 10%,
            100% 90%, 95% 100%, 90% 90%, 85% 100%, 80% 90%, 75% 100%, 70% 90%, 65% 100%,
            60% 90%, 55% 100%, 50% 90%, 45% 100%, 40% 90%, 35% 100%, 30% 90%, 25% 100%,
            20% 90%, 15% 100%, 10% 90%, 5% 100%, 0% 90%

            );*/


            


        
			text-align: center;
			cursor: pointer;
			transition: background-color 0.3s ease;
			margin-top: 15px;
		}

		.service-info .mint-button:hover {
		  background-color: #CCE3DE;
		}

		
		.contact-grid .service-info .mint-button {
		  
		  font-size: 15px;
		  font-weight: 500;
		  padding: 10px 10px;
		  
		}
		
		
		

        /* Responsive Styles */
        @media (max-width: 992px) {
            .service-titles {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            
            .service-titles h2 {
                font-size: 24px;
            }

            .service-content {
                flex-direction: column;
                gap: 25px;
            }

            .service-image {
                flex: 0 0 auto;
                max-width: 400px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {
            .bridal-services {
                padding: 30px 0;
            }

            .service-card {
                padding: 20px;
            }

            .service-titles h2 {
                font-size: 22px;
            }
        }

        @media (max-width: 480px) {
            .tab-panel .service-card {
                padding: 15px;
            }

            .service-info p,
            .service-info ul li {
                font-size: 14px;
            }

            .service-titles h2 {
                font-size: 20px;
            }
        }

        /* Wedding Types Section */
        .wedding-types {
            padding: 60px 0;
            background-color: #fff;
        }

        .wedding-cards {
            display: flex;
            flex-direction: column;
            gap: 60px;
        }

        .wedding-card {
         height: auto;   
        }

        .wedding-gallery {
           min-height: 430px !important;
        }

        .main-img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }

       .main-img2{
            max-width: 100%;
            height: auto;
        }

        .wedding-info {
            text-align: center;
            padding: 20px 0;
        }
        .wedding-info_inner{
            min-height: 230px;
        }

        .wedding-info h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 24px;
            font-weight: 600;
            color: #333;
            margin-bottom: 20px;
            letter-spacing: 1px;
            text-align: center;
        }

        .wedding-info p {
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            line-height: 1.6;
            color: #333;
            margin-bottom: 25px;
        }

        .wedding-info ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 25px;
            text-align: left;
        }

        .wedding-info ul li {
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            line-height: 1.6;
            color: #333;
            margin-bottom: 10px;
            position: relative;
            padding-left: 15px;
        }

        .wedding-info ul li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #333;
        }

        .wedding-info .mint-button {
            padding: 10px 25px;
            text-align: center;
            line-height: 1.3;
        }

        @media (max-width: 992px) {
            .wedding-card {
                flex-direction: column;
                gap: 30px;
            }

            .wedding-gallery {
                flex: 0 0 auto;
                width: 100%;
            }

            .gallery-grid img {
                height: 100px;
            }
        }

        @media (max-width: 768px) {
            .wedding-types {
                padding: 40px 0;
            }

            .wedding-cards {
                gap: 40px;
            }

            .wedding-info h2 {
                font-size: 22px;
            }

            .gallery-grid img {
                height: 80px;
            }

            .wedding-gallery {
                min-height: 310px !important;
                }
        }

        @media (max-width: 480px) {
            .wedding-types {
                padding: 30px 0;
            }

            .gallery-grid {
                gap: 10px;
            }

            .gallery-grid img {
                height: 60px;
            }

            .wedding-info h2 {
                font-size: 20px;
            }

            .wedding-info p,
            .wedding-info ul li {
                font-size: 14px;
            }
        }

        /* Bridal Experience Section */
        .bridal-experience {
            padding: 80px 0;
            background-color: #fff;
        }

        .experience-title {
            text-align: center;
            font-family: 'Raleway', sans-serif;
            font-size: 36px;
            font-weight: 500;
            color: #333;
            margin-bottom: 10px;
        }

        .process-title {
            text-align: center;
            font-family: 'Raleway', sans-serif;
            font-size: 24px;
            font-weight: 600;
            color: #333;
            margin-bottom: 50px;
            letter-spacing: 1px;
        }

        .process-steps {
            max-width: 900px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .process-step {
            position: relative;
        }

        .step-number {
		  margin: 10px auto 20px auto;
		  width: 45px;
		  height: 45px;
		  background-color: #CAE9E3;
		  border-radius: 50%;
		  display: flex;
		  justify-content: center;
		  font-family: 'Raleway', sans-serif;
		  font-size: 24px;
		  font-weight: 500;
		  color: #333;
		  line-height: 38px;
        }

        .process-step h4 {
            font-family: 'Raleway', sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
            text-align: center;
        }

        .process-step p {
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            line-height: 1.6;
            color: #333;
            margin: 0;
            text-align: center;
        }

        .process-step .highlight {
            color: #333;
            text-decoration: underline;
        }

        @media (max-width: 768px) {
            .bridal-experience {
                padding: 60px 0;
            }

            .experience-title {
                font-size: 30px;
            }

            .process-title {
                font-size: 22px;
                margin-bottom: 40px;
            }

            .process-steps {
                gap: 30px;
            }

            .tabs-list {
                display: block;
            }

            .tabs-content{
                margin-top: 0px;
                }


            .process-step h4 {
                font-size: 16px;
            }

            .process-step p {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .bridal-experience {
                padding: 40px 0;
            }

            .experience-title {
                font-size: 26px;
            }

            .process-title {
                font-size: 20px;
                margin-bottom: 30px;
            }

            .process-steps {
                gap: 25px;
            }

            

            

            .process-step h4 {
                font-size: 15px;
            }
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .service-content {
                flex-direction: column;
                gap: 20px;
            }

            .service-image {
                flex: 0 0 auto;
                height: 400px;
            }

            .service-info {
                padding: 30px;
            }
        }

        @media (max-width: 768px) {
            .bridal-services {
                padding: 50px 0;
            }

            .service-image {
                height: auto;
            }

            .service-info h2 {
                font-size: 28px;
            }

            .service-info p,
            .service-info ul li {
                font-size: 15px;
            }
        }

        @media (max-width: 480px) {
            .service-image {
                height: auto;
            }

            .service-info {
                padding: 20px;
            }

            .service-info h2 {
                font-size: 24px;
            }

            .bridal-services .mint-button {
                padding: 10px 25px;
                font-size: 15px;
            }
        }
		
		
		
		
		@font-face {
		  font-family: 'Eyesome Script';
		  src: url('../fonts/Eyesome Script.otf') format('otf');
		  font-weight: normal;
		  font-style: normal;
		}

		
		
		
		
		
		
		
        body {
            font-family: 'Raleway', sans-serif;
            color: var(--text-color);
        }
        .navbar222 {
            
            background-image: url('../images/hdbd.png') repeat-x bottom center;
            /*background: var(--primary-color);*/
            background-color: #CCE3DE;
            padding: 1rem 0;
            border-bottom: 0px solid #b3dcd8;
        }
        .navbar {
            background-image: url('../images/hdbd.png');
            background-repeat: repeat-x;
            background-position: bottom center;
            background-size: cover;
            background-color: #fff;
            padding: 1rem 0;
        }
        .navbar-brand {
            display: flex;
            align-items: center;
            padding: 0;
        }
        .navbar-brand img {
            height: 90px;
            width: auto;
        }
        .nav-link {
            color: #575555 !important;
            font-size: 16px;
            font-family: 'Raleway', sans-serif;
            font-weight: 500;
            letter-spacing: 1px;
            padding: 0.5rem 1rem !important;
            text-transform: uppercase;
        }
		
		.nav-link:hover,li.active a.nav-link {
		  color: #000 !important;		  
		}
		
		
		
		
        .nav-item {
            margin: 0 0.25rem;
        }
        .navbar-nav {
            align-items: center;
        }
        .hero-section {
            position: relative;
            padding: 90px 0 60px 0;
        }
        .carousel22 {
            width: 100%;
            height: calc(100vh - 120px);
            overflow: hidden;
        }
        .carousel {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            height: 525px;
            overflow: hidden;
        }
        .carousel-item {
            height: 100vh;
        }






    .banner-text-section {
        background-color: #CCE3DE;
        padding: 40px 0;
        text-align: center;
    }

    .banner-text-section p {
        font-family: 'Raleway', sans-serif;
        font-size: 24px;
        line-height: 1.5;
        color: #575555;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    @media (max-width: 768px) {
        .banner-text-section {
            padding: 30px 0;
        }
        .banner-text-section p {
            font-size: 20px;
        }
    }

    @media (max-width: 480px) {
        .banner-text-section {
            padding: 25px 0;
        }
        .banner-text-section p {
            font-size: 18px;
        }
    }





        @media (max-width: 992px) {
            .hero-section {
                padding: 60px 0 40px 0;
            }
            .carousel {
                height: auto;
            }
            .carousel-item {
                height: auto;
            }
        }
        @media (max-width: 768px) {
            .hero-section {
                padding: 40px 0 30px 0;
            }
        }
        .slider-content {
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .slider-image {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        .slider-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        .grayscale-image {
            filter: grayscale(100%);
        }
        .colored-image {
            filter: none;
        }
        .slider-text {
            position: relative;
            z-index: 2;
            text-align: center;
            color: #fff;
            padding: 2rem;
        }
        .slider-text h2 {
            color: #fff;
            font-family: 'Raleway', sans-serif;
            font-weight: 300;
            font-size: 4rem;
            margin: 0;
            line-height: 1.2;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        .slider-text h2 em {
            font-style: italic;
            font-weight: 400;
        }
        .carousel-control-prev,
        .carousel-control-next {
            width: 5%;
            z-index: 3;
        }
        .carousel-indicators {
            bottom: 40px;
            z-index: 3;
        }
        .carousel-indicators button {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin: 0 8px;
            border: 2px solid #fff !important;
            background-color: transparent;
            opacity: 0.7;
        }
        .carousel-indicators button.active {
            background-color: #fff;
            opacity: 1;
        }
        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: rgba(255,255,255,0.3);
            border-radius: 50%;
            padding: 1.5rem;
        }
        .carousel-fade .carousel-item {
            opacity: 0;
            transition: opacity 0.6s ease-in-out;
        }
        .carousel-fade .carousel-item.active {
            opacity: 1;
        }
        .side-by-side-container {
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: 800px;
            gap: 15px;
            padding: 0 15px;
        }
        .side-image {
            flex: 1;
            height: 100%;
            overflow: hidden;
        }
        .side-image img {
            width: 100%;
            /*height: 100%;
            object-fit: cover;
            object-position: center;*/
        }
        @media (max-width: 1200px) {
            .side-by-side-container {
                height: 600px;
                gap: 10px;
            }
        }
        @media (max-width: 992px) {
            .side-by-side-container {
                height: 500px;
            }
            .tanning-grid { flex-direction: column; }
      .tanning-left, .tanning-right { flex: 1; }
        }
        @media (max-width: 768px) {
            .side-by-side-container {
                height: 400px;
                gap: 8px;
            }
            .side-image {
                flex: 1;
                height: 100%;
            }
            .side-image img {
                height: 100%;
            }
        }
        @media (max-width: 480px) {
            .side-by-side-container {
                height: auto;
                padding: 0 10px;
                gap: 5px;
            }
            .side-image img {
                object-position: center 20%;
            }
        }
        .welcome-section {
            text-align: center;
            padding: 30px 0;
        }
        .welcome-section h1 {
            font-family: 'Raleway', sans-serif;
            font-size: 50px;
            font-weight: 500;
            color: #3d3c3c;
            margin-bottom: 30px;
            letter-spacing: 1px;
        }
        .welcome-text {
            font-family: 'Raleway', sans-serif;
            font-size: 28px;
            font-weight: 400;
            color: #666;
            max-width: 1200px;
            margin: 0 auto;
            line-height: 1.4;
            letter-spacing: 0.5px;
        }
        .services-section {
            padding: 40px 0;
            background-color: #fff;
        }
        .section-title {
            text-align: center;
            font-family: 'Raleway', sans-serif;
            font-size: 40px;
            font-weight: 300;
            color: #3d3c3c;
            margin-bottom: 60px;
            font-weight: 700;
        }
        .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: auto auto;
            gap: 30px;
            max-width: 1200px;
            margin: 0 auto;
        }
		.contact-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: auto auto;
            gap: 30px;
            max-width: 1300px;
            margin: 0 auto;
        }
        .service-box {
            position: relative;
            background: #fff;
            border: 0px solid #CCE3DE;
            transition: all 0.3s ease;
            height: 400px;
        }
        .service-box.large-box {
            grid-column: 2 / 3;
            height: 400px;
        }
        .service-box.invisible {
            opacity: 0;
            pointer-events: none;
        }
        
        /* Experience Section Styles */
        .experience-section {
            padding: 100px 0;
            text-align: center;
			background: #fff;
        }
        .experience-title {
            font-family: 'Raleway', sans-serif;
		  font-size: 42px;
		  font-weight: 300;
		  color: #333;
		  margin-bottom: 15px;
		  text-align: center;
		  text-transform: uppercase;
        }
        .tagline-container {
            background-color: #fdf1f1;
            padding: 30px 20px;
            margin: 0 auto;
        }
        .tagline-text {
            /*font-family: 'Allura', cursive;*/
			font-family: 'Eyesome Script', sans-serif;
            font-size: 50px;
            color: #333;
            margin: 0;
            line-height: 1.2;
        }
        
        /* Mission Section Styles */
        .mission-section {
            padding: 100px 0;
            text-align: center;
        }
        .mission-title {
            font-family: 'Raleway', sans-serif;
            font-size: 42px;
            font-weight: 300;
            color: #333;
            margin-bottom: 15px;
            text-transform: uppercase;
            margin-bottom: 30px;
        }
        .mission-content {
            max-width: 1425px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .mission-content p {
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #575555;
            line-height: 1.6;
            margin-bottom: 30px;
        }
        .mission-content p:last-child {
            margin-bottom: 0;
        }

        /* Testimonials Section Styles */
        .testimonials-section {
            padding: 100px 0;
            background-color: #fff;
        }
        .testimonial-title {
            text-align: center;
            font-family: 'Raleway', sans-serif;
            font-size: 48px;
            font-weight: 500;
            color: #3c2d2b;
            margin-bottom: 60px;
        }
        .testimonial-slider {
            position: relative;
            max-width: 1425px;
            margin: 0 auto;
            overflow: hidden;
            padding: 0 15px;
        }
        .testimonial-track {
            display: flex;
            gap: 30px;
            transition: transform 0.5s ease;
        }
        .testimonial-item {
            flex: 0 0 calc(33.33% - 22.5px);
            min-width: calc(33.33% - 22.5px);
            background-color: #CCE3DE;
            padding: 0px;
        }


       /* .testimonial-text {
            position: relative;
            padding: 20px 30px;
        }

        .testimonial-text::before {
            content: '\f10d';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            font-size: 24px;
            color: rgba(0, 0, 0, 0.7);
            position: absolute;
            top: 10px;
            left: 20px;
        }

        .testimonial-text p {
            padding-top: 25px;
        }*/


        .testimonial-text {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 20px 30px 5px 30px;
            position: relative;
        }

        /*.testimonial_text_inner::before,
        .testimonial_text_inner::after {
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            font-size: 24px;
            color: rgba(0, 0, 0, 0.75);
            position: relative;
        }

        .testimonial_text_inner::before {
           content: '\f10d'; 
            content: '';
            display: inline-block;
            width: 54px;
            height: 54px;
            background-image: url('../images/quote1.png');
            background-size: contain;
            background-repeat: no-repeat;


            top: 10px;
            left: 20px;
        }

        .testimonial_text_inner::after {
            
            content: '';
            display: inline-block;
            width: 54px;
            height: 54px;
            background-image: url('../images/quote2.png');
            background-size: contain;
            background-repeat: no-repeat;

            bottom: 15px;
            left: 20px;
        }*/

        .testimonial-text p {
            padding: 15px 15px 15px;
            position: relative;
            z-index: 1;
        }

        .styc h2, .styc p.author {
            font-family: 'Eyesome Script' !important;
        }

        .footer-tagline p{
            font-family: 'Eyesome Script' !important;
        }






         /* Page-specific tweaks to match the screenshot layout */
    .tanning-grid {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      margin-top: 30px;
    }

    .tanning-left { flex: 0 0 50%; }
    .tanning-right { flex: 1; }

    .hero-image { width: 100%; height: auto; display:block; border-radius:4px; }

    .how-it-works { margin-top: 18px; }

    .enquire-wrap { margin-top: 18px; }

    /* Slightly larger heading to mimic screenshot */
    .tanning-title { font-size: 28px; margin-bottom: 8px; text-transform:uppercase; }

    /* Make the right-side inset image a bit larger */
    .side-image { max-width: 100%; border-radius:4px; display:block; }



    .no-margin{
        margin: 0;
    }


    .tanlft {
        padding-left: 30px;
    }

    .teamm_section{
        background: #fff;
        padding: 0rem;
    }

    .mss{
        background: #fff !important;
    }


        /* Responsive adjustments for quotes */
        @media screen and (max-width: 768px) {
            .testimonial_text_inner::before,
            .testimonial_text_inner::after {
                font-size: 20px;
            }

            .testimonial_text_inner::before {
                top: 8px;
                left: 15px;
            }

            .testimonial_text_inner::after {
                bottom: 8px;
                right: 15px;
            }
            
            .testimonial-text p {
                padding: 20px 12px 12px;
            }
            .tanlft {
            padding-left: 0px;
            }
        }

        @media screen and (max-width: 480px) {
            .testimonial_text_inner::before,
            .testimonial_text_inner::after {
                font-size: 18px;
            }

            .testimonial_text_inner::before {
                top: 5px;
                left: 12px;
            }

            .testimonial_text_inner::after {
                bottom: 5px;
                right: 12px;
            }
            
            .testimonial-text p {
                padding: 18px 10px 10px;
            }
        }




        @media screen and (max-width: 768px) {
            .testimonial_text_inner::before {
                font-size: 20px;
                top: 8px;
                left: 15px;
            }
            
            .testimonial-text p {
                padding-top: 20px;
            }
        }

        @media screen and (max-width: 480px) {
            .testimonial_text_inner::before {
                font-size: 18px;
                top: 5px;
                left: 12px;
            }
            
            .testimonial-text p {
                padding-top: 18px;
            }
        }
        @media screen and (max-width: 1200px) {
            .testimonial-item {
                flex: 0 0 calc(33.333% - 20px);
                min-width: calc(33.333% - 20px);
            }
            .testimonial-image {
                height: 250px;
            }
        }
        @media screen and (max-width: 992px) {
            .testimonial-item {
                flex: 0 0 calc(50% - 15px);
                min-width: calc(50% - 15px);
            }
            .testimonial-image {
                height: 220px;
            }
        }
        @media screen and (max-width: 768px) {
            .testimonials-section {
                padding: 50px 0;
            }
            .testimonial-title {
                font-size: 36px;
                margin-bottom: 40px;
            }
            .testimonial-item {
                flex: 0 0 100%;
                min-width: 100%;
            }
            .testimonial-image {
                height: 200px;
            }
            .testimonial-text {
                padding: 15px 20px;
            }
            .testimonial-text p {
                font-size: 15px;
            }

            .tab-panel .service-image {
            flex: 0 0 370px;
        }



        }
        @media screen and (max-width: 480px) {
            .testimonial-image {
                height: 180px;
            }
            .testimonial-text {
                padding: 15px;
            }
            .testimonial-text p {
                font-size: 14px;
            }
        }
        .testimonial-content {
            height: 100%;
            display: flex;
            flex-direction: column;
           
        }
        .testimonial-image {
            width: 100%;
             /*height: 500px;*/
            height:auto;
            margin-bottom: 20px;
        }
        .testimonial-text {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 20px 30px
        }
        .testimonial-text p {
            font-family: 'Raleway', sans-serif;
            font-size: 17px;
            font-weight: 500;
            line-height: 1.6;
            color: #575555;
            margin-bottom: 20px;
        }
        .testimonial-text .author {
			font-family: 'Eyesome Script' !important;
			font-size:29px;
            font-weight: 500;
            color: #575555;
            margin-top: auto;
            text-align: text;
            margin-bottom: 0;
        }
        .testimonial-nav {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 40px;
        }
        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 2px solid #CCE3DE;
            background: transparent;
            padding: 0;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .nav-dot.active {
            background: #CCE3DE;
        }
        .service-content {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .service-content img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .hmmserc .service-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            /*background: rgba(255, 255, 255, 0.6);*/            
            text-align: center;
            padding: 20px;
        }


        .service-info {
            /*position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.6);            
            text-align: center;*/
            padding: 20px;
        }
        .service-info h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 25px;
            font-weight: 500;
            color: #3c2d2b;
            margin-bottom: 35px;
            font-weight: 700;
        }
        .service-info1 {            
            
            padding: 20px;
            text-align: left;
        }
        .service-info1 h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 25px;
            font-weight: 500;
            color: #3c2d2b;
            margin-bottom: 15px;
        }
        .mint-button {
            background-color: #CCE3DE;
            color: #3c2d2b;
            border: none;
            padding: 10px 25px;
            text-transform: uppercase;
			border-radius: 0px; /* Smooth pill shape */
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .mint-button:hover {
            background-color: #CCE3DE;
        }


        .tabs-content a.mint-button {
            margin-top: 12px;
            display: inline-block;
        }
        
        
        
        
        
        
        
        .product-grid .products ul.products{
padding-left: 0px !important;
}
        
        
        
        
        @media (max-width: 1200px) {
            .services-grid {
                gap: 20px;
            }
			.contact-grid {
                gap: 20px;
            }
            .service-box, .service-box.large-box {
                height: 350px;
            }
            .service-info h3 {
                font-size: 22px;
            }
        }
        @media (max-width: 992px) {
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
			.contact-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            .service-box.large-box {
                grid-column: auto;
                grid-row: 1;
            }
            .service-box.invisible {
                display: none;
            }
            .service-box, .service-box.large-box {
                height: 300px;
            }
            .service-info {
                padding: 15px;
            }
            .service-info h3 {
                font-size: 20px;
                margin-bottom: 10px;
            }
            .mint-button {
                padding: 8px 20px;
                font-size: 14px;
            }
        }
        
        
        
        
        
        
        
        
        
        
        
        @media (max-width: 768px) {
            .services-section {
                padding: 40px 0;
            }
            .section-title {
                font-size: 32px;
                margin-bottom: 30px;
            }
            .services-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
			.contact-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            .service-box, .service-box.large-box {
                height: 280px;
            }
            .service-info h3 {
                font-size: 18px;
            }
            .tagline-text {
            font-family: 'Allura', cursive;
            font-size: 40px;
            color: #333;
            margin: 0;
            line-height: 1.2;
            }
            .experience-section {
            padding: 50px 0;
            text-align: center;
            }
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        @media (max-width: 480px) {
            .services-section {
                padding: 30px 0;
            }
            .section-title {
                font-size: 28px;
                margin-bottom: 25px;
            }
            .service-box, .service-box.large-box {
                height: 250px;
            }
            .service-info {
                padding: 5px;
            }
            .service-info h3 {
                font-size: 16px;
                margin-bottom: 36px;
            }
            .mint-button {
                padding: 6px 15px;
                font-size: 13px;
            }
            
            
            .enquiry-form-section {
              padding: 30px 0 !important;
              background-color: #f8f8f8;
            }
            
            .experience-title {
		         font-size: 28px;
             }
                        
            .bridal-experience {
                padding: 10px 0;
              }
              
            .tanning-left .service-card {
              margin-bottom: 0px;
            }
            .tanning-right .service-card {
              margin-bottom: 0px;
            }
            
             .service-box, .service-box.large-box {
                height: auto;
              }
             .bridal-services {
                padding: 30px 0;
              }
              
              .shop-hero {
                  padding: 40px 0 10px 0 !important;
                }
                              
                  .tab-link {
                  font-family: 'Raleway',sans-serif;
                  font-size: 13px !important;
                  
                }            
                              
                .specialists-grid {
                
                  margin-top: 20px !important;
                  margin: 10px auto 20px auto !important;
                }              
                .mission-title {
                  font-size: 30px !important;
                  margin-bottom: 30px;
                }              
                .founder-content h2 {
                  font-size: 30px !important;
                  margin-bottom: 30px;
                }
                .founder-section {
                  background: #f9f9f9;
                  padding: 30px 0 !important;
                  margin: 30px 0 !important;
                }
                
                .member-detail {
                  padding: 30px 0 !important;
                  background: #fff;
                }
                .team-section {
                  padding: 30px 0 10px 0 !important;
                }
                
                
                .jnn1{
                 padding: 40px 0 !important;
                }
                
                .jnn2{
                   padding: 30px 0 70px 0 !important;
                }
                
                .faq-header h3 {
                  font-size: 25px !important;
                }
                
                 .faq-section .service-titles h2 {
                    font-size: 30px !important;
                  }
                .faq-container {
                  margin: 20px auto 50px !important;
                }
                
                .testimonial-image {
                  width: 100%;
                  height: auto !important;
                  
                }
                
                
                .testimonial-text {
                  padding: 10px !important;
                }
                

            .testimonial-text p {
            
              margin-bottom: 10px !important;
            }
            
            .hmmiss {
                  padding: 30px 0  !important;
                  text-align: center;
                }
                
                .side-image img {
                    height: auto  !important;
                  }
                  
  .side-by-side-container .side-image {
    display: none;
  }
  .side-by-side-container .side-image:first-child {
    display: block;
  }


              
            
}
        
        
        
        
        
        
        
        
        
        
        
.flickity-button, .flickity-page-dots{
    
display:none !important;
}        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        .mission-section {
            background-color: #FCFAF8;
            padding: 0rem 0;
        }
        .testimonial-card {
            background-color: #f8f8f8;
            padding: 2rem;
            border-radius: 10px;
            margin: 1rem 0;
        }
        .footer {
            background-color: var(--primary-color);
            position: relative;
            margin-top: 36px;
        }
        .footer::before {
            content: '';
            position: absolute;
            top: -36px;
            left: 0;
            right: 0;
            height: 36px;
            background: url('../images/ftbd.png') repeat-x;
        }
        .footer-top {
            padding: 20px 0;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 70px;
            align-items: start;
        }
        .footer-logo {
            text-align: center;
        }
        .footer-brand {
            height: 105px;
            margin-bottom: 20px;
        }
        .footer-tagline {
            font-family: 'Eyesome Script' !important;
            font-size: 20px;
            font-weight: 500;
            color: #4d4d4d;
            line-height: 1.4;
            margin-top: 10px;
        }
        .footer-tagline p {
            margin: 0;
        }
        .footer-hours h3 {
            font-family: 'Raleway', sans-serif;
            font-size: 20px;
            font-weight: 500;
            color: #4d4d4d;
            margin-bottom: 10px;
        }
        .footer-hours p {
            font-family: 'Raleway', sans-serif;
            font-size: 14px;
            color: #4d4d4d;
            margin: 0 0 2px 0;
        }
        .footer-hours .response-time {
            margin-top: 15px;
            line-height: 1.4;
            font-family: 'Raleway', sans-serif;
            font-size: 13px;
            color: #4d4d4d;
        }
        .footer-links {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        .footer-links a {
            font-family: 'Raleway', sans-serif;
            font-size: 14px;
            color: #4d4d4d;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .footer-links a:hover, .footer-links li.active a{
            color: #000;
        }
        .footer-social {
            text-align: left;
        }
        .social-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            background: #333;
            border-radius: 50%;
            color: #fff;
            margin-left: 7px;
            transition: background-color 0.3s ease;
            text-decoration: none;
            font-size: 27px;
        }
        .social-icon:hover {
            background: #000;
            color: #fff;
        }
        .footer-email {
            margin-top: 30px;
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            color: #4d4d4d;
        }
        .footer-email p {
            margin: 0;
        }
        .footer-bottom {
            padding: 10px 0;
            text-align: center;
            font-family: 'Raleway', sans-serif;
            font-size: 14px;
            color: #4c4c4c;
            border-top: 0px solid rgba(0,0,0,0.1);
            padding-bottom: 25px;
        }
        .footer-bottom p {
            margin: 0;
        }

        .ftsmm{
            font-size: 12px;
            text-align:center;
            padding: 12px 0 0 0;
        }
        @media (max-width: 768px) {
            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 30px;
            }
            .footer-logo, .footer-social {
                text-align: center;
            }
        }

        /* Wedding Supplier Directory */
        .supplier-directory {
            padding: 80px 0;
            background-color: #fff;
        }

        .supplier-directory h1 {
            text-align: center;
            color: #575555;
            font-family: var(--heading-font);
            font-size: 2.5rem;
            margin-bottom: 70px;
        }

        .supplier-categories {
            max-width: 1200px;
            margin: 0 auto;
        }

        .supplier-section {
            margin-bottom: 0px;
        }

        .supplier-section h2 {
            color: #575555;
            font-size: 1.5rem;
            margin-bottom: 30px;
            font-family: var(--heading-font);
            font-weight: 600;
            text-align: center;
            position: relative;
        }

        .supplier-section h2::after {
            content: '';
            display: block;
            width: 60px;
            height: 2px;
            background-color: var(--primary-color);
            margin: 15px auto 0;
        }

        .supplier-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0px;
            padding: 0 5px;
        }

        .supplier-grid a {
            color: #575555;
            text-decoration: none;
            font-size: 1rem;
            transition: color 0.3s ease;
            font-family: var(--body-font);
            padding: 10px;
        }

        .supplier-grid a:hover {
            color: var(--accent-color);
        }

        @media (max-width: 992px) {
            .supplier-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
        }

        @media (max-width: 576px) {
            .supplier-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .supplier-directory h1 {
                font-size: 2rem;
                margin-bottom: 30px;
            }

            .supplier-section h2 {
                font-size: 1.3rem;
                margin-bottom: 20px;
            }

            .supplier-section {
                margin-bottom: 40px;
            }
        }

        /* Enquiry Form Section */
        .enquiry-form-section {
            padding: 80px 0;
            background-color: #f8f8f8;
        }

        .enquiry-form-section h2 {
            text-align: center;
            color: #575555;
            margin-bottom: 40px;
            font-family: var(--heading-font);
        }

        .enquiry-form {
            max-width: 800px;
            margin: 0 auto;
            padding: 30px;
            background: #fff;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }

        .form-row {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
        }

        .form-group {
            flex: 1;
            margin-bottom: 25px;
            position: relative;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #333;
            font-size: 14px;
        }

        .section-label {
            font-weight: 600;
            color: #333;
            margin-bottom: 12px;
        }

        .form-group input[type="text"],
        .form-group input[type="email"],
        .form-group input[type="tel"],
        .form-group input[type="date"],
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 10px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            transition: border-color 0.3s;
        }

        .form-group textarea {
            resize: vertical;
            min-height: 100px;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: var(--accent-color);
            outline: none;
        }

        .checkbox-group,
        .radio-group {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .checkbox-label,
        .radio-label {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }

        .checkbox-label input[type="checkbox"],
        .radio-label input[type="radio"] {
            margin: 0;
        }

        .submit-button {
            background-color: #9CB5B8;
            color: #fff;
            padding: 12px 30px;
            border: none;
            text-transform: uppercase;
			border-radius: 0px; /* Smooth pill shape */
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
            display: block;
            margin: 30px auto 0;
        }

        .submit-button:hover {
            background-color: #CCE3DE;
			color:#000;
        }

        @media (max-width: 768px) {
            .form-row {
                flex-direction: column;
                gap: 0;
            }
            
            .enquiry-form {
                padding: 20px;
            }
        }

/* ---------- Wedding Supplier Directory Styles (added) ---------- */
.supplier-directory {
    padding: 40px 0 80px;
    background-color: #fff; /* light page background like screenshot */
}
.supplier-directory .container {
    max-width: 1200px; /* narrower container to center the four cards */
}
.supplier-directory h1 {
    font-family: 'Raleway', sans-serif;
  font-size: 42px;
  font-weight: 300;
  color: #333;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom:49px;
}
.supplier-categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    align-items: start;
}
.supplier-section {
    background: #f8f8f8;
    padding: 28px 18px 18px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.02);
    border-radius: 2px;
    min-height: 540px;
    position: relative;
}
.supplier-section h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222;
    margin: 0 0 16px;
    text-align: center;
}
/* decorative icon placeholder above each column (mint tone) */
.supplier-icon {
    text-align: center;
    margin-top: 6px;
}
.supplier-icon i {
    display: inline-block;
    font-size: 48px;
    color: #9cb5b8; /* mint tone */
    line-height: 1;
}
.supplier-section h2 { margin-top: 25px; }
.supplier-grid {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
}
.supplier-grid a {
    display: block;
    padding: 12px 5px;
    border-top: 1px solid #efefef;
    color: #333;
    font-size: 18px;
    text-align: center;
    transition: background-color .12s ease;
}
.supplier-grid a:first-child {
    border-top: none;
    padding-top: 22px;
}
.supplier-grid a:hover {
    color: #9CB5B8;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .supplier-directory h1 { font-size: 56px; }
    .supplier-categories { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .supplier-directory { padding: 30px 0; }
    .supplier-directory h1 { font-size: 40px; }
    .supplier-categories { grid-template-columns: 1fr; }
    .supplier-section { min-height: auto; }
}

/* small tweak to keep footer spacing correct */
footer.footer { margin-top: 30px; }
.hmstt h2{
    text-transform: none !important;
}

.full_carousel{
    width: 100% !important;
    max-width: 100% !important;
    margin: 40px 0;
}

.hmmiss{
	padding: 100px 0;
  text-align: center;
}

.footer-links ul {
  padding-left: 0px;
}


/* ---------- end supplier directory styles ---------- */