@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');

.search-layer {
	background-color: rgba(0, 0, 0, 0.9);
	padding: 60px 0;
	top: 14px !important;
	width: 100vw;
	border-radius: 0 !important;
}

	.search-layer input[type="text"]:hover, .search-layer input[type="text"]:focus, .search-layer .btn, .search-layer .btn:hover, .search-layer .btn:focus {
		outline: none;
		border: 0px;
	}

html {
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

	html::-webkit-scrollbar {
		width: 0 !important;
		display: none;
	}

body {
	font-family: "Rubik", sans-serif;
	color: #637381;
	background-color: #F4F7FC !important;
}

header {
	background: rgba(0,82, 73, .16);
	position: relative;
}

a {
	text-decoration: none;
	color: #00a652;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

	a:hover {
		text-decoration: none;
		color: #647382
	}

.pig-text {
	color: #00a652;
	font-size: 32px;
	font-weight: 600;
}

.wd-70 {
	width: 70px;
}

.wd-100 {
	width: 100px;
}

.font-14 {
	font-size: 14px;
}

.header-row {
	height: 56px;
}

.dark-txt {
	color: #222B37;
}

.btn-danger {
	background-color: #ff5630;
	color: #FFFFFF;
	border-radius: 7px;
	padding: 6px 38px;
	border: 0px;
}

.primary-btn {
	background-color: #00a652;
	color: #FFFFFF;
	border-radius: 7px;
	padding: 6px 38px;
	border: none;
}

.secondary-btn {
	background-color: #00B8D9;
	color: #FFFFFF;
	border-radius: 7px;
	padding: 6px 38px;
}

	.secondary-btn:hover {
		background-color: #0095B0;
		color: #FFFFFF;
	}

.primary-btn-outline {
	background-color: #fff;
	color: #00a652;
	border: 1px solid #00a652;
	border-radius: 7px;
	padding: 6px 38px;
}

.primary-btn:hover {
	background-color: #1a456d;
	color: #FFFFFF;
}

.primary-btn-outline:hover {
	background-color: #DEF5E1;
	color: #00a652;
	border: 1px solid #00a652;
}

section.project-sec svg path {
	fill: #b8b8b8 !important;
}

/*section.project-sec.prjts .col-auto.d-inline-flex.align-items-center.mb-2:first-child svg path {
	fill: none !important;
	stroke: #00a652;
}*/

.btn-danger:hover {
	background-color: #b71d18;
	color: #FFFFFF;
}

.table td {
	color: #637381
}

.nav-link {
	font-weight: 600;
	color: #637381;
}

	.nav-link:hover {
		color: #00a652;
	}

.nav-tabs {
	border-bottom: 1px solid #eee !important;
	overflow: hidden
}

	.nav-tabs .nav-link, .nav-tabs {
		border: 0px solid transparent;
	}

		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
			color: #222B37;
			border-bottom: 2px solid #00a652 !important;
			margin-bottom: 0px;
		}

.account-wrapper {
	position: relative;
	z-index: 700;
	min-height: calc(100vh - 56px);
}

.full-height-container {
	z-index: 555;
	position: relative;
}

	.full-height-container > .row {
		min-height: calc(100vh - 56px);
	}

header::before {
	width: 100%;
	height: 245px;
	position: absolute;
	top: -56px;
	left: 0;
	background: #00a652;
	content: " ";
	z-index: -1;
}

.white-logo {
	max-width: 115px;
	height: auto;
}

@media (min-width: 992px) {
	.header-row {
		height: 67px;
	}

	.account-wrapper::before {
		top: -67px;
	}

	.white-logo {
		max-width: 115px;
		height: auto;
	}

	.account-wrapper {
		min-height: calc(100vh - 67px);
	}

	.full-height-container > .row {
		min-height: calc(100vh - 67px);
	}
}


@media screen and (min-width: 767px) {

	 
	nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 {
		width: 100%;
		text-align: start;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		text-align: left !important;
	}
 
}


.account-wrapper .project-box.p-5 .col-md-6.ms-auto form {
    background: #fff;
    padding: 4%;
    border-radius: 10px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
}

.account-wrapper .project-box.p-5 .col-md-6.ms-auto form button.btn.primary-btn {width: 42%;margin: auto;display: block;background: #00a652 !important;color: #fff !important;padding: 3%;}
.side-menu-body {
	
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	margin-top: 15px;
	height: calc(100% - 15px);
	padding: 0 12px 12px 12px;
	z-index: 70;
	 
}

.col-md-4.col-lg-3.side-menu .side-menu-body {
 box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
 background-color: #fff;
}

.side-menu-user-block {
	padding: 30px 0;
}

.side-menu-user-img {
	border-radius: 100%;
	border: 2px solid #647382;
	margin-bottom: 12px;
}

.side-menu-username {
	color: #222B37;
	font-size: 24px;
	font-weight: 700;
	margin: 0px;
}

.side-menu-usertitle {
	font-size: 14px;
	margin: -5px 0 0 0;
}

.side-menu-nav a {
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	margin-bottom: 8px;
	text-decoration: none;
	color: #637381;
	font-size: 16px;
}

.side-menu-nav span {
	padding-left: 12px;
}

.side-menu-nav a svg path {
	fill: #647382
}
.row.facts-row {
    display: flex
;
    justify-content: center;
}
a.price-hide.mobile {
	display: none !important;
	text-align: center;
	color: #000;
}
@media (max-width: 767.98px) {
	.video-content {
		position: absolute;
		padding-top: 3% !important;
		padding-bottom: 5% !important;
		width: 100%;
		text-align: center;
		height: auto !important;
		background: #00000073;
		color: #fff;
	}
	.video-content p {
		font-size: 9px;
		width: 90%;
		margin: auto;
		line-height: 1.7;
	}
	.video-content h1 {
		color: #fff;
		margin-bottom: 3%;
		font-size: 26px;
	}
	.video-content button#myBtn {
		width: 60%;
		font-size: 13px;
		padding: 5px;
	}
	.card.Clearances button#myBtn {
		width: 100%;
	}
	.card.Clearances {
		padding: 4%!important;
		border: none;
		border-radius: 10px;
		margin-bottom: 0% !important;
		z-index: 0 !important;
		width: 93%!important;
		margin: auto;
		margin-top: 0;
	}
	div#sticky-div {
		display: flex;
		flex-direction: column;
	}
	a.price-hide.mobile {
		display: block!important;
		text-align: center;
		color: #000;
	}
	#myBtn {
		width: 50%;
	}
	content.video {
		background-size: cover;
		min-height: 350px !important;
		max-height: 350px !important;
		padding-top: 1% !important;
	}
	.dropdown.me-3.me-sm-4.notify {
		display: none;
	}
	nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		align-items: flex-start !important;
		margin: 0 !important;
	}
	.dropdown.me-3.me-sm-4.notify {
		display: none;
	}

	nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 {
		width: 100%;
		text-align: start;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		text-align: left !important;
	}

		nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 a#dropdownLangLink {
			display: flex;
			border: navajowhite;
		}

		nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 a.dropdown-toggle.dropdownLang.account-bar.d-flex.align-items-center {
			text-align: start !important;
			color: #000;
		}
	.contact-menu-body {
		background: #262626;
		color: #fff;
		width: 83%!important;
		padding: 2%;
		height: 100%;
	}
	.fact-box.d-flex.nws {
		transition: transform 0.3s ease;
		width: 100% !important;
	}
	#navbar {
		display: block;
		color: #333;
		text-align: center;
		padding: 0px 16px !important;
		text-decoration: none;
		font-size: 17px;
		z-index: 99;
		overflow: visible;
	}
	.bg-img-wrap {
		min-height: 240px !important;
		width: 100%;
		position: relative;
		background-image: unset;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin-top: 17% !important;
	}
	.header-row .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 {
		display: none !important;
	}
	.side-menu-body.Sidenav-open {
        z-index: 9999;
        background: #fff;
    }
	div#Sidenav {
		z-index: 99999;
	}
	.header-row img.d-md-none.me-3 {
		filter: invert(1);
	}
	ul.Registeration li.sinup-step span {
		color: #fff;
		font-size: 16px;
		display: flex !important;
		align-items: center;
	}
	.side-menu-body {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-top: 12px solid #647382;
		margin-top: 0;
		height: 100%;
		overflow-x: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 0px;
		padding: 0;
		transition: 0.5s;
	}

		.side-menu-body.Sidenav-open {
			padding: 0 12px 12px 12px;
			box-shadow: 287px 0px 5px 200px rgba(0, 0,0, 0.7);
			width: 313px;
		}

	.side-menu-user-block {
		background-color: #F2F3F5;
		border-radius: 8px;
		padding: 12px;
		margin-bottom: 20px;
	}

	.side-menu-user-img {
		margin-bottom: 0px;
		width: 65px;
		height: 65px;
		margin-right: 10px;
	}

	.close-menu-btn {
		position: absolute;
		right: 15px;
		top: 4px;
		font-size: 24px;
		text-decoration: none;
		color: #647382;
	}

	.side-menu-username {
		font-size: 20px;
	}

	.side-menu-nav a {
		padding: 10px;
		border-radius: 8px;
		margin-bottom: 5px;
		font-size: 16px;
	}

	.side-menu-nav span {
		padding-left: 10px;
	}

	.side-menu-nav a svg path {
		width: 18.7px;
		height: auto;
	}
}






.side-menu-nav a:hover {
	background-color: #00a652;
	color: #fff;
}

.side-menu-nav a.active, side-menu-nav a.active:hover {
	background-color: #00a652;
	color: #fff;
}

	.side-menu-nav a.active svg path {
		fill: #fff;
	}

.side-menu-nav a:hover svg path {
	fill: #fff;
}

table.table.align-middle.table td svg g path {
	fill: none;
	stroke: rgb(24 93 142) !important;
}

.site-nave a {
	text-decoration: none;
	font-size: 16px;
	color: #333;
	padding: 0 24px 0 0;
}

.side-menu-separator {
	border-top: 1px dashed #000;
	background-color: transparent;
}

@media (min-width: 992px) {
	.site-nave a {
		font-size: 18px;
		padding: 0 20px 0 0;
	}
}

.dropdownLang::after {
	display: none
}

.lang-dropdown .dropdown-menu::before {
	content: "";
	z-index: 1;
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	border-radius: 0px 0px 3px;
	top: -6px;
	border-bottom: 1px solid rgba(145, 158, 171, 0.12);
	border-right: 1px solid rgba(145, 158, 171, 0.12);
	right: 20px;
	transform: rotate(-135deg);
	background: rgb(255, 255, 255);
}

.lang-dropdown .dropdown-menu {
	left: auto !important;
	right: -10px !important;
	top: 7px !important;
	padding: 8px;
	border-radius: 12px;
	border: 0;
	box-shadow: rgb(145 158 171 / 20%) 0px 0px 2px 0px, rgb(145 158 171 / 12%) 0px 12px 24px -4px;
}

	.lang-dropdown .dropdown-menu .dropdown-item {
		padding: 6px 8px;
		border-radius: 8px;
		color: #637381
	}

	.lang-dropdown .dropdown-menu li + li {
		margin-top: 6px;
	}

	.lang-dropdown .dropdown-menu .dropdown-item.active {
		background-color: #F2F3F5;
		color: #637381;
	}

.dropdown-item:active {
	background-color: #e0f5e0;
}
.row.header-row .col.col-lg-10.d-flex.align-items-center nav.site-nave.d-none.d-md-flex a {
    font-size: 17px;
}
.account-bar {
	padding: 10px 24px;
    background-color: transparent;
     color: #000;
    text-decoration: none;
    font-size: 14px;
 
}
.header-links.ms-auto.d-flex.align-items-center a#dropdownAccounLink:hover {
	background-color: #00a652 !important;
	color: #fff;
}

.header-links.ms-auto.d-flex.align-items-center a.dropdown-item {
    font-size: 14px;padding: 9px 24px;
}
	.account-bar:hover {
		color: #647382;
	}
	.dropdown.lang-dropdown.me-4 {
		margin-right: 0.5rem !important;
	}
.account-content-head {
	padding: 14px 0 14px 0
}

	.account-content-head h1 {
		color: #333;
		font-size: 36px;
		font-weight: 600;
		margin: 0
	}

.account-content {
	background-color: #fff;
	padding: 25px;
	border-radius: 18px 18px 0 0;
	height: auto;
	box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5);
}
/*.project-box {
    border-radius: 8px;
    
    padding: 12px;
        box-shadow: rgb(145 158 171 / 20%) 0px 0px 2px 0px, rgb(145 158 171 / 12%) 0px 12px 24px -4px;
    margin-bottom: 24PX;
	background-color: #fff;
}*/
.project-box h2 {
	color: #1a456d;
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
}

.project-info {
	background-color: #EFF8F1;
	padding: 5px;
	border-radius: 3px;
	font-size: 14px;
	margin-bottom: 8PX;
}

	.project-info th {
		color: #222B37
	}

.page-item.active .page-link {
	color: #fff;
	background-color: #00a652;
	border-color: #00a652;
}

.page-link {
	font-size: 14px;
	color: #637381;
}

	.page-link:hover {
		color: #00a652;
	}

.account-hed-info {
	font-size: 18px;
	color: #333;
	padding: 5px 0 0 0;
	margin-top: -8px;
}

.licens-img {
	border: 1px solid #CED4DA;
	border-radius: 4px;
	margin-right: 10px;
	cursor: pointer;
}

@media (min-width: 576px) {
	.service-2col {
		column-count: 2;
	}
}

.box-title {
	font-size: 20px;
	color: #00a652;
	font-weight: 600;
}

	.box-title.underline {
		/*border-bottom: 1px solid #00a652;
    padding-bottom: 8px;*/
	}

dl.prject-info-list {
	font-size: 14px;
}

	dl.prject-info-list dt {
		color: #222B37;
		background-color: #EFF8F1;
		padding: 2px;
	}

	dl.prject-info-list dd {
		padding-left: 20px;
	}

.details-icon-bt, .delete-icon-bt {
	text-decoration: none
}

	.details-icon-bt:hover path {
		fill: #00a652;
	}

	.delete-icon-bt:hover path {
		fill: #BA291C;
	}

.login-wrapper {
	min-height: 100vh;
	background-image: url("images/f-login-bg.jpg");
	background-attachment: fixed;
	background-size: cover;
	background: #00a652;
}

.login-logo {
	margin: 24px 24px 24px 12px;
}

.login-container {
	background-color: #fff;
	padding: 24px;
	border-radius: 12px;
	margin: 0 12px 24px 12px;
}

.login-block {
	font-size: 18px;
}

	.login-block h3 {
		font-size: 28px;
		font-weight: 700;
		color: #222B37;
		margin-bottom: 30px;
	}

.sinup-head {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #C1C7CD;
	margin-top: -12px;
}

	.sinup-head h3 {
		font-size: 24px;
		margin-bottom: 0px;
		color: #222B37;
		font-weight: 700;
		margin-right: 12px;
	}

	.sinup-head nav {
		background-color: #E5E5E5;
		border-radius: 5px;
		overflow: hidden;
	}

		.sinup-head nav a {
			color: #637381;
			font-size: 18px;
			padding: 7px;
			display: inline-block;
			min-width: 180px;
			text-align: center
		}

			.sinup-head nav a.active {
				color: #fff;
				background-color: #00a652
			}

.sinup-steps .col-2 {
	width: 16% !important;
}

.sinup-step {
	border: 1px solid #E5E5E5;
	border-radius: 9px;
	padding: 7px;
	font-size: 24px;
	font-weight: 700;
	position: relative;
	height: 100%;
}

	.sinup-step.active {
		background-color: #00a652;
		border: 0px;
		color: #fff;
	}

	.sinup-step span {
		display: block;
		font-size: 14px;
		font-weight: 400;
	}

.col-2 + .col-2 .sinup-step::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: -17px;
	display: block;
	width: 10px;
	height: 17px;
	background-image: url(images/r-arrow.png);
}

.step-title-mob {
	padding-top: 7px;
	font-size: 18px;
	color: #00a652
}

	.step-title-mob span {
		display: none;
		font-size: 600
	}

		.step-title-mob span.active {
			display: block
		}

.form-subtitle {
	color: #00a652;
	font-size: 18px;
	font-weight: 700;
}

