.ht-nav-toggle, a {
	text-decoration: none
}
#ht-main-nav, #ht-preloader {
	bottom: 0;
	height: 100%;
	z-index: 99999
}
#ht-main-nav, .scroll-top {
	visibility: hidden;
	position: fixed
}
.breadcrumb, .footer-menu li, .navbar-nav .nav-link {
	text-transform: capitalize
}
a:focus, a:hover {
	color: var(--themeht-primary-color);
	text-decoration: none!important
}
a, button, input {
	outline: 0!important;
	color: var(--themeht-text-color)
}
::-moz-selection {
background:var(--themeht-primary-color);
color:var(--themeht-white-color);
text-shadow:none
}
::selection {
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
	text-shadow: none
}
#ht-main-nav, .accordion .accordion-button:after, .accordion .accordion-button:before, .clients-logo, .dropdown-item, .featured-icon, .featured-item, .featured-item .featured-icon i, .nav-link, .portfolio-item, .post .post-desc, .price-table, .service-item, .service-item.style-1 svg, .service-item.style-1::before, .service-item.style-1:after, .service-item.style-2:after, .service-item.style-3, .service-item.style-3::before, .service-item.style-3:after, .service-menu li a:before, .social-icons li:hover a, .step-icon-bg, .team-social-icon, .testimonial-carousel .controls li, .themeht-btn, a, button, i, img, span {
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}
.btn {
	padding: 10px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #fff;
	border-radius: 26px;
	border: 1px solid transparent
}
.btn-primary {
	background: #0d56a5
}
.btn-default {
	border: 1px solid #fff;
	padding-top: 5px!important;
	padding-bottom: 5px!important
}
.btn-default:hover {
	border: 1px solid #ca4135;
	color: #ca4135
}
#ht-preloader {
	background: var(--themeht-white-color);
	left: 0;
	overflow: hidden!important;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%
}
.clear-loader {
	z-index: 999;
	box-sizing: border-box;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	text-align: center;
	top: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}
