@extends('layouts.new-layout')
@section('content')
    <style>
        /* Parallax Effect */
        /* .carousel-item {
            height: 100vh;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        } */
        /* Moving Text Section */
        .moving-text-container {
            background-color: black; /* Black background */
            overflow: hidden;
            white-space: nowrap;
            position: relative;
        }

        .moving-text {
            display: inline-block;
            color: white; /* White text */
            font-size: 16px;
            font-weight: bold;
            padding: 10px 0;
            animation: moveText 10s linear infinite;
        }

        @keyframes moveText {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }

        #parallaxSlider .carousel-item {
            background-size: cover !important;
            background-position: top;
            background-repeat: no-repeat;
        }

        .carousel-caption {
            bottom: 60%;
            transform: translateY(50%);
            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7);
            color: #212121;
        }

        .carousel-caption h1 {
            font-size: 4rem;
        }


        #Carouselimage .carousel-control-next,
        #Carouselimage .carousel-control-prev,
        #testimonialCarousel .carousel-control-prev, #testimonialCarousel .carousel-control-next {
            width: 35px !important;
            background: transparent;
            color: #000;
        }
        #testimonialCarousel-m .carousel-control-prev, #testimonialCarousel-m .carousel-control-next {
            width: 35px !important;
            background: transparent;
            color: #000;
        }
        #testimonialCarousel-m .carousel-control-prev, #testimonialCarousel-m .carousel-control-next{
    top: 50% !important;
    height: 40px;
    right: 0;
}
#testimonialCarousel-m .carousel-control-prev.pe {
    left: -25px;
}
#testimonialCarousel-m .carousel-control-next.pe {
    right: -25px!important;
}

        @media (max-width: 767px) {


            form {
                margin-bottom: 150px !important;
            }

            #parallaxSlider .carousel-item {
                background-size: cover !important; /* For iOS, keep background-size as cover */
                background-position: center center !important; /* Keep background centered */
                background-attachment: scroll !important; /* Prevent background attachment scrolling */
                -webkit-background-size: cover; /* iOS-specific handling */
                -webkit-transform: translate3d(0, 0, 0); /* Force GPU rendering for smoother animation */
                -webkit-backface-visibility: hidden;
            }

        }

        #carouselExampleCaptions .carousel-control-next, #carouselExampleCaptions .carousel-control-prev {

            top: 85% !important;
            bottom: auto;
            width: 30px !important;
            background: transparent;
            color: #000;
        }

        #carouselExampleCaptions .carousel-control-prev {
            left: 20px;
        }

        #carouselExampleCaptions .carousel-control-next {
            right: 0%;
            left: 60px;
        }

        /* #carouselAutoPlay1 .carousel-caption, #carouselAutoPlay .carousel-caption{left: 5%;right: 10%;} */
        #carouselAutoPlay1 .carousel-indicators, #carouselAutoPlay .carousel-indicators {
            margin-bottom: 0.5rem;
        }

        /* .carousel-item:hover img {
            transform: scale(1.1);
        }

        .carousel-item img {
            transition: all 2s;
        } */
    </style>

<div id="carouselExampleCaptions" class="carousel slide carousel-fade" data-bs-ride="carousel">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
  </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="/new-assets/img/image/EW36030.webp" class="desktop w-100" alt="...">
      <img src="/new-assets/img/image/slideshow-mobile.webp" class="mobile w-100" alt="...">
      <div class="carousel-caption">
      <h1 class="py-4 banner-h">Studio On The Ridge, Making Memories One Dress At A Time</h1>
                    <p class="mb-5 desktop">Book Your Perfect Fit – Wedding, Prom, Tuxedo & Alteration Service here in Prince
                        George, BC</p>
                    <!-- <a class="btn-blue2 text-center text-uppercase px-lg-3 px-md-3 button-48" href="{{ route('welcome') }}">
                        <span>Book Appointment <i class="fa fa-clock" aria-hidden="true"></i></span>
                    </a> -->
      </div>
    </div>
    <div class="carousel-item">
    <img src="/new-assets/img/image/EW360301.webp" class="desktop w-100" alt="...">
    <img src="/new-assets/img/image/slideshow-mobile2.webp" class="mobile w-100" alt="...">
      <div class="carousel-caption">
      <h1 class="py-4 banner-h ">Studio On The Ridge, Making Memories One Dress At A Time</h1>
                    <p class="mb-5 desktop">Book Your Perfect Fit – Wedding, Prom, Tuxedo & Alteration Service here in Prince
                        George, BC</p>
                    <!-- <a class="btn-blue2 text-center text-uppercase px-lg-3 px-md-3 button-48" href="{{ route('welcome') }}">
                        <span>Book Appointment <i class="fa fa-clock" aria-hidden="true"></i></span>
                    </a> -->
      </div>
    </div>
    <div class="carousel-item">
    <img src="/new-assets/img/image/EW360302.webp" class="desktop w-100" alt="...">
    <img src="/new-assets/img/image/slideshow-mobile1.webp" class="mobile w-100" alt="...">
      <div class="carousel-caption">
      <h1 class="py-4 banner-h">Studio On The Ridge, Making Memories One Dress At A Time</h1>
                    <p class="mb-5 desktop">Book Your Perfect Fit – Wedding, Prom, Tuxedo & Alteration Service here in Prince
                        George, BC</p>
                    <!-- <a class="btn-blue2 text-center text-uppercase px-lg-3 px-md-3 button-48" href="{{ route('welcome') }}">
                        <span>Book Appointment <i class="fa fa-clock" aria-hidden="true"></i></span>
                    </a> -->
      </div>
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
  <i class="fa fa-angle-left" aria-hidden="true"></i>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
  <i class="fa fa-angle-right" aria-hidden="true"></i>
  </button>
  