.box-subtitle {
	color: #00a652 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}

.form-check.form-control {
	padding-left: 33px;
}

.green-box {
	background-color: #c8facd;
	color: #00a652;
}

.blu-box {
	color: #003768;
	background-color: #cafdf5;
}

.yello-box {
	color: #7a4100;
	background-color: #fff5cc;
}

.box-ms-title {
	font-size: 14px;
}

.box-big-txt {
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 0;
	word-break: break-word;
}

.progress-block {
	background-color: #EFF8F1;
	padding: 12px;
	margin-bottom: 16px;
	border-radius: 9px;
}

.m--12 {
	margin-right: -12px;
	margin-left: -12px;
}

.progress {
	height: 6px;
	background-color: #1d5f9b4a;
}

.progress-bar {
	background-color: #00a652;
	border-radius: 20px
}

.progress-title {
	font-size: 14px;
}

.progress-title {
	font-size: 14px;
	font-weight: 600;
}

.projectbox-investor {
	background-color: #FEF4C9;
	border-radius: 9px;
	padding: 11px;
	color: #763F00;
	margin-bottom: 24px;
}

.projectboc-days {
	background-color: #CFFEF5;
	border-radius: 9px;
	padding: 11px;
	color: #0A396A;
	margin-bottom: 24px;
}
/*.expext-block{
	background-color: #DEF5E1;
	border-radius: 9px;
	padding: 11px;
	color:#0A396A ;
	margin-bottom: 24px;
	height: calc(100% - 24px);
}
*/
.project-box .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center {
	border-left: 2px solid #00a652;
	border-radius: 0;
	padding: 11px;
	color: #0A396A;
	margin-bottom: 0%;
	height: 100%;
	width: 50%;
}

.projectbox-investor h5, .projectboc-days h5 {
	font-size: 19px;
}

.expext-block h5 {
	font-size: 16px;
    color: #747474;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 300;
}

.expext-block p {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-bottom: 0;
}

.projectbox-investor p, .projectboc-days p {
	font-size: 32px;
	font-weight: 700;
	margin: 0
}

.stat {
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	padding: 2px 8px;
}

.st-accepted {
	background-color: rgba(54, 179, 126, 0.16);
	color: #1b806a;
}

.st-rejcted {
	background-color: rgba(255, 86, 48, 0.16);
	color: #b71d18;
}

.st-pending {
	background-color: rgba(255, 171, 0, 0.16);
	color: #b76e00;
}

.account-content-head.nwproj {
	display: flex;
	justify-content: space-between;
}

.options-container {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
}

.option {
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

	.option:hover {
		background-color: #ddd;
	}

.add-option {
	background-color: #007bff;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	user-select: none;
}

	.add-option:hover {
		background-color: #0069d9;
	}

table.table.align-middle tbody td a.me-3.delete-bt svg {
	fill: #b71d18;
	width: 20px;
}


table.table.align-middle tbody td a.me-3.edit-btn svg {
	fill: #00a652;
	width: 20px;
}

.dropdown-btn {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 20px;
	color: #818181;
	display: block;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	outline: none;
}

	.dropdown-btn:hover {
		color: #f1f1f1;
	}

.dropdown-container {
	display: none;
	background-color: #def5e1;
	padding-left: 8px;
}

.fa-caret-down {
	float: right;
	padding-right: 8px;
	display: contents;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

		.sidenav a {
			font-size: 18px;
		}
}



button.dropdown-btn.lokkups svg.icon-link {
	width: 22px;
	fill: #637381;
}

button.dropdown-btn.lokkups svg.down-crate {
	width: 8px;
	fill: #637381;
	float: inline-end;
}




button.dropdown-btn.lokkups {
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	margin-bottom: 8px;
	text-decoration: none;
	color: #637381;
	font-size: 16px;
}

.dropdown-container.lookups-content a {
	display: block;
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	margin-bottom: 8px;
	text-decoration: none;
	color: #00a652;
	font-size: 16px;
}

	.dropdown-container.lookups-content a:hover {
		color: #fff;
	}


.login-wrapper img.login-logo {
	height: auto;
}

.account-content.about .ck.ck-editor__main > .ck-editor__editable {
	height: 300px;
}

.account-content.terms .ck.ck-editor__main > .ck-editor__editable {
	height: 300px;
}

.question {
	display: block;
	position: relative;
}

	.question input {
		display: block;
		width: 100%;
		border: 1px solid #bfbfbf;
	}

.answer {
	display: block;
	position: relative;
	margin: 10px 0;
}

	.answer textarea {
		display: block;
		width: 100%;
		border: 1px solid #bfbfbf;
	}

form.qest input.primary-btn {
	border: none;
}


.account-content.classification .tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #00a652;
}

	.account-content.classification .tab button {
		background-color: inherit;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		font-size: 17px;
		color: #fff;
	}

		.account-content.classification .tab button:hover {
			background-color: #fff;
			color: #000;
		}

		.account-content.classification .tab button.active {
			background-color: #1f7452;
			color: #fff;
		}

.account-content.classification .tabcontent {
	display: none;
	padding: 55px 12px;
	border: 1px solid #ccc;
	border-top: none;
	height: 150px;
	margin-bottom: 30px;
}

.login-wrapper .col-md-8.ms-auto.d-flex.flex-column {
	margin: auto;
}

.addnew-step {
	width: 9.9vw;
}

	.addnew-step + .addnew-step .sinup-step::before {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -9px;
		left: -17px;
		display: block;
		width: 10px;
		height: 17px;
		background-image: url(images/r-arrow.png);
	}


.d-flex.btns-step a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
	margin: 0 !important;
}

.d-flex.btns-step {
	justify-content: space-between;
}





select {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #637381;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	/* -webkit-appearance: none; */
	-moz-appearance: none;
	/* appearance: none; */
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}




.suervey form {
	/* background-color: #fff; */
	/* max-width: 500px; */
	/* margin: 50px auto; */
	/* padding: 30px 20px; */
	/* border: 1px dashed #000; */
}

.suervey .form-control {
	text-align: left;
	margin-bottom: 25px;
	border: none;
}

	.suervey .form-control label {
		display: block;
		margin-bottom: 10px;
	}

	.suervey .form-control input, .suervey .form-control select, .suervey .form-control textarea {
		border: 1px solid #ced4da;
		border-radius: 5px;
		font-family: inherit;
		padding: 10px;
		display: block;
		width: 100%;
	}

		.suervey .form-control input[type="radio"], .suervey .form-control input[type="checkbox"] {
			display: inline-block;
			width: auto;
			margin: 0 10px;
		}

.suervey button {
	background-color: #05c46b;
	border: none;
	border-radius: 5px;
	font-family: inherit;
	font-size: 21px;
	display: block;
	width: 20%;
	margin: auto;
	margin-bottom: 20px;
	color: #fff;
}

form.form-control.p-0.d-flexb.btnss {
	text-align: right;
	border: none;
}

.project-box.dtls .col-sm-6 {
	margin-bottom: 10px;
}


.account-content.suerveydtls .col-sm-6 {
	margin-bottom: 40px;
}


.account-content.suerveydtls .col-md-12 a.btn.primary-btn.col-auto {
	float: right;
}



.container.tabsss .row.vert-tabs {
	justify-content: space-between;
	border: 2px solid #f5f5f5;
	border-radius: 20px;
	box-shadow: 0 15px 10px rgb(0 0 0 / 4%);
}

.row.vert-tabs .tab {
	float: left;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 25%;
	height: 300px;
	height: auto;
}

	.row.vert-tabs .tab button {
		display: block;
		background-color: inherit;
		color: black;
		padding: 15px 0;
		width: 100%;
		border: none;
		outline: none;
		text-align: left;
		cursor: pointer;
		transition: 0.3s;
		font-size: 17px;
		padding: 10px 20px;
	}

		.row.vert-tabs .tab button:hover {
			background-color: #00a652;
			color: #fff;
		}

		.row.vert-tabs .tab button.active {
			border-right: 5px solid #00a652;
			color: #00a652;
			padding: 10px 20px;
		}

.row.vert-tabs .tabcontent {
	float: left;
	padding: 30px 10px;
	border: 0;
	width: 70%;
	border-left: none;
	height: 300px;
	height: auto;
}


.container-lg.tab-content.pt-4.account-content.dtlss .tab-pane.fade.show.active .row.vert-tabs .tab.account-content {
	width: 100%;
	display: inline-flex;
	padding: 0;
	border-radius: 10px;
	background: none;
	box-shadow: none;
	border: none;
}

.container-lg.tab-content.pt-4.account-content.dtlss .tab-pane.fade.show.active .row.vert-tabs .tabcontent {
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	width: 100%;
	position: relative;
	margin: 10px 0;
}




.container-lg.tab-content.pt-4.account-content.dtlss .row.vert-tabs .tab button {
	display: inline-block;
	position: relative;
	color: #000;
	text-align: center;
}

	.container-lg.tab-content.pt-4.account-content.dtlss .row.vert-tabs .tab button::after {
		content: '';
		position: absolute;
		width: 100%;
		transform: scaleX(0);
		height: 2px;
		bottom: 10px;
		left: 0;
		background-color: #00a652;
		transform-origin: bottom right;
		transition: transform 0.25s ease-out;
		z-index: 9999999;
	}

	.container-lg.tab-content.pt-4.account-content.dtlss .row.vert-tabs .tab button:hover::after {
		transform: scaleX(.5);
		transform-origin: bottom center;
	}

	.container-lg.tab-content.pt-4.account-content.dtlss .row.vert-tabs .tab button.active, .container-lg.tab-content.pt-4.account-content.dtlss .row.vert-tabs .tab button:hover {
		background: none;
		color: #000;
		text-align: center;
	}


		.container-lg.tab-content.pt-4.account-content.dtlss .row.vert-tabs .tab button.active::after {
			content: '';
			position: absolute;
			width: 100%;
			transform: scaleX(0.5);
			height: 2px;
			bottom: 10px;
			background-color: #00a652;
			transform-origin: bottom center;
			transition: transform 0.25s ease-out;
			z-index: 9999999;
		}


table.table.table-sm.table-striped.table-borderless table.table.align-middle tbody td {
	width: calc(100%/3);
	text-align: center
}



table.table.table-sm.table-striped.table-borderless table.table.align-middle thead th {
	width: calc(100%/3);
	text-align: center
}

a.btn.primary-btn.w-100 {
	max-width: 15%;
	margin: auto;
	display: flex;
	justify-content: center;
}

.container-lg.full-height-container li {
	list-style: none;
}


.project-box.p-5 button {
	background: none !important;
	color: #000 !important;
	border: 1px solid #e9e9e9;
	margin: 15px 0;
	/* border-radius: 10px; */
	/* box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2), 0 0px 0px 0 rgba(0,0,0,0.19); */
	padding: 20px;
}

.faq-content {
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2), 0 0px 0px 0 rgba(0,0,0,0.19);
	margin: 10px 0;
}

.project-box.p-5 button:hover {
	box-shadow: none;
}

.account-wrapper.whys main.h-100.d-flex.flex-column .project-box.p-5 {
	padding: 35px !important;
}


.dropdown .dropbtn {
	font-size: 16px;
	border: none;
	outline: none;
	color: #333;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	font-size: 18px;
	padding: 0 20px 0 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-size: 14px;
	}

		.dropdown-content a:hover {
			background-color: #ddd;
		}

.dropdown:hover .dropdown-content {
	display: block;
	z-index: 999;
}

.d-flex.flex-wrap.align-items-center.sinup-head p.mb-0.ms-xl-auto {
	margin-left: unset !important;
}

.project-box-home {
	padding: 20px 0;
	position: relative;
	top: -200px;
}
.ps-2.ttse {
    padding: 0 !important;
}

section.project-sec.prjts .container-lg .project-box img {
	width: 70px;
	border: 1px solid #00a652;
	border-radius: 50%;
	padding: 0px;
	margin-right: 0px;
}

.ps-2.ttse {
	display: inline-flex;
	align-items: center;
	width: 150px;justify-content: center;
}

.tdetlst {
	display: inline-flex;
}

	.tdetlst img {
		width: 25% !important;
		padding: 0 15px;
	}

.project-box.asdasd {
	display: inline-flex;
	width: 100%;
	align-items: flex-start;
	margin-top: 2%;
}

.row.asd {
	padding: 0;
}

.project-box.asdasd .col-auto.d-inline-flex.align-items-center.mb-2:nth-child(3) svg path {
	fill: none !important;
	stroke: #00a652;
}

.project-box.asdasd .expext-block.d-flex.flex-column.justify-content-between {
	flex-direction: row !important;
}






.timeline {
	border-left: 1px solid #c8cfb8
}

.timeline__inner {
	margin-bottom: -30px
}

.timeline__item {
	position: relative;
	margin-bottom: 30px;
	padding-left: 40px
}

	.timeline__item:after, .timeline__item:before {
		content: "";
		position: absolute;
		background-color: #c8cfb8
	}

	.timeline__item:before {
		top: 25px;
		left: 0;
		width: 30px;
		height: 1px
	}

	.timeline__item:after {
		top: 19px;
		left: -7px;
		width: 14px;
		height: 14px;
		border: 4px solid #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%
	}

.timeline__title, .timeline__year {
	color: #4a8b71;
	font-weight: 700
}

.timeline__year {
	line-height: 1;
	font-size: 6rem;
	font-family: Poppins,sans-serif
}

.timeline__title {
	line-height: 1.3;
	font-size: 1.8rem
}





.timeline {
	border-left: 1px solid #c8cfb8
}

.timeline__inner {
	margin-bottom: -30px
}

.timeline__item {
	position: relative;
	margin-bottom: 30px;
	padding-left: 40px
}

	.timeline__item:after, .timeline__item:before {
		content: "";
		position: absolute;
		background-color: #c8cfb8
	}

	.timeline__item:before {
		top: 25px;
		left: 0;
		width: 30px;
		height: 1px
	}

	.timeline__item:after {
		top: 19px;
		left: -7px;
		width: 14px;
		height: 14px;
		border: 4px solid #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%
	}

.timeline__title, .timeline__year {
	color: #1a456d;
	font-weight: 700
}

.timeline__year {
	line-height: 1;
	font-size: 2rem;
	font-family: Poppins,sans-serif
}

.timeline__title {
	line-height: 1.3;
	font-size: 1.8rem
}

.section-heading.section-heading--left h2 {
	font-size: 35px;
	font-weight: 600;
	margin-top: 0;
	color: #00a652;
	padding: 0;
}

section.section.section--background-base-light.section--background-logo {
	background: #f6f7f8;
}



.sts img {
	width: 70px;
	border: 1px solid #00a652;
	border-radius: 50%;
	padding: 5px;
	margin-right: 15px;
}

 
button.w3-btn.w3-block.w3-black.w3-left-align svg {
	width: 15px;
	float: right;
	fill: 000;
}

.project-box .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center .ps-2 svg {
	width: 20px;
	margin-right: 10px;
}

.curn-tit {
	display: flex;
}

.project-box .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center .ps-2 {
	display: block;
	position: relative;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: flex-start;
	align-items: center;
}


.cmplint .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center.pb-3 .ps-2 img {
	border-radius: 0;
	width: 40%;
	border: none;
}

.cmplint .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center.pb-3 .ps-2.ttse div:last-child {
	display: block;
	text-align: start;
	padding: 0 !important;
}

.cmplint .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center.pb-3 .ps-2.ttse img {
	border-radius: 0;
	width: 20px;
	border: none;
	padding: 0;
}

.project-box .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center .ps-2 .curn-tit h5 {
    font-size: 18px;
    font-weight: 400;
    color: #a2a2a2;
}


.tit-sec-tit {
	background-color: #fff;
	display: flex;
	padding: 15px;
}

	.tit-sec-tit .col-md-6 {
		display: inline-flex;
	}

h2.title-sas {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	width: 90%;
}

.tit-sec-tit .col-md-6:last-child {
	justify-content: space-evenly;
}



.account-wrapper.project .project-box.asdasd .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center .ps-2 svg {
	fill: #00a652;
}

.account-wrapper.project .cmplint .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center.pb-3 .ps-2.ttse img {
	width: 20px;
	margin-right: 15px;
}

.account-wrapper.project .tit-sec-tit svg path {
	fill: #00a652;
}

button.dropbtn.clr-srch {
	background: none;
	color: red;
	border-radius: 7px;
	padding: 5px 10px;
	border: none;
}

button.dropbtn.srch {
	background-color: #00a652;
	color: #FFFFFF;
	border-radius: 7px;
	padding: 6px 38px;
	border: none;
}

button.dropbtn {
	margin: 15px 10px;
}

.account-content-head.nwproj button {
	background-color: #00a652;
	color: #FFFFFF;
	border-radius: 7px;
	padding: 5px 15px;
	border: none;
}

	.account-content-head.nwproj button:hover {
		background-color: #fff;
		color: #00a652;
		border-radius: 7px;
		padding: 5px 15px;
		border: none;
	}

.tdetlst b {
	font-weight: 900;
	color: #00a652;
}


table.table.table-sm.table-striped.table-borderless th {
	color: #1c5b94;
}

p.p-title {
	text-align: justify;
}


fieldset input {
	margin: 0.4rem;
}


textarea#w3review {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	margin: 15px 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

fieldset label, .row.g-3 label {
	text-align: justify;
}



canvas#myChart {
	width: 100% !important;
	max-width: 350px !important;
	top: -15px;
	position: relative;
}

tr.stat {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}

	tr.stat td {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
	}




.qwe {
	display: inline-flex;
	position: relative;
	float: left;
	width: 50%;
}



.inpt {
	display: inline-flex;
	position: relative;
	float: left;
	justify-content: space-between;
	width: 100%;
}

	.inpt input {
		width: 50%;
		display: block;
		padding: .375rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: .375rem;
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}

::placeholder {
	color: #3333334d;
	opacity: 1; /* Firefox */
}











