/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 20 2025 | 12:06:24 */
::-webkit-scrollbar {
  width: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--e-global-color-secondary);
}
html{
	scroll-behavior: smooth;
}
.backToTop{
	width: 50px;
	height: 50px;
	background-color: #00000010;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 100ms;
}
.backToTop:hover{
	transform: scale(1.1);
}
.wp-block-list.is-style-checkmark-list{
	padding-left: 1.35rem !important;
}
.wp-block-image img{
	width: 100%;
	border-radius: 8px;
}

/* Them css */
.theme-container {
	max-width: 1200px;
	padding: 6rem 0;
}

/* Animate main logo */
.premium-lottie-animation{
	margin: 0 -1.8rem;
}
.hfe-nav-menu-icon{
	padding: 0;
}

/* Navigaiton Menu */
.hfe-nav-menu .sub-menu{
	padding: 2rem 0;
}
.hfe-nav-menu-icon{
	display: flex !important;
}
.hfe-nav-menu li.btn-contact{
	display: none;
	visibility: hidden;
}
.hfe-nav-menu li.btn-contact a{
	border-radius: 6px;
	display: flex;
	justify-content: center;
	margin-top: 1rem;
	color: #FFF !important;
	background-color: var(--e-global-color-secondary) !important;
}
.hfe-nav-menu .sub-arrow{
	color: var(--e-global-color-accent);
}
#menu-tranparency .hfe-nav-menu .sub-arrow{
	color: #d6d6d6;
}

.menu-item.current-menu-ancestor a.hfe-menu-item{
	color: var(--e-global-color-baa8466)!important;
}

@media only screen and (max-width: 820px){
	.main-header .e-con-inner{
		position: relative;
	}
	.main-header .header-menu{
		width: 100% !important;
		position: absolute;
	}

	nav.hfe-dropdown {
		z-index: 1 !important;
	}
	nav.hfe-dropdown li a.hfe-sub-menu-item{
		font-size: 1.125rem!important;
		line-height: 1.4em;
		color: #3a3a3a;
	}
	.hfe-nav-menu__toggle{
		z-index: 11;
	}
	.hfe-nav-menu .sub-menu{
		padding: 0;
	}
	nav ul.hfe-nav-menu{
		padding: 6rem 1rem 2rem 1rem;
	}
	.hfe-nav-menu li.btn-contact{
		display: block;
		visibility: visible;
	}
	.hfe-nav-menu li.btn-contact a.hfe-menu-item{
		font-size: 1.125rem !important;
		font-weight: 500;
		padding: 8px 0 !important;
	}
	#menu-tranparency .hfe-nav-menu__toggle .hfe-nav-menu-icon svg path{
		stroke: #FFF !important;
	}
	#menu-tranparency .hfe-nav-menu__layout-horizontal{
		background: none;
		z-index: -1;
	}

	#menu-tranparency .hfe-nav-menu__layout-horizontal ul{
		-webkit-backdrop-filter: blur(10px) brightness(0.6);
		backdrop-filter: blur(10px) brightness(0.6);			
	}
	
	#menu-tranparency .hfe-nav-menu__layout-horizontal .hfe-nav-menu a,
	#menu-tranparency .hfe-nav-menu__layout-horizontal .sub-menu,
	#menu-tranparency .hfe-nav-menu__layout-horizontal .sub-menu a
	{
		color: #FFF;
		background: none;
	}
/* 	animation */
	.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal{
		overflow: hidden;
		transition: max-height 0.8s cubic-bezier(0.42, 0, 0.15, 1.4);
		top: -2rem !important;
		max-height: 0;
	}
	.hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal{
		max-height: 100vh;
	}
}

/*-- Contact Form --*/
input, label, textarea, .wpcf7-response-output{	
    font-family: var(--e-global-typography-76fff32-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-76fff32-font-size) !important;
    line-height: var(--e-global-typography-76fff32-line-height) !important;
}
.elementor-heading-title a{
	transition: 300ms;
}
.elementor-heading-title a:hover{
	color: var(--e-global-color-secondary) !important;
}

