/*spacer*/
.space5 {height: 0.3em;display: block;}
.space10 {height: 0.6em;display: block;}
.space20 {height: 1.2em;display: block;}
.space25 {height: 1.5em;display: block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}
.navbar-brand img{width:100%}

.sticky-header {position: sticky;top: 0;z-index: 1050; background:#fff }
.navbar-brand img {max-height: 80px;}
.navbar-nav .nav-link {font-weight: 500;color: #19357b !important;transition: color 0.3s ease;}
.navbar-nav .active{font-weight: bold; border-bottom:2px solid #19357b }
.navbar-nav .nav-link:hover {color: #19357b !important; /* Bootstrap primary color */}

#bannerBg {background: #19357b}

.carousel-indicators [data-bs-target] {background-color: #cccccc; /* Indicator color */}
.carousel-indicators .active {background-color: #0066cc; /* Active color */}

.carousel,
.carousel-inner,
.carousel-item img {border-radius: 24px; /* Change to any value you like */overflow: hidden; /* Ensures slides and images obey the border radius */}
.carousel-control-prev-icon {background-image: url(../images/icons/icon-prev.png);}
.carousel-control-next-icon {background-image: url(../images/icons/icon-next.png);}

.siteH3{background:#F7C6C8; padding:5px 8px; border-radius: 5px; color:#333; font-weight:400; font-size:1em; display:inline-block}

.themeBgPrimary{background:#19357b}
.themeClrPrimary{color:#19357b}
.themeClrSecondary{color:#E2363C}

.product-category {display: inline-block;background: #7b8dba;color: #fff;padding: 5px 8px;font-size: 0.8em;font-weight: 400;border-radius: 10px;margin-bottom: 0.5rem;}
.btn-border{border: 1px solid #19357b;color: #19357b;background-color: transparent;padding: 0.5rem 1rem;border-radius: 0.25rem;transition: background-color 0.3s ease, color 0.3s ease;}
.btn-border:hover {background-color: #19357b;color: #fff;}

.clients-marquee-outer {width: 100%;position: relative;margin-left: calc(-50vw + 50%);overflow: hidden;}
.clients-marquee-track {display: flex;animation: marquee-scroll 24s linear infinite;/* The width will be doubled by script for seamless scroll */}
.client-logo {width: 160px;object-fit: contain;opacity: 0.75;transition: opacity 0.2s;background: #fff;border-radius: 8px;padding: 6px 18px;box-shadow: 0 2px 6px rgba(0,0,0,0.03);margin: 0;}
.client-logo:hover {opacity: 1;}

@keyframes marquee-scroll {
    100% {
        transform: translateX(-50%);
    }
}

.footer-section {background: #142357;color: #fff;}
.footer-brand {color: #fff;font-size: 1.3rem;letter-spacing: 0.04em;}
.footer-icon-link {display: inline-block;color: #fff; margin: 0 8px;font-size: 1.3rem;transition: color 0.18s;opacity: 0.85;}
.footer-icon-link:hover {color: #ffc107;opacity: 1;text-decoration: none;}
.enquiry-section {overflow: hidden;}
.parallax-bg {background: url('../images/enq-bg.jpg') center center / cover no-repeat fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-attachment: fixed;filter: brightness(1) grayscale(10%);}


.breadcrumb {background-color: #19357b;font-size: 0.95rem;font-weight: 500;}
.breadcrumb a{color:#19357b}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb-item + .breadcrumb-item::before {color: #6c757d;}

#map-canvas {width:100%; height: 350px; margin: 0; padding: 0; }

#backTop {display: inline-block;background: #19357b url(../images/icons/backTop.png) no-repeat center center;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;  opacity: 0;visibility: hidden;z-index: 1000;}
#backTop:hover {cursor: pointer;background-color: #ccc;}
#backTop:active {background-color: #555;}
#backTop.show {opacity: 1;visibility: visible;}

.spinner-overlay {display:none; position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(76, 79, 79, 0.5);justify-content: center;align-items: center;z-index: 2;}
.spinner {width: 50px;height: 50px;border-radius: 50%;background: conic-gradient(#2fd3ae 0deg 180deg, #e3bdbd 180deg 360deg);animation: rotate 1.5s linear infinite;mask: radial-gradient( farthest-side, transparent calc(100% - 7px), black calc(100% - 15px) );}


#site-credit{background-color:#000; color:#7a7a7a; text-align:center}
#site-credit a{text-decoration:none; display:inline-block; color:#7a7a7a; font-weight:500 }
#site-credit a:hover{color:#f7f7f7}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.simplegallery {margin: 0 auto;width:100%}
.simplegallery .content {background: #fff;position: relative;width: calc(85% - 10px); float:left; margin-left:10px }
.simplegallery .content img {width: 100%;}
.simplegallery .thumbnail { margin-top:50px; margin-bottom: 2px; position:relative; float:left; width:15%;}
.simplegallery .thumbnail li { display:block; margin: 5px 0 0 0;cursor: pointer; z-index:888 }
.simplegallery .thumbnail li img {border: 1px solid #9c9c9c;border-radius:5px; width:100% }
.simplegallery .thumbnail .last { margin: 0; }


@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1200px)
{

}
@media screen and (max-width: 1140px)
{

}
@media screen and (max-width: 1024px)
{
    
}
@media screen and (max-width: 920px)
{
    
}
@media screen and (max-width: 860px) 
{
}
@media screen and (max-width: 800px)
{
}
@media screen and (max-width: 768px)
{
    .navbar-brand{width:70%}
}
@media screen and (max-width: 640px)
{
}
@media screen and (max-width: 600px)
{
    
}
@media screen and (max-width: 480px)
{
    
}
@media screen and (max-width: 360px) {
}