.pnts input {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.pntss input {
	display: inline-block;
	width: 69%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.pntss label {
	width: 29%;
	padding: .375rem .75rem;
}

.pntss {
	width: 100%;
}

.chart-dounght {
	display: flex;
	justify-content: space-around;
}

.dounght-1 {
	width: 400px;
}

.dounght-2 {
	width: 400px;
}

.row.sec-sort-view.grid-viewss .column .col-md-12 .project-box.asdasd {
	display: block;
	 margin: 0;
	position: relative;
}

	.row.sec-sort-view.grid-viewss .column .col-md-12 .project-box.asdasd .tit-sec .d-flex.align-items-center.pb-3 .ps-2.ttse {
	    width: 100%;
    height: 150px;
    min-width: 100%;
    margin: 0;
    display: block;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    /* top: -100px; */
    background: transparent;
	}
	.row.sec-sort-view.grid-viewss .column .col-md-12 .project-box.asdasd .tit-sec .d-flex.align-items-center.pb-3 .ps-2.ttse img {
		width: -webkit-fill-available;
		height: 100%;
	}
.row.sec-sort-view.grid-viewss .col-md-12.proj-tit {
	display: flex;
}

	 
.row.sec-sort-view.grid-viewss h2.title-sas {
	font-size: 22px;
	text-align: center;
}

.row.sec-sort-view.grid-viewss .row.asd {
	padding: 0;
}

div#btnContainer {
	text-align: -webkit-right;
}

.row.sec-sort-view.grid-viewss {
	margin:  0;
}

	.row.sec-sort-view.grid-viewss .project-box.asdasd .expext-block.d-flex.flex-column.justify-content-between {
		flex-direction: column !important;
	}

	.row.sec-sort-view.grid-viewss .row.asd .col-md-6.cmplint, .row.sec-sort-view.grid-viewss .row.asd .col-md-6:last-child {
		width: 100%;
	}

	.row.sec-sort-view.grid-viewss .project-box.asdasd .col-md-6 .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center .ps-2, .row.sec-sort-view.grid-viewss .project-box.asdasd .col-md-6.cmplint .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center .ps-2 {
		display: inline-flex;
		width: 100%;
		justify-content: space-between;
	}

	 


	.row.sec-sort-view.grid-viewss .project-box.asdasd .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center.pb-3 {
		border-left: none;
		border-bottom: 1px solid #b8b8b8;
		border-radius: 0;
		padding: 11px;
		color: #0A396A;
		margin-bottom: 3%;
		height: 100%;
		width: 100%;
	}



	.row.sec-sort-view.grid-viewss .project-box.asdasd .expext-block.d-flex.flex-column.justify-content-between .d-flex.align-items-center {
		border-left: none;
		border-bottom: 1px solid #b8b8b8;
		width: 100%;
	}

	.row.sec-sort-view.grid-viewss .column .col-md-12 .project-box.asdasd a.btn.primary-btn.w-100 {
		display: block;
		padding: 20px;
		margin: auto;
		border-radius: 10px;
		position: absolute;
		right: unset;
		max-width: 100%;
		display: flex;
	}


	.row.sec-sort-view.grid-viewss .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 {
		padding: 30px;
    margin: auto;
    border-radius: 10px;
    position: absolute;
    right: unset;
    max-width: 100%;
    display: flex !important;
	}



	.row.sec-sort-view.grid-viewss .col-md-12.proj-tit .col-auto.d-inline-flex.align-items-center.mb-2.nvs {
		text-align: center;
		padding: 10px;
		height: -webkit-fill-available;
	}

	.row.sec-sort-view.grid-viewss .col-md-12.proj-tit .col-auto.d-inline-flex.align-items-center.mb-2.ytdds {
		text-align: center;
		padding: 10px;
		height: -webkit-fill-available;
	}

		.row.sec-sort-view.grid-viewss .col-md-12.proj-tit .col-auto.d-inline-flex.align-items-center.mb-2.nvs .curn-valu p.d-block.ps-2.text-nowrap, .row.sec-sort-view.grid-viewss .col-md-12.proj-tit .col-auto.d-inline-flex.align-items-center.mb-2.ytdds p.d-block.ps-2.text-nowrap {
			margin: 0;
		}




header::before {
	display: none
}

header {
	z-index: 2;
	background: #fff;
	padding: 10px 0;
	box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
}

section.project-sec.prjts form {
	display: inline-flex;
}

section.project-sec.prjts .filterss {
	inline-size: auto;
	padding: 0 .375rem 0 0;
}

section.project-sec.prjts .row.secprjts {
	margin-right: 50px;
}

section.project-sec.prjts button.dropbtn {
	margin: 0px 10px;
}


.dots-img {
	position: absolute;
	z-index: -1;
	top: -38px;
	left: 12px;
}

.dots-img-right {
	position: absolute;
	z-index: -1;
	bottom: -38px;
	right: 12px;
}

.supmit-img-box {
	position: absolute;
	right: 12px;
	left: 12px;
	top: 0;
}

.ex-img-box {
	position: absolute;
	right: 12px;
	left: 12px;
	bottom: 0;
}

.submit-sec {
	padding-top: 100px;
	padding-bottom: 50px;
}

.img-shadow {
	border-radius: 16px;
	-webkit-box-shadow: 6px 6px 24px rgba(0,0,0,0.31);
	box-shadow: 6px 6px 24px rgba(0,0,0,0.31);
}

.ex-sec {
	padding-bottom: 100px;
}

.about-sec {
	background-image: url("images/g-lines.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	padding: 80px 0 50px 0;
	display: none;
}

.about-box {
	background-color: #DEF5E1;
	padding: 20px;
	border-radius: 21px;
	color: #005249;
	font-size: 20px;
}

.about-title {
	font-size: 30px;
	color: #1a456d;
	border-left: 5px solid #1a456d;
	padding-left: 15px;
}

	.about-title span {
		color: #1a456d;
	}

footer {
	background-color: #fff;
	text-align: center;
	color: #fff;
	font-weight: 300;
	padding: 12px
}


.header {
	background-color: #f1f1f1;
	padding: 30px;
	text-align: center;
}

#navbar {
	overflow: hidden;
	background-color: #fff;
}

#navbar {
	display: block;
	color: #333;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	z-index: 9999;
	overflow: visible;
}

	#navbar a:hover {
		background-color: #ddd;
		color: black;
	}

	#navbar a.active {
		background-color: #04AA6D;
		color: white;
	}

.content {
	padding: 16px;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

	.sticky + .content {
		padding-top: 60px;
	}




.arrow {
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.container-lg.img-content a i.arrow.right {
	margin-left: 20px;
}



.srhc-filter h3.title {
	color: #00a652;
	font-size: 30px;
	font-weight: 700;
}

.srhc-filter {
	border: 1px solid #e9e9e9;
	padding: 40px 25px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.11);
	background: #fff;
}

.projects-box-conts {
	position: relative;
	top: 0;
}

section.project-sec.prjts .filterss:first-child {
	padding-left: 10px;
}



.fact-box.d-flex.nws {
	transition: transform 0.3s ease;
	width: 90%;
}

 

	.fact-box.d-flex.nws div span {
		display: block;
		margin: 10px 0;
	}

.filterss select {
	color: #525252;
	background-color: #f9f9f9;
	border: 1px solid #eee;
}




.projects-box-conts .col-md-12 {
	background: #fff;
	margin: 10px 0;
	border-radius: 8px;
	padding: 12px;
	box-shadow: rgb(145 158 171 / 20%) 0px 0px 2px 0px, rgb(145 158 171 / 12%) 0px 12px 24px -4px;
	margin-bottom: 24PX;
	background-color: #fff;
}


.col-md-12.proj-tit {
	box-shadow: none;
	display: flex;
	padding: 15px;
}


.projects-box-conts .project-box.asdasd .d-flex.align-items-center.pb-3 .sts img {
	width: 135px;
	border: none;
	border-radius: 14px;
}



.projects-box-conts .col-md-12 .project-box.asdasd a.btn.primary-btn.w-100 {
	display: none;
}


.projects-box-conts .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 {
	display: flex !important;
	max-width: 5%;
	 padding: 20px;
	margin: 0;
	border-radius: 50%;
	position: absolute;
	right: -1.7vw;
}

section.project-sec.prjts.Cousrces .tab-section .tabs {
    border: none !important;
    background: #d9d9d9;
    width: 17% !important;
    border-radius: 35px !important;
    padding: 8px !important;
    display: flex;
    justify-content: space-around !important;
    height: 53px;
}
section.project-sec.prjts.Cousrces .tabs {
    width: 30% !important;
    max-width: 17% !important;
}
section.project-sec.prjts.Cousrces .tab-section .tabs .tab {
    width: 50% !important;
    max-width: 50% !important;
    height: 50px;
    padding: 0 !important;
    margin: 0 !important;
}

	.projects-box-conts .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 i.arrow.right {
		border: solid #fff;
		border-width: 0 3px 3px 0;
	}


.projects-box-conts .col-md-12:hover {
	transition: transform 0.3s ease;
	transform: none !important;
	box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);
}



.col-md-12.proj-tit:hover {
	transition: unset;
	box-shadow: none;
	transform: none;
}


.col-md-12.proj-tit .col-md-6:last-child .col-auto.d-inline-flex.align-items-center.mb-2.nvs {
	background: #deffed;
	border: 1px solid #00a652;
	display: inline-block !important;
	border-radius: 10px;
	width: 40%;
	padding: 5px 20px;
	box-shadow: 2px 2px 8px #d3d3d3;
}

.col-md-12.proj-tit .col-md-6:last-child .col-auto.d-inline-flex.align-items-center.mb-2.ytdds {
	background: #e4f0ff;
	border: 1px solid #00a652;
	display: inline-block !important;
	border-radius: 10px;
	width: 50%;
	padding: 5px 20px;
	box-shadow: 2px 2px 8px #d3d3d3;
}

.col-md-12.proj-tit .col-md-6:last-child h5 {
	font-size: 15px;
}

.col-md-12.proj-tit .col-md-6:last-child .col-auto.d-inline-flex.align-items-center.mb-2.ytdds svg {
	width: 20px;
	margin-right: 10px;
}

.col-md-12.proj-tit .col-md-6:last-child .col-auto.d-inline-flex.align-items-center.mb-2.nvs svg {
	width: 20px;
	margin-right: 10px;
}

.curn-valu p {
	padding-left: 0 !important;
}

.col-md-12.proj-tit .col-md-6:last-child .col-auto.d-inline-flex.align-items-center.mb-2.nvs .curn-tit svg path {
	fill: #000 !important;
}

.col-md-12.proj-tit .col-md-6:last-child .col-auto.d-inline-flex.align-items-center.mb-2.ytdds .curn-tit svg path {
	fill: #000 !important;
}

.col-md-12.proj-tit .col-md-6:last-child {
	display: flex;
	justify-content: space-around;
}

section.project-sec.prjts .projects-box-conts a.btn.primary-btn-outline.mt-5 {
	font-size: 18px;
	font-weight: 600;
	width: 30%;
	margin: auto;
	color: #00a652;
	border: 2px solid #00a652;
	padding: 15px 0;
}

	section.project-sec.prjts .projects-box-conts a.btn.primary-btn-outline.mt-5 i.arrow.right {
		margin: 0 15px;
		border: solid #00a652;
		border-width: 0 3px 3px 0;
	}


.outerdiv {
	width: 100%;
	min-height: 100vh;
	/*background: #edf2f8;*/
	display: flex;
	justify-content: right;
	direction: rtl;
}

.div2.eachdiv {
	position: relative;
	top: -120px;
}

.eachdiv img:hover {
	transition: transform 0.3s ease;
	transform: scale(1.1);
	box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);
}

.innerdiv {
	transform: scale(0.9);
	margin: 1rem;
	display: grid;
	grid-gap: 1.5rem;
	grid-template-rows: repeat(2, 13rem);
	grid-template-columns: repeat(1, 0rem);
	position: relative;
	top: 100px;
	width: 60%;
}

.eachdiv {
	padding: 1rem 2rem;
	border-radius: 0.8rem;
	box-shadow: 5px 5px 20px #6d6b6b6b;
	color: white;
}

.div1 {
	background: #733fc8;
	grid-column: 1/3;
	grid-row: 1/2;
	background-image: url(https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/bg-pattern-quotation.svg);
	background-repeat: no-repeat;
	background-position-x: 25rem;
}

.div2 {
	background: #49556b;
	grid-column: 3/4;
	grid-row: 1/2;
}

.div3 {
	background: white;
	grid-column: 4/10;
	grid-row: 1/2;
	color: black;
}

.div4 {
	background: white;
	grid-column: 1/2;
	grid-row: 2/3;
	color: black;
}

.div5 {
	background: #18202d;
	grid-column: 2/4;
	grid-row: 2/3;
}

.userdetails {
	display: flex;
}

.imgbox {
	margin-right: 1rem;
}

	.imgbox img {
		border-radius: 50%;
		width: 2rem;
		border: 2px solid #cec5c5;
	}

.detbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	.detbox p {
		margin: 0;
	}

	.detbox .name {
		color: hsl(0, 0%, 81%);
		font-size: 0.9rem;
		margin-bottom: 0.1rem;
		font-weight: 600;
	}

		.detbox .name.dark {
			color: #49505a;
		}

	.detbox .designation {
		color: hsl(0, 0%, 81%);
		opacity: 50%;
		font-size: 0.8rem;
	}

		.detbox .designation.dark {
			color: #49505a;
		}

.review h4 {
	font-size: 1.4rem;
	color: #f3deff;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0.8rem;
}

.review.dark h4 {
	color: #4b5258;
}

.review p {
	font-size: 0.95rem;
	color: #f3deff;
	font-weight: 500;
	opacity: 50%;
	line-height: 1.5;
}

.review.dark p {
	color: #0e0e0e;
}

.attribution {
	font-size: 1rem;
	line-height: 1.5;
	position: relative;
	/* bottom: 1rem; */
	width: 40%;
	align-content: center;
	text-align: left;
}

	.attribution a {
		text-decoration: none;
	}

.eachdiv {
	max-width: 100%;
	overflow: hidden;
	height: max-content;
	padding: 0;
}

	.eachdiv img {
		max-width: -webkit-fill-available;
		width: 100%;
		transition: transform 0.3s ease;
	}





section.container.her-sec .innerdiv {
	direction: ltr;
}


@media only screen and (max-width: 1000px) {
	.innerdiv {
		transform: scale(0.7);
	}
}

@media only screen and (max-width: 800px) {
	.innerdiv {
		transform: scale(0.6);
	}
}

@media only screen and (max-width: 600px) {
	.div1 {
		background-position-x: 10rem;
	}

	.innerdiv {
		display: flex;
		flex-direction: column;
		transform: scale(1);
		margin: 2rem;
		margin-bottom: 5rem;
	}

	.attribution {
		position: relative;
	}
}

.attribution h6 {
	font-size: 35px;
	color: #000;
}

.attribution h3 {
	font-weight: 600;
	font-size: 33px;
	color: #00a652;
}

.attribution p {
	font-size: 16px;
	color: #000;
}

section.project-sec.prjts .projects-box-conts a.btn.primary-btn-outline.mt-5:hover {
	color: #fff;
	background: #00a652;
}

	section.project-sec.prjts .projects-box-conts a.btn.primary-btn-outline.mt-5:hover i.arrow.right {
		border: solid #fff;
		border-width: 0 3px 3px 0;
	}

.attribution a.btn.primary-btn.mt-5 {
	background: #00a652;
	color: #fff;
	padding: 10px 50px;
	direction: ltr;
}

	.attribution a.btn.primary-btn.mt-5 i.arrow.right {
		margin-left: 20px;
		border: solid #fff;
		border-width: 0 3px 3px 0;
	}

.section-heading.section-heading--left {
	text-align: center;
}

	.section-heading.section-heading--left h3 {
		color: #000;
	}


 

section.section.section--background-base-light.section--background-logo {
	background: #f6f7f8;
	background-image: url(images/steps.png);
	background-size: cover;
	background-position: center;
	height: 75vh;
	margin-bottom: 30px;
}





section.newsletter-container p.text-center {
    color: #000;
}

section.newsletter-container {
    background: #fff;
    width: 43%;
    border-radius: 25px;
    margin-bottom: -3% !important;
    margin: auto;
    z-index: 9;
    position: relative;
   
}

.fl-wrap {
	/* float: left; */
	width: 100%;
	position: relative;
	display: inline-flex;
	align-items: baseline;
	padding: 10px 0;
}

.bbb-wrapper .subcribe-form p {
	color: #fff;
	font-size: 22px;
	/* width: 50%; */
	text-align: left !important;
	max-width: 450px;
	/* margin: 15px auto; */
	position: relative;
	width: 50%;
}

.bbb-wrapper .subcribe-form form {
	max-width: 50%;
	margin: 15px auto;
	position: relative;
	width: 50%;
}

