/*==============================================
    Main Header Css        
===============================================*/
.main-header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	margin: 0px;
	z-index: 999;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 0px;
	background: rgba(255, 255, 255, 0.98);
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	z-index: 0;
}

.fixed-header .sticky-header {
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-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;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	opacity: 1;
	z-index: 999999;
}

.sticky-header__inner {
	position: relative;
	display: block;
}

.sticky-header .logo {
	position: relative;
	display: block;
	padding: 10px 0 10px;
}

.sticky-header .logo a {
	position: relative;
	display: inline-block;
}

.sticky-header .main-menu .navigation>li {
	margin-right: 35px;
}

.sticky-header .main-menu .navigation>li>a {
	color: var(--thm-black);
	padding: 40px 0px 40px;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a {
	color: var(--thm-base);
}

.sticky-header .main-menu .navigation>li.blank-box {
	display: none;
}

.main-menu .navigation.scroll-nav>li:hover>a,
.main-menu .navigation.scroll-nav>li.current>a {
	color: var(--thm-base);
}

.header-style-one {
}

.header-top {
	position: relative;
	display: block;
	background: var(--thm-bg);
	height: 50px;
}

.header-top .auto-container {
	max-width: 100%;
	padding: 0 60px;
}

.header-top .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-top-left {
	position: relative;
	display: flex;
	align-items: center;
}

.header-top-left .info-box {
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 15px;
}

.header-top-left .info-box span:before {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	color: #ffffff;
	font-size: 18px;
}

.header-top-left .info-box p {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.header-top-left .select-box {
	position: relative;
	display: block;
}

.header-top-left .select-box .nice-select {
	background-color: var(--thm-base);
	border-radius: 0px;
	border: 0px solid #edeef2;
	color: #ffffff;
	font-size: 17px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	outline: none;
	padding-left: 15px;
	padding-right: 30px;
	width: auto;
}

.header-top-left .select-box .nice-select:after {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
	display: block;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	content: '';
	width: 6px;
	height: 6px;
}

.subscribe-box {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 30px;
}

.subscribe-box .icon {
	width: 30px;
}

.subscribe-box .icon span:before {
	position: relative;
	top: 1px;
	color: #ffffff;
	font-size: 18px;
	line-height: 20px;
}

.subscribe-box a {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.subscribe-box a:hover {
	color: var(--thm-base);
}

.social-link-box-style1 {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 30px;
}

.social-link-box-style1 .icon {
	width: 25px;
}

.social-link-box-style1 .icon span:before {
	position: relative;
	top: 1px;
	color: #ffffff;
	font-size: 18px;
	line-height: 20px;
}

.social-link-box-style1 p {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.social-link-box-style1 ul {
	position: relative;
	display: block;
	padding-left: 10px;
}

.social-link-box-style1 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.social-link-box-style1 ul li:last-child {
	margin-right: 0;
}

.social-link-box-style1 ul li a {
	color: #ffffff;
	font-size: 14px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.social-link-box-style1 ul li a:hover {
	color: var(--thm-base);
}

.header-top-right {
	position: relative;
	display: block;
}

.quick-link-box {
	position: relative;
	display: flex;
	align-items: center;
}

.quick-link-box .inner-title {
	position: relative;
	display: flex;
	align-items: center;
	width: 140px;
}

.quick-link-box .inner-title span:before {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	color: #ffffff;
	font-size: 16px;
}

.quick-link-box .inner-title p {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.quick-link-box .link-box {
	position: relative;
	display: block;
	padding-top: 10px;
	padding-left: 50px;
	padding-bottom: 11px;
	z-index: 1;
}

.quick-link-box .link-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: -1000000px;
	height: 50%;
	background-color: var(--thm-base);
	-moz-transform: skew(30deg, 0deg);
	-webkit-transform: skew(30deg, 0deg);
	-o-transform: skew(30deg, 0deg);
	-ms-transform: skew(30deg, 0deg);
	transform: skew(30deg, 0deg);
	z-index: -1;
}

.quick-link-box .link-box:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: -1000000px;
	height: 50%;
	background-color: var(--thm-base);
	-moz-transform: skew(-30deg, 0deg);
	-webkit-transform: skew(-30deg, 0deg);
	-o-transform: skew(-30deg, 0deg);
	-ms-transform: skew(-30deg, 0deg);
	transform: skew(-30deg, 0deg);
	z-index: -1;
}

.quick-link-box .link-box ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.quick-link-box .link-box ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 25px;
}

.quick-link-box .link-box ul li:last-child {
	margin-right: 0;
}

.quick-link-box .link-box ul li a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.quick-link-box .link-box ul li a:hover {
	color: var(--thm-black);
}

.header {
	position: relative;
	display: block;
	z-index: 1;
}

.header .auto-container {
	max-width: 100%;
	padding: 0 60px;
}

.header .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-left {
	position: relative;
	display: flex;
	align-items: center;
	width: 15%;
}

.language-select-box {
	position: relative;
	display: flex;
	align-items: center;
}

.language-select-box .icon {
	position: relative;
	display: block;
	width: 28px;
}

.language-select-box .icon span:before {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 24px;
	line-height: 22px;
	top: 4px;
}

.language-select-box .nice-select {
	background-color: transparent;
	border-radius: 0px;
	border: 0px solid #edeef2;
	font-family: var(--thm-font);
	color: #ffffff;
	font-size: 17px;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
	outline: none;
	padding-left: 0px;
	padding-right: 15px;
	width: auto;
}

.language-select-box .nice-select:after {
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -4px;
	display: block;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	width: 6px;
	height: 6px;
	pointer-events: none;
}

.header-middle {
	position: relative;
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-logo-box {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-logo-box a {
	position: relative;
	display: inline-block;
	z-index: 10;
}

.main-menu.style1 {
	position: inherit;
	display: block;
}

.main-menu {
	position: inherit;
	display: block;
	float: left;
}

.main-menu .navbar-collapse {
	padding: 0px;
	display: block !important;
}

.main-menu .navigation {
	position: inherit;
	display: block;
}

.main-menu .navigation>li {
	position: inherit;
	display: block;
	float: left;
	margin-right: 40px;
}

.main-menu .navigation>li.blank-box {
	position: relative;
	display: block;
	width: 350px;
	height: 100px;
	margin-right: 0;
}

.main-menu .navigation>li:last-child {
	margin-right: 0;
}

.main-menu .navigation>li>a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 42px 0px 43px;
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	text-transform: capitalize;
	transition: all 500ms ease;
	font-family: var(--thm-font);
	opacity: 1;
	z-index: 1;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	color: var(--thm-base);
}

.main-menu .navigation>li.dropdown>a {
	padding-right: 20px;
}

.main-menu .navigation>li.dropdown>a:after {
	position: absolute;
	right: 0px;
	font-family: Fontawesome;
	content: "\f107";
	font-size: 16px;
	font-weight: 400;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.main-menu .navigation>li.dropdown:hover>a:after,
.main-menu .navigation>li.dropdown.current>a:after {
	transform: rotate(180deg);
}

.main-menu .navigation>li>a span {
	position: relative;
	display: inline-block;
}

.main-menu .navigation>li>ul {
	position: absolute;
	top: 100%;
	left: inherit;
	width: 310px;
	padding: 15px 0px 15px;
	background-color: #ffffff;
	border-radius: 0px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	transform-origin: top;
	transform-style: preserve-3d;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	z-index: 100;
}

.main-menu .navigation>li.dropdown:hover>ul {
	opacity: 1;
	visibility: visible;
	transform: rotateX(0deg);
	transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	display: block;
	padding: 0 30px 0;
	margin-bottom: 3px;
	width: 100%;
}

.main-menu .navigation>li>ul>li:last-child {
	margin-bottom: 0;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 8px 0px 8px;
	color: #777777;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: normal;
	font-family: var(--thm-font);
	transition-timing-function: ease-in-out;
	transition-duration: .2s;
	z-index: 1;
}

.main-menu .navigation>li>ul>li>a:before {
	content: "";
	position: absolute;
	top: 0;
	left: -15px;
	bottom: 0px;
	right: -15px;
	background-color: rgba(var(--thm-base-rgb), .04);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: -1;
}

.main-menu .navigation>li>ul>li:hover>a:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: #121212;
	padding-left: 20px;
}

.main-menu .navigation>li>ul>li>a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--thm-base);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform: scale(0);
	transform-origin: center;
	margin: 15px 0;
	z-index: -1;
}

.main-menu .navigation>li>ul>li>a:hover::after {
	transform: scale(1.0);
}

.main-menu .navigation>li>ul>li.dropdown {
}

.main-menu .navigation>li>ul>li.dropdown:after {
	position: absolute;
	top: 0px;
	right: 30px;
	bottom: 0;
	font-family: FontAwesome;
	content: "\f105";
	color: var(--thm-black);
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin: 0px 0;
	text-align: right;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover:after {
	color: var(--thm-base);
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	top: 0%;
	left: 100%;
	width: 270px;
	padding: 17px 0 16px;
	border-radius: 0px;
	border-top-left-radius: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	transform-origin: bottom;
	transform-style: preserve-3d;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
	z-index: 100;
}

.main-menu .navigation>li>ul>li>ul:before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	height: 100%;
	content: '';
	background-color: #ffffff;
	border-radius: 0px;
	border-top-left-radius: 0;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	z-index: -1;
}

.main-menu .navigation li>ul>li.dropdown:hover ul {
	opacity: 1;
	visibility: visible;
	transform: rotateX(0deg);
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	display: block;
	padding: 0 30px 0;
	margin-bottom: 3px;
	width: 100%;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	margin-bottom: 0;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 8px 0px 8px;
	color: #777777;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: normal;
	font-family: var(--thm-font);
	transition-timing-function: ease-in-out;
	transition-duration: .2s;
	z-index: 1;
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
	content: "";
	position: absolute;
	top: 0;
	left: -15px;
	bottom: 0px;
	right: -15px;
	background-color: #f9f5f3;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: -1;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #121212;
	padding-left: 20px;
}

.main-menu .navigation>li>ul>li>ul>li>a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--thm-base);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform: scale(0);
	transform-origin: center;
	margin: 15px 0;
	z-index: -1;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover::after {
	transform: scale(1.0);
}



/** Megamenu Style **/
.main-menu .navigation>li>.megamenu {
	position: absolute;
	top: 100%;
	left: 0px;
	right: 0px;
	max-width: 1500px;
	margin: 0 auto;
	padding: 40px 20px 32px;
	opacity: 0;
	visibility: hidden;
	transform: rotateX(-90deg);
	transform-origin: top;
	transform-style: preserve-3d;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
	z-index: 100;
}

.main-menu .navigation>li>.megamenu:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background-color: #ffffff;
	box-shadow: 0 0 35px rgb(0 0 0 / 10%);
	border-radius: 4px;
	z-index: -1;
}

.main-menu .navigation>li.dropdown:hover .megamenu {
	opacity: 1;
	visibility: visible;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.main-menu .navigation>li>.megamenu .row {
	margin-right: 10px;
	margin-left: 10px;
}

.main-menu .navigation>li>.megamenu .row [class*=col-] {
	padding-left: 10px;
	padding-right: 10px;
}

.main-menu .navigation>li>.megamenu ul {
	position: relative;
}

.main-menu .navigation>li>.megamenu li {
	position: relative;
	display: block;
	padding: 0;
	width: 100%;
	margin-bottom: 8px;
}

.main-menu .navigation>li>.megamenu li:last-child {
	margin-bottom: 0;
}

.main-menu .navigation>li>.megamenu li>a {
	position: relative;
	display: inline-block;
	padding: 0px 0px 0px;
	color: var(--thm-gray);
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: normal;
	font-family: var(--thm-font);
	transition-timing-function: ease-in-out;
	transition-duration: .2s;
	z-index: 1;
}

.main-menu .navigation>li>.megamenu li>a:before {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0;
	height: 1px;
	background-color: var(--thm-base);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: -1;
}

.main-menu .navigation>li>.megamenu li:hover>a:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.main-menu .navigation>li>.megamenu li:hover>a {
	color: var(--thm-base);
	letter-spacing: .01em;
}

.main-menu .navigation li.dropdown .megamenu li h4 {
	position: relative;
	display: block;
	background-color: rgba(var(--thm-base-rgb), .04);
	color: var(--thm-black);
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	padding: 8px 15px 8px;
	margin-bottom: 16px;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0;
	width: 50px;
	height: 42px;
	border-left: 1px solid #04102a;
	text-align: center;
	font-size: 16px;
	line-height: 42px;
	color: #ffffff;
	cursor: pointer;
	display: none;
	z-index: 5;
}





/** Megamenu Style 2 **/
.main-menu .navigation>li>.megamenu--style2 {
	position: absolute;
	top: 100%;
	left: auto;
	right: auto;
	max-width: 461px;
	width: 100%;
	margin: 0;
	padding: 0px 0px 0px;
}

.main-menu .navigation>li>.megamenu--style2:before {
	border-radius: 0px;
}

.main-menu .navigation>li>.megamenu--style2:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 1px;
	background: #ede8e6;
}

.main-menu .navigation>li>.megamenu--style2 .row {
	margin-right: 0px;
	margin-left: 0px;
}

.main-menu .navigation>li>.megamenu--style2 .row [class*=col-] {
	padding-left: 0px;
	padding-right: 0px;
}

.main-menu .navigation>li>.megamenu--style2 ul {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 0px 15px;
	background-color: #ffffff;
}

.main-menu .navigation>li>.megamenu--style2 li {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 30px 0;
	margin-bottom: 3px;
	width: 100%;
}

.main-menu .navigation>li>.megamenu--style2 li:last-child {
	margin-bottom: 0;
}

.main-menu .navigation>li>.megamenu--style2 li>a {
	position: relative;
	display: block;
	padding: 8px 0px 8px;
	color: #777777;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: normal;
	font-family: var(--thm-font);
	transition-timing-function: ease-in-out;
	transition-duration: .2s;
	z-index: 2;
}

.main-menu .navigation>li>.megamenu--style2 li>a:before {
	content: "";
	position: absolute;
	top: 0;
	left: -15px;
	bottom: 0px;
	right: -15px;
	min-height: 40px;
	background-color: rgba(var(--thm-base-rgb), .04);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: -1;
}

.main-menu .navigation>li>.megamenu--style2 li:hover>a:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.main-menu .navigation>li>.megamenu--style2 li:hover>a {
	color: #121212;
	padding-left: 20px;
}

.main-menu .navigation>li>.megamenu--style2 li>a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--thm-base);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform: scale(0);
	transform-origin: center;
	margin: 15px 0;
	z-index: -1;
}

.main-menu .navigation>li>.megamenu--style2 li>a:hover::after {
	transform: scale(1.0);
}

.header-right {
	position: relative;
	display: flex;
	align-items: center;
	width: 15%;
	justify-content: flex-end;
}

.header-right__menu {
	position: relative;
	display: block;
}

.header-right__menu ul {
	display: block;
	overflow: hidden;
}

.header-right__menu ul li {
	position: relative;
	display: flex;
	align-items: center;
	float: left;
	margin-right: 30px;
	line-height: 30px;
}

.header-right__menu ul li:last-child {
	margin-right: 0;
}

.header-right__menu ul li .icon {
	width: 30px;
}

.header-right__menu ul li .icon span:before {
	position: relative;
	top: 2px;
	display: inline-block;
	color: #ffffff;
	font-size: 22px;
	line-height: 30px;
}

.header-right__menu ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.header-right__menu ul li a:hover {
	color: var(--thm-base);
}



/****
.phone-number-box1 {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 50px;
}

.phone-number-box1 .icon {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(var(--thm-base-rgb), 1.0);
    border-radius: 50%;
    z-index: 1;
}

.phone-number-box1 .icon:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 50%;
    background: var(--thm-black);
    content: "";
    z-index: -1;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.phone-number-box1:hover .icon:before {
    transform: scaleX(1.0);
}

.phone-number-box1 .icon span::before {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.phone-number-box1:hover .icon span::before {
    color: #fff;
}

.phone-number-box1 .phone {
    position: relative;
    display: block;
    padding-left: 20px;
}

.phone-number-box1 .phone a {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.phone-number-box1 .phone a:hover {
    color: var(--thm-base);
}
***/



/*==============================================
    Main Header Style2 Css        
===============================================*/
.header-style-two {
	position: relative;
}

.header-top-style2 {
	position: relative;
	display: block;
	background: #f1f6f5;
	padding: 13px 0;
	overflow: hidden;
	z-index: 1;
}

.header-top-style2-shape1 {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: -1;
}

.header-top-style2-shape2 {
	position: absolute;
	top: -13px;
	left: 25%;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--thm-base);
	opacity: 0.60;
	z-index: -1;
}

.header-top-style2-shape3 {
	position: absolute;
	top: 20px;
	left: 35%;
	z-index: -1;
}

.header-top-style2-shape4 {
	position: absolute;
	left: 50%;
	bottom: -13px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--thm-base);
	opacity: 0.60;
	z-index: -1;
}

.header-top-style2-shape5 {
	position: absolute;
	top: 0px;
	right: 35%;
	z-index: -1;
}

.header-top-style2-shape6 {
	position: absolute;
	top: -4px;
	right: 10px;
	z-index: -1;
}

.header-top-style2 .auto-container {
	max-width: 100%;
	padding: 0 60px;
}

.header-top-style2 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-top-style2__left {
	position: relative;
	display: block;
}

.header-contact-info-style2 {
	position: relative;
	display: flex;
	align-items: center;
}

.header-contact-info-style2 .inner-title {
	position: relative;
	display: block;
}

.header-contact-info-style2 .inner-title h3 {
	font-size: 16px;
	line-height: 24px;
}

.header-contact-info-style2 ul {
	position: relative;
	display: block;
	padding-left: 20px;
}

.header-contact-info-style2 ul li {
	position: relative;
	display: flex;
	align-items: center;
	float: left;
	margin-right: 20px;
}

.header-contact-info-style2 ul li:last-child {
	margin-right: 0;
}

.header-contact-info-style2 ul li .icon {
	position: relative;
	display: block;
	padding-right: 7px;
	line-height: 24px;
}

.header-contact-info-style2 ul li .icon span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-font);
	font-size: 16px;
}

.header-contact-info-style2 ul li .text {
	position: relative;
	display: block;
}

.header-contact-info-style2 ul li .text p {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.header-top-style2__right {
	position: relative;
	display: flex;
	align-items: center;
}

.quick-link-box-style2 {
	position: relative;
	display: block;
}

.quick-link-box-style2 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.quick-link-box-style2 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 30px;
}

.quick-link-box-style2 ul li:last-child {
	margin-right: 0;
}

.quick-link-box-style2 ul li a {
	position: relative;
	display: block;
	color: #636d7c;
	font-size: 16px;
	line-height: 24px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.quick-link-box-style2 ul li a:hover {
	color: var(--thm-base);
}

.social-link-box-style2 {
	position: relative;
	display: block;
	padding-left: 30px;
}

.social-link-box-style2 ul {
	position: relative;
	display: block;
}

.social-link-box-style2 ul li {
	position: relative;
	display: block;
	float: left;
	line-height: 24px;
	margin-right: 20px;
}

.social-link-box-style2 ul li:last-child {
	margin-right: 0;
}

.social-link-box-style2 ul li a {
	color: #636d7c;
	font-size: 14px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.social-link-box-style2 ul li a:hover {
	color: var(--thm-font);
}

.header-style2 {
	position: relative;
	display: block;
	background-color: #ffffff;
	z-index: 1;
}

.header-style2 .auto-container {
	max-width: 100%;
	padding: 0 60px;
}

.header-style2 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-style2__left {
	position: relative;
	display: block;
}

.main-logo-box-style2 {
	position: relative;
	display: block;
}

.main-logo-box-style2 a {
	position: relative;
	display: inline-block;
}

.header-style2__middle {
	position: static;
	display: block;
}

.main-menu.style2 .navigation>li {
	margin-right: 45px;
}

.main-menu.style2 .navigation>li:last-child {
	margin-right: 0;
}

.main-menu.style2 .navigation>li>a {
	color: #15363a;
	font-family: var(--thm-font);
}

.main-menu.style2 .navigation>li:hover>a,
.main-menu.style2 .navigation>li.current>a {
	color: #e22026;
}

.header-style2__right {
	position: relative;
	display: flex;
	align-items: center;
}

.header-style2__right .serach-button-style1 {
	position: relative;
	display: block;
	margin-right: 20px;
}

.header-style2__right .serach-button-style1 .search-toggler {
	width: 50px;
	height: 50px;
	background-color: #f1f6f5;
	border: 3px solid #ffffff;
	color: var(--thm-font);
	font-size: 17px;
	line-height: 43px;
	font-weight: 400;
	cursor: pointer;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}

.header-style2__right .serach-button-style1 .search-toggler i:before {
	padding-right: 0px;
}

.header-style2__right .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.header-style2__right .btns-box a {
	padding: 0 40px 0;
	border-radius: 25px;
	font-size: 15px;
	letter-spacing: normal;
	font-family: var(--thm-font);
	background-color: var(--thm-font);
}

.header-style2__right .btns-box a:before {
	background-color: var(--thm-font);
}

.header-style2__right .btns-box a::after {
	background-color: var(--thm-font);
}

.phone-number-box1 {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid #e3e8e7;
}

.phone-number-box1 .icon {
	position: relative;
	display: block;
	width: 45px;
}

.phone-number-box1 .icon span::before {
	position: relative;
	display: block;
	color: var(--thm-font);
	font-size: 32px;
	line-height: 32px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.phone-number-box1:hover .icon span::before {
	color: var(--thm-font);
}

.phone-number-box1 .phone {
	position: relative;
	display: block;
}

.phone-number-box1 .phone h4 {
	color: #636d7c;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 9px;
}

.phone-number-box1 .phone h3 {
	font-size: 20px;
	line-height: 20px;
}

.phone-number-box1 .phone h3 a {
	color: #15363a;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.phone-number-box1 .phone a:hover {
	color: var(--thm-font);
}



/*==============================================
    Main Header Style3 Css        
===============================================*/
.header-style-three {
}

.header-top-style3 {
	position: relative;
	display: block;
	background-color: #32344b;
	padding: 24px 0;
}

.header-top-style3 .auto-container {
	max-width: 100%;
	padding: 0 75px;
}

.header-top-style3 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-top-style3-left {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-logo-box-style3 {
	position: relative;
	display: block;
}

.main-logo-box-style3 a {
	position: relative;
	display: inline-block;
}

.side-content-button-style1 {
	position: relative;
	display: block;
	padding-left: 90px;
	padding-right: 50px;
}

.side-content-button-style1 a {
	position: relative;
	display: flex;
	align-items: center;
}

.side-content-button-style1 a span:before {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	transition: all 500ms ease;
}

.side-content-button-style1 a:hover span:before {
	color: var(--thm-base);
	transform: rotateY(180deg);
}

.side-content-button-style1 p {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	margin: 0;
	transition: all 500ms ease;
}

.side-content-button-style1 a:hover p {
	color: var(--thm-base);
}

.header-top-style3-right {
	position: relative;
	display: flex;
	align-items: center;
}

.option-select-box {
	position: relative;
	display: block;
	padding-right: 60px;
}

.option-select-box ul {
	position: relative;
	display: flex;
	align-items: center;
}

.option-select-box ul li {
	position: relative;
	display: block;
	margin-right: 40px;
}

.option-select-box ul li:last-child {
	margin-right: 0;
}

.option-select-box .single-box label {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	margin-right: 0px;
	margin-bottom: 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	cursor: pointer;
	font-family: var(--thm-font-4);
}

.option-select-box .single-box input[type="radio"] {
	display: none;
}

.option-select-box .single-box input[type="radio"]+label span {
	position: absolute;
	display: block;
	top: 6px;
	left: 0;
	width: 12px;
	height: 12px;
	border: 2px solid var(--thm-base);
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	transition: all 300ms ease;
}

.option-select-box .single-box label span:before {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	content: "";
	background: var(--thm-base);
	border-radius: 50%;
	transform: scale(0);
	transition: all 300ms ease;
}

.option-select-box .single-box input[type="radio"]:checked+label span:before {
	transform: scale(1.0);
}

.header-top-style3-right__btn {
	position: relative;
	display: flex;
	align-items: center;
}

.header-top-style3-right__btn a {
	padding-top: 0;
	padding-left: 30px;
	padding-bottom: 0;
	padding-right: 30px;
	background-color: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: normal;
	font-family: var(--thm-font-4);
}

.header-top-style3-right__btn a i:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 16px;
	padding-right: 10px;
}

.header-top-style3-right__btn a+a {
	margin-left: 20px;
}

.header-top-style3-right__btn a:hover {
	color: var(--thm-black);
	border: 1px solid #ffffff;
}

.header-top-style3-right__btn a:before {
	background-color: #ffffff;
}

.header-top-style3-right__btn a:after {
	background-color: #ffffff;
}

.header-style3 {
	position: relative;
	display: block;
	z-index: 1;
}

.header-style3 .auto-container {
	max-width: 100%;
	padding: 0 75px;
}

.header-style3 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.main-menu.style3 .navigation>li>a {
	font-size: 17px;
	font-weight: 700;
	font-family: var(--thm-font-4);
}

.main-menu.style3 .navigation>li:hover>a,
.main-menu.style3 .navigation>li.current>a {
	color: var(--thm-black);
}




/*==============================================
    Main Header Style4 Css        
===============================================*/
.header-style-four {
	position: relative;
}

.header-style4 {
	position: relative;
	display: block;
	background-color: #f7f6f9;
	border-bottom: 1px solid #e6e4ea;
	z-index: 1;
}

.header-style4--gray-bg {
	background-color: #f9f8ff;
	border-bottom: 0px solid;
}

.header-style4 .auto-container {
	max-width: 1300px;
}

.header-style4 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-style4__left {
	position: relative;
	display: block;
}

.logo-box-style4 {
	position: relative;
	display: block;
}

.logo-box-style4 a {
	position: relative;
	display: inline-block;
}

.header-style4__middle {
	position: static;
	display: block;
}

.main-menu--style4 .navigation>li {
	margin-right: 40px;
}

.main-menu--style4 .navigation>li>a {
	padding-top: 40px;
	padding-bottom: 40px;
	color: var(--thm-black);
	font-size: 17px;
	line-height: 20px;
	font-weight: 600;
	font-family: var(--thm-font-4);
}

.header-style4__right {
	position: relative;
	display: flex;
	align-items: center;
}

.header-style4__user-cart-box {
	position: relative;
	display: block;
	padding-right: 35px;
}

.header-style4__user-cart-box ul {
	position: relative;
	display: block;
}

.header-style4__user-cart-box ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.header-style4__user-cart-box ul li:last-child {
	margin-right: 0;
}

.user-box-style1 {
	position: relative;
	display: block;
}

.user-box-style1 a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.user-box-style1 a img {
	width: 100%;
}

.shopping-cart-box-style2 {
	position: relative;
	display: block;
}

.shopping-cart-box-style2 a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	border: 0px solid var(--thm-base);
	border-radius: 50%;
	background-color: var(--thm-base);
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.shopping-cart-box-style2 a:hover {
	color: var(--thm-black);
}

.shopping-cart-box-style2 a .count {
	position: absolute;
	top: -5px;
	right: -3px;
	width: 16px;
	height: 16px;
	background: var(--thm-black);
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	border-radius: 50%;
	font-family: var(--thm-font-4);
}

.header-categories-box-style1 {
	position: relative;
	display: flex;
	align-items: center;
}

.header-categories-box-style1 .icon {
	width: 30px;
	text-align: right;
	margin-right: 15px;
	line-height: 0;
}

.header-categories-box-style1 .icon span::before {
	position: relative;
	display: inline-block;
	color: #6357a4;
	font-size: 24px;
	line-height: 24px;
}

.header-categories-box-style1 .select-box {
	position: relative;
	display: block;
	width: 130px;
	height: 50px;
}

.header-categories-box-style1 .nice-select {
	height: 50px;
	line-height: 50px;
	background: transparent;
	border: 0px solid transparent !important;
	border-bottom: 0px solid #e7ece9 !important;
	border-radius: 0px;
	color: var(--thm-black);
	font-size: 16px;
	font-weight: 600;
	padding-left: 0px;
	padding-right: 0px;
	font-family: var(--thm-font-4);
}

.header-categories-box-style1 .nice-select:after {
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #a1a4af;
	border-right: 1px solid #a1a4af;
	right: 4px;
	margin-top: 0px;
	top: 20px;
	z-index: 10;
}

.header-categories-box-style1 .nice-select.wide .list {
	left: auto !important;
	right: 0 !important;
	width: 200px;
}

.header-style4__right .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.header-style4__right .btns-box a {
	line-height: 28px;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 20px;
	font-family: var(--thm-font-4);
}

.header-style4__right .btns-box a i:before {
	position: relative;
	display: inline-block;
	padding-right: 6px;
	font-size: 12px;
}



/*==============================================
    Main Header Style6 Css        
===============================================*/
.header-style-six {
	position: absolute;
}

.header-style6 {
	position: relative;
	display: block;
	background-color: transparent;
	border-bottom: 2px solid #2e2a28;
	z-index: 1;
}

.header-style6.gray-bg {
	background-color: #f2efee;
}

.header-style6 .auto-container {
	max-width: 100%;
	padding: 0;
}

.header-style6 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-style6__left {
	position: relative;
	display: flex;
	align-items: center;
}

.logo-box-style6 {
	position: relative;
	display: flex;
	width: 280px;
	height: 100px;
	border-right: 2px solid #2e2a28;
	align-items: center;
	justify-content: center;
}

.logo-box-style6 a {
	position: relative;
	display: inline-block;
}

.header-social-link-style6 {
	position: relative;
	display: block;
	padding-left: 30px;
}

.header-social-link-style6 ul {
	position: relative;
	display: block;
}

.header-social-link-style6 ul li {
	position: relative;
	float: left;
	margin-right: 10px;
}

.header-social-link-style6 ul li:last-child {
	margin-right: 0;
}

.header-social-link-style6 ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	background: transparent;
	border: 2px solid #2e2a28;
	border-radius: 50%;
	color: var(--thm-black);
	font-size: 14px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.header-social-link-style6 ul li a:before {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: var(--thm-base);
	border-radius: 50%;
	content: "";
	z-index: -1;
	transform: scale(0);
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.header-social-link-style6 ul li:hover a:before {
	transform: scale(1.0);
}

.header-social-link-style6 ul li:hover a {
	color: #ffffff;
	background-color: var(--thm-base);
	border-color: var(--thm-base);
}

.header-style6__middle {
	position: static;
	display: block;
}

.header-style6__middle .main-menu--style4 .navigation>li {
	margin-right: 60px;
}

.header-style6__middle .main-menu--style4 .navigation>li:last-child {
	margin-right: 0px;
}

.header-style6__right {
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 30px;
}

.header-style6__right ul {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 30px;
	border-right: 2px solid var(--thm-black);
	height: 100px;
	padding-right: 30px;
}

.header-style6__right ul li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 50px;
	height: 40px;
	border-left: 1px solid #d5d0ce;
}

.header-style6__right ul li:first-child {
	border-left: none;
}

.header-style6__right ul li:last-child {
	border-left: none;
}

.header-style6__right ul li span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
	font-size: 20px;
}

.header-style6__right .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}



/*==============================================
    Main Header Style7 Css        
===============================================*/
/*.header-style-seven {
    position: relative;
}*/


.header-top-style7 {
	position: relative;
	display: block;
	background-color: #f8f6f3;
	z-index: 1;
	padding: 0px 0;
}

.header-top-style7 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-top-style7__left {
	position: relative;
	display: block;
}

.search-form-box-style7 {
	position: relative;
	display: block;
}

.search-form-box-style7 form {
	position: relative;
	display: block;
	max-width: 300px;
	width: 100%;
}

.search-form-box-style7 form input[type="search"] {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	background-color: transparent;
	border: 0px solid #ede8e6;
	color: #716f6d;
	font-size: 17px;
	font-weight: 400;
	padding-left: 30px;
	padding-right: 0px;
	border-radius: 0px;
	font-family: var(--thm-font);
	transition: all 500ms ease 0s;
}

.search-form-box-style7 form button {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 30px;
	height: 40px;
	color: var(--thm-black);
	font-size: 16px;
	line-height: 40px;
	background: transparent;
	text-align: center;
	border: 0px solid #e7e7e8;
	transition: all 500ms ease 0s;
}

.search-form-box-style7 form button i {
	position: relative;
	top: 2px;
}

.search-form-box-style7 form input[type="search"]:focus {
	color: var(--thm-black);
}

.search-form-box-style7 form input[type="search"]:focus+button,
.search-form-box-style7 form button:hover {
	color: var(--thm-black);
}

.search-form-box-style7 form input::-webkit-input-placeholder {
	color: #716f6d;
}

.search-form-box-style7 form input:-moz-placeholder {
	color: #716f6d;
}

.search-form-box-style7 form input::-moz-placeholder {
	color: #716f6d;
}

.search-form-box-style7 form input:-ms-input-placeholder {
	color: #716f6d;
}

.header-top-style7__middle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 570px;
	width: 100%;
	background-color: #ffffff;
	border-radius: 6px;
	padding: 4px 0;
}

.timer-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.timer-box .inner-title {
	position: relative;
	display: flex;
	align-items: center;
}

.timer-box .inner-title i {
	position: relative;
	display: block;
	line-height: 0;
}

.timer-box .inner-title i::before {
	position: relative;
	display: inline-block;
	padding-right: 8px;
	color: var(--thm-base);
	font-size: 20px;
	line-height: 20px;
}

.timer-box .inner-title h5 {
	color: #716f6d;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.timer-box .inner-title h5 span {
	color: var(--thm-base);
}

.timer-box .countdown-timers {
	position: relative;
	flex: 1;
	margin-left: 15px;
}

.timer-box .countdown-timers .countdown {
	position: relative;
	display: block;
	background: #f8f6f3;
	padding: 6px 15px 6px;
	border-radius: 5px;
}

.timer-box .countdown-timers h3 {
	color: var(--thm-base);
	font-size: 16px;
	font-weight: 600;
	font-family: var(--thm-font-4);
}

.header-top-style7__right {
	position: relative;
	display: block;
}

.header-top-style7__right .social-link-box-style1 .icon span:before {
	color: var(--thm-black);
}

.header-top-style7__right .social-link-box-style1 p {
	color: var(--thm-black);
	font-size: 17px;
	font-family: var(--thm-font-4);
	font-weight: 600;
}

.header-top-style7__right .social-link-box-style1 ul li a {
	color: #716f6d;
}

.header-top-style7__right .social-link-box-style1 ul li a:hover {
	color: var(--thm-base);
}

.header-style7 {
	position: relative;
	display: block;
	background-color: #ffffff;
	z-index: 1;
}

.header-style7 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-style7__left {
	position: relative;
	display: block;
}

.main-logo-box-style7 {
	position: relative;
	display: block;
}

.main-logo-box-style7 a {
	position: relative;
	display: inline-block;
}

.header-style7__middle {
	position: static;
}

.header-style7__middle .main-menu .navigation>li {
	margin-right: 45px;
}

.header-style7__middle .main-menu .navigation>li:last-child {
	margin-right: 0;
}

.header-style7__middle .main-menu .navigation>li.dropdown>a {
	padding-right: 15px;
}

.header-style7__right {
	position: relative;
	display: flex;
	align-items: center;
}

.header-style7__right ul {
	position: relative;
	margin-right: 30px;
	display: flex;
	align-items: center;
}

.header-style7__right ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	line-height: 0;
}

.header-style7__right ul li:last-child {
	margin-right: 0;
}

.header-style7__right ul li a {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
}

.header-style7__right ul li a span {
	position: relative;
	display: block;
	line-height: 0;
}

.header-style7__right ul li a span:before {
	font-size: 20px;
	line-height: 20px;
}

.header-style7__right .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.header-style7__right .btns-box a {
	line-height: 40px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 6px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	font-family: var(--thm-font-4);
	letter-spacing: normal;
}




/*==============================================
    Main Header Style8 Css        
===============================================*/
.header-style-eight {
	position: relative;
}

.mobile-menu--style8 .megamenu ul li:first-child h4 {
	display: none;
}

.header-top-style8 {
	position: relative;
	display: block;
	background-color: var(--thm-primary);
	padding: 12px 0;
	z-index: 1;
}

.header-top-style8 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-top-style8__left {
	position: relative;
	display: block;
}

.header-menu-style8 {
	position: relative;
	display: block;
}

.header-menu-style8 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.header-menu-style8 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 25px;
}

.header-menu-style8 ul li:last-child {
	margin-right: 0;
}

.header-menu-style8 ul li a {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	font-family: var(--thm-font-4);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.header-menu-style8 ul li a:hover {
	color: var(--thm-base);
}

.header-top-style8__right {
	position: relative;
	display: block;
}

.header-top-style8__right .social-link-box-style1 .icon span:before {
	color: #ffffff;
}

.header-top-style8__right .social-link-box-style1 p {
	color: #ffffff;
	font-size: 17px;
	font-family: var(--thm-font-4);
	font-weight: 600;
}

.header-top-style8__right .social-link-box-style1 ul li a {
	color: #ffffff;
}

.header-top-style8__right .social-link-box-style1 ul li a:hover {
	color: var(--thm-base);
}

.header-style8 {
	position: relative;
	display: block;
	background-color: #497768;
	border-top: 1px solid #3a5e52;
	border-bottom: 1px solid #3a5e52;
	z-index: 1;
}

.header-style8 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-style8__left {
	position: relative;
	display: flex;
	align-items: center;
}

.main-logo-box-style8 {
	position: relative;
	display: block;
	float: left;
	margin-right: 90px;
}

.main-logo-box-style8 a {
	position: relative;
	display: inline-block;
}

.header-style8__right {
	position: relative;
	display: flex;
	align-items: center;
}

.header-style8__right ul {
	position: relative;
	margin-right: 30px;
	display: flex;
	align-items: center;
}

.header-style8__right ul li {
	position: relative;
	display: block;
	float: left;
	border-right: 1px solid #7d9f94;
	padding-right: 15px;
	margin-right: 15px;
	line-height: 0;
}

.header-style8__right ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

.header-style8__right ul li span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
}

.header-style8__right ul li a {
	position: relative;
	display: inline-block;
}

.header-style8__right ul li span {
	position: relative;
	display: block;
	line-height: 0;
}

.header-style8__right ul li span:before {
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
}

.header-style8__right .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.header-style8__right .btns-box a {
	line-height: 40px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	font-family: var(--thm-font-4);
	text-transform: capitalize;
	letter-spacing: normal;
	background-color: transparent;
	border: 1px solid #ffffff;
}



/*==============================================
    Main Header Style9 Css        
===============================================*/
.header-style-nine {
}

.header-top-style9 {
	position: relative;
	display: block;
	background-color: var(--thm-primary);
}

.header-top-style9 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-top-style9-left {
	position: relative;
	display: block;
}

.header-top-style9-left .social-link-box-style1 {
	padding-left: 0px;
}

.header-top-style9-right {
	position: relative;
	display: block;
}