.wpcf7-form{
	padding: 0 10px !important;
}
.wpcf7-form br{
	display: none !important;
}
.wpcf7-form p{
	margin: 0;
	margin-bottom: 1rem;
	padding: 0;
}
.wpcf7-form .content-column.one_half{
	padding-right: 8px;
}
.wpcf7-form .content-column.last_column{
	padding-left: 8px;
	padding-right: 0;
}
.wpcf7-form .wpcf7-list-item{
	display: inline-flex;
	align-items: center;
	width: 50%;
	margin: 0;
}
.wpcf7-form .wpcf7-list-item.first{
	margin-top: 1rem;
}
.wpcf7-form .wpcf7-list-item.last{
	margin-bottom: 1rem;
}

.wpcf7-form .wpcf7-list-item-label{
	font-weight: 500;
	vertical-align: top;
	color: var( --e-global-color-text );
}
input, textarea{
	color: var(--e-global-color-text);
    border: 2px solid #EFEFEF;
    border-radius: 8px;
    padding: 12px;
	width: 100%;
}
input::placeholder, textarea::placeholder{
	color: var(--e-global-color-accent) !important;
}

input:focus-visible, textarea:focus-visible{
	outline: 1px soild var(--e-global-color-secondary) !important
}
input[type=checkbox]{
	width: 22px;
	height: 22px;
	margin-right: 10px;
	padding: 0.5rem;
}
.wpcf7-form input[type=submit]{
	width: 50%;
	color: #FFF !important;
	background-color: var(--e-global-color-secondary) !important;
	border-radius: 6px;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}
.wpcf7-form input[type=submit]:hover{
	opacity: 0.9 !important; 
}
.wpcf7-form .wpcf7-recaptcha div{
	margin: 1rem 0!important;
}
.wpcf7 form .wpcf7-response-output{
	margin: 0 !important;
	margin-top: 1.5rem !important;
    padding: 1rem;
    border: 2px solid #c4dcff !important;
    background-color: #dae8ff;
	color: var(--e-global-color-primary);
    border-radius: 4px;
}
.wpcf7-not-valid-tip {
	margin-bottom: 1rem;
}

.premium-bullet-list-text span {
	color: #61646D !important;
	text-decoration: none !important;
}
.elementor-widget-social-icons .elementor-grid-item {
	margin-right: 0.5rem;
}

/* logo carousel */
.logo-carousel .swiper-slide .swiper-slide-image {
	filter: grayscale(1);
	opacity: 0.5;
	transition: 400ms;
}
.elementor-widget-image-carousel .swiper-slide {
	padding: 0 6px;
}
.logo-carousel .swiper-slide .swiper-slide-image:hover {
	filter: none;
	transform: scale(1.125);
	opacity: 1;
}
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -2rem !important;
}

/* Cusor Pointer */
#magicMouseCursor{
	border: none !important;
	background-color: var(--e-global-color-secondary) !important;
}
#magicPointer{
	width: 8px !important;
	height: 8px !important;
	background-color: var(--e-global-color-secondary) !important;
}

/* responsive */
@media screen and (max-width: 600px){
	.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
	margin-bottom: 0 !important;
	}
	.wpcf7-form .content-column.one_half, .wpcf7-form .content-column.last_column{
	padding: 0 !important;
	}
	.wpcf7-form .wpcf7-list-item{
		width: 100%;
	}
	input[type=checkbox]{
		width: 26px;
		height: 26px;
		margin-right: 10px;
		padding: 0.5rem;
		border-radius: 0px !important;
	}
}

/* Slider Navigation Button */
.background-slider, .background-slider .swiper, .background-slider .swiper-slide-inner{
	height: 100%;
}
.background-slider .swiper-slide-inner img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
}
.background-slider .swiper-slide .swiper-slide-inner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
}

.background-slider .swiper .elementor-swiper-button{
	top: auto !important;
	bottom: -4px;
	padding: 12px;
	border-radius: 50%;
	background-color: #00000030;
	z-index: 111;
}
.background-slider .swiper .elementor-swiper-button:hover{
	background-color: #00000040;
}
.background-slider .swiper .elementor-swiper-button i:hover{
	color: #FFF !important;
}
.background-slider .elementor-swiper-button-next{
	right: 2rem !important;
}
.background-slider .elementor-swiper-button-prev{
	right: 5rem;
	left: auto !important;
}
.background-slider .swiper-slide {
	padding: 0 !important;
}
.premium-blog-wrap ul.slick-dots{
	bottom: -2rem !important;
}
ul.slick-dots li {
	margin: 2px;
}