.bbb-wrapper .subcribe-form #subscribe input {
	width: 80%;
	height: 40px;
	background-color: #f3f3f3;
	border: none;
	outline: none;
	border-radius: 5px;
	padding: 0 30px;
	/* box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2); */
}

.bbb-wrapper .subcribe-form #subscribe #subscribe-button {
	height: 40px;
	padding: 0 30px;
	border-radius: 5px;
	border: none;
	position: relative;
	 width: 20%;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	background: #00a652;
}

.subscribe-message {
	color: #fff;
	float: left;
	margin-top: 10px;
	text-align: left;
	font-weight: 500;
	line-height: 19px;
}

.color-bg {
	background: #4DB7FE;
}

#subscribe-button:hover {
	background: #2C3B5A;
	color: #fff;
}

.bbb-wrapper .subcribe-form #subscribe input::placeholder {
	color: #555;
}

.bbb-wrapper .subcribe-form form i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
}



.footer {
	background-color: #333;
	color: #fff;
	padding: 50px 0;
}

.footer-content {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-logo img {
	max-width: 200px;
	margin-bottom: 20px;
}

.footer-section {
	flex: 1;
	margin-right: 20px;
	text-align: left;
}
footer .social-links li {
    text-align: center;
}
.footer-section.contact img.icon {
    width: 15px;
}
	.footer-section h3 {
		color: #fff;
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-section p {
		font-size: 13px;
		margin-bottom: 10px;
	}

footer .social-links {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

	footer .social-links li {
		display: inline-block;
		margin-right: 10px;
		border: 2px solid #00a652;
		width: 40px;
		height: 40px;
		border-radius: 15px;
		align-content: center;
	}

		footer .social-links li:last-child {
			margin-right: 0;
		}

	footer .social-links a {
		color: #00a652;
		font-size: 20px;
	}

		footer .social-links a:hover {
			color: #bbb;
		}


.footer-logo {
	text-align: left;
	width: 50%;
}

footer, footer h3 {
	color: #000 !important;
}

	footer hr {
		height: 0.5px !important;
	}


.footer {
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}

.footer-content a {
	color: #000;
	text-decoration: none;
	margin: 0 5px;
}

	.footer-content a:hover {
		color: #00a652;
	}


section.project-sec.prjts form {
	display: inline-flex;
}

main.h-100.d-flex.flex-column {
	position: relative;
}


.top-pp {
	top: -200px;
}

	.top-pp .box-title {
		color: #fff;
	}


	div#popup1 a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
		width: 40%;
	}
.container.tabsss .fade:not(.show) {
	display: none;
}
.bg-img-wrap.detls-proj .container-lg.account-content-head h1 {
    color: #fff;
}
.bg-img-wrap.detls-proj {
	position: relative;
	text-align: center;
	margin-bottom: -150px;
	z-index: -1;margin-top: -9%;
}

	.bg-img-wrap.detls-proj .container-lg.account-content-head {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}







	.bg-img-wrap.detls-proj span.border-style {
		width: 135px;
		height: 3px;
		background-color: #ffffff;
		display: block;
		margin: auto;
		margin-top: 25px;
		border-radius: 100px;
	}

		.bg-img-wrap.detls-proj span.border-style em {
			width: 90px;
			height: 3px;
			display: block;
			margin: auto;
			background-image: linear-gradient(#00a652, #00a652);
			float: right;
			border-radius: 100px;
		}


body.home-page section.project-sec.prjts .project-box-home {
	top: -200px;
}



.d-flex.titleinv-title {
	justify-content: space-between;
}

 
	section.project-sec.prjts .container-lg .project-box-home {
		top: 0;
		position: relative;
		display: block;
	}

ul.pagination.mt-3.justify-content-end {
	justify-content: center !important;
	border: 1px solid #dfdfdf;
	width: max-content;
	margin: auto;
	margin-bottom: 50px;
	border-radius: 10px;
}

	ul.pagination.mt-3.justify-content-end a.page-link {
		border: none;
		font-size: 22px;
		padding: 10px 25px;
		margin: 10px 5px;
		border-radius: 10px;
	}



.tit-img.col-md-3 {
	display: flex;
	font-size: 0;
	flex-wrap: wrap;
	margin: 0 10px;
	justify-content: center;
	text-align: center;
	background: #fff;
	border: 1px solid #b8b8b8;
	border-radius: 15px;
	box-shadow: 2px 5px 10px rgb(0 0 0 / 25%);
}

.container-lg.tab-content.pt-4.account-content.dtlss {
	display: flex;
	box-shadow: none;
	background: none;
	padding: 20px 0;
	margin-bottom: 30px;
}

.tdetlst.col-md-9 {
	display: flex;
	margin: 0 10px;
	flex-wrap: wrap;
	background: #fff;
	box-shadow: 2px 5px 10px rgb(0 0 0 / 25%);
	border: 1px solid #b8b8b8;
	border-radius: 15px;
	/* height: 100px; */
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: calc(25% - 10px);
	padding: 25px;
}

	.tdetlst.col-md-9 .col-md-3 {
		height: 100px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: calc(25% - 10px);
		height: 130px;
	}


	.tdetlst.col-md-9 .col-md-3 {
		border: 1px solid #dcdcdc;
		padding: 15px;
		border-radius: 15px;
	}

		.tdetlst.col-md-9 .col-md-3:nth-child(even) {
			margin: 0 10px 10px 10px;
		}

		.tdetlst.col-md-9 .col-md-3 p {
			font-size: 13px;
			color: #afafaf;
		}

		.tdetlst.col-md-9 .col-md-3 h5 {
			font-size: 15px;
			color: #000;
		}

	.tdetlst.col-md-9 span.border-style {
		width: 135px;
		height: 3px;
		background-color: #00a652;
		display: block;
		margin-bottom: 10px;
		margin-top: 10px;
		border-radius: 100px;
	}

		.tdetlst.col-md-9 span.border-style em {
			width: 90px;
			height: 3px;
			display: block;
			margin: auto;
			background-color: #dedede;
			float: right;
			border-radius: 100px;
		}


.row.fins-cont h5 {
	color: #00a652;
}

.row.fins-cont p {
	font-size: 14px;
	color: #8e8e8e;
}

.row.fins-cont {
	margin-top: 25px;
}

.tit-img.col-md-3 img {
	margin: auto;
	width: 50% !important;
	border: 1px solid #00a652;
	padding: 15px;
	border-radius: 50%;
}

.tit-img.col-md-3 h5.title-sas {
	font-size: 22px;
	color: #000;
	padding: 50px 1%;
}

.tdetlst.col-md-9 .row {
	margin: 0;
}



.container.tabsss .row.vert-tabs .tab.account-content {
	border-radius: 20px 0 0 20px;
	background: #f0fff7;
	box-shadow: none;
	border-width: 0;
	padding: 30px 0 30px 10px;
}


.container.tabsss .row.vert-tabs .tab button.active:hover {
	color: #fff;
}



.container.tabsss .row.vert-tabs .tabcontent p {
	font-size: 15px;
    color: #333;
}

.container.tabsss .row.vert-tabs .tabcontent h5 {
    font-size: 19px;
    color: #00a652;
    font-weight: 700;
}

.container.tabsss .row.vert-tabs .tabcontent .col-md-4 {
	border-left: 2px solid #00a652;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: calc(33.3% - 10px);
	margin: 15px 0;
	max-width: 33.3% !important;
}

.container.tabsss .row.vert-tabs .tab-cont-title h3 {
	color: #000;
	font-size: 25px;
	width: 60%;
}

.container.tabsss .row.vert-tabs .tab-cont-title {
	padding: 20px 0;
}

























@media only screen and (min-width: 768px) {

	.timeline {
		border-top: 1px solid #c8cfb8;
		border-left: none
	}

	.timeline__item {
		padding-left: 0;
		padding-top: 55px
	}

		.timeline__item:before {
			top: 0;
			left: 6px;
			width: 1px;
			height: 40px
		}

		.timeline__item:after {
			top: -7px;
			left: 0
		}
}















@media (max-width: 767.98px) {
	nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 a#dropdownLangLink {
		display: none!important;
	}
	nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 a.dropdown-toggle.dropdownLang.account-bar.d-flex.align-items-center img.me-2 {
		margin-left: 0;
		order: 1;
	}

	nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 a.dropdown-toggle.dropdownLang.account-bar.d-flex.align-items-center span {
		order: 2;
	}
	section.project-sec.prjts .container-lg .project-box-home .tab-section .tabs {
		width: 100% !important;
		display: flex;
		justify-content: space-around!important;
	}
	.bbb-wrapper .subcribe-form #subscribe #subscribe-button {
		width: 34% !important;
	}
	section.newsletter-container {
		min-width: 95%;
	}
	section.our-partners .row {
		margin: 0;
	}

		section.our-partners .row.partners-card {
			padding: 0;
			display: flex;
			flex-wrap: wrap;
		}

			section.our-partners .row.partners-card .col-lg-3 {
				width: 50%;
			}
	.footer-content .footer-logo a {
		display: flex;
		justify-content: center;
	}
	div#Sidenav img.d-md-none.mt-3.mb-3 {
		height: auto;
	}
	#myBtn {
		width: 50%;
	}
nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.row.sec-sort-view .column {
    width: 85% !important;
}
section.project-sec.prjts .container-lg .project-box-home .tab-section .tabs {
	margin: 0;
    width: max-content  ;
    display: flex;
    justify-content: center;
    max-width: 100% !important;
    padding: 10px;
}
 

nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 a.dropdown-toggle.dropdownLang.account-bar.d-flex.align-items-center {
    border-radius: 35px;
    color: #333;
}
	.container-lg.tab-content.pt-4.account-content.dtlss {
		display: flex;
		box-shadow: none;
		background: none;
		padding: 20px 0;
		margin-bottom: 30px;
		flex-direction: column;
	}
 
	.container.tabsss .row.vert-tabs {
		display: flex;
		flex-direction: column;
	}
	
	.container.tabsss .row.vert-tabs .tab.account-content {
		width: 100%;
	}
	
	.container.tabsss .row.vert-tabs .tabcontent {
		width: 100%;
	}
	
	section.newsletter-container .subcribe-form.fl-wrap {
		display: block;
	}
	
	section.newsletter-container .subcribe-form.fl-wrap p.text-center {
		max-width: 90% !important;
		padding: 0;
		margin: 0 4%;
		white-space: nowrap;
	}
	
	section.newsletter-container .subcribe-form.fl-wrap form#subscribe {
		max-width: 100%;
        width: 100% !important;
	}
	.bbb-wrapper .subcribe-form #subscribe input {
	 
		font-size: 12px !important;
	}
	.bbb-wrapper .subcribe-form p.text-center b {
		font-size: 14px !important;
		font-weight: 600;
		letter-spacing: 1.5px;
		text-transform: capitalize;
	}
	.footer-content {
		display: flex;
		flex-direction: column;
	}
	
	.footer-content .footer-logo {
		width: 100%;
		text-align: center;
	}
	section.project-sec.prjts form {
		display: flex;
		flex-direction: column;
	}
	section.project-sec.prjts .row.secprjts {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}
	
	section.project-sec.prjts .row.secprjts .filterss {
		width: 50%;
		margin-bottom: 3%;
		padding-left: 0 !important;
	}
	.container-lg.tab-content.pt-4.account-content.dtlss .tab-pane.fade.show.active .row.vert-tabs .tab.account-content {
		overflow: auto;
	}

		.container-lg.tab-content.pt-4.account-content.dtlss .tab-pane.fade.show.active .row.vert-tabs .tab.account-content .tablinks {
			padding: 20px;
			min-width: calc(5% + 100px);
			font-size: calc(12px + 1vw);
		}
}
.login-wrapper {
	background: #fff !important;
}
.login-wrapper img.login-logo {
    margin-bottom: 25%;
}

ul.Registeration li.sinup-step {
    margin-bottom: 4%;
}
.login-wrapper .col-lg-3 {
	background: rgb(8,59,125);
background: -moz-linear-gradient(144deg, rgba(8,59,125,1) 17%, rgba(32,91,171,1) 45%, rgba(8,59,125,1) 92%);
background: -webkit-linear-gradient(144deg, rgba(8,59,125,1) 17%, rgba(32,91,171,1) 45%, rgba(8,59,125,1) 92%);
background: linear-gradient(144deg, rgba(8,59,125,1) 17%, rgba(32,91,171,1) 45%, rgba(8,59,125,1) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#083b7d",endColorstr="#083b7d",GradientType=1);
}
ul.Registeration {
    list-style: none;
    text-align: left;
}

ul.Registeration li.sinup-step span {
    color: #fff;
    font-size: 16px;
}
 
li.sinup-step.active {
    background: transparent;
}
ul.Registeration li.sinup-step span.number {
    margin: 0 6%;
    background: #568ace;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 15px;
}
ul.Registeration li.sinup-step {
    border: none;
    display: flex;
}
a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    background: #fff;
    color: #00a652;
    border: 1px solid #00a652;
}
a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3:hover {
    background: #00a652;
    color: #fff;
}
 .login-wrapper h4.form-subtitle {
    color: #333;
    font-size: 30px;
}
.d-flex.flex-wrap.align-items-center.sinup-head {
    display: flex;
    justify-content: space-between;
	margin-top: 2% !important;
    margin-bottom: 5%;
}
.col-md-9.ms-auto.d-flex.flex-column form {
    padding: 0 2%;
}
.d-flex.n-posetion {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    display: flex !important;
    justify-content: flex-start;
    padding: 1%;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
}

.d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    /* margin-left: 20% !important;
    margin-right: 20%; */
	margin-left: 30% !important;
    margin-right: 30%;
    width: 15%;
}
.login-wrapper .col-md-9.ms-auto.d-flex.flex-column .login-container.flex-grow-1 .d-flex.n-posetion a.btn.primary-btn-outline.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    width: 15%;
    margin-left: 6%;
}
.login-wrapper .col-md-9.ms-auto.d-flex.flex-column {
    padding: 0;
}

.login-wrapper .col-md-9.ms-auto.d-flex.flex-column .row.g-3 {
    padding: 0 3%;
    margin-bottom: 12%;
}
 

.login-wrapper .col-md-9.ms-auto.d-flex.flex-column .login-container.flex-grow-1 .d-flex.n-posetion {left: 25%;right: 25%;}
 

section.project-sec.prjts .container-lg .project-box-home .filterss select {
    font-size: 13px;
}
section.project-sec.prjts .row.secprjts {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-around;
}
section.project-sec.prjts .srhc-filter form {
    width: 100%;
}
section.project-sec.prjts .srhc-filter form .row.secprjts .filterss {
    width: 16%;
}
 
section.project-sec.prjts .srhc-filter form {
    width: 100%;
}
section.project-sec.prjts .container-lg .project-box-home button.dropbtn {
    font-size: 12px;white-space: nowrap;
}

.projects-box-conts .curn-tit {
    white-space: nowrap;
}

.projects-box-conts .curn-valu p {
    margin: 0;
}	
div#btnContainer button.btn.active {
	font-size: 0;border: 1px solid #ddd !important;
	color: #fff !important;
	padding: 7px 9px !important;
background: #00a652 !important;
}

div#btnContainer button.btn.active i {
    font-size: 16px;
}
div#btnContainer button.btn {
	font-size: 0;border: 1px solid #ddd !important;
	color: #666 !important;
	padding: 7px 9px !important;
background: #fff !important;
}
.row.ndes {
    margin-top: 2%;
    margin-bottom: 2%;
}
div#btnContainer button.btn i {
    font-size: 16px;
}
.projects-box-conts .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 {
    display: block;
    max-width: 5%;
    display: block;
    padding: 20px;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    right: -1.7vw;
    width: 20px !important;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 2px solid #00a652;
}
.projects-box-conts .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 i {
    border-color: #00a652 !important;
    color: #00a652 !important;
}
 
.full-height-container .col-md-8.col-lg-9.d-flex.flex-column.side-content .project-box {
    background: #fff;
    border: 1px solid #ddd;
    margin: 1%;
    padding: 2%;
    border-radius: 10px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
}
.login-container.flex-grow-1.d-flex.align-items-center.justify-content-center .login-block.col-12.col-lg-10.col-xl-10 {
    padding: 5%;
    border: 1px solid #ddd;
    border-radius: 15px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
 
.account-wrapper.project main.h-100.d-flex.flex-column.top-pp .account-content-head h1 {
    color: #fff !important;
}

.account-wrapper.project main.h-100.d-flex.flex-column.top-pp .account-content-head .d-flex.align-items-center.account-hed-info {
    color: #fff;
}
/* .login-wrapper .row.min-vh-100 {
    display: flex;
}

.login-wrapper .row.min-vh-100 .col-md-9.ms-auto.d-flex.flex-column {
    width: 100%;
}
.login-wrapper .col-lg-3 {
    width: 33%;
} */
.d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    background: #0b4084;
    color: #fff;
}

.d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3:hover {
    background: #fff;
    color: #0b4084;
}
.signup.card {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
    padding: 2%;
    margin-bottom: 2%;
    border: none;
}

