.roboto {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.noto-serif{  font-family: "Noto Serif", serif;  font-optical-sizing: auto;
  font-weight: normal;  font-style: normal;  }

*{font-family:"Roboto", sans-serif; font-weight: 400;}

/*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: fixed;top: 0; left:0; z-index: 1050; width:100%; }
.navbar-brand img {max-height: 80px;}
.navbar-nav .nav-link {font-weight: 500;color: #2E3192 !important;transition: color 0.3s ease;}
.navbar-nav .active{font-weight: bold; color:#ED1C24 !important  }
.navbar-nav .nav-link:hover {color: #19357b !important; /* Bootstrap primary color */}
.nav-item.dropdown:hover .dropdown-menu {display: block;margin-top: 0; /* Align properly */}

.custom-toggler {border: none;outline: none;padding: 0.5rem;  }

.themeClrPrimary{color:#2E3192}
.themeClrSecondary{color:#ed1c24}

.themeBgPrimary{background:#2E3192}

#bannerBg {background:url(../images/banner.jpg) no-repeat center center; background-size:cover}

.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);}

#containerBox{transition: all 0.3s ease;}
#headerBox {transition: all 0.3s ease;}
/* When scrolled */
#mainHeader.scrolled #headerBox {border-radius: 0 !important;width: 100%;max-width: 100%;margin: 0;}
.header-container {max-width: 1320px; /* same as .container-lg */margin: 0 auto;transition: all 0.4s ease; /* smooth transition */}
#mainHeader.scrolled .header-container {max-width: 100%; /* expand smoothly */border-radius: 0 !important;}

.siteH3 {font-size: 1em;font-weight: 600;color: #ed1c24;margin-bottom: 0.5em;}

.abstract-bg{background:url(../images/abstract-bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed}

.product-category {display: inline-block; position:absolute; top:10px; left:0; background: #0d0f65;color: #fff;padding: 5px 8px;font-size: 0.8em;font-weight: 400;border-radius: 0px 10px 10px 0px;}

.btn-grad {border: 1px solid #19357b;color: #19357b;background-color: transparent;}
.btn-grad {padding:0.5rem 1rem; text-align: center;text-transform: uppercase;transition: 0.5s;background-size: 200% auto;border-radius: 10px;}
.btn-grad:hover {background-image: linear-gradient(to right, #2E3192 0%, #000  51%, #2E3192 100%);background-position: right center; /* change the direction of the change here */color: #fff;text-decoration: none;}


.industry-box {height: 250px; transition: transform .25s ease;}
.industry-box .img-cover {height: 100%;object-fit: cover;display: block;}
/* white semi-transparent overlay */
.industry-box .overlay {position: absolute;inset: 0; /* top:0; right:0; bottom:0; left:0; */background: rgba(255,255,255,0.7); /* white overlay, adjust alpha */transition: background .25s ease, transform .25s ease;}
.industry-box .overlay-text {font-size: 1.05rem;text-align: center;padding: 0 .5rem;line-height: 1.1; padding:5px 0 }
.industry-box:hover {transform: translateY(-6px);}
.industry-box:hover .overlay {background: rgba(255,255,255,0.3);}


#excellenceBg{background:url(../images/excellence-bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed}

#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}

.footer-section {background: #2E3192;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;}*/

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

.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; }

#whatsapp{display:block; background:url('../images/icons/whatsapp.png') no-repeat center center; height:64px; width:64px; position:fixed; right:-64px; bottom:90px; border-radius: 5px 0px 0px 5px; z-index:999 }
#map-canvas {width:100%; height: 350px; margin: 0; padding: 0; }

#backTop {display: inline-block;background: #2E3192 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) );}

.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: 10px;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%);
    }
}

@media screen and (max-width: 992px) {
    #headerBox{border-radius:0 !important}
}