</div>


    <!-- <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
                    aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
                    aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
                    aria-label="Slide 3"></button>
             </div>
        <div class="carousel-inner">
            <div class="carousel-item active slide-b">
                <div class="carousel-caption">

                    <h1 class="py-4">Studio On The Ridge, Making Memories One Dress At A Time</h1>
                    <p class="mb-5">Book Your Perfect Fit – Wedding, Prom, Tuxedo & Alteration Service here in Prince
                        George, BC</p>
                    <a class="btn-blue2 text-center text-uppercase px-3 button-48" href="{{ route('welcome') }}">
                        <span>Book Appointment <i class="fa fa-clock" aria-hidden="true"></i></span>
                    </a>
                </div>
            </div>
             
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="prev">
            <i class="fa fa-angle-left" aria-hidden="true"></i>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="next">
            <i class="fa fa-angle-right" aria-hidden="true"></i>
        </button>
    </div> -->

    <!-- Full-Width Parallax Slider -->
    <!-- <div id="parallaxSlider" class="carousel slide" data-bs-ride="">
    <div class="carousel-inner">
        
        <div class="carousel-item active">
          <img src="/new-assets/img/image/slideshow-v2-img1.webp" class="d-block w-100">
            <div class="carousel-caption text-left">
                
                <h3 class="title-small mb-0" style="color:#000000;letter-spacing: 12px;">Enjoy 10% off on</h3>
                <h1 class="py-4">Dream Dress at Studio <br>on the Ridge</h1>
                 <p class="mb-5">Prom, Wedding or any dress you need here in Prince George, BC</p>
                <a class="btn-blue2 text-center text-uppercase px-3 button-48" href="">
                    <span>Book Appointment <i class="fa fa-clock" aria-hidden="true"></i></span>
                </a> 
                
            </div>
        </div>
     
        <div class="carousel-item">
        <img src="/new-assets/img/gallery/Mocha-Pearl-32.jpg" class="d-block w-100"/>
            <div class="carousel-caption text-left">
            <h3 class="py-2">Find Your Perfect Dress at Studio on the Ridge<div class="line mb-0 text-white"></div></h3>
                <p>Prom, Wedding or any dress you need here in Prince George, BC</p>
                <a class="btn-blue2 text-center px-3 button-48" href="">
                    <span>BUY NOW <i class="fa fa-shopping-cart" aria-hidden="true"></i></span>
                </a> <a class="btn-blue1  text-center px-3 button-48" href="{{ route('welcome') }}?category=rental">
                    <span>RENT NOW <i class="fa fa-tag" aria-hidden="true"></i>
                    </span></a>
            </div>
        </div> 
        
    </div>
     
    <button class="carousel-control-prev" type="button" data-bs-target="#parallaxSlider" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#parallaxSlider" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div> -->
    <!-- <section class="py-4 bg-black">
      <div class="container">
      <h3 class="text-center text-white">"Studio on the Ridge, Making memories one dress at a time"</h3>
      </div>
    </section> -->
    <section class="">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6" data-aos="fade-up"
                data-aos-anchor-placement="top-bottom">
                    <div class="position-relative mb-3 hover">
                        <img class="img-fluid" src="new-assets/img/image/IMG-20250122-WA0012.jpg">
                        <div class="img-overlap-text">
                            <h5>Wedding Dress Shopping</h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6" data-aos="fade-up"
                data-aos-anchor-placement="top-bottom">
                    <div class="position-relative mb-3  hover">
                        <img class="img-fluid" src="new-assets/img/image/IMG-20250122-WA.jpg">
                        <div class="img-overlap-text1">
                            <h5>Tuxedo Suits for Every Occasion</h5>
                        </div>
                    </div>
                    <div class="position-relative mb-3 hover">
                        <img class="img-fluid" src="new-assets/img/image/1600x.jpg">
                        <div class="img-overlap-text">
                            <h5>Alterations</h5>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-8"data-aos="fade-up"
                data-aos-anchor-placement="top-bottom">
                    <div class="position-relative mb-3 hover">
                        <img class="img-fluid" src="new-assets/img/image/EW36022.jpg">
                        <div class="img-overlap-text2">
                            <h5>Prom Dress Shopping</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <section class="pt-0">
        <div class="container">

            <div class="row">
                <div class="col-md-6" data-aos="fade-up"
                data-aos-anchor-placement="top-bottom">
                    <div class="p-2 hover">
                        <img class="img-fluid" src="new-assets/img/image/Y3143FI-ivory-a.jpg">
                    </div>
                </div>
                <div class="col-md-6 d-flex align-items-center" data-aos="fade-up"
                data-aos-anchor-placement="top-bottom">
                    <div>
                        <h1>Welcome to Studio on the Ridge</h1>
                        <p>We're Prince George's premier destination for prom and bridal dresses. Our personalized
                            service and curated selection ensure you'll find the perfect dress for your special day.</p>
                            <p>We're currently a home-based business, which allows us to offer very reasonable pricing due to lower overhead costs. While we may not be wheelchair accessible or able to accommodate large groups, we provide personalized, one-on-one attention to ensure you find your perfect dress.</p>

                        <a class="btn-blue5 button-481" href="{{ route('welcome') }}"><span>Learn More</span></a>
                    </div>
                </div>
            </div>
        </div>
    </section>




    <!-- <section class="pt-0 pb-5">
        <div class="container-fluid">


        <div class="col-12 text-center mb-5">
          <h6 class="py-0 text-blue text-uppercase"><div class="line mb-0"></div> best Seller <div class="line mb-0"></div>
          </h6>
            <h1>Product This Week!</h1>
          </div>

        <div class="row row-cols-1 row-cols-md-4 g-4">

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro38_grande.webp" alt="Product 1">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style DR281T-DR269S</h5>
                <p class="product-price">Select Option</p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro27.webp" alt="Product 2">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style 8027</h5>
                <p class="product-price">$199.00</p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro21.webp" alt="Product 3">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style DR302T – DR313S</h5>
                <p class="product-price">$279.00</p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro49.webp" alt="Product 3">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style DR302T – DR313S</h5>
                <p class="product-price">$279.00</p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro16.jpg" alt="Product 3">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style DR302T – DR313S</h5>
                <p class="product-price">$279.00</p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro14.webp" alt="Product 3">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style DR302T – DR313S</h5>
                <p class="product-price">$279.00</p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro15.webp" alt="Product 3">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style DR302T – DR313S</h5>
                <p class="product-price">$279.00</p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="product-card">
              <div class="product-image">
                <img src="/new-assets/img/image/pro52.webp" alt="Product 3">
              </div>
              <div class="product-overlay">
                <a href="#" title="Add to Wishlist">
                  <i class="bi bi-heart"></i>
                </a>
                <a href="#" title="Search">
                  <i class="bi bi-search"></i>
                </a>
              </div>
              <div class="p-3">
                <h5 class="product-title">Style DR302T – DR313S</h5>
                <p class="product-price">$279.00</p>
              </div>
            </div>
          </div>
        </div>
        </div>
    </section> -->

    <!-- <section class="py-0">
  <div class="container">
    <div class="row">
  <div class="col-md-6 mb-3">

  <div id="carouselAutoPlay1" class="carousel slide" data-bs-ride="carousel" >
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselAutoPlay1" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselAutoPlay1" data-bs-slide-to="1" aria-label="Slide 2"></button>
     </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="new-assets/img/image/bannerV2-im1.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner">New Collection</h4>
       <h3 class="title-banner">Prom Dress Shopping</h3>
        <p class="desc-banner mb-0" style="font-size: 15px;color:#fff;">come choose from the top designers with the absolute best selection and get it held for your school.... be the first. but know worries there's so many choices you will find the one. We are so excited to meet you.  </p>
        <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>   

      </div>
    </div>
    <div class="carousel-item">
      <img src="/new-assets/img/image/bannerV2-im2.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner">New Collection</h4>
       <h3 class="title-banner">Prom Dress Shopping</h3>
        <p class="desc-banner mb-0" style="font-size: 15px;color:#fff;">come choose from the top designers with the absolute best selection and get it held for your school.... be the first. but know worries there's so many choices you will find the one. We are so excited to meet you.  </p>
        <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>  

      </div>
    </div>
  </div>
  
