/* ------------------------------------------------
  Project: Hireox - Human Resources & Recruiting WordPress Theme
  Author:    ThemeHt
------------------------------------------------ */

/* ------------------------------------------------
  Table of Contents
  1. General
  2. Transition
  3. Pre Loader
  4. Scroll to Top
  5. Header
  6. Footer
  7. Page Title
------------------------------------------------ */

/* ------------------------------------------------
                     General
------------------------------------------------*/
a,
a:focus {
	text-decoration: none !important;
}

a,
a:visited {
	text-decoration: none;
	color: var(--themeht-dark-color);
}

a:focus,
a:hover {
	color: var(--themeht-primary-color);
	text-decoration: none !important;
}

a,
button,
input {
	outline: medium none !important;
}

*::-moz-selection {
	color: var(--themeht-white-color);
	text-shadow: none;
}

::-moz-selection {
	color: var(--themeht-white-color);
	text-shadow: none;
}

::selection {
	color: var(--themeht-white-color);
	text-shadow: none;
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
	line-height: inherit !important;
}

/* ------------------------------------------------
                     Transition
------------------------------------------------*/
a,
.btn,
button,
img,
span,
input,
#ht-main-nav,
.main-nav>ul>li>a:before,
.main-nav .sub-menu li a:before,
.social-icons li:hover a,
.themeht-btn,
.banner-arrow-icon,
.featured-item,
.featured-item .featured-icon i,
.service-item,
.service-icon,
.service-desc,
.step-item,
.step-number,
.portfolio-item.style-2 .portfolio-image,
.swiper-button-next,
.swiper-button-prev,
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after,
.team-social-icon,
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:before,
.site-main .comment-navigation .nav-links a i,
.site-main .posts-navigation .nav-links a i,
.site-main .post-navigation .nav-links a i,
.nav-title,
.service-item.style-3,
.price-table .price-img img,
.download-brochure i,
.themeht-footer-widget-area .widget ul li,
.themeht-footer-widget-area .widget ol li,
.themeht-footer-widget-area .widget .wp-block-archives li,
.themeht-footer-widget-area .widget .wp-block-latest-posts li,
.themeht-footer-widget-area .widget .widget_recent_entries li,
.themeht-footer-widget-area .widget .wp-block-categories li,
.themeht-footer-widget-area .widget .wp-block-page-list li,
.post-card .wp-block-gallery .blocks-gallery-image figcaption,
.post-card .wp-block-gallery .blocks-gallery-item figcaption,
.team-member.style-1 .team-desc::before,
#banner-pagination.swiper-pagination-clickable .swiper-pagination-bullet,
.fixed-header .search-icon i,
.header-2 .search-icon a i,
.service-item.style-2 .arrow-button i,
.service-list i,
.video-bg-box i,
.team-member.style-1 .team-social-icon li i,
.service-page-sidebar .widget.widget_nav_menu li a::after,
.price-table.style2 svg path,
.price-table.style2 a.themeht-btn .btn-text,
.featured-item.style-3 .featured-icon::before,
.featured-item.style-3 .featured-icon,
.portfolio-item.style-1 .arrow-button::before,
.not-found a.themeht-btn::before,
.form-submit::before,
.not-found a.themeht-btn::after,
.form-submit::after,
.service-item.style-2 .arrow-button span::before,
.team-member.style-2 .team-social-icon,
.themeht-btn-warp.style2 .btn-text,
.themeht-btn-warp.style2 svg path,
.portfolio-item.style-1 .arrow-button svg path,
.price-table.style2 a.themeht-btn svg path,
.jobs-item .job-footer .btn-tex  {
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

/* ------------------------------------------------
                     Pre Loader
------------------------------------------------*/
#ht-preloader {
	background: var(--themeht-white-color);
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden !important;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader {
	position: relative;
}

.loader img {
	max-height: var(--loader-img-height);
}

/* ------------------------------------------------
                   Scroll to Top
------------------------------------------------*/
.scroll-top {
	position: fixed;
    right: 20px;
    bottom: 10px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background: var(--themeht-white-color);

}

.scroll-top.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.scroll-top::after {
	position: absolute;
	font-family: 'bootstrap-icons';
	content: '\F145';
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: var(--themeht-dark-color);
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.scroll-top:hover::after {
	opacity: 0;
}

.scroll-top::before {
	position: absolute;
	font-family: 'bootstrap-icons';
	content: '\F145';
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--themeht-primary-color), var(--themeht-primary-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.scroll-top:hover::before {
	opacity: 1;
}

.scroll-top svg path {
	fill: none;
}

.scroll-top svg.scroll-circle path {
	stroke: var(--themeht-primary-color);
	stroke-width: 2;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}


/* ------------------------------------------------
                     Header
------------------------------------------------*/
header#site-header {
	/* position: absolute;
	width: 100%; */
	z-index: 999;
}

/*----------- Header top -----------*/
.contact-info li {
	padding-left: 50px;
	position: relative;
	margin-bottom: 20px;
}

.contact-info li:last-child {
	margin-bottom: 0;
}

.contact-info li i {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 24px;
	font-size: 30px;
	color: var(--themeht-primary-color);
	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;
}

.contact-info li p {
	margin-bottom: 0;
	line-height: 24px;
	color: var(--themeht-body-color);

}

.contact-info li a {
	color: var(--themeht-body-color);
}

.contact-info li a:hover {
	color: var(--themeht-primary-color);
}

.header-number {
	display: flex;
	align-items: center;
	margin-left: 30px;
	border-left: 1px solid #e1e5e3;
	padding: 20px 0px 20px 40px;
}

.header-number span {
	display: block;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 3px;
	letter-spacing: 1px;
}

.header-number i {
	font-size: 17px;
	color: var(--themeht-primary-color);
	line-height: 40px;
	margin-right: 12px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-number a {
	font-weight: 600;
	font-size: 16px;
	color: var(--themeht-primary-color);
}

.header-number a:hover {
	color: var(--themeht-primary-color);
}

#header-wrap {
	position: relative;
	z-index: 999;
	padding: 0px 50px; 
}

.admin-bar .header,
.admin-bar #header-wrap.fixed-header {
	top: 30px;
	border-bottom: inherit;
}
  .header-2 #header-wrap.fixed-header{ 
    background: inherit; 
}
.header-2 #header-wrap.fixed-header .container-fluid{
	border-radius: 0px 0px 15px 15px;
}
#header-wrap.fixed-header {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	border-radius: 0px !important;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: var(--themeht-white-color);
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07);
	-ms-animation-name: smoothScroll;
	-moz-animation-name: smoothScroll;
	-op-animation-name: smoothScroll;
	-webkit-animation-name: smoothScroll;
	animation-name: smoothScroll;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