/* Related Posts  */
#related-post .premium-blog-skin-side{
	display: flex;
	align-items: center;
	flex-direction: row;
}
#related-post .premium-blog-thumb-effect-wrapper{
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
#related-post .premium-blog-entry-title a,
.premium-blog-entry-title a{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#post-tag .tbfe-pro-elementor-feed-title span{
	display: flex;
	flex-wrap: wrap;
}
#author-box .elementor-icon-box-title{
	margin-top: 10px;
}

/* Full height slider  */
.elementor-widget-exad-logo-carousel, .exad-logo-carousel, .exad-logo-carousel-element,
.exad-logo-carousel-element .slick-list{}

@media only screen and (max-width: 600px) {
	.background-slider .swiper .elementor-swiper-button{
		bottom: -8px;
	}
	.background-slider .elementor-swiper-button-next{
		right: 1rem !important;
	}
	.background-slider .elementor-swiper-button-prev{
		right: 4rem;
		left: auto !important;
	}
}

/* Post Meta */
.premium-blog-wrap .premium-blog-thumbnail-container{
	border-radius: 6px;
}
.tbfe-pro-elementor-feed-title{
	display: flex;
	align-items: center;
}
.premium-blog-even .premium-blog-meta-data i{
	display: none;
	font-size: 0;
}
.premium-blog-entry-meta{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.premium-blog-meta-data, .premium-blog-meta-data span{
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.premium-blog-even .premium-blog-meta-separator{display: none;}

.premium-blog-even .premium-blog-post-time span::before{
	content: '';
  	display: inline-block;
	margin-right: 8px;
  	width: 18px;
 	height: 18px;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b5b5b5' d='M12 19a1 1 0 1 0-1-1a1 1 0 0 0 1 1m5 0a1 1 0 1 0-1-1a1 1 0 0 0 1 1m0-4a1 1 0 1 0-1-1a1 1 0 0 0 1 1m-5 0a1 1 0 1 0-1-1a1 1 0 0 0 1 1m7-12h-1V2a1 1 0 0 0-2 0v1H8V2a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3m1 17a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9h16Zm0-11H4V6a1 1 0 0 1 1-1h1v1a1 1 0 0 0 2 0V5h8v1a1 1 0 0 0 2 0V5h1a1 1 0 0 1 1 1ZM7 15a1 1 0 1 0-1-1a1 1 0 0 0 1 1m0 4a1 1 0 1 0-1-1a1 1 0 0 0 1 1'/%3E%3C/svg%3E");

}
.post-taxonomies{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.post-taxonomies a{
	color: var( --e-global-color-accent );
	margin-left: 8px;
	transition: 200ms ease-in-out;
}
.post-taxonomies a:hover{
	color: var( --e-global-color-secondary );
}
.premium-blog-even .premium-blog-post-categories a{
	margin-left: 8px;
}
.premium-blog-even .premium-blog-post-categories::before,
.post-taxonomies::before,
.tbfe-pro-elementor-categories .tbfe-pro-elementor-feed-title span:nth-child(3)::before{
	content: '';
  	display: inline-block;
  	width: 18px;
 	height: 18px;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b5b5b5' d='M7.5 6A1.5 1.5 0 1 0 9 7.5A1.5 1.5 0 0 0 7.5 6m13.62 4.71l-8.41-8.42A1 1 0 0 0 12 2H3a1 1 0 0 0-1 1v9a1 1 0 0 0 .29.71l8.42 8.41a3 3 0 0 0 4.24 0L21.12 15a3 3 0 0 0 0-4.24Zm-1.41 2.82l-6.18 6.17a1 1 0 0 1-1.41 0L4 11.59V4h7.59l8.12 8.12a1 1 0 0 1 .29.71a1 1 0 0 1-.29.7'/%3E%3C/svg%3E");
}
.classic-overlay .premium-blog-even .premium-blog-post-time span::before,
.classic-overlay .premium-blog-even .premium-blog-post-categories::before{
	filter: brightness(2);
}
.post-category .category,
.tbfe-pro-elementor-feed-title span:nth-child(3)
{
	display: flex;
	align-items: center;
}
.tbfe-pro-elementor-feed-title a{
	color: #00000070;
}
.tbfe-pro-elementor-feed-title,
.tbfe-pro-elementor-feed-title i{
	color: #b5b5b5;
}
.tbfe-pro-elementor-feed-title, .tbfe-pro-elementor-feed-title a:hover{
	color: var(--e-global-color-secondary);
}
.tbfe-pro-elementor-feed-title span a{
	margin-left: 6px;
}
.post-category .category a{
	color: #8f9194;
    font-family: "Inter", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6rem;
	padding-left: 4px;
}

.tbfe-pro-elementor-tags span a{
	color: var(--e-global-color-accent);
	font-size: 14px;
	padding: 8px 16px;
	border: 1px solid #00000010;
	border-radius: 6px;
	margin-right: 4px;
}
.post-category .category a:hover,
.tbfe-pro-elementor-tags span a:hover{
	color: #44ABD6;
}
.premium-blog-filter{
	margin-bottom: 1.5rem;
}
.premium-blog-filters-container li a.category{
	color: #3db7ea;
}
@media only screen and (max-width: 600px){
	.post-category .category a{
		font-size: 0.9rem;
	}
	.premium-blog-even .premium-blog-post-categories::before,
	.post-taxonomies::before{
		width: 0.9em;
		height: 0.9em;
	}
	.post-taxonomies a{
		font-size: 0.9em;
	}
}

/* Post classic overlay style */
.classic-overlay .premium-blog-post-container{
	position: relative;
}
.classic-overlay .premium-blog-content-wrapper{
	width: 100%;
	display: flex;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(0deg, #00000080 20%, #00000000 100%);
}
/* Post top layout style */
#blog-top-layout article .premium-blog-post-container{
	position: relative;
}
#blog-top-layout article .premium-blog-thumb-effect-wrapper{
	padding-top: 120px;
}
#blog-top-layout article .premium-blog-content-wrapper{
	position: absolute;
	top: 0;
}

/* Hero Section overlay style */
#hero-overlay .e-con-inner{
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
}

