@import '../../css2-3.css';

:root {
	--base-color: #074eb9;
	/* --dark-gray: #252840; */
	--dark-gray: #202235;
	--black: #05060a;
	--medium-gray: #7d8087;
	--very-light-gray: #f0f2f8;
	--about-gray: #e1eafc;
	--primary-font: 'Plus Jakarta Sans', sans-serif
}

body {
	line-height: 29px
}

header .navbar-brand img {
	max-height: 32px
}

.navbar .navbar-nav .nav-link {
	font-size: 17px
}

header .btn.btn-rounded.btn-large {
	padding: 10px 26px;
	font-size: 13px;
	font-weight: 500
}

.sticky .header-transparent .header-button .btn {
	color: var(--dark-gray);
	border-color: var(--extra-medium-gray)
}

.sticky .header-transparent .header-button .btn:hover {
	border-color: var(--dark-gray);
	color: var(--white);
	background: var(--dark-gray)
}

header.sticky.sticky-active [data-header-hover=light] .widget-text i {
	color: var(--white)
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
	background-color: var(--dark-gray)
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: var(--white)
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a {
	opacity: .5
}

[class*=btn-transparent],
[class*=" btn-transparent"] {
	font-weight: 500
}

.btn {
	text-transform: none;
	font-family: var(--primary-font)
}

.btn.btn-switch-text.btn-extra-large>span {
	padding: 19px 40px
}

.btn-gradient-purple-pink {
	background-image: linear-gradient(to right, #0b58cb, #e94037, #0b58cb);
	background-size: 200% auto;
	color: var(--white)
}

.bg-gradient-dark-gray-transparent {
	background: -webkit-linear-gradient(right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
	background: linear-gradient(to right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0))
}

.bg-gradient-very-light-gray-transparent {
	background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
	background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0))
}

.bg-gradient-flamingo-red-transparent {
	background: -webkit-linear-gradient(right, rgba(243, 69, 59, 1.0), rgba(255, 255, 255, 0.0));
	background: linear-gradient(to right, rgba(243, 69, 59, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%)
}

.bg-gradient-base-color-transparent {
	background: -webkit-linear-gradient(right, rgba(15, 89, 201, 1.0), rgba(255, 255, 255, 0.0));
	background: linear-gradient(to right, rgba(15, 89, 201, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%)
}

.bg-gradient-light-gray-transparent {
	background: -webkit-linear-gradient(right, rgba(222, 230, 244, 0.144), rgba(255, 255, 255, 0.0));
	background: linear-gradient(to right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0))
}

.bg-gradient-light-grayw-transparent {
	background: -webkit-linear-gradient(right, rgba(226, 251, 255, 0.89), rgba(255, 255, 255, 0.0));
	background: linear-gradient(to right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0))
}


.bg-midnight-blue {
	background-color: #1e2033
}

.text-flamingo {
	color: #e55b53
}

.text-gradient-orange-sky-blue {
	background-image: linear-gradient(to right, #5e70f3, #6170f1, #8074dc, #b87bb6, #ec8192);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 25px
}

.portfolio-filter li {
	padding: 0 18px;
	line-height: 24px
}

.categories-btn {
	font-size: 11px
}

.page-title-extra-large h1 {
	font-size: 4rem;
	line-height: 4rem
}

.page-title-extra-large h2 {
	font-size: 17px;
	line-height: 28px;
	margin: 0 auto
}

.process-step-style-05 .progress-step-separator {
	bottom: -10px;
	height: 100%;
	z-index: -1
}

.h-72px {
	height: 72px !important
}

#map {
	height: 650px;
	border-radius: 6px 0 0 6px
}

.mt-minus-50px {
	margin-top: -50px
}

.lh-200 {
	line-height: 12.5rem
}

.bottom-auto {
	bottom: auto
}

footer .footer-logo img {
	max-height: 35px
}

footer ul li {
	margin-bottom: 0
}

.footer-light a:hover,
.footer-navbar li a:hover {
	color: var(--dark-gray)
}

@media(max-width:1299px) {
	.navbar .navbar-nav .nav-link {
		font-size: 16px
	}

	header .btn.btn-rounded.btn-large {
		padding: 10px 15px;
		font-size: 12px
	}
}

@media(max-width:1199px) {
	.navbar .navbar-nav .nav-link {
		font-size: 15px
	}

	header .btn.btn-rounded.btn-large {
		padding: 10px;
		font-size: 11px
	}
}

@media(max-width:991px) {
	.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
		width: calc(100% + 30px) !important;
		margin-left: -15px;
		padding: 10px 45px;
		margin-bottom: 0;
		margin-right: -15px
	}

	.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
		padding-bottom: 17px
	}

	[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
		font-size: 19px
	}

	header .btn.btn-rounded.btn-large {
		color: var(--dark-gray);
		border-color: var(--extra-medium-gray);
		padding: 10px 15px;
		font-size: 13px
	}
}

@media(max-width:767px) {
	.portfolio-filter li {
		padding: 0
	}
}