#header-wrap.fixed-header .topbar-link {
	display: none;
}

#header-wrap.fixed-header .header-menu-section {
	padding: 30px 20px;
	margin-bottom: 0;
}  
.header .themeht-btn .btn-text {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
} 
.header .themeht-btn-warp .btn-icon1,
 .header .themeht-btn-warp .btn-icon2{
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
 }
/*----------- navigation -----------*/
.navbar-brand.logo {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.logo img {
	max-height: var(--logo-desktop-height); 
}

.ht-navigation {
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
	display: flex;
	align-items: center;
}

.navigation-top {
	margin-left: auto;
	margin-right: 50px;
}

@media (min-width:1201px) {
	.main-nav .menu {
		flex-direction: row;
		display: flex;
		margin: 0;
		padding: 0;
		justify-content: center;
	}
}

.header input[type="search"] {
	height: 40px;
	padding: 16px 40px 16px 10px;
}

.header .search-form button[type="submit"] {
	line-height: 40px;
}

.header-menu-section {
	background: var(--themeht-white-color);
	padding: 20px;
}


.main-nav li {
	position: relative;
	list-style-type: none;
}

.main-nav>ul>li {
	margin: 0 10px;
} 
.main-nav>ul>li>a { 
    font-size: 14px;
    line-height: 24px; 
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    font-weight: 500;
	padding: 6px 20px 5px 20px;
	border-radius: 100px; 
} 
  
.main-nav>ul>li>.sub-menu-toggle {
	display: none;
}

.main-nav ul.sub-menu {
	box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 99999;
	background: var(--themeht-white-color); 
	padding: 0;
	margin: 0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	border-radius: 10px; 
}

@media (min-width:1200px) {

	.main-nav ul li:hover>ul.sub-menu {
		top: 40px;
		left: 0;
		opacity: 1;
		visibility: visible;
	}

	.main-nav ul.sub-menu li:hover ul.sub-menu {
		top: 0;
	}
}

.main-nav ul.sub-menu li ul {
	left: 102% !important;
	top: 0;
}

.main-nav .sub-menu li { 
	padding: 5px;
}

.main-nav .sub-menu li:last-child { 
	border-bottom: none; 
}

.main-nav .sub-menu li a {
    padding: 6px 15px;
    text-transform: uppercase;
    z-index: 9;
    font-size: 14px;
    line-height: 24px;
    display: block;
    letter-spacing: 1px;
    position: relative;
    font-weight: 500; 
	background-color: inherit !important;
	color: var(--themeht-dark-color) !important;
	border-radius: 8px;
} 
.main-nav ul.sub-menu li.current-menu-item a,
.main-nav .sub-menu li a:hover{
	background-color: var(--themeht-primary-color) !important;
    color: var(--themeht-white-color) !important;
}
.main-nav>ul>li>a:hover,
.current-menu-ancestor a,
.current-menu-item a{
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}
.sub-menu-toggle {
	display: block;
	position: absolute;
	right: 15px;
	top: 17px;
	cursor: pointer;
	color: var(--themeht-body-color);
	font-size: 12px;
	line-height: 1;
}

.sub-menu-toggle i:before {
	font-weight: 600 !important;
}

@media (min-width:992px) {
	.main-nav>ul>li>a:hover::before,
	.main-nav>ul>li.current-menu-item>a::before,
	.main-nav>ul>li.current-menu-parent>a::before { 
		width: 100%; 
	} 
	.main-nav ul.sub-menu {
		min-width: 14em !important;
		max-width: 20em !important;
	}

	.main-nav .sub-menu li a:hover,
	.main-nav ul li .sub-menu li.current-menu-item>a {
		color: var(--themeht-primary-color) ;
	}
 
	.main-nav .sub-menu li:hover .sub-menu-toggle,
	.main-nav ul li .sub-menu li.current-menu-item .sub-menu-toggle {
		color: var(--themeht-white-color);
		z-index: 9; 
	} 
	.main-nav .sub-menu li a:hover:before,
	.main-nav ul li .sub-menu li.current-menu-item>a:before {
		opacity: 1;
		left: 15px;
	}

}

.ht-mobile-menu-bg {
	display: none;
} 
.nav-menu-toggle {
	box-shadow: none;
	border: none;
	padding: 0;
	font-size: 30px;
	width: 40px;
	height: 40px;
	line-height: 42px;
	display: none;
	position: relative;
	right: -5px;
	border-radius: 6px;
	background-color: var(--themeht-white-color);
}
.header.header-1 .nav-menu-toggle{
	background-color: var(--themeht-light-color);
}
.closepanel {
	display: none;
}

.closepanel i {
	display: inline-block;
	font-size: 40px;
	color: var(--themeht-body-color);
	line-height: 1;
}
 

@media (max-width:1200px) {
	.sub-menu-toggle {
		right: 20px;
		color: var(--themeht-body-color);
	}

	.main-nav .menu {
		padding-left: 0;
		padding-top: 80px;
	}

	.admin-bar .main-nav .menu {
		padding-top: 120px;
	}

	.closepanel {
		position: absolute;
		right: 30px;
		top: 30px;
	}

	.admin-bar .closepanel {
		top: 60px;
	}

	.nav-menu-toggle,
	.ht-mobile-menu-bg,
	.closepanel {
		display: block;
	}

	.main-nav>ul>li {
		margin: 0 20px;
	}

	.main-nav>ul>li>.sub-menu-toggle {
		display: block;
	}

	.main-nav>ul>li {
		border-bottom: 1px solid #e4e4e4;
		margin: 0;
	}

	.main-nav>ul>li>a {
		padding: 14px 15px 11px 15px !important;
		display: inline-block;
		border: none;
		line-height: 1;
		background-color: inherit !important;
	}
 
	.sub-menu-toggle {
		top: 16px;
	}

	.main-nav ul.sub-menu {
		position: static;
		display: none !important;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
		border: none;
	}

	.main-nav .sub-menu li a {
		padding: 0;
	}

	.main-nav.menu-active ul li.current-menu-item a,
	.main-nav.menu-active .sub-menu li a:hover{
		background-color: var(--themeht-white-color) !important;
		color: var(--themeht-primary-color) !important;
	}
	.main-nav ul.sub-menu.show {
		display: block !important;
		width: 100%;
		margin-left: 0;
		padding: 0em 1em 1em 2em;
		visibility: visible;
		opacity: 1;
	}

	.main-nav ul.sub-menu ul.sub-menu.show {
		padding-left: 1rem;
	}

	.main-nav .sub-menu .sub-menu-toggle {
		right: 0;
		top: 7px;
		font-size: 14px;
	}

	.main-nav {
		background-color: var(--themeht-white-color);
		position: fixed;
		top: 0;
		right: -400px;
		z-index: 1000;
		width: 300px;
		height: 100%;
		padding: 0;
		display: block;
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transform: translateX(400px);
		-ms-transform: translateX(400px);
		transform: translateX(400px);
		opacity: 0;
	}

	.main-nav.menu-active {
		right: 0px;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
		overflow-y: scroll;
		-webkit-transition-delay: 600ms;
		-moz-transition-delay: 600ms;
		-ms-transition-delay: 600ms;
		-o-transition-delay: 600ms;
		transition-delay: 600ms;
		opacity: 1;
	}

	.ht-mobile-menu-bg {
		display: block;
	}

	.ht-mobile-menu-bg {
		position: fixed;
		right: 0;
		top: 0;
		width: 0%;
		height: 100%;
		z-index: 99;
		opacity: 0.8;
		background: var(--themeht-primary-color);
		-webkit-transform: translateX(101%);
		-ms-transform: translateX(101%);
		transform: translateX(101%);
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transition-delay: 300ms;
		-moz-transition-delay: 300ms;
		-ms-transition-delay: 300ms;
		-o-transition-delay: 300ms;
		transition-delay: 300ms;
	}

	.menu-active .ht-mobile-menu-bg {
		width: 100%;
		visibility: visible;
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
 
}

.search-icon {
	position: relative;
	margin: 0 40px;
}

.search-icon a {
	font-size: 20px;
	color: var(--themeht-white-color);
	line-height: 1;
}
header.header-1 .fixed-header .search-icon i:hover,
header.header-1 .search-icon a:hover{
	color: var(--themeht-primary-color);
}

.search-input {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	background: var(--themeht-white-color);
	border-bottom: 1px solid var(--themeht-primary-color);
	z-index: 9999;
	top: 0;
	display: none;
	padding: 30px 0;
}

.search-inner {
	padding: 15px 0;
	position: relative;
}

.search-input .search-field {
	padding-right: 60px;
}

.right-nav {
	position: relative;
}

.close-search {
	position: absolute;
	top: 17px; 
	right: -66px;
	cursor: pointer;
	font-size: 30px;
	color: var(--themeht-white-color);
	background: var(--themeht-primary-color);
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border-radius: 100px;
}

.close-search:hover {
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}


.ht-nav-toggle {
	cursor: pointer;
}

#ht-main-nav {
	box-shadow: 0 10px 30px 5px rgba(115, 113, 255, .06);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 70px 30px 50px;
	width: 370px;
	height: 100%;
	overflow-y: scroll;
	background: var(--themeht-white-color);
	z-index: 99999;
	visibility: hidden;
	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;
	font-size: 30px;
}

.ht-nav-toggle {
	cursor: pointer;
	text-decoration: none;
	display: none;
}

.ht-nav-toggle:hover,
.ht-nav-toggle:focus,
.ht-nav-toggle:active {
	outline: none;
	border-bottom: none !important;
}

.ht-nav-toggle {
	position: relative;
	width: 40px;
	height: 40px;
}

.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);
}

 /* header 1 */
 .header.header-1 #header-wrap{ 
	background-color: var(--themeht-white-color);
    padding: 20px 20px;
	margin-bottom: 10px;
 }
 
