@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
:root, [data-bs-theme=light] {
  --bs-blue: #0092C4;
  --bs-orange: #F58221;
  --bs-danger-bg-subtle: #fff5f6;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-primary: #0094c6;
}
body {
    margin: 0;
    padding: 0;
	font-family: "Sora", sans-serif;
	line-height: 1.5rem;
}
body, .form-control, .btn{
	font-size: 14px;
}
::-webkit-scrollbar {width: 7px; height: 0;}
::-webkit-scrollbar-track {margin: 0;}
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.0);
    border-radius: 0px;
    box-shadow: rgba(255,255,255,0.3) 0 0 0 1px;
}
:hover::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.45)}
::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,0.55)}

section.banner{
	background: rgb(240,233,233);
	background: linear-gradient(56deg, rgba(240,233,233,1) 0%, rgba(205,242,255,1) 100%);
}
button.btn.btn-primary, .page-item.active .page-link, .btn-outline-primary:hover{background-color: var(--bs-primary); border-color: var(--bs-primary);}
.nav-link, a, .page-link, .btn-link{color: var(--bs-primary);}
.btn-outline-primary{border-color: var(--bs-primary);}
.why-choose-us img.img-fluid {
    height: 48px;
}
.btn-warning {
    color: #ffffff;
    background-color: var(--bs-orange);
    border-color: var(--bs-orange);
}
p{color:#4a4a4a;}
.text-shadow-1 {
    text-shadow: 0 .5rem .55rem rgba(0, 0, 0, .85);
}
.card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
span.rating {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
section.our-happy-clients img.img-fluid {
    max-height: 80px;
}
.rating i.bi {
    color: var(--bs-orange) !important;
    font-size: .75rem;
    display: flex;
}
.gallery-info{
	-moz-box-shadow: inset 0px -90px 50px -40px #000000;
    -webkit-box-shadow: inset 0px -90px 50px -40px #000000;
    box-shadow: inset 0px -90px 50px -40px #000000;
	min-height: 300px;
	transition: all .25s;
}
.rounded-4 {
    border-radius: 1rem;
}
.card-cover:hover .gallery-info {
    transition: all .25s;
    padding-bottom: 1.5rem !important;
    cursor: pointer;
}
.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
}
.fw-semibold {
    font-weight: 500!important;
}
a.nav-link.text-dark.active {
    font-weight:700;
}

.navbar-nav a.nav-link:focus, .navbar-nav a.nav-link:hover, ul.sub-menu a.submenu-item:hover {
    color: var(--bs-orange) !important;
}
.navbar-nav a.nav-link.btn:focus, .navbar-nav a.nav-link.btn:hover {
    color: #fff !important;
}
.navbar-nav a.nav-link.active {
    color: var(--bs-orange) !important;
}
.nav .nav-link:focus, .nav .nav-link:hover, .nav .nav-link.active {
    color: #3A3A3A;
	font-weight: bolder;
    transition: all .25s;
}
main {
    position: relative;
    top: 60px;
}
.nav.nav-left {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
.no-list-type {
    list-style-type: none;
    padding: 0px;
}
.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important;
}
.dropdown-menu{min-width: max-content;font-size:14px;}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}
.navbar-nav .dropdown-menu > li {
    display: inline-flex;
}
ul.sub-menu {
    list-style-type: none;
    padding: .25rem 1rem;
    line-height: 28px;
}
ul.sub-menu a.submenu-item {
    color: #212529;
    text-decoration: none;
	align-items: center;
}
ul.dropdown-menu ul.sub-menu.fs-12 {
    font-size: 12px;
    line-height: 20px;
}
ul.dropdown-menu ul.sub-menu.fs-12 a.submenu-item {
    color: #3a3e43;
}
ul.sub-menu > li > a.submenu-item {
    font-weight: 500;
}
.navbar-nav .dropdown-menu > li .dropdown-item {
    font-weight: 600;
	min-width: 140px;
}
footer {
    background-color: #ece5e0;
    border-top: 4px solid #333;
}
footer p {
    font-size: .65rem;
}
.form-group.required .form-label:after {
  content:"*";
  color:red;
  margin-left: .25rem;
}
.move-to-top {
    position: fixed;
    bottom: 5rem;
    right: 1rem;
    z-index: 9;
}
.btn.btn-success.whatsappus-btn {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    background-color: #00d757;
	z-index:999;
}
.sticky-menu{
	position: sticky;
    top: 60px;
    background-color: #fff;
}
.roofing-sticky-menu {
    z-index: 9;
    position: sticky;
    top: 61px;
    padding: .5rem 0;
}
.pre-engineered-buildings .sticky-menu.right-section {
    top: 110px;
}
.nav-tabs{
	z-index:9;
}
.bg-light {
	background-color:#f3f5f7;
	border-color: #dee2e7 !important;
}
.rounded-3xl{border-radius:1.5rem;}
.bg-warning-light {
    background-color: #ffece3;
}
.view-all .card .card-body {
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    height: calc(100% - 34px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 2rem;
	transition: all .25s;
}
.view-all .card img {
    opacity: 0;
}
.view-all .card:hover .card-body {
	background-color: rgba(0, 0, 0, .15);
	border-color: #737373 !important;
	transition: all .25s;
	border-radius: 1rem !important;
}
img.img-fluid.banner-logo {
    position: absolute;
    right: 1rem;
    width: 150px;
    border-radius: 50%;
    bottom: -1rem;
    background-color: #fff;
    height: 150px;
    box-shadow: 2px 4px 12px #818181;
	z-index:9;
}
img.img-fluid.banner-logo.company {
	width: 250px;
	height: 250px;
}
img.img-fluid.banner-logo.make-in-india {
    right: 140px;
}
.bg-warning-subtle {
    background-color: #fff3cd;
}
.fs-12 {font-size: 12px;}
img.gallery-modal-img {
    height: calc(100vh - 122px);
	padding: 1rem;
}
.table-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.dataTables_length, div.dataTables_filter {
    width: 50%;
    display: inline-block;
}
.modal.gallery-modal .modal-dialog.modal-lg {
    max-width: calc(100% - 4rem);
}
.modal.gallery-modal .carousel-inner{
	max-height: calc(100vh - 120px);
	min-height: calc(100vh - 120px);
	height: calc(100vh - 120px);
}
.modal.gallery-modal .carousel-item{
	max-height: calc(100vh - 120px);
	min-height: calc(100vh - 120px);
	height: calc(100vh - 120px);
	position: relative;
	margin: 0 auto;
}
.modal.gallery-modal .carousel-item img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.modal.gallery-modal .carousel-caption {
    right: auto;
    bottom: 0;
    left: 50%;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0px auto;
    display: inline-block !important;
    transform: translate(-50%, -50%) !important;
}
.modal.gallery-modal .carousel-caption p {color: #c6c6c6; padding: 0 .5rem; background-color: rgba(0, 0, 0, .65);}
.modal.gallery-modal .carousel-control-next, .modal.gallery-modal .carousel-control-prev{width: 3rem;filter: invert(1);}
.about a.nav-link.text-dark.active {
    border-right: 2px solid var(--bs-orange);
}
.color-boxes {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    gap: 1rem;
	flex-flow: wrap;
}
.color-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.color-boxes span{font-size: .65rem;}
.gallery-item {
  cursor: pointer;
}

.gallery-item img {
  transition: transform 0.4s ease-in-out;
}

.gallery-item:hover img {
  transform: scale(1.08);
}

/* Title Always Visible */
.gallery-title {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
}

/* Description Box (Hidden Initially) */
.gallery-desc-box {
    position: absolute;
    bottom: -90px;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    transition: bottom 0.4s ease-in-out;
    padding: 0;
}
p.gallery-desc {
    padding: .5rem;
}
/* Show on Hover (Slide Up) */
.gallery-item:hover .gallery-desc-box {
  bottom: 0;
}
.category-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      text-decoration: none;
      display: block;
      color: inherit;
    }
    .category-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 18px rgba(0,0,0,0.15);
      text-decoration: none;
    }
    .category-card h6 {
      font-weight: 600;
      margin-bottom: 0.4rem;
    }
    .category-card p {
      font-size: 0.85rem;
      color: #6c757d;
      margin-bottom: 0;
    }
	#projectTable th.project-thumb, #projectTable td.project-thumb{
    min-width: 80px;
    max-width: 80px;
	}
	#projectTable th.project-name, #projectTable td.project-name {
    min-width: 140px;
    max-width: 140px;
	}
	#projectTable th.gallery-btn, #projectTable td.gallery-btn {
		min-width: 100px;
		max-width: 100px;
	}
	#projectTable th.duration, #projectTable td.duration {
		min-width: 70px;
		max-width: 70px;
	}
	#projectTable th.year, #projectTable td.year {
		min-width: 40px;
		max-width: 40px;
	}
	.cardview-products .position-relative img.card-img-top {
    height: 110px;
    object-fit: cover;
}
/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.container {
		width: 1240px;
	}
	.nav-item.dropdown:hover .dropdown-menu {
    display: block;
	top: 100%;
    left: 50%;
    margin-top: 0;
    transform: translate(-50%, 0);
}
.navbg-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 9;
}
nav.navbar.fixed-top:hover {background-color: rgba(255, 255, 255, 1) !important;}
nav.navbar:hover ~ .navbg-overlay {
	opacity: 1;
    visibility: visible;
}
}
@media only screen and (max-width: 767px)  {
	.pe-5 {padding-right: calc(var(--bs-gutter-x) * .5) !important;}
	.ps-5 {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
	.mt5-indevices {margin-top: 2rem;}
	.m0-indevices {margin: 0;}
	.p0-indevices {padding: 0;}
	.mb1-indevices{margin-bottom: 1rem;}
	.p1-indevices{padding: 1rem !important;}
	.pe1-indevices{padding-right: 1rem !important;}
	.pe0-indevices{padding-right:0px !important;}
	.about {flex-direction: column;}
	.about .nav.nav-left, .pre-engineered-buildings .nav.nav-tabs {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    flex-direction: row !important;
    overflow: scroll;
    height: 40px;
    flex-wrap: nowrap;
	}
	.about .nav.nav-left .nav-link {
		white-space: nowrap;
		padding: .5rem;
	}
	.pre-engineered-buildings .nav.nav-tabs .nav-item{
		white-space: nowrap;
	}
	.about .nav.nav-left.border-end {
    border-bottom: 1px solid #dee2e6!important;
    margin-bottom: .5rem; border-right: none !important;
	}
	.navbar ul.navbar-nav li.nav-item:last-child {padding: 0 1rem;margin-top:1rem;}
	.dropdown:hover .dropdown-menu {transform: none;}
	.navbar-nav .dropdown-menu > li {display: flex !important;}
	.py-5 {padding-top: 1rem!important; padding-bottom: 1rem!important;}
	.p-5 {padding: 1rem!important;}
	.py-3 {padding-top: 0rem!important;padding-bottom: 0rem!important;}
	.g-5, .gy-5 { --bs-gutter-y: 1rem;}
	.g-5, .gx-5 { --bs-gutter-x: 1rem;}
	.fs-6{font-size:14px !important; line-height: 1rem;}
	img.fluid-img-indevices{width: 100% !important;height: auto;}
	img.gallery-modal-img {height: auto;width: 100%;}
	.gallery-modal .modal-dialog{display: flex;align-items: center;min-height: calc(100% - 1rem);}
	.product-details .carousel-inner img.img-fluid {
    height: 150px;
    width: auto !important;
    max-width: initial;
}
.modal.gallery-modal .modal-dialog.modal-lg {
    max-width: 100%;
}
.product-details img.w-25 {
    width: 50%!important;
}
.gallery-info{min-height: 200px;}
.about a.nav-link.text-dark.active {
    border-bottom: 2px solid var(--bs-orange); border-right: none;
}
.roofing-sticky-menu{flex-flow: wrap;gap: 8px;}
}

 @media only screen and (min-width: 768px) {
	nav.navbar.fixed-top{
		backdrop-filter: blur(10px);
		background-color: rgba(255, 255, 255, .65) !important;
	}
	nav.navbar.fixed-top a.nav-link {
		text-shadow: 1px 1px 2px #fff;
	}
}