.signup.card h3.title {
    font-size: 17px;
    color: #1e58a6;
    font-weight: 700;
    letter-spacing: 1px;
	margin-bottom: 2%;
}
.signup.card input.form-control {
    background: #e7f0fe;
    padding: 1.5%;
    color: #000;
    font-weight: 600;
	min-height: 50px;
	max-height: 50px;
    margin-bottom: 2%;
}
.signup.card img.icon {
    width: 15px;
    height: 15px;
    margin-top: 3.5%;
    margin-left: -6%;
	filter: opacity(0.5);
}

.signup.card .col-lg-6 {
    display: flex;
    margin-bottom: 1%;
}
.signup.card .col-lg-12 {
    display: flex;
}
.signup.card .col-lg-12 img.icon {
    margin-top: 2%;
    margin-left: -3%;
}
.signup.card select {
    background: #e7f0fe;
    padding: 1.5%;
    color: #6b6b6b;
    font-weight: 600;
    min-height: 50px;
    margin-bottom: 2%;
}
 

.signup.card .col-lg-4 {display: flex;}

.signup.card .col-lg-4 img.icon {
    margin-left: -10%;
    margin-top: 6%;
}
.signup.card.thank {
    text-align: center;
    display: flex;
    align-content: center !important;
    margin: auto;
    width: 59%;
    margin-top: 12%;
    padding: 6%;
}

.signup.card.thank .row {
    text-align: center;
}

.signup.card.thank .row a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    margin: auto;
    width: 50%;
    margin-top: 8%;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
    color: #fff;
    background: #0d4186;
}

h1.title.thankx {
    font-size: 56px;
    color: #083b7d;
}

.signup.card.thank .row a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3:hover {
    background: #fff;
    color: #0d4186 !important;
}
.header-row a:hover {
    background: transparent !important;
}
nav.site-nave.d-none.d-md-flex a:hover {
    color: #00a652 !important;
}

.dropdown.lang-dropdown.me-4 a#dropdownLangLink {
    color: #333;
    font-size: 14px;
    border-left: 1px solid #ddd;
    padding-left: 11%;
}
.dropdown.lang-dropdown.me-4 img {
    height: auto;
}
.row.header-row .col.col-lg-10.d-flex.align-items-center nav.site-nave.d-none.d-md-flex {
    padding-left: 3%;
}

div#popup2 img.white-logo.d-none.d-md-block {
    border: none;
    border-radius: 0;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0 0 0 / 41%);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
  }
  .overlay:target {
	visibility: visible;
	opacity: 1;
	z-index: 9999;
  }
  div#popup2 .popup {
    min-height: 334px;
}
  .popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 25px;
	width: 45%;
	position: relative;
	transition: all 5s ease-in-out;
	min-height: 400px;
  }
  
  .popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
  }
  .popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
  }
  .popup .close:hover {
	color: #06D85F;
  }
  .popup .content {
    font-size: 11px;
    color: #666;
  }
  .popup img.white-logo.d-none.d-md-block {
    margin: auto;
    width: 215px;
}
  @media screen and (max-width: 700px){
	.box{
	  width: 70%;
	}
	.popup{
	  width: 70%;
	}
  }
  .popup img.white-logo.d-none.d-md-block {
    margin: auto;
    width: 215px;
	margin-bottom: 5%;
}

.popup a.close {
      font-weight: 300;
    position: absolute;
    top: -5%;
    right: -5%;
    background: transparent;
    width: 35px;
    height: 35px;
    font-size: 35px;
    border-radius: 35px;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 3px solid #fff;
    color: #fff;
}
.popup .signup.card {
    box-shadow: none;
}

.popup .signup.card .col-lg-6 {
    display: flex;
}

.popup .signup.card input {
    max-height: 50px;
}
.popup .signup.card select {
    color: #000;
    font-size: 15px !important;
    font-weight: 300;
    background: #e6f6ef;
    border: 1px solid #28a84f;
}
.popup .signup.card select {
      width: -webkit-fill-available;
    text-align: start;
    margin: auto;
    margin-bottom: 3%;
    border-radius: 9px;
    border: 1px solid #e3e3e3;
    padding: 10px;
    font-size: 12px;
    background: #f3f3f3;
    min-height: 35px !important;
}
.popup .d-flex.n-posetion {
    position: relative;
    box-shadow: none;
    display: flex !important;
    justify-content: space-evenly;
	width: 80%;
    margin: auto;
}
.popup .d-flex.n-posetion a.btn.primary-btn-outline.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    border: none;
    color: #000;
}
.popup .d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    margin: 0 !important;
}
.popup .signup.card img.icon {
    height: 15px;
	margin-top: 5%;
    margin-left: -10%;
}
 

.popup .d-flex.n-posetion a.btn {
    width: 40%;
    padding: 1% 4% !important;
    height: 50px;
    display: flex;
    font-size: 20px;
    align-items: center;
}
.popup .d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    background: #00a652 ! IMPORTANT;
}
.popup .d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 img.next {
    height: 35px;
    display: block;
    position: relative;
    margin-left: 50%;
    filter: invert(1);
}

.popup .d-flex.n-posetion a.btn.primary-btn-outline.ps-0.pe-0.col-5.col-sm-4.col-xl-3 img.back {
    height: 35px;
    display: block;
    position: relative;
    transform: rotate(180deg);
    margin-right: 16%;
}
.popup .d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3:hover {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid;
}

.popup .d-flex.n-posetion a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3:hover img.next {
    filter: none !important;
}
.popup p.mb-0.ms-xl-auto {
    font-size: 12px;
    margin-top: 4%;
}

.account-wrapper.project section.project-sec.prjts .container-lg .project-box-home .filterss select {
    font-size: 12px;
}
.account-wrapper input.form-control {
    background: #e7f0fe;
    min-height: 50px;
}
.account-wrapper textarea {
    background: #e7f0fe;
    min-height: 50px;
}
.footer-section.contact {
    text-align: left;
}
.subcribe-form.fl-wrap {
	padding: 10px 10%;
}

.footer-content {
	max-width: 100%;
	padding: 0 9.5%;
}
.col-md-9.ms-auto.d-flex.flex-column.kyc {
    background: #f8f8f8;
}

.login-container.flex-grow-1.kyc {
    background: transparent;
}

.login-container.flex-grow-1.kyc .signup.card {
    border-radius: 15px;
}

.login-container.flex-grow-1.kyc form {
    padding: 0 !important;
}
.login-container.flex-grow-1.kyc span.subtitle {
    font-weight: 600;
    color: #000;
    margin-bottom: 1%;
}

.login-container.flex-grow-1.kyc .input {
    background: #e7f0fe;
    padding: 1.5%;
    color: #000;
    font-weight: 600;
    min-height: 50px;
    max-height: 50px;
    margin-bottom: 2%;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    display: flex;
    align-items: center;
}
.login-container.flex-grow-1.kyc .input input#scales {
    width: 17px;
    height: 17px;
    border-radius: 100% !important;
    border: 1px solid #ddd;
}

.login-container.flex-grow-1.kyc .input label {
    margin-left: 3%;
}
.ddd-background {
    background: #f4f4f4;
    width: 100%;
    margin: 0 1%;
    padding: 2%;
    border: 1px solid #ddd;
    border-radius: 9px;
	margin-bottom: 2%;
}

.row.new-cards {
    width: 100%;
}

.row.new-cards .col-lg-6 {
    padding: 0% 2%
}

.row.new-cards .col-lg-6 input {
    margin-right: 2%;
	width: 18px;
    height: 18px !important;
    min-width: 18px;
    top: 15%;
    display: block;
    position: relative;
}

.row.new-cards .col-lg-6 label {
    color: #000;
}


.row.new-cards .col-lg-4 {
    padding: 1% 4%;
}

.row.new-cards .col-lg-4 input {
    margin-right: 2%;
	width: 18px;
    height: 18px !important;
    min-width: 18px;
    top: 9%;
    display: block;
    position: relative;
}

.row.new-cards .col-lg-4 label {
    color: #000;
}

span.subtitle li {
    font-size: 17px;
    color: #000;
    font-weight: 700;
}

.row.new-cards .col-lg-3 {
    padding: 1% 4%;
}

.row.new-cards .col-lg-3 input {
    margin-right: 2%;
	width: 18px;
    height: 18px !important;
    min-width: 18px;
    top: 9%;
    display: block;
    position: relative;
}

.row.new-cards .col-lg-3 label {
    color: #000;
}
.row.new-cards .col-lg-3 {
    background: transparent;
    display: flex;
}
.row.new-cards .input input#scales {
    top: 3%;
    margin-right: 0%;
    margin-left: 3%;
}
.row.new-cards .col-lg-6 input.form-control {
    width: 100%;
}
.login-container.flex-grow-1.kyc .input.textarea {
    max-height: 100%;
    padding: 0;
}

.login-container.flex-grow-1.kyc .input.textarea textarea#w3review {margin: 0;background: transparent;border: none;}
section.project-sec.prjts .row.secprjts {
	margin-right: 0px;
}

section.project-sec.prjts button.dropbtn {
	margin: 0px 10px;
}
.bbb-wrapper .subcribe-form p.text-center {
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 1.5px;
}

.bbb-wrapper .subcribe-form p.text-center b {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: capitalize;
}

.footer-logo p {
    max-width: 80%;
}
.tdetlst.col-md-9 .col-md-3 p {
    color: #1b54a0;
    font-weight: 700;
	margin-bottom: 0;
}
.tdetlst.col-md-9 .col-md-3 span.sub {
    font-size: 12px;
}
.tdetlst.col-md-9 .col-md-3:hover {
    background: #12488f;
}

.tdetlst.col-md-9 .col-md-3:hover h5 {
    color: #fff;
}

.tdetlst.col-md-9 .col-md-3:hover p {
    color: #fff;
}

.tdetlst.col-md-9 .col-md-3:hover span.sub {
    color: #fff;
}

.bg-img-wrap.detls-proj.marketplace {
	margin-bottom: 8%;
    margin-top: 0%;
}
h2.sec-tilte {
    color: #000;
    font-size: 39px;
}
 
div#btnContainer {
    width: max-content;
    float: right;
    margin-top: -6%;
}

.projects-box-conts h2.sec-tilte {
    margin-bottom: 3%;
}
section.project-sec.prjts .container-lg .project-box .curn-tit img {
    border: none;
    border-radius: 0;
    width: 18px;
    margin-right: 5px;
}

section.project-sec.prjts .container-lg .project-box .curn-tit {
    display: flex;
    align-items: center;
}

section.project-sec.prjts .container-lg .project-box .curn-tit h5 {
    margin-bottom: 0;
}

section.project-sec.prjts .container-lg .project-box .curn-tit h5 {
    font-size: 15px;
    color: #000;
    font-weight: 400;
}
img.new-icons {
    width: 18px !important;
}
img.new-icons.sharia {
    width: 14px !important;
}
.bg-img-wrap.detls-proj.marketplace {
    height: 300px;
}

.bg-img-wrap.detls-proj.marketplace img {
    height: 330px;
    width: 100%;
}


.projects-box-conts .project-box.asdasd .d-flex.align-items-center.pb-3 .sts img {
	width: 100%;
	border: none;
	border-radius: 0;
}



.projects-box-conts .col-md-12 .project-box.asdasd a.btn.primary-btn.w-100 {
	display: none;
}

.projects-box-conts .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 i {
    border-color: #fff !important;
    color: #fff !important;
}
.projects-box-conts .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 {
	display: block;
    max-width: 5%;
    display: block;
    padding: 20px;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    right: -1.7vw;
    width: 20px !important;
    height: 20px;
    display: block;
    justify-content: center;
    align-items: center;
    background: #00a652;
    border: 2px solid #00a652;
    font-size: 0;
}
.row.sec-sort-view.grid-viewss .col-md-12:hover a.btn.primary-btn.w-100 {
    width: 100% !important;
    font-size: 16px;
    background: #00a652;
    border-color: #00a652;
}
.row.sec-sort-view.grid-viewss .col-md-12 a.btn.primary-btn.w-100 {
    width: 100% !important;
    font-size: 16px;
    background: #00a652;
    border-color: #00a652;
}
.row.sec-sort-view.grid-viewss .column .col-md-12 .project-box.asdasd a.btn.primary-btn.w-100 {
    font-size: 15px;
    width: 80% !important;
    text-align: center;
    display: block;
    margin-left: 10% !important;
    margin-right: 10% !important;
    margin-top: 4%;
}
	.projects-box-conts .col-md-12:hover .project-box.asdasd a.btn.primary-btn.w-100 i.arrow.right {
		border: solid #fff;
		border-width: 0 3px 3px 0;
	}


.projects-box-conts .col-md-12:hover {
	transition: transform 0.3s ease;
	transform: scale(1.03);
	box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);
}

.row.sec-sort-view.grid-viewss .column .col-md-12 .project-box.asdasd a.btn.primary-btn.w-100 i {
    border-color: #fff;
}
div#popup2 a.btn.primary-btn.ms-auto.ps-0.pe-0.col-5.col-sm-4.col-xl-3 {
    display: flex;
    justify-content: center;
    align-items: center;
	width: 30%;
}
.dropdown.me-3.me-sm-4.notify {
    text-align: center;
    margin: 0 2% !important;
}

.dropdown.me-3.me-sm-4.notify a {
	background: #f3f3f3;
    padding: 8px;
    border-radius: 35px;
    height: 38px !important;
    display: flex;
    width: 38px;
    align-items: center;
    justify-content: center;
}
.dropdown.lang-dropdown.me-4.search {
    text-align: center;
    margin: 0 2% !important;
}
.dropdown.lang-dropdown.me-4.search a {
	 
    padding: 8px;
    border-radius: 35px;
    height: 38px !important;
    display: flex;
    width: 41px;
    align-items: center;
    justify-content: center;
}
.dropdown.lang-dropdown.me-4.search a img {
    height: 25px;
    width: 25px;
}
.header-links.ms-auto.d-flex.align-items-center a.dropdown-item {
    border: 1px solid #00a652;
    color: #00a652;
    border-radius: 35px;
}


.tabs {
	display: flex;
	width: 100%;
	max-width: 400px;
	border: none;
	margin: auto;
	background: transparent;
    padding: 1.5%;
    border-radius: 35px;
}

.tab {
	flex: 1;
	text-align: center;
	padding: 3%;
	cursor: pointer;
	background-color: transparent;
	 
}

.tab.active {
    background-color: transparent;
    border-radius: 0;
    color: #777;
    border-bottom: 3px solid #39aa4e;
}

.tab-content {
	display: none;
	padding: 20px;
	background-color: transparent;
	width: 100%;
}

.tab-content.active {
	display: block;
}
.popup .signup.card form {
    display: block;
}

.popup .signup.card form label {
    width: 100%;
    text-align: left;
    margin: auto;
    font-size: 14px;
}
.popup .signup.card form input {
      width: -webkit-fill-available;
    text-align: start;
    margin: auto;
    margin-bottom: 3%;
    border-radius: 9px;
    border: 1px solid #e3e3e3;
    padding: 10px;
    font-size: 12px;
    background: #f3f3f3;
}
.popup .signup.card form a.btn.primary-btn {
      width: 71%;
    max-height: 40px;
    display: inline-block;
    border: none;
    background: #00a651;
    color: #fff;
    border-radius: 7px !important;
}

.popup .signup.card form a.btn.primary-btn img.next {
    width: 19px;
    filter: invert(1);
    float: right;
    margin: 1%;
}
.popup .signup.card form a.btn.primary-btn:hover {
   background: #017138 !important;
    color: #fff !important;
}

.popup .signup.card form a.btn.primary-btn:hover img.next {
    
}
.popup .signup.card .row.ckeck a {
    color: #00a651;
    text-decoration: underline;
}
.row.ckeck {
    display: flex;
    width: 100%;
    margin: auto;
	font-size: 12px;
	    justify-content: flex-end;
}

.row.ckeck input#terms {
    width: auto;
}

.row.ckeck label {
    width: auto;
}
.social-login {
    display: flex;
    justify-content: center;
}

.social-login div {
    margin: 2%;
}
.social-login img {
    height: 30px !important;
    width: 30px;
    background: #eee;
    padding: 5px;
    border-radius: 35px;
}
 
.row.social-login span {
    font-size: 13px;
}

span.or {
    font-size: 11px;
    margin: 2%;
}
 
.social-login .col-lg-2 a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.or hr {
    position: absolute;
    z-index: 9;
    width: 100%;
    margin-top: 1.3%;
    background: #c4bfbf;
    text-align: center;
}

.or {
    width: max-content;
    text-align: center;
    margin: 3% auto;
    display: flex;
    justify-content: center;
}
span.or {
    background: #fff;
    z-index: 9999;
    padding-right: 20px;
    padding-left: 20px;
}
 

a.dropdown-toggle.dropdownLang.account-bar.d-flex.align-items-center img.me-2 {
    margin-left: 16%;
   
}

a.dropdown-toggle.dropdownLang.account-bar.d-flex.align-items-center:hover img.me-2 {
    filter: brightness(0.5);
}

.fact-box.d-flex.nws {
    text-align: start;
    border-radius: 25px;
    background: #fff;
}