.header-top-style9-right .quick-link-box .link-box:before {
	display: none;
}

.header-top-style9-right .quick-link-box .link-box:after {
	display: none;
}

.header-style9 {
	position: relative;
	display: block;
	background-color: rgba(26, 50, 80, 0.85);
}

.header-style9 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-style9-left {
	position: static;
	display: block;
}

.header-style9-left .main-menu .navigation>li>a {
	padding-top: 25px;
	padding-bottom: 25px;
	color: #ffffff;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
}

.header-style9-left .main-menu .navigation>li:hover>a,
.header-style9-left .main-menu .navigation>li.current>a {
	color: var(--thm-base);
}

.header-style9-right {
	position: relative;
	display: flex;
	align-items: center;
}

.header-style9-right>ul {
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 20px;
}

.header-style9-right>ul>li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 50px;
	border-right: 1px solid rgba(255, 255, 255, 0.20);
	line-height: 20px;
}

.header-style9-right>ul>li span:before {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
}

.header-style9-right .language-select-box .nice-select {
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	padding-left: 0px;
	padding-right: 15px;
	text-transform: uppercase;
}

.header-bottom-style9 {
	position: relative;
	display: block;
	background-color: rgba(26, 50, 80, 0.85);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding: 20px 0;
}

.header-bottom-style9 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-bottom-style9-left {
	position: relative;
	display: block;
}

.logo-box-style9 {
	position: relative;
	display: block;
}

.logo-box-style9 a {
	position: relative;
	display: inline-block;
}

.header-bottom-style9-middle {
	position: relative;
	display: block;
}

.header-contact-info-style9 {
	position: relative;
	display: block;
}

.header-contact-info-style9 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.header-contact-info-style9 ul li {
	position: relative;
	display: flex;
	align-items: center;
	float: left;
	border-left: 1px solid rgba(255, 255, 255, 0.15);
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 30px;
}

.header-contact-info-style9 ul li .icon {
	position: relative;
	display: block;
	width: 50px;
}

.header-contact-info-style9 ul li .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.header-contact-info-style9 ul li .icon span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 30px;
	line-height: 30px;
}

.header-contact-info-style9 ul li .text {
	position: relative;
	display: block;
	flex: 1;
}

.header-contact-info-style9 ul li .text p {
	color: #ffffff;
	font-size: 15px;
	line-height: 26px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.header-contact-info-style9 ul li .text p a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.header-contact-info-style9 ul li .text p a:hover {
	color: var(--thm-base);
}

.header-bottom-style9-right {
	position: relative;
	display: block;
}

.header-bottom-style9-right .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.header-bottom-style9-right .btns-box a {
	color: var(--thm-black);
	letter-spacing: normal;
	background-color: #ffffff;
	padding-left: 40px;
	padding-right: 40px;
}

.header-bottom-style9-right .btns-box a:hover {
	color: #ffffff;
}




/*==============================================
    Main Header Style10 Css        
===============================================*/
.header-style-ten {
}

.header-top-style10 {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 20px 0;
}

.header-top-style10::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	background: #f9f6f4;
	-moz-transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	-o-transform: skew(-20deg, 0deg);
	-ms-transform: skew(-20deg, 0deg);
	transform: skew(-20deg, 0deg);
}

.header-top-style10 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.header-top-style10-left {
	position: relative;
	display: flex;
	align-items: center;
}

.logo-box-style10 {
	position: relative;
	display: block;
}

.logo-box-style10 a {
	position: relative;
	display: inline-block;
}

.header-contact-info-style10 {
	position: relative;
	display: block;
	margin-left: 30px;
	border-left: 1px solid #ede8e6;
	padding-left: 30px;
}

.header-contact-info-style10 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.header-contact-info-style10 ul li {
	position: relative;
	display: flex;
	align-items: center;
	float: left;
	margin-right: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.header-contact-info-style10 ul li:last-child {
	margin-right: 0;
}

.header-contact-info-style10 ul li .icon {
	position: relative;
	display: block;
	width: 50px;
}

.header-contact-info-style10 ul li .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.header-contact-info-style10 ul li .icon span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 30px;
	line-height: 30px;
}

.header-contact-info-style10 ul li .text {
	position: relative;
	display: block;
	flex: 1;
}

.header-contact-info-style10 ul li .text p {
	color: var(--thm-gray);
	font-size: 15px;
	line-height: 26px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.header-contact-info-style10 ul li .text p a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.header-contact-info-style10 ul li .text p a:hover {
	color: var(--thm-base);
}

.header-top-style10-right {
	position: relative;
	display: flex;
	align-items: center;
}

.select-style1-box {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}

.select-style1-box li {
	position: relative;
	display: inline-block;
	padding: 0 5px 0px;
}

.select-style1-box li input[type=radio] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.select-style1-box li label {
	position: relative;
	display: block;
	width: 120px;
	height: 60px;
	background-color: #ffffff;
	color: #777777;
	font-size: 16px;
	line-height: 60px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
	border-radius: 0px;
	cursor: pointer;
	font-family: var(--thm-font-4);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.select-style1-box li :checked+label {
	color: #ffffff;
	background-color: var(--thm-base);
}

.header-top-style10-right .search-box {
	position: relative;
	display: block;
	padding-left: 10px;
}

.header-top-style10-right .search-box button {
	font-size: 20px;
	border: 1px solid #e6e1df;
	width: 60px;
	height: 60px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.header-top-style10-right .search-box button:hover {
	color: #ffffff;
	border-color: var(--thm-base);
	background-color: var(--thm-base);
}

.header-style10 {
	position: relative;
	display: block;
}

.header-style10 .outer-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background-color: var(--thm-base);
	padding-left: 30px;
}

.header-style10 .outer-box::before {
	content: "";
	position: absolute;
	left: 30px;
	bottom: -10px;
	right: 30px;
	height: 10px;
	background-color: var(--thm-base);
	opacity: 0.40;
}

.header-style10-left {
	position: static;
	display: block;
}

.main-menu.style10 .navigation>li>a {
	color: #ffffff;
	padding-top: 25px;
	padding-bottom: 25px;
}

.main-menu.style10 .navigation>li:hover>a,
.main-menu.style10 .navigation>li.current>a {
	color: var(--thm-black);
}

.header-style10-right {
	position: relative;
	display: block;
}

.header-style10-right .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.header-style10-right .btns-box a {
	line-height: 60px;
	background-color: var(--thm-primary);
}


/*** 
=====================================================
	Main Slider style
=====================================================
***/
.main-slider {
	position: relative;
	display: block;
	z-index: 10;
}

.main-slider.style1 {
	position: relative;
	display: block;
	background-color: #ffffff;
	margin-top: 50px;
}

.main-slider .slide {
	position: relative;
	display: block;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.main-slider .slide .image-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	background-color: var(--thm-bg);
	transition: transform 7000ms ease, opacity 1500ms ease-in;
	z-index: 1;
}

.main-slider .active .slide .image-layer {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.main-slider .content {
	position: relative;
	z-index: 11;
}

.main-slider .auto-container {
	position: relative;
}

.main-slider .slide {
	position: relative;
	display: block;
	padding-top: 256px;
	padding-bottom: 250px;
}

.main-slider .content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

.main-slider.style1 .content.middle {
	align-items: center;
}

.main-slider.style1 .slide .image-layer:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-image: -moz-linear-gradient(-90deg, rgb(26, 26, 26) 0%, rgba(26, 26, 26, 0) 100%);
	background-image: -webkit-linear-gradient(-90deg, rgb(26, 26, 26) 0%, rgba(26, 26, 26, 0) 100%);
	background-image: -ms-linear-gradient(-90deg, rgb(26, 26, 26) 0%, rgba(26, 26, 26, 0) 100%);
	z-index: -1;
}

.main-slider.style1 .slide .image-layer:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgb(26, 26, 26);
	background: linear-gradient(270deg, rgba(26, 26, 26, 0) 30%, rgba(26, 26, 26, 1) 100%, rgba(26, 26, 26, 1) 100%);
	opacity: 0.70;
	z-index: -1;
}

.main-slider .content .big-title {
	position: relative;
	display: block;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	z-index: 10;
}

.main-slider .active .content .big-title {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.main-slider .content .big-title h2 {
	color: #ffffff;
	font-size: 80px;
	line-height: 1.1em;
	font-weight: 500;
	text-transform: capitalize;
}

.main-slider .content .text {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 23px;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateX(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateX(-80px);
	transform: perspective(400px) rotateY(0deg) translateX(-80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	z-index: 10;
}

.main-slider .active .content .text {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateX(0px);
	transform: perspective(400px) rotateY(0deg) translateX(0px);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.main-slider .content .text p {
	color: #ffffff;
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	margin: 0;
}

.main-slider .content .btns-box {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	line-height: 0;
	margin-top: 41px;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
	transform: perspective(400px) rotateY(0deg) translateY(80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	z-index: 10;
}

.main-slider .active .content .btns-box {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.main-slider .content .btns-box a {
}

.main-slider .content .btns-box a.style2 {
	background-color: var(--thm-bg);
}

.main-slider .content .btns-box a+a {
	margin-left: 16px;
}

.main-slider .content .video-gallery-btns-box {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	margin-top: 50px;
	line-height: 0;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
	transform: perspective(400px) rotateY(0deg) translateY(80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	z-index: 10;
}

.main-slider .active .content .video-gallery-btns-box {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 2500ms;
	-moz-transition-delay: 2500ms;
	-ms-transition-delay: 2500ms;
	-o-transition-delay: 2500ms;
	transition-delay: 2500ms;
}

.main-slider .content .video-gallery-btns-box a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 30px;
	line-height: 0px;
}

.main-slider .content .video-gallery-btns-box p {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	margin: 0;
}

.main-slider .content .video-gallery-btns-box p a {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}






/*=== Main Slider Nav Style=========*/
.main-slider .owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	right: 15%;
	height: 150px;
	line-height: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	opacity: 0;
	transform: scaleX(1.0) translateX(0px);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	transition: all 500ms ease;
	z-index: 3;
}

.main-slider:hover .owl-theme .owl-nav {
	opacity: 1;
	transform: scaleX(1.0) translateY(-50%);
}

.main-slider .owl-theme .owl-nav .owl-prev,
.main-slider .owl-theme .owl-nav .owl-next {
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	background: rgba(255, 255, 255, .20);
	border: 0px solid rgba(255, 255, 255, .20);
	border-radius: 0%;
	text-align: center;
	color: rgba(255, 255, 255, .20);
	font-size: 25px;
	line-height: 70px;
	font-weight: 100;
	opacity: 1;
	margin: 0;
	padding: 0;
	transform: translateY(0px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider .owl-theme .owl-prev span,
.main-slider .owl-theme .owl-next span {
	display: block;
}

.main-slider .owl-theme .owl-prev span:before {
	transition: all 100ms ease;
}

.main-slider .owl-theme .owl-nav .owl-prev {
	transform: rotate(180deg);
}

.main-slider .owl-theme .owl-nav .owl-next {
	transform: rotate(0deg);
}

.main-slider .owl-theme .owl-nav .owl-prev:hover,
.main-slider .owl-theme .owl-nav .owl-next:hover {
	color: var(--thm-black);
	background: rgba(255, 255, 255, 1.0);
}

.banner-carousel .owl-dots {
	display: block;
}

.main-slider.nav-style2 .owl-theme .owl-nav {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0px;
	opacity: 1;
	line-height: 0;
	transform: scaleX(1.0) translateY(-50px);
	transition: all 500ms ease;
}

.main-slider.nav-style2 .owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: 20px;
	transform: rotate(90deg);
}

.main-slider.nav-style2 .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 20px;
	transform: rotate(-90deg);
}







/*===== Main Slider Dot Style ====*/
.main-slider .banner-carousel.owl-carousel .owl-dots {
	position: absolute;
	top: 0;
	right: 70px;
	bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	line-height: 0;
	opacity: 0;
	transform: scaleX(1.0) translateX(0px);
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	display: none;
}

.main-slider:hover .banner-carousel.owl-carousel .owl-dots {
	opacity: 1;
	transform: scaleX(1.0) translateX(0px);
}

.main-slider .banner-carousel.owl-carousel button.owl-dot {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	background-color: transparent;
	border: 1px solid #ffffff;
	margin: 0px 10px;
	padding: 0px;
	border-radius: 50%;
	transition: all 100ms linear;
	transition-delay: 0.1s;
}

.main-slider .banner-carousel.owl-carousel button.owl-dot:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	background: #ffffff;
	border-radius: 50%;
	transform: scale(1.0);
	transition: all 500ms ease;
}

.main-slider .banner-carousel.owl-carousel button.owl-dot.active {
	border-color: var(--thm-base);
}

.main-slider .banner-carousel.owl-carousel button.owl-dot.active:before {
	background: var(--thm-base);
}




/*** 
=====================================================
	Main Slider style2 Css
=====================================================
***/
.main-slider.style2 {
	position: relative;
	display: block;
}

.main-slider.style2 .slide {
	position: relative;
	display: block;
	padding-top: 165px;
	padding-bottom: 180px;
}

.main-slider.style2 .slide .image-layer:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgb(21, 54, 58);
	background: linear-gradient(90deg, rgba(21, 54, 58, 0.9528186274509804) 0%, rgba(21, 54, 58, 0.5998774509803921) 40%, rgba(21, 54, 58, 0.10127801120448177) 60%, rgba(21, 54, 58, 0) 100%);
	z-index: -1;
}

.main-slider.style2 .slide.right .image-layer:before {
	background: rgb(21, 54, 58);
	background: linear-gradient(270deg, rgba(21, 54, 58, 0.9528186274509804) 0%, rgba(21, 54, 58, 0.5998774509803921) 40%, rgba(21, 54, 58, 0.10127801120448177) 60%, rgba(21, 54, 58, 0) 100%);
}

.main-slider.style2 .slide .image-layer::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--thm-base);
	opacity: 0.15;
	z-index: -2;
}

.main-slider.style2 .content {
	padding: 0px 0 0px;
}

.main-slider.style2 .slide.right .content {
	max-width: 570px;
	width: 100%;
	float: right;
}

.main-slider.style2 .content .sub-title {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-bottom: 23px;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	z-index: 10;
}

.main-slider.style2 .active .content .sub-title {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.main-slider.style2 .content .sub-title .border-box {
	position: relative;
	display: block;
	height: 6px;
	width: 50px;
	background-color: var(--thm-base);
	border-radius: 3px;
	margin-right: 20px;
}

.main-slider.style2 .content .sub-title h3 {
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.main-slider.style2 .content .big-title h2 {
	font-size: 72px;
	line-height: 1.1em;
	font-weight: 700;
}

.main-slider.style2 .content .text {
	margin-top: 25px;
}

.main-slider.style2 .content .text p {
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
}

.main-slider.style2 .content .btns-box a {
	padding: 0 50px 0;
	border-radius: 30px;
	font-size: 15px;
	line-height: 60px;
	letter-spacing: normal;
	font-family: var(--thm-font-3);
	background-color: var(--thm-base);
}



/*** 
=====================================================
	Main Slider style3 Css
=====================================================
***/
.main-slider-style3 {
	position: relative;
	display: block;
	margin-top: 100px;
	margin-left: 75px;
}

.main-slider-style3 .slider-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-top-left-radius: 25px;
}

.main-slider-style3__outer-content {
	position: absolute;
	top: 0;
	left: -75px;
	bottom: 0;
	width: 75px;
	padding-top: 100px;
}

.main-slider-style3__outer-content:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: -25px;
	background-color: var(--thm-black);
	z-index: -2;
}

.language-select-box--style2 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.language-select-box--style2 .icon {
	width: 45px;
	margin-bottom: 6px;
}

.language-select-box--style2 .icon span:before {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b5b9c4;
	font-size: 30px;
	line-height: 30px;
	top: 0;
	width: 45px;
	height: 45px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 50%;
}

.language-select-box--style2 .nice-select .list {
	left: -17px;
}

.shopping-cart-box {
	position: relative;
	display: block;
	margin-top: 36px;
}

.shopping-cart-box a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	margin: 0 auto;
	border-radius: 50%;
	color: #b5b9c4;
	font-size: 22px;
	text-align: center;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.shopping-cart-box a i {
	position: relative;
	display: block;
}

.shopping-cart-box a:hover {
	color: var(--thm-base);
	border: 1px solid #ffffff;
}

.shopping-cart-box a .count {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 22px;
	height: 22px;
	background: var(--thm-base);
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	text-align: center;
	font-family: var(--thm-font-4);
}

.border-vertical-line {
	position: relative;
	display: block;
	width: 1px;
	height: 55px;
	background: #53556c;
	margin: 40px auto 40px;
}

.slider-social-link-box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.slider-social-link-box .inner-title {
	position: relative;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(0deg) translateX(0%);
	width: max-content;
	z-index: 1;
}

.slider-social-link-box .inner-title h6 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
}

.slider-social-link-box ul {
	position: relative;
	display: block;
	padding-top: 25px;
}

.slider-social-link-box ul li {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.slider-social-link-box ul li:last-child {
	margin-bottom: 0;
}

.slider-social-link-box ul li a {
	position: relative;
	display: inline-block;
	color: #b5b9c4;
	font-size: 18px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.slider-social-link-box ul li a:hover {
	color: #ffffff;
}

.main-slider-style3 .slide .image-layer:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #000000;
	opacity: 0.10;
	z-index: -1;
}

.main-slider-style3 .slide .image-layer:after {
	position: absolute;
	top: -210px;
	left: -320px;
	bottom: 0;
	width: 1210px;
	height: 1210px;
	border-radius: 50%;
	content: "";
	background-color: rgba(var(--thm-base-rgb), .75);
	z-index: -1;
}

.main-slider-style3 .slide .image-layer {
	transform: scale(1.0);
}

.main-slider-style3 .active .slide .image-layer {
	transform: scale(1.0);
}

.main-slider-style3 .slide {
	position: relative;
	display: block;
	padding-top: 206px;
	padding-bottom: 260px;
}

.main-slider-style3 .content .big-title h2 {
	color: #ffffff;
	font-size: 60px;
	line-height: 1.2em;
	font-weight: 700;
	text-transform: capitalize;
}

.main-slider-style3 .content .text {
	position: relative;
	margin-top: 20px;
}

.main-slider-style3 .content .text ul {
	position: relative;
	display: block;
}

.main-slider-style3 .content .text ul li {
	position: relative;
	display: block;
	padding-left: 25px;
	color: #ffffff;
	font-size: 17px;
}

.main-slider-style3 .content .text ul li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border-radius: 50%;
}

.main-slider-style3 .content .text ul li+li {
	margin-top: 10px;
}

.main-slider-style3 .content .btns-box {
}

.main-slider-style3 .content .btns-box a {
	color: var(--thm-black);
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 0;
	background-color: #ffffff;
	font-family: var(--thm-font-4);
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
}

.main-slider-style3 .content .btns-box a:hover {
	color: #ffffff;
}

.main-slider-style3 .content .btns-box a i:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 16px;
	padding-right: 8px;
}

.main-slider-style3__bottom-content {
	position: absolute;
	left: 75px;
	bottom: 50px;
	right: 75px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	padding: 16px 0;
	z-index: 3;
}

.main-slider-style3__bottom-content p {
	color: #676c7c;
	margin: 0;
}

.main-slider-style3__bottom-content i:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 18px;
	padding-right: 6px;
}

.main-slider-style3__bottom-content a {
	color: var(--thm-base);
	font-size: 17px;
	font-weight: 700;
	text-transform: capitalize;
}

.main-slider-style3 .owl-theme .owl-nav {
	right: 80px;
	height: 140px;
}

.main-slider-style3 .owl-theme .owl-nav .owl-prev {
	transform: rotate(-90deg);
	width: 60px;
	height: 60px;
	border-radius: 7px;
	background-color: #fff;
	color: #a1a4af;
	font-size: 20px;
	line-height: 60px;
}

.main-slider-style3 .owl-theme .owl-nav .owl-prev:hover {
	color: #ffffff;
	background-color: var(--thm-base);
}

.main-slider-style3 .owl-theme .owl-nav .owl-next {
	transform: rotate(90deg);
	width: 60px;
	height: 60px;
	border-radius: 7px;
	background-color: #fff;
	color: #a1a4af;
	font-size: 20px;
	line-height: 60px;
}

.main-slider-style3 .owl-theme .owl-nav .owl-next:hover {
	color: #ffffff;
	background-color: var(--thm-base);
}




/*** 
=====================================================
	Main Slider style4 Css
=====================================================
***/
.main-slider--style4 {
	position: relative;
	display: block;
}

.main-slider--style4 .slide {
	min-height: 840px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.main-slider--style4 .slide .background-color-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f7f6f9;
	transition: transform 7000ms ease, opacity 1500ms ease-in;
	z-index: 1;
}

.main-slider--style4 .slide .content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: inherit;
	min-height: 840px;
}

.main-slider--style4 .content .sub-title1 {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	line-height: 0;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	z-index: 10;
}

.main-slider--style4 .active .content .sub-title1 {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.main-slider--style4 .content .sub-title1 h5 {
	position: relative;
	display: inline-block;
	padding: 9px 30px 9px;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	color: #6357a4;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.main-slider--style4 .content .big-title {
	padding-top: 18px;
}

.main-slider--style4 .content .big-title h2 {
	color: var(--thm-black);
	font-size: 60px;
	line-height: 1.2em;
	font-weight: 600;
	text-transform: capitalize;
	animation: none;
}

.main-slider--style4 .content .text {
	margin-top: 18px;
}

.main-slider--style4 .content .text p {
	color: #676c7c;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
}

.main-slider--style4 .content .btns-box {
	margin-top: 32px;
}

.main-slider--style4 .content .btns-box a {
}

.main-slider--style4 .active-leaners {
	position: absolute;
	top: 315px;
	right: 300px;
	width: 270px;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	padding: 20px 20px 20px;
	z-index: 11;
}

.main-slider--style4 .active-leaners .inner {
	position: relative;
	display: flex;
	align-items: center;
}

.main-slider--style4 .active-leaners .inner .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	background-color: #f7f6f9;
	border-radius: 50%;
	color: #6357a4;
	font-size: 30px;
}

.main-slider--style4 .active-leaners .inner .inner-text {
	position: relative;
	margin-left: 15px;
	flex: 1;
}

.main-slider--style4 .active-leaners .inner .inner-text h3 {
	font-size: 26px;
	line-height: 26px;
	margin: 0 0 9px;
}

.main-slider--style4 .active-leaners .inner .inner-text h5 {
	font-size: 18px;
	line-height: 18px;
}

.main-slider--style4 .total-students {
	position: absolute;
	bottom: 195px;
	right: -100px;
	width: 190px;
	padding: 30px 20px 30px;
	background-color: #ffffff;
	border-radius: 6px;
	text-align: center;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	z-index: 11;
}

.main-slider--style4 .total-students .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	margin: 0 auto;
	background-color: #f7f6f9;
	border-radius: 50%;
	color: #6357a4;
	font-size: 30px;
}

.main-slider--style4 .total-students h4 {
	font-size: 18px;
	line-height: 18px;
	margin: 19px 0 0;
}

.main-slider--style4 .total-students h3 {
	font-size: 26px;
	line-height: 26px;
	margin: 14px 0 16px;
}

.main-slider--style4 .total-students ul {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-slider--style4 .total-students ul li {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	padding: 2px;
	border-radius: 50%;
	margin: 0 -5px;
}

.main-slider--style4 .total-students ul li .img-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 50%;
}

.main-slider--style4 .total-students ul li .img-box img {
	width: 100%;
}

.main-slider--style4 .total-students ul li .icon-box {
	position: relative;
	display: block;
}

.main-slider--style4 .total-students ul li .icon-box a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: var(--thm-base);
	border-radius: 50%;
	color: #ffffff;
	font-size: 16px;
}

.main-slider--style4 .certification-box {
	position: absolute;
	bottom: 100px;
	right: 270px;
	height: 200px;
	width: 200px;
	background-color: #6357a4;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	z-index: 11;
}

.main-slider--style4 .certification-box .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	background-color: #f7f6f9;
	border-radius: 50%;
	color: #6357a4;
	font-size: 30px;
}

.main-slider--style4 .certification-box h3 {
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	margin: 16px 0 0;
}

.main-slider--style4 .big-title-top {
	position: absolute;
	top: 20px;
	right: -90px;
	color: #ffffff;
	font-size: 200px;
	line-height: 160px;
	font-weight: 600;
	font-family: var(--thm-font-4);
	z-index: 1;
}

.main-slider--style4 .big-title-bottom {
	position: absolute;
	left: 109px;
	bottom: 31px;
	color: #ffffff;
	font-size: 200px;
	line-height: 170px;
	font-weight: 600;
	font-family: var(--thm-font-4);
	z-index: 1;
}

.main-slider--style4 .main-img-box {
	position: absolute;
	bottom: -50px;
	right: -500px;
	z-index: 10;
}

.main-slider--style4 .main-img-box-bg {
	position: absolute;
	top: 50%;
	right: 0;
	width: 370px;
	height: 470px;
	transform: translateY(-50%);
	border-radius: 6px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}

.main-slider--style4 .slider-style4-shape1 {
	position: absolute;
	top: 60px;
	left: 10%;
	z-index: 1;
}

.main-slider--style4 .slider-style4-shape2 {
	position: absolute;
	top: 33%;
	left: 5%;
	z-index: 1;
}

.main-slider--style4 .slider-style4-shape3 {
	position: absolute;
	top: 50%;
	left: 5%;
	z-index: 1;
}

.main-slider--style4 .slider-style4-shape4 {
	position: absolute;
	top: 80px;
	left: 45%;
	z-index: 1;
	transform: rotate(125deg);
}

.main-slider--style4 .slider-style4-shape5 {
	position: absolute;
	top: 55%;
	left: 50%;
	z-index: 1;
	transform: rotate(60deg);
}

.main-slider--style4 .slider-style4-shape6 {
	position: absolute;
	top: 20px;
	right: 3%;
	transform: rotate(55deg);
	z-index: 1;
}

.main-slider--style4 .slider-style4-shape7 {
	position: absolute;
	right: 5%;
	bottom: 60px;
	transform: rotate(175deg);
	z-index: 1;
}

.main-slider--style4 .slider-style4-shape8 {
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 1;
}


/*** 
=====================================================
	Main Slider style5 Css
=====================================================
***/
.banner-style5-area {
	position: relative;
	display: block;
	background: #f9f8ff;
}

.vegas-animation-kenburns {
	animation: kenburns ease-out;
}