</div>


          
        </div>

        <div class="col-md-6 mb-3">
        <div id="carouselAutoPlay" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselAutoPlay" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselAutoPlay" data-bs-slide-to="1" aria-label="Slide 2"></button>
  </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="new-assets/img/image/bannerV2-im.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner"> New Arrival</h4>
        <h3 class="title-banner"> Wedding Dress Shopping</h3>

          <p class="desc-banner mb-0" style="font-size: 15px;color:#fff;">Discover your dream wedding dress. From classic to contemporary, we have styles for every bride.</p>
         <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>

              
      </div>
    </div>
    <div class="carousel-item">
      <img src="/new-assets/img/image/bannerV2-img2.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner"> New Arrival</h4>
        <h3 class="title-banner"> Wedding Dress Shopping</h3>

          <p class="desc-banner mb-0" style="font-size: 15px;color:#fff;">Discover your dream wedding dress. From classic to contemporary, we have styles for every bride.</p>
         <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>

            
      </div>
    </div>
  </div>
  
</div>



         
        </div>
    </div>
  </div>
</section> -->

    <!--
<section class="pt-2">
  <div class="container">
    <div class="row">
  <div class="col-md-6 mb-3">

  <div id="carouselAutoPlay2" class="carousel slide" data-bs-ride="carousel" >
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselAutoPlay2" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselAutoPlay2" data-bs-slide-to="1" aria-label="Slide 2"></button>
    </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="new-assets/img/image/bannerV2-im3.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner">See</h4>
       <h3 class="title-banner">Alterations</h3>
        <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>   
      </div>
    </div>
    <div class="carousel-item">
      <img src="/new-assets/img/image/bannerV2-im5.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner">See</h4>
       <h3 class="title-banner">Alterations</h3>
        <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>  
      </div>
    </div>
  </div>
 
