:root {
    --site-blue: #0a2544;
    --primary: #15447B;
    --primary-light: #1a5596;

    --foreground: #ffffff;

    --color-red-600: #e7000b;
    --color-orange-500: #FC510B;
    --color-blue-500: #2b7fff;
    --color-blue-600: #155dfb;
    --color-purple-500: #ad46ff;
    --color-pink-600: #e60076;
    --color-gray-100: #f3f4f6;
    --color-neutral-200: #e5e5e5;
    --color-neutral-300: #d4d4d4;
    --color-neutral-400: #a1a1a1;
    --color-neutral-500: #737373;
    --color-neutral-900: #171717;
    --color-black: #000;
    --color-white: #fff;
    --hash: #2A3F54;
}
html{
	font-size: inherit !important;
	scroll-behavior: smooth;
}
body {
    font-family: inherit !important;
}
.reviewSwiper .swiper-pagination-bullet{
    background-color: white;
    opacity: 0.3;
}
.reviewSwiper .swiper-pagination-bullet:hover{
    opacity: 0.6;
}
.reviewSwiper .swiper-pagination-bullet-active{
    width: 32px;
    border-radius: 25px;
    background: var(--color-orange-500);
    opacity: 1;
}
.reviewSwiper .swiper-pagination-bullet-active:hover{
    opacity: 1;
}
.stickyHeader{
    background: #000;
}
.projectSwiper .swiper-button-prev svg,
.projectSwiper .swiper-button-next svg{
    display: none;
}
.project-pagination .swiper-pagination-bullet{
    width: 44px;
    height: 44px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(21, 69, 123, 0.5);
    opacity: 1;
    margin: 0px !important;
}
.project-pagination .swiper-pagination-bullet-active{
    background: var(--color-orange-500);
}

/*Project Gallery popup slider*******************************************/


/* Popup */
.accu-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(10 37 68 / 94%);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.accu-popup-img {
	max-width: 80%;
	max-height: 80%;
	animation: slideIn 0.4s ease;
}

@keyframes slideIn {
	from {
		transform: translateX(100px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.accu-popup-close {
	position: absolute;
	top: 20px;
	right: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}

.popup-nav {
	position: absolute;
	top: 50%;
	font-size: 50px;
	color: #fff;
	cursor: pointer;
	padding: 10px;
	user-select: none;
}

.popup-prev {
	left: 30px;
}

.popup-next {
	right: 30px;
}
/*Project Gallery popup slider*******************************************/

main h1, main h2, main h3, main h4, main h5, main h6{
	color: var(--color-white);
}


/*DCX Admin Console Styles*/
.DVDragPortletHeader,
.DVDragPortletFooter{
	background: #666;
	position: relative;
	z-index:999;
}
.DCXPortletHeader{
	padding: 15px;
}
.DCXPlaceHolder,
.DCXPortletHeader{
	background: #fff;
	position: relative;
	z-index:999;	
}
.DCXPortletHeaderTitle{
	display: flex;
	gap: 10px;
}
.DCXPlaceHolder a,
.DCXPortletHeader input[type="submit"]{
	display: inline-block;
	background: #64a0e7;
    color: #fff;
    padding: 3px 15px;
    border-radius: 5px;
	margin-bottom: 5px;
}
.DCXPortletHeader select,
.DCXApplicaitonForm select{
	background: #fff;
	border: solid 1px #ddd;
	padding: 3px 8px;
	border-radius: 5px;
	margin-bottom: 5px;
	color: #000;
}
.DCXForm h1{
	font-size: 20px;
}
.DCXFieldsRow{
	display: flex;
	align-items: center;
	gap: 15px;
}
.DCXField{
	height: 100%;
}
.DCXApplicaitonForm{
	padding: 30px;
    border: solid 1px #b7b1b1;
    border-radius: 10px;
    background: #f1f1f1;
}
.DCXFieldControl input,
.DCXFieldControl select{
	border: solid 1px #afafaf;
    height: 35px;
    border-radius: 6px;
}
.AppListContainer{
	background: #fff;
    position: relative;
    z-index: 99;
}



/**/
/* Base Table */
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: #fff;
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px transparent;
}

/* Table Borders */
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

/* Striped Rows */
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Hover Effect */
.table-hover > tbody > tr:hover > * {
  background-color: rgba(0, 0, 0, 0.075);
}

/* Active Row */
.table-active {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Table Sizes */
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

/* Contextual Classes */
.table-primary {
  background-color: #cfe2ff;
}

.table-secondary {
  background-color: #e2e3e5;
}

.table-success {
  background-color: #d1e7dd;
}

.table-danger {
  background-color: #f8d7da;
}

.table-warning {
  background-color: #fff3cd;
}

.table-info {
  background-color: #cff4fc;
}

.table-light {
  background-color: #f8f9fa;
}

.table-dark {
  background-color: #212529;
  color: #fff;
}

/* Caption */
.table caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

/* Pagination Container */
.pagination {
  display: inline-flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.375rem;
}

/* Page Item */
.page-item {
  margin: 0;
}

/* Page Link */
.page-link {
  position: relative;
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, 
              background-color 0.15s ease-in-out, 
              border-color 0.15s ease-in-out, 
              box-shadow 0.15s ease-in-out;
}

/* Remove double borders */
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

/* Border Radius */
.page-item:first-child .page-link {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

/* Hover */
.page-link:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

/* Focus */
.page-link:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

/* Active */
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* Disabled */
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

/* Sizes */
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}