@keyframes kenburns {
	0% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

.banner-style5-area .auto-container {
	max-width: 1750px;
}

.banner-style5__content {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
	z-index: 10;
}

.banner-style5__content .slider-bg-slide {
	width: 100%;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #646464;
	background-blend-mode: overlay;
}

.slider-bg-slide-overly {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	background: #3910e1;
	opacity: 0.50;
}

.banner-style5__content-inner {
	position: relative;
	display: block;
	padding-top: 139px;
	padding-bottom: 150px;
	z-index: 11;
}

.banner-style5__content-inner .big-title {
	position: relative;
	display: block;
	text-align: center;
	padding-bottom: 27px;
}

.banner-style5__content-inner .big-title h2 {
	color: #ffffff;
	font-size: 48px;
	line-height: 1.3em;
	font-weight: 700;
}

.banner-style5__content-inner .highlights-box {
	position: relative;
	display: block;
	padding-bottom: 50px;
}

.banner-style5__content-inner .highlights-box ul {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-style5__content-inner .highlights-box ul li {
	position: relative;
	display: flex;
	align-items: center;
	float: left;
	margin: 0 15px;
}

.banner-style5__content-inner .highlights-box ul li span:before {
	position: relative;
	display: inline-block;
	padding-right: 14px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
}

.banner-style5__content-inner .highlights-box ul li h4 {
	color: #ffffff;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
}

.banner-style5-search-box {
	position: relative;
	display: block;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

.banner-style5-search-box form.search-form {
	position: relative;
	display: block;
	width: 100%;
}

.banner-style5-search-box .search-form input[type="text"] {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #727078;
	font-size: 17px;
	font-weight: 400;
	padding-left: 330px;
	padding-right: 70px;
	border-radius: 35px;
	font-family: var(--thm-font);
	transition: all 500ms ease 0s;
}

.banner-style5-search-box .search-form button {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 18px;
	line-height: 50px;
	background: var(--thm-base);
	text-align: center;
	border: 0px solid #e7e7e8;
	transition: all 500ms ease 0s;
}

.banner-style5-search-box .search-form button i {
	position: relative;
	top: 0px;
}

.banner-style5-search-box .search-form input[type="text"]:focus {
	color: var(--thm-black);
}

.banner-style5-search-box .search-form input[type="text"]:focus+button,
.banner-style5-search-box .search-form button:hover {
	color: var(--thm-black);
}

.banner-style5-search-box .search-form input::-webkit-input-placeholder {
	color: #727078;
}

.banner-style5-search-box .search-form input:-moz-placeholder {
	color: #727078;
}

.banner-style5-search-box .search-form input::-moz-placeholder {
	color: #727078;
}

.banner-style5-search-box .search-form input:-ms-input-placeholder {
	color: #727078;
}

.banner-style5-search-box .header-categories-box-style1 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 300px;
	padding-left: 30px;
	z-index: 11;
}

.banner-style5-search-box .header-categories-box-style1:before {
	content: "";
	position: absolute;
	top: 20px;
	right: 0;
	bottom: 20px;
	width: 1px;
	background: #e9e8ed;
}

.banner-style5-search-box .header-categories-box-style1 .select-box {
	width: 195px;
}

.banner-style5-features-box-single {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.banner-style5-features-box-single .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.banner-style5-features-box-single:hover .icon {
	background-color: var(--thm-base);
	transform: scale(1.1);
}

.banner-style5-features-box-single .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.banner-style5-features-box-single .icon span:before {
	position: relative;
	display: block;
	color: var(--thm-base);
	font-size: 26px;
	line-height: 26px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.banner-style5-features-box-single:hover .icon span:before {
	color: #ffffff;
}

.banner-style5-features-box-single h3 {
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	margin: 16px 0 0;
}

.banner-style5-features-box-single.one {
	position: absolute;
	top: 90px;
	left: 200px;
}

.banner-style5-features-box-single.two {
	position: absolute;
	left: 60px;
	bottom: 94px;
}

.banner-style5-features-box-single.three {
	position: absolute;
	top: 90px;
	right: 200px;
}

.banner-style5-features-box-single.four {
	position: absolute;
	right: 60px;
	bottom: 94px;
}



/*** 
=====================================================
	Main Slider style6 Css
=====================================================
***/
.main-slider--style6 {
	position: relative;
	display: block;
}

.main-slider--style6 .slider-box {
	padding-top: 100px;
	padding-bottom: 0px;
}

.main-slider--style6 .background-color-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f2efee;
	transition: transform 7000ms ease, opacity 1500ms ease-in;
	z-index: 1;
}

.main-slider--style6 .auto-container {
	max-width: 1600px;
}

.main-slider--style6 .content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: inherit;
	padding-top: 170px;
	padding-bottom: 235px;
}

.main-slider--style6 .content .sub-title1 {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	z-index: 10;
}

.main-slider--style6 .content .sub-title1 h3 {
	color: var(--thm-base);
	font-size: 36px;
	line-height: 1em;
	font-weight: 500;
	text-transform: capitalize;
}

.main-slider--style6 .content .sub-title1 h3 span {
	font-size: 20px;
	font-family: var(--thm-font);
}

.main-slider--style6 .content .meta-box {
	position: relative;
	display: block;
	padding-top: 10px;
}

.main-slider--style6 .content .meta-box ul {
	position: relative;
	display: flex;
	align-items: center;
}

.main-slider--style6 .content .meta-box ul li {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.main-slider--style6 .content .meta-box ul li+li {
	margin-left: 20px;
}

.main-slider--style6 .content .meta-box ul li span:before {
	position: relative;
	display: inline-block;
	padding-right: 9px;
	color: var(--thm-base);
	font-size: 18px;
}

.main-slider--style6 .content .meta-box ul li h5 {
	color: #2e2a28;
	font-size: 15px;
	font-weight: 500;
}

.main-slider--style6 .content .meta-box ul li h5 span {
	color: var(--thm-black);
	font-size: 16px;
	font-weight: 600;
	font-family: var(--thm-font-4);
}

.main-slider--style6 .content .big-title-6 {
	position: relative;
	display: block;
	padding-top: 14px;
}

.main-slider--style6 .content .big-title-6 h2 {
	color: var(--thm-black);
	font-size: 72px;
	line-height: 1.2em;
	font-weight: 800;
	text-transform: uppercase;
	animation: none;
}

.main-slider--style6 .content .big-title-6 h2 span {
	color: transparent;
	-webkit-text-stroke: 1px var(--thm-base);
	font-family: var(--thm-font);
}

.main-slider--style6 .content .text {
	margin-top: 18px;
}

.main-slider--style6 .content .text p {
	color: #676c7c;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
}

.main-slider--style6 .content .btns-box-6 {
	position: relative;
	display: block;
	margin-top: 32px;
	line-height: 0;
}

.main-slider--style6 .content .btns-box-6 a {
}

.main-slider--style6 .main-img-box {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
}

.main-slider--style6 .content .video-box {
	position: absolute;
	top: 150px;
	left: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	background-color: #ffffff;
	border-radius: 50%;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 999;
}

.main-slider--style6 .content .video-box:hover {
	background-color: var(--thm-base);
}

.main-slider--style6 .content .video-box .curved-circle-3 {
	position: absolute;
	top: -25px;
	left: 0px;
	bottom: 0;
	right: 0;
	color: #393333;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.5px;
	font-family: var(--thm-font);
	text-transform: uppercase;
}

.main-slider--style6 .content .video-box a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	color: var(--thm-black);
	font-size: 30px;
}

.main-slider--style6 .content .video-box:hover a {
	color: #ffffff;
}




/*** 
=====================================================
	Main Slider style7 Css
=====================================================
***/
.main-slider--style7 {
	position: relative;
	display: block;
}

.main-slider--style7 .slide {
	padding-top: 160px;
	padding-bottom: 160px;
}

.main-slider--style7 .content-outer {
	position: relative;
	display: block;
	max-width: 570px;
	width: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(10deg) translateY(80px);
	-ms-transform: perspective(400px) rotateY(10deg) translateY(80px);
	transform: perspective(400px) rotateY(10deg) translateY(80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
}

.main-slider--style7 .active .content-outer {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.main-slider--style7 .content-outer .border-outer {
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0;
	right: 0;
	border: 2px solid #ffffff;
	transform: rotate(-10deg);
	border-radius: 6px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: -1;
}

.main-slider--style7 .content {
	max-width: 570px;
	width: 100%;
	background-color: var(--thm-base);
	border-radius: 6px;
	padding: 50px 40px 50px;
	overflow: inherit;
	z-index: 10;
}

.main-slider--style7 .content .sec-title-style7 {
	margin-top: -4px;
	padding-bottom: 36px;
}

.main-slider--style7 .content .sec-title-style7 .sub-title p {
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

.main-slider--style7 .content .sec-title-style7 .sub-title .zigzag:before {
	height: 12px;
	top: 110%;
	background: linear-gradient(-135deg, #ffffff 9px, transparent 0) 0 9px, linear-gradient(135deg, #ffffff 9px, transparent 0) 0 9px;
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 16px 16px;
}

.main-slider--style7 .content .sec-title-style7 .sub-title .zigzag.left.bg-white::after {
	height: 16px;
	top: 100%;
	background: linear-gradient(-135deg, #f6931d 8px, transparent 0) 0 8px, linear-gradient(135deg, #f6931d 8px, transparent 0) 0 8px;
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 16px 16px;
}

.main-slider--style7 .content .sec-title-style7 h2 {
	color: #ffffff;
	font-size: 56px;
	line-height: 1.2em;
	font-weight: 700;
	margin: 8px 0 0;
}

.main-slider--style7 .content .btns-box {
	margin: 0;
}

.main-slider--style7 .content .btns-box a {
	color: var(--thm-black);
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: normal;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #ffffff;
	border-radius: 6px;
	font-family: var(--thm-font-4);
}

.main-slider--style7 .content .btns-box a:hover {
	color: #ffffff;
}



/*** 
=====================================================
	Main Slider style8 Css
=====================================================
***/
.main-slider--style8 {
	position: relative;
	display: block;
}

.main-slider--style8 .slider-box {
	position: relative;
	display: block;
	background-color: var(--thm-primary);
}

.main-slider--style8 .slide {
	padding-top: 201px;
	padding-bottom: 210px;
}

.main-slider--style8 .sub-title {
	position: relative;
	display: block;
	opacity: 0;
	padding-bottom: 18px;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	z-index: 10;
}

.main-slider--style8 .active .sub-title {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.main-slider--style8 .sub-title h3 {
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: var(--thm-font-4);
}

.main-slider--style8 .content .big-title h2 {
	color: #ffffff;
	font-size: 72px;
	line-height: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	animation: none;
}

.main-slider--style8 .content .text {
	margin-top: 19px;
}

.main-slider--style8 .content .text p {
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
}

.main-slider--style8 .content .btns-box {
	margin-top: 32px;
}

.main-slider--style8 .content .btns-box a {
	line-height: 48px;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	font-family: var(--thm-font-4);
	text-transform: capitalize;
	letter-spacing: normal;
	background-color: transparent;
	border: 1px solid #ffffff;
}

.main-slider--style8 .content .btns-box a:hover {
	border-color: var(--thm-black);
}

.main-slider-style8-outer-content {
	position: absolute;
	top: 100px;
	left: 0;
	bottom: 100px;
	right: -100px;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

.main-slider-style8-outer-content .top-img-box {
	position: relative;
	display: block;
	float: right;
	z-index: 1;
	width: 670px;
	min-height: 440px;
}

.main-slider-style8-outer-content .top-img-box ul {
	position: relative;
	display: block;
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
}

.main-slider-style8-outer-content .top-img-box ul li {
	position: relative;
	display: block;
	float: left;
	padding: 0 15px;
}

.main-slider-style8-outer-content .top-img-box ul li .left-img-box {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}

.main-slider-style8-outer-content .top-img-box ul li .left-img-box:before {
	content: "";
	position: absolute;
	top: 150px;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--thm-base);
	border-bottom-left-radius: 75px;
	z-index: -1;
}

.main-slider-style8-outer-content .top-img-box ul li .right-img-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-top-left-radius: 75px;
	z-index: 1;
}

.main-slider-style8-outer-content .top-img-box ul li .right-img-box img {
	width: 100%;
}

.main-slider-style8-outer-content .bottom-img-box {
	position: absolute;
	width: 200px;
	bottom: 0;
	right: 270px;
	overflow: hidden;
	border-radius: 50%;
	border-top-right-radius: 0;
}

.main-slider-style8-outer-content .bottom-img-box img {
	width: 100%;
}

.main-slider--style8-shape-1 {
	position: absolute;
	top: -5px;
	right: -40px;
}

.main-slider--style8-shape-1 img {
	position: relative;
}

.main-slider--style8-shape-2 {
	position: absolute;
	left: 0;
	bottom: 120px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-slider--style8 .owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	left: 10%;
	right: auto;
	height: 160px;
	line-height: 0;
	opacity: 0;
	transform: scaleX(1.0) translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	transition: all 500ms ease;
	z-index: 3;
}

.main-slider--style8 .owl-theme .owl-nav .owl-prev,
.main-slider--style8 .owl-theme .owl-nav .owl-next {
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	background: #ffffff;
	border: 0px solid rgba(255, 255, 255, .20);
	border-radius: 0%;
	text-align: center;
	color: var(--thm-black);
	font-size: 25px;
	line-height: 70px;
	font-weight: 100;
	opacity: 1;
	margin: 0;
	padding: 0;
	transform: translateY(0px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider--style8 .owl-theme .owl-nav .owl-prev {
	transform: rotate(90deg);
}

.main-slider--style8 .owl-theme .owl-nav .owl-next {
	transform: rotate(-90deg);
}

.main-slider--style8 .owl-theme .owl-nav .owl-prev:hover,
.main-slider--style8 .owl-theme .owl-nav .owl-next:hover {
	background-color: var(--thm-base);
}



/*** 
=====================================================
	Main Slider style9 Css
=====================================================
***/
.main-slider--style9 {
	margin-top: 50px;
}

.main-slider--style9 .slide {
	padding-top: 342px;
	padding-bottom: 200px;
}

.main-slider--style9 .slide .image-layer {
	background-position: top right;
}

.main-slider--style9 .slide .image-layer:before {
	display: none;
}

.main-slider--style9 .slide .image-layer:after {
	display: none;
}

.main-slider--style9 .content.content--right {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	overflow: hidden;
}

.main-slider--style9 .sub-title {
	position: relative;
	display: block;
	opacity: 0;
	padding-bottom: 7px;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	z-index: 10;
}

.main-slider--style9 .active .sub-title {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.main-slider--style9 .sub-title h5 {
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--thm-font);
}

.main-slider--style9 .content .big-title h2 {
	color: #ffffff;
	font-size: 72px;
	line-height: 1.1em;
	font-weight: 500;
	text-transform: capitalize;
	animation: normal;
	font-family: var(--thm-font-2);
}

.main-slider--style9 .content .text {
	margin-top: 15px;
}

.main-slider--style9 .content .text p {
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
}

.main-slider--style9.nav-style2 .owl-theme .owl-nav {
	top: 60%;
}

.main-slider--style9 .banner-carousel.owl-carousel .owl-dots {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 50px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	opacity: 1;
}




/*** 
=====================================================
	Main Slider style10 Css
=====================================================
***/
.main-slider--style10 {
	margin-top: 100px;
}

.main-slider--style10 .slider-box {
	position: relative;
	display: block;
}

.main-slider-style10-shape-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 180px;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 5;
}

.main-slider--style10 .slide {
	padding-top: 242px;
	padding-bottom: 250px;
}

.main-slider--style10 .content--right {
	max-width: 570px;
	width: 100%;
	float: right;
}

.main-slider--style10 .slide .image-layer:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.35;
}

.main-slider--style10 .content .big-title {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider--style10 .active .content .big-title {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.main-slider--style10 .content .big-title h2 {
	color: #ffffff;
	font-size: 80px;
	line-height: 1.1em;
	font-weight: 700;
	animation: none;
}

.main-slider--style10 .content .sub-title {
	position: relative;
	display: block;
	margin-top: 4px;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
	transform: perspective(400px) rotateY(0deg) translateY(-80px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider--style10 .active .content .sub-title {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.main-slider--style10 .content .sub-title h3 {
	color: #ffffff;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
}

.main-slider--style10 .content .text {
	padding-left: 34px;
	margin-top: 21px;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
	transform: perspective(400px) rotateY(0deg) translateY(80px);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider--style10 .active .content .text {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
	-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
	transform: perspective(400px) rotateY(0deg) translateY(0px);
	-webkit-transition-delay: 2000ms;
	-moz-transition-delay: 2000ms;
	-ms-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}

.main-slider--style10 .content .text:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	bottom: 0;
	width: 4px;
	background-color: var(--thm-base);
}

.main-slider--style10 .content .text p {
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
}

.main-slider--style10 .content .text .btns {
	position: relative;
	display: block;
	line-height: 0;
	padding-top: 27px;
}

.main-slider--style10 .owl-theme .owl-nav {
	display: none;
}

.main-slider--style10 .banner-carousel.owl-carousel .owl-dots {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 50px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	opacity: 1;
}
/*** 
=============================================
    About Style1 Area Css   
=============================================
***/
.about-style1-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 9;
}

.about-style1__inner {
	position: relative;
	display: block;
	border: 1px solid #ede8e6;
	padding: 60px;
}

.about-style1__inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 1px;
	background: #ede8e6;
}

.about-style1-content {
	position: relative;
	display: block;
	padding-right: 45px;
}

.about-style1-content .top {
	position: relative;
	display: flex;
	align-items: center;
	top: -5px;
}

.about-style1-content .top .big-text {
	position: relative;
	display: block;
	color: #ede8e6;
	font-size: 150px;
	line-height: 110px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--thm-font-2);
}

.about-style1-content .top .big-text.gray-clr {
	color: #e4ebef;
}

.about-style1-content .top .text {
	position: relative;
	display: block;
	padding-left: 0px;
	top: -3px;
}

.about-style1-content .top .text p {
	margin: 0;
}

.about-style1-content .bottom-text {
	position: relative;
	display: block;
	padding: 9px 0 32px;
}

.about-style1-content .bottom-text p {
	margin: 0;
}

.single-accreditations-logo img {
	max-width: 230px;
}

.about-style1-content .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-bottom: 60px;
}

.accreditations-logo {
	position: relative;
	display: block;
	padding-top: 25px;
}

.accreditations-logo:before {
	content: "";
	position: absolute;
	top: 0;
	left: -60px;
	right: -60px;
	height: 1px;
	background: #ede8e6;
}

.accreditations-logo .inner-tile {
	position: relative;
	display: block;
	padding-bottom: 19px;
}

.accreditations-logo .inner-tile h3 {
	font-size: 26px;
}

.accreditations-logo ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accreditations-logo ul li {
	position: relative;
	display: block;
}

.accreditations-logo ul li+li {
	margin-left: 20px;
}

.single-accreditations-logo {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.single-accreditations-logo img {
	position: relative;
	display: inline-block;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-accreditations-logo:hover img {
	opacity: 1.0;
	transition: all 0.8s ease-in-out 0.1s;
	filter: opacity(1.0) drop-shadow(0 0 0 var(--thm-base));
}

.about-style1-img-box {
	position: relative;
	display: block;
	padding-left: 44px;
}

.about-style1-img-box .inner {
	position: relative;
	display: block;
	overflow: hidden;
}

.about-style1-img-box .inner::before {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background-color: #000000;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .7s;
	transition-property: all;
	z-index: 1;
}

.about-style1-img-box:hover .inner::before {
	opacity: 0.50;
	left: 0%;
	width: 100%;
}

.about-style1-img-box .inner img {
	width: 100%;
}

.about-style1-img-box:hover .inner img {
	transform: scale(1.1) rotate(0deg);
	transition: all 500ms linear;
	transition-delay: 0.1s;
}



/*** 
=============================================
    About Style2 Area Css   
=============================================
***/
.about-style2-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 9;
}

.about-style2__image {
	position: relative;
	display: block;
	max-width: 540px;
	width: 100%;
	padding-left: 150px;
}

.about-style2__image .inner {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 20px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	border-radius: 200px;
	border-top-left-radius: 0;
}

.about-style2__image .inner .inner__img {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 200px;
	border-top-left-radius: 0;
	-webkit-box-shadow: inset 3px 3px 11px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 3px 3px 11px 0px rgba(0, 0, 0, 0.3);
}

.about-style2__image .inner .inner__img img {
	width: 100%;
	border-radius: 200px;
	border-top-left-radius: 0;
}

.about-style2__image .inner .inner__img:hover img {
	transform: scale(1.2);
}

.about-style2__image .overlay-round-img-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 50%;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.about-style2__image .overlay-round-img-box .inner_img {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	-webkit-box-shadow: inset 3px 3px 11px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 3px 3px 11px 0px rgba(0, 0, 0, 0.3);
}

.about-style2__image .overlay-round-img-box .inner_img img {
	width: 100%;
	border-radius: 50%;
	-webkit-box-shadow: inset 3px 3px 11px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 3px 3px 11px 0px rgba(0, 0, 0, 0.3);
}

.about-style2__image .overlay-round-img-box .inner_img:hover img {
	transform: rotate(3deg);
}

.about-style2-content {
	position: relative;
	display: block;
}

.about-style2__content .sec-title-style2 {
	padding-bottom: 21px;
}

.about-style2__content .sec-title-style2 h2 span {
	color: var(--thm-base);
}

.about-style2__content .inner-content {
	position: relative;
	display: block;
}

.about-style2__content .inner-content .text {
	position: relative;
	display: block;
	padding-bottom: 6px;
}

.about-style2__content .inner-content ul {
	position: relative;
	display: block;
}

.about-style2__content .inner-content ul li {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 30px;
}

.about-style2__content .inner-content ul li+li {
	margin-top: 13px;
}

.about-style2__content .inner-content ul li .icon {
	position: relative;
	display: block;
	width: 40px;
	line-height: 0;
}

.about-style2__content .inner-content ul li .icon span:before {
	position: relative;
	display: inline-block;
	color: #3fa8b6;
	font-size: 20px;
	line-height: 20px;
}

.about-style2__content .inner-content ul li.style2 .icon span:before {
	color: #fd60b9;
}

.about-style2__content .inner-content ul li.style3 .icon span:before {
	color: #ffc000;
}

.about-style2__content .inner-content ul li h3 {
	font-size: 22px;
	font-weight: 400;
}

.about-style2__content .inner-content .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-top: 32px;
}

.about-style2__content .inner-content .btns-box a {
	padding: 0 40px 0;
	border-radius: 25px;
	font-size: 15px;
	letter-spacing: normal;
	font-family: var(--thm-font-3);
	background-color: var(--thm-black);
}

.about-style2__content .inner-content .btns-box a:before {
	background-color: var(--thm-base);
}

.about-style2__content .inner-content .btns-box a::after {
	background-color: var(--thm-base);
}



/*** 
=============================================
    About Style3 Area Css
=============================================
***/
.about-style3-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
}

.about-style3-img-box {
	position: relative;
	display: block;
	padding-right: 20px;
}

.about-style3-single-img-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 6px;
	z-index: 1;
}

.about-style3-single-img-box:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0px;
	background-color: #000000;
	z-index: 1;
	opacity: 0.20;
}

.about-style3-single-img-box:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(50, 52, 75);
	background: linear-gradient(180deg, rgba(50, 52, 75, 0) 0%, rgba(50, 52, 75, 0.028448879551820738) 37%, rgba(50, 52, 75, 0.6530987394957983) 66%, rgba(50, 52, 75, 1) 100%);
	z-index: 2;
}

.about-style3-single-img-box.margin-top {
	margin-top: 50px;
}

.about-style3-single-img-box img {
	width: 100%;
}

.about-style3-single-img-box:hover img {
	transform: scale(1.1) rotate(1deg);
}

.about-style3-single-img-box .overlay-content {
	position: absolute;
	left: 30px;
	bottom: 27px;
	right: 0;
	z-index: 3;
}

.about-style3-single-img-box .overlay-content h2 {
	color: #ffffff;
	font-size: 36px;
	line-height: 36px;
	font-weight: 500;
	margin: 0 0 14px;
}

.about-style3-single-img-box .overlay-content h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
}

.about-style3-single-img-box .overlay-bg {
	position: absolute;
	left: -150px;
	bottom: -150px;
	width: 300px;
	height: 300px;
	background-color: var(--thm-base);
	border-radius: 50%;
	z-index: 3;
}

.about-style3-single-img-box .overlay-bg.bg-black {
	background-color: var(--thm-black);
}

.about-style3-content {
	position: relative;
	display: block;
}

.about-style3-content .sec-title-style3 {
	padding-bottom: 39px;
}

.about-style3-content__inner {
	position: relative;
	display: block;
}

.about-style3-content__inner ul {
	position: relative;
	display: block;
}

.about-style3-content__inner ul li {
	position: relative;
	display: block;
	padding-left: 70px;
}

.about-style3-content__inner ul li+li {
	margin-top: 27px;
}

.about-style3-content__inner ul li .icon {
	position: absolute;
	top: 0;
	left: 0;
}

.about-style3-content__inner ul li .icon span:before {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #f0f7f3;
	border-radius: 50%;
	color: var(--thm-base);
	font-size: 18px;
}

.about-style3-content__inner ul li .text {
	position: relative;
	display: block;
}

.about-style3-content__inner ul li .text h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	margin: 0 0 15px;
}

.about-style3-content__inner ul li .text p {
	margin: 0;
}

.about-style3-content__inner .btn-box {
	position: relative;
	display: block;
	padding-top: 23px;
	top: 10px;
}

.about-style3-content__inner .btn-box a {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: var(--thm-font-4);
}

.about-style3-content__inner .btn-box a span:before {
	position: relative;
	top: 1px;
	display: inline-block;
	padding-right: 7px;
	color: var(--thm-base);
}



/*** 
=============================================
    About Style4 Area Css
=============================================
***/
.about-style4-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
}

.about-style4__image {
	position: relative;
	display: block;
	max-width: 550px;
	width: 100%;
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	z-index: 1;
}

.about-style4__image .shape1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.about-style4__image .shape2 {
	position: absolute;
	top: 70px;
	left: 0;
	bottom: 0px;
	right: 0;
	background-color: var(--thm-base);
	clip-path: polygon(0 90%, 100% 0%, 100% 100%, 0 100%);
	mix-blend-mode: multiply;
	z-index: 2;
	border-radius: 0px 35px 35px 35px;
}

.about-style4__image .inner {
	position: relative;
	display: block;
	border-radius: 25px;
	overflow: hidden;
	width: 100%;
}

.about-style4__image .inner img {
	width: 100%;
	transition: all 900ms ease 100ms;
}

.about-style4__image:hover .inner img {
	transform: scale(1.1);
}

.about-style4__content {
	position: relative;
	display: block;
}

.about-style4__content .sec-title-style4 {
	padding-bottom: 33px;
}

.about-style4__content .inner-content {
	position: relative;
	display: block;
}

.about-style4__content .inner-content .text {
	position: relative;
	display: block;
	padding-bottom: 24px;
}

.about-style4__content .inner-content .text p {
	margin: 0px;
}

.about-style4__content .inner-content .bottom-text {
	position: relative;
	display: flex;
	align-items: center;
}

.about-style4__content .inner-content .bottom-text .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 72px;
	z-index: 1;
}

.about-style4__content .inner-content .bottom-text .icon .icon-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
}

.about-style4__content .inner-content .bottom-text .icon .top-arrow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}

.about-style4__content .inner-content .bottom-text .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.about-style4__content .inner-content .bottom-text .icon span::before {
	position: relative;
	display: inline-block;
	color: #6357a4;
	font-size: 30px;
	line-height: 30px;
}

.about-style4__content .inner-content .bottom-text .experience-box {
	position: relative;
	margin-left: 30px;
	flex: 1;
}

.about-style4__content .inner-content .bottom-text .experience-box h2 {
	font-size: 36px;
	line-height: 30px;
}

.about-style4__content .inner-content .bottom-text .experience-box h2 span {
	font-size: 20px;
}

.about-style4__content .inner-content .bottom-text .experience-box h4 {
	font-size: 20px;
	line-height: 24px;
	margin: 8px 0 0;
}

.about-style4__content .inner-content .signature {
	position: relative;
	display: block;
	padding-top: 37px;
}



/*** 
=============================================
    About Style5 Area Css
=============================================
***/
.about-style5-area {
	position: relative;
	display: block;
	background: #f9f8ff;
	padding: 110px 0 110px;
	z-index: 1;
}

.about-style5-img-box {
	position: relative;
	display: block;
	padding-right: 70px;
}

.about-style5-img-box .icon-holder {
	position: absolute;
	top: -18px;
	left: -30px;
	z-index: 3;
}

.about-style5-img-box .icon-holder span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 300px;
	transform: rotate(115deg);
}

.about-style5-img-box .round-box-content {
	position: absolute;
	bottom: 30px;
	right: 0;
	width: 170px;
	height: 170px;
	z-index: 5;
}

.about-style5-img-box .round-box-content .curved-circle {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	color: #a6a4ad;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.0em;
	font-family: var(--thm-font-4);
	text-transform: uppercase;
}

.about-style5-img-box__inner {
	position: relative;
	display: block;
	min-height: 515px;
}

.about-style5-img-box__inner .top-img-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 380px;
	overflow: hidden;
	border-radius: 10px;
	z-index: 1;
}

.about-style5-img-box__inner .top-img-box img {
	width: 100%;
}

.about-style5-img-box__inner .bottom-img-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 300px;
	height: 380px;
	overflow: hidden;
	border-radius: 10px;
	z-index: 2;
}

.about-style5-img-box__inner .bottom-img-box img {
	width: 100%;
}

.about-style5-text-box {
	position: relative;
	display: block;
}

.about-style5-text-box .sec-title-style5 {
	padding-bottom: 26px;
}

.about-style5-text-box .sec-title-style5 .sub-title {
	justify-content: flex-start;
}

.about-style5-text-box__inner {
	position: relative;
	display: block;
}

.about-style5-text-box__inner h3 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	margin-bottom: 18px;
}

.about-style5-text-box__inner p {
	margin: 0;
}

.about-style5-text-box__inner ul {
	position: relative;
	display: block;
	margin-top: 14px;
}

.about-style5-text-box__inner ul li {
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 10px;
}

.about-style5-text-box__inner ul li:last-child {
	margin-bottom: 0px;
}

.about-style5-text-box__inner ul li .icon {
	position: absolute;
	top: 1px;
	left: 0;
	color: var(--thm-base);
	font-size: 20px;
	font-weight: 700;
}

.about-style5-text-box__inner ul li .inner-text {
	position: relative;
	display: block;
}

.about-style5-text-box__inner ul li .inner-text p {
	margin: 0px;
}

.about-style5-text-box__inner .btns-box {
	position: relative;
	display: block;
	margin-top: 33px;
	line-height: 0;
}

.about-style5-text-box__inner .btns-box .btn-one {
	background: var(--thm-black);
	border-radius: 30px;
}

.about-style5-text-box__inner .btns-box .btn-one::before {
	background: var(--thm-base);
}

.about-style5-text-box__inner .btns-box .btn-one::after {
	background: var(--thm-base);
}



/*** 
=============================================
    About Style6 Area Css
=============================================
***/
.about-style6-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
}

.about-style6-img-box {
	position: relative;
	display: block;
}

.about-style6-img-box .single-img-box-outer {
	position: relative;
	display: block;
}

.about-style6-img-box .single-img-box-outer .sec-title-style6 {
	padding-bottom: 50px;
}

.about-style6-img-box .single-img-box {
	position: relative;
	display: block;
	overflow: hidden;
}

.about-style6-img-box .single-img-box::before {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .1) 100%);
	transform: skewX(5deg);
	z-index: 1;
}

.about-style6-img-box .single-img-box:hover::before {
	-webkit-animation: shine 1.5s;
	animation: shine 1.5s;
}

.about-style6-img-box .single-img-box img {
	width: 100%;
	-webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
	transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
}

.about-style6-img-box .single-img-box:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.about-style6-text-box {
	position: relative;
	display: block;
}

.about-style6-text-box .round-box-content {
	position: relative;
	display: block;
	width: 170px;
	height: 150px;
	z-index: 5;
}

.about-style6-text-box .round-box-content .curved-circle {
	position: absolute;
	top: -8px;
	left: 0px;
	bottom: 0;
	right: 0;
	color: var(--thm-base);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.0em;
	font-family: var(--thm-font);
	text-transform: uppercase;
}

.about-style6-text-box .round-box-content .inner-icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.about-style6-text-box .round-box-content .inner-icon img {
	position: relative;
	display: inline-block;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.about-style6-text-box .round-box-content:hover .inner-icon img {
	transform: scale(1.1);
}

.about-style6-text-box .top-text {
	position: relative;
	display: block;
	padding: 19px 0 30px;
}

.about-style6-text-box .top-text p {
	margin: 0;
}

.about-style6-text-box .inner-title {
	position: relative;
	display: block;
	padding-bottom: 19px;
}

.about-style6-text-box .inner-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 2px;
	background-color: var(--thm-base);
}

.about-style6-text-box .inner-title h3 {
	color: var(--thm-base);
	font-size: 20px;
	line-height: 20px;
}

.about-style6-text-box ul {
	position: relative;
	display: block;
	padding-top: 23px;
}

.about-style6-text-box ul li {
	position: relative;
	display: block;
	padding-left: 30px;
}

.about-style6-text-box ul li+li {
	margin-top: 9px;
}

.about-style6-text-box ul li .icon {
	position: absolute;
	top: 0;
	left: 0;
}

.about-style6-text-box ul li .icon span::before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 14px;
}

.about-style6-text-box ul li p {
	margin: 0;
}

.about-style6-text-box .btn-box {
	position: relative;
	display: block;
	padding-top: 22px;
	top: 7px;
}

.about-style6-text-box .btn-box a {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.about-style6-text-box .btn-box a:hover {
	color: var(--thm-base);
}

.about-style6-text-box .btn-box a span:before {
	position: relative;
	top: 1px;
	display: inline-block;
	padding-right: 7px;
	color: var(--thm-base);
}



/*** 
=============================================
    About Style7 Area Css
=============================================
***/
.about-style7-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
	z-index: 1;
}

.about-style7-area-gray-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	background: #f8f6f3;
	z-index: -1;
}

.about-style7-content-one {
	position: relative;
	display: block;
	padding-top: 50px;
}

.about-style7-content-one .sec-title-style7 {
	padding-bottom: 26px;
}

.about-style7-content-one .inner-text {
	position: relative;
	display: block;
}

.about-style7-content-one .inner-text h3 {
	font-size: 20px;
	margin: 0 0 17px;
}

.about-style7-content-one .inner-text p {
	margin: 0;
}

.about-style7-img-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 7px;
}

.about-style7-img-box img {
	width: 100%;
}

.about-style7-content-two {
	position: relative;
	display: block;
	margin-top: -7px;
}

.about-style7-content-two .top-text {
	position: relative;
	display: block;
	padding-bottom: 28px;
}

.about-style7-content-two .top-text p {
	margin: 0;
}

.about-style7-content-two .inner-title {
	position: relative;
	display: block;
	padding-bottom: 16px;
}

.about-style7-content-two .inner-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 2px;
	background-color: var(--thm-base);
}

.about-style7-content-two .inner-title h3 {
	font-size: 20px;
}

.about-style7-content-two ul {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 23px 0 32px;
}

.about-style7-content-two ul li {
	position: relative;
	display: block;
	padding-left: 30px;
}

.about-style7-content-two ul li+li {
	margin-top: 8px;
}

.about-style7-content-two ul li .icon {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--thm-base);
}

.about-style7-content-two ul li .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.about-style7-content-two ul li .icon span:before {
	font-size: 16px;
	line-height: 28px;
}

.about-style7-content-two ul li p {
	margin: 0;
}



/*** 
=============================================
    About Style8 Area Css
=============================================
***/
.about-style8-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
	z-index: 1;
}

.about-style8-content-one {
	position: relative;
	display: block;
	background-color: #f9f5f3;
	padding: 46px 50px 50px;
}

.about-style8-content-one .top {
	position: relative;
	display: flex;
	align-items: center;
}

.about-style8-content-one .top .left {
	color: var(--thm-base);
	font-size: 150px;
	line-height: 110px;
	font-weight: 700;
	font-family: var(--thm-font-2);
}

.about-style8-content-one .top .right {
	position: relative;
	margin-left: 25px;
	top: -3px;
	flex: 1;
}

.about-style8-content-one .top .right p {
	margin: 0;
}

.about-style8-content-one .text {
	position: relative;
	display: block;
	padding: 19px 0 32px;
}

.about-style8-content-one .text p {
	margin: 0;
}

.about-style8-content-one .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.about-style8-content-two {
	position: relative;
	display: block;
	margin-top: 30px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	padding: 50px 50px 14px;
}

.about-style8-content-two .statements-content-box {
	padding: 0px;
	padding-top: 0px;
	padding-right: 0;
	max-width: 100%;
	width: 100%;
}

.about-style8-img-box {
	position: relative;
	display: block;
	padding-top: 60px;
}

.about-style8-img-box__inner {
	position: relative;
	display: block;
	overflow: hidden;
}

.about-style8-img-box__inner img {
	width: 100%;
}

.about-style8-img-box .logo-box {
	position: absolute;
	top: -7px;
	left: 50px;
	width: 160px;
	height: 170px;
	z-index: 5;
}

.about-style8-img-box .logo-box .curved-circle-5 {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	color: var(--thm-base);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.05em;
	font-family: var(--thm-font-2);
	text-transform: uppercase;
}

.about-style8-img-box .logo-box .inner-logo {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 90px;
	height: 90px;
	background-color: var(--thm-base);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 38px 35px;
}

.about-style8-accreditations-box {
	position: relative;
	display: block;
	background-color: var(--thm-primary);
	padding: 46px 40px 50px;
	margin-top: 30px;
}

.about-style8-accreditations-box .inner-title {
	position: relative;
	display: block;
}

.about-style8-accreditations-box .inner-title h3 {
	color: #ffffff;
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 13px;
}

.about-style8-accreditations-box .inner-title p {
	color: #cdcfd8;
	margin: 0;
}

.about-style8-accreditations-box ul {
	position: relative;
	display: flex;
	align-items: center;
	padding-top: 27px;
}

.about-style8-accreditations-box ul li {
	position: relative;
	display: block;
}

.about-style8-accreditations-box ul li+li {
	margin-left: 20px;
}

.about-style8-accreditations-box ul li .single-accreditations-logo {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.about-style8-accreditations-box ul li .single-accreditations-logo img {
	position: relative;
	display: inline-block;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

/*** 
=============================================
    Blog Style1 Area Css
=============================================
***/
.blog-style1-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 80px;
	z-index: 9;
}

.single-blog-style1 {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.single-blog-style1 .img-holder {
	position: relative;
	display: block;
}

.single-blog-style1 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: var(--thm-bg);
}

.single-blog-style1 .img-holder .inner::before {
	position: absolute;
	top: 0%;
	left: 0%;
	bottom: 0%;
	right: 0%;
	content: '';
	background-color: rgba(var(--thm-black-rgb), .90);
	transform: scaleY(1.0);
	opacity: 0;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .7s;
	transition-property: all;
	z-index: 2;
}

.single-blog-style1:hover .img-holder .inner::before {
	opacity: 0.70;
	transform: scaleY(1.0);
}

.single-blog-style1 .img-holder img {
	width: 100%;
	transform: scale(1.0);
	transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
}

.single-blog-style1:hover .img-holder img {
	transform: scale(1.1) rotate(1deg);
}

.single-blog-style1 .category-box {
	position: absolute;
	left: 30px;
	bottom: -20px;
	display: flex;
	align-items: center;
	background-color: var(--thm-base);
	padding: 0 20px;
	z-index: 3;
}

.single-blog-style1 .category-box .dot-box {
	position: relative;
	display: block;
	width: 6px;
	height: 6px;
	background: #ffffff;
	transform: rotate(45deg);
}

.single-blog-style1 .category-box p {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
}

.single-blog-style1 .text-holder {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 44px 30px 0px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style1 .text-holder h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 15px;
}

.single-blog-style1 .text-holder h3 a {
	color: var(--thm-black);
}

.single-blog-style1 .text-holder h3 a:hover {
	color: var(--thm-base);
}

.single-blog-style1 .text-holder .text {
	position: relative;
	display: block;
	padding-bottom: 22px;
}

.single-blog-style1 .text-holder .text p {
	margin: 0;
}

.single-blog-style1 .text-holder .bottom-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 15px 0 15px;
}

.single-blog-style1 .text-holder .bottom-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: -30px;
	right: -30px;
	height: 1px;
	background: #ede8e6;
}

.single-blog-style1 .text-holder .btn-box {
	position: relative;
	display: block;
}

.single-blog-style1 .text-holder .btn-box a {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.single-blog-style1 .text-holder .btn-box a:hover {
	color: var(--thm-base);
}

.single-blog-style1 .text-holder .btn-box a span:before {
	position: relative;
	top: 1px;
	display: inline-block;
	padding-right: 7px;
	color: var(--thm-base);
}

.single-blog-style1 .text-holder .meta-info {
	position: relative;
	display: block;
}

.single-blog-style1 .text-holder .meta-info ul {
	position: relative;
	display: flex;
	align-items: center;
}

.single-blog-style1 .text-holder .meta-info ul li {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 20px;
	line-height: 30px;
}

.single-blog-style1 .text-holder .meta-info ul li:last-child {
	margin-right: 0;
}

.single-blog-style1 .text-holder .meta-info ul li span:before {
	position: relative;
	top: -2px;
	display: inline-block;
	padding-right: 6px;
	color: var(--thm-base);
	font-size: 14px;
	font-weight: 700;
}

.single-blog-style1 .text-holder .meta-info ul li a {
	color: var(--thm-gray);
	font-size: 14px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style1 .text-holder .meta-info ul li a:hover {
	color: var(--thm-base);
}

.single-blog-style1--in-style2 {
}

.single-blog-style1--in-style2 .category-box {
	top: 30px;
	bottom: auto;
}

.single-blog-style1--in-style2 .text-holder {
	padding: 98px 30px 0px;
}

.blog-style1-img-box {
	position: relative;
	display: block;
	overflow: hidden;
}

.blog-style1-img-box img {
	width: 100%;
}


/*** 
=============================================
    Blog Page One Css
=============================================
***/
.blog-page-one {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}



/*** 
=============================================
    Blog Page Two Css
=============================================
***/
.blog-page-two {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.single-blog-style2 {
	position: relative;
	display: block;
	padding-left: 300px;
	min-height: 275px;
	margin-bottom: 30px;
}

.single-blog-style2__img-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	min-height: 275px;
}

.single-blog-style2__img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #000000;
}

.single-blog-style2__img-holder .inner img {
	width: 100%;
	opacity: 1;
	transform: scale(1.0);
	transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
}

.single-blog-style2:hover .single-blog-style2__img-holder .inner img {
	opacity: 0.90;
}

.single-blog-style2__text-holder {
	position: relative;
	display: block;
	background-color: #ffffff;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
	padding: 30px 0 0;
	min-height: 275px;
}

.single-blog-style2__text-holder .top {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 30px;
}

.single-blog-style2__text-holder .top .category-box {
	position: relative;
	display: flex;
	align-items: center;
	background-color: var(--thm-base);
	padding: 0 20px;
	z-index: 3;
}

.single-blog-style2__text-holder .top .category-box .dot-box {
	position: relative;
	display: block;
	width: 6px;
	height: 6px;
	background: #ffffff;
	transform: rotate(45deg);
}

.single-blog-style2__text-holder .top .category-box p {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
}

.single-blog-style2__text-holder .top .share-btn {
	position: relative;
	display: block;
}

.single-blog-style2__text-holder .top .share-btn a {
	position: relative;
	display: inline-block;
	color: #a0a0a0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style2__text-holder .top .share-btn a span:before {
	position: relative;
	display: inline-block;
	padding-right: 7px;
}

.single-blog-style2__text-holder .top .share-btn a:hover {
	color: var(--thm-base);
}

.single-blog-style2__text-holder .blog-title {
	position: relative;
	display: block;
	padding: 0 30px;
	font-size: 22px;
	line-height: 30px;
	margin-top: 24px;
	margin-bottom: 15px;
}

.single-blog-style2__text-holder .blog-title a {
	color: var(--thm-black);
}

.single-blog-style2__text-holder .blog-title a:hover {
	color: var(--thm-base);
}

.single-blog-style2__text-holder .text {
	position: relative;
	display: block;
	padding: 0 30px;
	padding-bottom: 22px;
}

.single-blog-style2__text-holder .text p {
	margin: 0;
}

.single-blog-style2__text-holder .bottom-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-top: 1px solid #ede8e6;
	padding: 13px 30px 14px;
}

.single-blog-style2__text-holder .bottom-box .btn-box {
	position: relative;
	display: block;
}

.single-blog-style2__text-holder .bottom-box .btn-box a {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.single-blog-style2__text-holder .bottom-box .btn-box a span:before {
	position: relative;
	top: 1px;
	display: inline-block;
	padding-right: 7px;
	color: var(--thm-base);
}

.single-blog-style2__text-holder .bottom-box .btn-box a:hover {
	color: var(--thm-base);
}

.single-blog-style2__text-holder .bottom-box .meta-info {
	position: relative;
	display: block;
}

.single-blog-style2__text-holder .bottom-box .meta-info ul {
	position: relative;
	display: flex;
	align-items: center;
}

.single-blog-style2__text-holder .bottom-box .meta-info ul li {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 20px;
	line-height: 30px;
}

.single-blog-style2__text-holder .bottom-box .meta-info ul li:last-child {
	margin-right: 0;
}

.single-blog-style2__text-holder .bottom-box .meta-info ul li span:before {
	position: relative;
	top: -2px;
	display: inline-block;
	padding-right: 8px;
	color: var(--thm-base);
	font-size: 14px;
	font-weight: 700;
}

.single-blog-style2__text-holder .bottom-box .meta-info ul li a {
	color: #a0a0a0;
	font-size: 16px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style2__text-holder .bottom-box .meta-info ul li a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Sidebar Css
=============================================
***/
.thm-sidebar-box {
	position: relative;
	display: block;
	max-width: 370px;
	width: 100%;
}

.single-sidebar-box {
	position: relative;
	display: block;
	margin-top: 50px;
}

.sidebar-search-box {
	position: relative;
	display: block;
}

.sidebar-search-box form.search-form {
	position: relative;
	display: block;
	width: 100%;
}

.sidebar-search-box .search-form input[type="text"] {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	background-color: #ffffff;
	border: 1px solid #ede8e6;
	color: #777777;
	font-size: 17px;
	font-weight: 400;
	padding-left: 20px;
	padding-right: 60px;
	border-radius: 0px;
	font-family: var(--thm-font);
	transition: all 500ms ease 0s;
}

.sidebar-search-box .search-form button {
	position: absolute;
	top: 7px;
	right: 7px;
	bottom: 7px;
	width: 46px;
	height: 46px;
	color: var(--thm-base);
	font-size: 16px;
	line-height: 46px;
	background: rgba(var(--thm-base-rgb), .05);
	text-align: center;
	border: 0px solid #e7e7e8;
	transition: all 500ms ease 0s;
}

.sidebar-search-box .search-form button i {
	position: relative;
	top: 0px;
}

.sidebar-search-box .search-form input[type="text"]:focus {
	color: var(--thm-black);
}

.sidebar-search-box .search-form input[type="text"]:focus+button,
.sidebar-search-box .search-form button:hover {
	color: var(--thm-black);
}

.sidebar-search-box .search-form input::-webkit-input-placeholder {
	color: #777777;
}

.sidebar-search-box .search-form input:-moz-placeholder {
	color: #777777;
}

.sidebar-search-box .search-form input::-moz-placeholder {
	color: #777777;
}

.sidebar-search-box .search-form input:-ms-input-placeholder {
	color: #777777;
}

.sidebar-title {
	position: relative;
	display: flex;
	align-items: center;
	top: -2px;
	padding-bottom: 34px;
}

.sidebar-title .dot-box {
	position: relative;
	display: block;
	background-color: var(--thm-base);
	width: 14px;
	height: 12px;
	margin-right: 10px;
	transform: rotate(-60deg) skew(-30deg, 0deg);
}

.sidebar-title h3 {
	position: relative;
	color: var(--thm-black);
	font-size: 22px;
	line-height: 22px;
	font-weight: 700;
	text-transform: capitalize;
}

.sidebar-categories-box {
	position: relative;
	display: block;
}

.sidebar-categories-box li {
	position: relative;
	display: block;
	margin-bottom: 2px;
}

.sidebar-categories-box li:last-child {
	margin-bottom: 0;
}

.sidebar-categories-box li a {
	position: relative;
	display: block;
	color: #777777;
	font-size: 17px;
	font-weight: 500;
	line-height: 48px;
	text-transform: capitalize;
	border: 1px solid #ede8e6;
	padding-left: 19px;
	padding-right: 19px;
	font-family: var(--thm-font);
	letter-spacing: 0.0em;
	transition: all 500ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.sidebar-categories-box li a:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	border-radius: 0px;
	background: var(--thm-base);
	transform: perspective(400px) scaleX(0);
	transform-origin: left;
	transition: all 600ms ease 100ms;
	z-index: -1;
}

.sidebar-categories-box li a:hover:after {
	transform: perspective(400px) scaleX(1.0);
	transform-origin: right;
}

.sidebar-categories-box li:hover a {
	color: #ffffff;
	padding-left: 22px;
}

.sidebar-categories-box li a span {
	position: relative;
	display: inline-block;
	float: right;
	padding-left: 17px;
}

.sidebar-categories-box li a span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ffffff;
	margin: 20px 0;
}

.sidebar-blog-post {
	position: relative;
	display: block;
}

.sidebar-blog-post ul {
	position: relative;
	display: block;
}

.sidebar-blog-post ul li {
	position: relative;
	display: block;
	border-bottom: 1px solid #ede8e6;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.sidebar-blog-post ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.sidebar-blog-post ul li .inner {
	position: relative;
	display: block;
	padding-left: 70px;
	min-height: 70px;
}

.sidebar-blog-post ul li .img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	overflow: hidden;
	background-color: var(--thm-bg);
}

.sidebar-blog-post ul li .img-box img {
	width: 100%;
}

.sidebar-blog-post ul li .img-box .overlay-content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(var(--thm-base-rgb), .80);
	border-radius: 0%;
	opacity: 0;
	transform: perspective(0px) scale(0);
	transform-origin: center;
	transition: all 0.5s ease-in-out 0s;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 2;
}

.sidebar-blog-post ul li:hover .img-box .overlay-content {
	opacity: 1;
	transform: perspective(400px) scale(1.0);
	transition: all 0.3s ease-in-out 0.3s;
}

.sidebar-blog-post ul li .img-box .overlay-content a {
	color: #ffffff;
	font-size: 16px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.sidebar-blog-post ul li .title-box {
	position: relative;
	display: block;
	padding-left: 20px;
	min-height: 70px;
}

.sidebar-blog-post ul li .title-box .post-date {
	position: relative;
	color: #a0a0a0;
	font-size: 16px;
	line-height: 0;
	font-weight: 700;
}

.sidebar-blog-post ul li .title-box .post-date span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	padding-right: 3px;
	font-weight: 700;
	font-size: 15px;
}

.sidebar-blog-post ul li .title-box h4 {
	position: relative;
	top: 5px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin: 10px 0 0;
}

.sidebar-blog-post ul li .title-box h4 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.sidebar-blog-post ul li .title-box h4 a:hover {
	color: var(--thm-base);
}