</div>


        
        </div>

        <div class="col-md-6 mb-3">
        <div id="carouselAutoPlay3" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselAutoPlay3" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselAutoPlay3" data-bs-slide-to="1" aria-label="Slide 2"></button>
    </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="new-assets/img/image/bannerV2-im4.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner"> See</h4>
        <h3 class="title-banner"> Tuxedo Suits for Every Occasion</h3>
          <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>
              
      </div>
    </div>
    <div class="carousel-item">
      <img src="/new-assets/img/image/bannerV2-im6.webp" class="d-block w-100" alt="Fully Licensed and Insured">
      <div class="carousel-caption">
      <h4 class="subtitle-banner"> See</h4>
        <h3 class="title-banner"> Tuxedo Suits for Every Occasion</h3>
         <a href="{{ route('welcome') }}" class="button-banner"> Book Appointment</a>
            
      </div>
    </div>
  </div>
</div>
        </div>
    </div>
  </div>
</section> -->



    <!-- <section class="pt-0">
  <div class="container">
  <div class="row">
      <div class="col-md-6 d-flex align-items-center order-lg-1 order-2">
        <div>
      <h6 class="py-0 text-blue text-uppercase">See <div class="line mb-0"></div>
      </h6>
        <h1>Alterations</h1>
        <p>Meet the seamstress and have her do your adjustments to ensures your dress is ready for your big day. </p>
        <a class="btn-blue5 button-481" href=""><span>Learn More</span></a>
      </div>
      </div>
      <div class="col-md-6 order-lg-2 order-1">
        <div class="py-2">
        <img class="img-fluid" src="new-assets/img/image/banner-v2-img2.webp">
        </div>
      </div>
    </div>
  <div class="row">
      <div class="col-md-6">
      <div class="py-2">
        <img class="img-fluid" src="new-assets/img/image/banner-v2-img-2.jpg">
      </div>
      </div>
      <div class="col-md-6 d-flex align-items-center">
        <div>
      <h6 class="py-0 text-blue text-uppercase">See <div class="line mb-0"></div>
      </h6>
        <h1>Tuxedo Suits for Every Occasion</h1>
        <p>Make a lasting impression with our premium tuxedo suits, crafted with luxurious fabrics and impeccable attention to detail for unmatched elegance.</p>
        <a class="btn-blue5 button-481" href="{{ route('welcome') }}"><span>Learn More</span></a>
      </div>
      </div>
    </div>
  </div>
  </section> -->

    <!-- Blog Section -->
    <!-- <section class="pt-0">
     <div class="container">
    <div class="text-center">
    <h6 class="py-0 text-blue text-uppercase"><div class="line mb-0"></div> See Our <div class="line mb-0"></div></h6>
    <h1 class="py-2 mb-5 text-capitalize">Latest <span class="text-blue h1">Blog</span></h1>
    </div>
           <div class="row">

               <div class="col-md-4">
                   <div class="card border border-0 setup">
                       <img src="/new-assets/img/image/blog1.webp" class="card-img-top" alt="Blog Image 1">
                       <div class="card-body">
                           <h3 class="card-title">26 Wedding Guest Dresses</h3>
                           <div class="line mb-0"></div>
                           <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                           <a class="btn-blue5 button-481" href=""><span>Read More</span></a>

                       </div>
                   </div>
               </div>
               <div class="col-md-4">
                   <div class="card border border-0 setup">
                       <img src="/new-assets/img//image/blog3.webp" class="card-img-top" alt="Blog Image 2">
                       <div class="card-body">
                           <h3 class="card-title">26 Wedding Guest Dresses</h3>
                           <div class="line mb-0"></div>
                           <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                           <a class="btn-blue5 button-481" href=""><span>Read More</span></a>
                        </div>
                   </div>
               </div>
               <div class="col-md-4">
                   <div class="card border border-0  setup">
                       <img src="/new-assets/img//image/blog4.webp" class="card-img-top" alt="Blog Image 3">
                       <div class="card-body">
                           <h3 class="card-title">26 Wedding Guest Dresses</h3>
                           <div class="line mb-0"></div>
                           <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                           <a class="btn-blue5 button-481" href=""><span>Read More</span></a>
                           </div>
                   </div>
               </div>
           </div>
     </div>

       </section>  -->

    <section class="pt-0 pb-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12" data-aos="fade-up"
                data-aos-anchor-placement="top-bottom">
                    <div class="google-review d-lg-flex d-md-flex mb-4">
                      <div class="col-lg-6 col-md-6 mb-3 mb-lg-0 mb-md-0">
                      <div class="bUOTkr d-flex align-items-end"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 85 36" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-logos-google-logo-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#a-1)"><path fill="#4285F4" d="M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z"></path><path fill="#EA4335" d="M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z"></path><path fill="#FBBC05" d="M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z"></path><path fill="#4285F4" d="M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z"></path><path fill="#EA4335" d="M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z"></path><path fill="#34A853" d="M67.425 24.727h3.044V4.359h-3.044v20.368Z"></path></g><defs><clipPath id="a-1"><path fill="#fff" d="M0 0h84.515v36H0z"></path></clipPath></defs></svg>
                    <h4 class="ms-2"><strong>Reviews</strong></h4>
                    </div>
                    <div class="d-flex align-items-center"><h3>5.0</h3> <div>
                      <i class="fa fa-star yellow" style="font-size: 20px;" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" style="font-size: 20px;" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" style="font-size: 20px;" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" style="font-size: 20px;" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" style="font-size: 20px;" aria-hidden="true"></i></div>
                    </div>
                      </div>
                    
                    <div  class="col-lg-6 col-md-6 mb-3 mb-lg-0 mb-md-0 d-lg-flex  d-md-flex align-items-center justify-content-end">
                    <a class="map-btn" target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Reviews Us On Google</a>
                    </div>
                    </div>
                    <!-- <h1 class="py-2   text-capitalize">What Our Clients Says</h1> -->
                    <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            <!-- Slide 1 -->
                            <div class="carousel-item testi active text-center">
                                <div class="d-flex bg-transparent  border-0">
                                <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        We went to Studio on the Ridge for the first time today to look at prom dresses. I wasn’t sure what to expect, but we were all blown away. The selection was vast, dressed in every colour. Sizing was excellent, loads of options to try on with recommendations for alterations (needed and desired). What really impressed me was the value, these are high quality dresses priced significantly lower than I expected. Theresa was fantastic, so helpful and kind. My daughter gushed over her experience saying she felt like a princess and had the best time. She is so thrilled with her dress, even though it wasn’t mama’s first choice ;) she looks stunning it it and can’t wait for prom! Thank you so much Theresa! 10/10 would recommend. Or as my daughter said “11/10, 12/10. Best day ever”.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed1.png">
                                  <span>Jen Poulin</span>
                                  </div>
                                    
                                    </div>
                                    <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        I went to studio on the ridge to find a prom dress, amazing service and beautiful little