.fact-box.d-flex.nws img.me-3 {
    margin-bottom: 10%;
}


.tab-section {
	width: auto;
	margin: 0 auto;
	overflow-x: auto;
	white-space: nowrap;
}

.tab {
	display: inline-block;
	padding: 10px 20px;
	 
	cursor: pointer;
}

.tab-content {
	display: none;
	 
}

.tab-content.active {
	display: block;
}

 
section.project-sec.prjts .container-lg .project-box-home .tab-section .tabs {
    margin: 0;
    width: 100% ;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 0px;
	    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

section.project-sec.prjts .container-lg .project-box-home .tab-section .tabs .tab {
    font-size: 17px;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 2% 0%;
    max-width: 18%;
    font-weight: 500;
}

 

.row.sec-sort-view {
    display: flex;
}

 
.project-title {
    width: 82%;
    margin: auto;
}

.project-title h2.title {
    font-size: 24px;
    color: #000;
}

.project-title a.goldeb-btn {
    float: right;
    border: 2px solid #00a652;
    color: #00a652;
    padding: 8px;
    border-radius: 35px;
}

.row.ndes h2.sec-tilte {
    font-size: 19px;
}
.row.sec-sort-view {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
	    flex-wrap: wrap;
}
.row.sec-sort-view .column {
    width: 55%;
}
 
.company-box .row {
    display: flex;
    align-items: center;
}

.company-box .row  img {
    max-width: 55px;
    border: 1px solid #ddd;
    border-radius: 15px;
    height: 55px;
}
.company-box {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2%;
}
section.project-sec.prjts .container-lg .project-box .col-md-12.proj-tit img {
	width: 18px;
    border: none;
    background: #e8e8e8;
    padding: 0px;
}

.row.asd {
    width: 100%;
}

.row.sec-sort-view .project-box.asdasd .col-md-12.proj-tit.row a.share {
    background: transparent;
    border: 1px solid #00a652;
}

.row.sec-sort-view .project-box.asdasd .col-md-12.proj-tit.row a.share img {
    background: transparent;
}
section.project-sec.prjts .container-lg .project-box .col-md-12.proj-tit a {
    background: #e8e8e8;
    color: #000;
    padding: 8px;
    border-radius: 35px;
    font-size: 13px;
}
a.share {
    float: right;
}
 

section.project-sec.prjts .container-lg .project-box .col-md-12.proj-tit.row.title a {
    background: transparent;
    font-size: 20px;
    font-weight: 600;
}

section.project-sec.prjts .container-lg .project-box .col-md-12.proj-tit.row.title {
    padding-top: 0;
	padding-bottom: 0;
}
.homepageprice {}

.homepageprice .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.homepageprice .row .currentprice {
    width: auto;
}

.homepageprice .row .currentprice span {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.homepageprice .row .dicount {
    width: auto;
    background: #f64242;
    color: #fff;
    border-radius: 5px;
}

.col-md-12.proj-tit.row {
    padding-bottom: 0;
}

 

.oldprice span {
    font-size: 13px;
    text-decoration: line-through;
    color: #333;
}
.homepageprice .row .oldprice {
    width: auto !important;
}

.homepage-prod-btn a {
    width: 100%;
    background: #00a652;
    color: #fff;
    display: block;
    border-radius: 7px;
    padding: 10px;
    text-align: center;
}
.row.sec-sort-view .project-box.asdasd .homepage-prod-btn a {
    font-size: 0;
	background-image: url(images/Arrow-right.png);
	background-color: transparent;
    background-repeat: no-repeat;
	background-size: 48px;
    background-position: center right;
	
}
.row.sec-sort-view .project-box.asdasd .homepage-prod-btn {
    width: fit-content;
	padding: 0;
	
}
.homepageprice .row.homepageprd {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.row.sec-sort-view .project-box.asdasd .homepage-prod-btn a {
    width: 50px;
}
 
.row.sec-sort-view.grid-viewss .column .col-md-12 .project-box.asdasd .tit-sec .d-flex.align-items-center.pb-3 .ps-2.ttse img {
    width: -webkit-fill-available;
    height: 100%;border-radius: 15px !important;
}
.column.servece.videos {
    background: #fff !important;
    border-radius: 18px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17) !important;
}
section.project-sec.prjts.Cousrces .column .col-md-12 {
    padding-top: 0;
}
.row.sec-sort-view.grid-viewss .company-box {
    border: none;
}

.row.sec-sort-view.grid-viewss .company-box p {
    padding: 0 7%;
}
 
.row.sec-sort-view.grid-viewss .company-box .col-lg-10 p {
    margin: 0;
}
.row.sec-sort-view.grid-viewss .homepageprice .homepage-prod-btn {
    width: 100%;
    display: block;
}

.row.sec-sort-view.grid-viewss .homepageprice .homepage-prod-btn a {
    width: 100%;
    font-size: 19px;
    background: #00a652;
}

.row.sec-sort-view.grid-viewss .homepageprice .row.homepageprd {
    display: block;
}

.row.sec-sort-view.grid-viewss .row.asd {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
}

.row.sec-sort-view.grid-viewss 
 .d-flex.align-items-center.pb-3 {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}
section.vendors .project-title span {
    color: #fff;
}

 ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

 ::-webkit-scrollbar
{
	height: 6px;
	width: 6px;
	background-color: #F5F5F5;
}

 ::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #00a652;
}
.footer-logo img {
    
    width: 100%;
}
.footer-logo ul img {
    width: 21px;
}

.footer-logo ul li {
    display: flex;
}

.footer-logo ul li a {
    color: #fff;
}
.footer-logo ul {
    padding: 0;
}
.footer-section.contact li {padding: 0;list-style: none;color: #fff;}

.footer-section.contact li a {
    color: #fff;
}

.footer-section.contact h3 {
    color: #fff !important;
}

.footer-section.contact ul {
    padding: 0;
}
.footer-section.social h3 {
    color: #fff !important;
}

.footer-section.social ul {
    padding: 0;
    list-style: none;
}

.footer-section.social ul li a {
    color: #fff;
}
.footer-section.contact ul.social-links {}

.footer-section.contact ul.social-links li a img {
    background: #fff;
    padding: 4px;
    border-radius: 35px;
    width: 27px;
    height: 27px;
}

.footer-section.contact ul.social-links li {
    margin: 0;
    border: none;
}

 

.footer-section.contact ul.social-links li a img {
    background: #fff;
    padding: 4px;
    border-radius: 35px;
    width: 27px;
    height: 27px;
}

.footer-section.contact ul.social-links li {
    margin: 0;
    border: none;
}

 
.footer-section.copyright .footer-content {
    padding: 0 7% 0% 7% !important;
    color: #fff;
}
.footer-section.copyright .footer-content a {
    color: #fff;
}
.container-lg.facts {
 background-color: #f8f8f8;
 max-width: 100%;
     padding: 2%;
}
section.adout-sec {
    padding: 3%;
    margin-top: 0% !important;
    background: #fff;
    max-width: 100%;
    margin: auto;
    border-radius: 30px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.11);
	margin-bottom: 3%;
}
section.adout-sec .project-title {
    width: 100%;
}

section.adout-sec .project-title .row {
    display: flex;
    align-items: center;
}

section.adout-sec .project-title .row a.goldeb-btn {
    border: none;
}

section.adout-sec .project-title .row a.goldeb-btn img {
    width: 35px;
}

section.adout-sec .project-title {
    margin-bottom: 3%;
}
section.adout-sec .img-img-bg.d-none.d-md-block {
    left: unset;
    bottom: unset;
    position: relative;
}


section.adout-sec .slider {
	display: flex;
	max-width: 1200px; /* Overall width of the slider */
	margin: auto;
	overflow: hidden;
	border-radius: 10px;
	padding-bottom: 2%;
}
section.adout-sec .slides {
	width: 50%; /* Set slides container to 50% */
	display: flex;
	transition: transform 0.5s ease-in-out;
	position: relative;
}
section.adout-sec .slide {
	min-width: 100%; /* Each slide takes full width of the slides container */
	box-sizing: border-box;
	display: none; /* Hide slides by default */
}
section.adout-sec .slide.active {
	display: block; /* Show active slide */
}
section.adout-sec .slide img {
	width: 100%;
	border-radius: 10px;
}
.thumbnails {
	width: 50%; /* Set thumbnails container to 50% */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-left: 6%; /* Optional padding */
}
.thumbnail-container {
    margin: 5px 0;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
    width: 100%;
}
.thumbnail-container.active {
	opacity: 1;
}
.thumbnail {
	width: 100%; /* Make thumbnail fill the container */
	max-width: 40%; /* Limit thumbnail size */
	height: auto; /* Maintain aspect ratio */
	border-radius: 5px;
}
.thumbnail-container.active {
	border: 2px solid #00a652;
padding:1%;
border-radius:15px;
background:#ffeac1;
}
.thumbnail-container .row {
	width: 63%;
    padding: 3%;
    max-width: 63%;
	font-weight: 400;
    color: #000;
}

.thumbnail-container .row img {
    width: 20px;
}

.thumbnail-container {
    display: flex;
}
.thumbnail-date {
    display: flex;
    font-size: 14px;
}

.thumbnail-date span {
    margin: 0 4%;
}
.thumbnail-data {
    margin-top: 4%;
    line-height: 1.5;font-size: 13px;
}
.date-slider img {
    width: 30px !important;
}

.date-slider {
    margin-top: 3%;
    color: #000;
}

.date-slider span {
    font-size: 16px;
    font-weight: 500;
}

.thumbnail-slider-title {
    font-size: 20px;
    font-weight: 600;
    margin: 2% 0;
    line-height: 1.3;
}
a.goldeb-btn.read img {
    width: 21px !important;
}
a.goldeb-btn.read {
       background: #28a850;
    display: flex;
    width: max-content;
    color: #fff;
    padding: 7px;
    border-radius: 7px;
    font-size: 16px;
    align-items: center;
}

.thumbnail-slider-p {
    margin-bottom: 3%;
}


.services-section {
    display: flex;
    justify-content: center;
	z-index: 9;
    position: relative;
}

.card.services {
    text-align: center;
    width: 100%;
    margin: 1%;
    padding:13% 1%;
    border: none;
    border-radius: 15px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
	height: 220px;
}

.card.services img {
    width: auto;
    margin: auto;
    padding-bottom: 3%;
}

.card.services span {
    font-size: 20px;
    font-weight: 400;
    color: #00a652;
}
.card.services a span {
    font-size: 20px;
    font-weight: 700;
    color: #00a652;
}
.card.services:hover {
    color: #fff;
    background: #00a652;
}

.card.services:hover span {
    color: #fff;
}

a.hidden-btn {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
    margin: auto;
    border-radius: 77px;
    padding: 6px;
    width: 55px;
    height: 55px;
       background: #fff;
    display: none;
}

a.hidden-btn img {
    width: 29px !important;
    transform: rotate(45deg);
}

.card.services:hover a.hidden-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.services-section .serve {
    width: 15%;
	text-align: center;
    margin: 1%;
}
.services-section .serve:hover a.hidden-btn {
    display: flex;
    margin-top: -16%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.card.services:hover img {
    filter: brightness(21.5);
}
.card.services span.num {
    padding-bottom: 7%;
}

.card.services:hover img {
    filter: brightness(21.5);
}

.card.services span.num {
    padding-bottom: 7%;
}

.services-section .serve:hover {
    margin-top: -5px;
    margin-bottom: 1%;
	transition: 0.6s;
}
section.project-sec.prjts.Cousrces .column {
      width: 31%;
    margin: 1%;
    padding: 0;
}
section.project-sec.prjts.Cousrces .row.ndes {
    display: none;
}
 section.project-sec.prjts.Cousrces .column.servece.videos .sts .services-details__img-and-feature {
    margin-top: 0;
    margin-bottom: 0;
}
section.project-sec.prjts.Cousrces .tabs {
    width: max-content !important; 
    max-width: 100% !important;
}

section.project-sec.prjts.Cousrces .tabs .tab {
    margin: 0 5px; 
}

 
 
section.project-sec.prjts.Cousrces .tabs {
    margin-bottom: 2% !important; 
}

section.project-sec.prjts.Cousrces .container-lg {
    max-width: 96%;
}

section.project-sec.prjts.Cousrces .container-lg .tab-content {
    background: transparent;
}

section.project-sec.prjts.Cousrces .container-lg .tab-content {
    background: transparent;
}
 
section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .col-md-12 {
    background: #f5f5f5;
}
.projects-box-conts .project-box.asdasd .d-flex.align-items-center.pb-3 .sts img {
    border-radius: 10px !important;
    height: 145px;
}
 

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .col-md-12.proj-tit.row {
    padding-left: 0;
    padding-right: 0;
}
 

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .homepageprice {
    padding: 0 !important;  
    margin: 0 !important; 
}
 
section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column.servece .col-md-12.proj-tit.row.title a {
    font-size: 16px !important; 
    font-weight: 400 !important; 
    background: transparent !important; 
    color: #000 !important; 
	padding: 0;
}

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .col-md-12.proj-tit.row a {
    color: #fff !important; 
    background: #00a652;
}

 
section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .homepageprice .row {
    display: flex;
}

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .homepageprice .row .startdate {
    width: 100%;
    display: flex;
	    margin-top: 4%;
		    align-items: center;
			padding: 0;
}

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .homepageprice .row .starttimer {
    width: 50%;
    display: flex;
}

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .homepageprice img {
      width: 19px;
    height: 18px;
    border: none;
    border-radius: 0;
    margin-right: 4px;
}

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .homepageprice .row  span {
    font-size: 13px;
	    display: flex;
}

section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .column .homepageprice .row span span.datestarter {
  color: #777;
    font-weight: 400;
    margin: 0 8px;
}
section.project-sec.prjts.Cousrces .row.sec-sort-view.grid-viewss .ps-2.ttse {
    height: auto !important;
}

 
/* Slick Slider */

.slick-prev, .slick-next {
	position: absolute;
	top: 35%;
	font-size: 1.8rem;
  }
  
  .slick-prev {
	left: 0;
  }
  
  .slick-next {
	right: 0;
  }
  
  .slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
		user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
  }
  
  .slick-list:focus {
	outline: none;
  }
  
  .slick-list.dragging {
	cursor: pointer;
	cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
	  -webkit-transform: translate3d(0, 0, 0);
		 -moz-transform: translate3d(0, 0, 0);
		  -ms-transform: translate3d(0, 0, 0);
		   -o-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
	  position: relative;
	  top: 0;
	  left: 0;
	  display: block;
  }
  
  .slick-track:before,
  .slick-track:after {
	  display: table;
	  content: '';
  }
  
  .slick-track:after {
	  clear: both;
  }
  
  .slick-loading .slick-track {
	  visibility: hidden;
  }
  
  .slick-slide {
	  display: none;
	  float: left;
	  height: 100%;
	  min-height: 1px;
  }
  
  [dir='rtl'] .slick-slide {
	  float: right;
  }
  
  .slick-slide img {
	  display: block;
  }
  
  .slick-slide.slick-loading img {
	  display: none;
  }
  
  .slick-slide.dragging img {
	  pointer-events: none;
  }
  .slick-initialized .slick-slide {
	  display: block;
  }
  .slick-loading .slick-slide {
	  visibility: hidden;
  }
  .slick-vertical .slick-slide {
	  display: block;
	  height: auto;
	  border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
	  display: none;
  }
  
  .slide {
	  transition: filter .4s;
	  margin: 0px 40px;
  }
  
  .fas {
	  color: #96bd0b;
  }
  .slick-prev {
	  left: 0;
  }
  .slick-prev, .slick-next {
	  position: absolute;
	  top: 35%;
	  font-size: 1.8rem;
  }
  
  .section {
	max-width: 1200px;
	margin: 0 auto;
  }

  section.vendors {
    margin: 4% auto;
    background: #00a652;
    width: 75%;
    padding: 4%;
    border-radius: 35px;
	padding-bottom: 2%;
  
}

section.vendors .project-title {
    margin: 0;
	width: 100%;
    margin-bottom: 3%;
  }

 

.vendor-slides .slide-in-right.slide.slick-slide {
  
	/* height: 150px;
	width: 150px !important; */
   
   
}

.vendor-slides .slide-in-right.slide.slick-slide img {
	/* width: 145px;
    height: 145px; */
    border-radius: 100%;
    background: #fff;
	max-width: 190px;
	max-height: 190px;
}

.slick-track {
       display: flex !important;
}

.slick-slider i {
    background: #fff;
    border-radius: 35px;
}

 
section.vendors .project-title h2.title {
    color: #fff;
    font-size: 21px;
}

section.vendors .project-title a.goldeb-btn {
    background: #fff;
    color: #00a652;
    padding: 8px 17px;
}

/* section.vendors .slick-prev:before {
    content: '←'!important;color: #00a652;
    font-size: 49px;
    opacity: 1;
}

section.vendors .slick-next:before {
    content: '→' !important;color: #00a652;
    font-size: 49px;
    opacity: 1;
} */
section.vendors .slick-next {
	right: -10px !important;
}
section.vendors .slick-slider i {
	background: transparent;
    /* background: #fff; */
    border-radius: 35px;
    width: 50px !important;
    height: 50px;
    z-index: 9;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
section.vendors .slick-list.draggable {
    max-width: 92%;
    margin: auto;
}
span.slide-right.slick-arrow {
    position: absolute;
    top: 40%;
    right: -10px;
}
span.slide-left.slick-arrow {
    position: absolute;
    top: 40%;
    left: -10px;
}


 
.row.header-row a {
    display: flex;
    align-items: center;
}

.logo-text {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    color: #000;
    font-size: 14px;
}

#navbar .container-lg .row.header-row img.white-logo.d-none.d-md-block {
      max-width: 100%;
    margin: 0 3%;
    width: 90%;
}

/* -------------------------------- 

File#: _1_language-picker
Title: Language Picker
Descr: A custom selector allowing users to choose their preferred language on a page
Usage: codyhouse.co/license

-------------------------------- */
/* reset */
*, *::after, *::before {
  box-sizing: border-box;
}

* {
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: hsl(0, 0%, 100%);
  font-family: system-ui, sans-serif;
  color: hsl(230, 7%, 23%);
  font-size: 1rem;
}

h1, h2, h3, h4 {
  line-height: 1.2;
  color: hsl(230, 13%, 9%);
  font-weight: 700;
}

h1 {
  font-size: 2.0736rem;
}

h2 {
  font-size: 1.728rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.2rem;
}

ol, ul, menu {
  list-style: none;
}

button, input, textarea, select {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

a {
  color: hsl(250, 84%, 54%);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, video, svg {
  display: block;
  max-width: 100%;
}

@media (min-width: 64rem) {
  body {
    font-size: 1.25rem;
  }

  h1 {
    font-size: 3.051rem;
  }

    h2 {
    font-size: 2.44rem;
  }

    h3 {
    font-size: 1.75rem;
  }

    h4 {
    font-size: 1.5625rem;
  }
}

/* variables */
:root {
  /* colors */
  --li4-color-primary-hsl: 250, 84%, 54%;
  --li4-color-bg-hsl: 0, 0%, 100%;
  --li4-color-contrast-high-hsl: 230, 7%, 23%;
  --li4-color-contrast-higher-hsl: 230, 13%, 9%;
  --li4-color-bg-light-hsl: 0, 0%, 100%;
  --li4-color-white-hsl: 0, 0%, 100%;
  --li4-color-bg-dark-hsl: 240, 4%, 95%;
  --li4-color-bg-lighter-hsl: 0, 0%, 100%;
  --li4-color-black-hsl: 230, 13%, 9%;

  /* spacing */
  --li4-space-3xs: 0.25rem;
  --li4-space-2xs: 0.375rem;
  --li4-space-xs: 0.5rem;
  --li4-space-sm: 0.75rem;
}

@media(min-width: 64rem){
  :root {
    /* spacing */
    --li4-space-3xs: 0.375rem;
    --li4-space-2xs: 0.5625rem;
    --li4-space-xs: 0.75rem;
    --li4-space-sm: 1.125rem;
  }
}

/* buttons */
.li4-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  white-space: nowrap;
  text-decoration: none;
  background: hsl(var(--li4-color-bg-dark-hsl));
  color: hsl(var(--li4-color-contrast-higher-hsl));
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease;
  will-change: transform;
  padding: var(--li4-space-2xs) var(--li4-space-sm);
  border-radius: 0.25em;
}

.li4-btn:focus-visible {
  box-shadow: 0px 0px 0px 2px hsl(var(--li4-color-bg-hsl)), 0px 0px 0px 4px hsla(var(--li4-color-contrast-higher-hsl), 0.15);
  outline: none;
}

.li4-btn:active {
  transform: translateY(2px);
}

.li4-btn--subtle {
  background: hsl(var(--li4-color-bg-lighter-hsl));
  color: hsl(var(--li4-color-contrast-higher-hsl));
 }
ul.language-picker__list {
    padding: 0;
}
ul.language-picker__list {
    padding: 0;
}

ul.language-picker__list li:hover {
    background: #00a652;
}

ul.language-picker__list li:hover a span {
    color: #fff;
}
.li4-btn--subtle:hover {
  background: hsl(var(--li4-color-bg-light-hsl));
  box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);
}

.li4-btn--subtle:focus {
  box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12), 0px 0px 0px 2px hsl(var(--li4-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--li4-color-contrast-high-hsl));
}