.popular-tag-box {
	position: relative;
	display: block;
	margin-top: -5px;
}

.single-sidebar-box .popular-tag {
	position: relative;
	display: block;
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
}

.single-sidebar-box .popular-tag li {
	position: relative;
	display: block;
	float: left;
	padding: 0 10px 10px;
}

.single-sidebar-box .popular-tag li a {
	position: relative;
	display: block;
	color: #777777;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	text-transform: capitalize;
	transition: all 500ms ease;
	font-family: var(--thm-font);
}

.single-sidebar-box .popular-tag li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background-color: var(--thm-base);
	transform: perspective(400px) translateY(-100%) scale(0, 1);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: right center;
}

.single-sidebar-box .popular-tag li a:hover:before {
	transform: perspective(400px) translateY(0px) scale(1, 1);
	transform-origin: left center;
}

.single-sidebar-box .popular-tag li:hover a {
	color: var(--thm-base);
}

.sidebar-author-box {
	position: relative;
	display: block;
	padding: 45px 20px 50px;
	background-color: rgba(var(--thm-base-rgb), .05);
}

.sidebar-author-box .top {
	position: relative;
	display: block;
	padding-bottom: 22px;
}

.sidebar-author-box .top h3 {
	font-size: 22px;
	margin: 0 0 6px;
}

.sidebar-author-box .top p {
	font-weight: 500;
	margin: 0;
}

.sidebar-author-box .img-holder {
	position: relative;
	display: block;
	width: 150px;
	height: 150px;
	border: 5px solid #ffffff;
	border-radius: 50%;
	margin: 0 auto 23px;
}

.sidebar-author-box .img-holder img {
	width: 100%;
	border-radius: 50%;
}

.sidebar-author-box .info {
	position: relative;
	display: block;
}

.sidebar-author-box .info ul {
	position: relative;
	display: block;
}

.sidebar-author-box .info ul li {
	position: relative;
	display: block;
	margin-bottom: 4px;
}

.sidebar-author-box .info ul li:last-child {
	margin-bottom: 0;
}

.sidebar-author-box .info ul li a {
	color: #777777;
	font-size: 17px;
	font-weight: 500;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.sidebar-author-box .info ul li a:hover {
	color: var(--thm-base);
}

.sidebar-author-box .social-links {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 12px;
}

.sidebar-author-box .social-links li {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.sidebar-author-box .social-links li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.sidebar-author-box .social-links li:before {
	position: absolute;
	right: 0;
	top: 7px;
	width: 1px;
	height: 10px;
	background: #ffffff;
	opacity: 0.30;
	content: "";
}

.sidebar-author-box .social-links li:last-child::before {
	display: none;
}

.sidebar-author-box .social-links li a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	background: #3b5998;
	border-radius: 50%;
	color: #ffffff;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}

.sidebar-author-box .social-links li.linkedin a {
	background: #0077b5;
}

.sidebar-author-box .social-links li.instagram a {
	background: #e84c59;
}

.sidebar-subscribe-content-box {
	position: relative;
	display: block;
	min-height: 400px;
	margin-top: 34px;
	z-index: 1;
}

.sidebar-subscribe-content-box-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	border: 3px solid var(--thm-base);
	z-index: -1;
}

.sidebar-subscribe-content-box-bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(18, 18, 18);
	background: linear-gradient(0deg, rgba(18, 18, 18, 0.9472163865546218) 0%, rgba(18, 18, 18, 0.9023984593837535) 23%, rgba(18, 18, 18, 0.5494572829131652) 53%, rgba(18, 18, 18, 0) 70%);
}

.sidebar-subscribe-content-box .inner-content {
	position: relative;
	display: block;
	padding: 204px 20px 0;
}

.sidebar-subscribe-content-box .inner-content h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 30px;
	margin: 0 0 17px;
}

.sidebar-subscribe-form {
	position: relative;
	display: block;
}

.sidebar-subscribe-form input[type="email"] {
	position: relative;
	display: block;
	background: #ffffff;
	width: 100%;
	height: 60px;
	border: 0px solid #e5e5e5;
	color: var(--thm-gray);
	font-size: 17px;
	font-weight: 400;
	font-style: normal;
	padding-left: 20px;
	padding-right: 60px;
	transition: all 500ms ease;
	font-family: var(--thm-font);
}

.sidebar-subscribe-form button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50px;
	padding-left: 0;
	padding-right: 0;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-subscribe-content-box p {
	color: #a0a0a0;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	margin: 16px 0 0;
}



/*** 
=============================================
    Blog Page Three Css
=============================================
***/
.blog-page-three {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.blog-page-three__content {
	position: relative;
	display: block;
}

.blog-page-three__content .single-blog-style1 .text-holder h3 {
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 15px;
}



/*** 
=============================================
    Blog Details Css
=============================================
***/
.blog-details-page {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.blog-details-page__content {
	position: relative;
	display: block;
}

.blog-details-page__content__inner {
	position: relative;
	display: block;
}

.blog-details-page__img-box {
	position: relative;
	display: block;
}

.blog-details-page__img-box img {
	width: 100%;
}

.blog-details-page__top-text {
	position: relative;
	display: block;
	padding-left: 60px;
	margin-top: 53px;
}

.blog-details-page__top-text .big-text {
	position: absolute;
	top: 7px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: var(--thm-base);
	border-radius: 50%;
}

.blog-details-page__top-text .big-text h2 {
	position: relative;
	top: -4px;
	color: #ffffff;
	font-size: 60px;
	font-weight: 500;
	line-height: 36px;
}

.blog-details-page__top-text .text {
	position: relative;
	display: block;
	padding-left: 20px;
}

.blog-details-page__top-text .text p {
	margin: 0;
}

.blog-details-page__text-1 {
	position: relative;
	display: block;
	padding-bottom: 36px;
}

.blog-details-page__quote-box {
	position: relative;
	display: block;
	border-top: 4px solid var(--thm-base);
	padding-top: 33px;
}

.blog-details-page__quote-box .inner {
	position: relative;
	display: block;
	padding-left: 100px;
	min-height: 70px;
}

.blog-details-page__quote-box .icon {
	position: absolute;
	top: 6px;
	left: 0;
}

.blog-details-page__quote-box .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.blog-details-page__quote-box .icon span:before {
	position: relative;
	display: inline-block;
	font-size: 80px;
	line-height: 60px;
	color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #f9f5f3;
}

.blog-details-page__quote-box .inner-title {
	position: relative;
	display: block;
	min-height: 70px;
}

.blog-details-page__quote-box .inner-title h3 {
	font-size: 26px;
	line-height: 34px;
	font-weight: 500;
}

.blog-details-page__text-2 {
	position: relative;
	display: block;
	padding: 27px 0 32px;
}

.blog-details-page__text-2 span {
	color: var(--thm-base);
	font-weight: 500;
}

.blog-details-page__text-3 {
	position: relative;
	display: block;
	padding-bottom: 48px;
}

.blog-details-page__text-3 h3 {
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 26px;
}

.blog-details-page__text-3 .inner-text {
	position: relative;
	display: block;
}

.blog-details-page__text-3 .inner-text p {
	margin: 0;
}

.blog-details-page__text-3 .inner-text p span {
	color: var(--thm-base);
	font-weight: 500;
}

.blog-details-page__text-3 .inner-text p+p {
	margin: 25px 0 0;
}

.blog-details-page__text-4 {
	position: relative;
	display: block;
}

.blog-details-page__text-4 h3 {
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 26px;
}

.blog-details-page__text-4 .inner-text {
	position: relative;
	display: block;
}

.blog-details-page__text-4 .inner-text p {
	margin: 0;
}

.blog-details-page__text-5 {
	position: relative;
	display: block;
	margin-top: 29px;
	padding-left: 30px;
}

.blog-details-page__text-5:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	bottom: 9px;
	width: 4px;
	background-color: var(--thm-base);
}

.blog-details-page__text-5 .inner-title {
	position: relative;
	display: flex;
	align-items: center;
	padding-bottom: 15px;
}

.blog-details-page__text-5 .inner-title .dot-box {
	position: relative;
	display: block;
	background-color: var(--thm-base);
	width: 14px;
	height: 12px;
	margin-right: 10px;
	transform: rotate(-60deg) skew(-30deg, 0deg);
}

.blog-details-page__text-5 .inner-title h3 {
	font-size: 22px;
	line-height: 30px;
}

.blog-details-page__text-5 .inner-text {
	position: relative;
	display: block;
}

.blog-details-page__text-5 .inner-text p {
	margin: 0;
}

.blog-details-page__text-5 .inner-text ul {
	position: relative;
	display: block;
	padding-top: 23px;
}

.blog-details-page__text-5 .inner-text ul li {
	position: relative;
	display: block;
	padding-left: 30px;
	line-height: 30px;
}

.blog-details-page__text-5 .inner-text ul li:before {
	content: "\ea8c";
	font-family: 'icomoon' !important;
	position: absolute;
	left: 0;
	color: var(--thm-base);
}

.blog-details-page__text-5 .inner-text ul li+li {
	margin-top: 7px;
}

.blog-details-page__text-6 {
	position: relative;
	display: block;
	padding-top: 47px;
}

.blog-details-page__text-6 h3 {
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 26px;
}

.blog-details-page__text-6 p {
	margin: 0;
}

.blog-details-page__tag-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-left: 110px;
	margin-top: 47px;
	margin-bottom: 54px;
}

.blog-details-page__tag-box .inner-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
}

.blog-details-page__tag-box .inner-title h3 {
	color: var(--thm-black);
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	font-family: var(--thm-font);
}

.blog-details-page__tag-box ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.blog-details-page__tag-box ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 5px;
	color: #777777;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
}

.blog-details-page__tag-box ul li:last-child {
	margin-right: 0;
}

.blog-details-page__author-box {
	position: relative;
	display: block;
	padding: 40px 0;
	border-top: 1px solid #ede8e6;
	border-bottom: 1px solid #ede8e6;
}

.blog-details-page__author-box__inner {
	position: relative;
	display: block;
	padding-left: 100px;
}

.blog-details-page__author-box__inner .img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
}

.blog-details-page__author-box__inner .img-box img {
	width: 100%;
}

.blog-details-page__author-box__inner .text {
	position: relative;
	display: block;
	padding-left: 30px;
}

.blog-details-page__author-box__inner .text h3 {
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 18px;
}

.blog-details-page__author-box__inner .text p {
	margin: 0;
}

.blog-details-page__prev-next-option {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 55px;
}

.blog-details-page__prev-next-option .single-box {
	position: relative;
	display: flex;
	align-items: center;
	width: 50%;
}

.blog-details-page__prev-next-option .single-box.right {
	display: flex;
	flex-direction: row-reverse;
	text-align: right;
}

.blog-details-page__prev-next-option .single-box .icon-box {
	position: relative;
	display: block;
}

.blog-details-page__prev-next-option .single-box.left .icon-box a {
	transform: rotate(180deg);
}

.blog-details-page__prev-next-option .single-box .icon-box a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #ede8e6;
	color: #a0a0a0;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.blog-details-page__prev-next-option .single-box:hover .icon-box a {
	color: #ffffff;
	background-color: var(--thm-base);
	border-color: var(--thm-base);
}

.blog-details-page__prev-next-option .single-box .title-box {
	position: relative;
	display: block;
}

.blog-details-page__prev-next-option .single-box.left .title-box {
	padding-left: 20px;
}

.blog-details-page__prev-next-option .single-box.right .title-box {
	padding-right: 20px;
}

.blog-details-page__prev-next-option .single-box .title-box h3 {
	font-size: 20px;
	line-height: 30px;
}

.blog-details-page__prev-next-option .single-box .title-box h3 a {
	color: #777777;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.blog-details-page__prev-next-option .single-box .title-box h3 a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
   comments Box Css
=============================================
***/
.comment-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 72px;
}

.comment-box .inner-title {
	position: relative;
	display: block;
	padding-bottom: 13px;
}

.comment-box .inner-title h2 {
	font-size: 30px;
	line-height: 30px;
}

.comment-box .outer-box {
	position: relative;
	display: block;
}

.comment-box .single-comment {
	position: relative;
	display: block;
	padding-top: 21px;
	margin-bottom: 30px;
}

.comment-box .single-comment.marginleft30 {
	margin-left: 30px;
}

.comment-box .single-comment .inner {
	position: relative;
	display: block;
	background-color: #ffffff;
	border: 1px solid #ede8e6;
	padding: 40px 30px 36px;
}

.comment-box .single-comment-box {
	position: relative;
	display: block;
	padding-left: 80px;
	min-height: 80px;
}

.comment-box .single-comment-box .img-holder {
	position: absolute;
	left: 0;
	top: 0px;
	width: 80px;
	height: 80px;
}

.comment-box .single-comment-box .img-holder img {
	width: 100%;
}

.comment-box .single-comment-box .text-holder {
	position: relative;
	display: block;
	padding-left: 30px;
	min-height: 80px;
}

.comment-box .single-comment-box .text-holder .top {
	position: relative;
	display: block;
	top: -3px;
}

.comment-box .single-comment-box .text-holder .top h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	text-transform: capitalize;
}

.comment-box .single-comment-box .text-holder .top h3 span {
	position: relative;
	display: inline-block;
	padding-left: 5px;
	color: var(--thm-base);
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.comment-box .single-comment-box .text-holder .text {
	position: relative;
	display: block;
	padding-top: 9px;
}

.comment-box .single-comment-box .text-holder .text p {
	margin: 0;
}

.comment-box .single-comment .reply {
	position: absolute;
	top: 0px;
	right: 30px;
	z-index: 2;
}

.comment-box .single-comment .reply a {
	position: relative;
	display: inline-block;
	background: #ffffff;
	border: 1px solid #ede8e6;
	padding: 10px 25px 10px;
	color: var(--thm-black);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 0px;
	font-family: var(--thm-font-2);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.comment-box .single-comment .reply a:hover {
	color: #ffffff;
	border-color: var(--thm-base);
	background-color: var(--thm-base);
}



/*** 
=============================================
   Add Comment Box Css
=============================================
***/
.add-comment-box {
	position: relative;
	display: block;
	padding: 56px 60px 60px;
	background: #ffffff;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	margin-top: 50px;
}

.add-comment-box .inner-title {
	position: relative;
	display: block;
	padding-bottom: 18px;
}

.add-comment-box .inner-title h2 {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 8px;
}

.add-comment-box .inner-title p {
	margin: 0;
}

.add-comment-box #add-comment-form {
	position: relative;
	display: block;
}

.add-comment-box #add-comment-form .input-box {
	position: relative;
	display: block;
	margin-bottom: 23px;
}

.add-comment-box #add-comment-form .input-box .field-label {
	position: relative;
	display: block;
	padding-bottom: 9px;
}

.add-comment-box #add-comment-form .input-box .field-label p {
	margin: 0;
}

.add-comment-box #add-comment-form input[type="text"],
.add-comment-box #add-comment-form input[type="email"],
.add-comment-box #add-comment-form textarea {
	position: relative;
	display: block;
	background: #ffffff;
	border: 1px solid #ede8e6;
	width: 100%;
	height: 60px;
	color: #777777;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
	padding: 0 30px;
	border-radius: 0px;
	transition: all 500ms ease;
	font-family: var(--thm-font);
}

.add-comment-box #add-comment-form textarea {
	height: 120px;
	padding: 14px 30px;
}

.add-comment-box #add-comment-form input[type="text"]:focus {
	border-color: var(--thm-base);
}

.add-comment-box #add-comment-form input[type="email"]:focus {
	border-color: var(--thm-base);
}

.add-comment-box #add-comment-form textarea:focus {
	border-color: var(--thm-base);
}

.add-comment-box #add-comment-form .button-box {
	position: relative;
	display: block;
	padding-top: 20px;
	line-height: 0;
}

.add-comment-box #add-comment-form .button-box button {
	padding-left: 50px;
	padding-right: 50px;
}




/*** 
=============================================
    Blog Style2 Area Css
=============================================
***/
.blog-style2-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 70px;
	z-index: 9;
}

.single-blog-style3 {
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.single-blog-style3 .img-holder {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 15px;
	border-radius: 15px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.single-blog-style3 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 15px;
}

.single-blog-style3 .img-holder .inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
	transform: scale(0.9);
	transform-origin: bottom;
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
	border-radius: 15px;
	background-image: -moz-linear-gradient(90deg, rgb(21, 54, 58) 0%, rgba(21, 54, 58, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(21, 54, 58) 0%, rgba(21, 54, 58, 0) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(21, 54, 58) 0%, rgba(21, 54, 58, 0) 100%);
}

.single-blog-style3:hover .img-holder .inner:before {
	opacity: 1.0;
	transform: scale(1.0);
	transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.single-blog-style3 .img-holder .inner img {
	width: 100%;
}

.single-blog-style3:hover .img-holder .inner img {
	transform: scale(1.1) rotate(1deg);
}

.single-blog-style3 .img-holder .overlay-content {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 3;
	transform: perspective(400px) translateY(0px) scale(0);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: right center;
}

.single-blog-style3:hover .img-holder .overlay-content {
	transform: perspective(400px) translateY(0px) scale(1);
	transform-origin: left center;
}

.single-blog-style3 .img-holder .overlay-content ul {
	position: relative;
	display: flex;
	align-items: center;
}

.single-blog-style3 .img-holder .overlay-content ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
}

.single-blog-style3 .img-holder .overlay-content ul li:last-child {
	margin-right: 0;
}

.single-blog-style3 .img-holder .overlay-content ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 50%;
	color: var(--thm-gray);
	font-size: 16px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style3 .img-holder .overlay-content ul li a:hover {
	color: #ffffff;
	background-color: var(--thm-base);
}

.single-blog-style3 .text-holder {
	position: relative;
	display: block;
	padding-top: 29px;
}

.single-blog-style3 .text-holder h3 {
	font-size: 24px;
	line-height: 30px;
}

.single-blog-style3 .text-holder h3 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style3 .text-holder h3 a:hover {
	color: var(--thm-base);
}

.single-blog-style3 .text-holder .text {
	position: relative;
	display: block;
	padding: 16px 0 22px;
	border-bottom: 1px solid #dee5e4;
}

.single-blog-style3 .text-holder .text p {
	margin: 0;
}

.single-blog-style3 .text-holder .meta-info {
	position: relative;
	display: block;
	padding-top: 21px;
	padding-bottom: 15px;
}

.single-blog-style3 .text-holder .meta-info ul {
	position: relative;
	display: flex;
	align-items: center;
}

.single-blog-style3 .text-holder .meta-info ul li {
	position: relative;
	display: block;
	float: left;
	padding-right: 25px;
	margin-right: 20px;
	line-height: 30px;
}

.single-blog-style3 .text-holder .meta-info ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.single-blog-style3 .text-holder .meta-info ul li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 6px;
	height: 6px;
	background-color: #cdd4d3;
	transform: rotate(45deg);
	margin: 12px 0;
}

.single-blog-style3 .text-holder .meta-info ul li:last-child:before {
	display: none;
}

.single-blog-style3 .text-holder .meta-info ul li a {
	color: #636d7c;
	font-family: var(--thm-font-3);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style3 .text-holder .meta-info ul li a:hover {
	color: var(--thm-base);
}

.single-blog-style3 .text-holder .category-box {
	position: relative;
	display: inline-flex;
	background-color: #f1f6f5;
	padding: 0 20px;
	border-radius: 20px;
}

.single-blog-style3 .text-holder .category-box p {
	color: var(--thm-black);
	font-size: 17px;
	line-height: 40px;
	font-weight: 700;
	margin: 0;
	font-family: var(--thm-font-3);
}



/*** 
=============================================
    Blog Style4 Area Css
=============================================
***/
.blog-style4-area {
	position: relative;
	display: block;
	background-color: #f9f8ff;
	padding: 110px 0 80px;
	z-index: 10;
}

.single-blog-style4 {
	position: relative;
	display: block;
	background-color: rgb(255, 255, 255);
	border-radius: 10px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	margin-bottom: 30px;
}

.single-blog-style4__inner {
	position: relative;
	display: block;
	padding: 30px 30px 0px;
}

.single-blog-style4 .category-box {
	position: relative;
	display: inline-flex;
	align-items: center;
	background-color: #f5f4fb;
	padding: 0 20px;
	border-radius: 6px;
	z-index: 1;
}

.single-blog-style4 .category-box .dot-box {
	position: relative;
	display: block;
	width: 6px;
	height: 6px;
	background: var(--thm-base);
	transform: rotate(45deg);
}

.single-blog-style4 .category-box p {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #727078;
	font-size: 14px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}

.single-blog-style4 .blog-title {
	font-size: 20px;
	line-height: 30px;
	margin-top: 23px;
	margin-bottom: 15px;
}

.single-blog-style4 .blog-title a {
	color: var(--thm-black);
}

.single-blog-style4 .blog-title a:hover {
	color: var(--thm-base);
}

.single-blog-style4 .text {
	position: relative;
	display: block;
	padding-bottom: 22px;
}

.single-blog-style4 .text p {
	margin: 0;
}

.single-blog-style4 .bottom-box {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-top: 1px solid #e9e8ed;
	padding: 14px 30px 15px;
}

.single-blog-style4 .bottom-box .btn-box {
	position: relative;
	display: block;
}

.single-blog-style4 .bottom-box .btn-box a {
	position: relative;
	display: inline-block;
	color: var(--thm-black);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--thm-font-4);
}

.single-blog-style4 .bottom-box .btn-box a span:before {
	position: relative;
	top: 1px;
	display: inline-block;
	padding-right: 7px;
	color: var(--thm-base);
}

.single-blog-style4 .bottom-box .btn-box a:hover {
	color: var(--thm-base);
}

.single-blog-style4 .bottom-box .meta-info {
	position: relative;
	display: block;
}

.single-blog-style4 .bottom-box .meta-info ul {
	position: relative;
	display: flex;
	align-items: center;
}

.single-blog-style4 .bottom-box .meta-info ul li {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 20px;
	line-height: 30px;
}

.single-blog-style4 .bottom-box .meta-info ul li:last-child {
	margin-right: 0;
}

.single-blog-style4 .bottom-box .meta-info ul li span:before {
	position: relative;
	top: -2px;
	display: inline-block;
	padding-right: 8px;
	color: var(--thm-base);
	font-size: 14px;
	font-weight: 700;
}

.single-blog-style4 .bottom-box .meta-info ul li a {
	color: #a6a4ad;
	font-size: 16px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style4 .bottom-box .meta-info ul li a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Blog Style6 Area Css
=============================================
***/
.blog-style6-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
}

.single-blog-style6 {
	position: relative;
	display: block;
}

.single-blog-style6 .img-holder {
	position: relative;
	display: block;
}

.single-blog-style6 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: var(--thm-bg);
}

.single-blog-style6 .img-holder .inner::before {
	position: absolute;
	top: 0%;
	left: 0%;
	bottom: 0%;
	right: 0%;
	content: '';
	background-color: rgba(var(--thm-black-rgb), .90);
	transform: scaleY(1.0);
	opacity: 0;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .7s;
	transition-property: all;
	z-index: 2;
}

.single-blog-style6:hover .img-holder .inner::before {
	opacity: 0.70;
	transform: scaleY(1.0);
}

.single-blog-style6 .img-holder img {
	width: 100%;
	transform: scale(1.0);
	transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
}

.single-blog-style6:hover .img-holder img {
	transform: scale(1.1) rotate(1deg);
}

.single-blog-style6 .category-box {
	position: absolute;
	top: 20px;
	left: 0px;
	display: flex;
	align-items: center;
	background-color: var(--thm-base);
	padding: 0 20px;
	z-index: 3;
}

.single-blog-style6 .category-box .dot-box {
	position: relative;
	display: block;
	width: 6px;
	height: 6px;
	background: #ffffff;
	transform: rotate(45deg);
}

.single-blog-style6 .category-box p {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
}

.single-blog-style6 .text-holder {
	position: relative;
	display: block;
	padding-top: 26px;
}

.single-blog-style6 .text-holder .meta-info {
	position: relative;
	display: block;
}

.single-blog-style6 .text-holder .meta-info ul {
	position: relative;
	display: flex;
	align-items: center;
}

.single-blog-style6 .text-holder .meta-info ul li {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 26px;
}

.single-blog-style6 .text-holder .meta-info ul li+li {
	padding-left: 30px;
	margin-left: 20px;
}

.single-blog-style6 .text-holder .meta-info ul li::before {
	content: "";
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: var(--thm-base);
	border-radius: 50%;
}

.single-blog-style6 .text-holder .meta-info ul li:first-child:before {
	display: none;
}

.single-blog-style6 .text-holder .meta-info ul li span:before {
	position: relative;
	display: inline-block;
	padding-right: 8px;
	color: #a0a0a0;
	font-size: 16px;
	line-height: 18px;
}

.single-blog-style6 .text-holder .meta-info ul li a {
	color: #a0a0a0;
	font-size: 16px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style6 .text-holder .meta-info ul li a:hover {
	color: var(--thm-base);
}

.single-blog-style6 .text-holder h3 {
	font-size: 20px;
	line-height: 30px;
	margin: 16px 0 22px;
}

.single-blog-style6 .text-holder h3 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style6 .text-holder h3 a:hover {
	color: var(--thm-base);
}

.single-blog-style6 .text-holder .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.single-blog-style6 .text-holder .btns-box a {
	color: var(--thm-black);
	line-height: 38px;
	padding-left: 30px;
	padding-right: 30px;
	border: 2px solid var(--thm-black);
	background-color: transparent;
}

.single-blog-style6 .text-holder .btns-box a:hover {
	color: #ffffff;
	border-color: var(--thm-base);
}

.blog-carousel-style6 {
}

.blog-carousel-style6.owl-nav-style-one.owl-theme .owl-nav {
	position: absolute;
	top: -110px;
	right: 0;
}

.blog-carousel-style6.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	width: 50px;
	height: 50px;
	background-color: #f2efee;
	border-radius: 50%;
}

.blog-carousel-style6.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
	margin-right: 10px;
}




/*** 
=============================================
    Blog Style7 Area Css
=============================================
***/
.blog-style7-area {
	position: relative;
	display: block;
	background: #f8f6f3;
	padding: 110px 0 70px;
}

.single-blog-style7 {
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.single-blog-style7 .img-holder {
	position: relative;
	display: block;
}

.single-blog-style7 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--thm-base);
	border-radius: 7px;
}

.single-blog-style7 .img-holder .inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
	transform: scale(0.9);
	transform-origin: bottom;
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
	background-color: #000000;
}

.single-blog-style7:hover .img-holder .inner:before {
	opacity: 0.8;
	transform: scale(1.0);
	transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.single-blog-style7 .img-holder .inner img {
	width: 100%;
}

.single-blog-style7:hover .img-holder .inner img {
	transform: scale(1.1) rotate(1deg);
}

.single-blog-style7 .img-holder .date-box {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 65px;
	height: 65px;
	background-color: var(--thm-base);
	border-bottom-right-radius: 7px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 3;
}

.single-blog-style7 .img-holder .date-box h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 6px;
}

.single-blog-style7 .img-holder .date-box h5 {
	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.single-blog-style7 .text-holder {
	position: relative;
	display: block;
	padding-top: 21px;
}

.single-blog-style7 .text-holder .category-box {
	position: relative;
	display: block;
	padding-bottom: 5px;
}

.single-blog-style7 .text-holder .category-box p {
	color: #a19e9b;
	font-size: 17px;
	line-height: 30px;
	font-weight: 700;
	margin: 0;
}

.single-blog-style7 .text-holder h3 {
	font-size: 18px;
	line-height: 28px;
}

.single-blog-style7 .text-holder h3 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-blog-style7 .text-holder h3 a:hover {
	color: var(--thm-base);
}

.single-blog-style7 .text-holder .author-info {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 12px;
}

.single-blog-style7 .text-holder .author-info .img-box {
	width: 40px;
	overflow: hidden;
	border-radius: 50%;
}

.single-blog-style7 .text-holder .author-info .img-box img {
	width: 100%;
}

.single-blog-style7 .text-holder .author-info .text-box {
	position: relative;
	flex: 1;
	margin-left: 15px;
}

.single-blog-style7 .text-holder .author-info .text-box h5 {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
}



/*** 
=============================================
    Blog Style8 Area Css
=============================================
***/
.blog-style8-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0px 0 70px;
}

.blog-style8-title-box {
	position: relative;
	display: block;
	padding-top: 110px;
	padding-bottom: 200px;
	z-index: 1;
}

.blog-style8-title-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: -1000000px;
	bottom: 0;
	right: -200px;
	background-color: #f9f5f3;
	z-index: -1;
}

.blog-style8-title-box .sec-title h2 {
	font-size: 36px;
}

.blog-style8-title-box .sec-title {
	padding-bottom: 32px;
}

.blog-style8-title-box .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.blog-style8-content-box {
	position: relative;
	display: block;
	padding-top: 110px;
	z-index: 5;
}

.blog-style8-content-box .single-blog-style2__text-holder {
	box-shadow: none;
	border: 1px solid #ede8e6;
	padding: 28px 0 0;
}

.blog-style8-content-box .slick-arrow {
	position: absolute;
	top: -110px;
	right: 0;
	width: 55px;
	height: 55px;
	color: #a0a0a0;
	background: #ffffff;
	border: 1px solid #ede8e6;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 0px;
	line-height: 53px;
	border-radius: 0px;
	background-color: #ffffff;
	transition: all 0.3s ease;
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.blog-style8-content-box .slick-arrow.next-btn {
	right: 75px;
	transform: rotate(180deg);
}

.blog-style8-content-box .slick-arrow.prev-btn {
}

.blog-style8-content-box .slick-dots {
	display: none !important;
}




/*** 
=============================================
    kindergarten Blog Page One Css
=============================================
***/
.kindergarten-blog-page-one {
	position: relative;
	display: block;
	padding: 110px 0 110px;
}



/*** 
=============================================
    kindergarten Blog Page Two Css
=============================================
***/
.kindergarten-blog-page-two {
	position: relative;
	display: block;
	padding: 110px 0 110px;
}

.kindergarten-blog-page-two .single-blog-style2__text-holder .blog-title {
	position: relative;
	display: block;
	padding: 0 30px;
	font-size: 20px;
}



/*** 
=============================================
    kindergarten Blog Page Three Css
=============================================
***/
.kindergarten-blog-page-three {
	position: relative;
	display: block;
	padding: 110px 0 110px;
}



/*** 
=============================================
    marketplace Blog Page One Css
=============================================
***/
.marketplace-blog-page-one {
	position: relative;
	display: block;
	padding: 110px 0 110px;
}



/*** 
=============================================
    Photography Blog Page One Css
=============================================
***/
.photography-blog-page-one {
	position: relative;
	display: block;
	padding: 110px 0 110px;
}

.photography-blog-page-one .single-blog-style6 {
	margin-bottom: 40px;
}



/*** 
=============================================
    Photography Blog Page Two Css
=============================================
***/
.photography-blog-page-two {
	position: relative;
	display: block;
	padding: 110px 0 110px;
}

.photography-blog-page-two .single-blog-style2__text-holder .blog-title {
	font-size: 18px;
	line-height: 26px;
}



/*** 
=============================================
    Cooking Blog Page One Css
=============================================
***/
.cooking-blog-page-one {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
}



/*** 
=============================================
    Cooking Blog Page Two Css
=============================================
***/
.cooking-blog-page-two {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
}

.cooking-blog-page-two .single-blog-style7 .text-holder h3 {
	font-size: 22px;
	line-height: 32px;
}



/*** 
=============================================
    Cooking Blog Page Three Css
=============================================
***/
.cooking-blog-page-three {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
}

.cooking-blog-page-three .single-blog-style2__text-holder .blog-title {
	font-size: 20px;
	line-height: 30px;
}



/*** 
=============================================
    quizzes Blog Page one Css
=============================================
***/
.quizzes-blog-page-one {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
}

.quizzes-blog-page-one-gray-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 350px;
	background-color: #f2f6f5;
	z-index: -1;
}

.quizzes-blog-page-one .single-blog-style1 .category-box p {
	color: var(--thm-black);
}

.quizzes-blog-page-one .single-blog-style1 .category-box .dot-box {
	background: var(--thm-black);
}



/*** 
=============================================
    quizzes Blog Page Two Css
=============================================
***/
.quizzes-blog-page-two {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
}

.quizzes-blog-page-two-gray-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: #f2f6f5;
	z-index: -1;
}

.quizzes-blog-page-two .single-blog-style2__text-holder .top .category-box p {
	color: var(--thm-black);
}

.quizzes-blog-page-two .single-blog-style2__text-holder .top .category-box .dot-box {
	background: var(--thm-black);
}

.quizzes-blog-page-two .sidebar-categories-box li a {
	background: #fff;
}



/*** 
=============================================
    quizzes Blog Page Three Css
=============================================
***/
.quizzes-blog-page-three {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
}

.quizzes-blog-page-three-gray-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: #f2f6f5;
	z-index: -1;
}

.quizzes-blog-page-three .single-blog-style1 .category-box p {
	color: var(--thm-black);
}

.quizzes-blog-page-three .single-blog-style1 .category-box .dot-box {
	background: var(--thm-black);
}

.quizzes-blog-page-three .sidebar-categories-box li a {
	background: #fff;
}




/*** 
=============================================
    quizzes Blog Page Four Css
=============================================
***/
.quizzes-blog-page-four {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
}

.quizzes-blog-page-four-gray-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: #f2f6f5;
	z-index: -1;
}

.quizzes-blog-page-four .sidebar-categories-box li a {
	background: #fff;
}

.quizzes-blog-page-four .blog-details-page__text-2 span {
	color: var(--thm-black);
}

.quizzes-blog-page-four .blog-details-page__text-3 .inner-text p span {
	color: var(--thm-black);
}

/*** 
=============================================
    Fact Counter Area Css
=============================================
***/
.fact-counter-area {
	position: relative;
	display: block;
	background: var(--thm-base);
	padding: 110px 0 110px;
}

.fact-counter-area .sec-title h2 {
	color: #ffffff;
}

.fact-counter-area .sec-title .sub-title p {
	color: #ffffff;
}

.fact-counter-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(var(--thm-black-rgb), .20);
}

.fact-counter-box.bottom {
	border-bottom: none;
}

.single-fact-counter {
	position: relative;
	width: 50%;
	float: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
	padding-right: 110px;
	padding-bottom: 46px;
}

.single-fact-counter.pdt50 {
	padding-top: 50px;
}

.single-fact-counter.pdb0 {
	padding-bottom: 0;
}

.single-fact-counter--style2 {
	flex-direction: row-reverse;
	text-align: left;
	padding-left: 110px;
	padding-right: 0;
	border-left: 1px solid rgba(var(--thm-black-rgb), .20);
}

.single-fact-counter .title-holder {
	position: relative;
	display: block;
}

.single-fact-counter .count-box {
	position: relative;
	color: #ffffff;
	font-size: 48px;
	line-height: 40px;
	font-weight: 700;
	font-family: var(--thm-font-2);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-fact-counter .count-box span {
	position: relative;
	display: inline-block;
}

.single-fact-counter h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: var(--thm-font-2);
	margin-top: 15px;
}

.single-fact-counter .icon-holder {
	position: relative;
	display: block;
	width: 130px;
}

.single-fact-counter .icon-holder span {
	position: relative;
	display: inline-block;
	font-size: 80px;
	line-height: 80px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-fact-counter:hover .icon-holder span {
	transform: scale(1.04);
}



/*** 
=============================================
    Fact Counter Style2 Area style
=============================================
***/
.fact-counter-style2-area {
	position: relative;
	display: block;
	padding: 200px 0px 60px;
	background: #f1f6f5;
	z-index: 1;
}

.fact-counter-style2-area .fact-counter-area-shape {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	z-index: -1;
}

.fact-counter_box-style2 {
	position: relative;
}

.single-fact-counter-style2 {
	position: relative;
	margin-bottom: 43px;
}

.single-fact-counter-style2 .icon {
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	padding: 4px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	margin: 0 auto;
}

.single-fact-counter-style2 .icon .inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #f1f6f5;
	border-radius: 50%;
}

.single-fact-counter-style2 .icon span::before {
	position: relative;
	display: inline-block;
	color: #3fa8b6;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
}

.single-fact-counter-style2 .outer-box {
	position: relative;
	display: block;
	padding-top: 24px;
}

.single-fact-counter-style2 .title {
	position: relative;
	display: block;
	padding-bottom: 28px;
	margin-bottom: 22px;
}

.single-fact-counter-style2 .title:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 5px;
	background-color: #dfe6e5;
}

.single-fact-counter-style2 .title h3 {
	font-size: 24px;
	line-height: 30px;
	text-transform: capitalize;
}

.single-fact-counter-style2 .count-box {
	position: relative;
	display: block;
	color: var(--thm-black);
	font-size: 46px;
	line-height: 60px;
	font-weight: 700;
	font-family: var(--thm-font-3);
}

.single-fact-counter-style2 .count-box span {
	position: relative;
	display: inline-block;
	line-height: 46px;
}

.single-fact-counter-style2.style2 .icon span::before {
	color: #fd61b9;
}

.single-fact-counter-style2.style3 .icon span::before {
	color: #ffc000;
}

.single-fact-counter-style2.style4 .icon span::before {
	color: #5e9cfd;
}



/*** 
=============================================
    Fact Counter Style4 Area Css
=============================================
***/
.fact-counter-style4-area {
	position: relative;
	display: block;
	padding: 110px 0px 60px;
	background: #f7f6f9;
	z-index: 1;
}

.fact-counter-style4-area-shape1 {
	position: absolute;
	top: 60px;
	left: 10%;
}

.fact-counter-style4-area-shape2 {
	position: absolute;
	bottom: 0;
	right: 6%;
}

.fact-counter-style4-area .big-title-box {
	position: absolute;
	left: 0;
	bottom: -20px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 200px;
	line-height: 160px;
	font-weight: 600;
	font-family: var(--thm-font-4);
}

.single-fact-counter-style4 {
	position: relative;
	margin-bottom: 47px;
}

.single-fact-counter-style4 .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 72px;
	margin: 0 auto;
	z-index: 1;
}

.single-fact-counter-style4 .icon .icon-bg {
	position: absolute;
	top: -27px;
	left: -27px;
	bottom: -27px;
	right: -28px;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center center;
}

.single-fact-counter-style4 .icon .round-shape {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: -2;
}

.single-fact-counter-style4 .icon .inner {
	position: relative;
	display: inline-block;
	line-height: 0;
}

.single-fact-counter-style4 .icon .inner span {
	position: relative;
	display: inline-block;
	line-height: 0;
}

.single-fact-counter-style4 .icon .inner span:before {
	position: relative;
	display: inline-block;
	color: #6357a4;
	font-size: 25px;
	line-height: 25px;
	transition: all 100ms linear;
	transition-delay: 0.1s;
}

.single-fact-counter-style4:hover .icon .inner span:before {
	color: var(--thm-base);
	transform: scale(1.05);
}

.single-fact-counter-style4 .outer-box {
	position: relative;
	display: block;
	padding-top: 25px;
}