shop! Teresa was very kind and attentive, she helped me pick out the perfect dress!
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed2.png">
                                  <span>Ava Hull</span>
                                  </div>
                                    
                                    </div>
                                    <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        I had the absolute pleasure of visiting Studio on the Ridge just few weeks before my wedding, and I cannot recommend them enough! As someone with zero knowledge of wedding dresses and already feeling stressed about my rapidly approaching wedding date, I was overwhelmed to say the least. However, Teresa completely turned my experience around.

From the moment I walked in, Teresa greeted me with warmth and understanding. She took the time to show me their beautiful collection and helped me find the perfect dress for my special day. Remarkably, after just a few selections, I had already found three options that I absolutely loved. Each dress was not only stunning but also incredibly affordable, which was a relief given the typical costs of wedding attire. It’s clear that Studio on the Ridge offers dresses that are both high in quality and perfect for a bride’s budget.

What really stood out was how Teresa went above and beyond to ensure everything would be ready in time. She personally arranged all the necessary alterations and even worked around her schedule to accommodate me. I truly appreciated her dedication and attention to detail during such a busy time.

Additionally, I’d like to commend the studio itself—it’s a hidden gem, and I really believe their services need to be more widely known. Currently, they’re offering free appointments as they are newly established, which is such a generous offer for brides looking for a personal and stress-free experience.