/* header 2 */ 
.header-2{
	padding-bottom: 20px;
}  
.header-2 #header-wrap {
	padding: 0px 20px;
	box-shadow: inherit;
}
.header-2 #header-wrap .container-fluid {   
	padding: 15px 20px !important; 
	background-color: var(--themeht-light-color);
	border-radius: 15px;
	box-shadow:0 7px 20px rgba(0, 0, 0, 0.04);
}

.header-2 .header-number {
	border-left: inherit;
}
.header-2 .header-number i {
	background-color: var(--themeht-light-color);
	color: var(--themeht-primary-color);
	border: inherit;
}  

.header-2 .fixed-header .header-number span,
.header-2 .fixed-header .header-number a {
	color: var(--themeht-primary-color);
}

.header-2 .search-icon {
	margin: 0 20px 0 40px;
}

.header-2 .search-icon a {
    font-size: 17px;
    width: 47px;
    height: 47px;
    line-height: 47px;
    display: block;
    text-align: center;
    border-radius: 100px;
    background-color: var(--themeht-primary-color);
    color: var(--themeht-white-color); 
}
 .header-2 .navigation-top {
	margin-left: auto;
	margin-right: auto;
}
 
/* header top */
.header.header-2 .header-top {
    background-color: var(--themeht-dark-color);
    color: var(--themeht-white-color);
    padding: 10px 10px 8px 20px;
    border-radius: 0px 0px 15px 15px;
    margin: 0px 20px 10px 20px; 
}
.header.header-2 .topbar-link ul{
	display: flex;
	font-size: 13px;
}
.header.header-2 .topbar-link ul li i{
    color: var(--themeht-white-color);
    margin-right: 7px;
    font-size: 16px;
}
.header.header-2 .topbar-link ul li{
    display: flex;
    padding: 0 30px 0 0px;
    margin: 0 30px 0 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
	letter-spacing: 0.5px;
}
.header.header-2 .topbar-link ul li:last-child{
    padding: 0px;
    margin: 0;
    border: inherit;
}
.header.header-2 .header-top ul li a{
	color: var(--themeht-white-color);
} 
.header.header-2 .header-top ul li a:hover{
	color: var(--themeht-secondary-color);
}
.header.header-2 .header-top .social-icons ul{
	display: flex; 
    margin: 0 0 0 30px; 
}
.header.header-2 .header-top .social-icons ul li{
    margin-right: 13px;
    font-size: 13px;
}