.single-fact-counter-style4 .outer-box .count-box {
	position: relative;
	display: block;
	color: var(--thm-black);
	font-size: 36px;
	line-height: 30px;
	font-weight: 600;
	font-family: var(--thm-font-4);
}

.single-fact-counter-style4 .outer-box .count-outer span {
	position: relative;
	display: inline-block;
	line-height: 36px;
}

.single-fact-counter-style4 .outer-box .title {
	position: relative;
	display: block;
	padding-top: 13px;
}

.single-fact-counter-style4 .outer-box .title h3 {
	font-size: 20px;
	line-height: 20px;
}

/*** 
=============================================
    Faq Page One Css
=============================================
***/
.faq-page-one {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.faq-tab-button {
	position: relative;
	display: block;
	padding-bottom: 60px;
}

.faq-tab-button .tabs-button-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #ede8e6;
	border-bottom: 1px solid #ede8e6;
}

.faq-tab-button .tabs-button-box .tab-btn-item {
	position: relative;
	display: block;
	overflow: hidden;
	width: 20%;
	cursor: pointer;
	text-align: center;
	z-index: 1;
}

.faq-tab-button .tabs-button-box .tab-btn-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f9f5f3;
	z-index: -1;
	transform: perspective(400px) translateY(0px) scale(0);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: right center;
}

.faq-tab-button .tabs-button-box .tab-btn-item:hover::before,
.faq-tab-button .tabs-button-box .tab-btn-item.active-btn-item::before {
	transform: perspective(400px) translateY(0px) scale(1);
	transform-origin: left center;
}

.faq-tab-button .tabs-button-box .tab-btn-item h3 {
	position: relative;
	display: block;
	color: var(--thm-gray);
	font-size: 16px;
	font-weight: 700;
	line-height: 58px;
	text-transform: uppercase;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.faq-tab-button .tabs-button-box .tab-btn-item:hover h3,
.faq-tab-button .tabs-button-box .tab-btn-item.active-btn-item h3 {
	color: var(--thm-base);
}

.faq-page-one .tabs-content-box {
	position: relative;
	display: block;
}

.faq-page-one .tab-content-box-item {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	visibility: hidden;
}

.tab-content-box-item.tab-content-box-item-active {
	position: relative;
	visibility: visible;
	z-index: 5;
}

.tab-content-box-item .faq-style1-content {
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
}

.tab-content-box-item.tab-content-box-item-active .faq-style1-content {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
	transform: scaleY(1);
}

.faq-style1-content {
	position: relative;
	display: block;
}

.accordion-box {
	position: relative;
	display: block;
}

.accordion-box .block {
	position: relative;
	display: block;
	margin-bottom: 10px;
	transition: all 500ms ease;
}

.accordion-box .block:last-child {
	margin-bottom: 0;
}

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block .acc-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
	text-align: center;
	cursor: pointer;
	background: #f9f5f3;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	border: 0px solid #dcdeee;
	transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
	background-color: #ffffff;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.accordion-box .block .acc-btn h3 {
	color: var(--thm-black);
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h3 {
	color: var(--thm-base);
}

.accordion-box .block .acc-btn .icon-outer {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	color: #a0a0a0;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	cursor: pointer;
	transition: all 500ms ease;
	z-index: 1;
}

.accordion-box .block .acc-btn.active .icon-outer {
	color: var(--thm-base);
}

.accordion-box .block .acc-btn .icon-outer i:before {
	font-weight: 400;
}

.accordion-box .block .acc-btn.active .icon-outer i:before {
	position: relative;
	font-size: 18px;
	font-family: 'icomoon' !important;
	font-weight: 400;
	margin: 0px;
	content: "\eab7";
	transform: rotate(90deg);
	display: inline-block;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
	padding-top: 33px;
	padding-left: 10px;
	padding-bottom: 22px;
	padding-right: 90px;
	border-top: none;
}

.accordion-box .block .acc-content p {
	margin: 0;
}

.accordion-box.style2 .block .acc-btn {
	background: #ffffff;
	border: 1px solid #e5ebea;
}

.accordion-box.style2 .block .acc-btn.active {
	background-color: #f1f6f5;
	border-color: #f1f6f5;
	box-shadow: none;
}

/*** 
=============================================
    Google Map Area Css
=============================================
***/
.contact-page-map-outer {
	position: relative;
	display: block;
	z-index: 10;
}

.contact-page-map-outer .map-canvas {
	position: relative;
	width: 100%;
	height: 425px;
}



/*** 
=============================================
    Quick Contact Info Area Css
=============================================
***/
.quick-contact-info-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0px 102px;
}

.quick-contact-info-title {
	position: relative;
	display: block;
	width: 75%;
}.quick-contact-info-title .sec-title h2 {
    color: #333653;
}

.quick-contact-info-title .sec-title {
	padding-bottom: 0px;
}

.quick-contact-info-single-box {
	position: relative;
	display: block;
}

.quick-contact-info-single-box .icon {
	position: relative;
	display: block;
	margin-bottom: 17px;
	z-index: 1;
}

.quick-contact-info-single-box .icon::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #f6f2f0;
	z-index: -1;
	content: "";
}

.quick-contact-info-single-box .icon span::before {
	position: relative;
	display: inline-block;
	color: var(--thm-gray);
	font-size: 40px;
	line-height: 40px;
}

.quick-contact-info-single-box .text {
	position: relative;
	display: block;
}

.quick-contact-info-single-box .text h3 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 3px;
}

.quick-contact-info-single-box .text p {
	margin: 0px;
	margin-bottom: 9px;
}

.quick-contact-info-single-box .text a {
	color: var(--thm-base);
	font-size: 17px;
	line-height: 27px;
	font-weight: 700;
	font-family: var(--thm-font);
}



/*** 
=============================================
    Contact Info Area Css
=============================================
***/
.contact-info-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	z-index: 10;
}

.contact-info-content {
	position: relative;
	display: block;
	background-color: var(--thm-bg);
	padding: 42px 50px 47px;
}

.contact-info-content h2 {
	color: #ffffff;
	font-size: 40px;
	line-height: 46px;
	font-weight: 500;
}

.contact-info-content p {
	color: #d4d6e2;
	margin: 12px 0 24px;
}

.contact-info-content h3 {
	color: #d4d6e2;
	font-size: 20px;
	line-height: 32px;
	font-weight: 700;
	text-transform: capitalize;
}

.contact-info-content .video-gallery-btns-box {
	position: relative;
	display: flex;
	align-items: center;
	padding-top: 24px;
}

.contact-info-content .video-gallery-btns-box a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	line-height: 0px;
}

.contact-info-content .video-gallery-btns-box p {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	margin: 0;
}

.contact-info-content .video-gallery-btns-box p a {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--thm-font-2);
}

.contact-info-content .icon-outer {
	position: absolute;
	bottom: -40px;
	right: 10px;
	color: #203f67;
	font-size: 250px;
}



/*** 
=============================================
    Department Style1 Area Css
=============================================
***/
.department-style1-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0px 0px 70px;
	z-index: 10;
}

.department-style1-single {
	position: relative;
	display: block;
	background: #ffffff;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	padding: 28px 20px 22px;
	z-index: 1;
}

.department-style1-single::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--thm-base);
	width: 100%;
	height: 5px;
	content: "";
	z-index: -1;
	transform: perspective(400px) translateY(0px) scale(0);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: right center;
}

.department-style1-single:hover::before {
	transform: perspective(400px) translateY(0px) scale(1);
	transform-origin: left center;
}

.department-style1-single .top-content {
	position: relative;
	display: block;
	border-bottom: 1px solid #ede8e6;
	padding-bottom: 21px;
}

.department-style1-single .top-content .icon {
	position: relative;
	display: block;
	margin-bottom: 7px;
}

.department-style1-single .top-content .icon span::before {
	position: relative;
	display: inline-block;
	color: #b1b1b1;
	font-size: 50px;
	line-height: 50px;
	transition: .4s;
	-webkit-transition: all .4s ease-in-out;
}

.department-style1-single:hover .top-content .icon span::before {
	color: var(--thm-base);
}

.department-style1-single .top-content h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.department-style1-single .top-content h3 a {
	color: var(--thm-black);
}

.department-style1-single .top-content h3 a:hover {
	color: var(--thm-base);
}

.department-style1-single .bottom-content {
	position: relative;
	display: block;
	padding-top: 22px;
}

.department-style1-single .bottom-content .phone {
	position: relative;
	display: block;
}

.department-style1-single .bottom-content .phone a {
	color: var(--thm-gray);
	font-size: 17px;
	line-height: 27px;
	font-weight: 400;
}

.department-style1-single:hover .bottom-content .phone a {
	color: var(--thm-base);
}

.department-style1-single .bottom-content a {
	color: var(--thm-gray);
	font-size: 17px;
	line-height: 27px;
	font-weight: 400;
}

.department-style1-single .bottom-content a:hover {
	color: var(--thm-base);
}

.department-carousel.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.department-carousel.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
}

.department-carousel.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}



/*** 
=============================================
    Staff Area Css
=============================================
***/
.staff-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding-bottom: 102px;
	z-index: 10;
}

.single-staff-box {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.single-staff-box .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.single-staff-box .btns-box a {
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--thm-black);
	font-size: 20px;
	text-transform: capitalize;
	letter-spacing: normal;
	background-color: #f9f5f3;
	font-family: var(--thm-font-2);
}

.single-staff-box .btns-box a:hover {
	color: #ffffff;
}

.single-staff-box .btns-box a i:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 20px;
	font-weight: 100;
	top: -1px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-staff-box .btns-box a:hover i:before {
	color: #ffffff;
}

.single-staff-box .btns-box a:before {
	background-color: var(--thm-base);
}

.single-staff-box .btns-box a:after {
	background-color: var(--thm-base);
}

.staff-area .bottom-text {
	position: relative;
	display: block;
	padding-top: 3px;
}

.staff-area .bottom-text p {
	color: #777777;
	margin: 0;
}

.staff-area .bottom-text p span {
	color: var(--thm-base);
}



/*** 
=============================================
    Contact Details Style2 Area Css
=============================================
***/
.contact-details-style2-area {
	position: relative;
	display: block;
	background-color: #ffffff;
}

.contact-details-style2-box {
	position: relative;
	display: block;
	background-color: #15363a;
	border-radius: 15px;
}

.contact-details-style2-box ul {
	position: relative;
	display: block;
	width: 100%;
}

.contact-details-style2-box ul+ul {
	border-top: 1px solid #264b4f;
}

.contact-details-style2-box ul li {
	position: relative;
	display: block;
	width: 50%;
	float: left;
	padding: 34px 40px 35px;
}

.contact-details-style2-box ul li+li {
	border-left: 1px solid #264b4f;
}

.contact-details-style2-single {
	position: relative;
	display: flex;
	align-items: center;
}

.contact-details-style2-single .icon {
	width: 70px;
}

.contact-details-style2-single .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.contact-details-style2-single .icon span:before {
	color: #ffffff;
	font-size: 50px;
	line-height: 50px;
}

.contact-details-style2-single .text {
	position: relative;
	flex: 1;
}

.contact-details-style2-single .text h3 {
	color: #ffffff;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
}

.contact-details-style2-single .text p {
	color: #b9c0ca;
	margin: 9px 0 0;
}

.contact-details-style2-single .text p a {
	color: #b9c0ca;
	transition: all 500ms ease;
}

.contact-details-style2-single .text p a:hover {
	color: #ffffff;
}

.contact-details-style2-single .text p.social-links a+a {
	margin-left: 15px;
}







/*** 
=============================================
    Main Contact Form Area Css
=============================================
***/
.main-contact-form-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0px 110px;
	z-index: 10;
}

.main-contact-form-area .row.margin0 {
	margin-left: 0px;
	margin-right: 0px;
}

.main-contact-form-area .row.margin0 [class*=col-] {
	padding-left: 0px;
	padding-right: 0px;
}

.main-contact-form-area .contact-form {
	position: relative;
	display: block;
	background-color: #f1f6f5;
	padding: 53px 60px 60px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.main-contact-form-area .contact-form .row {
	margin-left: -10px;
	margin-right: -10px;
}

.main-contact-form-area .contact-form .row [class*=col-] {
	padding-left: 10px;
	padding-right: 10px;
}

.contact-form form {
	position: relative;
	display: block;
}

.contact-form form .form-group {
	margin-bottom: 23px;
}

.contact-form form .input-field-label {
	position: relative;
	display: block;
	padding-bottom: 11px;
}

.contact-form form .input-field-label p {
	color: #636d7c;
	font-family: var(--thm-font-3);
	margin: 0;
}

.contact-form form .input-box {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.contact-form form .input-box .icon {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.contact-form form .input-box .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.contact-form form .input-box .icon span:before {
	color: #acb4c0;
	font-size: 15px;
	line-height: 15px;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea {
	position: relative;
	display: block;
	background: #ffffff;
	border: 1px solid #ffffff;
	width: 100%;
	height: 56px;
	color: var(--thm-gray);
	font-size: 17px;
	font-weight: 400;
	font-style: normal;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 8px;
	transition: all 500ms ease;
	font-family: var(--thm-font);
}

.contact-form form textarea {
	height: 100px;
	padding-top: 12px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.contact-form form input[type="text"]::-webkit-input-placeholder {
	color: #818891;
}

.contact-form form input[type="text"]:-moz-placeholder {
	color: #818891;
}

.contact-form form input[type="text"]::-moz-placeholder {
	color: #818891;
}

.contact-form form input[type="text"]:-ms-input-placeholder {
	color: #818891;
}

.contact-form form input[type="email"]::-webkit-input-placeholder {
	color: #818891;
}

.contact-form form input[type="email"]:-moz-placeholder {
	color: #818891;
}

.contact-form form input[type="email"]::-moz-placeholder {
	color: #818891;
}

.contact-form form input[type="email"]:-ms-input-placeholder {
	color: #818891;
}

.contact-form form textarea::-webkit-input-placeholder {
	color: #818891;
}

.contact-form form textarea:-moz-placeholder {
	color: #818891;
}

.contact-form form textarea::-moz-placeholder {
	color: #818891;
}

.contact-form form textarea:-ms-input-placeholder {
	color: #818891;
}

.contact-form form .nice-select {
	background-color: #fff;
	border: 1px solid #ffffff;
	border-radius: 8px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	font-family: var(--thm-font);
	color: var(--thm-gray);
	font-size: 17px;
	font-weight: 400;
	height: 56px;
	line-height: 54px;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
}

.contact-form form .nice-select:after {
	right: 21px;
	top: 50%;
	margin-top: -7px;
	border-bottom: 1px solid #acb4c0;
	border-right: 1px solid #acb4c0;
	content: '';
	width: 9px;
	height: 9px;
}

.contact-form form .button-box {
	position: relative;
	display: block;
	padding-top: 8px;
}

.contact-form form .button-box button {
	color: #ffffff;
	background-color: var(--thm-black);
	border: 0px solid #e6e1df;
	font-size: 15px;
	font-family: var(--thm-font-3);
	letter-spacing: normal;
	border-radius: 30px;
	padding-left: 40px;
	padding-right: 40px;
}

.contact-form-img-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.contact-form-img-box img {
	width: 100%;
}






/*** 
=============================================
    Main Contact Form Style2 Area Css
=============================================
***/
.main-contact-form-style2-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0px 110px;
	z-index: 10;
}

.main-contact-form-style2-area .sec-title {
	margin-top: -6px;
	padding-bottom: 30px;
}

.main-contact-form-style2-area .sec-title h2 {
	font-size: 30px;
	font-weight: 600;
}

.contact-info-box-style3 {
	position: relative;
	display: block;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	padding: 45px 40px 50px;
}

.contact-info-box-style3 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.contact-info-box-style3 ul li {
	position: relative;
	display: block;
}

.contact-info-box-style3 ul li+li {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px solid #e7ece9;
}

.contact-info-box-style3 .contact-details-style2-single .icon span:before {
	color: var(--thm-base);
}

.contact-info-box-style3 .contact-details-style2-single .text h3 {
	color: var(--thm-black);
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.contact-info-box-style3 .contact-details-style2-single .text p {
	color: #676c7c;
	line-height: 22px;
	margin: 13px 0 0;
}

.contact-info-box-style3 .contact-details-style2-single .text p a {
	color: #676c7c;
}

.consultation-content-box {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #32344b;
	padding: 31px 40px 40px;
	border-radius: 11px;
	margin-top: 30px;
}

.consultation-content-box-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 280px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.consultation-content-box h2 {
	position: relative;
	color: #ffffff;
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
}

.consultation-content-box p {
	position: relative;
	color: #bcc0cd;
	margin: 14px 0 32px;
}

.consultation-content-box .btns-box {
	position: relative;
	display: block;
	line-height: 0;
}

.consultation-content-box .btns-box a {
	background: #fff;
}

.consultation-content-box .btns-box a:hover {
	background-color: #000000;
}

.consultation-content-box .btns-box a:before {
	background-color: #000000;
}

.consultation-content-box .btns-box a:after {
	background-color: #000000;
}

.main-contact-form-style2-area .contact-form {
	position: relative;
	display: block;
	background-color: #f0f7f3;
	padding: 53px 60px 60px;
	border-radius: 10px;
}

.main-contact-form-style2-area .contact-form form .form-group {
	margin-bottom: 15px;
}

.main-contact-form-style2-area .contact-form form input[type="text"],
.main-contact-form-style2-area .contact-form form input[type="email"],
.main-contact-form-style2-area .contact-form form textarea {
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.main-contact-form-style2-area .contact-form form .button-box button {
	color: #ffffff;
	background-color: var(--thm-black);
	border: 0px solid #e6e1df;
	font-size: 16px;
	font-family: var(--thm-font-4);
	letter-spacing: normal;
	border-radius: 7px;
	padding-left: 40px;
	padding-right: 40px;
}



/*** 
=============================================
    Main Contact Form Style3 Area Css
=============================================
***/
.main-contact-form-style3-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0px 110px;
	z-index: 10;
}

.main-contact-form-style3-area .contact-form {
	position: relative;
	display: block;
	background-color: #f7f6f9;
	padding: 60px 60px 60px;
	border-radius: 10px;
}

.main-contact-form-style3-area .contact-form form .form-group {
	margin-bottom: 30px;
}

.main-contact-form-style3-area .contact-form form input[type="text"],
.main-contact-form-style3-area .contact-form form input[type="email"],
.main-contact-form-style3-area .contact-form form textarea {
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}

.main-contact-form-style3-area .contact-form form .button-box {
	padding-top: 10px;
}

.main-contact-form-style3-area .contact-form form .button-box button {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	background-color: var(--thm-base);
	font-family: var(--thm-font-4);
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 5px;
	box-shadow: 0px 0px 20px 0px rgba(132, 209, 159, 0.8);
}

.main-contact-form-style3-area .contact-form form .button-box button:hover {
	background-color: var(--thm-black);
}



/*** 
=============================================
    Contact nfo-style4 Area Css
=============================================
***/
.contact-info-style4-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 120px 0 0;
	z-index: 11;
}

.single-contact-info-style4 {
	position: relative;
	display: block;
	background-color: #ffffff;
	text-align: center;
	padding: 50px 30px 42px;
	border-radius: 6px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.single-contact-info-style4 .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 72px;
	margin: 0 auto;
	z-index: 1;
}

.single-contact-info-style4 .icon .icon-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
}

.single-contact-info-style4 .icon .top-arrow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}

.single-contact-info-style4 .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.single-contact-info-style4 .icon span::before {
	position: relative;
	display: inline-block;
	color: #6357a4;
	font-size: 30px;
	line-height: 30px;
}

.single-contact-info-style4 .text {
	position: relative;
	display: block;
	padding-top: 28px;
}

.single-contact-info-style4 .text h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.single-contact-info-style4 .text p {
	margin: 10px 0 14px;
}

.single-contact-info-style4 .text a {
	color: #6357a4;
	font-size: 17px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-contact-info-style4 .text a:hover {
	color: var(--thm-base);
}




/*** 
=============================================
    Main Contact Form Style4 Area Css
=============================================
***/
.main-contact-form-style4-area {
	position: relative;
	display: block;
	background: #f9f8ff;
	padding: 110px 0px 110px;
	z-index: 10;
}

.main-contact-form-style4-area:before {
	content: "";
	position: absolute;
	top: 110px;
	left: 50%;
	bottom: 110px;
	width: 1px;
	background-color: #d8d7dd;
	margin-left: 50px;
}

.main-contact-form-style4-area .thm-pattern-style5 {
	top: -1px;
}

.main-contact-form-style4-area .contact-form .sec-title-style5 {
	padding-bottom: 42px;
}

.main-contact-form-style4-area .contact-form .sec-title-style5 .sub-title {
	justify-content: flex-start;
}

.main-contact-form-style4-area .contact-form form .form-group {
	margin-bottom: 20px;
}

.main-contact-form-style4-area .contact-form form input[type="text"],
.main-contact-form-style4-area .contact-form form input[type="email"],
.main-contact-form-style4-area .contact-form form textarea {
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
	background-color: #e8e7f0;
	border-color: #e8e7f0;
}

.main-contact-form-style4-area .contact-form form .button-box {
	padding-top: 10px;
}

.main-contact-form-style4-area .contact-form form .button-box button {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	background-color: var(--thm-black);
	font-family: var(--thm-font-4);
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 30px;
	box-shadow: none;
}

.main-contact-form-style4-area .contact-form form .button-box button:hover {
	background-color: var(--thm-black);
}

.contact-info-box-style5 {
	position: relative;
	display: block;
	padding-left: 100px;
}

.single-contact-info-style5 {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 62px;
}

.single-contact-info-style5 .text {
	position: relative;
	display: block;
}

.single-contact-info-style5 .text h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.single-contact-info-style5 .text p {
	margin: 10px 0 9px;
}

.single-contact-info-style5 .text a {
	color: var(--thm-base);
	font-size: 17px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-contact-info-style5 .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	background-color: #e8e7f0;
	border-radius: 50%;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-contact-info-style5:hover .icon {
	background-color: var(--thm-base);
}

.single-contact-info-style5 .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.single-contact-info-style5 .icon span:before {
	color: var(--thm-base);
	font-size: 30px;
	line-height: 30px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-contact-info-style5:hover .icon span:before {
	color: #ffffff;
}

.contact-info-box-style5 .footer-social-link-style5 {
	padding-top: 10px;
}



/*** 
=============================================
    Contact Info Style6 Area Css
=============================================
***/
.contact-info-style6-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 60px;
	z-index: 11;
}

.contact-info-style6-area .single-contact-info-style4 {
	padding: 0;
	box-shadow: none;
	margin-bottom: 42px;
}

.contact-info-style6-area .single-contact-info-style4 .icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #f2efee;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.contact-info-style6-area .single-contact-info-style4:hover .icon {
	background-color: var(--thm-base);
}

.contact-info-style6-area .single-contact-info-style4 .icon span::before {
	color: var(--thm-base);
	font-size: 25px;
	line-height: 25px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.contact-info-style6-area .single-contact-info-style4:hover .icon span::before {
	color: #ffffff;
}

.contact-info-style6-area .single-contact-info-style4 .text a {
	color: var(--thm-base);
}



/*** 
=============================================
    Main Contact Form Style5 Area Css
=============================================
***/
.main-contact-form-style5-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0px 0px 110px;
	z-index: 10;
}

.main-contact-form-style5-area .contact-form {
	position: relative;
	display: block;
	border: 2px solid #2e2a28;
	padding: 35px 0 38px;
}

.main-contact-form-style5-area .contact-form .sec-title-style6 {
	padding-left: 38px;
	padding-bottom: 32px;
}

.main-contact-form-style5-area .contact-form .sec-title-style6 p {
	margin: 3px 0 0;
}

.main-contact-form-style5-area .contact-form form .form-group {
	margin-bottom: 0px;
}

.main-contact-form-style5-area .contact-form form .input-box {
	margin-bottom: 0px;
}

.main-contact-form-style5-area .contact-form form input[type="text"],
.main-contact-form-style5-area .contact-form form input[type="email"],
.main-contact-form-style5-area .contact-form form textarea {
	box-shadow: none;
	background-color: #ffffff;
	border: none;
	border-top: 2px solid #2e2a28;
	border-radius: 0;
	height: 65px;
	padding-left: 38px;
	padding-right: 30px;
}

.main-contact-form-style5-area .contact-form form textarea {
	height: 119px;
	padding-top: 12px;
	padding-left: 38px;
	padding-right: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #2e2a28;
}

.main-contact-form-style5-area .contact-form form .button-box {
	padding-left: 38px;
	padding-top: 20px;
}

.main-contact-form-style5-area .contact-form form .button-box button {
	color: #ffffff;
	background-color: var(--thm-black);
	border: 0px solid #e6e1df;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--thm-font);
	letter-spacing: normal;
	border-radius: 0px;
	padding-left: 40px;
	padding-right: 40px;
}

.main-contact-form-style5-area .contact-page-map-outer .map-canvas {
	height: 680px;
}



/*** 
=============================================
    Contact Info Style7 Area Css
=============================================
***/
.contact-info-style7-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0px 70px;
}

.contact-info-style7-area .row {
	margin-left: 0px;
	margin-right: 0px;
}

.contact-info-style7-area .row [class*=col-] {
	padding-left: 0px;
	padding-right: 0px;
}

.contact-info-style7__single {
	position: relative;
	margin-bottom: 40px;
}

.contact-info-style7__single-inner {
	position: relative;
	display: block;
	border-right: 1px solid #eeece9;
}

.contact-info-style7__single:last-child .contact-info-style7__single-inner {
	border-right: none;
}

.contact-info-style7__single-inner .icon-box {
	position: relative;
	top: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	z-index: 1;
}

.contact-info-style7__single-inner .icon-box::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 2px solid #e3e2df;
	border-radius: 6px;
	transform: rotate(60deg);
	transition: .4s;
	-webkit-transition: all .4s ease-in-out;
	content: "";
	z-index: -1;
}

.contact-info-style7__single-inner:hover .icon-box::before {
	border: 2px solid var(--thm-base);
}

.contact-info-style7__single-inner .icon-box:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f8f6f3;
	border-radius: 6px;
	transition: .4s;
	-webkit-transition: all .4s ease-in-out;
	z-index: 1;
}

.contact-info-style7__single-inner:hover .icon-box:after {
	background: var(--thm-base);
}

.contact-info-style7__single-inner .icon-box span {
	position: relative;
	display: block;
	line-height: 0;
	z-index: 2;
}

.contact-info-style7__single-inner .icon-box span::before {
	color: var(--thm-base);
	font-size: 25px;
	line-height: 25px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.contact-info-style7__single-inner:hover .icon-box span::before {
	color: #ffffff;
}

.contact-info-style7__single-inner .content-box {
	position: relative;
	display: block;
	margin-top: 36px;
}

.contact-info-style7__single-inner .content-box h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 9px;
}

.contact-info-style7__single-inner .content-box p {
	margin: 0;
}

.contact-info-style7__single-inner .content-box p a {
	color: var(--thm-gray);
}

.contact-info-style7__single-inner .content-box p a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Main Contact Form Style6 Area Css
=============================================
***/
.main-contact-form-style6-area {
	position: relative;
	display: block;
	background: #f8f6f3;
	padding: 110px 0px 0px;
	z-index: 10;
}

.main-contact-form-style6-img-box {
	position: relative;
	display: block;
}

.main-contact-form-style6-img-box .inner {
	position: relative;
	display: block;
	margin-left: -190px;
}

.main-contact-form-style6-img-box .inner img {
	width: auto;
}

.main-contact-form-style6-img-box .outer-box {
	position: absolute;
	top: 40px;
	right: 20px;
}

.main-contact-form-style6-area .contact-form {
	position: relative;
	display: block;
	border-left: 1px solid #e3e2df;
}

.main-contact-form-style6-area .contact-form .sec-title-style7 {
	padding-left: 60px;
	padding-bottom: 22px;
}

.main-contact-form-style6-area .contact-form .sec-title-style7 p {
	margin: 3px 0 0;
}

.main-contact-form-style6-area .contact-form form .form-group {
	margin-bottom: 0px;
}

.main-contact-form-style6-area .contact-form form .input-box {
	margin-bottom: 0px;
}

.main-contact-form-style6-area .contact-form form input[type="text"],
.main-contact-form-style6-area .contact-form form input[type="email"],
.main-contact-form-style6-area .contact-form form textarea {
	box-shadow: none;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e3e2df;
	border-radius: 0;
	height: 75px;
	padding-left: 90px;
	padding-right: 30px;
}

.main-contact-form-style6-area .contact-form form textarea {
	height: 110px;
	padding-top: 12px;
	padding-left: 90px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.main-contact-form-style6-area .contact-form form .input-box .icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 60px;
	right: auto;
	line-height: 0;
}

.main-contact-form-style6-area .contact-form form .input-box .icon.message {
	transform: translateY(0px);
	top: 20px;
}

.main-contact-form-style6-area .contact-form form .input-box .icon span {
	position: relative;
	display: inline-block;
	line-height: 0;
}

.main-contact-form-style6-area .contact-form form .input-box .icon span:before {
	color: #a19e9b;
	font-size: 16px;
	line-height: 16px;
}

.main-contact-form-style6-area .contact-form form .button-box {
	padding-left: 60px;
	padding-top: 20px;
}

.main-contact-form-style6-area .contact-form form .button-box button {
	border-radius: 8px;
	background-color: #323130;
	color: var(--thm-base);
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: var(--thm-font-4);
}



/*** 
=============================================
    Google Map Style7 Area Css
=============================================
***/
.google-map-style7-area .contact-page-map-outer .map-canvas {
	height: 540px;
}



/*** 
=============================================
    Contact Info Style8 Area Css
=============================================
***/
.contact-info-style8-area {
	position: relative;
	display: block;
	background: #f2f6f5;
	padding: 110px 0px 70px;
}

.contact-info-style8-area .single-contact-info-style4 {
	background-color: #ffffff;
	text-align: center;
	padding: 40px 30px 32px;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 40px;
}

.contact-info-style8-area .single-contact-info-style4 .text {
	padding-top: 23px;
}

.contact-info-style8-area .single-contact-info-style4 .icon {
	width: 60px;
	height: 60px;
	background-color: var(--thm-base);
}

.contact-info-style8-area .single-contact-info-style4:hover .icon {
	background-color: var(--thm-primary);
}

.contact-info-style8-area .single-contact-info-style4 .icon span::before {
	color: var(--thm-primary);
	font-size: 25px;
	line-height: 25px;
}

.contact-info-style8-area .single-contact-info-style4:hover .icon span::before {
	color: #ffffff;
}

.contact-info-style8-area .single-contact-info-style4 .text p {
	margin: 5px 0 9px;
}

.contact-info-style8-area .single-contact-info-style4 .text a {
	color: var(--thm-primary);
	font-size: 17px;
	font-weight: 500;
}



/*** 
=============================================
    Main Contact Form Style7 Area Css
=============================================
***/
.main-contact-form-style7-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0px 0px 110px;
	z-index: 10;
}

.main-contact-form-style7-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 360px;
	background: #f2f6f5;
	z-index: -1;
}

.main-contact-form-style7-area .contact-form {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 60px 60px 0px;
	border-radius: 0px;
}

.main-contact-form-style7-area .contact-form form .form-group {
	margin-bottom: 30px;
}

.main-contact-form-style7-area .contact-form form input[type="text"],
.main-contact-form-style7-area .contact-form form input[type="email"],
.main-contact-form-style7-area .contact-form form textarea {
	box-shadow: none;
	border: 1px solid #e5e9e8;
	border-radius: 0;
}

.main-contact-form-style7-area .contact-form form .button-box {
	padding-top: 10px;
}

.main-contact-form-style7-area .contact-form form .button-box button {
	color: var(--thm-black);
	font-size: 16px;
	font-weight: 600;
	background-color: var(--thm-base);
	border-radius: 0;
	font-family: var(--thm-font-4);
}

.main-contact-form-style7-area .contact-form form .button-box button:hover {
	color: #ffffff;
}



/*** 
=============================================
    Contact Info Style9 Area Css
=============================================
***/
.contact-info-style9-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0px 110px;
}

.contact-info-style9-content {
	position: relative;
	display: block;
}

.contact-info-style9-content .sec-title {
	padding-bottom: 32px;
}

.contact-info-style9-content ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.contact-info-style9-content ul li {
	position: relative;
	display: block;
	border: 1px solid #e4ebef;
	padding: 22px 30px 22px;
}

.contact-info-style9-content ul li+li {
	margin-top: 20px;
}

.contact-info-style9-content ul li .quick-contact-info-single-box {
	padding-left: 70px;
}

.contact-info-style9-content ul li .quick-contact-info-single-box .icon {
	position: absolute;
	top: 9px;
	left: 0;
	margin: 0;
}

.contact-info-style9-content ul li .quick-contact-info-single-box .icon::before {
	background: #f1f4fb;
}

.contact-info-style9-area .contact-page-map-outer {
	position: relative;
	display: block;
}

.contact-info-style9-area .contact-page-map-outer .map-canvas {
	height: 501px;
}

.contact-info-style9-area .contact-page-map-outer .overlay-content {
	position: absolute;
	left: 20px;
	bottom: 20px;
	right: 20px;
	background-color: #ffffff;
	padding: 26px 0 22px;
	text-align: center;
	z-index: 11;
}

.contact-info-style9-area .contact-page-map-outer .overlay-content h3 {
	font-size: 20px;
	margin: 0 0 6px;
}

.contact-info-style9-area .contact-page-map-outer .overlay-content p {
	margin: 0;
}



/*** 
=============================================
    Main Contact Form Style8 Area Css
=============================================
***/
.main-contact-form-style8-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0px 0px 110px;
	z-index: 10;
}

.contact-info-box-style8 {
	position: relative;
	display: block;
	padding-top: 110px;
}

.contact-info-box-style8 .sec-title {
	padding-bottom: 42px;
}

.contact-info-box-style8 .conatct-info {
	position: relative;
	display: block;
}

.contact-info-box-style8 .conatct-info .quick-contact-info-single-box .icon span::before {
	color: var(--thm-base);
}

.quick-contact-info-single-box--style2 {
	position: relative;
	display: block;
	padding-left: 70px;
	margin-top: 35px;
	top: 10px;
}

.quick-contact-info-single-box--style2 .icon {
	position: absolute;
	top: 8px;
	left: 0;
	margin: 0;
}

.quick-contact-info-single-box--style2 .text p {
	margin: 0px;
	margin-bottom: 0px;
}

.main-contact-form-style8-area .contact-form {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 40px 40px 40px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	margin-top: -100px;
}

.main-contact-form-style8-area .contact-form .sec-title {
	padding-bottom: 32px;
}

.main-contact-form-style8-area .contact-form form .form-group {
	margin-bottom: 15px;
}

.main-contact-form-style8-area .contact-form form .input-box {
	margin-bottom: 15px;
}

.main-contact-form-style8-area .contact-form form input[type="text"],
.main-contact-form-style8-area .contact-form form input[type="email"],
.main-contact-form-style8-area .contact-form form textarea {
	background-color: #f9f5f3;
	border-color: #f9f5f3;
}

.main-contact-form-style8-area .contact-form form .button-box button {
	color: #ffffff;
	background-color: #1a3457;
	border: 0px solid #e6e1df;
	font-size: 14px;
	font-family: var(--thm-font);
	letter-spacing: normal;
	border-radius: 0px;
	padding-left: 40px;
	padding-right: 40px;
}



/*** 
=============================================
    Google Map Style10 Area Css
=============================================
***/
.google-map-style10-area {
	position: relative;
	display: block;
	padding-bottom: 110px;
}

.google-map-style10-area .contact-page-map-outer .map-canvas {
	height: 510px;
}

/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 50px;
	z-index: 10;
}

.breadcrumb-area-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.breadcrumb-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
	opacity: 0.15;
	content: "";
	z-index: -1;
}

.breadcrumb-area-bg:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(18, 18, 18);
	background: linear-gradient(0deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5018382352941176) 70%, rgba(18, 18, 18, 1) 100%);
	content: "";
	z-index: -1;
}

.breadcrumb-area .inner-content {
	position: relative;
	display: block;
	padding: 200px 0 80px;
	text-align: center;
	z-index: 10;
}

.breadcrumb-area .title {
	position: relative;
	display: block;
	overflow: hidden;
}

.breadcrumb-area .title h2 {
	color: #ffffff;
	font-size: 45px;
	line-height: 55px;
	font-weight: 500;
	text-transform: capitalize;
}

.breadcrumb-menu {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.breadcrumb-menu ul {
	position: relative;
	display: flex;
	align-items: center;
}

.breadcrumb-menu ul li {
	position: relative;
	float: none;
	color: #ffffff;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	text-transform: capitalize;
	padding-right: 18px;
	margin-right: 13px;
	font-family: var(--thm-font);
}

.breadcrumb-menu ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.breadcrumb-menu ul li:before {
	content: "";
	position: absolute;
	top: 6px;
	right: 0;
	bottom: 7px;
	width: 1px;
	background: #ffffff;
	transform: rotate(15deg);
}

.breadcrumb-menu ul li:last-child:before {
	display: none;
}

.breadcrumb-menu ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu ul li:hover a,
.breadcrumb-menu ul li.active {
	color: #ffffff;
}



/*** 
=============================================
    Breadcrumb Style2 area style
=============================================
***/
.breadcrumb-style2-area {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 10;
}

.breadcrumb-style2-area-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.breadcrumb-style2-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
	opacity: 0.20;
	content: "";
	z-index: -1;
}

.breadcrumb-style2-area-shape {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 112px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	z-index: 1;
}

.breadcrumb-style2-area .inner-content {
	position: relative;
	display: block;
	padding: 141px 0 165px;
	text-align: center;
	z-index: 10;
}

.breadcrumb-style2-area .title {
	position: relative;
	display: block;
	overflow: hidden;
}

.breadcrumb-style2-area .title h2 {
	color: #ffffff;
	font-size: 54px;
	line-height: 1.1em;
	font-weight: 700;
	text-transform: capitalize;
}

.breadcrumb-menu-style2 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}

.breadcrumb-menu-style2 ul {
	position: relative;
	display: flex;
	align-items: center;
}

.breadcrumb-menu-style2 ul li {
	position: relative;
	float: none;
	color: #ffffff;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	text-transform: capitalize;
	padding-right: 15px;
	margin-right: 10px;
	font-family: var(--thm-font);
}

.breadcrumb-menu-style2 ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.breadcrumb-menu-style2 ul li:before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffffff;
	margin: 10px 0;
}

.breadcrumb-menu-style2 ul li:last-child:before {
	display: none;
}

.breadcrumb-menu-style2 ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu-style2 ul li:hover a,
.breadcrumb-menu-style2 ul li.active {
	color: var(--thm-base);
}

.breadcrumb-style2-area--type2 {
	position: relative;
}

.breadcrumb-style2-area--type2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(241, 246, 245);
	background: linear-gradient(0deg, rgba(241, 246, 245, 0) 0%, rgba(241, 246, 245, 0.6979166666666667) 20%, rgba(241, 246, 245, 0.8995973389355743) 50%, rgba(241, 246, 245, 1) 100%);
	z-index: -1;
}