I am beyond grateful for the outstanding service and care I received at Studio on the Ridge. They have made my wedding dress shopping experience a memorable and enjoyable one, and I can’t thank them enough for everything they did to make sure I felt confident and beautiful in my dress. Highly recommend to any bride-to-be!</p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed3.png">
                                  <span>Joana Dela Cruzl</span>
                                  </div>
                                    
                                    </div>
                                    <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Super cute wedding dress shop. It is not a large space, I wouldn't bring a lot of people to view but there is a lot of dresses. Appointment is necessary to view dresses, but at no charge thankfully. Selection is great and great prices. I was shocked by the markdowns due to the large inventory. Would recommend Studio on the Ridge to any bride. Their dresses are a must see.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed4.png">
                                  <span>Kelly Swanson</span>
                                  </div>
                                    
                                    </div>
                                </div>
                            </div>
                            <!-- Slide 3 -->
                             <div class="carousel-item testi text-center">
                             <div class="d-flex bg-transparent  border-0">
                             <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Very professional and cute dress shop. I was blown away by the markdowns due to the large inventory. I had an amazing experience from the minute I walked in until the minute I found my dress. I tried on numerous dresses (fell in love with every single one) and was met with nothing but understanding and continuous options. I  would recommend Studio on the Ridge to any bride looking for their dream dress. 10/10 experience.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed5.png">
                                  <span>Keisha Rochon</span>
                                  </div>
                                    
                                    </div>
                                    <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Amazing selection of dresses. Teresa was patient with me while trying on a bunch of styles until I found my perfect dress!
                                       </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed6.png">
                                  <span>Melinda Paulson</span>
                                  </div>
                                    
                                    </div>
                                    <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Teresa was so patient with me as I tried dress after dress. I found the selection at Studio on the Ridge to be better than the other stores in town. Ultimately I went with her pick. She really knows her stuff. Thanks Teresa!
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed7.png">
                                  <span>Hot Trendy Dream Renos</span>
                                  </div>
                                    
                                    </div>
                                    <div class="col-md-3 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Theresa was super helpful and her selection is amazing! She created a great atmosphere for the girls trying on prom dresses.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed8.png">
                                  <span>Michelle Larstone</span>
                                  </div>
                                    
                                    </div>
                                </div>
                            </div>  
                            
                        </div>
                        <!-- Carousel Controls -->


                        <button class="carousel-control-prev pe" type="button" data-bs-target="#testimonialCarousel"
                                data-bs-slide="prev">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </button>
                        <button class="carousel-control-next pe" type="button" data-bs-target="#testimonialCarousel"
                                data-bs-slide="next">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </button> 
                    </div>


                    <div id="testimonialCarousel-m" class="carousel slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            <!-- Slide 1 -->
                            <div class="carousel-item testi active text-center">
                                <div class=" bg-transparent  border-0">
                                <div class="col-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        We went to Studio on the Ridge for the first time today to look at prom dresses. I wasn’t sure what to expect, but we were all blown away. The selection was vast, dressed in every colour. Sizing was excellent, loads of options to try on with recommendations for alterations (needed and desired). What really impressed me was the value, these are high quality dresses priced significantly lower than I expected. Theresa was fantastic, so helpful and kind. My daughter gushed over her experience saying she felt like a princess and had the best time. She is so thrilled with her dress, even though it wasn’t mama’s first choice ;) she looks stunning it it and can’t wait for prom! Thank you so much Theresa! 10/10 would recommend. Or as my daughter said “11/10, 12/10. Best day ever”.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed1.png">
                                  <span>Jen Poulin</span>
                                  </div>
                                    
                                    </div>
                                </div>
                            </div>
                            <div class="carousel-item testi">
                                <div class=" bg-transparent  border-0">
                                
                                    <div class="col-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        I went to studio on the ridge to find a prom dress, amazing service and beautiful little
shop! Teresa was very kind and attentive, she helped me pick out the perfect dress!
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed2.png">
                                  <span>Ava Hull</span>
                                  </div>
                                    
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="carousel-item testi">
                                <div class=" bg-transparent  border-0">
                                <div class="col-md-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        I had the absolute pleasure of visiting Studio on the Ridge just few weeks before my wedding, and I cannot recommend them enough! As someone with zero knowledge of wedding dresses and already feeling stressed about my rapidly approaching wedding date, I was overwhelmed to say the least. However, Teresa completely turned my experience around.

From the moment I walked in, Teresa greeted me with warmth and understanding. She took the time to show me their beautiful collection and helped me find the perfect dress for my special day. Remarkably, after just a few selections, I had already found three options that I absolutely loved. Each dress was not only stunning but also incredibly affordable, which was a relief given the typical costs of wedding attire. It’s clear that Studio on the Ridge offers dresses that are both high in quality and perfect for a bride’s budget.

What really stood out was how Teresa went above and beyond to ensure everything would be ready in time. She personally arranged all the necessary alterations and even worked around her schedule to accommodate me. I truly appreciated her dedication and attention to detail during such a busy time.