/* ------------------------------------------------
                     Footer
------------------------------------------------*/
.footer {
	padding: 0px;
	background-color: var(--themeht-dark-color);
	overflow: hidden;
	position: relative;
	z-index: 9;
	color: var(--themeht-white-color);
	margin: 0px 20px;
    border-radius: 15px 15px 0px 0px;
	clear: both;
}

.footer .widget {
	margin-bottom: 30px;
	background-color: inherit !important;
	padding: 0;
}

.footer .widget-title {
	margin-bottom: 30px;
	font-size: 26px; 
}

footer .footer-top {  
	display: flex;
	align-items: center;
}

footer .footer-top .col-md-6 {
	padding: 0;
}

footer .footer-top .footer-top-title .textwidget.custom-html-widget {
	font-size: 48px;
	line-height: 55px;
	color: var(--themeht-white-color);
	font-family: var(--themeht-typography-secondary-font-family);
	text-transform: uppercase;
	font-weight: 600;
}

footer .footer-top .footer-top-button .themeht-btn:hover {
	background: var(--themeht-primary-color);
}
 
.footer-widget.widget ul {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}

.footer-widget.widget ul li {
	list-style-type: none;
    margin-bottom: 12px;
    text-transform: capitalize; 
}
.footer-widget.widget ul.menu li a:hover{
	color: var(--themeht-secondary-color) !important;
}