.breadcrumb-style2-area--type2 .inner-content {
	padding: 102px 0 103px;
}

.breadcrumb-style2-area--type2 .title h2 {
	color: #15363a;
}

.breadcrumb-style2-area--type2 .breadcrumb-menu-style2 ul li a {
	color: #15363a;
}

.breadcrumb-style2-area--type2 .breadcrumb-menu-style2 ul li:before {
	background: #acb4c0;
}

.breadcrumb-style2-area--type2 .breadcrumb-menu-style2 ul li:hover a,
.breadcrumb-style2-area--type2 .breadcrumb-menu-style2 ul li.active {
	color: var(--thm-base);
}



/*** 
=============================================
    Breadcrumb Style3 area style
=============================================
***/
.breadcrumb-style3-area {
	position: relative;
	display: block;
	margin-top: 100px;
	margin-left: 75px;
	border-top-left-radius: 25px;
	z-index: 10;
}

.breadcrumb-style3-area__inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-top-left-radius: 25px;
}

.breadcrumb-style3-area__inner:after {
	position: absolute;
	top: -110px;
	left: -450px;
	bottom: 0;
	width: 1210px;
	height: 1210px;
	border-radius: 50%;
	content: "";
	background-color: rgba(var(--thm-base-rgb), .75);
	z-index: -1;
}

.breadcrumb-style3-area-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.breadcrumb-style3-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
	opacity: 0.20;
	content: "";
	z-index: -1;
}

.breadcrumb-style3-area .inner-content {
	position: relative;
	display: block;
	padding: 339px 0 72px;
	z-index: 10;
}

.breadcrumb-menu-style3 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 11px;
}

.breadcrumb-menu-style3 ul {
	position: relative;
	display: flex;
	align-items: center;
}

.breadcrumb-menu-style3 ul li {
	position: relative;
	float: none;
	color: #ffffff;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	text-transform: capitalize;
	margin-right: 10px;
	font-family: var(--thm-font);
}

.breadcrumb-menu-style3 ul li:last-child {
	margin-right: 0;
}

.breadcrumb-menu-style3 ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu-style3 ul li:hover a,
.breadcrumb-menu-style3 ul li.active {
	color: var(--thm-black);
}

.breadcrumb-style3-area .title {
	position: relative;
	display: block;
	overflow: hidden;
}

.breadcrumb-style3-area .title h2 {
	color: #ffffff;
	font-size: 40px;
	line-height: 1.2em;
	font-weight: 600;
	text-transform: capitalize;
}

.breadcrumb-social-link-box {
	position: relative;
	display: block;
}

.breadcrumb-social-share-icon-box {
	position: relative;
	display: block;
}

.breadcrumb-social-share-icon-box .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border: 1px solid #53556c;
	border-radius: 50%;
	color: #b5b9c4;
	font-size: 22px;
	cursor: pointer;
	margin: 0 auto;
}

.breadcrumb-social-link-box ul {
	position: absolute;
	top: 0;
	left: 15px;
	display: flex;
	align-items: center;
	z-index: 100;
	transform: perspective(400px) translateY(0px) scale(0);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: right center;
}

.breadcrumb-social-link-box .breadcrumb-social-share-icon-box:hover ul {
	transform: perspective(400px) translateY(0px) scale(1);
	transform-origin: left center;
}

.breadcrumb-social-link-box ul li {
	position: relative;
	display: block;
	margin-right: 5px;
}

.breadcrumb-social-link-box ul li:last-child {
	margin-right: 0;
}

.breadcrumb-social-link-box ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	border-radius: 50%;
	color: var(--thm-base);
	font-size: 16px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-social-link-box ul li a:hover {
	color: #ffffff;
	background: var(--thm-base);
}




/*** 
=============================================
    Breadcrumb Style4 area style
=============================================
***/
.breadcrumb-style4-area {
	position: relative;
	display: block;
	background-color: #f7f6f9;
	overflow: hidden;
	z-index: 10;
}

.breadcrumb-style4-area-shape1 {
	position: absolute;
	top: 40px;
	left: 5%;
}

.breadcrumb-style4-area-shape2 {
	position: absolute;
	left: 350px;
	bottom: 40px;
}

.breadcrumb-style4-area-shape3 {
	position: absolute;
	right: 2%;
	bottom: 40px;
}

.breadcrumb-style4-area .big-text {
	position: absolute;
	top: 53px;
	right: 10%;
	color: #ffffff;
	font-size: 200px;
	line-height: 160px;
	font-weight: 600;
	text-transform: lowercase;
	font-family: var(--thm-font-4);
}

.breadcrumb-style4-area .big-text.top35 {
	top: 35px;
}

.breadcrumb-style4__content {
	position: relative;
	display: block;
	padding: 113px 0 113px;
}

.breadcrumb-style4__content .title {
	position: relative;
	display: block;
}

.breadcrumb-style4__content .title h2 {
	color: var(--thm-black);
	font-size: 40px;
	line-height: 1.1em;
	font-weight: 600;
	text-transform: capitalize;
}

.breadcrumb-menu-style4 {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.breadcrumb-menu-style4 ul {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 20px 0px rgba(99, 87, 164, 0.08);
	padding: 6px 20px 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.breadcrumb-menu-style4 ul li {
	position: relative;
	display: block;
	color: #96959b;
	font-size: 17px;
	font-weight: 500;
}

.breadcrumb-menu-style4 ul li+li {
	margin-left: 10px;
}

.breadcrumb-menu-style4 ul li a {
	color: #96959b;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu-style4 ul li:hover a,
.breadcrumb-menu-style4 ul li.active {
	color: var(--thm-base);
}




/*** 
=============================================
    Breadcrumb Style5 area style
=============================================
***/
.breadcrumb-style5-area {
	position: relative;
	display: block;
	background: #f9f8ff;
	z-index: 11;
}

.breadcrumb-style5-area-bg {
	position: absolute;
	top: 0;
	left: 100px;
	bottom: 35px;
	right: 100px;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	background-color: #646464;
	background-blend-mode: overlay;
	z-index: -1;
}

.breadcrumb-style5-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
	border-radius: 10px;
	opacity: 0.20;
	content: "";
	z-index: -1;
}

.breadcrumb-style5-area .inner-content {
	position: relative;
	display: block;
	padding: 143px 0 212px;
	text-align: center;
	z-index: 10;
}

.breadcrumb-style5-area .title {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 15px;
}

.breadcrumb-style5-area .title h2 {
	color: #ffffff;
	font-size: 40px;
	line-height: 1.1em;
	font-weight: 600;
	text-transform: capitalize;
}

.breadcrumb-menu-style5 {
	position: relative;
	display: block;
}

.breadcrumb-menu-style5 ul {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.breadcrumb-menu-style5 ul li {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 17px;
	font-weight: 500;
}

.breadcrumb-menu-style5 ul li+li {
	margin-left: 10px;
}

.breadcrumb-menu-style5 ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu-style5 ul li:hover a,
.breadcrumb-menu-style5 ul li.active {
	color: var(--thm-base);
}

.breadcrumb-style5-area .banner-style5-search-box {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 11;
}



/*** 
=============================================
    Breadcrumb Style6 area style
=============================================
***/
.breadcrumb-style6-area {
	position: relative;
	display: block;
	background: #f2efee;
	overflow: hidden;
	z-index: 11;
}

.breadcrumb-style6-area-left {
	position: absolute;
	top: 102px;
	left: 0;
	bottom: -20px;
	width: 50%;
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
}

.breadcrumb-style6-area-right {
	position: absolute;
	top: 102px;
	right: 0;
	bottom: 0;
	width: 50%;
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
}

.breadcrumb-style6-area .inner-content {
	position: relative;
	display: block;
	max-width: 585px;
	width: 100%;
	padding: 288px 0 177px;
	z-index: 10;
}

.breadcrumb-style6-area .title {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 15px;
}

.breadcrumb-style6-area .title h2 {
	color: var(--thm-black);
	font-size: 60px;
	line-height: 1.2em;
	font-weight: 800;
	text-transform: uppercase;
}

.breadcrumb-style6-area .title p {
	color: #757270;
	margin: 19px 0 0;
}

.breadcrumb-menu-style6 {
	position: absolute;
	bottom: 32px;
	right: 60px;
}

.breadcrumb-menu-style6 ul {
	position: relative;
	display: flex;
	align-items: center;
}

.breadcrumb-menu-style6 ul li {
	position: relative;
	display: block;
	color: var(--thm-black);
	font-size: 17px;
	font-weight: 500;
}

.breadcrumb-menu-style6 ul li+li {
	margin-left: 10px;
}

.breadcrumb-menu-style6 ul li a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu-style6 ul li:hover a,
.breadcrumb-menu-style6 ul li.active {
	color: var(--thm-base);
}



/*** 
=============================================
    Breadcrumb Style7 area style
=============================================
***/
.breadcrumb-style7-area {
	position: relative;
	display: block;
	background: #f9f8ff;
	z-index: 11;
}

.breadcrumb-style7-area-bg {
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	z-index: -1;
}

.breadcrumb-style7-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #323130;
	opacity: 0.50;
	content: "";
	z-index: -1;
}

.breadcrumb-style7-area .inner-content {
	position: relative;
	display: block;
	padding: 93px 0 92px;
	text-align: center;
	z-index: 10;
}

.breadcrumb-style7-area .title {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 15px;
}

.breadcrumb-style7-area .title h2 {
	color: #ffffff;
	font-size: 40px;
	line-height: 1.1em;
	font-weight: 600;
	text-transform: capitalize;
}

.breadcrumb-menu-style7 {
	position: relative;
	display: block;
}

.breadcrumb-menu-style7 ul {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.breadcrumb-menu-style7 ul li {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 17px;
	font-weight: 500;
}

.breadcrumb-menu-style7 ul li+li {
	margin-left: 10px;
}

.breadcrumb-menu-style7 ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu-style7 ul li:hover a,
.breadcrumb-menu-style7 ul li.active {
	color: var(--thm-base);
}




/*** 
=============================================
    Breadcrumb Style8 area style
=============================================
***/
.breadcrumb-style8-area {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 10;
}

.breadcrumb-style8-area-shape-1 {
	position: absolute;
	top: -160px;
	right: -30px;
}

.breadcrumb-style8-area-shape-2 {
	position: absolute;
	top: -50px;
	left: 200px;
}

.breadcrumb-style8-area .inner-content {
	position: relative;
	display: block;
	padding: 113px 0 112px;
	text-align: center;
	z-index: 10;
}

.breadcrumb-style8-area .title {
	position: relative;
	display: block;
	overflow: hidden;
}

.breadcrumb-style8-area .title h2 {
	color: var(--thm-black);
	font-size: 40px;
	line-height: 1.2em;
	font-weight: 600;
	text-transform: capitalize;
}

.breadcrumb-menu-style8 {
	position: absolute;
	left: 0;
	bottom: 23px;
	display: flex;
	align-items: center;
}

.breadcrumb-menu-style8 ul {
	position: relative;
	display: flex;
	align-items: center;
}

.breadcrumb-menu-style8 ul li {
	position: relative;
	display: block;
	float: left;
	color: #7a7f7d;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	text-transform: capitalize;
	padding-right: 15px;
	margin-right: 10px;
	font-family: var(--thm-font);
}

.breadcrumb-menu-style8 ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.breadcrumb-menu-style8 ul li:before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--thm-primary);
	margin: 11px 0;
}

.breadcrumb-menu-style8 ul li:last-child:before {
	display: none;
}

.breadcrumb-menu-style8 ul li a {
	color: #7a7f7d;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.breadcrumb-menu-style8 ul li:hover a,
.breadcrumb-menu-style8 ul li.active {
	color: var(--thm-base);
}



/*** 
=============================================
    Breadcrumb Style9 area style
=============================================
***/
.breadcrumb-style9-area {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 50px;
	z-index: 10;
}

.breadcrumb-style9-area-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.breadcrumb-style9-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
	opacity: 0.30;
	content: "";
	z-index: -1;
}

.breadcrumb-style9-area-bg:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(26, 50, 80);
	background: linear-gradient(0deg, rgba(26, 50, 80, 1) 0%, rgba(26, 50, 80, 0.30015756302521013) 40%, rgba(26, 50, 80, 0) 60%);
	content: "";
	z-index: -1;
}

.breadcrumb-style9-area .inner-content {
	position: relative;
	display: block;
	padding: 321px 0 153px;
	text-align: center;
	z-index: 10;
}

.breadcrumb-style9-area .title {
	position: relative;
	display: block;
	overflow: hidden;
}

.breadcrumb-style9-area .title h2 {
	color: #ffffff;
	font-size: 60px;
	line-height: 1.07em;
	font-weight: 700;
	text-transform: capitalize;
}




/*** 
=============================================
    Breadcrumb Style10 area style
=============================================
***/
.breadcrumb-style10-area {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 100px;
	z-index: 10;
}

.breadcrumb-style10-area-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.breadcrumb-style10-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
	opacity: 0.35;
	content: "";
	z-index: -1;
}

.breadcrumb-style10-area .inner-content {
	position: relative;
	display: block;
	padding: 261px 0 176px;
	text-align: center;
	z-index: 10;
}

.breadcrumb-style10-area.contact-page .inner-content {
	padding: 220px 0 236px;
}

.breadcrumb-style10-area .title {
	position: relative;
	display: block;
	overflow: hidden;
}

.breadcrumb-style10-area .title h2 {
	color: #ffffff;
	font-size: 60px;
	line-height: 1.07em;
	font-weight: 700;
	text-transform: capitalize;
}

/*** 
=============================================
    Team Style1 Area Css
=============================================
***/
.team-style1-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 70px;
	z-index: 10;
}

.team-style1__top {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 52px;
}

.team-style1__top .sec-title {
	padding: 0;
}

.team-style1__top .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	top: -2px;
}

.single-team-style1 {
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.single-team-style1 .img-holder {
	position: relative;
	display: block;
}

.single-team-style1 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: var(--thm-base);
	z-index: 1;
}

.single-team-style1 .img-holder .inner img {
	width: 100%;
	transition: all 500ms linear;
	transition-delay: 0.2s;
}

.single-team-style1:hover .img-holder .inner img {
	transform: scale(1.1) rotate(0deg);
	opacity: 0.20;
	mix-blend-mode: normal;
	transition: all 500ms linear;
	transition-delay: 0.1s;
}

.single-team-style1 .img-holder .share-button {
	position: absolute;
	left: 0;
	bottom: 20px;
	right: 20px;
}

.single-team-style1 .img-holder .share-button .icon {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	background: #ffffff;
	float: right;
	cursor: pointer;
}

.single-team-style1 .img-holder .share-button .icon span:before {
	position: relative;
	display: block;
	color: #a0a0a0;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
}

.single-team-style1 .img-holder .share-button .social-links {
	position: relative;
	display: flex;
	float: right;
	margin-right: 10px;
	transform: scaleX(0);
	transform-origin: right;
	transition: all 300ms linear;
	transition-delay: 0.1s;
}

.single-team-style1 .img-holder .share-button:hover .social-links {
	transform: scaleX(1.0);
}

.single-team-style1 .img-holder .share-button .social-links li {
	position: relative;
	display: block;
	margin-right: 10px;
}

.single-team-style1 .img-holder .share-button .social-links li:last-child {
	margin-right: 0;
}

.single-team-style1 .img-holder .share-button .social-links li a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	background: #ffffff;
	color: var(--thm-gray);
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style1 .img-holder .share-button .social-links li a:hover {
	color: #ffffff;
	background-color: var(--thm-black);
}

.single-team-style1 .text-holder {
	position: relative;
	display: block;
	padding-top: 31px;
}

.single-team-style1 .text-holder h3 {
	font-size: 26px;
	line-height: 30px;
}

.single-team-style1 .text-holder h3 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style1 .text-holder h3 a:hover {
	color: var(--thm-base);
}

.single-team-style1 .text-holder h3 sup {
	color: var(--thm-gray);
	font-size: 17px;
	font-weight: 500;
	font-family: var(--thm-font);
	top: -13px;
}

.single-team-style1 .text-holder h3 sup span {
	color: var(--thm-base);
}

.single-team-style1 .text-holder .text {
	position: relative;
	display: block;
	padding: 16px 0 18px;
}

.single-team-style1 .text-holder .text p {
	margin: 0;
}

.single-team-style1 .text-holder .mail-info {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 0;
}

.single-team-style1 .text-holder .mail-info .icon {
	width: 25px;
	line-height: 16px;
}

.single-team-style1 .text-holder .mail-info .icon span:before {
	position: relative;
	display: inline-block;
	color: #a0a0a0;
	font-size: 20px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style1 .text-holder .mail-info:hover .icon span:before {
	color: var(--thm-base);
	transform: rotate(45deg);
}

.single-team-style1 .text-holder .mail-info a {
	color: var(--thm-gray);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style1 .text-holder .mail-info a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Team Style2 Area Css
=============================================
***/
.team-style2-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 70px;
	z-index: 10;
}

.single-team-style2 {
	position: relative;
	display: block;
	padding: 15px;
	background-color: #ffffff;
	border-radius: 15px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
}

.single-team-style2 .img-holder {
	position: relative;
	display: block;
}

.single-team-style2 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 15px;
}

.single-team-style2 .img-holder .inner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #000000;
	opacity: 0.10;
	transition: all 500ms ease;
	z-index: 1;
}

.single-team-style2:hover .img-holder .inner:before {
	opacity: 0.70;
}

.single-team-style2 .img-holder .inner img {
	width: 100%;
	transition: all 500ms ease;
}

.single-team-style2:hover .img-holder .inner img {
	transform: scale(1.1) rotate(2deg);
}

.single-team-style2 .img-holder .title-holder {
	position: absolute;
	left: 15px;
	bottom: 15px;
	right: 15px;
	padding: 25px 0 25px;
	border-radius: 15px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.6);
	z-index: 1;
}

.single-team-style2 .img-holder .title-holder .img-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 15px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	filter: blur(10px);
	transition: all 500ms ease;
	z-index: -1;
}

.single-team-style2:hover .img-holder .title-holder .img-bg {
	filter: blur(0px);
}

.single-team-style2 .img-holder .title-holder .img-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	content: "";
	background-color: var(--thm-black);
	opacity: 0.10;
	transition: all 500ms ease;
}

.single-team-style2:hover .img-holder .title-holder .img-bg:before {
	opacity: 0.80;
	background-color: var(--thm-base);
}

.single-team-style2 .img-holder .title-holder h3 {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 5px;
}

.single-team-style2 .img-holder .title-holder h3 a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style2 .img-holder .title-holder h3 a:hover {
	color: #000000;
}

.single-team-style2 .img-holder .title-holder p {
	color: #ffffff;
	line-height: 20px;
	margin: 0;
}

.single-team-style2 .social-link-box {
	position: relative;
	display: block;
	text-align: center;
	padding: 25px 0 10px;
}

.single-team-style2 .social-link-box .social-links {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.single-team-style2 .social-link-box .social-links li {
	position: relative;
	display: block;
	margin: 0 7.5px;
}

.single-team-style2 .social-link-box .social-links li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #ffffff;
	border: 1px solid #dee5e4;
	border-radius: 50%;
	color: #636d7c;
	font-size: 14px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style2:hover .social-link-box .social-links li a {
	color: #ffffff;
}

.single-team-style2:hover .social-link-box .social-links li.tw a {
	background-color: #55acee;
	border-color: #55acee;
	transition-delay: 0.1s;
}

.single-team-style2:hover .social-link-box .social-links li.fb a {
	background-color: #3b5998;
	border-color: #3b5998;
	transition-delay: 0.2s;
}

.single-team-style2:hover .social-link-box .social-links li.linked a {
	background-color: #0077b5;
	border-color: #0077b5;
	transition-delay: 0.3s;
}



/*** 
=============================================
    Team Style3 Area Css
=============================================
***/
.team-style3-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.team-style3-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(240, 247, 243);
	background: linear-gradient(180deg, rgba(240, 247, 243, 1) 0%, rgba(240, 247, 243, 1) 40%, rgba(255, 255, 255, 1) 100%);
	z-index: -1;
}

.single-team-style3 {
	position: relative;
	display: block;
	padding: 70px 0 0;
}

.single-team-style3 .img-holder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 140px;
	height: 140px;
	border: 2px solid #e7ece9;
	padding: 8px;
	border-radius: 50%;
	margin: 0 auto;
	z-index: 3;
	transition: .4s;
	-webkit-transition: all .4s ease-in-out;
}

.single-team-style3:hover .img-holder {
	border: 2px solid var(--thm-base);
}

.single-team-style3 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	background: #646464;
}

.single-team-style3 .img-holder .inner img {
	width: 100%;
	mix-blend-mode: luminosity;
}

.single-team-style3:hover .img-holder .inner img {
	mix-blend-mode: normal;
}

.single-team-style3__inner {
	position: relative;
	display: block;
	background: #ffffff;
	border-radius: 6px;
	padding: 93px 0px 30px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.single-team-style3__inner .title-holder {
	position: relative;
	display: block;
}

.single-team-style3__inner .title-holder .title {
	position: relative;
	display: block;
	z-index: 5;
}

.single-team-style3__inner .title-holder h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
}

.single-team-style3__inner .title-holder h3 a {
	color: var(--thm-black);
}

.single-team-style3__inner .title-holder h3 a:hover {
	color: var(--thm-base);
}

.single-team-style3__inner .title-holder p {
	margin: 0;
}

.single-team-style3__inner .title-holder .btn-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 17px;
}

.single-team-style3__inner .title-holder .btn-box .single-btn {
	position: relative;
	display: block;
	margin: 0 5px;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .chat {
	position: relative;
	display: inline-block;
	color: #a1a4af;
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	background: #f0f7f3;
	border-radius: 6px;
	padding: 7px 20px 7px;
	transition: all 200ms ease;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .chat:hover {
	background: var(--thm-base);
	color: #ffffff;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .chat span::before {
	position: relative;
	display: inline-block;
	top: 1px;
	font-size: 14px;
	padding-right: 6px;
	transition: all 200ms ease;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-icon {
	position: relative;
	display: inline-block;
	color: #a1a4af;
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	border: 1px solid #f0f7f3;
	padding: 6px 20px 6px;
	border-radius: 6px;
	transition: all 200ms ease;
	cursor: pointer;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-icon:hover {
	color: #ffffff;
	background: var(--thm-base);
	border: 1px solid var(--thm-base);
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-icon span::before {
	position: relative;
	top: 1px;
	display: inline-block;
	color: #a1a4af;
	font-size: 14px;
	padding-right: 6px;
	transition: all 200ms ease;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-icon:hover span::before {
	color: #ffffff;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-links {
	position: absolute;
	top: -45px;
	right: 0;
	height: 45px;
	width: 130px;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: perspective(400px) translateY(0px) scale(0);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: right center;
}

.single-team-style3__inner .title-holder .btn-box .single-btn:hover .social-links {
	transform: perspective(400px) translateY(-15px) scale(1);
	transform-origin: left center;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-links::before {
	content: "";
	position: absolute;
	right: 15px;
	bottom: -9px;
	border-top: 9px solid #ffffff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	width: 18px;
	height: 9px;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-links li {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #e7ece9;
	line-height: 16px;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-links li:last-child {
	border-right: none;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-links li a {
	position: relative;
	display: inline-block;
	color: #a1a4af;
	font-size: 15px;
}

.single-team-style3__inner .title-holder .btn-box .single-btn .social-links li a:hover {
	color: var(--thm-base);
}

.team-style3-area .bottom-btn-box {
	position: relative;
	display: block;
	padding-top: 50px;
}

.team-style3-area .bottom-btn-box a {
	color: #ffffff;
	background-color: var(--thm-black);
}



/*** 
=============================================
    Instructors Area Css
=============================================
***/
.instructors-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 70px;
}

.single-team-style3 {
	margin-bottom: 40px;
}



/*** 
=============================================
    Team Style7 Area Css
=============================================
***/
.team-style7-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 110px;
}

.single-team-style7 {
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.single-team-style7 .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
}

.single-team-style7 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 7px;
}

.single-team-style7 .img-holder .inner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--thm-black);
	opacity: 0.0;
	transition: all 500ms ease;
	z-index: 1;
}

.single-team-style7:hover .img-holder .inner:before {
	opacity: 0.90;
}

.single-team-style7 .img-holder .inner img {
	width: 100%;
	transition: all 500ms ease;
}

.single-team-style7:hover .img-holder .inner img {
	transform: scale(1.1) rotate(2deg);
}

.single-team-style7 .img-holder .title-holder {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 220px;
	background-color: #ffffff;
	border-radius: 6px;
	overflow: hidden;
	z-index: 5;
	transform: perspective(400px) translateY(100%) scale(0.7);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: bottom center;
}

.single-team-style7:hover .img-holder .title-holder {
	transform: perspective(400px) translateY(0px) scale(1);
	transform-origin: bottom center;
}

.single-team-style7 .img-holder .title-holder .share-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 40px;
	background: #ffffff;
	border-bottom-left-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style7:hover .img-holder .title-holder .share-icon:hover {
	background-color: var(--thm-base);
}

.single-team-style7 .img-holder .title-holder .share-icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.single-team-style7 .img-holder .title-holder .share-icon span:before {
	color: var(--thm-gray);
	font-size: 20px;
	line-height: 20px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style7 .img-holder .title-holder .share-icon:hover span:before {
	color: #ffffff;
}

.single-team-style7 .img-holder .title-holder p {
	position: relative;
	display: inline-block;
	padding: 6px 20px;
	background-color: var(--thm-base);
	color: #ffffff;
	font-size: 17px;
	border-bottom-right-radius: 7px;
	margin: 0;
}

.single-team-style7 .img-holder .title-holder h3 {
	font-size: 20px;
	margin: 16px 20px 14px;
}

.single-team-style7 .img-holder .title-holder h3 a {
	color: var(--thm-black);
}

.team-style7-bottom-btn-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-top: 18px;
}

.team-style7-bottom-btn-box a {
	color: #323130;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--thm-font-4);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.team-style7-bottom-btn-box a:hover {
	color: var(--thm-base);
}

.team-style7-bottom-btn-box a span {
	position: relative;
	display: inline-block;
	top: 1px;
	line-height: 0;
	padding-right: 9px;
}

.team-style7-bottom-btn-box a span:before {
	color: var(--thm-base);
	font-size: 15px;
	line-height: 15px;
}



/*** 
=============================================
    Team Style8 Area Css
=============================================
***/
.team-style8-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 110px 0 70px;
}

.single-team-style8 {
	position: relative;
	display: block;
	margin-bottom: 37px;
}

.single-team-style8 .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
}

.single-team-style8 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: var(--thm-primary);
	z-index: 1;
}

.single-team-style8 .img-holder .inner img {
	width: 100%;
	transition: all 500ms linear;
	transition-delay: 0.2s;
}

.single-team-style8:hover .img-holder .inner img {
	transform: scale(1.1) rotate(0deg);
	opacity: 0.10;
	mix-blend-mode: normal;
	transition: all 500ms linear;
	transition-delay: 0.1s;
}

.single-team-style8 .ovarlay-social-links {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	transform: perspective(400px) translateX(55px);
	transform-origin: right;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style8:hover .ovarlay-social-links {
	transform: perspective(400px) translateX(0px);
}

.single-team-style8 .ovarlay-social-links .social-links {
	position: relative;
	display: block;
	background-color: var(--thm-base);
}

.single-team-style8 .ovarlay-social-links .social-links li {
	position: relative;
	display: block;
	border-bottom: 1px solid #d4c85d;
}

.single-team-style8 .ovarlay-social-links .social-links li:last-child {
	border-bottom: 0px solid;
}

.single-team-style8 .ovarlay-social-links .social-links li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 50px;
	color: var(--thm-primary);
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.single-team-style8 .ovarlay-social-links .social-links li a:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--thm-black);
	content: "";
	z-index: -1;
	transform: scale(0.0);
	transform-origin: center;
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.single-team-style8 .ovarlay-social-links .social-links li a:hover::before {
	transform: scaleX(1.0);
}

.single-team-style8 .ovarlay-social-links .social-links li a:hover {
	color: #ffffff;
}

.single-team-style8 .title-holder {
	position: relative;
	display: block;
	background: #ffffff;
	margin-top: -30px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 28px 0 0;
	z-index: 10;
}

.single-team-style8 .title-holder h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 10px;
}

.single-team-style8 .title-holder h3 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-team-style8 .title-holder h3 a:hover {
	color: var(--thm-base);
}

.single-team-style8 .title-holder p {
	line-height: 17px;
	color: var(--thm-primary);
	font-weight: 500;
	margin: 0;
}


























/*** 
=============================================
    Team Page Css
=============================================
***/
.team-page {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 120px 0 80px;
	z-index: 10;
}

.team-style1-carousel.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.team-style1-carousel.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
	-ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
	transform: perspective(400px) rotateX(90deg) scaleY(0.5);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
}

.team-style1-carousel.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}

/*** 
=============================================
    Partner Area Css
=============================================
***/
.partner-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding-top: 0px;
	padding-bottom: 110px;
	z-index: 10;
}

.single-partner-logo-box {
	position: relative;
	display: block;
	border: 1px solid #ede8e6;
	padding: 19PX;
	margin-bottom: 30px;
	z-index: 1;
}

.single-partner-logo-box a {
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}

.single-partner-logo-box a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f9f5f3;
	transform: perspective(400px) scaleX(0);
	transform-origin: center;
	transition: all 500ms linear;
	transition-delay: 0.5s;
	z-index: -1;
}

.single-partner-logo-box:hover a:before {
	transform: perspective(400px) scaleX(1.0);
}

.single-partner-logo-box a img {
	opacity: 1.0;
	width: auto;
	transition: all 0.2s ease-in-out 0.1s;
}

.single-partner-logo-box:hover a img {
	opacity: 1.0;
	transition: all 0.8s ease-in-out 0.1s;
	filter: opacity(1.0) drop-shadow(0 0 0 var(--thm-base));
}

.partner-area .btns-box {
	position: relative;
	display: block;
	padding-top: 20px;
	line-height: 0;
}

.partner-area .btns-box a {
	color: var(--thm-base);
	border: 1px solid #e8e3e1;
	background-color: transparent;
	padding-left: 30px;
	padding-right: 30px;
}

.partner-area .btns-box a:hover {
	color: #ffffff;
	border-color: var(--thm-black);
}



/*** 
=============================================
    Partner Style2 Area Css
=============================================
***/
.partner-style2-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding-top: 110px;
	padding-bottom: 110px;
	z-index: 10;
}

.partner-style2-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(240, 247, 243);
	background: linear-gradient(180deg, rgba(240, 247, 243, 1) 0%, rgba(240, 247, 243, 1) 40%, rgba(255, 255, 255, 1) 100%);
	z-index: -1;
}

.partner-style2-area .sec-title-style3 {
	padding-bottom: 24px;
}

.single-partner-logo-box-style2 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	z-index: 1;
}

.single-partner-logo-box-style2 a {
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	padding: 15px 0;
	z-index: 1;
}

.single-partner-logo-box-style2 a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #ffffff;
	transform: perspective(400px) scaleX(0);
	transform-origin: center;
	transition: all 300ms linear;
	transition-delay: 0.1s;
	z-index: -1;
}

.single-partner-logo-box-style2:hover a:before {
	transform: perspective(400px) scaleX(1.0);
}

.single-partner-logo-box-style2 a img {
	opacity: 1.0;
	width: auto;
	transition: all 0.2s ease-in-out 0.1s;
}

.single-partner-logo-box-style2:hover a img {
	opacity: 0.7;
	transition: all 0.8s ease-in-out 0.1s;
	filter: opacity(1.0) drop-shadow(0 0 0 var(--thm-base));
}

.partner-style2-bottom-text {
	position: relative;
	display: block;
	text-align: center;
	padding-top: 30px;
}

.partner-style2-bottom-text p {
	color: #676c7c;
	margin: 0;
}

.partner-style2-bottom-text p span:before {
	position: relative;
	top: 2px;
	display: inline-block;
	color: var(--thm-base);
	padding-right: 8px;
}

.partner-style2-area .btns-box {
	position: relative;
	display: block;
	padding-top: 32px;
	line-height: 0;
}

.partner-style2-area .btns-box a {
	color: #ffffff;
	background-color: var(--thm-black);
}




/*** 
=============================================
    Partner Style3 Area Css
=============================================
***/
.partner-style3-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding-top: 110px;
	padding-bottom: 110px;
	z-index: 10;
}

.partner-style3-area-shape1 {
	position: absolute;
	top: 225px;
	left: 10%;
}

.partner-style3-area-shape2 {
	position: absolute;
	left: 15%;
	bottom: 225px;
}

.partner-style3-area-shape3 {
	position: absolute;
	right: 5%;
	bottom: 120px;
}

.partner-style3-area .sec-title-style4 {
	padding-bottom: 24px;
}

.partner-style3-area .single-partner-logo-box-style2 a:before {
	background: #f7f6f9;
}

.partner-style3-area .btns-box {
	position: relative;
	display: block;
	padding-top: 32px;
	line-height: 0;
}

.partner-style3-area .btns-box a {
	color: #ffffff;
	background-color: var(--thm-base);
	box-shadow: 0px 0px 20px 0px rgba(132, 209, 159, 0.8);
}



/*** 
=============================================
    Partner Style4 Area Css
=============================================
***/
.partner-style4-area {
	position: relative;
	display: block;
	background: #f9f8ff;
	padding-top: 50px;
	padding-bottom: 40px;
	border-top: 1px solid #d6d5db;
	border-bottom: 1px solid #d6d5db;
	z-index: 10;
}

.partner-style4-area.border-topbottom {
	position: relative;
	z-index: 1;
}

.partner-style4-area.border-topbottom:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #ffffff;
	z-index: 1;
}

.partner-style4-area.border-topbottom:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	border-top: 1px solid #ffffff;
	z-index: 1;
}



/*** 
=============================================
    Partner Style5 Area Css
=============================================
***/
.partner-style5-area {
	position: relative;
	display: block;
	background: #f2efee;
	padding-top: 110px;
	padding-bottom: 110px;
	z-index: 10;
}

.partner-style5-area .sec-title-style6 {
	padding-bottom: 25px;
}

.partner-style5-area .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-top: 30px;
}



/*** 
=============================================
    Partner Style8 Area Css
=============================================
***/
.partner-style8-area {
	position: relative;
	display: block;
	background: #497768;
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #3a5e52;
	z-index: 10;
}

.partner-style8-area .single-partner-logo-box-style2 a:before {
	background: #ffffff;
	opacity: 0.10;
}


/*** 
=============================================
   Testimonial Style1 Area Css
=============================================
***/
.testimonial-style1-area {
	position: relative;
	display: block;
	background-color: #f9f5f3;
	padding: 110px 0 110px;
	z-index: 10;
}

.testimonial-style1__title {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	padding-bottom: 52px;
}

.testimonial-style1__title .sec-title {
	position: relative;
	display: block;
	padding: 0;
}

.testimonial-style1__title .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-bottom: 8px;
}

.testimonial-style1__title .btns-box a {
	color: var(--thm-base);
	background-color: transparent;
	border: 1px solid #e6e1df;
}

.testimonial-style1__title .btns-box a:hover {
	color: #fff;
	border-color: var(--thm-black);
}

.testimonial-style1-content {
	position: relative;
	display: block;
	z-index: 1;
}

.single-testimonial-style1 {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 20px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

.single-testimonial-style1 .border-box {
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	border: 1px solid #ede8e6;
}

.single-testimonial-style1 .top-box {
	position: relative;
	display: block;
	padding: 40px 30px 0;
}

.single-testimonial-style1 .top-box .quote-iocn-box {
	position: absolute;
	top: 12px;
	right: 20px;
}

.single-testimonial-style1 .top-box .quote-iocn-box span {
	line-height: 190px;
}

.single-testimonial-style1 .top-box .quote-iocn-box span:before {
	position: relative;
	display: inline-block;
	color: #f9f5f3;
	font-size: 240px;
}

.single-testimonial-style1 .top-box .inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.single-testimonial-style1 .top-box .inner .img-box {
	width: 70px;
}

.single-testimonial-style1 .top-box .inner .img-box img {
	width: 100%;
	border-radius: 50%;
}

.single-testimonial-style1 .top-box .inner .rating-box {
	position: relative;
	display: block;
}

.single-testimonial-style1 .top-box .inner .rating-box ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.single-testimonial-style1 .top-box .inner .rating-box ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	font-size: 20px;
	line-height: 20px;
}

.single-testimonial-style1 .top-box .inner .rating-box ul li:last-child {
	margin-right: 0;
}

.single-testimonial-style1 .top-box .text {
	position: relative;
	display: block;
	padding: 23px 0 32px;
}

.single-testimonial-style1 .top-box .text p {
	margin: 0;
}

.single-testimonial-style1 .client-name {
	position: relative;
	display: block;
	border-top: 1px solid #ede8e6;
	padding: 26px 30px 23px;
}

.single-testimonial-style1 .client-name h3 {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 6px;
}

.single-testimonial-style1 .client-name span {
	color: var(--thm-base);
	font-size: 17px;
	font-weight: 700;
}

.testimonial-carousel.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.testimonial-carousel.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
}

.testimonial-carousel.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}



/*** 
=============================================
   Testimonial Style2 Area Css
=============================================
***/
.testimonial-style2-area {
	position: relative;
	display: block;
	background-color: #f1f6f5;
	padding: 110px 0 180px;
	z-index: 10;
}

.testimonial-style2-area-shape {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 106px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	z-index: -1;
}

.testimonial-style2__title {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	padding-bottom: 48px;
}

.testimonial-style2__title .sec-title-style2 {
	position: relative;
	display: block;
	padding: 0;
}

.testimonial-style2__title .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-bottom: 12px;
}

.testimonial-style2__title .btns-box a {
	color: #ffffff;
	background-color: var(--thm-black);
	border: 0px solid #e6e1df;
	font-size: 15px;
	font-family: var(--thm-font-3);
	letter-spacing: normal;
	border-radius: 30px;
	padding-left: 40px;
	padding-right: 40px;
}

.testimonial-style2__title .btns-box a:hover {
	background-color: var(--thm-base);
}

.single-testimonial-style2 {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 50px 50px 46px;
	border-radius: 15px;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.single-testimonial-style2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 0;
	right: 15px;
	background: #ffffff;
	z-index: -1;
	transform: skew(0deg, 7deg);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.02);
	border-radius: 15px;
	transition: all 500ms ease;
}

.single-testimonial-style2:hover::before {
	transform: skew(0deg, 0deg);
	box-shadow: none;
}

.single-testimonial-style2::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #ffffff;
	z-index: -1;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
}

.single-testimonial-style2 .quote-icon-left {
	position: absolute;
	top: 30px;
	left: 20px;
}

.single-testimonial-style2 .quote-icon-left span:before {
	position: relative;
	display: inline-block;
	color: #f1f6f5;
	font-size: 60px;
	line-height: 60px;
	transform: rotate(-180deg);
}

.single-testimonial-style2 .quote-icon-right {
	position: absolute;
	top: 30px;
	right: 20px;
}

