/*
.sub-pages-nav ul > li {
	width: 50%;
	float: right;
	position: relative;
	padding: 1rem;
}

.sub-pages-nav.with-icons ul > li {
	width: 32%;
}

.sub-pages-nav.with-icons a {

	display: block;
	color: #333;
	background: #fff;
	color: #0056b3;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.1rem;
	position: relative;
	box-shadow: 0 0 26px rgb(0 0 0 / 13%);
	border-radius: 15px;
	overflow: hidden;
	height: 200px;
}

.sub-pages-nav.with-icons a .icon {
	padding-bottom: 30.25%;
	display: block;
	position: relative;
	overflow: hidden;
}

.sub-pages-nav.with-icons a .icon img {

	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center;
	max-height: 125px;
}

.sub-pages-nav.with-icons a .icon + span {
	margin-top: 1.2rem;
	display: block;
}
*/


.sub-pages-nav a {
	display: block;
	color: inherit;
	border-radius: 0.75rem;
	background: #ffffff;
	padding: 0.75rem 1.25rem;
	font-size: 1.3em;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.sub-pages-nav.with-icons a {
	display: block;
	color: #333;
	background: #fff;
	color: #0056b3;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.1rem;
	position: relative;
	box-shadow: 0 0 26px rgb(0 0 0 / 13%);
	border-radius: 15px;
	overflow: hidden;
	border: none;
	height: auto;
	padding: inherit;
	padding: 0.75rem 1.25rem;
}

.sub-pages-nav.with-icons a:hover {
	transform: scale(1.05);
}

.sub-pages-nav.with-icons a .icon {
	padding-bottom: 47.25%;
	margin-bottom: 0.5rem;
	display: block;
	position: relative;
	overflow: hidden;
}

.sub-pages-nav.with-icons a .icon img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

.sub-pages-nav.with-icons a .icon img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	max-width: unset;
	max-height: unset;
}

.sub-pages-nav.with-icons a:hover {
	text-decoration: none;
}

.sub-pages-nav.with-icons a .info {
	min-height: 100px;
	display: block;
	padding: 1rem;
}

.sub-pages-nav.with-icons a .name {
	display: block;
	font-weight: bold;
	color: #34465f;
}

.sub-pages-nav.with-icons a .description {
	display: block;
	color: #777;
	margin: 10px 0;
}

.sub-pages-nav.with-icons a .read-more {
	display: block;
	text-align: center;
}

.sub-pages-nav.with-icons a .read-more > span {
	display: inline-block;
	background: var(--white);
	color: var(--blue);
	padding: 2px 10px;
	border-radius: 10px;
	font-weight: bold;
	font-weight: 0.9rem;
}

.sub-pages-nav.with-icons a .read-more > span em {
	background-color: var(--blue);
	color: var(--white);
	font-style: normal;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	display: inline-block;
}

/**/
.contact-man {
	display: block;
	color: inherit;
	border-bottom: 3px solid #d8d8d8;
	background: #f1f1f1;
	padding: 1rem;
}

.contact-man .contact-name {
	font-size: 1.5rem;
	font-weight: bold;
}

.sub-pages-nav.with-icons ul > li {
	width: 33.33%;
	/* float: right; */
	/* position: relative; */
	/* padding: 1rem; */
}

.sub-pages-nav.with-icons a span {
	min-height: 80px;
	display: block;
	padding: 1rem;
	font-weight: bold;
}

@media (max-width: 768px) {
	.sub-pages-nav.with-icons ul > li {
		width: 50%;
		padding: 0.5rem;
	}
}



.sideB {
	position: fixed;
	z-index: 77;
	left: -10px;
	top: 25%;
	border-radius: 15px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: rgb(255 255 255);
	width: 102px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-block-start: 18px;
	border: solid 3px #0b4067;
}

.sideB .wrap {
	max-width: 75px;
	padding-right: 0;
	margin-bottom: 0;
}