.footer-widget.widget ul.footer-social { 
	display: inline-block;
}

.primary-footer {
	position: relative;
	z-index: 99; 
}
.primary-footer .container-fluid{
    max-width: 100% !important;
    padding: 0px 140px;
}
.primary-footer img {
	width: var(--logo-footer-height);
}

.secondary-footer {
	position: relative;
	color: var(--themeht-white-color); 
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	margin-top: auto;
	padding: 0;
}
.secondary-footer .widget {
	margin-bottom: 0px;
}
.secondary-footer-inner {
	padding: 21px 0 13px 0;
	font-size: 15px;
}
.secondary-footer-inner .col-lg-6{
	padding: 0px;
}
.copyright ul{
	padding: 0;
	margin: 0;
}
.copyright p{
	margin-bottom: 0;
}
.copyright a {
	color: var(--themeht-white-color);
}

.copyright a:hover {
	color: var(--themeht-secondary-color);
}

.footer h5.widget-title {
	position: relative;
	color: var(--themeht-white-color);
	padding-left: 0; 
	margin-bottom: 23px !important;
}

.widget h5.widget-title::before {
	display: none;
}

.media-icon.list-inline li {
	display: inline-block;
}

.media-icon li {
	margin-bottom: 0 !important;
	position: relative;
	padding-left: 40px;
	margin-bottom: 30px !important;
}