.li4-icon {
  height: var(--li4-size, 1em);
  width: var(--li4-size, 1em);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}

/* component */
:root {
  --picker-vertical-gap: 4px;
}

.language-picker {
  display: inline-block;
  position: relative;
}

.language-picker__form {
  display: none;
}

.language-picker__button .li4-icon {
  height: 16px;
  width: 16px;
}
.language-picker__button .li4-icon:first-of-type {
  margin-right: var(--li4-space-3xs);
}
.language-picker__button .li4-icon:last-of-type {
  margin-left: var(--li4-space-3xs);
}
ul.language-picker__list {
    margin: 0;
}
.language-picker__dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  width: -webkit-fill-available;
  background-color: hsl(var(--li4-color-bg-light-hsl));
  box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
  padding: var(--li4-space-3xs) 0;
  border-radius: 0.25em;
  z-index: 5;
  margin-top: var(--picker-vertical-gap);
  margin-bottom: var(--picker-vertical-gap);
  --space-unit: 1rem;
  --text-unit: 1rem;
  font-size: var(--text-unit);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s;
}

.language-picker__dropdown--right {
  right: 0;
  left: auto;
}

.language-picker__dropdown--up {
  bottom: 100%;
  top: auto;
}

.language-picker__button[aria-expanded=true] + .language-picker__dropdown {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s;
}

.language-picker__item {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: var(--li4-space-2xs) var(--li4-space-sm);
  color: hsl(var(--li4-color-contrast-high-hsl));
  transition: background 0.2s;
}
.language-picker__item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.language-picker__item:hover {
  background-color: hsla(var(--li4-color-contrast-higher-hsl), 0.075);
}
.language-picker__item:focus {
  outline: none;
  background-color: hsla(var(--li4-color-primary-hsl), 0.1);
}
.language-picker__item[aria-selected=true] {
  position: relative;
background-color: #eee;
    color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.language-picker__item[aria-selected=true]:focus {
  outline: 0px !important;
}
a.dropdown-toggle.dropdownLang.account-bar.d-flex.align-items-center:after {
    display: none;
}

.dropdown.lang-dropdown.me-4.search a.dropdown-toggle.dropdownLang:after {
    display: none;
}
.language-picker__item[aria-selected=true]::after {
  content: "";
  height: 16px;
  width: 16px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
  margin-left: auto;
}

.language-picker__flag {
  display: flex;
  align-items: center;
}
.language-picker__flag::before {
  display: none;
  flex-shrink: 0;
  content: "";
  height: 16px;
  width: 16px;
  margin-right: var(--li4-space-2xs);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.language-picker__dropdown .language-picker__flag::before {
  margin-right: var(--li4-space-xs);
}

.language-picker--flags .language-picker__flag::before {
  display: inline-block;
  display: inline-flex;
}
.language-picker--flags .language-picker__button .li4-icon:first-of-type {
  display: none;
}

.language-picker__flag--deutsch::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M48,18H0V8c0-1.105,0.895-2,2-2h44c1.105,0,2,0.895,2,2V18z'/%3E%3Crect y='18' fill='%23EE0000' width='48' height='12'/%3E%3Cpath fill='%23FDCF00' d='M48,40c0,1.105-0.895,2-2,2H2c-1.105,0-2-0.895-2-2V30h48V40z'/%3E%3C/svg%3E");
}

.language-picker__flag--english::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23002781' d='M46,6H2C0.896,6,0,6.896,0,8v32c0,1.104,0.896,2,2,2h44c1.104,0,2-0.896,2-2V8C48,6.896,47.104,6,46,6z'/%3E%3Cpath fill='%23E6E6E6' d='M48,8c0-1.104-0.896-2-2-2h-5.161L28,15.876V6h-8v9.876L7.161,6H2C0.896,6,0,6.896,0,8v2.586L12.239,20H0v8 h12.239L0,37.415V40c0,1.104,0.896,2,2,2h5.161L20,32.124V42h8v-9.876L40.839,42H46c1.104,0,2-0.896,2-2v-2.585L35.761,28H48v-8 H35.761L48,10.586V8z'/%3E%3Cpolygon fill='%23D10D24' points='48,22 26,22 26,6 22,6 22,22 0,22 0,26 22,26 22,42 26,42 26,26 48,26 '/%3E%3Cpath fill='%23D10D24' d='M47.001,6.307L29.2,20h3.28L48,8.062V8C48,7.268,47.587,6.656,47.001,6.307z'/%3E%3Cpath fill='%23D10D24' d='M32.48,28H29.2l17.801,13.693C47.587,41.344,48,40.732,48,40v-0.062L32.48,28z'/%3E%3Cpath fill='%23D10D24' d='M15.52,28L0,39.938V40c0,0.732,0.413,1.344,0.999,1.693L18.8,28H15.52z'/%3E%3Cpath fill='%23D10D24' d='M15.52,20h3.28L0.999,6.307C0.413,6.656,0,7.268,0,8v0.062L15.52,20z'/%3E%3C/svg%3E");
}

.language-picker__flag--francais::before {
  background-image: url("./images/Homepage/icons/saudi-arabia-flag-png-xl.jpg");
}

.language-picker__flag--italiano::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23009345' d='M16,42H2c-1.105,0-2-0.895-2-2V8c0-1.105,0.895-2,2-2h14V42z'/%3E%3Cpath fill='%23CF2B36' d='M48,40c0,1.105-0.895,2-2,2H32V6h14c1.105,0,2,0.895,2,2V40z'/%3E%3Crect x='16' y='6' fill='%23E6E6E6' width='16' height='36'/%3E%3C/svg%3E");
}

.language-picker--hide-label .language-picker__button .li4-icon {
  margin-left: 0;
}
.language-picker--hide-label .language-picker__button .li4-icon:first-of-type {
  display: none;
}
.language-picker--hide-label .language-picker__button em {
  display: none;
}
.language-picker--hide-label .language-picker__button .language-picker__flag::before {
  margin-right: var(--li4-space-3xs);
}

.language-picker--hide-label .language-picker__flag::before {
  display: inline-block;
  display: inline-flex;
}

/* utility classes */
.li4-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}




   .cch-current-storage {
      animation-name: color;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-direction:alternate-reverse;
      animation-timing-function:ease
}

@keyframes color {
  from {color: #fff;}
  to {color: #44cb87;}
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
select#language-picker-select {
	border: none;
	background-color: transparent;
	background-position: left 0rem center;
	padding: .375rem 1.25rem .375rem 2.25rem;
}
ul.topbar li a {
	color: #fff !important;
}
.language-picker.language-picker--flags.js-language-picker {
	background-image: url('../images/langauge.png');
	background-color: transparent;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 17px;
}
.content.video {
	/*position: absolute;
	background: transparent;
	top: 40%;*/
	text-align: center;
	background-image: url('../images/slider.gif');
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 550px!important;
	padding-top: 14%
}
/* Add some content at the bottom of the video/page */
.content {
  position: relative;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}
.content.video p {
       margin-top: 5% !important;
    max-width: 60%;
    margin: auto;
}
.header-right ul li span {
    display: flex;
	    align-items: center;
    white-space: nowrap;
}
button.language-picker__button.li4-btn.li4-btn--subtle.js-tab-focus {
    box-shadow: none;
}
.header-right ul li a {
    margin: 0 4px;
}
/* Style the button used to pause/play the video */
#myBtn {
width: 20%;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #00a652;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
	margin-top: 4%;
}
.content.video h1 {
    color: #fff;
}
#myBtn:hover {
  background: #ddd;
  color: black;
}
li.footer-mail {
    display: flex
;
}
.footer-section.address h3 {
    color: #fff !important;
}

ul.footer-address a {
    color: #fff !important;
}

ul.footer-address img {
    filter: invert(1);
    width: 21px;
}
ul.footer-address {
    margin: 0;
    padding: 0;
}

ul.footer-address li {
    display: flex;
}

ul.footer-address li img {
    height: fit-content;
    padding-top: 2%;
}

 footer {
    background-image: url(../images/Homepage/icons/Footer-Shape.svg);
	    background-repeat: no-repeat;
    background-position: bottom left;
}

.footer-section.address ul.social-header {
    padding: 0;
}

.bbb-wrapper .subcribe-form #subscribe input{

    background-repeat: no-repeat;
    background-position: 2%;
	background-image: url(../images/Homepage/icons/Email-footer-newsletter.svg);
}

.saf.card {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
	padding: 2%;
	width: 95%;
	margin: 5% auto;
}

a.goldeb-btn {
 background: #28a850;
    display: flex;
    width: max-content;
    color: #fff;
    padding: 7px;
    border-radius: 7px;
    font-size: 16px;
    align-items: center;
}

 
.saf.card .col-lg-7 {
    padding: 2% 3%;
}
.saf.card p {
    font-size: 16px;
    color: #6f6f6f;
}
a.goldeb-btn img {
    filter: invert(1);
    height: 17px;
    transform: rotate(180deg);
    margin: 0 5px;
}

.about-div.row {
    margin-top: 7%;
	background-image: url(../images/Homepage/backgrounds/BG2-ltr.png);
    background-repeat: no-repeat;
    background-size: 47%;
    padding: 3%;
    background-position: 3% top;
	 
}
 
.about-div.row h2.title {
    margin-top: 36%;
    font-weight: 400;
}
section.adout-sec .container-lg {
    padding: 0;
    max-width: 100% !important;
}

section.adout-sec .container-lg .slide {
    margin: 0;
}

section.adout-sec .container-lg .slide.active .thumbnail-slider-title {
    font-size: 17px;
}

section.adout-sec .container-lg .slide.active .thumbnail-slider-p {
    font-size: 13px;
}
.data-slider-calendar {
    display: flex;
    align-items: center;
}

.data-slider-calendar img {
    width: 5% !important;
}

.data-slider-calendar span {
    font-size: 12px;
    margin: 0 2%;
    font-weight: 400;
}

section.International {
    padding: 7%;
    text-align: center;
}

section.International .dftr {
    background: #b0e3cb;
    border-radius: 30px;
    margin: 9%;
}

section.International .dftr img {
    border-radius: 30px;
}

section.International .dftr a {
    display: flex;
    padding: 10% 4%;
    font-size: 17px;
    text-align: center;
    justify-content: space-evenly;
    color: #333;
    align-items: center;
}

section.International .dftr a img {height: 15px;transform: rotate(180deg);}

section.International .dftr:hover {
    background: #28a850;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.17);
}

section.International .dftr:hover a {
    color: #fff;
}

section.International .dftr:hover a img {
    filter: invert(1);
}

section.International .sec-title h2 {
    font-weight: 500;
}

section.International .sec-title p {
    font-size: 17px;
    font-weight: 400;
    color: #666;
}
.fact-box.d-flex.nws div {
    margin-top: 11%;
}

.fact-box.d-flex.nws div a {
    color: #333;
    font-weight: 500;
	    font-size: 20px;
    white-space: nowrap;
}

.fact-box.d-flex.nws div p {
    font-size: 16px;
    color: #777;
}

section.aboutus {
    background-image: url(../images/Homepage/backgrounds/BG3-ltr.png);
	    background-repeat: no-repeat;
    background-size: 73%;
    background-position: right;
    background-color: #f8f8f8;
}
section.aboutus .aboutus-text {
    padding-top: 25%;
}

section.aboutus ul {
    padding: 0 !important;
    margin-bottom: 5%;
    list-style: auto;
    color: #000;
}

section.aboutus .aboutus-text h2.title {
    margin-bottom: 4%;
}

button.btn.btn-whatsapp.btn-floating.btn-lg {
    position: fixed;
        bottom: 17%;
}

button.btn.btn-whatsapp.btn-floating.btn-lg img {
    width: 60px;
}

button.btn.btn-messanger.btn-floating.btn-lg {
      position: fixed;
    bottom: 27%;
}
button.btn.btn-phone.btn-floating.btn-lg {
	bottom: 7%;
	position: fixed;
}

	button.btn.btn-phone.btn-floating.btn-lg img {
		width: 60px;
	}
button.btn.btn-messanger.btn-floating.btn-lg img{
  width: 60px;
}
.btn-floating.btn-lg span.hover-txt {
	display: none;
	text-align: start;
}

.btn-floating.btn-lg:hover span.hover-txt {
	display: block;
	position: absolute;
	left: 90%;
	top: 25%;
	background: #fff;
	 
	width: max-content;
	min-width: 150px;
	border-radius: 0px 35px 35px 35px;
	box-shadow: 3px 0px 8px 2px #00800038;
	padding: 6px 15%;
}
.hover-txt-flex {
	display: flex;
}

	.hover-txt-flex div {
		margin: 0 10px;
		text-align: start;
	}
.btn-floating.btn-lg {
	display: flex;
}