.sideB li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #0b4067;
	margin-bottom: 11px;
	padding: 10px;
	padding-top: 0;
}

.sideB a,
.sideB span {
	line-height: 1;
	font-size: 1rem;
	text-align: center;
	text-decoration: none;
	color: #0b4067;
}

.sideB .icon {
	box-shadow: 0 3px 5px rgb(0 0 0 / 35%);
	padding: 6px;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: fit-content;
	margin-inline: auto;
	margin-bottom: 1rem;
	transition: all 0.3s ease-in;
}

.sideB .icon img {
	width: 20px;
}



:root {
	--blue: #004672;
}

@media (min-width: 992px) {

	button:focus,
	button:active {
		outline: none;
		border: none;
	}

	.services-toggle-btn2 {
		/* position: fixed;
        top: 50%;
        left: 395px;
        margin-right: -50%;
        transform: translate(0, -50%);
        background-color: rgb(20 72 106 / 95%);
        background-position: right;
        border-radius: 15px;
        width: 102px;
        height: 168px;
        color: #fff;
        border: 0;
        font-size: 20px;
        line-height: 20px;
        padding: 0 15px 0 0;
        text-align: center;
        transition: .5s; */
	}


	.services-toggle-btn2.inner {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 400px;
		background-color: var(--blue);
		border-radius: 0;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		width: 50px;
		height: 60px;
		color: #fff;
		border: 0;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		/* z-index: 3; */
		font-size: 1.7rem;
	}

	/* .services-toggle-btn2.active {
		left: 396px;
	}
	 */


	.services-sidebar-side {
		position: fixed;
		top: 0;
		left: -403px;
		width: 400px;
		height: 100vh;
		background: rgb(255 255 255 / 80%);
		background: var(--blue);
		color: #fff;
		z-index: 999;
		overflow: auto;
		transition: .5s;
	}

	.services-sidebar-side > div {
		position: relative;
		height: 100%;
	}

	/* .services-sidebar-side:before {
		position: absolute;
		top: 0;
		right: 0;
		width: 12px;
		height: 100%;
		background: rgb(17 72 107);
		display: block;
		content: '';
	} */

	.services-sidebar-side > div:before {
		position: absolute;
		top: 0;
		right: 0;
		width: 3px;
		/* height: calc(50% - 81px); */
		height: inherit;
		background: #fff;
		display: block;
		content: '';
	}

	/* .services-sidebar-side > div:after {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 3px;
		height: calc(50% - 81px);
		background: #fff;
		display: block;
		content: '';
	} */


	.services-sidebar-side .categories2 {
		background: #EBEBEB;
		margin-right: 12px;
		padding: 20px;
		border-radius: 0 0 2rem 2rem;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		display: flex;
		justify-content: center;
	}

	.services-sidebar-side .icons .category-icons {
		justify-content: space-evenly;
	}

	.services-sidebar-side .categories2 input {
		position: fixed;
		top: -999px;
	}

	.services-sidebar-side .categories2 label {
		position: relative;
		background: rgba(0, 0, 0, 0.1);
		border: 1px solid rgba(255, 255, 255, 0);
		border-radius: 10px;
		padding: 12px;
		max-width: 86px;
		text-align: center;
		line-height: 1rem;
		margin: 0 10px;
		color: var(--blue);
	}

	.services-sidebar-side .categories2 label:hover {
		border: 1px solid rgba(255, 255, 255, 0.6);
	}


	/* BACGROUND BLUE FOR SELECTED */
	.services-sidebar-side .categories2 input:checked + label {
		font-weight: bold;
		border: 1px solid rgba(255, 255, 255, 1);
		position: relative;
		color: white;
		background-color: var(--blue);
	}

	.services-sidebar-side .categories2 input:checked + label:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-top-color: var(--blue);
		border-width: 15px;
		margin-left: -15px;
	}


	.services-sidebar-side .categories2 input:checked + label {
		font-weight: bold;
		border: 1px solid rgba(255, 255, 255, 1);
		position: relative;
	}

	.services-sidebar-side .icons {
		padding: 30px 15px;
		max-height: calc(100vh - 98px);
		overflow: auto;
		background-color: var(--blue);
	}

	.services-sidebar-side {
		display: none;
	}

	.services-sidebar-side.active {
		left: 0;
		z-index: 999;
		overflow: visible;
		display: block;
	}

	.services-sidebar-side .category-icons > div {
		float: right;
		width: 147.5px;
	}

	.services-sidebar-side a {
		display: block;
		background: rgba(255, 255, 255, 1);
		border-radius: 1rem;
		padding: 10px;
		text-align: center;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
		color: #002841;
		font-weight: 500px;
		margin: 15px;
	}

	.services-sidebar-side a:hover,
	.services-sidebar-side a:focus {
		background: rgba(255, 255, 255, 1);
		transform: scale(1.05);
	}

	.services-sidebar-side a .icon {
		height: 50px;
	}

	.services-sidebar-side a img {
		height: 45px;
	}

	.services-sidebar-side a figcaption {
		line-height: 1rem;
		height: 32px;
	}

	/* scroll bar */
	.services-sidebar-side ::-webkit-scrollbar {
		width: 5px;
		border-radius: 5px;
	}

	/* Track */
	.services-sidebar-side ::-webkit-scrollbar-track {
		background: rgba(255, 255, 255, 0.2);
	}

	/* Handle */
	.services-sidebar-side ::-webkit-scrollbar-thumb {
		background: rgba(255, 255, 255, 0.5);
	}

	/* Handle on hover */
	.services-sidebar-side ::-webkit-scrollbar-thumb:hover {
		background: rgba(255, 255, 255, 0.8);
	}
}