/* Single Post Layout */
.xpro-post-title .xpro-post-title-text{
	line-height: 1.3em;
}

/* Search Form */
.searchandfilter ul{
	display: flex;
	justify-content: space-between;
	padding: 1rem;
	border-radius: 1rem;
	background-color: #FFFFFF30;
	width: 100%;
}
.searchandfilter ul li, .searchandfilter label{
	width: 100%;
	padding: 0;
}
.sf-field-submit{
	width: auto !important;
}
.sf-field-submit input[type="submit"]{
	padding: 12px 60px;
	background-color: var(--e-global-color-secondary);
	color: #FFF;
	border: none;
	width: auto;
	height: 100%;
	margin-left: 12px;
}
@media only screen and (max-width: 600px){
	.searchandfilter ul{
		display: flex;
		flex-wrap: wrap;
	}
	.sf-field-submit{
		width: 100% !important;
		padding-top: 10px !important;
	}
	.sf-field-submit input[type="submit"]{
		width: 100%;
		margin-left: 0;
	}
}

/* Theme Default */
.theme-blog-grid-area{
	padding: 0;
}
.theme-container{
	padding: 4rem 0;
}
.search-title, .theme-blog-card__content, .theme-blog-card__title{
	font-family: "Inter";
	font-weight: 600 !important;
}
.header-block .search-title{
	width: 100%;
	text-align: center;
	padding: 2rem 0;
}
.search-title .search-value{
	color: var(--e-global-color-secondary);
}

/*-- Page & Post Heading --*/
.article-header .main-title{
	font-size: clamp(29.768px, 1.861rem +((1vw - 3.2px)* 2.316), 46px);
    text-align: center;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 700;
}
article.theme-blog-each{
	height: 100%;
	-webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: none;
	margin: 0 !important;
	padding-bottom: 30px;
}
.theme-blog-card{
	height: 100%;
	border: 1px solid #eee;
	border-radius: 8px;
}
.theme-blog-card__content .theme-blog-card__title{
	margin-bottom: 0px;
}
.theme-blog-card__content .entry-title{
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.theme-blog-each .theme-blog-card__content .theme-blog-card__title a:hover{
	color: var(--e-global-color-secondary);
}
.theme-blog-each .theme-blog-card__meta-list ul li{
	vertical-align: middle;
}
.theme-blog-each .theme-blog-card__meta-list ul li span{
	line-height: 0;
}
.theme-blog-card__meta .theme-blog-date-meta svg{
	opacity: 0.3;
	margin-right: 6px;
}
.theme-blog-card__thumbnail{
	width: 100%;
	height: 16rem;
	overflow: hidden;
}
.theme-blog-card__thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (max-width: 600px){
	.theme-container{
		padding: 4rem 1rem;
	}
}