Additionally, I’d like to commend the studio itself—it’s a hidden gem, and I really believe their services need to be more widely known. Currently, they’re offering free appointments as they are newly established, which is such a generous offer for brides looking for a personal and stress-free experience.

I am beyond grateful for the outstanding service and care I received at Studio on the Ridge. They have made my wedding dress shopping experience a memorable and enjoyable one, and I can’t thank them enough for everything they did to make sure I felt confident and beautiful in my dress. Highly recommend to any bride-to-be!</p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed3.png">
                                  <span>Joana Dela Cruzl</span>
                                  </div>
                                    
                                    </div>
                                </div>
                            </div>


                            <div class="carousel-item testi">
                                <div class=" bg-transparent  border-0">
                                 <div class="col-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Super cute wedding dress shop. It is not a large space, I wouldn't bring a lot of people to view but there is a lot of dresses. Appointment is necessary to view dresses, but at no charge thankfully. Selection is great and great prices. I was shocked by the markdowns due to the large inventory. Would recommend Studio on the Ridge to any bride. Their dresses are a must see.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed4.png">
                                  <span>Kelly Swanson</span>
                                  </div>
                                    
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 3 -->
                             <div class="carousel-item testi">
                             <div class="d-flex bg-transparent  border-0">
                             <div class="col-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Very professional and cute dress shop. I was blown away by the markdowns due to the large inventory. I had an amazing experience from the minute I walked in until the minute I found my dress. I tried on numerous dresses (fell in love with every single one) and was met with nothing but understanding and continuous options. I  would recommend Studio on the Ridge to any bride looking for their dream dress. 10/10 experience.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed5.png">
                                  <span>Keisha Rochon</span>
                                  </div>
                                    
                                    </div>
                                    
                                </div>
                            </div> 
                            
                            <div class="carousel-item testi ">
                             <div class="d-flex bg-transparent  border-0">
                            
                                    <div class="col-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Amazing selection of dresses. Teresa was patient with me while trying on a bunch of styles until I found my perfect dress!
                                       </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed6.png">
                                  <span>Melinda Paulson</span>
                                  </div>
                                    
                                    </div>
                                    
                                </div>
                            </div> 


                            <div class="carousel-item testi">
                             <div class="d-flex bg-transparent  border-0">
                             
                                    
                                    <div class="col-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Teresa was so patient with me as I tried dress after dress. I found the selection at Studio on the Ridge to be better than the other stores in town. Ultimately I went with her pick. She really knows her stuff. Thanks Teresa!
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed7.png">
                                  <span>Hot Trendy Dream Renos</span>
                                  </div>
                                    
                                    </div>
                                    
                                </div>
                            </div> 


<div class="carousel-item testi ">
                             <div class="d-flex bg-transparent  border-0">
                            <div class="col-12 card-body px-1 text-start">
                                    <div class="jmnbXL">
                                        
                                        <div class="mb-3"><i class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i><i
                                                    class="fa fa-star yellow" aria-hidden="true"></i></div>
                                        
                                        <p class="text-container text-start">
                                        Theresa was super helpful and her selection is amazing! She created a great atmosphere for the girls trying on prom dresses.
                                        </p>
                                        <button class="read-more-btn">Read More</button>
                                        <div class="d-flex align-items-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="injected-svg" data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-icons-google-multicolor.svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#2A84FC" d="M21.579 12.234c0-.677-.055-1.359-.172-2.025h-9.403v3.839h5.384a4.615 4.615 0 0 1-1.992 3.029v2.49h3.212c1.886-1.736 2.97-4.3 2.97-7.333Z"></path><path fill="#00AC47" d="M12.004 21.974c2.688 0 4.956-.882 6.608-2.406l-3.213-2.491c-.893.608-2.047.952-3.392.952-2.6 0-4.806-1.754-5.597-4.113H3.095v2.567a9.97 9.97 0 0 0 8.909 5.491Z"></path><path fill="#FFBA00" d="M6.407 13.916a5.971 5.971 0 0 1 0-3.817V7.531H3.095a9.977 9.977 0 0 0 0 8.953l3.312-2.568Z"></path><path fill="#FC2C25" d="M12.004 5.982a5.417 5.417 0 0 1 3.824 1.494l2.846-2.846a9.581 9.581 0 0 0-6.67-2.593A9.967 9.967 0 0 0 3.095 7.53l3.312 2.57c.787-2.363 2.996-4.117 5.597-4.117Z"></path></svg>
                                      <div class="ms-2"><span class="sm-text1">Posted on</span><br>
                                        <span class="text-black"><a target="blank" href="https://www.google.com/maps/place/Studio+on+the+Ridge/@53.856302,-122.783824,17z/data=!4m8!3m7!1s0xff69b47f60eccb3:0xef1afc20cbd2eafd!8m2!3d53.856302!4d-122.783824!9m1!1b1!16s%2Fg%2F11wbcy6v1l?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D">Google</a></span></div>
                                      </div>
                                      </div>
                                    <svg viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" class="Balloon__StyledReviewCardTail-sc-1d6y62j-0 goKeSV es-review-card-tail" _fill="rgba(248, 248, 248, 1)" style="left: 30px;width: 30px;color: #ccc;position: relative;top: -6px;"><path d="M0.965704 0.000125914H10.3736L19 5.15272e-05C19 5.15272e-05 16.2331 5.15665 10.3736 8.99489C6.68171 11.4132 3.12703 12.3741 1.00222 12.7541C0.488597 12.8459 0.227225 12.1436 0.617463 11.7973C2.03909 10.5355 3.88298 8.3072 3.88294 5.23718C3.88287 9.44134e-05 0.965704 0.000125914 0.965704 0.000125914Z" style="
    fill: rgb(248, 248, 248) !important;