.services-sidebar-side .categories2 input {
	position: fixed;
	top: -999px;
}

.services-sidebar-side .categories2 label {
	border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 10px;
	text-align: center;
	line-height: 1rem;
	padding: 5px;
	max-width: 86px;
	margin: 0 10px;
	padding: 12px;
}

.services-sidebar-side .categories2 label:hover {
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.services-sidebar-side .categories2 input:checked + label {
	font-weight: bold;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.category-icons {
	display: flex;
	flex-wrap: wrap;
}

.category-icons > div {
	width: 100%;
	max-width: 42.5%;
	margin: 1% 3%;
}

.services-sidebar-side a {
	display: block;
	background: rgba(255, 255, 255, 1);
	border-radius: 1rem;
	padding: 10px;
	text-align: center;
	box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	color: #000;
	font-weight: 500px;
	width: inherit;
	float: right;
	margin: 5px;

}

.services-sidebar-side a .icon {
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.services-sidebar-side a img {
	height: 49px;
}

.services-sidebar-side a figcaption {
	line-height: 1rem;
	height: 32px;
}

.services-sidebar-side:after {
	clear: both;
	display: block;
	content: '';
}



.services-sidebar-side ::-webkit-scrollbar {
	width: 5px;
	border-radius: 5px;
}

/* Track */
.services-sidebar-side ::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.2);
}

/* Handle */
.services-sidebar-side ::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.5);
}

/* Handle on hover */
.services-sidebar-side ::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.8);
}

.sub-services {
	display: none;

	position: absolute;
	top: 0;
	left: 0;

	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	backdrop-filter: blur(3px);
}

.services-sidebar-holder .sub-services > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);

	background: #004672;
	color: #fff;
	width: 100%;
	max-width: 400px;
	max-width: 900px;
	border-radius: 1rem;
	padding: 0;
	border: 2px solid #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 50%);
	z-index: 999;
}