.media-icon li i {
	font-size: 24px;
	color: var(--themeht-primary-color);
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
}

.media-icon li span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	color: var(--themeht-white-color);
}

.media-icon li a,
.media-icon li p {
	color: var(--themeht-body-color);
}

.media-icon li a:hover {
	color: var(--themeht-body-color);
	text-decoration: underline !important;
}
.footer-widget .menu li:last-child {
	margin-bottom: 0;
}

.footer-widget .menu li a { 
    padding-left: 0 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    text-transform: capitalize !important;
    color: var(--themeht-white-color) !important;
	font-family: var(--themeht-body-color) !important;
	letter-spacing: 0px !important;
	background-color: inherit;
}

footer .footer-info .footer-info-in a:hover,
.footer-widget .menu li a:hover {
	color: var(--themeht-primary-color) !important;
}

.footer-widget .menu li a:before {
	display: none;
}

.footer-widget.widget .social-icons.footer-social li {
	margin-bottom: 0;
    float: left;
    margin-right: 6px;
}

.social-icons.footer-social li a {
	font-size: 16px;
	color: var(--themeht-primary-color);
}

footer .social-icons.footer-social li{
	margin-right: 10px;
}
footer .social-icons.footer-social li a {
    color: var(--themeht-white-color);
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px; 
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.10);
}

.social-icons.footer-social li a:hover {
    background: var(--themeht-secondary-color);
	color: var(--themeht-dark-color) !important;
}

.footer-box .footer-widget.widget_custom_html {
	margin: 0;
}

