/* ------------------------------------------------
 Project:   labtox - laboratory and science research theme
Author:    ThemeHt
------------------------------------------------ */


/* ------------------------
    Table of Contents
  1. Section Titl
  2. Button
  3. Marquee Text
  4. Accordion
  5. Social Icons
  6. Team
  7. Tab
  8. Counter
  9. Blog - Post
  10. Featured Box
  11. Testimonials
  12. Service Box
  13. Price Table   
  14. Progress Bar
  15. Portfolio Item
  16. Swiper Arrow
  17. Swiper Dot Pagination
  18. Awards
  19. Timeline
  20. Splitting Text
  21. Image Reavel Animation
  22. Split Slider
  23. Video
  24. elementor-shortcode
  25. Keyframes Animation
  ------------------*/

 

/* ------------------------ 
    Section Title 
------------------------*/
.theme-title {
	margin-bottom: 50px;
}

.theme-title h6 {
	position: relative;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: var(--themeht-primary-color);
	font-weight: 500;
	font-size: 18px;
	line-height: 15px;
	letter-spacing: 1px;
	padding-left: 28px;
	display: inline-flex;
}

.theme-title h6::before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "\f102";
	color: var(--themeht-primary-color);
	font-size: 17px;
	font-family: flaticon_mycollection !important;
}

.theme-title h2 {
	font-size: 54px;
	line-height: 58px;
}

.theme-title p {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 500;
	line-height: 30px;
}

.theme-title.text-white h2,
.theme-title.text-white p,
.theme-title.text-white h6 {
	color: var(--themeht-white-color);
}

.theme-title.text-white h6::before {
	color: var(--themeht-white-color);
}

.theme-title.text-primary h2,
.theme-title.text-primary p,
.theme-title.text-primary h6 {
	color: var(--themeht-primary-color);
}

.theme-title.text-theme h2 {
	color: var(--themeht-primary-color);
}

.theme-title.text-black h2,
.theme-title.text-black p,
.theme-title.text-black h6 {
	color: var(--themeht-secondary-color);
}

.theme-title.text-black h6::before {
	color: var(--themeht-secondary-color);
}

.dark-bg h2 {
	color: var(--themeht-white-color)
}

.theme-title h2 {
	margin-bottom: 0;
}

.primary-bg .theme-title h2,
.primary-bg .theme-title h6,
.secondary-bg .theme-title h2,
.secondary-bg .theme-title h6 {
	color: var(--themeht-white-color);
}


/* themeht-heading */
.elementor-widget-themeht-heading h3 {
	font-size: 36px;
	line-height: 46px;
}

.elementor-widget-heading .elementor-heading-title {
	color: var(--themeht-secondary-color) !important;
	font-weight: 500 !important;
	font-family: var(--themeht-typography-secondary-font-family) !important;
}
.elementor-widget-heading-white .elementor-heading-title{
	color: var(--themeht-white-color) !important;
}
.bg-light-title .elementor-widget-heading .elementor-heading-title {
	color: var(--themeht-white-color) !important;
}
/* ------------------------
    Button
------------------------*/
.themeht-btn {
	padding: 20px 40px;
	position: relative;
	border-radius: 100px;
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	line-height: 13px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.8px;
	font-family: var(--themeht-typography-secondary-font-family);
}

.white-btn,
a.white-btn {
	background: var(--themeht-white-color);
	color: var(--themeht-secondary-color);
}

.white-btn:hover,
a.white-btn:hover {
	color: var(--themeht-secondary-color);
	color: var(--themeht-white-color);
}

.primary-btn,
a.primary-btn {
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}

.primary-btn:hover,
a.primary-btn:hover {
	background: var(--themeht-primary-color); /*var(--themeht-secondary-color); Сара 260125*/
	color: var(--themeht-white-color);
}

.dark-btn,
a.dark-btn {
	background: var(--themeht-secondary-color);
	color: var(--themeht-white-color);
}

.dark-btn:hover,
a.dark-btn:hover {
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}

.primary-bg .dark-btn:hover,
.primary-bg a.dark-btn:hover {
	background: var(--themeht-secondary-color);
	color: var(--themeht-primary-color);
}

.secondary-bg .themeht-btn:hover {
	background-color: var(--themeht-white-color);
	color: var(--themeht-secondary-color);
}

.themeht-btn.outline-btn {
	border: 1px solid var(--themeht-secondary-color);
	color: var(--themeht-secondary-color);
}

.themeht-btn.outline-btn:hover {
	border-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}

.themeht-btn:hover {
	background: var(--themeht-primary-color);
	color: var(--themeht-secondary-color);
}

.themeht-btn svg {
	margin-left: 10px;
}

.themeht-btn svg line {
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: var(--themeht-secondary-color);
}

.themeht-btn.dark-btn svg line {
	stroke: var(--themeht-white-color);
}

.themeht-btn.primary-btn svg line {
	stroke: var(--themeht-secondary-color);
}

.themeht-btn:hover svg line {
	stroke-dasharray: 20px;
	stroke-dashoffset: 40px;
	transition: stroke-dashoffset .6s cubic-bezier(.61, 1, .88, 1) .3s;
	stroke: var(--themeht-secondary-color);
}

.themeht-btn.primary-btn:hover svg line,
.primary-bg .dark-btn:hover svg line {
	stroke: var(--themeht-primary-color);
}

.themeht-btn span {
	-webkit-transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s ease-in-out 0s;
	-ms-transition: all 0s ease-in-out 0s;
	-o-transition: all 0s ease-in-out 0s;
	transition: all 0s ease-in-out 0s;
}

.arrow-btn,
.arrow-btn-text {
	position: absolute;
}

.arrow-btn {
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 100%;
	width: 100%;
	transition: 0.3s linear;
}

.arrow-btn-text {
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	z-index: 2;
	transition: 0.3s linear;
	background: var(--themeht-white-color);
	color: var(--themeht-secondary-color);
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}



/* button 2 */
.button-style-2 .button-style-2-link {
	background: var(--themeht-white-color);
	width: 50px;
	height: 50px;
	line-height: 54px;
	text-align: center;
	border-radius: 100%;
	font-size: 27px;
	display: inline-block;
	position: relative;
	z-index: 2;
}

.button-style-2 .button-style-2-link:hover {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}

.button-style-2 .button-style-2-link i {
	transform: rotate(-35deg);
	display: block;
}

.button-style-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	background: var(--themeht-light-color);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 10px 0 0 10px;
	border-radius: 60% 0 0 0;
	z-index: 9;
}

.button-style-2>svg {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	right: 0px;
	transform: rotate(180deg) scale(1.01);
}

.button-style-2>svg:last-of-type {
	top: auto;
	bottom: 0px;
	right: auto;
	left: -20px;
}

.button-style-2>svg>path {
	fill: var(--themeht-light-color) !important;
}

.button-style-2::before {
	position: absolute;
	content: "";
	top: -13px;
	right: 0px;
	height: 16px;
	width: 1px;
	background-color: var(--themeht-light-color);
	z-index: 9;
}

.button-style-2::after {
	position: absolute;
	content: "";
	top: -1px;
	right: -2px;
	height: 1px;
	width: 16px;
	background-color: var(--themeht-light-color);
	z-index: 9;
}

.button-style-2 a::before {
	position: absolute;
	content: "";
	top: 37px;
	left: -11px;
	height: 16px;
	width: 1px;
	background-color: var(--themeht-light-color);
	z-index: 9;
}

.button-style-2 a::after {
	position: absolute;
	content: "";
	bottom: 0px;
	left: -24px;
	height: 1px;
	width: 16px;
	background-color: #f6f6f6;
	z-index: 9;
}

/* ------------------------
 Marquee Text
------------------------*/
.marquee-section {
	padding: 30px 0;
	background-color: var(--themeht-white-color);
	-webkit-transform: rotate(-0.8deg);
	-ms-transform: rotate(-0.8deg);
	transform: rotate(-0.8deg);
}

.marquee-wrap {
	animation: marquee 50s linear infinite;
	width: 100%;
	position: relative;
	white-space: nowrap;
}

.marquee-wrap,
.marquee-title {
	display: flex;
	justify-content: center;
}

.marquee-text {
	font-family: var(--themeht-typography-secondary-font-family);
	position: relative;
	display: flex;
	align-items: center;
	font-size: 30px;
	white-space: nowrap;
	line-height: 1;
	font-weight: 500;
	color: var(--themeht-secondary-color);
	text-transform: uppercase;
}

.marquee-text i {
	margin: 0 40px;
	font-size: 30px;
	line-height: 1;
}

.marquee-img-swiper>.swiper-wrapper,
.marquee-swiper>.swiper-wrapper {
	transition-timing-function: linear;
}

.popup-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 40px;
	background: var(--themeht-white-color);
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--themeht-secondary-color);
	opacity: 0;
}

.marquee-img-box:hover .popup-img {
	opacity: 1;
}

.marquee-section.style3 {
	padding: 0;
	background-color: inherit;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
}

.marquee-section.style3 .marquee-text span {
	font-size: 80px;
	line-height: 110px;
	font-weight: 700;
	overflow: visible !important;
	text-shadow: 1px 1px 0 var(--themeht-secondary-color),
	-1px -1px 0 var(--themeht-secondary-color),
	1px -1px 0 var(--themeht-secondary-color),
	-1px 1px 0 var(--themeht-secondary-color),
	1px 1px 0 var(--themeht-secondary-color);
	-webkit-text-fill-color: var(--themeht-light-color);
	-webkit-text-stroke-width: 0;
	color: transparent;
	text-transform: uppercase;
	padding: 0px 90px;
}

.marquee-section.style3 .marquee-text::before {
	position: absolute;
	top: 22px;
	right: -32px;
	content: "*";
	font-size: 100px;
	color: var(--themeht-primary-color);
	font-family: var(--themeht-typography-secondary-font-family);
	font-weight: 500;
}

.marquee-section.style3 .marquee-text i {
	font-size: 40px;
	animation: rotate 10s linear infinite;
}

.header-marquee .marquee-section {
	padding: 15px 0;
	background-color: var(--themeht-secondary-color);
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
}

.header-marquee .marquee-wrap {
	animation: marquee 100s linear infinite;
}

.header-marquee .marquee-text {
	font-size: 16px;
	font-weight: 500;
	color: var(--themeht-white-color);
	text-transform: capitalize;
}

.header-marquee .marquee-text i {
	margin: 0 30px;
	font-size: 18px;
	line-height: 1;
	color: var(--themeht-primary-color);
}


/* ------------------------
 Accourdion
------------------------*/
.elementor-accordion .elementor-accordion-item {
	margin-bottom: 20px;
	border: none !important;
	background: var(--themeht-white-color);
	padding: 20px 25px 10px 25px;
	border-radius: 15px;
}

.elementor-accordion .elementor-accordion-item:last-child {
	margin-bottom: 0;
}

.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
	padding: 0;
	margin-bottom: 10px;
}

.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-title {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500 !important;
	text-transform: capitalize;
	transition: all 0s ease-in-out 0s;
	color: var(--themeht-secondary-color);
	font-family: var(--themeht-typography-secondary-font-family);
}

.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title,
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
	color: var(--themeht-primary-color);
}

.themeht-accordion.elementor-widget-accordion .elementor-accordion-icon {
	color: var(--themeht-secondary-color);
	padding-top: 5px;
	font-size: 20px;
}
.themeht-accordion.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
	color: var(--themeht-secondary-color)
}

.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
	color: var(--themeht-body-color);
	font-family: var(--themeht-typography-body-font-family);
	border-top: none !important;
}

.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-content p {
	margin-bottom: 10px;
}


/* ------------------------
    Social Icons
------------------------*/
.social-icons ul {
	padding: 0;
	margin: 0;
	line-height: 0;
}

.social-icons li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 8px 0 0;
}

.social-icons li a {
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--themeht-secondary-color);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.social-icons li:hover a {
	color: var(--themeht-primary-color);
}


/* ------------------------
    Team
------------------------*/
.team-style-1 {
	position: relative;
	margin-bottom: 30px;
	padding: 0px 3px;
}

.swiper-slide .team-style-1 {
	margin-bottom: 0px;
}

.team-style-1 .team-desc {
	position: relative;
	padding-top: 14px;
}

.team-style-1 .team-images {
	overflow: hidden;
	border-radius: 20px;
}

.team-style-1:hover .team-images img {
	transform: scale(1.1);
}

.team-style-1 .team-images img {
	border-radius: 20px;
}