span.hover-txt {
}

	span.hover-txt h3.title {
		font-size: 16px;
	}

	span.hover-txt p.txt-body {
		font-size: 14px;
		color: #666;
	}
button.btn.btn-messanger.btn-floating.btn-lg:focus {
    box-shadow: none;
}

button.btn.btn-whatsapp.btn-floating.btn-lg:focus {
    box-shadow: none;
}

section.project-sec.prjts.Cousrces .column .col-md-12 {
    background: transparent !important;
    box-shadow: none;
}


.license-div h2 {
        margin-top: -23% !important;
    color: #fff !important;
    font-size: 27px;
    text-align: center;
}
.account-wrapper.license h2 {
    color: #28a850;
    margin-bottom: 3%;
    margin-top: 4%;
}
.license-div {
    margin-top: 30%;
}

 #sticky-div {
            background-color: #f8f8f8;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            width: 100%;
            box-sizing: border-box;
        }
        
        #sticky-div.fixed {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            animation: slideDown 0.3s ease-out;
        }
        
        #sticky-div button {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }
        
        #sticky-div button:hover {
            background-color: #45a049;
        }
        
        @keyframes slideDown {
            from {
                transform: translateY(-100%);
            }
            to {
                transform: translateY(0);
            }
        }
		.card.table-card {
    padding: 3%;
    border: none;
    border-radius: 20px;
}

.card.table-card .col-lg-6 img {
    width: 100px;
    margin-bottom: 6%;
    display: flex;
    justify-content: flex-end;
    float: inline-end;
}

.card.table-card .col-lg-6 h2 {
    color: #000;
    display: flex;
    flex-direction: column;
}

.card.table-card .col-lg-6 span {
    font-weight: 600;
}
.card.table-card tr {
    border: none !important;
    border-width: 0;
}

.card.table-card tr th {
    border-width: 0;
    color: #000;
}
.card.table-card tr td {
    border-width: 0;
    color: #000;
}

.card.table-card {
    margin-bottom: 5%;
}
    .saf-popup-link {
            color: #0066cc;
            text-decoration: none;
            cursor: pointer;
        }
        .saf-popup-link:hover {
            text-decoration: underline;
        }
        
        /* Modal styles */
        .saf-modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
        }
        .saf-modal-content {
             background-color: #fefefe;
    margin: 15% auto;
    padding: 5% 1%;
    border: 1px solid #888;
    width: 80%;
    max-width: 70%;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        .saf-close-btn {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
			margin-top: -7%;
        }
		.saf-modal-content a.goldeb-btn {
    width: 100%;
    text-align: center;
    display: flex
;
    justify-content: center;
    align-items: center;
}
        .saf-close-btn:hover {
            color: black;
        }
		 .saff-select-container {
            position: relative;
                width: 100%;
    margin: 0;
        }
        
        /* Style the select element */
        .saff-select {
             width: 100%;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
    padding: 9px;
    border-radius: 10px;
    background: #f3f3f3;
        }
        
        /* Hover state */
        .saff-select:hover {
            border-color: #aaa;
        }
        
        /* Focus state */
        .saff-select:focus {
            outline: none;
            border-color: #6200ee;
            box-shadow: 0 0 0 2px rgba(98, 0, 238, 0.2);
        }
        
        /* Custom arrow */
        .saff-select-container::after {
            content: "▼";
            font-size: 12px;
            color: #555;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }




.column.servece.videos.homepage-gallery {
	box-shadow: none !important;
	background: transparent !important;
}

	.column.servece.videos.homepage-gallery .project-box.asdasd {
		display: block;
	}

		.column.servece.videos.homepage-gallery .project-box.asdasd .d-flex.align-items-center.pb-3 {
			display: flex !important;
			justify-content: center;
		}

		 

				.column.servece.videos.homepage-gallery .project-box.asdasd .d-flex.align-items-center.pb-3 .ps-2.ttse .services-details__img-and-feature {
					margin: 0;
				}


	.column.servece.videos.homepage-gallery .col-md-12 {
		padding: 0;
		margin: 0;
	}

	.column.servece.videos.homepage-gallery .project-box.asdasd .d-flex.align-items-center.pb-3 {
		padding: 0 !important;
	}

		.column.servece.videos.homepage-gallery .project-box.asdasd .d-flex.align-items-center.pb-3 .ps-2.ttse {
			width: 100%;
			height: 100%;
			display: flex !important;
			align-items: center;
			justify-content: center;
		}

			.column.servece.videos.homepage-gallery .project-box.asdasd .d-flex.align-items-center.pb-3 .ps-2.ttse .services-details__img-and-feature {
				width: 100%;
			}

			.column.servece.videos.homepage-gallery .project-box.asdasd .d-flex.align-items-center.pb-3 .ps-2.ttse img {
				width: 280px;
				height: 180px;
			}

div#Ownership_home {
	color: #000;
	width: 80%;
	margin: auto;
}


/* ===== SECTION WRAPPER ===== */
.khadamat-services-section {
	 
	direction: rtl;
	background: #f0f4ef;
	padding: 60px 40px 80px;
	text-align: center;
}

/* ===== BADGE ===== */
.khadamat-badge {
	display: inline-block;
	border: 1.5px solid #2d7a3a;
	border-radius: 30px;
	padding: 6px 22px;
	font-size: 14px;
	font-weight: 600;
	color: #1a5c28;
	margin-bottom: 20px;
	background: transparent;
}

/* ===== HEADING ===== */
.khadamat-section-title {
	font-size: 42px;
	font-weight: 900;
	color: #1a1a1a;
	line-height: 1.3;
	margin-bottom: 6px;
	 
}

.khadamat-section-title-green {
	font-size: 42px;
	font-weight: 900;
	color: #2d8c3e;
	line-height: 1.3;
	margin-bottom: 18px;
	display: block;
	 
}

.khadamat-section-sub {
	font-size: 15px;
	color: #555;
	font-weight: 400;
	margin-bottom: 50px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	 
}

/* ===== CARDS GRID ===== */
.khadamat-cards-grid {
	display: flex;
/*	grid-template-columns: 1fr 1fr;*/
	gap: 20px;
	max-width: 100%;
	margin: 0 auto;
}

/* ===== CARD ===== */
.khadamat-card {
	background: #fff;
	border-radius: 20px;
	padding: 30px 28px 28px;
	text-align: left;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	border: 1.5px solid #e8ede8;
	direction: rtl;
}

	.khadamat-card::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 4px;
		background: linear-gradient(90deg, #2d8c3e, #5aba6a);
		border-radius: 20px 20px 0 0;
	}

/* top ribbon label */
	.khadamat-card.license.col-lg-12.row {
		display: flex;
		flex-direction: row-reverse;
	}
		.khadamat-card.license.col-lg-12.row p.khadamat-card-desc {
			border-bottom: 0;
			padding: 0;
			margin: 0;
		}

		.khadamat-card.license.col-lg-12.row .col-lg-6:first-child {
			border-right: 1px solid #eee;
		}

	.khadamat-card.license.col-lg-12.row {
		margin: 0;
	}

.col-lg-12.khadamat-col {
	margin-bottom: 2%;
}
.khadamat-card-label {
	display: inline-block;
	background: #e8f5ea;
	color: #2a7a36;
	border-radius: 20px;
	padding: 5px 16px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 20px;
	position: absolute;
	right: 3%;
	top: 3%;
}
.khadamat-card.license.col-lg-12.row .khadamat-card-label {
	right: 53%;
}
/* floating image */
.khadamat-card.license:hover {
	background: #28a850;
	transform: scale(1.03);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.khadamat-card.license {
	transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.khadamat-card.license {
	transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.khadamat-card:hover {
	transform: scale(1.03);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
.khadamat-card.license:hover p {
	color: #fff;
}

.khadamat-card.license:hover a {
	color: #fff;
}
.khadamat-card.license:hover h3.khadamat-card-title {
	color: #fff;
}
.khadamat-card.license:hover li {
	color: #fff;
}
.khadamat-card.license:hover span {
	color: #fff;
}
.khadamat-card-img-wrap.licenses.ebraa {
	background-image: url('../assets/images/ebraa.png');
}
.khadamat-card-img-wrap.licenses {
	background-image: url('../assets/images/licens.png');
	background-position: center;
	background-size: 76%;
	background-repeat: no-repeat;
}

.khadamat-card-img-wrap.dftr {
	background-image: url('../assets/images/dftr.png');
	background-position: center bottom;
	background-size: 45%;
	background-repeat: no-repeat;
}
.khadamat-card-img-wrap {
	background-color: #1A7A4A1A;
	position: relative;
	top: 0px;
	width: 230px;
	height: 141px;
	border-radius: 16px;
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4%;
	margin-right: auto;
}

	.khadamat-card-img-wrap img {
		width: 130px;
		object-fit: contain;
		filter: drop-shadow(0 6px 18px rgba(0,0,0,0.18));
	}

.khadamat-card-title {
	font-size: 20px;
	font-weight: 800;
	color: #0D4A2D;
	margin-bottom: 12px;
	margin-top: 6px;
	text-align: left;
}
.khadamat-card.license:hover .khadamat-card-img-wrap.licenses {
	background-color: #dbf2e8;
}

.khadamat-card.license:hover button.khadamat-btn-cta {
	background: #fff;
	color: #39aa4e;
}

	.khadamat-card.license:hover button.khadamat-btn-cta span {
		color: #39aa4e;
	}
.khadamat-card-desc {
	font-size: 14.5px;
	color: #666;
	line-height: 1.8;
	margin-bottom: 18px;
	text-align: left;
	direction: ltr;
}
a.khadamat-card-link:hover {
	color: #28a850;
}
.khadamat-card-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #2d8c3e;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 16px;
	direction: ltr;
	text-align: left;
	width: 100%;
}

	.khadamat-card-link::before {
		content: '—';
		font-weight: 400;
	}

/* ===== CAROUSEL ===== */
.khadamat-carousel-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	padding: 5px 0;
}

.khadamat-carousel-track {
	display: flex;
	gap: 10px;
	transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform;
}
@media (min-width: 1360px) {
	.khadamat-carousel-slide .dftr a {
	 
		font-size: 11px!important;
		 
	}
}
.sider {
	display: flex;
	align-items: center;
}

span.innerpage-price {
	font-size: 22px;
	color: #1c803c;
	margin: 0 25px;
}
	.khadamat-carousel-slide {
		flex: 0 0 calc(20% - 8px);
		border-radius: 12px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		border: none;
		background: #B0E3C9;
		transition: transform 0.2s, box-shadow 0.2s;
	}

		.khadamat-carousel-slide:hover {
			transform: translateY(-3px);
			box-shadow: 0 6px 18px rgba(45,140,62,0.2);
			border-color: #2d8c3e;
		}

		.khadamat-carousel-slide img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			border-radius: 10px;
		}

	.khadamat-carousel-slide-label {
		background: rgba(25, 90, 35, 0.88);
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		text-align: center;
		padding: 6px 4px;
	}

	/* Carousel nav */
	.khadamat-carousel-nav {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 8px;
		margin-top: 12px;
	}

	.khadamat-carousel-dots {
		display: flex;
		gap: 5px;
		align-items: center;
		margin-left: 8px;
	}

	.khadamat-carousel-dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #c5d8c7;
		cursor: pointer;
		transition: background 0.2s, transform 0.2s;
		border: none;
		padding: 0;
	}

		.khadamat-carousel-dot.khadamat-dot-active {
			background: #2d8c3e;
			transform: scale(1.35);
		}

	.khadamat-carousel-btn {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border: 1.5px solid #2d8c3e;
		background: #fff;
		color: #2d8c3e;
		font-size: 18px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 0.2s, color 0.2s;
		line-height: 1;
	}

		.khadamat-carousel-btn:hover {
			background: #2d8c3e;
			color: #fff;
		}

	/* ===== CHECKLIST ===== */
	.khadamat-checklist {
		list-style: none;
		margin-bottom: 24px;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

		.khadamat-checklist li {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			gap: 10px;
			font-size: 13.5px;
			color: #333;
			font-weight: 500;
		}

	.khadamat-check-icon {
		width: 20px;
		height: 20px;
		background: #ddf3e8;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.desc-text {
		padding: 3% 0;
	}

	.khadamat-check-icon svg {
		width: 11px;
		height: 11px;
		fill: none;
		stroke: #378e3d;
		stroke-width: 2.5;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	/* ===== CTA BUTTON ===== */
	.khadamat-btn-cta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		background: #2d8c3e;
		color: #fff;
		border: none;
		border-radius: 12px;
		padding: 16px 24px;
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
		width: 100%;
		transition: background 0.2s;
	}

		.khadamat-btn-cta:hover {
			background: #246e31;
		}

	.khadamat-btn-arrow {
		font-size: 18px;
		font-weight: 900;
	}

	.khadamat-card.license p.khadamat-card-desc {
		margin: 8% 0;
		border-bottom: 1px solid #ddd;
		padding-bottom: 8%;
	}


	.khadamat-card.license {
		height: 100%;
	}

	@media (max-width: 768px) {
		nav.side-menu-nav .header-links.ms-auto.d-flex.align-items-center .dropdown.lang-dropdown.me-4 {
			width: 100%;
			text-align: start !important;
		}

		.khadamat-card.license {
			margin-top: 6%;
		}

		section.adout-sec .slider {
			display: flex;
			max-width: 1200px;
			margin: auto;
			overflow: hidden;
			border-radius: 10px;
			padding-bottom: 2%;
			flex-direction: column;
		}

		section.adout-sec .slides {
			width: 100%;
			display: flex;
			transition: transform 0.5s ease-in-out;
			position: relative;
		}

		.thumbnails {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
			padding-left: 6%;
		}

		.about-div.row {
			margin-top: 7%;
			background-repeat: no-repeat;
			background-size: 100%;
			padding: 3%;
			background-position: top;
		}

			.about-div.row h2.title {
				margin-top: 8%;
				font-weight: 400;
			}

		section.adout-sec {
			margin-top: 6% !important;
		}

		.khadamat-services-section {
			direction: rtl;
			background: #f0f4ef;
			padding: 60px 16px 80px;
			text-align: center;
		}

		.content.video.slider-gif {
			background-size: cover !important;
			max-height: 350px !important;
			min-height: 350px !important;
		}

			.content.video.slider-gif button#myBtn {
				width: 50%;
			}

		.khadamat-cards-grid {
			display: block !important;
			grid-template-columns: 1fr;
		}

		.khadamat-card-img-wrap {
			background-color: #1A7A4A1A;
			position: relative;
			top: 0px;
			width: 100%;
			height: 141px;
			border-radius: 16px;
			overflow: visible;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 4%;
			margin-right: auto;
		}

			.khadamat-card-img-wrap.licenses {
				background-position: center;
				background-size: 58%;
				background-repeat: no-repeat;
			}

			.khadamat-card-img-wrap.dftr {
				background-position: center bottom;
				background-size: 33%;
				background-repeat: no-repeat;
			}

		.khadamat-section-title, .khadamat-section-title-green {
			font-size: 28px;
		}

		.khadamat-carousel-slide {
			flex: 0 0 calc(50% - 5px);
		}
	}

	.khadamat-carousel-slide .dftr a img {
		width: auto;
		height: 10px;
		margin: 0 5px;
		transform: rotate(180deg);
	}

	.khadamat-carousel-slide .dftr a {
		display: flex;
		align-items: center;
		font-size: 13px;
		justify-content: center;
		color: #000;
		direction: ltr;
	}

	.khadamat-carousel-slide .dftr {
		background: #B0E3C9;
	}

	ul.topbar {
		text-align: start;
		padding: 0;
	}

		ul.topbar li {
			padding-inline-start: 5%;
		}

			ul.topbar li.contact-item {
				padding: 0;
			}

.card.Clearances {
	padding: 2%;
	border: none;
	border-radius: 10px;
	margin-bottom: 0% !important;
	z-index: 0 !important;
	width: 85%;
	margin: auto;
	margin-top: 0;
}

	.card.Clearances input {
		width: 100%;
		border: 1px solid #ddd;
		padding: 9px;
		border-radius: 10px;
		background: #f3f3f3;
		font-weight: 400;
		color: #000;
	}

	.card.Clearances select {
		width: 100%;
		border: 1px solid #ddd;
		padding: 9px;
		border-radius: 10px;
		background: #f3f3f3;
		font-weight: 400;
		color: #000;
	}
.clearances-upload.row {
	margin: 0;
	padding: 0;
}

.card.Clearances .col-lg-6 {
	margin-bottom: 2%;
}

.video-content {
	position: absolute;
	padding: 3%;
	width: 100%;
	text-align: center;
	height: 100%;
	background: #00000073;
	color: #fff;
	padding-top: 9%;
}

.video-main {
	display: flex;
	align-content: center;
	position: relative;
}

.video-content h1 {
	color: #fff;
	margin-bottom: 3%;
	font-size: 62px;
}

.video-content p {
	font-size: 21px;
	width: 55%;
	margin: auto;
	line-height: 1.7;
}
.video-main video.bg-video {
	width: 100%;
}