.single-testimonial-style2 .quote-icon-right span:before {
	position: relative;
	display: inline-block;
	color: #f1f6f5;
	font-size: 60px;
	line-height: 60px;
}

.single-testimonial-style2 .img-box {
	position: relative;
	display: block;
	width: 130px;
	height: 130px;
	margin: 0 auto;
}

.single-testimonial-style2 .img-box .inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 50%;
}

.single-testimonial-style2 .img-box .inner img {
	width: 100%;
	border-radius: 50%;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.single-testimonial-style2:hover .img-box .inner img {
	transform: scale(1.1);
}

.single-testimonial-style2 .img-box .img-outer {
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 4px solid #ffffff;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.single-testimonial-style2:hover .img-box .img-outer {
	border-color: var(--thm-base);
}

.single-testimonial-style2 .img-box .img-outer img {
	width: 100%;
	border-radius: 50%;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.single-testimonial-style2:hover .img-box .img-outer img {
	transform: scale(1.05) rotate(3deg);
}

.single-testimonial-style2 .text-box {
	position: relative;
	display: block;
	padding: 53px 0 0px;
}

.single-testimonial-style2 .text-box p {
	margin: 0;
}

.single-testimonial-style2 .client-name {
	position: relative;
	display: block;
	padding-top: 26px;
}

.single-testimonial-style2 .client-name h3 {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 5px;
}

.single-testimonial-style2 .client-name p {
	color: var(--thm-base);
	line-height: 20px;
	margin: 0;
}



/*** 
=============================================
   Testimonial Style3 Area Css
=============================================
***/
.testimonial-style3-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.testimonial-style3-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(240, 247, 243);
	background: linear-gradient(180deg, rgba(240, 247, 243, 1) 0%, rgba(240, 247, 243, 0.8547794117647058) 45%, rgba(240, 247, 243, 0) 70%, rgba(240, 247, 243, 0) 100%);
	z-index: -1;
}

.testimonial-style3__img-box {
	position: relative;
	display: block;
	padding-right: 30px;
}

.testimonial-style3__img-box .inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.testimonial-style3__img-box .inner img {
	width: 100%;
}

.testimonial-style3__text-box {
	position: relative;
	display: block;
	z-index: 3;
}

.testimonial-style3__text-box .sec-title-style3 {
	padding-bottom: 69px;
}

.testimonial-style3__text-box__inner {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 42px 50px 33px;
	border-radius: 6px;
	box-shadow: 0px -15px 25px 0px rgb(0 0 0 / 5%);
}

.testimonial-style3__text-box__inner-bg {
	position: absolute;
	top: -20px;
	left: 20px;
	height: 120px;
	right: 20px;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0px -10px 15px 0px rgb(0 0 0 / 3%);
	z-index: -2;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.single-testimonial-style3 {
	position: relative;
	display: block;
}

.single-testimonial-style3 .top {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.single-testimonial-style3 .top .left {
	position: relative;
	display: flex;
	align-items: center;
}

.single-testimonial-style3 .top .left .quote-icon {
	position: relative;
	display: block;
	color: #e6ede9;
	font-size: 60px;
}

.single-testimonial-style3 .top .left .name {
	position: relative;
	display: block;
	padding-left: 25px;
}

.single-testimonial-style3 .top .left .name h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.single-testimonial-style3 .top .left .name p {
	color: #7d8292;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 13px 0 0;
}

.single-testimonial-style3 .top .right {
	position: relative;
	display: block;
}

.single-testimonial-style3 .top .right .social-links {
	position: relative;
	display: block;
}

.single-testimonial-style3 .top .right .social-links ul {
	overflow: hidden;
}

.single-testimonial-style3 .top .right .social-links ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
}

.single-testimonial-style3 .top .right .social-links ul li:last-child {
	margin-right: 0;
}

.single-testimonial-style3 .top .right .social-links ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: #3b5998;
	border-radius: 50%;
	color: #ffffff;
	font-size: 18px;
}

.single-testimonial-style3 .inner-text {
	position: relative;
	display: block;
	padding: 27px 0 26px;
}

.single-testimonial-style3 .inner-text h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	margin: 0 0 16px;
}

.single-testimonial-style3 .inner-text p {
	margin: 0;
}

.single-testimonial-style3 .bottom {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.single-testimonial-style3 .bottom .left {
	position: relative;
	display: block;
}

.single-testimonial-style3 .bottom .right {
	position: relative;
	display: block;
}

.single-testimonial-style3 .bottom .right .date-box {
	position: relative;
	display: block;
}

.single-testimonial-style3 .bottom .right .date-box p {
	margin: 0;
}

.testimonial-style3-carousel {
}

.testimonial-style3-carousel.owl-nav-style-one.owl-theme .owl-nav {
	position: absolute;
	left: 0;
	bottom: -100px;
	width: 200px;
}

.testimonial-style3-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	width: 50px;
	height: 50px;
	border: 1px solid #e7ece9;
	border-radius: 50%;
}

.testimonial-style3-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {
	border-color: var(--thm-base);
}

.testimonial-style3-carousel.owl-nav-style-one.owl-theme .owl-nav .owl-next {
	float: right;
}

.testimonial-style3-carousel .owl-dots {
	position: absolute;
	left: 55px;
	bottom: -100px;
	width: 90px;
	height: 50px;
	counter-reset: slides-num;
	z-index: 9999;
}

.testimonial-style3-carousel .owl-dots::after {
	position: absolute;
	left: 55%;
	content: counter(slides-num);
	display: inline-block;
	color: #676c7c;
	font-size: 16px;
	line-height: 50px;
	font-weight: 600;
	font-family: var(--thm-font-4);
	top: 50%;
	transform: translate(-50%, -50%);
}

.testimonial-style3-carousel .owl-dot {
	display: inline-block;
	counter-increment: slides-num;
}

.testimonial-style3-carousel .owl-dot span {
	display: none;
}

.testimonial-style3-carousel .owl-dot.active::before {
	position: absolute;
	content: counter(slides-num) "/";
	color: #676c7c;
	font-size: 24px;
	line-height: 50px;
	font-weight: 600;
	left: 32%;
	top: 50%;
	text-align: center;
	font-family: var(--thm-font-4);
	transform: translate(-50%, -50%);
}



/*** 
=============================================
   Testimonial Style4 Area Css
=============================================
***/
.testimonial-style4-area {
	position: relative;
	display: block;
	background-color: #f7f6f9;
	padding: 110px 0 110px;
	z-index: 10;
}

.testimonial-style4-area-shape1 {
	position: absolute;
	top: 260px;
	left: 8%;
}

.testimonial-style4-area-shape2 {
	position: absolute;
	left: 14%;
	bottom: 250px;
}

.testimonial-style4-area-shape3 {
	position: absolute;
	top: 300px;
	right: 7%;
	-webkit-animation: animation1 5s ease-in infinite;
	animation: animation1 5s ease-in infinite;
}

.testimonial-style4__title {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	padding-bottom: 70px;
}

.testimonial-style4__title .sec-title-style4 {
	position: relative;
	display: block;
	padding: 0;
}

.testimonial-style4__title .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-bottom: 10px;
}

.testimonial-style4__title .btns-box a {
	color: #ffffff;
	background-color: var(--thm-base);
	box-shadow: 0px 0px 20px 0px rgba(132, 209, 159, 0.8);
}

.testimonial-style4__title .btns-box a i:before {
	color: #ffffff;
}

.testimonial-style4__title .btns-box a:hover {
}




/*** 
=============================================
   Testimonial Style5 Area Css
=============================================
***/
.testimonial-style5-area {
	position: relative;
	display: block;
	background-color: #f9f8ff;
	padding: 126px 0 110px;
	z-index: 10;
}

.testimonial-style5-area__inner-bg {
	position: absolute;
	top: 0;
	left: 100px;
	bottom: 0;
	right: 100px;
	background-color: var(--thm-base);
	border-radius: 10px;
	z-index: -1;
}

.testimonial-style5-area .big-text {
	position: relative;
	display: block;
	margin-bottom: 96px;
	text-align: center;
	color: #5736d9;
	font-size: 250px;
	line-height: 220px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--thm-font-4);
}

.testimonial-style5-area__single-box-1 {
	position: absolute;
	top: -290px;
	left: 0;
	width: 100px;
	height: 100px;
	background-color: #646464;
	border: 3px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-style5-area__single-box-1 img {
	mix-blend-mode: luminosity;
	width: 100%;
}

.testimonial-style5-area__single-box-2 {
	position: absolute;
	top: -220px;
	left: 210px;
	width: 120px;
	height: 120px;
	background-color: #646464;
	border: 3px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-style5-area__single-box-2 img {
	mix-blend-mode: luminosity;
	width: 100%;
}

.testimonial-style5-area__single-box-3 {
	position: absolute;
	top: -330px;
	left: 320px;
	width: 70px;
	height: 70px;
	background-color: #646464;
	border: 3px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-style5-area__single-box-3 img {
	mix-blend-mode: luminosity;
	width: 100%;
}

.testimonial-style5-area__single-box-4 {
	position: absolute;
	top: -280px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 120px;
	background-color: #646464;
	border: 3px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-style5-area__single-box-4 img {
	mix-blend-mode: luminosity;
	width: 100%;
}

.testimonial-style5-area__single-box-5 {
	position: absolute;
	top: -180px;
	right: 385px;
	width: 100px;
	height: 100px;
	background-color: #646464;
	border: 3px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-style5-area__single-box-5 img {
	mix-blend-mode: luminosity;
	width: 100%;
}

.testimonial-style5-area__single-box-6 {
	position: absolute;
	top: -310px;
	right: 220px;
	width: 100px;
	height: 100px;
	background-color: #646464;
	border: 3px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-style5-area__single-box-6 img {
	mix-blend-mode: luminosity;
	width: 100%;
}

.testimonial-style5-area__single-box-7 {
	position: absolute;
	top: -230px;
	right: 0px;
	width: 120px;
	height: 120px;
	background-color: #646464;
	border: 3px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-style5-area__single-box-7 img {
	mix-blend-mode: luminosity;
	width: 100%;
}



/*** 
=============================================
   Testimonial Style6 Area Css
=============================================
***/
.testimonial-style6-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.testimonial-style6__title {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	padding-bottom: 50px;
}

.testimonial-style6__title .sec-title-style6 {
	position: relative;
	display: block;
	padding: 0;
}

.testimonial-style6__title .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-bottom: 10px;
}

.single-testimonial-style6 {
	position: relative;
	display: block;
	border: 2px solid #3f3634;
	padding: 38px 30px 32px;
}

.single-testimonial-style6 .quote-icon-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background-color: var(--thm-base);
	border-radius: 50%;
	color: #ffffff;
	font-size: 28px;
}

.single-testimonial-style6 .text {
	position: relative;
	display: block;
	padding: 23px 0 18px;
}

.single-testimonial-style6 .text p {
	margin: 0;
}

.single-testimonial-style6 .client-name {
	position: relative;
	display: block;
	padding-bottom: 5px;
}

.single-testimonial-style6 .client-name h3 {
	font-size: 20px;
}

.single-testimonial-style6 .rating-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-carousel-style6.owl-nav-style-one.owl-theme .owl-nav {
	text-align: center;
	margin-top: 50px;
}

.testimonial-carousel-style6.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.testimonial-carousel-style6.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
}

.testimonial-carousel-style6.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}

.testimonial-carousel-style6.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	width: 60px;
	height: 60px;
	background-color: #f2efee;
	border-radius: 50%;
	margin: 0 10px;
}

.testimonial-carousel-style6.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
	color: var(--thm-black);
}

.testimonial-carousel-style6.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover span {
	color: #ffffff;
}



/*** 
=============================================
   Testimonial Style7 Area Css
=============================================
***/
.testimonial-style7-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 110px;
	z-index: 10;
}

.testimonial-style7-video-gallery-box {
	position: relative;
	display: block;
	max-width: 555px;
	width: 100%;
	padding: 40px 30px 40px;
}

.testimonial-style7-video-gallery-box .roate-bg {
	position: absolute;
	top: 43px;
	left: 30px;
	bottom: 43px;
	right: 30px;
	background-color: var(--thm-base);
	border-radius: 10px;
	transform: rotate(-10deg);
}

.testimonial-style7-video-gallery-box__inner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	padding: 155px 0 155px;
	z-index: 2;
}

.testimonial-style7-video-gallery-box__inner .video-holder-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-style7-video-gallery-box__inner .video-holder-box a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.testimonial-style7-video-gallery-box__inner .video-holder-box a:hover {
	color: var(--thm-base);
	border-color: var(--thm-base);
}

.testimonial-style7-video-gallery-box__inner .video-holder-box a span {
	position: relative;
	display: block;
	line-height: 0;
}

.testimonial-style7-video-gallery-box__inner .video-holder-box a span:before {
	font-size: 35px;
	line-height: 35px;
}

.testimonial-style7-content {
	position: relative;
	display: block;
}

.testimonial-style7-content .sec-title-style7 {
	padding-bottom: 35px;
}

.single-testimonial-style7 {
	position: relative;
	display: block;
}

.single-testimonial-style7 .review-box {
	position: relative;
	display: block;
	padding-bottom: 8px;
}

.single-testimonial-style7 .review-box>ul>li>i {
	color: var(--thm-base);
	font-size: 18px;
}

.single-testimonial-style7 h3 {
	font-size: 24px;
	font-weight: 500;
	margin: 0 0 14px;
}

.single-testimonial-style7 .text-box {
	position: relative;
	display: block;
	padding-bottom: 22px;
}

.single-testimonial-style7 .text-box p {
	font-size: 20px;
	line-height: 32px;
	margin: 0;
}

.single-testimonial-style7 .client-info {
	position: relative;
	display: block;
}

.single-testimonial-style7 .client-info .top {
	position: relative;
	display: block;
	padding-bottom: 36px;
}

.single-testimonial-style7 .client-info .top h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
}

.single-testimonial-style7 .client-info .top p {
	color: var(--thm-base);
	line-height: 20px;
	font-weight: 500;
	margin: 5px 0 0;
}

.single-testimonial-style7 .client-info .img-box {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100px;
	border-radius: 6px;
	background-color: #646464;
}

.single-testimonial-style7 .client-info .img-box img {
	width: 100%;
	mix-blend-mode: luminosity;
}

.single-testimonial-style7 .client-info .quote-icon {
	position: absolute;
	top: 100px;
	right: 0;
}

.single-testimonial-style7 .client-info .quote-icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.single-testimonial-style7 .client-info .quote-icon span:before {
	color: transparent;
	-webkit-text-stroke: 1px #eeece9;
	font-size: 250px;
	line-height: 0;
}

.testimonial-carousel-style7.owl-nav-style-one.owl-theme .owl-nav {
	position: absolute;
	left: 120px;
	bottom: 0;
	z-index: 99;
}

.testimonial-carousel-style7.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	width: 55px;
	height: 55px;
	background-color: #f8f6f3;
	border-radius: 50%;
	margin: 0 10px;
}

.testimonial-carousel-style7.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
	color: var(--thm-black);
}

.testimonial-carousel-style7.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover span {
	color: #ffffff;
}




/*** 
=============================================
   Testimonial Style8 Area Css
=============================================
***/
.testimonial-style8-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 110px 0 143px;
	z-index: 10;
}

.testimonial-style8-area .sec-title-style8 {
	padding-bottom: 67px;
}

.testimonial-carousel-style8.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.testimonial-carousel-style8.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
}

.testimonial-carousel-style8.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}

.testimonial-carousel-style8.owl-nav-style-one.owl-theme .owl-nav {
	position: absolute;
	top: -130px;
	right: 0;
	z-index: 99;
}

.testimonial-carousel-style8.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	width: 55px;
	height: 55px;
	background-color: #ffffff;
	border: 1px solid #e5e9e8;
	border-radius: 0%;
	margin: 0 10px;
}

.testimonial-carousel-style8.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
	color: var(--thm-gray);
}

.testimonial-carousel-style8.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover span {
	color: var(--thm-black);
}

.testimonial-carousel-style8.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	background: var(--thm-base);
	border-radius: 0%;
}

.single-testimonial-style8 {
	position: relative;
	display: block;
	background-color: #ffffff;
	padding: 34px 40px 53px;
	border-bottom: 5px solid var(--thm-base);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.single-testimonial-style8 .review-box {
	position: relative;
	display: block;
}

.single-testimonial-style8 .review-box ul li i {
	color: var(--thm-primary);
}

.single-testimonial-style8 .text-box {
	position: relative;
	display: block;
	padding: 6px 0 18px;
}

.single-testimonial-style8 .text-box p {
	margin: 0;
}

.single-testimonial-style8 .client-info {
	position: relative;
	display: block;
}

.single-testimonial-style8 .client-info h3 {
	font-size: 20px;
}

.single-testimonial-style8 .client-info h3 span {
	color: var(--thm-primary);
	font-size: 17px;
	font-weight: 500;
	font-family: var(--thm-font-4);
}

.single-testimonial-style8 .icon-holder {
	position: absolute;
	top: -25px;
	right: 40px;
	width: 50px;
	height: 50px;
	background-color: var(--thm-base);
	color: var(--thm-primary);
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.single-testimonial-style8 .img-box {
	position: absolute;
	left: 40px;
	bottom: -38px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0px 15px 40px 0px rgb(0 0 0 / 10%);
}

.single-testimonial-style8 .img-box img {
	width: 100%;
	border-radius: 50%;
}



/*** 
=============================================
   Testimonial Style9 Area Css
=============================================
***/
.testimonial-style9-area {
	background-image: url(../images/quote-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 10;
	position: relative;
	padding: 100px 0px;
}

.single-testimonial-style9 {
	position: relative;
	display: block;
	padding: 0px;
}

.single-testimonial-style9 .quote-iocn-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: var(--thm-base);
	border-radius: 50%;
	margin: 0 auto;
}

.single-testimonial-style9 .quote-iocn-box span:before {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 25px;
	line-height: 25px;
}

.single-testimonial-style9 .text {
	position: relative;
	display: block;
	padding: 0px 0px;
	color: #fff;
}

.single-testimonial-style9 .text p {
	margin-bottom: 20px;
	font-size: 33px;
	line-height: 45px;
	width: 75%;
	font-weight: 400;
}

.single-testimonial-style9 .client-name {
	position: relative;
	display: block;
	padding-bottom: 7px;
}

.single-testimonial-style9 .client-name h3 {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 300;
	padding: 10px 0px;
}

.single-testimonial-style9 .rating-box {
	position: relative;
	display: block;
}

.single-testimonial-style9 .rating-box ul li {
	display: inline-block;
	float: none;
	margin-right: 0px;
	margin: 0 0px;
	cursor: pointer;
}

.single-testimonial-style9 .rating-box ul li span:before {
	position: relative;
	display: inline-block;
	color: #e8b34c;
	font-size: 20px;
	line-height: 20px;
	transition: all 500ms ease;
}

.single-testimonial-style9 .rating-box ul li:hover span:before {
	color: var(--thm-base);
}

.testimonial-carousel-nine.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.testimonial-carousel-nine.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
}

.testimonial-carousel-nine.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}

.testimonial-carousel-nine.owl-nav-style-one.owl-theme .owl-nav {
	position: absolute;
}

.testimonial-carousel-nine.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	width: 50px;
	height: 50px;
}

.testimonial-carousel-nine.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
	border-radius: 0;
}

.testimonial-carousel-nine.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
	position: absolute;
	transform: rotate(93deg);
	bottom: 0;
	left: 0px;
}



/*** 
=============================================
   Testimonial Style10 Area Css
=============================================
***/
.testimonial-style10-area {
	position: relative;
	display: block;
	background-color: transparent;
	padding: 110px 0 143px;
	z-index: 10;
}

.testimonial-style10-area-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	z-index: -1;
}

.testimonial-style10-area-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--thm-primary);
	opacity: 0.92;
}

.testimonial-style10-area .sec-title {
	padding-bottom: 77px;
}

.testimonial-style10-area .sec-title h2 {
	color: #ffffff;
}

.testimonial-style10-area .sec-title .sub-title p {
	color: #cdcfd8;
}

.testimonial-style10-area .single-testimonial-style8 .icon-holder {
	color: #ffffff;
}

.testimonial-style10-area .single-testimonial-style8 .client-info h3 span {
	color: var(--thm-base);
}

.testimonial-style10-area .single-testimonial-style8 .review-box ul li i {
	color: #e8b34c;
}

.testimonial-carousel-ten.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.testimonial-carousel-ten.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transform: perspective(400px) rotateX(0deg) scaleY(1.2);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
}

.testimonial-carousel-ten.owl-carousel .owl-stage-outer .owl-item.active {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transform: perspective(400px) rotateX(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: all;
}

.testimonial-carousel-ten.owl-nav-style-one.owl-theme .owl-nav {
	position: absolute;
	top: -145px;
	right: 0;
}

.testimonial-carousel-ten.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
	width: 60px;
	height: 60px;
	border: 1px solid #596391;
}

.testimonial-carousel-ten.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
	border-radius: 0;
}

.testimonial-carousel-ten.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
	margin-right: 20px;
}

/*** 
=============================================
    service Style2 Area Css
=============================================
***/
.service-style2-area {
	position: relative;
	display: block;
	padding: 120px 0 90px;
	background: #ffffff;
	overflow: hidden;
	z-index: 10;
}

.service-style2--primary-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 660px;
	background: var(--thm-primary);
	z-index: -1;
}

.single-service-style2 {
	position: relative;
	display: block;
	margin: 0 0 30px;
}

.single-service-style2 .img-holder {
	position: relative;
	display: block;
}

.single-service-style2 .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: var(--thm-bg);
	z-index: 1;
}

.single-service-style2 .img-holder .inner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(var(--thm-black-rgb), .70);
	content: '';
	transition: transform 0.6s;
	transform: scale3d(0.5, 1.5, 1) rotate3d(0, 0, 1, 90deg) translate3d(0, -210%, 0);
}

.single-service-style2:hover .img-holder .inner:before {
	transform: scale3d(0.5, 1.5, 1) rotate3d(0, 0, 1, 90deg) translate3d(0, 210%, 0);
}

.single-service-style2 .img-holder .inner img {
	width: 100%;
	transform: scale(1.0);
	mix-blend-mode: luminosity;
	transition: all 700ms ease;
}

.single-service-style2:hover .img-holder .inner img {
	transform: scale(1.2);
	mix-blend-mode: normal;
}

.single-service-style2 .img-holder .icon {
	position: absolute;
	bottom: -20px;
	right: 20px;
	width: 100px;
	height: 100px;
	background: var(--thm-base);
	z-index: 2;
}

.single-service-style2 .img-holder .icon:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--thm-black);
	content: "";
	z-index: -1;
	transform: scale(0.0);
	transform-origin: center;
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.single-service-style2:hover .img-holder .icon:before {
	transform: scaleX(1.0);
}

.single-service-style2 .img-holder .icon span {
	position: relative;
	display: block;
}

.single-service-style2 .img-holder .icon span:before {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 60px;
	line-height: 100px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-service-style2:hover .img-holder .icon span:before {
	color: #ffffff;
}

.single-service-style2 .title-holder {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 44px 49px 50px;
	border: 1px solid #d9e3e4;
	border-top: none;
	transition: all 0.3s ease-in-out 0.1s;
	z-index: 1;
}

.single-service-style2:hover .title-holder {
	border: 1px solid var(--thm-base);
	border-top: none;
}

.single-service-style2 .title-holder:before {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 60px;
	height: 60px;
	border-bottom: 60px solid var(--thm-base);
	border-left: 60px solid transparent;
	transform: rotateY(-90deg) scaleY(1.0);
	transform-origin: right;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
	z-index: 1;
}

.single-service-style2:hover .title-holder:before {
	transform: rotateY(0deg) scaleY(1.0);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .7s;
	transition-property: all;
}

.single-service-style2 .title-holder h3 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 14px;
}

.single-service-style2 .title-holder h3 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-service-style2 .title-holder h3 a:hover {
	color: var(--thm-base);
}

.single-service-style2 .title-holder .text {
	position: relative;
	display: block;
}

.single-service-style2 .title-holder .text p {
	margin: 0;
	transition: all 0.3s ease-in-out 0.1s;
}

.single-service-style2 .title-holder .btn-box {
	position: relative;
	display: block;
	padding-top: 19px;
}

.single-service-style2 .title-holder .btn-box a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	background: var(--thm-primary);
	border-radius: 50%;
	color: var(--thm-black);
	font-size: 20px;
	line-height: 54px;
	text-align: center;
	transition: all 0.3s ease-in-out 0.1s;
}

.single-service-style2:hover .title-holder .btn-box a {
	color: #ffffff;
	background-color: var(--thm-black);
}



/*** 
=============================================
    service Page Css
=============================================
***/
.service-page {
	position: relative;
	display: block;
	padding: 120px 0 90px;
	background: #ffffff;
	overflow: hidden;
	z-index: 10;
}



/*** 
=============================================
    Service Details Area Css
=============================================
***/
.service-details-area {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 120px 0px 120px;
	z-index: 10;
}

.service-details__sidebar {
	position: relative;
	display: block;
	max-width: 370px;
	width: 100%;
}

.view-all-service {
	position: relative;
	display: block;
	background: #eff7f8;
	padding: 30px 30px 30px;
}

.view-all-service .service-pages {
	position: relative;
	display: block;
}

.view-all-service .service-pages li {
	position: relative;
	display: block;
	border-bottom: 1px solid #ffffff;
}

.view-all-service .service-pages li:last-child {
	margin-bottom: 0px;
}

.view-all-service .service-pages li a {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0px 30px 0px;
	color: var(--thm-black);
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.view-all-service .service-pages li.active a,
.view-all-service .service-pages li:hover a {
	color: #ffffff;
}

.view-all-service .service-pages li a span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	float: right;
	line-height: 50px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.view-all-service .service-pages li.active a span,
.view-all-service .service-pages li:hover a span {
	color: #ffffff;
}

.view-all-service .service-pages li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--thm-base);
	transform: perspective(400px) scaleY(0);
	transform-origin: center;
	transition: all 300ms linear;
	transition-delay: 0.1s;
	z-index: -1;
}

.view-all-service .service-pages li:hover a::before,
.view-all-service .service-pages li.active a::before {
	transform: perspective(400px) scaleY(1.0);
}

.service-details-contact-info {
	position: relative;
	display: block;
	background: var(--thm-base);
	padding: 60px 50px 60px;
	margin-top: 30px;
	z-index: 1;
}

.service-details-contact-info .sidebar-info-box-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: var(--thm-bg);
	background-blend-mode: luminosity;
	z-index: -1;
}

.service-details-contact-info .sidebar-info-box-bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--thm-bg);
	opacity: 0.90;
}

.service-details-contact-info .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 85px;
	background: var(--thm-base);
	border-radius: 50%;
	margin: 0 auto;
	color: #ffffff;
	font-size: 40px;
}

.service-details-contact-info .icon:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	background: transparent;
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.service-details-contact-info h3 {
	color: #ffffff;
	font-size: 38px;
	line-height: 40px;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 25px 0 33px;
}

.service-details-contact-info h2 {
	position: relative;
	display: inline-block;
	background-color: rgba(255, 255, 255, .10);
	padding: 15px 30px 15px;
	font-size: 20px;
	font-weight: 700;
}

.service-details-contact-info h2 a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.service-details-contact-info h2 a:hover {
	color: var(--thm-base);
}

.info-download-box {
	position: relative;
	display: block;
	margin-top: 30px;
}

.info-download-box ul {
	position: relative;
	display: block;
}

.info-download-box ul li {
	position: relative;
	display: flex;
	align-items: center;
	background: var(--thm-base);
	padding: 25px 50px 25px;
}

.info-download-box ul li .icon {
	position: relative;
	display: block;
	line-height: 0;
	width: 50px;
}

.info-download-box ul li .icon span:before {
	position: relative;
	top: 2px;
	display: block;
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
}

.info-download-box ul li .title {
	position: relative;
	display: block;
}

.info-download-box ul li .title h5 {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.info-download-box ul li .title h5 a {
	color: #ffffff;
	transition: all .5s ease-in-out;
}

.info-download-box ul li .title h5 a:hover {
	color: var(--thm-black);
}

.service-details__content {
	position: relative;
	display: block;
}

.service-details__content .img-box-outer {
	position: relative;
	display: block;
}

.service-details__content .img-box-outer .icon {
	position: absolute;
	bottom: -20px;
	right: 20px;
	width: 100px;
	height: 100px;
	background: var(--thm-base);
	z-index: 2;
}

.service-details__content .img-box-outer .icon span {
	position: relative;
	display: block;
}

.service-details__content .img-box-outer .icon span:before {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 60px;
	line-height: 100px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.service-details__content .img-box1 {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: var(--thm-bg);
}

.service-details__content .img-box1::after {
	position: absolute;
	top: 0;
	left: -100%;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right,
            rgba(var(--thm-base-rgb), .1) 0%,
            rgba(var(--thm-base-rgb), .5) 50%,
            rgba(255, 255, 255, .9) 100%);
	transform: skewX(-15deg);
	z-index: 2;
}

.service-details__content .img-box1:hover::after {
	-webkit-animation: shine 1.5s;
	animation: shine 1.5s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.service-details__content .img-box1 img {
	width: 100%;
	mix-blend-mode: luminosity;
}

.service-details__content .img-box1:hover img {
	transform: scale(1.3) rotate(1deg);
}

.service-details__content .text-box1 {
	position: relative;
	display: block;
	margin-top: 41px;
}

.service-details__content .text-box1 h2 {
	color: var(--thm-black);
	font-size: 34px;
	line-height: 44px;
	font-weight: 700;
	margin-bottom: 19px;
}

.service-details__content .text-box1 p {
	font-size: 18px;
	line-height: 34px;
	margin: 0;
}

.service-details__content .text-box1 p+p {
	margin-top: 19px;
}

.service-details__content .text-box2 {
	position: relative;
	display: block;
	margin-top: 48px;
	margin-bottom: 50px;
	background: var(--thm-base);
	padding: 37px 60px 36px;
}

.service-details__content .text-box2 .text-box2-single {
	position: relative;
	display: block;
}

.service-details__content .text-box2 .text-box2-single p {
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	font-weight: 700;
	margin: 0;
}

.service-details__content .text-box3 {
	position: relative;
	display: block;
}

.service-details__content .text-box3 p {
	font-size: 18px;
	line-height: 34px;
	margin: 0;
}

.service-details__content .text-box4 {
	position: relative;
	display: block;
	margin-top: 48px;
}

.service-details__content .text-box4 .img-box {
	position: relative;
	display: block;
	background-color: var(--thm-bg);
}

.service-details__content .text-box4 .img-box img {
	width: 100%;
	mix-blend-mode: luminosity;
}

.service-details__content .text-box4 .content-box {
	position: relative;
	display: block;
	margin-top: -8px;
}

.service-details__content .text-box4 .content-box h2 {
	color: var(--thm-black);
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-details__content .text-box4 .content-box p {
	font-size: 20px;
	line-height: 34px;
	margin: 0;
}

.service-details__content .text-box4 .content-box ul {
	position: relative;
	display: block;
	margin-top: 33px;
}

.service-details__content .text-box4 .content-box ul li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 18px;
	color: var(--thm-black);
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}

.service-details__content .text-box4 .content-box ul li:last-child {
	margin-bottom: 0;
}

.service-details__content .text-box4 .content-box ul li span::before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 16px;
	top: 0px;
	padding-right: 7px;
}

.service-details-faq-content {
	position: relative;
	display: block;
	margin-top: 60px;
}

/*** 
=============================================
    Footer area style
=============================================
***/
.bottom-parallax {
	position: relative;
	height: 625px;
	opacity: 0;
	z-index: -999;
}

.bottom-parallax .footer-area {
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 625px;
}

.parallax-visible .bottom-parallax {
	opacity: 1;
	z-index: 1;
}

.footer-area {
	position: relative;
	display: block;
	background: var(--thm-bg);
	z-index: 10;
}

.footer {
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 185px;
	padding-bottom: 101px;
	z-index: 9;
}

.single-footer-widget {
	position: relative;
	display: block;
}

.single-footer-widget .title {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: -3px;
}

.single-footer-widget .title .dotted {
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background-color: var(--thm-base);
	transform: rotate(-45deg);
	margin-right: 12px;
}

.single-footer-widget .title h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 24px;
	font-weight: 700;
	text-transform: capitalize;
}

.single-footer-widget .our-company-info {
	position: relative;
	display: block;
	padding-top: 28px;
}

.single-footer-widget .our-company-info .text-box {
	position: relative;
	display: block;
	padding-bottom: 14px;
}

.single-footer-widget .our-company-info .text-box p {
	color: #d4d6e2;
	font-size: 17px;
	line-height: 28px;
	font-weight: 400;
	margin: 0;
}

.single-footer-widget .our-company-info ul {
	position: relative;
	display: block;
}

.single-footer-widget .our-company-info ul li {
	position: relative;
	display: flex;
	align-items: center;
}

.single-footer-widget .our-company-info ul li+li {
	margin-top: 6px;
}

.single-footer-widget .our-company-info ul li .icon {
	position: relative;
	display: block;
	width: 35px;
	line-height: 0;
}

.single-footer-widget .our-company-info ul li .icon span:before {
	color: #ffffff;
	font-size: 20px;
}

.single-footer-widget .our-company-info ul li .text {
	position: relative;
	display: block;
}

.single-footer-widget .our-company-info ul li .text a {
	color: #d4d6e2;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-footer-widget .our-company-info ul li .text a:hover {
	color: var(--thm-base);
}

.footer-widget-links {
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 29px;
}

.footer-widget-links ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-widget-links ul li {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 26px;
	margin-bottom: 14px;
}

.footer-widget-links ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links ul li span {
	position: relative;
	line-height: 20px;
	top: 2px;
}

.footer-widget-links ul li span:before {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	font-size: 18px;
	color: #788eab;
}

.footer-widget-links ul li a {
	position: relative;
	display: inline-block;
	color: #d4d6e2;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-links ul li a sup {
	color: #fff;
}

.footer-widget-links ul li a:hover {
	color: #ffffff;
}

.footer-widget-links ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	transform: perspective(400px) scaleX(0);
	transform-origin: center;
	transition: all 300ms linear;
	transition-delay: 0.2s;
	background: var(--thm-base);
	z-index: 1;
}

.footer-widget-links ul li a:hover:before {
	transform: perspective(400px) scaleX(1.0);
}

.footer-widget-contact-info {
	position: relative;
	display: block;
	padding-top: 28px;
}

.footer-widget-contact-info p {
	color: #d4d6e2;
	font-size: 17px;
	line-height: 28px;
	font-weight: 400;
	margin: 0;
}

.footer-widget-contact-info ul {
	position: relative;
	display: block;
	padding-top: 19px;
}

.footer-widget-contact-info ul li {
	position: relative;
	display: block;
	margin-bottom: 5px;
}

.footer-widget-contact-info ul li:last-child {
	margin: 0;
}

.footer-widget-contact-info ul li a {
	color: #d4d6e2;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-contact-info ul li a:hover {
	color: #fff;
}

.footer-bottom {
	position: relative;
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-bottom .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0px 31px;
}

.footer-bottom .bottom-inner .copyright {
	position: relative;
	display: block;
}

.footer-bottom .bottom-inner .copyright p {
	color: #d4d6e2;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	margin: 0;
}

.footer-bottom .bottom-inner .copyright p a {
	color: #ffffff;
	font-weight: 700;
	transition: all 500ms ease;
}

.footer-bottom .bottom-inner .copyright p a:hover {
	color: var(--thm-base);
}

.footer-logo-style1 {
	position: relative;
	display: block;
}

.footer-logo-style1 a {
	position: relative;
	display: inline-block;
}

.footer-menu {
	position: relative;
	display: block;
}

.footer-menu ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu ul li:last-child {
	margin-right: 0;
}

.footer-menu ul li a {
	color: #d4d6e2;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu ul li a:hover {
	color: #ffffff;
}




/*** 
=============================================
    Footer Style2 area style
=============================================
***/
.footer-style2-area {
	position: relative;
	display: block;
	background-color: #15363a;
	overflow: hidden;
	z-index: 11;
}

.footer-top-style2 {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 110px 0 96px;
}

.single-footer-widget-style2 {
	position: relative;
	display: block;
}

.single-footer-widget-style2 .title {
	position: relative;
	display: block;
	margin-top: -5px;
	padding-bottom: 26px;
}

.single-footer-widget-style2 .title h3 {
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
}

.single-footer-widget-style2 .our-company-info {
	position: relative;
	display: block;
}

.single-footer-widget-style2 .our-company-info .text-box {
	position: relative;
	display: block;
}

.single-footer-widget-style2 .our-company-info .text-box p {
	color: #b9c0ca;
	margin: 0;
}

.footer-social-link {
	position: relative;
	display: block;
	padding-top: 29px;
}

.footer-social-link .inner-title {
	padding-bottom: 16px;
}

.footer-social-link .inner-title h3 {
	color: #ffffff;
	font-size: 18px;
	line-height: 20px;
}

.footer-social-link ul {
	position: relative;
	display: block;
}

.footer-social-link ul li {
	position: relative;
	float: left;
	margin-right: 10px;
}

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

.footer-social-link ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	width: 52px;
	background: transparent;
	border: 2px solid #ffffff;
	border-radius: 50%;
	color: var(--thm-black);
	font-size: 16px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.footer-social-link ul li a:before {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	background: #ffffff;
	border-radius: 50%;
	content: "";
	z-index: -1;
	transform: scale(1);
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.footer-social-link ul li:hover a:before {
	transform: scale(0);
}

.footer-social-link ul li:hover a {
	color: #ffffff;
}

.footer-widget-links-style2 {
	display: flex;
	align-items: center;
}

.footer-widget-links-style2 ul {
	position: relative;
	display: block;
	overflow: hidden;
	width: 170px;
}

.footer-widget-links-style2 ul.right {
	margin-left: 30px;
}

.footer-widget-links-style2 ul li {
	position: relative;
	display: block;
	line-height: 26px;
	margin-bottom: 12px;
}

.footer-widget-links-style2 ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links-style2 ul li a {
	position: relative;
	display: inline-block;
	color: #b9c0ca;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-links-style2 ul li a:hover {
	color: #ffffff;
}

.footer-widget-links-style2 ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	transform: perspective(400px) scaleX(0);
	transform-origin: center;
	transition: all 300ms linear;
	transition-delay: 0.2s;
	background: var(--thm-base);
	z-index: 1;
}

.footer-widget-links-style2 ul li a:hover:before {
	transform: perspective(400px) scaleX(1.0);
}

.footer-widget-subscribe-form-box {
	position: relative;
	display: block;
}

.footer-widget-subscribe-form-box .text {
	position: relative;
	display: block;
	padding-bottom: 22px;
}

.footer-widget-subscribe-form-box .text p {
	color: #b9c0ca;
	margin: 0;
}

.subscribe-form-box-outer {
	position: relative;
	display: block;
	border: 1px solid #264b4f;
	border-radius: 15px;
	box-shadow: 0px 0px 20px 0px rgba(21, 54, 58, 0.2);
	padding: 15px;
}