.loader img {
	animation-name: MoveZoomIn;
	animation-timing-function: linear;
	animation-duration: 2s;
	animation-delay: 0s;
	right: 10%;
	bottom: 0;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	width: 150px
}
.scroll-top {
	right: 50px;
	bottom: 50px;
	height: 60px;
	width: 60px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	z-index: 10000;
	opacity: 0;
	transform: translateY(15px);
	-webkit-transition: .2s linear;
	transition: .2s linear;
	background: var(--themeht-bg-light-color)
}
.scroll-top::after, .scroll-top::before {
	position: absolute;
	font-family: bootstrap-icons;
	content: '\F145';
	top: 0;
	width: 60px;
	-webkit-transition: .2s linear;
	height: 60px;
	cursor: pointer;
	font-size: 30px;
	display: block;
	text-align: center;
	line-height: 60px;
	left: 0
}
.scroll-top.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}
.scroll-top::after {
	color: var(--themeht-text-color);
	z-index: 1;
	transition: .2s linear
}
.scroll-top:hover::after {
	opacity: 0
}
.scroll-top::before {
	opacity: 0;
	background-image: linear-gradient(298deg, var(--themeht-text-color), var(--themeht-text-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 2;
	transition: .2s linear
}
.navbar-nav .nav-link, .subscribe-btn {
	font-family: var(--themeht-secondary-font-family)
}
.scroll-top:hover::before {
	opacity: 1
}
.scroll-top svg path {
	fill: none
}
.scroll-top svg.scroll-circle path {
	stroke: var(--themeht-text-color);
	stroke-width: 2;
	box-sizing: border-box;
	-webkit-transition: .2s linear;
	transition: .2s linear
}
.subscribe-form {
	margin: 0;
	padding: 0;
	position: relative
}
.mc-form {
	width: 100%
}
.mc-form input[type=email] {
	width: 100%;
	border: none;
	background: var(--themeht-white-color);
	border-radius: 100px;
	color: var(--themeht-text-color);
	font-size: 14px;
	padding: 0 20px;
	height: 60px
}
.mc-form input[type=email]::-webkit-input-placeholder {
color:var(--themeht-text-color)
}
.mc-form input[type=email]::-moz-placeholder {
color:var(--themeht-text-color)
}
.mc-form input[type=email]:-ms-input-placeholder {
color:var(--themeht-text-color)
}
.mc-form input[type=email].placeholder {
	color: var(--themeht-text-color)!important
}
.subscribe-btn {
	border: none;
	padding: 10px 25px;
	background: linear-gradient(115deg, var(--themeht-primary-color), var(--themeht-secondary-color));
	color: var(--themeht-white-color);
	font-weight: 500;
	border-radius: 100px;
	position: absolute;
	right: 5px;
	top: 5px
}
#ht-main-nav, .contact-box, .footer-social li a, .footer-social li a:hover, .navbar, .navbar-nav .nav-item.dropdown .dropdown-menu {
	background: var(--themeht-white-color)
}
.subscribe-btn:focus, .subscribe-btn:hover {
	color: var(--themeht-white-color);
	background: linear-gradient(115deg, var(--themeht-primary2-color), var(--themeht-secondary2-color))
}
.nav-item.dropdown .dropdown-menu a, .navbar-brand, .navbar-nav .nav-link {
	color: var(--themeht-text-color);
	font-weight: 400
}
#header-wrap.fixed-header .logo img {
	height: 40px
}
.header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1200
}
#header-wrap, .contact-info li, .ht-nav-toggle, .navbar-nav .dropdown-submenu, .navbar-nav .nav-link, .page-title, footer, footer .divider, footer .rbi {
	position: relative
}
#header-wrap {
	padding: 30px 0 0
}
#header-wrap.fixed-header {
	animation: 1s forwards smoothScroll;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999!important;
	background: var(--themeht-white-color)!important
}
#header-wrap.fixed-header .navbar-nav {
	background: 0 0;
	box-shadow: none;
	padding: 0;
	border-radius: 0
}
.navbar-brand {
	margin: 0;
	padding: 0;
	font-size: 2.8rem;
	line-height: 1
}
.breadcrumb, footer h6 {
	font-weight: 500
}
.logo img {
	max-height: 60px
}
.navbar {
	box-shadow: 0 25px 70px rgba(8,10,55,.08);
	padding: 12px 20px;
	border-radius: 20px;
	backdrop-filter: brightness(120%) contrast(100%) saturate(102%) blur(10px) hue-rotate(0deg)
}
.navbar-nav .nav-item {
	margin: 0 15px
}
.navbar-nav .nav-item.dropdown .dropdown-menu {
	padding: 20px;
	top: 100%;
	border: none;
	border-radius: 20px;
	margin-top: 0;
	left: 0
}
.navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {
	background: var(--themeht-white-color);
	left: 100%;
	margin: 0;
	right: auto;
	top: 0
}
.navbar-nav .dropdown-submenu {
	display: block
}
.navbar-nav .nav-link {
	padding: 0!important;
	border-radius: 0
}
.breadcrumb-item a:hover, .breadcrumb-item.active, .contact-info li a:hover, .contact-info li i, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-link:hover {
	color: var(--themeht-primary-color)
}
.contact-box .contact-info li:last-child, .contact-info li:last-child, .footer-menu li:last-child, .nav-item.dropdown .dropdown-menu li:last-child {
	margin-bottom: 0
}
.nav-item.dropdown .dropdown-menu a {
	display: block;
	padding: 10px 0;
	line-height: 1;
	white-space: nowrap;
	position: relative;
	background: 0 0;
	font-size: 15px
}
.nav-item.dropdown .dropdown-menu a:hover, .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-toggle.show, .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-toggle:focus {
	color: var(--themeht-primary-color);
	padding-left: 10px
}
.nav-link.dropdown-toggle::after, .navbar-nav .dropdown-submenu .dropdown-toggle::after {
	border: none;
	content: '\F282';
	font-family: bootstrap-icons!important;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1;
	width: 10px;
	font-weight: 700
}
.navbar-nav .dropdown-submenu .dropdown-toggle::after {
	position: absolute;
	right: 0;
	top: 10px;
	content: '\F285'
}
@media (min-width:992px) {
.navbar-nav .dropdown-menu {
	min-width: 12em!important;
	max-width: 20em!important
}
.navbar-nav .dropdown>.dropdown-menu {
	opacity: 0;
	position: absolute;
	display: block;
	pointer-events: none;
	background: var(--themeht-white-color)
}
.navbar-nav .dropdown:hover>.dropdown-menu {
	display: block;
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}
.navbar-nav .dropdown-submenu:hover .dropdown-menu {
	top: 0
}
.navbar-nav.ms-auto .nav-item.dropdown .dropdown-menu {
	right: 0
}
.navbar-nav.ms-auto .dropdown-menu .dropdown-submenu .dropdown-menu {
	left: auto;
	right: 100%
}
}
@media (max-width:991.98px) {
.navbar-nav .dropdown-submenu .dropdown-menu {
	padding: 0;
	top: 0
}
}
.ht-nav-toggle {
	margin-left: 30px;
	cursor: pointer;
	color: var(--themeht-primary2-color);
	font-size: 34px;
	line-height: 1
}
#ht-main-nav {
	box-shadow: 0 10px 30px 5px rgba(115,113,255,.06);
	top: 0;
	right: 0;
	padding: 70px 30px 50px;
	width: 370px;
	overflow-y: scroll;
	opacity: 0;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