"></path></svg>
                                    <div class="mb-3 text-start"><img class="rounded-circle" src="/new-assets/img/image/unnamed8.png">
                                  <span>Michelle Larstone</span>
                                  </div>
                            </div></div>
                                    </div>
                            
                            
                        </div>
                        <!-- Carousel Controls -->


                        <button class="carousel-control-prev pe" type="button" data-bs-target="#testimonialCarousel-m"
                                data-bs-slide="prev">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </button>
                        <button class="carousel-control-next pe" type="button" data-bs-target="#testimonialCarousel-m"
                                data-bs-slide="next">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </button> 
                    </div>

                </div>
            </div>
        </div>

    </section>

    <section class="py-5" style="background: #f7f7f7;">
        <div class="container">
            <div class="row">
                <div class="col-md-10">
                    <h2 class="">Ready to Find Your Perfect Dress?</h2>
                    <p>Book your appointment today and let us help you discover the dress of your dreams. </p>
                </div>
                <div class="col-md-2 d-flex align-items-center">
                    <a href="{{ route('welcome') }}" class="btn-blue2">
                        Discover Now
                    </a></div>

            </div>
        </div>
    </section>

    <div aria-live="polite" aria-atomic="true" class="position-relative">
        <div class="toast-container position-fixed bottom-0 end-0 p-3">
            @if(session('success'))
                <div class="toast align-items-center text-bg-success border-0" role="alert" aria-live="assertive"
                     aria-atomic="true">
                    <div class="d-flex">
                        <div class="toast-body">
                            {{ session('success') }}
                        </div>
                        <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
                                aria-label="Close"></button>
                    </div>
                </div>
            @endif

            @if(session('error'))
                <div class="toast align-items-center text-bg-danger border-0" role="alert" aria-live="assertive"
                     aria-atomic="true">
                    <div class="d-flex">
                        <div class="toast-body">
                            {{ session('error') }}
                        </div>
                        <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
                                aria-label="Close"></button>
                    </div>
                </div>
            @endif

            @if(session('danger'))
                <div class="toast align-items-center text-bg-warning border-0" role="alert" aria-live="assertive"
                     aria-atomic="true">
                    <div class="d-flex">
                        <div class="toast-body">
                            {{ session('danger') }}
                        </div>
                        <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
                                aria-label="Close"></button>
                    </div>
                </div>
            @endif
        </div>
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            let textBlocks = document.querySelectorAll(".text-container");

            textBlocks.forEach((text) => {
                let button = text.nextElementSibling; // Uska next button le lenge

                // 🔹 Check karne ke liye ek hidden clone banayenge
                let clone = text.cloneNode(true);
                clone.style.display = "block";
                clone.style.position = "absolute";
                clone.style.visibility = "hidden";
                clone.style.width = text.clientWidth + "px";
                clone.style.whiteSpace = "normal";
                clone.style.lineHeight = getComputedStyle(text).lineHeight;
                document.body.appendChild(clone);

                let maxHeight = parseInt(getComputedStyle(text).lineHeight) * 3; // 3 lines ka height
                let fullHeight = clone.clientHeight;
                document.body.removeChild(clone); // Clone hata diya

                if (fullHeight > maxHeight) {
                    button.style.display = "inline"; // Button dikhayenge
                }

                // Read More Toggle
                button.addEventListener("click", function () {
                    if (text.classList.contains("expanded")) {
                        text.classList.remove("expanded");
                        this.textContent = "Read More";
                    } else {
                        text.classList.add("expanded");
                        this.textContent = "Hide";
                    }
                });
            });
        });
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const toastElList = [].slice.call(document.querySelectorAll('.toast'));
            const toastList = toastElList.map(function (toastEl) {
                return new bootstrap.Toast(toastEl, {delay: 5000});
            });
            toastList.forEach(toast => toast.show());
        });
    </script>

@endsection