.services-sidebar-holder .sub-services .title {
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.sub-services h3 {
	padding: 1rem;
	font-size: 1.2rem;
}

.sub-services .close {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #fff;
	opacity: 1;
}

.sub-services a {
	display: block;
	background: rgba(255, 255, 255, 0.9);
	color: #004672;
	padding: 8px;
	border-radius: 2rem;
	margin: 0;
	margin-top: 15px;
	width: 100%;

}

.sub-serviceshp a {
	color: #0058a9;
	font-size: 1.4rem;
	display: block;
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 0.75rem;
	margin-top: 0;
}

.sub-services a:hover {
	transform: none;
	background: rgba(255, 255, 255, 1);
}

.sub-services .listhp {
	max-height: 500px;
	overflow: auto;
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
	column-count: 2;
}


.services-sidebar-holder {
	position: relative;
}

.mob,
.mobile {
	display: none;
}

ul.mobile-soc {
	display: flex;
	justify-content: space-evenly;
	padding: 1rem 0;
}

ul.mobile-soc a {
	margin-right: 0;
}


@media (max-width: 991px) {



	.services-sidebar-side {
		display: none;
		background: rgb(12 70 112 / 90%);
		color: #fff;
		right: 5%;
		bottom: 70px;
		backdrop-filter: blur(5px);
	}

	.header-social {
		display: none;
	}

	.sideB {
		width: 80px;
		height: 260px;
		display: none;
	}

	.sideB .icon {
		padding: 2px 4px 4px;
	}

	.sideB a,
	.sideB span {
		font-size: 0.85rem;
	}

	.services-sidebar-side {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
	}

	.mob {
		background: var(--blue);
		display: block;
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: 999;
		display: flex;
		justify-content: center;
		align-items: center;
		bottom: 0;
		height: 55px;
	}

	.mob a {
		border-right: 1px solid #ffffff57;
		color: var(--white);
		flex: 1;
		height: inherit;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0;
		padding: 0.375rem 0.15rem;
	}

	.mob a:hover {
		color: var(--white);
		text-decoration: underline;
	}

	.services-sidebar-side .categories2 label {
		background: var(--blue);
		padding: 12px;
		max-width: 86px;
		text-align: center;
		line-height: 1rem;
		margin: 0 10px;
	}

	.sub-services {
		position: fixed;
	}

	.sub-services .list {
		max-height: 390px;
	}

	button:focus,
	button:active {
		border: none;
		outline: none;
	}

	.services-toggle-btn2.inner {
		width: inherit;
		position: relative;
		display: flex;
		color: var(--white);
		background: #064671;
		padding: 15px;
		font-size: 22px;
		font-weight: 500;
		height: 70px;
	}

	.services-toggle-btn2.inner > span {
		position: absolute;
		inset: 0;
		margin: auto;
		padding: 1rem;
	}

	.services-toggle-btn2.inner > .fa-times {
		content: '\f00d';
		font-family: 'FontAwesome';
		position: absolute;
		top: 12px;
		right: 15px;
	}

	.services-toggle-btn2 {
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		border: 0;
		height: inherit;
		color: #fff;
		flex: 1;
		font-size: 18px;
		font-weight: 500;
		border-left: solid 1px #ffffff40;
		border-right: solid 1px #ffffff40;
	}

	.services-toggle-btn2.active {
		background: var(--blue);
		padding: 15px;

	}

	.services-sidebar-side {
		display: none;

		background: rgb(12 70 112 / 90%);
		color: #fff;
		right: 0;
		bottom: 50px;
		backdrop-filter: blur(5px);
	}

	.services-sidebar-side.active {
		display: block;
		z-index: 999;
		height: calc(100% - 50px);
		bottom: 50px;
	}

	.services-sidebar-side .icons {
		padding: 10px 20px;
		max-height: 70vh;
		overflow: auto;
		background-color: var(--blue);
	}

	.services-sidebar-side .categories2 {
		border-top: 2px solid var(--blue);
		background: #EBEBEB;
		padding: 10px;
		text-align: center;
	}

	.sub-services {
		top: 68px;
		height: calc(100% - 68px);
	}

	i.fa.fa-solid.fa-chevron-up {
		font-size: 0.9rem;
	}

}