#ht-main-nav .ht-nav-toggle {
	position: absolute;
	top: 20px;
	right: 20px
}
.ht-nav-toggle:active, .ht-nav-toggle:focus, .ht-nav-toggle:hover {
	outline: 0;
	border-bottom: none!important
}
.menu-show #ht-main-nav {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.contact-info li {
	padding-left: 50px;
	margin-bottom: 20px
}
.contact-info li i {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 24px;
	font-size: 30px;
	text-align: center
}
.contact-info li span {
	font-size: 16px;
	line-height: 1;
	color: var(--themeht-body-color);
	font-weight: 500;
	display: block;
	margin-bottom: 8px
}
.breadcrumb, .breadcrumb-item a, .contact-info li a, .contact-info li p, .page-title h1, .page-title p {
	color: var(--themeht-text-color)
}
.contact-info li p {
	margin-bottom: 0;
	line-height: 24px
}
.footer-menu li a, footer h6 {
	color: #0a2540;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: .2px
}
.contact-box {
	padding: 40px;
	border-radius: 20px
}
.contact-box .contact-info li {
	padding-left: 60px;
	margin-bottom: 30px
}
.contact-box .contact-info li i {
	line-height: 1px;
	font-size: 40px
}
.contact-box .contact-info li a, .contact-box .contact-info li p {
	font-size: 20px;
	line-height: 28px
}
footer {
	padding: 120px 0 40px;
	background-color: #faf9f6;
	border-top: 1px solid #ebebeb
}
.footer-logo {
	width: 200px
}
.footer-menu li {
	margin-bottom: 10px
}
.footer-menu li a:hover {
	color: var(--themeht-secondary-color)
}
.footer-menu .list-inline li {
	display: inline-block;
	margin: 0 10px
}
.footer-social li a {
	height: 50px;
	width: 50px;
	line-height: 46px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #e8e7f1
}
footer .divider span, footer .rbi::after, footer .rbi::before {
	background: #faf9f6;
	border: 1px solid #ebebeb;
	height: 10px;
	width: 10px;
	position: absolute;
	display: block
}
.footer-social li a img {
	height: 25px;
	width: 25px
}
footer .divider {
	width: 100%;
	height: 1px;
	background: #ebebeb
}
footer .divider span {
	-webkit-transform: translate(-4px, -4px);
	transform: translate(-4px, -4px)
}
footer .divider span:first-of-type, footer .rbi::before {
	left: 0;
	top: 0
}
footer .divider span:nth-of-type(2), footer .rbi::after {
	right: -4px;
	top: 0
}
footer .rbi {
	border-right: 1px solid #ebebeb
}
footer .rbi::after, footer .rbi::before {
	border-right: 1px solid #ebebeb;
	-webkit-transform: translate(-4px, -4px);
	transform: translate(-4px, -4px)
}
.footer-social li a:hover {
	color: var(--themeht-white-color);
	border: 1px solid var(--themeht-primary-color)
}
.copyright::after {
	background: linear-gradient(90deg, hsla(0,0%,100%,0), #fff 48.44%, hsla(0,0%,100%,.152) 99.99%, hsla(0,0%,100%,0));
	top: 0;
	content: "";
	height: 1px;
	left: 0;
	right: 0;
	opacity: .2;
	position: absolute
}
.page-title {
	background-image: linear-gradient(180deg, #f4f7FF0F 0, #f4f7ff 100%);
	overflow: hidden;
	display: block;
	padding: 130px 0 30px;
	z-index: 1
}
.breadcrumb, .breadcrumb-item {
	display: inline-block
}
.page-title h1 {
	font-size: 50px;
	line-height: 60px;
	font-weight: 700;
	margin-bottom: 20px
}
.page-title h1 span {
	background: linear-gradient(115deg, var(--themeht-primary-color), var(--themeht-secondary-color));
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.page-title p {
	margin-bottom: 0
}
.breadcrumb {
	padding: 0;
	background: 0 0;
	border-radius: 0;
	margin: 0
}
.page-title-wave {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1
}