.widget_text.footer-widget.widget_custom_html { 
	font-size: 16px;
	background-color: inherit;
} 
.subscribe-form {
	position: relative;
	margin-top: 20px;
}

.subscribe-form p { 
	margin: 0 0 17px;
	color: var(--themeht-white-color);
}

.subscribe-form .subscribe-warp {
	position: relative;
}

.subscribe-form button {
    background: none;
    border: inherit;
    color: var(--themeht-body-color);
    line-height: inherit;
    position: absolute;
    right: 20px;
    top: 12px;
    padding: 0;
    font-size: 17px;
}

.subscribe-form input[type="email"]:focus {
	border: 1px solid var(--themeht-primary-color) !important;
}  

footer .mc4wp-form input {
	background: rgba(255, 255, 255, 0.05);
    color: var(--themeht-white-color) !important;
    padding: 0 20px;
    border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.05);
}
 

footer .mc4wp-form input::placeholder {
	color: var(--themeht-white-color) !important;
}

footer .mc4wp-form button {
	color: var(--themeht-white-color);
    border-left: 1px solid rgba(255, 255, 255, 0.10);
    padding-left: 17px;
    height: 35px;
}

.subscribe-form button:hover {
	color: var(--themeht-secondary-color);
}

footer .primary-footer .row .col-lg-4.border-right {
    position: relative;
	padding: 100px 120px 0 10px; 
}
footer .primary-footer .row .col-lg-4.border-right::before{
	position: absolute;
	top: 0;
	right: 50px;
	content: "";
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.10);
}
footer .primary-footer .row .col-lg-8{ 
	display: grid;
} 
footer .primary-footer .row .col-lg-8 .row-top{
	padding: 100px 0px 50px 0px; 
}
footer .footer-top-button .themeht-btn {
	font-size: 18px;
	letter-spacing: 1px;
	padding: 15px 25px 16px 25px;
}

footer .footer-top-button .themeht-btn.secondary-btn {
	margin-right: 26px;
}

footer .footer-top-button .themeht-btn.secondary-btn i {
	font-size: 19px;
	position: relative;
	top: 2px;
}

footer .footer-top-button .themeht-btn.white-btn i {
	position: relative;
	top: 2px;
}
.footer-info{
	display: flex;
    padding-top: 60px;
    justify-content: space-between; 
}
.footer-info h5{
    color: var(--themeht-white-color);
    margin-bottom: 10px; 
}
.footer-info p{ 
	margin-bottom: 0;
	color: var(--themeht-white-color);
}
.footer-info a{
	color: var(--themeht-white-color);
}
 
/* ------------------------------------------------
                     Page Title
------------------------------------------------*/
.page-title {
	position: relative; 
	z-index: 9;
	background-color: var(--themeht-primary-color);
	padding: 120px 20px 110px 20px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px 20px;
	   border-radius: 15px;
} 
.page-title.breadcrumb-1 .container{ 
	position: relative;
}
 
.breadcrumb {
	display: inline-flex;
	align-items: center;
	margin: 0;
	text-transform: capitalize;
	margin-top: 10px; 
}

.breadcrumb i {
    color: var(--themeht-primary-color);
    background-color: var(--themeht-white-color);
    height: 26px;
    width: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px !important;
}

.breadcrumb-item {
	display: inline-block;
	font-weight: 500;
	word-break: break-all;
}

.breadcrumb-item,
.breadcrumb-item a {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	color: var(--themeht-white-color);
	margin: 5px 0px;
}

.breadcrumb-item.active,
.breadcrumb-item a:hover {
	color: var(--themeht-white-color);
} 
.breadcrumb-item+.breadcrumb-item:before {
	color: var(--themeht-white-color);
} 
.page-title h1 {
	font-size: 55px;
    line-height: 62px;
	word-break: break-word;
	margin-bottom: 0; 
	color: var(--themeht-white-color);
}