.team-style-1 .team-member .team-desc h4 {
	margin-bottom: -3px;
	font-size: 22px;
	line-height: 33px;
}

.team-style-1 .team-member .team-desc h4 a:hover {
	color: var(--themeht-primary-color);
}

.team-style-1 .team-member .team-desc span {
	color: var(--themeht-body-color);
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.team-style-1 .team-social-list {
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.team-style-1 .team-share-icon {
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 13px;
	background-color: var(--themeht-primary-color);
}

.team-images {
	position: relative;
	overflow: hidden;
}

.team-member img {
	width: 100%;
}

.team-footer {
	display: flex;
	justify-content: space-between;
	border: 1px solid #DBDDDE;
}

.team-footer .team-footer-cntnt i {
	width: 50px;
	height: 50px;
	display: inline-block;
	background: var(--themeht-secondary-color);
	color: var(--themeht-primary-color);
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	margin-right: 20px;
}

.team-meta li i {
	font-size: 20px;
	color: var(--themeht-secondary-color);
	vertical-align: middle;
	margin-right: 15px;
}

.team-meta li span {
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	margin-bottom: 2px;
	font-family: var(--themeht-typography-secondary-font-family);
	color: var(--themeht-white-color);
	display: block;
}

.team-meta li,
.team-meta li a {
	color: var(--themeht-white-color);
}


/* team-style-2 */
.team-style-2{
	background-color: var(--themeht-white-color);
	border-radius: 30px;
	border: 1px solid #DBDDDE;
	padding: 30px;
	margin-bottom: 30px;
}
.team-style-2 .team-desc{
	margin-bottom: 40px;
}
.team-style-2 .team-footer{
    border-top: 1px solid #DBDDDE !important;
    border: inherit;
    margin-top: 50px;
    padding-top: 30px;
	position: relative;

}
.team-style-2 .team-social-icon{
    opacity: inherit;
    display: flex;
    position: inherit;
    border: 0;
    bottom: 0;
    left: 0;
}
.team-style-2 .team-social-icon li a{
	background-color: var(--themeht-light-color);
	margin-bottom: 0;
	margin-left: 5px;
}
.team-style-2 .team-images{
	text-align: center;
}
.team-style-2 img{ 
	border-radius: 100% !important;
    width: 260px;
    height: 260px !important;
}
.team-style-2 h4{
	margin-bottom: 0;
}
.team-style-2 .themeht-btn{
	background-color: inherit;
	padding: 0;
	color: var(--themeht-secondary-color);
	text-transform: capitalize;
	font-weight: 600;
    font-size: 16px;
	line-height: 20px;
	display: flex;
    align-items: center;
    position: relative;
}
.team-style-2 .themeht-btn:before{
	position: absolute;
	right: -26px;
	top: 12px;
	content: "\f135";
	font-family: bootstrap-icons !important;
	font-size: 22px;
	transform: rotate(-35deg);
}
.team-style-2 .themeht-btn:hover{
	background-color: inherit;
	color: var(--themeht-primary-color);
}

/* team single */
.team-single-page .entry-content {
	padding-left: 25px;
}
.team-single-page .post-thumbnail img {
	border-radius: 20px 20px 0px 0px;
}
.team-single-page .team-contact {
	border-radius: 0px 0px 20px 20px;
	background-color: var(--themeht-primary-color);
	padding: 30px;
	position: relative;
	background-image: url(https://labtox.themeht.com/wp-content/uploads/2024/01/pettern-img2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.team-single-page .team-contact::before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	background-color: var(--themeht-primary-color);
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 30px 30px;
	opacity: 0.7;
}

.team-single-page .team-contact ul {
	margin: 0;
	padding: 0;
	z-index: 9;
}

.team-single-page .team-contact ul li {
	margin-bottom: 15px;
	position: relative;
}

.team-single-page .team-contact ul li:last-child {
	margin-bottom: 0px;
}

.team-single-page .team-contact ul li a {
	font-size: 14px;
}

.team-social-list {
	position: absolute;
	right: 0px;
	bottom: 0;
	background: var(--themeht-light-color);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 10px 0 0 10px;
	border-radius: 60% 0 0 0;
	z-index: 9;
}
.team-social-list::before {
    position: absolute;
    content: "";
    top: -13px;
    right: 0px;
    height: 16px;
    width: 1px;
    background-color: var(--themeht-light-color);
    z-index: 9;
}
.team-social-list::after {
    position: absolute;
    content: "";
    top: -1px;
    right: -2px;
    height: 1px;
    width: 16px;
    background-color: var(--themeht-light-color);
    z-index: 9;
}
 .team-social-list .team-share-icon::before {
    position: absolute;
    content: "";
    top: 47px;
    left: -1px;
    height: 16px;
    width: 1px;
    background-color: var(--themeht-light-color);
    z-index: 9;
}
 .team-social-list .team-share-icon::after {
    position: absolute;
    content: "";
    bottom: 0px;
    left: -14px;
    height: 1px;
    width: 16px;
    background-color: #f6f6f6;
    z-index: 9;
}
.team-share-icon {
	background-color: var(--themeht-secondary-color);
	color: var(--themeht-white-color);
	border-radius: 50%;
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 17px;
	display: block;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.team-social-list:hover .team-share-icon {
	background-color: var(--themeht-primary-color);
}

.team-social-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	width: 35px;
	font-size: 14px;
	line-height: 35px;
	margin-bottom: 10px !important;
	background: var(--themeht-white-color);
	border-radius: 100px;
}

.team-social-icon li a {
	color: var(--themeht-secondary-color);
}

.team-social-icon li:hover a {
	color: var(--themeht-white-color);
	background-color: var(--themeht-secondary-color);
}

.team-meta .team-contact li {
	margin-bottom: 20px;
	display: grid;
}

.team-social-icon li:last-child {
	margin-bottom: 0px;
}

.team-social-icon {
	text-align: center;
	position: absolute;
	bottom: 20px;
	right: 8px;
	transform: translate(0px, 0px);
	opacity: 0;
	display: grid;
	flex-direction: row-reverse;
	transition: all 0.3s ease-in;
}

.team-social-list:hover .team-social-icon {
	transform: translate(0px, -40px);
	opacity: 1;
}

.team-social-list>svg {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	right: 0px;
	transform: rotate(180deg) scale(1.01);
}

.team-social-list>svg>path {
	fill: var(--themeht-light-color);
}

.team-social-list>svg:last-of-type {
	top: auto;
	bottom: 0px;
	right: auto;
	left: -20px;
}

.team-contact ul.team-social-icon li,
.portfolio-meta-info ul.team-social-icon li {
	margin-bottom: 0;
}

/* ------------------------
    Tab
------------------------*/
.ht-tab .tab-menu {
	display: flex;
	width: 100%;
	background: var(--themeht-light-color);
	padding: 0;
}

.ht-tab .tab-menu li {
	list-style-type: none;
}

.ht-tab .tab-menu li a {
	font-family: var(--themeht-typography-body-font-family);
	text-align: center;
	background: var(--themeht-white-color);
	border-radius: 0;
	padding: 10px 40px;
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin-right: 15px;
	border-radius: 10px 10px 0px 0px;
}

.ht-tab .tab-menu li a:hover,
.ht-tab .tab-menu li a.active-a {
	background: var(--themeht-secondary-color);
	color: var(--themeht-white-color);
}

.ht-tab .ht-tab-content {
	background: var(--themeht-white-color);
	padding: 30px;
	border-radius: 0px 30px 30px 30px;
}

.ht-tab .ht-tab-content img {
	border-radius: 30px;
}

.ht-tab-pane {
	display: none;
}

.ht-tab-pane.tab-active {
	display: block;
	animation: tab-fade ease 1s;
	-webkit-animation: tab-fade ease 1s;
	-moz-animation: tab-fade ease 1s;
	-o-animation: tab-fade ease 1s;
	-ms-animation: tab-fade ease 1s;
}

.tab-list ul {
	padding: 0;
	margin: 0;
}

.tab-list li {
	position: relative;
	list-style-type: none;
	padding-left: 30px;
	margin-bottom: 10px;
}

.tab-list li:last-child {
	margin-bottom: 0;
}

.tab-list li:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "*";
	font-size: 30px;
	line-height: 1;
	color: var(--themeht-primary-color);
}


/* ------------------------
    Counter
------------------------*/
.counter {
	position: relative;
	z-index: 9;
}

.counter .counter-desc span {
	font-size: 50px;
	line-height: 1;
	color: var(--themeht-secondary-color);
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
}

.counter .counter-desc .count-number+span {
	position: relative;
}

.counter h6 {
	font-size: 16px;
	font-family: var(--themeht-typography-body-font-family);
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.counter-icon i {
	font-size: 70px;
	line-height: 1;
	display: inline-block;
	color: var(--themeht-secondary-color);
	margin-bottom: 20px;
}

.counter-text {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid var(--themeht-secondary-color);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*counter style 1 */
.counter.style-1 {
	display: flex;
	align-items: center;
}
.counter.style-1 .counter-icon {
	padding-right: 20px;
}
.counter.style-1 .counter-icon i {
	color: var(--themeht-primary-color);
	margin: 0;
}
.counter.style-1 .counter-desc span {
	font-weight: 500;
	font-family: var(--themeht-typography-secondary-font-family);
}
.counter.style-1 h6 {
	font-size: 14px;
	margin: 0;
	letter-spacing: 0.8px;
	font-weight: 600;
}
.counter.style-1 .counter-desc span,
.counter.style-1 .counter-icon i,
.counter.style-1 h6 {
	color: var(--themeht-white-color);
}
.counter.style-2 .counter-desc span {
	font-size: 100px;
}
.counter.style-2 h6 {
	margin-top: 0;
}
.counter.style-2 .counter-text span {
	font-size: 16px;
}
.counter.style-3 .counter-desc span {
    font-size: 45px;
    line-height: 35px;
    font-weight: 600;	
}
.counter.style-3 h6 {
	margin: 0;
}
.counter.style-3 .counter-icon i {
	margin-bottom: 20px;
	font-size: 40px;
}
 

/* ------------------------ 
    Blog - Post 
------------------------*/
.blog .themeht-blogs .col-12.col-lg-9 {
	padding-right: 35px;
}

.site-main .col-12.col-lg-9 {
	padding-right: 35px;
}
.post-single-page .post-card {
	position: relative;
}
.post-single-page .post-card img {
	border-radius: 30px;
}
.entry-content .attachment img,
.wp-block-media-text.is-image-fill .wp-block-media-text__media,
.type-post .post-thumbnail img {
	border-radius: 30px;
	width: 100%;
}
.post-card .post-image {
	position: relative;
}
.post-card .post-image img {
	border-radius: 20px;
}

.post-card .post-image .button-style-2 .button-style-2-link {
	background-color: var(--themeht-white-color);
	color: var(--themeht-secondary-color);
}
.post-card .post-image .button-style-2 .button-style-2-link:hover {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}
.post-card .read-button.button-style-2 .arrow-btn-text {
	display: block;
}
.post-card .post-title h4 {
	text-transform: normal;
	word-break: break-word;
}
.post-card .post-title h4 a {
	color: var(--themeht-secondary-color);
	display: inline;
}
.post-card .post-title h4 a:hover {
	color: var(--themeht-primary-color) !important;
}
.post-card .post-bottom li {
	display: none !important;
	/*color: var(--themeht-secondary-color);
	font-weight: 500;
	font-size: 13px;
	position: relative;
	margin-right: 25px;
	letter-spacing: 0.8px;
	font-family: var(--themeht-typography-secondary-font-family);
	display: inline-block;
	text-transform: uppercase;*/
}
.post-card .post-bottom li i {
	color: var(--themeht-primary-color);
}
.post-bottom li i {
	font-size: 16px;
	color: var(--themeht-secondary-color);
	margin-right: 4px;
	vertical-align: middle;
}
.post-card .post-bottom li span {
	display: inline;
}
.post-card .post-bottom li span a:hover {
	color: var(--themeht-primary-color);
}
.post-single-page .post-desc h1,
.portfolio-single h1 {
	line-height: 70px;
	font-size: 60px;
	margin-bottom: 20px;
	word-break: break-all;
}
.tags-links a {
	padding: 10px 18px 8px 18px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 5px 10px 0;
	border-radius: 100px;
	font-weight: 500;
	font-size: 12px !important;
	line-height: 13px;
	letter-spacing: 0.8px;
	color: var(--themeht-body-color);
	background-color: var(--themeht-white-color);
}
.tags-links a:hover {
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}
.themeht-blogs .post {
	margin-bottom: 50px;
}
.blog .post-title h4 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 15px;
}
.edit-link {
	margin-left: 10px;
	display: none !important;
}
.edit-link .post-edit-link {
	border: 1px solid #DBDDDE;
	padding: 2px 10px;
}
.post-single-page .elementor-widget:not(:last-child) {
	margin-bottom: 0;
}
.theme-tags {
	clear: both;
	margin-top: 40px;
}
.theme-tags .tags-links {
	color: var(--themeht-secondary-color);
}


.post-card .post-bottom li i.bi.bi-calendar3 {
    font-size: 14px;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

/* .post-card.style-1 */
.post-card.style-1 {
	position: relative;
	margin-bottom: 30px;
	border-radius: 20px;
	padding: 0px 3px;
}
.post-card.style-1 .post-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px 20px 0px 20px;
}
.post-card.style-1:hover .post-image img {
	transform: scale(1.1);
}
.post-card.style-1 .post-date {
	text-transform: uppercase;
	font-weight: 600;
	font-family: var(--themeht-typography-secondary-font-family);
	z-index: 9;
	position: relative;
}
.post-card.style-1 .button-style-2 .button-style-2-link {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}
.post-card.style-1 .button-style-2 .button-style-2-link:hover {
	background-color: var(--themeht-secondary-color);
}
.post-card.style-1 .post-date i {
	margin-right: 8px;
	font-size: 18px;
}
.post-card.style-1 .post-date a {
	color: var(--themeht-white-color);
	background: var(--themeht-primary-color);
	line-height: 15px;
	border-radius: 100px;
	font-size: 13px;
	display: inline-block;
	position: relative;
	font-family: var(--themeht-typography-secondary-font-family);
	font-weight: 400;
	padding: 4px 10px;
	letter-spacing: 1px;
}
.post-card.style-1 .read-button {
	display: none;
}
.post-card.style-1 .post-title h4 {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 0;
	margin-top: 12px;
	z-index: 9;
	position: relative;
}
.post-card.style-1 ul.post-bottom {
	padding: 0px;
	margin: 15px 0px 10px 0px;
	display: flex;
}
.post-card.style-1 .post-bottom li a {
	color: var(--themeht-body-color);
	font-family: var(--themeht-typography-secondary-font-family);
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .08px;
}
.post-card.style-1 .post-bottom li i {
	color: var(--themeht-primary-color);
	font-size: 20px;
	line-height: 20px;
	margin-right: 5px;
}
.post-card.style-1 .post-bottom li i.bi-bookmarks {
	font-size: 18px;
}

/* post-card style-2 */
.post-card.style-2 {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.post-card.style-2 .post-image {
	overflow: hidden;
	border-radius: 10px 10px 0px 10px;
}
.post-card.style-2 .post-image img {
	width: 100%;
	border-radius: 10px;
}
.post-card.style-2:hover .post-image img {
	transform: scale(1.1);
}
.post-card.style-2 .post-image {
	margin-right: 30px;
	flex-shrink: 0;
}
.post-card.style-2 .post-date a time {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
	font-family: var(--themeht-typography-secondary-font-family);
	font-size: 12px;
	line-height: 12px;
	padding: 6px 10px;
	text-transform: uppercase;
	border-radius: 100px;
	letter-spacing: 1px;
	font-weight: 400;
}
.post-card.style-2 .post-title {
	margin-bottom: 0px;
	margin-top: 18px;
}
.post-card.style-2 .post-title h4 {
	font-size: 22px;
	line-height: 30px;
}
.post-card.style-2 .button-style-2 {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50% 0 0 0;
}
.post-card.style-2 .button-style-2 .button-style-2-link {
	width: 40px;
	height: 40px;
	line-height: 44px;
}
.post-single-page .has-post-thumbnail .post-card .post-desc {
	padding-top: 30px;
}
.post-card.post-classic .post-desc {
	padding: 30px 60px 30px 30px;
	position: relative;
}
.post-card.post-classic {
	border-radius: 20px;
	background: var(--themeht-white-color);
}

/* ---- Sidebar Widget ----*/
.widget-title {
	font-size: 24px;
	line-height: 30px;
	text-transform: normal;
	padding-left: 29px;
	margin-bottom: 15px !important;
	position: relative;
}
/*.widget-title::before {
	position: absolute;
	top: 6px;
	left: 0px;
	content: "\f102";
	font-family: flaticon_mycollection !important;
	color: var(--themeht-primary-color);
	font-size: 21px;
	line-height: 18px;
}*/
.widget {
	margin-bottom: 40px;
	background: var(--themeht-white-color);
	padding: 30px;
	border-radius: 20px;
	position: relative;
}

.themeht-sidebar .widget {
	margin-bottom: 50px;
}

.themeht-sidebar .widget:last-child {
	margin-bottom: 0
}

.themeht-sidebar .widget ul,
.themeht-sidebar .widget ol,
.wp-block-archives ul {
	margin: 0;
	padding-left: 0;
}

.themeht-sidebar .widget ul.children,
.themeht-sidebar .widget ol.children {
	margin-left: 15px;
	margin-top: 15px;
}

.themeht-sidebar .widget ul li,
.themeht-sidebar .widget ol li,
.wp-block-archives li,
.wp-block-latest-posts li,
.widget_recent_entries li,
.wp-block-categories li,
.wp-block-page-list li {
	list-style-type: none;
	margin-bottom: 20px;
	position: relative;
}

.themeht-sidebar .widget ol li {
	padding-left: 0;
}

.themeht-sidebar .widget ul li:last-child,
.themeht-sidebar .widget ol li:last-child,
.wp-block-latest-posts li:last-child,
.widget_recent_entries li:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0;
}

.themeht-sidebar .widget ul.wp-block-social-links-is-layout-flex li {
	margin-bottom: 0px !important;
}

.widget.widget_tag_cloud {
	padding-bottom: 20px;
}

.widget_block p.wp-block-tag-cloud {
	margin-bottom: 0px;
}

.themeht-sidebar .widget .tagcloud a,
.wp-block-tag-cloud a {
	background: var(--themeht-light-color);
	color: var(--themeht-body-color);
	padding: 10px 18px 8px 18px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin: 0px 5px 10px 0;
	border-radius: 100px;
	font-weight: 500;
	font-size: 12px !important;
	line-height: 13px;
	letter-spacing: 0.8px;
}

.themeht-sidebar .widget .tagcloud a:hover,
.wp-block-tag-cloud a:hover {
	background: var(--themeht-primary-color) !important;
	color: var(--themeht-white-color);
}

.type-post .wp-block-tag-cloud a {
	background-color: var(--themeht-white-color);
}

.widget.widget_categories li,
.wp-block-categories li {
	color: var(--themeht-body-color);
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	width: 100%;
	align-items: center;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 12px;
	margin-bottom: 12px !important;
}

.widget_categories li:last-child,
.wp-block-categories li:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
} 

.widget.widget_categories ul li a,
.wp-block-categories li a {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	font-family: var(--themeht-typography-secondary-font-family);
	margin-right: auto;
	width: 100%;
}

.widget.widget_categories ul li:before,
.wp-block-categories li:before {
	content: " ";
	background-color: var(--themeht-primary-color);
	position: absolute;
	left: 0px;
	top: 9px;
	height: 8px;
	width: 8px;
	border-radius: 50%;
}

.themeht-sidebar .widget_recent_entries li,
.wp-block-latest-posts li {
	margin-bottom: 15px;
}

.widget .wp-block-loginout p {
	margin-bottom: 10px;
}

.widget .wp-block-loginout p:last-child {
	margin: 0;
}

.widget .wp-block-latest-comments__comment-excerpt p,
.wp-block-latest-posts__post-excerpt {
	margin-bottom: 0px;
}

.search-form {
	position: relative
}

.search-form label {
	width: 100%;
} 
.search-form button[type="submit"] {
	background: inherit;
	color: var(--themeht-body-color);
	font-size: 20px;
	line-height: 55px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	right: 15px;
	padding: 0;
	border: none;
	top: 0;
	z-index: 1;
}

.search-form button[type="submit"]:hover {
	color: var(--themeht-secondary-color);
}

.wp-block-search__inside-wrapper {
	position: relative;
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
	position: absolute;
	padding: 0;
	border: none;
	background: transparent !important;
	font-size: 0;
	right: 15px;
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:before {
	position: absolute;
	content: "\f52a";
	font-family: 'bootstrap-icons';
	color: var(--themeht-body-color);
	font-size: 20px;
	line-height: 55px;
	text-align: center;
	cursor: pointer;
	right: 0;
	padding: 0;
	border: none;
	top: 0;
	z-index: 1;
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover:before {
	color: var(--themeht-secondary-color);
}

.themeht-sidebar .widget li a {
	font-size: 14px;
	line-height: 24px;
	color: var(--themeht-secondary-color);
}

.themeht-sidebar .widget li a.wp-block-pages-list__item__link {
	display: block;
}

.themeht-sidebar .widget li a:hover {
	color: var(--themeht-primary-color);
}

.themeht-sidebar .widget_search .search-form .search-field {
	padding-left: 25px;
}

.themeht-sidebar .widget_search .search-form .search-submit {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
	border-radius: 100%;
	height: 40px;
	width: 40px;
	line-height: 40px;
	right: 8px;
	top: 8px;
	font-size: 14px;
}

/* post sidebar */ 
.widget_themeht_recentpost li {
	display: flex;
	align-items: center;
}

.themeht-post-image {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}

.widget .themeht-post-image img {
	border-radius: 10px;
}

.widget .themeht-post-date {
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0.4px;
	position: relative;
	padding-left: 20px;

}

.widget .themeht-post-date:before {
	display: inline-block;
	padding-right: 0.4rem;
	content: "\f214";
	font-family: 'bootstrap-icons';
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	left: 0;
	top: 1px;
}

.widget_themeht_recentpost ul li .themeht-post-content a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    font-family: var(--themeht-typography-secondary-font-family);
    margin-bottom: 12px;
}

.themeht-sidebar .widget.widget_nav_menu .menu-testing-menu-container ul li {
	padding: 0;
}

.themeht-sidebar .widget.widget_nav_menu .menu-testing-menu-container ul>li ul {
	margin-left: 0;
}

/* ---- Post Comments ----*/
.post-comment {
	margin-top: 50px;
}

.post-comment .comments-title,
.post-comment .comment-reply-title {
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 30px;
}

.post-comment .comment-reply-title {
	margin-bottom: 15px;
}

.comments-box {
	box-shadow: 0px 22px 57px 0px rgb(34 41 72 / 5%);
	padding: 50px;
	margin-top: 50px;
}

.comment-author img {
	margin-right: 20px;
	width: 80px !important;
	height: 80px !important;
	display: inline-block;
	border-radius: 100px !important;
}

.post-comment li.comment,
.post-comment li.trackback,
.post-comment li.pingback {
	margin-bottom: 30px;
	list-style-type: none;
}

.has-avatars .wp-block-latest-comments__comment,
.post-comment li.comment .comment-body,
.post-comment li.trackback .comment-body,
.post-comment li.pingback .comment-body,
.wp-block-comments .wp-block-comment-template {
	border: 1px solid #DBDDDE;
	margin-bottom: 30px;
	padding: 30px;
	list-style-type: none;
	border-radius: 20px;
}

.has-avatars .wp-block-latest-comments__comment {
	padding: 30px 30px 10px 30px !important;
}

.has-avatars .wp-block-latest-comments__comment img {
	width: inherit;
}

.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1 {
	margin-bottom: 0;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.post-comment .comment-meta {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.wp-block-latest-comments__comment-date,
.post-comment .comment-metadata {
	font-size: 14px;
	margin-left: auto;
	text-transform: uppercase;
	font-weight: 400;
	font-family: var(--themeht-typography-secondary-font-family);
	color: var(--themeht-secondary-color);
}

.says {
	display: none;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt a,
.comment-author.vcard b,
.comment-author.vcard a {
	text-transform: capitalize;
	font-size: 22px;
	line-height: 28px;
	color: var(--themeht-secondary-color);
	font-family: var(--themeht-typography-secondary-font-family);
	font-weight: 400;
}

.comment-author.vcard a:hover {
	color: var(--themeht-secondary-color);
}

.comment-form-author {
	float: left;
	width: 50%;
	padding-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.comment-form-email {
	float: left;
	width: 50%;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.comment-form-url {
	clear: both;
	margin-bottom: 15px;
}

.post-comment .form-submit {
	margin-top: 30px;
	margin-bottom: 0px;
}

.comment-respond {
	padding: 40px;
	background: var(--themeht-white-color);
	border-radius: 30px;
	margin-top: 30px;

}

.comment-form-cookies-consent {
	align-items: center;
	display: flex;
}

.comment-form-cookies-consent input {
	margin-right: 10px;
}

.comment-form-comment {
	margin-top: 30px;
	margin-bottom: 0;
}

.post-comment .comment-content img {
	border-radius: 20px;
}

.reply {
	text-align: right;
}

.comment-reply-link,
.comment-reply-link:focus,
.comment-reply-link:visited,
.comment-reply-link:active {
	font-size: 12px;
	line-height: 12px;
	border: 1px solid transparent;
	position: relative;
	text-transform: uppercase;
	padding: 6px 11px 5px 30px;
	color: var(--themeht-white-color);
	background: var(--themeht-primary-color);
	display: inline-block;
	font-family: var(--themeht-typography-secondary-font-family);
	border-radius: 100px;
	letter-spacing: 0.6px;

}

.comment-reply-link:hover {
	background: var(--themeht-secondary-color);
	color: var(--themeht-white-color);
}

.comment-reply-link:before {
	content: '\f520';
	font-family: 'bootstrap-icons';
	font-size: 14px;
	position: absolute;
	left: 10px;
	top: 4px;

}

#comments small #cancel-comment-reply-link {
	margin-left: 15px;
	font-size: 22px;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin-top: 100px;
	padding-top: 40px;
	margin-bottom: 0;
	clear: both;
	border-top: 1px solid #DBDDDE;
}

.site-main .comment-navigation .nav-links a,
.site-main .posts-navigation .nav-links a,
.site-main .post-navigation .nav-links a {
	display: inline-block;
	transition: all 0s ease-in-out 0s;
	position: relative;
}

.site-main .comment-navigation .nav-links a:hover,

.site-main .posts-navigation .nav-links a:hover,

.site-main .post-navigation .nav-links a:hover {
	color: var(--themeht-secondary-color);
}

.nav-title {
	display: block;
	word-break: break-word;
	font-size: 22px;
	font-family: var(--themeht-typography-secondary-font-family);
	font-weight: 400;
	margin-top: 25px;
}

.nav-next a:hover .nav-title,
.nav-previous a:hover .nav-title {
	color: var(--themeht-primary-color);
}

.site-main .comment-navigation .nav-links .nav-subtitle,
.site-main .posts-navigation .nav-links .nav-subtitle,
.site-main .post-navigation .nav-links .nav-subtitle {
	padding-left: 50px;
	font-family: var(--themeht-typography-secondary-font-family);
	color: var(--themeht-body-color);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}


.site-main .comment-navigation .nav-links .nav-next .nav-subtitle,
.site-main .posts-navigation .nav-links .nav-next .nav-subtitle,
.site-main .post-navigation .nav-links .nav-next .nav-subtitle {
	padding-left: 0;
	padding-right: 50px;
}

.site-main .comment-navigation .nav-links .nav-previous,
.site-main .posts-navigation .nav-links .nav-previous,
.site-main .post-navigation .nav-links .nav-previous {
	max-width: 300px;
	margin-left: auto;
}

.site-main .post-navigation .nav-links .nav-previous .nav-subtitle-arrow,
.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 43px;
	display: flex;
	overflow: hidden;
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
	border-radius: 100%;
}

.site-main .post-navigation .nav-links .nav-previous .nav-subtitle-arrow {
	left: 0px;
}

.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow {
	right: 0px;
}

.site-main .post-navigation .nav-links .nav-previous .nav-subtitle-arrow i {
	font-size: 26px;
	right: 4px;
	position: relative;
	margin-right: 15px;
	margin-left: 13px;
}

.site-main .post-navigation .nav-links .nav-previous a:hover .nav-subtitle-arrow .bi-arrow-left-short {
	right: 59px;
}

.site-main .post-navigation .nav-links .nav-next .nav-subtitle-arrow i {
	font-size: 26px;
	left: -35px;
	position: relative;
	margin-right: 15px;
}

.site-main .post-navigation .nav-links .nav-next a:hover .nav-subtitle-arrow .bi-arrow-right-short {
	left: 6px;
}


.site-main .comment-navigation .nav-links .nav-next,
.site-main .posts-navigation .nav-links .nav-next,
.site-main .post-navigation .nav-links .nav-next {
	max-width: 300px;
	overflow: hidden;
}


.post.sticky .post-card {
	box-shadow: none;
	background: var(--themeht-primary-color);
	border-radius: 30px;
	position: relative;
}

.post.sticky .post-card .post-bottom li i,
.post.sticky .post-card .post-bottom li a,
.post.sticky .post-card .post-bottom li {
	color: var(--themeht-white-color);
}

.post.sticky .post-card .post-bottom li a:hover {
	color: var(--themeht-secondary-color) !important;
}

.post.sticky .post-card .post-title h4 a {
	color: var(--themeht-white-color);
}

.post.sticky .post-card .post-title h4 a:hover {
	color: var(--themeht-secondary-color) !important;
}

.post.sticky .post-card p {
	color: var(--themeht-white-color);
}

.post.sticky .post-card .button-style-2 .button-style-2-link::before {
	position: absolute;
	content: "";
	top: 37px;
	left: -11px;
	height: 16px;
	width: 1px;
	background-color: var(--themeht-light-color);
	z-index: 9;
}

.post.sticky .post-card .button-style-2 .button-style-2-link::after {
	position: absolute;
	content: "";
	bottom: 0px;
	left: -24px;
	height: 1px;
	width: 16px;
	background-color: #f6f6f6;
	z-index: 9;
}

/* ------------------------ 
    Featured Box style 1
------------------------*/
.featured-item.style-1 {
	position: relative;
	padding: 33px 80px 31px 40px;
	background-color: var(--themeht-white-color);
	border-radius: 20px;
	margin-bottom: 30px;
}

.featured-item.style-1 .featured-number {
	font-family: var(--themeht-typography-secondary-font-family);
	font-size: 14px;
}

.featured-item.style-1 span {
	font-family: var(--themeht-typography-secondary-font-family);
}

.featured-item.style-1 .featured-icon {
	margin-bottom: 15px;
	overflow: hidden;
	text-align: right;
	margin-right: -40px;
}

.featured-item.style-1 .featured-icon i {
	font-size: 70px;
	line-height: 70px;
	color: var(--themeht-secondary-color);
	display: inline-block;
}

.featured-item.style-1 .featured-icon img {
	width: 80px;
	border-radius: 100px;
}

.featured-item.style-1 .featured-icon svg {
	color: var(--themeht-secondary-color);
}

.featured-item.style-1 .featured-subtitle {
	font-family: var(--themeht-typography-secondary-font-family);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.featured-item.style-1 .featured-title h5 {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 0px;
	padding-right: 10px;
}

.featured-item p {
	margin-bottom: 0;
}

.featured-icon svg {
	width: 70px;
	height: 70px;
}

.featured-item.style-1 .featured-button a:hover {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}


/* ------------------------ 
    Featured Box style 2
------------------------*/
.featured-item.style-2 {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 50px;
}

.featured-item.style-2 .featured-icon i{
     min-width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 50px;
    color: var(--themeht-white-color);
    background: var(--themeht-primary-color);
    border-radius: 100px;
    margin-right: 30px;  
	display: block;
}

.featured-item.style-2 .featured-numbr {
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
	min-width: 90px;
	min-height: 90px;
	text-align: center;
	line-height: 90px;
	border-radius: 100px;
	position: relative;
	margin-right: 50px;
}

.featured-item.style-2 .featured-numbr span {
	font-size: 20px;
	font-family: var(--themeht-typography-secondary-font-family);
}

.featured-item.style-2 .featured-numbr::before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 130px;
	height: 130px;
	border: 2px solid var(--themeht-white-color);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 100px;
}

.featured-item.style-2 .featured-title h5 {
	border-bottom: 1px solid #DBDDDE;
	font-size: 22px;
	padding-bottom: 17px;
	line-height: 28px;
	margin-bottom: 12px;
}


/* featured-item.style-3 */
.featured-item.style-3 .featured-icon {
	font-size: 50px;
	line-height: 1;
	color: var(--themeht-primary-color);
	display: inline-block;
	margin-bottom: 13px;
}

.featured-item.style-3 .featured-top {
	margin-bottom: 28px;
}

.featured-item.style-3 h5 {
	margin-bottom: 6px;
	font-size: 22px;
	line-height: 33px;
}

.featured-item.style-3 img {
	width: 70px;
	border-radius: 100px;
}

.featured-item.style-3 svg {
	width: 50px;
	height: 50px;
}

/* featured-item style-4 */
.featured-item.style-4 {
	margin-bottom: 30px;
}

.featured-item.style-4 .featured-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: var(--themeht-white-color);
	background-color: var(--themeht-primary-color);
	border-radius: 100px;
	text-align: center;
	font-size: 25px;
}

.featured-item.style-4 .featured-icon img {
	max-width: 40px;
}

.featured-item.style-4 .featured-icon svg {
	width: 40px;
	height: 60px;
}

.featured-item.style-4 h5 {
	margin: 13px 0px 8px 0px;
	font-size: 22px;
	line-height: 32px;
}

/* featured-item style-5 */
.featured-item.style-5{
	margin-bottom: 30px;
}
.featured-item.style-5 .featured-top{
 display: flex;
}
.featured-item.style-5 h5{
	margin-bottom: 10px;
}
.featured-item.style-5 .featured-icon{
	margin-right: 40px;
}
.featured-item.style-5 .featured-icon i{
	font-size: 60px;
	line-height: 60px; 
	color: var(--themeht-primary-color); 
}  

/* featured-item style-6 */
.featured-item.style-6 {
	backdrop-filter: blur(20px);
	background-color: rgba(255, 255, 255, 0.4);
	padding: 30px;
	border-radius: 20px;
	border: 1px solid #ffffff40;
}
.featured-item.style-6:hover{
	background-color: var(--themeht-white-color);

}
.featured-item.style-6 .featured-icon{
	font-size: 55px;
	line-height: 55px;
	color: var(--themeht-secondary-color);
}
.featured-item.style-6 .button-style-2-link{
	transform: rotate(45deg);
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid;
	display: block;
	border-radius: 50px;
	font-size: 25px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.featured-item.style-6 .button-style-2-link:hover{
	color: var(--themeht-white-color);
	background-color: var(--themeht-secondary-color);
}
.featured-item.style-6 .featured-title-warp{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
	padding-right: 50px;
}
.featured-item.style-6 h5{
	margin: 0;
	font-size: 22px;
	line-height: 34px;
}
/* ------------------------
    Testimonials
------------------------*/
.testimonial-dot-left.testimonial-swiper .swiper-pagination {
	text-align: right;
}

.testimonial.style-1 {
	position: relative;
	padding: 40px 40px 32px 40px;
	border-radius: 20px;
	background-color: var(--themeht-white-color);
	margin-bottom: 30px;
	margin-left: 3px;
	margin-right: 3px;
}

.testimonial.style-1 .testimonial-caption {
	display: inline-flex;
	align-items: center;
	margin-bottom: 20px;
}

.testimonial.style-1 .testimonial-img img {
	width: 70px;
	border-radius: 100% !important;
}

.testimonial.style-1 .testimonial-caption-text {
	text-align: left;
	margin-left: 15px;
}

.testimonial.style-1 .testimonial-content p {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
    margin-bottom: 19px;
    font-family: var(--themeht-typography-secondary-font-family);
}

.testimonial.style-1 .testimonial-caption-text h4 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 2px;
}

.testimonial.style-1 .testimonial-caption span {
	text-transform: uppercase;
	font-family: var(--themeht-typography-secondary-font-family);
	letter-spacing: 0.8px;
	font-size: 14px;
}

.testimonial.style-1 .testimonial-rating i {
	color: #fcc300;
}

.testimonial.style-1 .button-style-2 .button-style-2-link {
	transform: rotate(0deg);
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
	font-size: 21px;
}
.primary-bg .testimonial.style-1 .button-style-2 .button-style-2-link{
	background-color: var(--themeht-white-color);
	color: var(--themeht-primary-color);
}
.primary-bg .testimonial.style-1 .button-style-2 .button-style-2-link:hover{
	background-color: var(--themeht-white-color);
	color: var(--themeht-primary-color);
}
.testimonial.style-1 .button-style-2 .button-style-2-link i {
	display: contents;
}

.testimonial-dot-left .testimonial.style-1 .swiper-nav-dots .swiper-pagination {
	text-align: left;
}
.primary-bg  .button-style-2 a::before,
.primary-bg  .button-style-2 a::after,
.primary-bg  .button-style-2::before,
.primary-bg  .button-style-2::after,
.primary-bg  .button-style-2{
 background-color: var(--themeht-primary-color);
}
.primary-bg .button-style-2>svg>path {
    fill:  var(--themeht-primary-color) !important;
}
.primary-bg .button-style-2 .button-style-2-link:hover{
 background-color: var(--themeht-secondary-color);
 color: var(--themeht-white-color);
}
/* ------------ */
.testimonial-content p {
	font-size: 18px;
	line-height: 30px;
	margin: 30px 0;
	color: var(--themeht-body-color);
}

.testimonial-caption {
	position: relative;
	display: inline-block;
	text-align: left;
}

.testimonial .testimonial-caption span {
	color: var(--themeht-body-color);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}

.testimonial .testimonial-caption h4 {
	display: inline-block;
	margin-bottom: 0;
	color: var(--themeht-secondary-color)
}

.testimonial-img img {
	width: 100px;
	border-radius: 100% !important;
	height: 100px;
}


/* testimonial style 2 */
.testimonial.style-2 {
	position: relative;
}

.testimonial.style-2 .testimonial-content p {
	font-family: var(--themeht-typography-secondary-font-family);
	font-size: 22px;
	line-height: 36px;
	font-weight: 500;
	font-style: italic;
	color: var(--themeht-secondary-color);
	margin: 12px 0 35px 0;
}

.testimonial.style-2 .testimonial-caption h4 {
	font-size: 22px;
	line-height: 29px;
	font-weight: 500;
	margin-bottom: 3px;
}

.testimonial.style-2 .testimonial-caption span {
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	display: block;
	letter-spacing: 0.8px;
	font-family: var(--themeht-typography-secondary-font-family);
}

.testimonial.style-2 .testimonial-author {
	display: inline-flex;
	align-items: center;
}

.testimonial.style-2 .testimonial-img {
	margin-right: 15px;
	margin-top: 0;
	width: 70px;
}

.testimonial.style-2 .testimonial-rating i {
	color: #ffb300;
	margin-right: 2px;
}

.secondary-bg .testimonial.style-2 .testimonial-caption h4,
.secondary-bg .testimonial.style-2 .testimonial-content p {
	color: var(--themeht-white-color);
}

.secondary-bg .testimonial.style-2 .testimonial-content p {
	margin: 22px 0 35px 0;
	font-size: 22px;
	line-height: 40px;
}

.secondary-bg .testimonial.style-2 .testimonial-caption span {
	color: var(--themeht-primary-color);
}

.secondary-bg .testimonial.style-2 {
	padding: 0px 150px;
}

.testimonial-swiper.secondary-bg .swiper-button-next,
.testimonial-swiper.secondary-bg .swiper-button-prev {
	background-color: rgba(255, 255, 255, 0.3);
	border: inherit;
}

.testimonial-swiper.secondary-bg .swiper-button-next:hover,
.testimonial-swiper.secondary-bg .swiper-button-prev:hover {
	background-color: var(--themeht-primary-color);
}

.testimonial-swiper.secondary-bg .swiper-button-next:after,
.testimonial-swiper.secondary-bg .swiper-button-prev:after {
	color: var(--themeht-white-color);
}

.secondary-bg .testimonial-swiper.swiper .swiper-button-prev,
.secondary-bg .testimonial-swiper.swiper .swiper-button-next {
	background-color: rgba(255, 255, 255, 0.1);
}

.secondary-bg .testimonial-swiper.swiper .swiper-button-prev:hover,
.secondary-bg .testimonial-swiper.swiper .swiper-button-next:hover {
	background-color: var(--themeht-primary-color);
}

.secondary-bg .testimonial-swiper.swiper .swiper-button-next:after,
.secondary-bg .testimonial-swiper.swiper .swiper-button-prev:after {
	color: var(--themeht-white-color);
}

/* ------------------------
    Service Box
------------------------*/
.service-title h4 {
	text-transform: capitalize;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 32px;
}

.service-item .service-title h4 a {
	color: var(--themeht-white-color);
}

.service-item .service-title h4 a:hover {
	color: var(--themeht-secondary-color);
}

.arrow-button {
	font-size: 70px;
	color: transparent;
	-webkit-text-stroke: 1px black;
	transform: rotate(-45deg);
	line-height: 1;
}

.service-item.style-1 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 40px;
	margin: 0px 20px 40px 20px;
}

.service-item.style-1 .service-title h4 a {
	color: var(--themeht-secondary-color);
}

.service-item.style-1 .service-title h4 a:hover {
	color: var(--themeht-primary-color);
}

.service-item.style-1:hover {
	padding-left: 40px;
}

.service-item.style-1 .service-inner {
	display: flex;
	align-items: center;
}

.service-item.style-1 .service-num {
	font-size: 16px;
	line-height: 16px;
	color: var(--themeht-body-color);
	font-family: var(--themeht-typography-secondary-font-family);
	position: relative;
	padding-left: 60px;
	margin-bottom: 10px;
	display: inline-block;
}

.service-item.style-1 .service-num:before {
	content: '';
	position: absolute;
	left: 0;
	border-bottom: 1px solid #E3E3E3;
	width: 50px;
	height: 1px;
	top: 50%;
	margin-top: -1px;
}

.service-item .service-title h4 a:hover {
	color: var(--themeht-secondary-color);
}

.service-item.style-1 .service-image {
	opacity: 0;
	visibility: hidden;
	transition: all .7s ease;
	position: absolute;
	transform: scale(0);
	top: -7px;
	left: 0;
	z-index: 10;
	width: 80px;
	border-radius: 8px;
	overflow: hidden;
}

.service-item.style-1:hover .service-image {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.service-item.style-1 .arrow-button {
	font-size: 45px;
	color: transparent;
	-webkit-text-stroke: 1px var(--themeht-white-color);
	transform: rotate(0deg);
	line-height: 1;
}

.service-item.style-1 .arrow-button:hover {
	color: var(--themeht-white-color);
}

.service-item.style-1 .service-icon {
	font-size: 60px;
	line-height: 1;
	color: var(--themeht-primary-color);
	flex-shrink: 0;
	margin-right: 40px;
}

.service-item.style-1:hover .service-icon {
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out;
}

.elementor-widget-container .row.gx-lg-5 .col-lg-6.col-12:nth-of-type(6n+5) .service-item.style-1,
.elementor-widget-container .row.gx-lg-5 .col-lg-6.col-12:nth-of-type(6n+6) .service-item.style-1 {
	border-bottom: inherit;
}


/* style-1 - white */
.primary-bg .service-item.style-1 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.primary-bg .service-item.style-1 .service-title h4 a,
.primary-bg .service-item.style-1 .service-icon {
	color: var(--themeht-white-color);
}

.primary-bg .service-item.style-1 .service-title h4 a:hover {
	color: var(--themeht-secondary-color);
}

.primary-bg .service-item.style-1 .service-num {
	color: var(--themeht-white-color);
}

.primary-bg .service-item.style-1 .service-num:before {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}


/* service-item style 2 */
.service-item.style-2 {
	position: relative;
	margin-bottom: 30px;
}

.service-item.style-2 .service-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px 20px 0px 20px;
}

.service-item.style-2 .service-image img {
	border-radius: 20px;
	width: 100%;
}

.service-item.style-2:hover .service-image img {
	transform: scale(1.1);
}

.service-item.style-2 .service-title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 130px 50px 25px 30px;
	width: 100%;
	border-radius: 0px 0px 20px 19px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 100%);
}

.service-list {
	position: relative;
	overflow: hidden;
	padding-right: 50%;
	border: 1px solid #DBDDDE;
}

.service-list .service-item.style-2 .service-image {
	position: absolute;
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	transition: .6s cubic-bezier(1, 0, .25, .995);
	opacity: 0;
	top: 5%;
	right: 2.5%;
	width: 45%;
	height: 90%;
}

.service-list .service-item.style-2 .service-image .service-img-inner {
	width: 100%;
	height: 100%;
}

.service-list .service-item.style-2.active .service-image {
	z-index: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	opacity: 1;
}

.service-item.style-2 .service-desc {
	display: flex;
	justify-content: space-between;
}

.service-item.style-2 .service-subtitle {
	font-size: 18px;
	line-height: 15px;
	letter-spacing: 0.8px;
	position: relative;
	z-index: 99;
	text-transform: uppercase;
}

.service-item.style-2 .service-title h4 {
	font-size: 24px;
	line-height: 30px;
	position: relative;
	z-index: 99;
	margin-top: 7px;
}

.service-item.style-2 .service-title h4 a {
	color: var(--themeht-secondary-color);
}

.service-item.style-2 .service-title h4 a:hover {
	color: var(--themeht-primary-color);
}

/* service-item style 3 */
.service-item.style-3 {
	text-align: center;
	background-color: var(--themeht-white-color);
	border-radius: 20px;
	padding: 40px 40px 32px 40px;
	position: relative;
	margin-bottom: 30px;
}

.service-item.style-3 .service-image {
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	margin-bottom: 36px;
	display: inline;
}

.service-item.style-3 .service-image img {
	border-radius: 100px;
	margin-bottom: 34px;
	width: 200px;
	height: 200px;
	text-align: center;
}

.service-item.style-3:hover .service-image img {
	transform: scale(1.1);
}

.service-item.style-3 .service-icon {
	font-size: 90px;
	position: absolute;
	left: 0;
	bottom: 85px;
	opacity: 0.1;

}

.service-item.style-3 .service-title h4 {
	margin-bottom: 4px;
	font-size: 22px;
	line-height: 32px;
}

.service-item.style-3 .service-title h4 a {
	color: var(--themeht-secondary-color);

}

.service-item.style-3 .service-title h4 a:hover {
	color: var(--themeht-primary-color) !important;
}

.service-item.style-3 .service-subtitle {
	font-family: var(--themeht-typography-secondary-font-family);
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 9px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.service-item.style-3 .service-desc {
	overflow: hidden;
	background-color: var(--themeht-white-color);
	box-shadow: 0 20px 60px rgba(92, 107, 149, .15);
	padding: 30px;
	position: relative;
	z-index: 9;
	display: flex;
	align-items: flex-start;
	width: 90%;
	margin: -62px auto 0;
}
.primary-bg .service-item.style-3 .button-style-2 a::before,
.primary-bg .service-item.style-3 .button-style-2 a::after,
.primary-bg .service-item.style-3 .button-style-2::before,
.primary-bg .service-item.style-3 .button-style-2::after,
.primary-bg .service-item.style-3 .button-style-2{
 background-color: var(--themeht-primary-color);
}
.primary-bg .service-item.style-3 .button-style-2>svg>path {
    fill:  var(--themeht-primary-color) !important;
}
.primary-bg .button-style-2 .button-style-2-link:hover{
 background-color: var(--themeht-secondary-color);
 color: var(--themeht-white-color);
}


.service-item.style-4{
	position: relative;
	margin-bottom: 30px;
}
.service-item.style-4::before{
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	width: 100%;
	height: 100%;
    background-color: rgb(0 0 0 / 40%);
    border-radius: 30px;
}
.service-item.style-4 .service-image img{
	border-radius: 30px;
	width: 100%;
}
.service-item.style-4 .service-title{
	position: absolute;
	top: 20px;
	left: 30px; 
}
.service-item.style-4 .service-subtitle {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--themeht-white-color);
    font-size: 15px;
    letter-spacing: 1px;
}
.service-item.style-4 .service-title h4{
    font-size: 32px;
    line-height: 42px;
	margin-top: 5px;
	font-weight: 400;
}
.service-item.style-4 .service-title h4 a{
    color: var(--themeht-white-color) !important;
}
.service-item.style-4 .themeht-btn{
	position: absolute;
	bottom: 30px;
	left: 30px;
	border-radius: 10px;
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    text-transform: capitalize;
    padding: 15px 30px;
}

.service-item.style-4  .themeht-btn:hover,
.secondary-bg .service-item.style-4  .themeht-btn:hover {
	background: var(--themeht-white-color);
    color: var(--themeht-secondary-color) !important;
}

/*Service Sidebar*/
.service-widget ul {
	padding: 0;
	margin: 0;
}

.service-widget li {
	list-style-type: none;
}

.service-widget li:last-child {
	margin-bottom: 0;
}

.service-page-sidebar .widget.widget_nav_menu li a {
	color: var(--themeht-secondary-color);
	display: block;
	font-weight: 500;
	font-size: 14px !important;
	line-height: 20px !important;
	text-transform: uppercase;
	padding: 15px 20px;
	position: relative;
	border: 1px solid #efefef;
	margin-bottom: 8px;
	border-radius: 10px;
	font-family: var(--themeht-typography-secondary-font-family);
}

.widget.widget_nav_menu li a:hover {
	border-color: var(--themeht-primary-color);
}

.widget.widget_nav_menu li:last-child a {
	margin: 0;
}

.service-page-sidebar .widget.widget_nav_menu li a::after {
	position: absolute;
	top: 14px;
	right: 10px;
	font-family: bootstrap-icons !important;
	color: var(--themeht-secondary-color);
	content: "\f135";
	font-size: 28px;
	transform: rotate(-43deg);
}

.service-page-sidebar .widget.widget_nav_menu li a::before {
	content: none;
}

.widget.widget_nav_menu li a:hover,
.widget.widget_nav_menu li a:hover:before,
.widget.widget_nav_menu li.current-menu-item a::after {
	color: var(--themeht-primary-color);
}

.widget_text {
	background-color: var(--themeht-white-color);
	padding: 30px;
}

.service-contact h3,
.service-contact p {
	color: var(--themeht-white-color);
}

.contact-widget {
	background-color: var(--themeht-secondary-color);
	border-radius: 20px;
	padding: 40px 30px;
	position: relative;
	background-image: url(https://labtox.themeht.com/wp-content/uploads/2024/01/testimonial-bg1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.contact-widget::before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	background-color: var(--themeht-secondary-color);
	width: 100%;
	height: 100%;
	border-radius: 20px;
	opacity: 0.7;

}

.contact-widget img {
	margin-bottom: 20px;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	width: 170px;
	height: 170px;
}

.contact-widget .contact-widget-warp {
	z-index: 9;
	position: relative;
}

.contact-widget h5 {
	font-size: 26px;
	line-height: 36px;
	color: var(--themeht-white-color);
}

.contact-widget p {
	color: var(--themeht-white-color);
	line-height: 24px;
	margin-bottom: 19px;
}

.contact-widget a.themeht-btn {
	text-transform: uppercase;
	padding: 17px 40px;
}

.contact-widget .themeht-btn:hover {
	background-color: var(--themeht-white-color);
	color: var(--themeht-secondary-color);
}

/* item-download */
.service-widget.widget_text.padding-0 {
	background-color: inherit;
	padding: 0;
}

.item-download {
	margin-bottom: 10px
}

.item-download:last-child {
	margin-bottom: 0px;
}

.item-download a {
	font-size: 16px;
	line-height: 24px;
	color: var(--themeht-secondary-color);
	display: flex;
	align-items: center;
	padding: 15px;
	position: relative;
	background-color: var(--themeht-white-color);
	border-radius: 20px;
	margin-bottom: 15px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.item-download a:last-child {
	margin-bottom: 0px;
}

.item-download a .download-icon-left {
	color: var(--themeht-primary-color);
	font-size: 30px;

}

.item-download a .download-icon-right {
	font-weight: 400;
	min-height: 35px;
	min-width: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 26px;
	border-radius: 100%;
	background-color: var(--themeht-secondary-color);
	color: var(--themeht-white-color);
	margin-left: auto;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.item-download a .download-icon-right i {
	position: absolute;
	top: 1px;
	right: 4px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.item-download a .download-icon-right i:first-child {
	top: -30px;
}

.item-download a:hover .download-icon-right i {
	top: 30px;
}

.item-download a:hover .download-icon-right i:first-child {
	top: 1px;
}

.item-download a:hover .download-icon-right {
	background-color: var(--themeht-primary-color);
}

.item-download p {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 13px;
}

.item-download span {
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	margin: 5px 15px 0px 15px;
	font-family: var(--themeht-typography-secondary-font-family);
}

.single-services .service-item {
	padding-left: 35px;
}

.single-services .service-item img {
	border-radius: 20px;
}

.single-services .service-item .post-thumbnail img {
	border-radius: 20px;
}

/* ------------------------ 
    Price Table
------------------------*/
.price-table {
	padding: 48px 50px 50px 50px;
	position: relative;
	z-index: 9;
	border-radius: 20px;
	background: var(--themeht-white-color);
}

.price-table .button-style-2 {
	top: 0;
	padding: 0px 0 10px 10px;
	border-radius: 0 0 0 60%;
}

.price-table .button-style-2 .button-style-2-link {
	transform: rotate(35deg);
	color: var(--themeht-primary-color);
}

.price-table .button-style-2 .button-style-2-link:hover {
	background-color: var(--themeht-white-color);
	color: var(--themeht-primary-color);
}

.price-table .button-style-2>svg {
	top: 0px;
	left: -20px;
	transform: rotate(91deg) scale(1.01);
}

.price-table .button-style-2>svg:last-of-type {
	top: auto;
	bottom: -20px;
	left: auto;
	right: 0px;

}

.light-bg .price-table {
	background: var(--themeht-white-color);
}

.price-table .price-top p {
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	font-family: var(--themeht-typography-secondary-font-family);
	letter-spacing: 0.8px;
}

.price-table .price-title h4 {
	font-size: 26px;
	line-height: 36px;
}

.price-value {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 35px;
}

.price-value h2 {
	font-size: 60px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	color: var(--themeht-primary-color);
	font-weight: 400;
}

.price-value span {
	font-size: 17px;
	color: var(--themeht-body-color);
	line-height: 17px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: var(--themeht-typography-body-font-family);
	margin-left: 7px;

}

.price-list {
	margin: 26px 0 30px 0;
}

.price-list ul li {
	position: relative;
	padding: 7px 0;
}

.price-list li i {
	color: var(--themeht-primary-color);
	font-size: 10px;
	line-height: 10px;
	position: relative;
	display: inline-block;
	line-height: 1;
	margin-right: 5px;
}

.price-table .themeht-btn {
	display: block;
	text-align: center;
	background: inherit;
	color: var(--themeht-secondary-color);
	border: 1px solid var(--themeht-secondary-color);
	font-size: 14px;
	padding: 20px 30px;
}


/* ------------------------
    Progress Bar
------------------------*/
.elementor-widget-progress {
	padding-left: 80px;
}

.elementor-widget-progress .elementor-progress-wrapper {
	position: inherit;
}

.elementor-widget-progress .elementor-progress-wrapper {
	background-color: var(--themeht-white-color);
	border-radius: 3px;

}

.elementor-widget-progress .elementor-title {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 500 !important;
	font-family: var(--themeht-typography-secondary-font-family) !important;
	color: var(--themeht-secondary-color) !important;
	display: inline-block;
}

.elementor-widget-progress .elementor-progress-bar {
	height: 10px;
	background-color: var(--themeht-primary-color) !important;
	border-radius: 3px;
}

.elementor-widget-progress .elementor-progress-percentage {
	padding-right: 0;
	position: absolute;
	left: 0;
	top: 4px;
	color: var(--themeht-secondary-color) !important;
	font-size: 26px;
	line-height: 45px;
	font-family: var(--themeht-typography-secondary-font-family);
	font-weight: 500;
}

.primary-bg .elementor-widget-progress .elementor-progress-percentage {
	color: var(--themeht-white-color) !important;
}

.primary-bg .elementor-widget-progress .elementor-progress-bar {
	background-color: var(--themeht-white-color) !important;
}

.primary-bg .elementor-widget-progress .elementor-progress-wrapper {
	background-color: rgba(255, 255, 255, 0.3);
}


/* ------------------------ 
    Portfolio Item 
------------------------*/
.portfolio-item .portfolio-cat a {
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	font-family: var(--themeht-typography-secondary-font-family);
	margin-bottom: 10px;
	color: var(--themeht-white-color);
	letter-spacing: 0.8px;
}

.portfolio-desc {
	padding-top: 20px;
}

.portfolio-item h4 {
	margin-bottom: 0;
}

.portfolio-item.style-1 {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	margin-left: 3px;
	margin-right: 3px;
}

.portfolio-item.style-1 .button-style-2 {
	z-index: 99;
}

.portfolio-item.style-1:hover img {
	transform: scale(1.1);
}

.portfolio-item.style-1 h4 {
	line-height: 32px;
	font-size: 22px;
	color: var(--themeht-white-color);
	margin-top: 7px;
}

.portfolio-item.style-1 h4 a {
	color: var(--themeht-white-color) !important;
}

.portfolio-item.style-1 h4 a:hover {
	color: var(--themeht-primary-color) !important;
}

.portfolio-item.style-1 {
	position: relative;
	border-radius: 30px 30px 0px 30px;
}

.portfolio-item.style-1 img {
	border-radius: 30px;
	width: 100%;
}

.portfolio-item.style-1 .portfolio-desc {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 130px 40px 35px 38px;
	width: 100%;
	z-index: 9;
	background: rgb(21, 66, 110);
	background: linear-gradient(0deg, rgba(21, 66, 110, 0.8939950980392157) 31%, rgba(255, 255, 255, 0) 100%);
}

.portfolio-item.style-1 .arrow-btn-circle>svg {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	right: 3px;
	transform: rotate(180deg) scale(1.01);
}

.portfolio-item.style-1 .arrow-btn-circle>svg:last-of-type {
	top: auto;
	bottom: 0px;
	right: auto;
	left: -20px;
}

.portfolio-item.style-1 .arrow-btn-circle>svg>path {
	fill: var(--themeht-light-color);
}

.portfolio-item.style-1 .read-button .arrow-btn-circle {
	position: absolute;
	right: -3px;
	bottom: 0;
	background: var(--themeht-light-color);
	text-align: center;
	padding: 10px 0 0 10px;
	border-radius: 60% 0 0 0;
	z-index: 9;
}

.portfolio-item.style-1 .read-button .arrow-btn-circle i {
	background: var(--themeht-white-color);
	width: 50px;
	height: 50px;
	line-height: 53px;
	text-align: center;
	border-radius: 100%;
	transform: rotate(-35deg);
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	font-size: 30px;
	display: inline-block;
	position: relative;
	z-index: 2;
}

/* .portfolio-item.style-1 .read-button .arrow-btn-circle i:hover {
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
} 
.primary-bg .portfolio-item.style-1 .button-style-2{
	background-color: var(--themeht-primary-color);
}
.primary-bg .portfolio-item.style-1 .button-style-2>svg>path{
	fill: var(--themeht-primary-color) !important;
}
.primary-bg .portfolio-item.style-1 .button-style-2::before,
.primary-bg .portfolio-item.style-1 .button-style-2::after,
.primary-bg .portfolio-item.style-1 .button-style-2 a::before,
.primary-bg .portfolio-item.style-1 .button-style-2 a::after{
	background-color: var(--themeht-primary-color) !important;
}
.primary-bg .portfolio-item.style-1 .button-style-2 .button-style-2-link:hover{
	background-color: var(--themeht-secondary-color);
	color: var(--themeht-white-color);
} */
.portfolio-list {
	position: relative; 
}

.portfolio-name {
	position: relative;
}

.dark-bg .portfolio-item .portfolio-title a:hover {
	color: var(--themeht-primary-color);
}

.dark-bg .portfolio-item .portfolio-cat a {
	color: var(--themeht-primary-color);
}

.dark-bg .portfolio-item.style-1 .arrow-btn-text {
	background: transparent;
	color: var(--themeht-white-color);
}

.projact-link {
	display: inline-flex;
	align-items: center;
	border: 1px solid #DBDDDE;
	border-radius: 100px;
	padding: 10px 30px;
	z-index: 9;
	position: relative;
	background-color: var(--themeht-light-color);
}

.projact-link p {
	margin: 0;
}

.projact-link a {
	border-bottom: 1px solid var(--themeht-primary-color);
	color: var(--themeht-primary-color);
	margin-left: 40px;
	line-height: 15px;
	font-weight: 400;
	font-size: 16px;
}

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

/* portfolio-item style 2 */
.portfolio-item.style-2 {
	padding: 30px 40px 35px 40px;
	border: 1px solid #E3E3E3;
	border-bottom: 0px;
}

.portfolio-list .portfolio-item.style-2.active {
	border-left: 1px solid var(--themeht-light-color);

}

.portfolio-item.style-2:first-child {
	border-radius: 30px 30px 0px 0px;
}

.portfolio-item.style-2:last-child {
	border-radius: 0px 0px 30px 30px;
	border-bottom: 1px solid #E3E3E3;
}

.portfolio-list {
	position: relative;
	overflow: hidden;
	padding-left: 51%;
	margin: 0px 20px;
}

.portfolio-list .portfolio-item.style-2 .portfolio-image {
	position: absolute;
	opacity: 0;
	top: 0%;
	left: 0;
	width: 50%;
	height: 100%;
}

.portfolio-list .portfolio-item.style-2 .portfolio-image .portfolio-img-inner {
	width: 100%;
	height: 100%;
	border-radius: 30px;
}

.portfolio-list .portfolio-item.style-2.active .portfolio-image {
	z-index: 1;

	opacity: 1;
}

.portfolio-item.style-2 .portfolio-desc {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.portfolio-item.style-2 .portfolio-cat a {
	color: var(--themeht-body-color);
}

.portfolio-item.style-2 .portfolio-title h4 {
	font-size: 24px;
	line-height: 34px;
	margin-top: 5px;
}

.portfolio-item.style-2 .portfolio-icon {
	color: var(--themeht-primary-color);
	font-size: 50px;
	line-height: 1;
	width: 100px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	font-weight: 700;
	border-right: 1px solid var(--themeht-border-light-color);
}

.portfolio-list .portfolio-item.style-2:hover .portfolio-title h4 a,
.portfolio-list .portfolio-item.style-2.active .portfolio-title h4 a {
	color: var(--themeht-primary-color);
}

.portfolio-item.style-2 .read-button {
	font-size: 40px;
	color: transparent;
	-webkit-text-stroke: 1px var(--themeht-secondary-color);
	line-height: 1;
}

.portfolio-list .portfolio-item.style-2.active .read-button {
	-webkit-text-stroke: 1px var(--themeht-primary-color);
}

/*portfolio Meta*/
.portfolio .portfolio-single-page .position-relative {
	margin-bottom: 60px;
}

.portfolio .portfolio-single-page img,
.portfolio .post-thumbnail img {
	width: 100%;
	border-radius: 30px;
}

.portfolio-meta-info ul {
	margin: 0;
	padding: 0;
}

.portfolio-meta-info ul li {
	list-style-type: none;
	margin-bottom: 25px;
}

.portfolio-meta-info ul li:last-child {
	margin-bottom: 0;
}

.portfolio-meta-info ul li span.sub-title {
	font-size: 18px;
	line-height: 19px;
	font-weight: 400;
	margin-bottom: 4px;
	font-family: var(--themeht-typography-secondary-font-family);
	color: var(--themeht-white-color);
	display: block;
}

.portfolio-meta-info ul li span.title,
.portfolio-meta-info ul li span.title a {
	position: relative;
	color: var(--themeht-white-color);
}

.portfolio-meta-info {
	background-color: var(--themeht-primary-color);
	border-radius: 30px;
	padding: 40px;
	position: relative;
	background-image: url(https://labtox.themeht.com/wp-content/uploads/2024/01/pettern-img2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

}

.portfolio-meta-info::before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	background-color: var(--themeht-primary-color);
	width: 100%;
	height: 100%;
	border-radius: 30px;
	opacity: 0.7;
}

.portfolio-meta-info-in {
	position: relative;
}

.portfolio-single-page .entry-content {
	padding-right: 30px;
}


/* ------------------------
  Swiper Arrow 
------------------------*/
.swiper .swiper-button-prev {
	left: 0;
}

.swiper .swiper-button-next {
	right: 0;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 50%;
	background: var(--themeht-white-color);
}

.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
	background: var(--themeht-secondary-color);
	border-color: var(--themeht-secondary-color);
}

.swiper .swiper-button-prev:after {
	content: '\F12F';
	font-family: bootstrap-icons !important;
}

.swiper .swiper-button-next:after {
	content: '\F138';
	font-family: bootstrap-icons !important;
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
	color: var(--themeht-secondary-color);
	font-size: 21px;
	line-height: 52px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.swiper .swiper-button-prev:hover:after,
.swiper .swiper-button-next:hover:after {
	color: var(--themeht-white-color);
}

.swiper-nav-white .swiper-button-prev,
.swiper-nav-white .swiper-button-next,

.swiper-nav-bottom-white .swiper-button-prev,
.swiper-nav-bottom-white .swiper-button-next {
	border: 1px solid #DBDDDE;
	background: var(--themeht-secondary-color);
}

.swiper-nav-white .swiper-button-prev:hover,
.swiper-nav-white .swiper-button-next:hover,

.swiper-nav-bottom-white .swiper-button-prev:hover,
.swiper-nav-bottom-white .swiper-button-next:hover {
	background: var(--themeht-white-color);
	border-color: var(--themeht-white-color);
}

.swiper-nav-white .swiper-button-next:after,
.swiper-nav-white .swiper-button-prev:after,

.swiper-nav-bottom-white .swiper-button-next:after,
.swiper-nav-bottom-white .swiper-button-prev:after {
	color: var(--themeht-white-color);
}

.swiper-nav-white .swiper-button-prev:hover:after,
.swiper-nav-white .swiper-button-next:hover:after,

.swiper-nav-bottom-white .swiper-button-prev:hover:after,
.swiper-nav-bottom-white .swiper-button-next:hover:after {
	color: var(--themeht-secondary-color);
}

.swiper-nav-bottom-white .swiper-button-next,
.swiper-nav-bottom-white .swiper-button-prev,

.swiper-nav-bottom .swiper-button-next,
.swiper-nav-bottom .swiper-button-prev {
	top: inherit;
	bottom: 0;
}

.swiper-nav-bottom-white .swiper-button-prev,

.swiper-nav-bottom .swiper-button-prev {
	left: 50% !important;
	margin-left: -80px;
}

.swiper-nav-bottom-white .swiper-button-next,

.swiper-nav-bottom .swiper-button-next {
	right: 50% !important;
	margin-right: -80px;
}

.swiper-nav-bottom,
.swiper-nav-bottom-white {
	margin-top: 120px;
}

/* ------------------------
  Swiper Dot Pagination
------------------------*/
.swiper-pagination {
	position: inherit !important;
	text-align: center;
	-webkit-transition: 300ms opacity;
	-o-transition: 300ms opacity;
	transition: 300ms opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	margin-top: 30px;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	background-color: transparent;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	opacity: 1;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid var(--themeht-secondary-color);
}

.secondary-bg .swiper-pagination-clickable {
	text-align: center;
}

.secondary-bg .swiper-pagination-clickable .swiper-pagination-bullet {
	background-color: var(--themeht-white-color);
}

.secondary-bg .swiper-pagination-clickable .swiper-pagination-bullet-active {
	background-color: var(--themeht-primary-color);
}
.primary-bg  .swiper-pagination-clickable .swiper-pagination-bullet-active{
	background-color: var(--themeht-white-color);
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
	opacity: 1;
	border: none;
	background-color: var(--themeht-primary-color);
}

.swiper-dots-white .swiper-pagination-clickable .swiper-pagination-bullet {
	background-color: var(--themeht-white-color);
}

.swiper-nav-none .swiper-button-prev,
.swiper-nav-none .swiper-button-next,
.swiper-nav-none .swiper-pagination {
	display: none;
}

.swiper-nav-dots .swiper-button-prev,
.swiper-nav-dots .swiper-button-next,

.swiper-dots-white .swiper-button-prev,
.swiper-dots-white .swiper-button-next {
	display: none;
}

.swiper-nav-arrow .swiper-pagination,
.swiper-nav-bottom .swiper-pagination,
.swiper-nav-white .swiper-pagination,
.swiper-nav-bottom-white .swiper-pagination {
	display: none;
}


/* -----------------------
    Awards
------------------------*/
.award-items {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 0;
	border-bottom: 1px solid var(--themeht-secondary-color);
	transition: all .3s ease-in-out;
}

.award-items .award-img {
	position: absolute;
	top: 20px;
	right: 12%;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	transform: translateY(40px);
	transform-origin: top center;
	border-radius: 100%;
	overflow: hidden;
	display: block;
	width: 200px;
	height: 200px;
	opacity: 1;
	transition: .35s cubic-bezier(.25, .46, .45, .94);
	-webkit-clip-path: circle(0 at 50% 50%);
	clip-path: circle(0 at 50% 50%);
}

.award-items .award-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.award-items:hover .award-img {
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	transform: translateY(0) skewY(0) scaleZ(1);
	visibility: visible;
	transition-duration: .7s;
	z-index: 5;
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}

.award-title span {
	font-size: 100px;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1px var(--themeht-secondary-color);
}

.award-items:hover .award-title span {
	color: var(--themeht-primary-color);
}


.award-desc {
	margin-left: 100px;
}

.award-desc p {
	margin-bottom: 0;
}

.award-arrow {
	font-size: 100px;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1px var(--themeht-secondary-color);
	transform: rotate(-45deg);
}


/* ------------------------
    Timeline
------------------------*/
.main-timeline:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #DBDDDE;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.timeline-item {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 40px;
}

.timeline-item:last-child {
	margin-bottom: 0;
}


.timeline-item:nth-child(2n+2) .timeline-icon {
	order: 2;
	left: 30px;
}

.timeline-order-3 {
	order: 1;
}

.main-timeline .timeline-dot {
	width: 12px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 30px;
	background: var(--themeht-primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	z-index: 9;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	outline: 4px solid var(--themeht-light-color);
}


.main-timeline .date-content {
	width: 50%;
	position: relative;
	padding-right: 50px;
}

.timeline-item:nth-child(2n+2) .date-content {
	order: 3;
	padding-right: 0px;
	padding-left: 50px;
}

.timeline-item:nth-child(2n+1) .timeline-dot::before {
	position: absolute;
	top: 5px;
	right: 18px;
	content: "";
	width: 30px;
	height: 1px;
	background-color: #E3E3E3;
}

.timeline-item:nth-child(2n+2) .timeline-dot::after {
	position: absolute;
	top: 5px;
	left: 17px;
	content: "";
	width: 30px;
	height: 1px;
	background-color: #E3E3E3;
}

.main-timeline .timeline-content {
	padding-left: 50px;
	position: relative;
}

.timeline-item:nth-child(2n+2) .timeline-content {

	padding-left: 0px;
	padding-right: 50px;
}

.main-timeline .date-content img {
	border-radius: 20px;
}


.main-timeline .date {
	font-family: var(--themeht-typography-secondary-font-family);
	font-size: 20px;
	color: var(--themeht-secondary-color);
	position: absolute;
	bottom: 0;
	right: 50px;
	background: var(--themeht-light-color);
	z-index: 1;
	padding: 5px 0px 0px 0px;
}

.main-timeline .date.button-style-2 {
	width: 180px;
	border-radius: 15px 0px 0px 0px;
}

.main-timeline .timeline-content p {
	margin: 0;
}

.timeline-item:nth-child(2n+2) .date-content .date {
	right: 0px;
}


@media (max-width:767px) {

	.timeline {
		flex-direction: column !important;
	}

	.main-timeline:before {
		content: none;
	}

	.main-timeline .timeline-content {
		padding: 0;
		order: 3;
		margin-top: 20px;

	}

	.main-timeline .date {
		font-size: 17px;
		right: 0px;
	}

	.main-timeline .date-content {
		order: 2;
		width: 100%;
		padding: 0;
	}

	.timeline-item:nth-child(2n+2) .date-content {
		padding: 0px;
	}


}

@media (max-width:350px) {

	.timeline-icon {
		visibility: hidden;
	}

	.main-timeline .date-content:before {
		visibility: hidden;
	}
}


/* ------------------------
  Splitting Text
------------------------*/
.splitting {
	--word-center: calc((var(--word-total) - 1) / 2);
	--char-center: calc((var(--char-total) - 1) / 2);
	--line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
	--word-percent: calc(var(--word-index) / var(--word-total));
	--line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
	--char-percent: calc(var(--char-index) / var(--char-total));
	--char-offset: calc(var(--char-index) - var(--char-center));
	--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
	--distance-sine: calc(var(--char-offset) / var(--char-center));
	--distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting.ht-animated .char {
	animation-fill-mode: both;
	animation-duration: 1000ms;
	animation-delay: calc(200ms + calc(15ms * var(--char-index)));
}

.splitting.ht-animated .char {
/*	animation-name: uicoreFadeInUp, uicoreFadeIn !important;
	animation-timing-function: cubic-bezier(.22, 1, .36, 1), cubic-bezier(0, 0, .2, 1);*/
}


@keyframes uicoreFadeInUp {

	0% {

		transform: translate3d(0, 40px, 0);

	}

	100% {

		transform: translateZ(0);

	}

}


@keyframes uicoreFadeIn {

	0% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}


@keyframes weight {

	from {

		font-weight: 100;

	}


	50% {

		font-weight: 600;

	}


	to {

		font-weight: 500;

	}

}


/* ------------------------
  Image Reavel Animation
------------------------*/
.ht-img-animation .elementor-widget-container,
.ht-img-effect .ht-img-effect-image {
	visibility: hidden;
	position: relative;
	overflow: hidden;
}

.ht-img-animation .elementor-widget-container img,
.ht-img-effect .ht-img-effect-image img {
	transform-origin: left;
}


/* ------------------------
  Split Slider
------------------------*/
.ht-img-split-scroller {
	display: flex;
}

.split_images {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100vh;
}

.split_images .split-img-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
}

.split_images .split-img-block img {
	width: 100%;
	height: 80%;
	object-fit: cover;
	border-radius: 20px !important;

}

.split_images .split-img-block:first-child {
	opacity: 1;
}

.split_texts {
	position: relative;
	width: 50%;
	margin-left: auto;
}

.split_texts .split-text-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 100vh;
	padding: 6rem 4rem;
	box-sizing: border-box;
}

.split-mobile-img {
	display: none;
}

.split_texts .split-text-block .split-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
	background-color: var(--themeht-primary-color);
	margin-bottom: 21px;
}

.split_texts .split-text-block .split-icon i {
	color: var(--themeht-white-color);
	font-size: 30px;

}

.split-text-block .split-content h3 {
	font-size: 38px;
	line-height: 48px;
	margin-bottom: 25px;
}

.split-text-block .tab-list {
	margin-bottom: 29px;
	margin-top: 31px;
}

.split-text-block .tab-list li {
	margin-bottom: 14px;
}

.split-number {
	font-size: 150px;
	-webkit-text-stroke: 1px var(--themeht-secondary-color);
	color: transparent;
	line-height: 1;
	margin-bottom: 20px;
	font-family: var(--themeht-typography-secondary-font-family);
	font-weight: 800;
}

.split-content .counter h6 {
	margin-top: 0;
}

.split-content-counter {
	margin: 50px 0;
}

.sticky-panel-content {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
}

.sticky-panel {
	height: 100vh;
	flex: 1 0 100%;
	display: flex;
	justify-content: start;
	align-items: center;
}

.sticky-panel-img {
	width: 50%;
	height: 100%;
}

.sticky-panel-text {
	background: white;
	width: 50%;
	padding: 5rem;
}


/* ------------------------
  Video
------------------------*/
a.video-popup {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 80px;
	line-height: 200px;
	width: 100%;
	height: 100%;
}

.center .video-box {
	width: 100%;
	height: 100vh;
}

.bg-overlay::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(14, 43, 47, .8), rgba(14, 43, 47, .8));
}

.form-sec:before {
	content: "";
	position: absolute;
	right: -10%;
	bottom: 0;
	height: 100%;
	width: 50% !important;
	background: var(--themeht-primary-color);
	transform: skewX(-20deg);
}

/* pin-spacer */
.step-box {
	background-color: var(--themeht-white-color);
	border-radius: 30px;
	padding: 100px;
	margin-bottom: 40px;
	border-top: 1px solid #f0f0f0;
	position: relative;
}

.step-box .row.gx-0 {
	align-items: center;
}

.pin-spacer .step-img {
	text-align: right;
}

.step-box .step-content {
	padding-right: 110px;

}

.step-box .step-content h3 {
	font-size: 38px;
	line-height: 48px;

}

.step-box .step-list {
	margin-top: 81px;
}

.step-box .step-list ul {
	padding: 0;
}

.step-box .step-list h5 {
	font-size: 22px;
	line-height: 28px;
	padding-bottom: 20px;
	margin-bottom: 18px;
	border-bottom: 1px solid #f0f0f0;
}

.step-box .step-list p {
	margin-bottom: 5px;
}

.step-box .step-list p:last-child {
	margin-bottom: 50px;
}

.step-box .step-list h5 {
	padding-bottom: 25px;
	margin-bottom: 23px;
}

.pin-spacer .step-img {
	text-align: left;
	height: 400px !important;
	width: 400px;
	border-radius: 100%;
	overflow: hidden;
}

.elementor-widget-container .pin-spacer:nth-of-type(3n+2) .step-box {
	margin-top: 20px !important;
}

.elementor-widget-container .pin-spacer:nth-of-type(3n+3) .step-box {
	margin-top: 40px !important;
}

/* ------------------------
elementor-shortcode
------------------------*/
.play-button {
	background: var(--themeht-light-color);
	width: 70px !important;
	height: 70px !important;
	line-height: 70px !important;
	text-align: center;
	padding: 10px 10px 0 0px;
	border-radius: 0 60% 0 0;
	z-index: 9;
	position: relative;
}

.play-button>svg {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	left: 0px;
	transform: rotate(-90deg) scale(1.01);
}

.play-button>svg>path {
	fill: var(--themeht-light-color);
}

.play-button>svg:last-of-type {
	top: auto;
	bottom: 0px;
	left: auto;
	right: -20px;
}

.play-button .button-style-2-link {
	background: var(--themeht-white-color);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 100%;
	font-size: 20px;
	display: inline-block;
	position: relative;
	z-index: 2;
	color: var(--themeht-secondary-color);
}
.play-button a{
	background: var(--themeht-white-color);
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.play-button a:hover{
	background-color: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}

.post-card .post-bottom li i.bi.bi-calendar3 {
	font-size: 14px;
	margin-right: 8px;
}

.post-card .post-bottom li i.bi.bi-chat-right-text {
	margin-right: 9px;

}
.elementor-banner-bottun{
    background: var(--themeht-light-color);
    padding: 35px 50px 35px 0px;
    right: -61px;
    bottom: 0px;
    border-radius: 30px 0px 0px 0px;
    position: absolute !important;
	max-width: 410px !important;
} 

.elementor-banner-bottun::before{ 
	display: block;
	content: "";
	width: 14%;
	height: 59%;
	position: absolute;
	border-radius: 20px;
	top: -45px;
    right: 38px;
	box-shadow: inset -20px 30px 0 0 var(--themeht-light-color);
	transform: rotate(90deg);
}
.elementor-banner-bottun::after{ 
    display: block; 
    content: "";
    width: 14%;
    height: 59%;
    position: absolute;
    border-radius: 20px;
    bottom: -28px;
    left: -35px;
    box-shadow: inset -20px 30px 0 0 var(--themeht-light-color);
    transform: rotate(90deg);
}
.elementor-banner-warp  {
    display: flex;
    align-items: center; 
}
.elementor-banner-warp .counter{
	margin: 0px 20px;
}
.elementor-banner-warp .counter,
.elementor-banner-warp p{
	color: var(--themeht-white-color);
	margin-bottom: 0;
} 
a.banner-link {
    display: flex;
}

.banner-link i.bi-arrow-right-short{
    transform: rotate(45deg);
    display: block;
    font-size: 26px;
    line-height: 30px; 
}
.small-text{
	backdrop-filter: blur(20px);
	background-color: rgba(255, 255, 255, 0.4);
	padding: 10px 15px;
	border-radius: 6px;
	color: var(--themeht-secondary-color) !important;
	font-size: 14px !important;
	max-width: fit-content;
}
.border-right-elementor .elementor-widget-container  {
	position: relative;
}
.border-right-elementor .elementor-widget-container::before{
	position: absolute;
	top: 0;
	right: 100px;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	content: "";
} 

.blur-from .contact-top{
	display: none;
}
.blur-from .contact-form{
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 30px 30px 30px 30px;
    padding: 60px 60px 60px 60px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(20px);
} 
.blur-from .contact-form h2{
	color: var(--themeht-white-color);
} 
.border-0-elementor .themeht-btn{
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(4px);
border: 1px solid #fff;
}
.border-0 .themeht-btn{
	border-radius: 10px;
}
.title-sep .elementor-widget-wrap {
	position: relative;
}
.title-sep .elementor-widget-wrap::before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 20px;
    top: -30px;
    left: -20px;
    box-shadow: inset -20px 30px 0 0 #f6f6f6;
    transform: rotate(-180deg);

}
.title-sep .elementor-widget-wrap::after {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    position: absolute; 
    border-radius: 20px;
    bottom: -30px;
    right: -40px;
    box-shadow: inset -20px 30px 0 0 #f6f6f6;
    transform: rotate(-180deg);

}

/* ------------------------
  Swiper Dot Pagination
------------------------*/
.swiper-pagination {
	position: inherit !important;
	text-align: center;
	-webkit-transition: 300ms opacity;
	-o-transition: 300ms opacity;
	transition: 300ms opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	margin-top: 60px;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	background-color: var(--themeht-secondary-color);
	border-radius: 50%;
	width: 5px;
	height: 5px;
	opacity: 1;
	display: inline-block;
	vertical-align: middle;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
	opacity: 1;
	width: 10px;
	height: 10px;
	background-color: var(--themeht-primary-color);
}

.swiper-dots-white .swiper-pagination-clickable .swiper-pagination-bullet {
	background-color: var(--themeht-white-color);
}

.swiper-nav-none .swiper-button-prev,
.swiper-nav-none .swiper-button-next,
.swiper-nav-none .swiper-pagination {
	display: none;
}

.swiper-nav-dots .swiper-button-prev,
.swiper-nav-dots .swiper-button-next,
.swiper-dots-white .swiper-button-prev,
.swiper-dots-white .swiper-button-next {
	display: none;
}

.swiper-nav-arrow .swiper-pagination,
.swiper-nav-bottom .swiper-pagination,
.swiper-nav-white .swiper-pagination,
.swiper-nav-bottom-white .swiper-pagination {
	display: none;
}


.mptt-shortcode-wrapper .mptt-navigation-tabs {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.mptt-navigation-tabs li a {
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: var(--themeht-primary-color);
	padding: 10px 20px;
	border-radius: 100px;
	line-height: 1;
	background: var(--themeht-white-color);
}

.mptt-navigation-tabs li.active a,
.mptt-navigation-tabs li a:hover {
	background: var(--themeht-primary-color);
	color: var(--themeht-white-color);
}

.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
	background-color: var(--themeht-primary-color);
	border: 1px solid var(--themeht-border-color);
	color: var(--themeht-white-color);
	padding: 10px;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td{
	height: 100px !important;
	background-color: var(--themeht-white-color) !important;
	border-color:#dbddde17 !important;
}
.mptt-shortcode-wrapper.mptt-table-fixed.table-init .mptt-menu.mptt-navigation-select{
 background-color: var(--themeht-white-color);
 border-radius: 100px;
 margin-bottom: 20px;
}
.mptt-shortcode-wrapper .mptt-shortcode-event.mptt-event-vertical-middle .mptt-event-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container{
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
	-webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;

}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:hover .mptt-inner-event-content a{
 color: var(--themeht-white-color);
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title{
	color: var(--themeht-secondary-color);
	font-weight: 600;
}
/* ------------------------
  Keyframes Animation
------------------------*/
@keyframes marquee {

	0% {
		transform: translateX(0);
	}

	100% {
		transform: translatex(-100%);
	}

}


@-webkit-keyframes smoothScroll {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-20px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

	}

}


@keyframes smoothScroll {

	0% {

		opacity: 0;

		transform: translateY(-20px);

	}

	100% {

		opacity: 1;

		transform: translateY(0);

	}

}


@keyframes elastic1 {

	0% {

		transform: scale(1);

	}

	40% {

		transform: scale(1.4);

	}

	55% {

		transform: scale(1.27);

	}

	70% {

		transform: scale(1.36);

	}

	85% {

		transform: scale(1.31);

	}

	100% {

		transform: scale(1.33);

	}

}

@keyframes elastic1_sp {

	0% {

		transform: scale(0.75);

	}

	40% {

		transform: scale(1.05);

	}

	55% {

		transform: scale(0.95);

	}

	70% {

		transform: scale(1.02);

	}

	85% {

		transform: scale(0.98);

	}

	100% {

		transform: scale(1);

	}

}


@keyframes rotate {

	100% {
		transform: rotate(1turn);
	}

}