.footer-widget-subscribe-form-box .newsletter-form {
	position: relative;
	display: block;
	width: 100%;
}

.footer-widget-subscribe-form-box .newsletter-form input[type="email"] {
	position: relative;
	display: block;
	background: #ffffff;
	border: 0px solid #ffffff;
	color: #636d7c;
	font-size: 17px;
	font-weight: 400;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	padding-right: 60px;
	border-radius: 25px;
	transition: all 500ms ease;
}

.footer-widget-subscribe-form-box .newsletter-form button {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background-color: var(--thm-black);
}

.footer-widget-subscribe-form-box .bottom-text {
	position: relative;
	display: block;
	padding-top: 18px;
}

.footer-widget-subscribe-form-box .bottom-text p {
	color: #b9c0ca;
	margin: 0;
}

.footer-bottom-style2 {
	position: relative;
	display: block;
	padding: 0px 0;
}

.copyright-style2 {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
}

.copyright-style2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #264b4f;
	z-index: -1;
	margin: 13px 0;
}

.copyright-style2 p {
	font-size: 17px;
	line-height: 28px;
	color: #b9c0ca;
	margin: 0;
}

.copyright-style2 p span {
	position: relative;
	display: inline-block;
	background-color: var(--thm-black);
	padding: 0 40px;
}

.copyright-style2 p a {
	color: #ffffff;
	font-weight: 500;
}

.footer-bottom-style2 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 14px 0 21px;
}

.footer-menu-style2 {
	position: relative;
	display: block;
}

.footer-menu-style2 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style2 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu-style2 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style2 ul li a {
	color: #b9c0ca;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style2 ul li a:hover {
	color: #ffffff;
}

.back-top-style2 {
	position: relative;
	display: block;
}

.back-top-style2 .scroll-top-style2 {
	position: relative;
	display: flex;
	align-items: center;
	color: #b9c0ca;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
}

.back-top-style2 .scroll-top-style2 span::before {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #ffffff;
	font-weight: 700;
}



/*** 
=============================================
    Footer Style3 area style
=============================================
***/
.bottom-parallax2 {
	position: relative;
	height: 660px;
	opacity: 0;
	z-index: -999;
}

.bottom-parallax2 .footer-style3-area {
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 660px;
}

.parallax-visible .bottom-parallax2 {
	opacity: 1;
	z-index: 1;
}

.footer-style3-area {
	position: relative;
	display: block;
	background-color: #ffffff;
	overflow: hidden;
	z-index: 11;
}

.footer-style3-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgb(240, 247, 243);
	background: linear-gradient(180deg, rgba(240, 247, 243, 1) 0%, rgba(240, 247, 243, 0.9528186274509804) 70%, rgba(240, 247, 243, 0.8015581232492998) 81%, rgba(240, 247, 243, 0) 100%);
	z-index: -1;
}

.footer-style3 {
	position: relative;
	display: block;
	padding-top: 110px;
	z-index: 9;
}

.single-footer-widget-style3 {
	position: relative;
	display: block;
}

.single-footer-widget-style3 .title {
	position: relative;
	display: block;
	margin-top: -2px;
	padding-bottom: 24px;
}

.single-footer-widget-style3 .title h3 {
	color: #32344b;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.footer-widget-links-style3 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: top;
	-webkit-align-items: top;
	-ms-flex-align: top;
	align-items: top;
}

.footer-widget-links-style3 ul {
}

.footer-widget-links-style3 ul+ul {
	margin-left: 70px;
}

.footer-widget-links-style3 ul li {
	position: relative;
	display: block;
	line-height: 20px;
	margin-bottom: 17px;
}

.footer-widget-links-style3 ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links-style3 ul li a {
	color: #676c7c;
	font-size: 17px;
	font-weight: 400;
	transition: all 500ms ease;
}

.footer-widget-links-style3 ul li a:hover {
	color: var(--thm-base);
}

.footer-widget-info-box-style3 {
	position: relative;
	display: block;
	margin-top: -10px;
	margin-left: -10px;
}

.footer-widget-info-box-style3 h2 {
	color: #32344b;
	font-size: 30px;
	line-height: 42px;
	font-weight: 400;
	margin: 0 0 13px;
}

.footer-widget-info-box-style3 h2 span {
	color: var(--thm-base);
	font-weight: 600;
}

.footer-widget-info-box-style3 p {
	color: #676c7c;
	margin: 0;
}

.footer-widget-info-box-style3 .btns-box {
	position: relative;
	display: flex;
	align-items: center;
	padding-top: 32px;
}

.footer-widget-info-box-style3 .btns-box a+a {
	margin-left: 10px;
}

.footer-widget-info-box-style3 .btns-box a.google-play {
	color: #ffffff;
	background-color: var(--thm-black);
}

.footer-widget-info-box-style3 .btns-box a.apple {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: #ffffff;
	border: 1px solid #dee3e0;
	border-radius: 6px;
	color: var(--thm-base);
	font-size: 25px;
}

.footer-subscribe-box {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 6px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	margin-top: 101px;
}

.footer-subscribe-box .subscribe-title {
	position: relative;
	display: flex;
	align-items: center;
	width: 320px;
	padding-left: 30px;
}

.footer-subscribe-box .subscribe-title span:before {
	position: relative;
	display: inline-block;
	padding-right: 8px;
	color: var(--thm-base);
	font-size: 30px;
	line-height: 30px;
}

.footer-subscribe-box .subscribe-title h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}

.footer-subscribe-box .subscribe-box {
	position: relative;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 850px;
	width: 100%;
	margin: 0;
	flex: 1;
	padding-left: 30px;
}

.footer-subscribe-box .subscribe-box:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	bottom: 10px;
	width: 1px;
	background-color: #e7ece9;
}

.footer-subscribe-box .subscribe-form {
	position: relative;
	display: block;
	width: 100%;
}

.footer-subscribe-box .subscribe-form input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	background: transparent;
	border: 0px solid rgba(255, 255, 255, 0.20);
	color: #676c7c;
	font-size: 17px;
	font-weight: 400;
	font-style: normal;
	transition: all 500ms ease;
}

.footer-subscribe-box .subscribe-form input::-webkit-input-placeholder {
	color: #676c7c;
}

.footer-subscribe-box .subscribe-form input:-moz-placeholder {
	color: #676c7c;
}

.footer-subscribe-box .subscribe-form input::-moz-placeholder {
	color: #676c7c;
}

.footer-subscribe-box .subscribe-form input:-ms-input-placeholder {
	color: #676c7c;
}

.footer-subscribe-box .subscribe-form button {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	line-height: 40px;
	padding-left: 25px;
	padding-right: 25px;
	background-color: var(--thm-black);
	color: #fff;
}

.footer-bottom-style3 {
	position: relative;
	display: block;
}

.footer-bottom-style3 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 39px 0px 39px;
}

.footer-bottom-style3 .bottom-inner .copyright {
	position: relative;
	display: block;
}

.footer-bottom-style3 .bottom-inner .copyright p {
	color: #676c7c;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	margin: 0;
}

.footer-bottom-style3 .bottom-inner .copyright p a {
	color: #676c7c;
	font-weight: 700;
	transition: all 500ms ease;
}

.footer-bottom-style3 .bottom-inner .copyright p a:hover {
	color: var(--thm-base);
}

.footer-social-link--style2 {
	position: relative;
	display: block;
	padding: 0;
}

.footer-social-link--style2 ul li a {
	border: 2px solid #e7ece9;
	background-color: var(--thm-base);
}

.footer-social-link--style2 ul li:hover a {
	color: #ffffff;
	border-color: var(--thm-base);
}

.footer-social-link--style2 ul li a:before {
	background: #ffffff;
}

.footer-menu-style3 {
	position: relative;
	display: block;
}

.footer-menu-style3 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style3 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu-style3 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style3 ul li a {
	color: #676c7c;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style3 ul li a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Footer Style4 area style
=============================================
***/
.footer-style4-area {
	position: relative;
	display: block;
	background-color: #2e2b3f;
	overflow: hidden;
	z-index: 11;
}

.footer-top-style4 {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 110px 0 96px;
}

.single-footer-widget-style4 {
	position: relative;
	display: block;
}

.single-footer-widget-style4 .title {
	position: relative;
	display: block;
	margin-top: -2px;
	padding-bottom: 26px;
}

.single-footer-widget-style4 .title h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.single-footer-widget-style4 .footer-logo {
	position: relative;
	display: block;
}

.single-footer-widget-style4 .footer-logo a {
	position: relative;
	display: inline-block;
}

.single-footer-widget-style4 .our-company-info {
	position: relative;
	display: block;
}

.single-footer-widget-style4 .our-company-info .text-box {
	position: relative;
	display: block;
	padding-top: 23px;
	padding-bottom: 20px;
}

.single-footer-widget-style4 .our-company-info .text-box p {
	color: #b1afbc;
	margin: 0;
}

.single-footer-widget-style4 .our-company-info .get-in-touch {
	position: relative;
	display: block;
}

.single-footer-widget-style4 .our-company-info .get-in-touch h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	margin: 0 0 14px;
}

.single-footer-widget-style4 .our-company-info .get-in-touch ul {
	position: relative;
	display: block;
}

.single-footer-widget-style4 .our-company-info .get-in-touch ul li {
	position: relative;
	display: block;
}

.single-footer-widget-style4 .our-company-info .get-in-touch ul li a {
	color: #b1afbc;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-footer-widget-style4 .our-company-info .get-in-touch ul li a:hover {
	color: #ffffff;
}

.footer-widget-links-style4 {
	display: flex;
	align-items: flex-start;
}

.footer-widget-links-style4 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-widget-links-style4 ul.right {
	margin-left: 70px;
}

.footer-widget-links-style4 ul li {
	position: relative;
	display: block;
	line-height: 26px;
	margin-bottom: 12px;
}

.footer-widget-links-style4 ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links-style4 ul li a {
	position: relative;
	display: inline-block;
	color: #b1afbc;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-links-style4 ul li a:hover {
	color: #ffffff;
}

.footer-widget-links-style4 ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	transform: perspective(400px) scaleX(0);
	transform-origin: center;
	transition: all 300ms linear;
	transition-delay: 0.2s;
	background: var(--thm-base);
	z-index: 1;
}

.footer-widget-links-style4 ul li a:hover:before {
	transform: perspective(400px) scaleX(1.0);
}

.footer-social-link-style4 {
	position: relative;
	display: block;
	padding-top: 5px;
}

.footer-social-link-style4 ul {
	position: relative;
	display: block;
}

.footer-social-link-style4 ul li {
	position: relative;
	display: flex;
	align-items: center;
}

.footer-social-link-style4 ul li+li {
	margin-top: 15px;
}

.footer-social-link-style4 ul li .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	background-color: #3b5998;
	border-radius: 5px;
	color: #ffffff;
	font-size: 12px;
}

.footer-social-link-style4 ul li .icon.twitter-bg {
	background-color: #55acee;
}

.footer-social-link-style4 ul li .icon.linkedin-bg {
	background-color: #0077b5;
}

.footer-social-link-style4 ul li .icon.youtube-bg {
	background-color: #cd201f;
}

.footer-social-link-style4 ul li .icon.google-plus-bg {
	background-color: #d64e42;
}

.footer-social-link-style4 ul li a {
	position: relative;
	flex: 1;
	margin-left: 15px;
	color: #b1afbc;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-social-link-style4 ul li a:hover {
	color: #ffffff;
}

.footer-bottom-style4 {
	position: relative;
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-bottom-style4 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0px 31px;
}

.copyright-style4 {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
}

.copyright-style4 p {
	font-size: 17px;
	line-height: 28px;
	color: #b9c0ca;
	margin: 0;
}

.copyright-style4 p a {
	color: #ffffff;
	font-weight: 500;
}

.footer-menu-style4 {
	position: relative;
	display: block;
}

.footer-menu-style4 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style4 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu-style4 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style4 ul li a {
	color: #b9c0ca;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style4 ul li a:hover {
	color: #ffffff;
}



/*** 
=============================================
    Footer Style5 area style
=============================================
***/
.footer-style5-area {
	position: relative;
	display: block;
	background-color: #f9f8ff;
	overflow: hidden;
	z-index: 11;
}

.footer-top-style5 {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 110px 0 110px;
}

.single-footer-widget-style5 {
	position: relative;
	display: block;
}

.single-footer-widget-style5.margintop {
	margin-top: 34px;
}

.single-footer-widget-style5 .title {
	position: relative;
	display: block;
	margin-top: -2px;
	padding-bottom: 26px;
}

.single-footer-widget-style5 .title h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

.footer-widget-banner-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 7px;
	text-align: center;
	padding: 42px 0 50px;
	z-index: 1;
	max-width: 340px;
	width: 100%;
}

.footer-widget-banner-box-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #2f2b3c;
	background-blend-mode: difference;
	z-index: -1;
}

.footer-widget-banner-box h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 32px;
	margin: 0 0 13px;
}

.footer-widget-banner-box p {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 11px;
}

.footer-widget-banner-box .offer-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100px;
	height: 100px;
	background-color: var(--thm-base);
	border-radius: 50%;
	margin: 0 auto;
}

.footer-widget-banner-box .offer-box h2 {
	color: #ffffff;
	font-size: 36px;
	line-height: 28px;
}

.footer-widget-banner-box .offer-box h2 span {
	font-size: 24px;
}

.footer-widget-banner-box .offer-box h6 {
	color: #ffffff;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	margin: 5px 0 0;
}

.footer-widget-banner-box .btns-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-top: 30px;
}

.footer-widget-banner-box .btns-box a {
	line-height: 36px;
	border: 2px solid #e7ece9;
	background-color: transparent;
	border-radius: 25px;
	padding-left: 38px;
	padding-right: 38px;
}

.footer-widget-links-style5 {
	display: flex;
	align-items: flex-start;
}

.footer-widget-links-style5 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-widget-links-style5 ul.right {
	margin-left: 70px;
}

.footer-widget-links-style5 ul li {
	position: relative;
	display: block;
	line-height: 26px;
	margin-bottom: 12px;
}

.footer-widget-links-style5 ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links-style5 ul li a {
	position: relative;
	display: inline-block;
	color: #727078;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-links-style5 ul li a:hover {
	color: var(--thm-base);
}

.footer-widget-links-style5 ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	transform: perspective(400px) scaleX(0);
	transform-origin: center;
	transition: all 300ms linear;
	transition-delay: 0.2s;
	background: var(--thm-base);
	z-index: 1;
}

.footer-widget-links-style5 ul li a:hover:before {
	transform: perspective(400px) scaleX(1.0);
}

.footer-social-link-style5 {
	position: relative;
	display: block;
}

.footer-social-link-style5 ul {
	position: relative;
	display: block;
}

.footer-social-link-style5 ul li {
	position: relative;
	float: left;
	margin-right: 10px;
}

.footer-social-link-style5 ul li:last-child {
	margin-right: 0;
}

.footer-social-link-style5 ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	background: #ffffff;
	border-radius: 5px;
	color: #a6a4ad;
	font-size: 16px;
	text-align: center;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}

.footer-social-link-style5 ul li a:before {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: var(--thm-base);
	border-radius: 5px;
	content: "";
	z-index: -1;
	transform: scale(0);
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.footer-social-link-style5 ul li:hover a:before {
	transform: scale(1.0);
}

.footer-social-link-style5 ul li:hover a {
	color: #ffffff;
}

.footer-widget-blog-post {
	position: relative;
	display: block;
}

.footer-widget-blog-post ul {
	position: relative;
	display: block;
}

.footer-widget-blog-post ul li {
	position: relative;
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #d6d5db;
	margin-bottom: 30px;
}

.footer-widget-blog-post ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.footer-widget-blog-post ul li .img-box {
	position: relative;
	display: block;
	width: 70px;
}

.footer-widget-blog-post ul li .img-box .inner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 6px;
}

.footer-widget-blog-post ul li .img-box .inner .overlay-style-one {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(var(--thm-base-rgb), 0.8);
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .7s;
	transition-property: all;
	opacity: 0;
	z-index: 1;
}

.footer-widget-blog-post ul li:hover .img-box .inner .overlay-style-one {
	opacity: 1;
}

.footer-widget-blog-post ul li .img-box .inner img {
	width: 100%;
	transform: scale(1.0);
}

.footer-widget-blog-post ul li:hover .img-box .inner img {
	transform: scale(1.2) rotate(1deg);
}

.footer-widget-blog-post ul li .img-box .inner .overlay-style-one a span::before {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.1s ease-in-out 0.9s;
}

.footer-widget-blog-post ul li:hover .img-box .inner .overlay-style-one a span::before {
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.5s ease-in-out 0.5s;
}

.footer-widget-blog-post ul li:hover .img-box .inner .overlay-style-one a:hover span:before {
	color: var(--thm-black);
}

.footer-widget-blog-post ul li .text-box {
	position: relative;
	display: block;
	margin-left: 20px;
	flex: 1;
}

.footer-widget-blog-post ul li .text-box p {
	color: #9d9ba3;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	margin: 0;
}

.footer-widget-blog-post ul li .text-box p span:before {
	position: relative;
	display: inline-block;
	padding-right: 6px;
}

.footer-widget-blog-post ul li .text-box h4 {
	position: relative;
	font-size: 16px;
	line-height: 24px;
	margin: 4px 0 0;
	top: 6px;
}

.footer-widget-blog-post ul li .text-box h4 a {
	color: var(--thm-black);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-blog-post ul li .text-box h4 a:hover {
	color: var(--thm-base);
}

.footer-bottom-style5 {
	position: relative;
	display: block;
	border-top: 1px solid #d6d5db;
}

.footer-bottom-style5 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0px 31px;
}

.copyright-style5 {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
}

.copyright-style5 p {
	font-size: 17px;
	line-height: 28px;
	color: #727078;
	margin: 0;
}

.copyright-style5 p a {
	color: var(--thm-base);
	font-weight: 500;
}

.footer-menu-style5 {
	position: relative;
	display: block;
}

.footer-menu-style5 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style5 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu-style5 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style5 ul li a {
	color: #727078;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style5 ul li a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Footer Style6 area style
=============================================
***/
.footer-style6-area {
	position: relative;
	display: block;
	background-color: var(--thm-black);
	overflow: hidden;
	z-index: 11;
}

.footer-top-style6 {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-top-style6__inner {
	position: relative;
	display: block;
	padding: 110px 0 42px;
	border-bottom: 1px solid #534a48;
}

.footer-logo-style6 {
	position: relative;
	display: block;
	text-align: center;
	padding-bottom: 32px;
}

.footer-logo-style6 a {
	position: relative;
	display: inline-block;
}

.footer-top-style6__inner-footer-menu {
	position: relative;
	display: block;
}

.footer-top-style6__inner-footer-menu ul {
	position: relative;
	display: block;
	text-align: center;
}

.footer-top-style6__inner-footer-menu ul li {
	position: relative;
	display: inline-block;
	margin: 0 23px;
}

.footer-top-style6__inner-footer-menu ul li a {
	position: relative;
	display: block;
	color: #dfd7d5;
	font-size: 17px;
	font-weight: 700;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-top-style6__inner-footer-menu ul li a:hover {
	color: #ffffff;
}

.footer-style6 {
	position: relative;
	display: block;
	padding: 50px 0 70px;
}

.single-contact-info-footer-style6 {
	position: relative;
	display: block;
	padding-bottom: 34px;
}

.single-contact-info-footer-style6 .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: var(--thm-base);
	border-radius: 50%;
	margin: 0 auto;
}

.single-contact-info-footer-style6 .icon span {
	line-height: 0;
}

.single-contact-info-footer-style6 .icon span:before {
	color: #ffffff;
	font-size: 25px;
	line-height: 25px;
}

.single-contact-info-footer-style6 .text {
	position: relative;
	display: block;
	padding-top: 26px;
}

.single-contact-info-footer-style6 .text h3 {
	color: #ffffff;
	font-size: 20px;
	margin: 0 0 7px;
}

.single-contact-info-footer-style6 .text p {
	color: #dfd7d5;
	margin: 0 0 18px;
}

.single-contact-info-footer-style6 .text h4 {
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	font-family: var(--thm-font);
}

.single-contact-info-footer-style6 .text h4 a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.single-contact-info-footer-style6 .text h4 a:hover {
	color: var(--thm-base);
}

.footer-bottom-style6 {
	position: relative;
	display: block;
	background: #353230;
}

.footer-bottom-style6 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 21px 0px 21px;
}

.copyright-style6 {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
}

.copyright-style6 p {
	font-size: 17px;
	line-height: 28px;
	color: #dfd7d5;
	margin: 0;
}

.copyright-style6 a {
	color: #ffffff;
	font-weight: 500;
}

.footer-menu-style6 {
	position: relative;
	display: block;
}

.footer-menu-style6 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style6 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu-style6 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style6 ul li a {
	color: #dfd7d5;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style6 ul li a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Footer Style7 area style
=============================================
***/
.footer-style7-area {
	position: relative;
	display: block;
	background-color: #323130;
	overflow: hidden;
	z-index: 10;
}

.footer-top-style7 {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 90px 0px;
	background: #1a3457;
}

.footer-top-style7.pdtop {
	padding-top: 110px;
}

.single-footer-widget-style7 {
	position: relative;
	display: block;
}

.single-footer-widget-style7 .title {
	position: relative;
	display: block;
	margin-top: -4px;
	padding-bottom: 29px;
}

.single-footer-widget-style7 .title h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	text-transform: capitalize;
}

.footer-widget-links-style7 {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-widget-links-style7 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-widget-links-style7 ul li {
	position: relative;
	display: block;
	line-height: 26px;
	margin-bottom: 14px;
}

.footer-widget-links-style7 ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links-style7 ul li a {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	color: #d4d1ce;
	font-size: 16px;
	font-weight: 500;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-links-style7 ul li a:hover {
	color: var(--thm-base);
}

.footer-widget-links-style7 ul li a:before {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	font-size: 20px;
}

.footer-widget-style7-contact-info-box {
	position: relative;
	display: block;
	padding-top: 4px;
}

.footer-widget-style7-contact-info-box ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-widget-style7-contact-info-box ul li {
	position: relative;
	display: block;
	padding-left: 40px;
}

.footer-widget-style7-contact-info-box ul li+li {
	margin-top: 20px;
}

.footer-widget-style7-contact-info-box ul li .icon {
	position: absolute;
	top: 4px;
	left: 0;
}

.footer-widget-style7-contact-info-box ul li .icon span {
	position: relative;
	display: block;
	line-height: 0;
}

.footer-widget-style7-contact-info-box ul li .icon span:before {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 25px;
	line-height: 25px;
}

.footer-widget-style7-contact-info-box ul li .text {
	position: relative;
	display: block;
}

.footer-widget-style7-contact-info-box ul li .text h4 {
	color: #ffffffde;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
}

.footer-widget-style7-contact-info-box ul li .text p {
	color: #d4d1ce;
	margin: 6px 0 0;
}

.footer-widget-style7-contact-info-box ul li .text p a {
	color: #d4d1ce;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-style7-contact-info-box ul li .text p a:hover {
	color: #ffffff;
}

.single-footer-widget-style7-instagram {
	position: relative;
	display: block;
	padding-top: 6px;
}

.single-footer-widget-style7-instagram ul {
	position: relative;
	display: block;
	overflow: hidden;
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.single-footer-widget-style7-instagram ul li {
	position: relative;
	display: block;
	float: left;
	width: 80px;
	min-height: 80px;
	padding: 0 7.5px 15px;
}

.single-footer-widget-style7-instagram ul li .img-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}

.single-footer-widget-style7-instagram ul li .img-box img {
	width: 100%;
}

.single-footer-widget-style7-instagram ul li .img-box .overlay-content {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	border-radius: 10px;
	background-color: rgba(var(--thm-base-rgb), 0.8);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transform: scale(0.9) translateY(-100%);
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.single-footer-widget-style7-instagram ul li:hover .img-box .overlay-content {
	opacity: 1;
	transform: scale(1.0) translateY(0px);
}

.single-footer-widget-style7-instagram ul li .img-box .overlay-content a {
	position: relative;
	display: inline-block;
	color: #000000;
	font-size: 15px;
	line-height: 15px;
	opacity: 0;
	transform: scale(0.9) translateY(10px);
	transition: all 500ms ease 100ms;
}

.single-footer-widget-style7-instagram ul li:hover .img-box .overlay-content a {
	opacity: 1.0;
	transform: scale(1.0) translateY(0px);
	transition: all 700ms ease 600ms;
}

.footer-bottom-style7 {
	position: relative;
	display: block;
	background: #1a3457;
	border-top: 1px solid #ffffff33;
}

.footer-bottom-style7 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0px;
}

.footer-bottom-style7 .bottom-inner .copyright {
	position: relative;
	display: block;
}

.footer-bottom-style7 .bottom-inner .copyright p {
	color: #d4d1ce;
	font-size: 16px;
	font-weight: 400;
	font-family: var(--thm-font);
	margin: 0;
}

.footer-bottom-style7 .bottom-inner .copyright p a {
	color: #ffffff;
	font-weight: 500;
	transition: all 500ms ease;
}

.footer-bottom-style7 .bottom-inner .copyright p a:hover {
	color: var(--thm-base);
}

.footer-logo-style7 {
	position: relative;
	display: block;
}

.footer-logo-style7 a {
	position: relative;
	display: inline-block;
}

.footer-menu-style7 {
	position: relative;
	display: block;
}

.footer-menu-style7 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style7 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 25px;
}

.footer-menu-style7 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style7 ul li a {
	color: #d4d1ce;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	    font-size: 26px;
}

.footer-menu-style7 ul li a:hover {
	color: #ffffff;
}



/*** 
=============================================
    Footer Style8 area style
=============================================
***/
.footer-style8-area {
	position: relative;
	display: block;
	background-color: transparent;
	overflow: hidden;
	z-index: 10;
}

.footer-top-style8 {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 110px 0 92px;
	background-color: #426c5e;
}

.single-footer-widget-style8 {
	position: relative;
	display: block;
}

.single-footer-widget-style8.margintop13 {
	margin-top: 13px;
}

.single-footer-widget-style8 .footer-logo {
	position: relative;
	display: block;
	padding-bottom: 23px;
}

.single-footer-widget-style8 .footer-logo a {
	position: relative;
	display: inline-block;
}

.single-footer-widget-style8 .footer-widget-our-info {
	position: relative;
	display: block;
}

.single-footer-widget-style8 .footer-widget-our-info p {
	color: #e8eceb;
	margin: 0;
}

.single-footer-widget-style8 .title {
	position: relative;
	display: block;
	margin-top: -4px;
	padding-bottom: 28px;
}

.single-footer-widget-style8 .title h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	text-transform: capitalize;
}

.footer-widget-links-style8 {
	position: relative;
	display: flex;
	overflow: hidden;
}

.footer-widget-links-style8 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-widget-links-style8 ul+ul {
	margin-left: 60px;
}

.footer-widget-links-style8 ul li {
	position: relative;
	display: block;
	line-height: 26px;
	margin-bottom: 10px;
}

.footer-widget-links-style8 ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links-style8 ul li a {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	color: #e9ecea;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-widget-links-style8 ul li a:hover {
	color: var(--thm-base);
}

.footer-widget-links-style8 ul li a:before {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	font-size: 18px;
}

.footer-widget-style8-subscribe-box {
	position: relative;
	display: block;
}

.footer-widget-style8-subscribe-box .text {
	position: relative;
	display: block;
	padding-bottom: 12px;
}

.footer-widget-style8-subscribe-box .text p {
	color: #e9ecea;
	margin: 0;
}

.footer-widget-style8-subscribe-box .subscribe-form input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	background: #ffffff;
	border: 0px solid rgba(255, 255, 255, 0.20);
	color: #7a7f7d;
	font-size: 17px;
	font-weight: 400;
	font-style: normal;
	border-radius: 0px;
	transition: all 500ms ease;
	font-family: var(--thm-font);
}

.footer-widget-style8-subscribe-box .subscribe-form button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 15px;
	color: var(--thm-black);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: normal;
	font-family: var(--thm-font-4);
	padding-left: 0px;
	padding-right: 0px;
}

.footer-widget-style8-subscribe-box .subscribe-form button:hover {
	color: #ffffff;
}

.footer-bottom-style8 {
	position: relative;
	display: block;
	background: #497768;
	border-top: 1px solid #3a5e52;
}

.footer-bottom-style8 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 26px 0px 26px;
}

.footer-bottom-style8 .bottom-inner .copyright {
	position: relative;
	display: block;
}

.footer-bottom-style8 .bottom-inner .copyright p {
	color: #ffffff;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--thm-font);
	margin: 0;
}

.footer-bottom-style8 .bottom-inner .copyright p a {
	color: #ffffff;
	font-weight: 700;
	transition: all 500ms ease;
}

.footer-bottom-style8 .bottom-inner .copyright p a:hover {
	color: var(--thm-base);
}

.footer-menu-style8 {
	position: relative;
	display: block;
}

.footer-menu-style8 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style8 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 25px;
}

.footer-menu-style8 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style8 ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style8 ul li a:hover {
	color: var(--thm-base);
}




/*** 
=============================================
    Footer Style9 area style
=============================================
***/
.footer-style9-area {
	position: relative;
	display: block;
	background-color: transparent;
	overflow: hidden;
	z-index: 10;
}

.footer-top-style9 {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 43px 0 44px;
	background-color: #1a3250;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.footer-top-style9__inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.footer-top-style9__inner .left {
	position: relative;
	display: flex;
	align-items: center;
}

.footer-top-style9__inner .left .footer-logo-style9 {
	position: relative;
	display: block;
}

.footer-top-style9__inner .left .footer-logo-style9 a {
	position: relative;
	display: inline-block;
}

.footer-top-style9__inner .left .inner-title {
	position: relative;
	display: block;
	margin-left: 40px;
	border-left: 1px solid rgba(255, 255, 255, 0.20);
	padding-left: 40px;
}

.footer-top-style9__inner .left .inner-title h3 {
	color: #ffffff;
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
}

.footer-top-style9__inner .left .inner-title h3 span {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 30px;
}

.footer-top-style9__inner .left .inner-title h3 span:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background: var(--thm-base);
}

.footer-top-style9__inner .right {
	position: relative;
	display: block;
}

.footer-top-style9__inner .right .footer-social-link {
	padding: 0;
}

.footer-top-style9__inner .right .footer-social-link ul li a:hover {
	background: var(--thm-base);
	border: 2px solid var(--thm-base);
}

.footer-style9 {
	position: relative;
	display: block;
	background-color: #1a3250;
	padding: 90px 0 80px;
}

.single-footer-widget-style9 {
	position: relative;
	display: block;
}

.single-footer-widget-style9 .title {
	position: relative;
	display: block;
	margin-top: -6px;
	padding-bottom: 25px;
}

.single-footer-widget-style9 .title h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
}

.single-footer-widget-style9 .our-company-info {
	position: relative;
	display: block;
}

.single-footer-widget-style9 .our-company-info .text-box {
	position: relative;
	display: block;
}

.single-footer-widget-style9 .our-company-info .text-box p {
	color: #cdd3d7;
	line-height: 28px;
	margin: 0;
}

.single-footer-widget-style9 .our-company-info .button-box {
	position: relative;
	display: block;
	line-height: 0;
	padding-top: 32px;
}

.single-footer-widget-style9 .our-company-info .button-box a {
	line-height: 45px;
	padding-left: 40px;
	padding-right: 40px;
	letter-spacing: normal;
}

.footer-widget-links-style9 {
	position: relative;
	display: flex;
}

.footer-widget-links-style9 .left {
	position: relative;
	display: block;
	width: 200px;
}

.footer-widget-links-style9 .right {
	position: relative;
	display: block;
}

.footer-widget-links-style9 ul {
	position: relative;
	display: block;
}

.footer-widget-links-style9 ul li {
	position: relative;
	display: block;
	margin-bottom: 12px;
}

.footer-widget-links-style9 ul li:last-child {
	margin-bottom: 0;
}

.footer-widget-links-style9 ul li a {
	position: relative;
	display: inline-block;
	padding-left: 0px;
	color: #cdd3d7;
	font-size: 17px;
	font-weight: 400;
	transition: all 500ms ease;
}

.footer-widget-links-style9 ul li a:hover {
	color: var(--thm-base);
	padding-left: 25px;
}

.footer-widget-links-style9 ul li a span:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	color: var(--thm-base);
	font-size: 16px;
	line-height: 28px;
	opacity: 0;
	transform: perspective(400px) translateY(0px) scale(0, 1);
	transform-style: preserve-3d;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: right center;
}

.footer-widget-links-style9 ul li a:hover span:before {
	opacity: 1;
	transform: perspective(400px) translateY(0px) scale(1, 1);
	transform-origin: left center;
}

.footer-widget-blog-post--style2 {
	padding-top: 7px;
}

.footer-widget-blog-post--style2 ul li {
	padding-bottom: 0px;
	border-bottom: 0px solid #d6d5db;
	margin-bottom: 30px;
}

.footer-widget-blog-post--style2 ul li .img-box .inner {
	border-radius: 0px;
}

.footer-widget-blog-post--style2 ul li .text-box p {
	color: var(--thm-base);
}

.footer-widget-blog-post--style2 ul li .text-box h4 {
}

.footer-widget-blog-post--style2 ul li .text-box h4 a {
	color: #ffffff;
}

.footer-bottom-style9 {
	position: relative;
	display: block;
	background-color: #142a46;
}

.footer-bottom-style9 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 26px 0px 26px;
}

.copyright-style9 {
	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
}

.copyright-style9 p {
	font-size: 17px;
	line-height: 28px;
	color: #ffffff;
	margin: 0;
}

.copyright-style9 p a {
	color: #ffffff;
	font-weight: 700;
}

.copyright-style9 p a:hover {
	color: var(--thm-base);
}

.footer-menu-style9 {
	position: relative;
	display: block;
}

.footer-menu-style9 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style9 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu-style9 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style9 ul li a {
	color: #ffffff;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style9 ul li a:hover {
	color: var(--thm-base);
}



/*** 
=============================================
    Footer Style10 area style
=============================================
***/
.footer-style10-area {
	position: relative;
	display: block;
	background-color: transparent;
	overflow: hidden;
	z-index: 10;
}

.footer-style10 {
	position: relative;
	display: block;
	background-color: transparent;
	padding: 0px 0 0px;
}

.footer-style10__inner {
	position: relative;
	display: block;
	background-color: var(--thm-primary);
	padding: 80px 60px 80px;
}

.single-footer-widget-style10 {
	position: relative;
	display: block;
}

.single-footer-widget-style10 .title {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: -3px;
}

.single-footer-widget-style10 .title .dotted {
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background-color: var(--thm-base);
	transform: rotate(-45deg);
	margin-right: 12px;
}

.single-footer-widget-style10 .title h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 24px;
	font-weight: 700;
	text-transform: capitalize;
}

.single-footer-widget-style10 .our-company-info {
	position: relative;
	display: block;
	padding-top: 23px;
}

.single-footer-widget-style10 .our-company-info .text-box {
	position: relative;
	display: block;
}

.single-footer-widget-style10 .our-company-info .text-box p {
	color: #cdcfd8;
	margin: 0;
}

.single-footer-widget-style10 .our-company-info .phone-number-box2 {
	margin-top: 14px;
	margin-bottom: 22px;
}

.single-footer-widget-style10 .our-company-info .phone-number-box2 .icon {
	width: 70px;
}

.single-footer-widget-style10 .our-company-info .phone-number-box2 .icon span::before {
	font-size: 40px;
	line-height: 40px;
	top: 0px;
}

.single-footer-widget-style10 .our-company-info .phone-number-box2 .phone a {
	color: #cdcfd8;
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
}

.single-footer-widget-style10 .our-company-info .footer-social-link {
	padding-top: 0px;
}

.single-footer-widget-style10 .our-company-info .footer-social-link ul li a {
	border-radius: 0%;
}

.single-footer-widget-style10 .our-company-info .footer-social-link ul li a:before {
	border-radius: 0%;
}

.single-footer-widget-style10 .footer-widget-links-style9 {
	padding-top: 23px;
}

.footer-widget-style10-info-box {
	position: relative;
	display: block;
	border: 1px solid #4a5586;
	padding: 25px 30px 30px;
}

.footer-widget-style10-info-box p {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 4px;
}

.footer-widget-style10-info-box h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 22px;
}

.footer-widget-style10-info-box ul {
	position: relative;
	display: block;
}

.footer-widget-style10-info-box ul li {
	position: relative;
	display: block;
}

.footer-widget-style10-info-box ul li+li {
	margin-top: 10px;
}

.footer-widget-style10-info-box ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: normal;
}

.footer-widget-style10-info-box ul li a.last {
	border: 1px solid #ffffff;
	background-color: transparent;
}

.footer-bottom-style10 {
	position: relative;
	display: block;
	background-color: #ffffff;
}

.footer-bottom-style10 .bottom-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 26px 0px 26px;
}

.copyright-style10 {
	position: relative;
	display: block;
	z-index: 1;
}

.copyright-style10 p {
	font-size: 17px;
	line-height: 28px;
	color: #777777;
	margin: 0;
}

.copyright-style10 p a {
	color: #777777;
	font-weight: 700;
}

.copyright-style10 p a:hover {
	color: var(--thm-base);
}

.footer-menu-style10 {
	position: relative;
	display: block;
}

.footer-menu-style10 ul {
	position: relative;
	display: block;
	overflow: hidden;
}

.footer-menu-style10 ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
}

.footer-menu-style10 ul li:last-child {
	margin-right: 0;
}

.footer-menu-style10 ul li a {
	color: #777777;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.footer-menu-style10 ul li a:hover {
	color: var(--thm-base);
}

/*header*/

.header-top-style7__left .call {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	margin-right: 30px;
	border-right: 1px solid #ddd;
	padding-right: 20px;
}

.header-top-style7__left .email {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.header-top-style7__left {
	position: relative;
	display: inline-flex;
}

.header-top-style7__left .email span.flaticon-email {
	margin-right: 10px;
	color: #e22026;
}

.header-top-style7__left .call span.flaticon-telephone {
	margin-right: 10px;
	color: #e22026;
}

.header-top-style7__left .call h6 {
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
	color: #333653;
}

.header-top-style7__left .email h6 {
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
	color: #333653;
}

.header-top-style7__right .buttons {
	display: flex;
	gap: 0px 20px;
	align-items: center;
}

.header-top-style7__right .buttons .apply-btn {
	border: 1px solid #e22026;
	padding: 10px 29px;
	background: #e22026;
}

.header-top-style7__right .buttons .apply-btn h6 a {
	color: white;
}

.header-top-style7__right .buttons h6 a {
	color: black;
	font-weight: 500;
}

.header-top-style7__right .buttons .apply-btn h6 span {
	margin-left: 10px;
}

.header-top-style7__right .buttons .app {
	border: 1px solid #e22026;
	padding: 10px 29px;
	background: #e22026;
}

.header-top-style7__right .buttons .app h6 a {
	color: white;
	font-weight: 500;
}

.header-top-style7__right .buttons .app:hover {
	background-color: #50526b;
	border: 1px solid #50526b;
}