.elementor-1916 .elementor-element.elementor-element-146de491{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1916 .elementor-element.elementor-element-49fbe1fe > .elementor-widget-container{padding:0px -100px 0px -100px;}.elementor-1916 .elementor-element.elementor-element-49fbe1fe .title{font-family:"Vidaloka serif", Sans-serif;}.elementor-1916 .elementor-element.elementor-element-3cece755{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;overflow:visible;}.elementor-1916 .elementor-element.elementor-element-14be555b > .elementor-widget-container{padding:150px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-14be555b{text-align:center;}.elementor-1916 .elementor-element.elementor-element-14be555b .elementor-heading-title{color:var( --e-global-color-5521ef8 );font-family:"Vidaloka serif", Sans-serif;font-size:60px;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-927d6a9 > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-927d6a9{text-align:center;color:#202020;font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-68127859{overflow:visible;}.elementor-1916 .elementor-element.elementor-element-7a432a14 > .elementor-widget-container{padding:75px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-7a432a14 .image-height-class{height:500px;}.elementor-1916 .elementor-element.elementor-element-553f3624{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1916 .elementor-element.elementor-element-e8a2d1a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-e8a2d1a{text-align:center;}.elementor-1916 .elementor-element.elementor-element-e8a2d1a .elementor-heading-title{color:var( --e-global-color-6f9d8e2 );font-family:"Vidaloka serif", Sans-serif;font-size:40px;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-4fec41a{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-1b45b241{text-align:left;}.elementor-1916 .elementor-element.elementor-element-1b45b241 .elementor-heading-title{color:var( --e-global-color-5521ef8 );font-family:"Vidaloka serif", Sans-serif;font-size:33px;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-79be9fac{text-align:left;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-5dc72ec1 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-5dc72ec1{text-align:left;}.elementor-1916 .elementor-element.elementor-element-5dc72ec1 .elementor-heading-title{color:var( --e-global-color-6f9d8e2 );font-family:"Vidaloka serif", Sans-serif;font-size:40px;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-499b0d17{text-align:left;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-57e02a23 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-57e02a23{text-align:left;}.elementor-1916 .elementor-element.elementor-element-57e02a23 .elementor-heading-title{color:var( --e-global-color-5521ef8 );font-family:"Vidaloka serif", Sans-serif;font-size:33px;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-137f4e62{text-align:left;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-99872bc > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-1916 .elementor-element.elementor-element-99872bc{text-align:left;}.elementor-1916 .elementor-element.elementor-element-99872bc .elementor-heading-title{color:var( --e-global-color-6f9d8e2 );font-family:"Vidaloka serif", Sans-serif;font-size:40px;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-024f94e{text-align:left;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1916 .elementor-element.elementor-element-3f6aac86{overflow:visible;}.elementor-1916 .elementor-element.elementor-element-6cacea25{padding:140px 0px 140px 0px;overflow:visible;}.elementor-1916 .elementor-element.elementor-element-5165f25c{padding:0px 0px 140px 0px;overflow:visible;}@media(min-width:768px){.elementor-1916 .elementor-element.elementor-element-146de491{--content-width:1600px;}}/* Start custom CSS for section, class: .elementor-element-68127859 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>City Shopping Complex Project</title>
    <link rel="stylesheet" href="path-to-your-css-file.css"> <!-- Replace with actual path -->
</head>
<body>
    <!-- First Section -->
    <section class="breadcrumb-area bg-relative">
        <div class="banner-bg bg-cover" style="background-image: url('path-to-banner-image.jpg');"></div> <!-- Replace with actual image path -->
        <div class="container">
            <div class="breadcrumb-content text-center">
                <h2 class="page-title">City Shopping Complex</h2>
                <ul class="page-switcher">
                    <li><a href="index.html">Home</a><i class="bi bi-caret-right"></i></li>
                    <li>City Shopping Complex</li>
                </ul>
            </div>
        </div>
    </section>

    <!-- Second Section -->
    <section class="project-details-area section-gap-extra-bottom">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="details-content mb-40-none">
                        <div class="thumb mb-40">
                            <img src="path-to-main-image.jpg" alt="City Shopping Complex"> <!-- Replace with actual image path -->
                        </div>
                        <div class="content mb-40">
                            <h2 class="title">City Shopping Complex</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
                            <p>Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.</p>
                            <ul>
                                <li><i class="bi bi-check-lg"></i> High quality materials</li>
                                <li><i class="bi bi-check-lg"></i> Modern design</li>
                                <li><i class="bi bi-check-lg"></i> Sustainable architecture</li>
                            </ul>
                            <p>Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</p>
                        </div>
                        <div class="gallery mb-40">
                            <h4 class="title">Gallery</h4>
                            <div class="gallery-slider">
                                <div class="gallery-item">
                                    <img src="path-to-gallery-image1.jpg" alt="Gallery Image 1"> <!-- Replace with actual image path -->
                                </div>
                                <div class="gallery-item">
                                    <img src="path-to-gallery-image2.jpg" alt="Gallery Image 2"> <!-- Replace with actual image path -->
                                </div>
                                <div class="gallery-item">
                                    <img src="path-to-gallery-image3.jpg" alt="Gallery Image 3"> <!-- Replace with actual image path -->
                                </div>
                            </div>
                        </div>
                        <div class="location mb-40">
                            <h4 class="title">Location</h4>
                            <div id="map"></div> <!-- Add your map integration code here -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Scripts -->
    <script src="path-to-your-js-file.js"></script> <!-- Replace with actual path -->
</body>
</html>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Vidaloka serif';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://helaligroup.com/wp-content/uploads/2024/10/Vidaloka-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */