/* 
Theme Name: BITS Happy Hosting Theme
Description: Based on Hello Elementor
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
*/

/* Add your custom styles here */
@font-face {
	font-family: 'TT-Norms-Black';
	src:url('fonts/TT-Norms-Black.ttf.woff') format('woff'),
		url('fonts/TT-Norms-Black.ttf.svg#TT-Norms-Black') format('svg'),
		url('fonts/TT-Norms-Black.ttf.eot'),
		url('fonts/TT-Norms-Black.ttf.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
	background: var(--e-global-color-ca9a014);
}

body:not(.home) header.elementor-location-header {
	background: var( --e-global-color-3fdde74 );
}


/* page padding */
body:not(.home) main {
	padding-top: 150px;
}

body:not(.home):not(.single-product) #content {
	padding-top: 120px;
	position: relative;
}

body:not(.home):not(.support) main .page-content .elementor .elementor-element:last-child .e-con-inner:last-child > div:last-child {
	padding-bottom: 180px !important;
}

body:not(.home):not(.support) #content .page-content .elementor .elementor-element .e-con-inner .elementor-element {
	/*padding: 20px;*/
	padding-left: 20px;
	padding-right: 20px;
}

body:not(.home) #content .page-content .elementor .elementor-element h1 {
	margin-top: 30px;
}

.elementor-location-header {
	position: absolute;
	width: 100%;
}

.meta-container-inner {
	padding-bottom: 40px !important;
}

.meta-container-inner ul {
	margin-bottom: 24px;
}

h1, h2, h3 {
	font-family: 'TT-Norms-Black';
}

.home h1 {
	font-size: 94px;
	letter-spacing: 0px;
	line-height: 1;
	max-width: 640px;
}

.home h2 {
	font-size: 56px;
}

.thhc-good-to-know h2 {
	margin-top: 10px;
}

body:not(.home):not(.single-product) h2 {
	margin-top: 30px !important;
}

.hero p {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0px;
	max-width: 550px;
}

.thhc-imprint p {
	max-width: 700px;
}

#how h2,
#cloudron h2,
#why h2 {
	font-size: 46px;
	max-width: 560px;
	margin: 0 auto;
}

#packages h2 {
	font-size: 56px;
}

.thhc-product-advantages h2 {
	margin-bottom: 0;
}

.thhc-product-advantages > div > div > div {
	padding-bottom: 0 !important;
}

.thhc-img-shadow img {
	box-shadow: 0 2px 18px -2px #00000059,0 4px 6px -4px #cc2b2b1a;
}

.thhc-screenshots img {
	box-shadow: 0 2px 18px -2px rgba(0,0,0,.25),0 4px 6px -4px rgba(0,0,0,.22);
}

/* navi */
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a {
	border-radius: 30px;
	border: 2px solid transparent !important;
}

.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li.current-menu-item a,
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a:hover,
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a:focus {
	border: 2px solid #fff !important;
}

.nav-header-main {
	border-radius: 50px !important;
	background-color: #FFFFFF4D;
}

.header-slide .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li.current-menu-item a, 
.header-slide .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a:hover, 
.header-slide .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a:focus {
	border: 2px solid #000 !important;
	color: #fff !important;
	background: #000 !important;
}


.thhc-header-login.elementor-widget-button:not(.elementor-button-info) .elementor-button-text {
	font-weight: 500 !important;
	font-size: 18px;
}

.thhc-header-login.elementor-widget-button:not(.elementor-button-info) .elementor-button {
	padding: 10px 20px !important;
}


.thhc-overlay-container-left ul li a {
	padding: 0 !important;
	line-height: 60px !important;
	display: inline-block;
}

.thhc-overlay-container-right .thhc-nav-right ul li a {
	padding: 0 !important;
	line-height: 60px !important;
	display: inline-block;
}

.thhc-overlay-container-right .thhc-nav-right ul li {
	text-align: right;
}

.thhc-overlay-container-left ul li a {
	position: relative;
	text-decoration: none;
	color: #000;
}

.thhc-overlay-container-right .thhc-nav-right ul li a::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0px !important; /* distance below the text */
	width: 0 !important;
	height: 3px !important; /* thickness */
	background: currentColor !important; /* matches text color */
	transition: width 0.3s ease !important;
}

.thhc-overlay-container-left ul li a::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -5px !important; /* distance below the text */
	width: 0 !important;
	height: 4px !important; /* thickness */
	background: currentColor !important; /* matches text color */
	transition: width 0.3s ease !important;
}

.thhc-overlay-container-left ul li a:hover::after,
.thhc-overlay-container-left ul li.current-menu-item a::after {
	width: 100% !important;
}

.thhc-overlay-container-right ul li a {
	position: relative;
	text-decoration: none;
	color: #000;
}

.thhc-overlay-container-right ul li a::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -3px !important; /* distance below the text */
	width: 0 !important;
	height: 2px !important; /* thickness */
	background: currentColor !important; /* matches text color */
	transition: width 0.3s ease !important;
}

.thhc-overlay-container-right ul li a:hover::after,
.thhc-overlay-container-right .thhc-nav-right ul li.current-menu-item a::after {
	width: 100% !important;
}

.thhc-overlay-container-left ul li {
	text-align: center;
}



/* checkmark */
.checked ul {
	padding-left: 0;
}

.checked ul li {
	list-style: none;
	background-image: url("/wp-content/themes/thhc/images/thhc-check.svg");
	padding: 0px 30px 20px 30px;
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 18px;
}

.checked ul li:last-child {
	padding-bottom: 0;
}

.thhc-img-round img {
	border-radius: 50%;
}

.elementor-widget-button:not(.elementor-button-info) .elementor-button,
.thhc-order-button button,
.checkout-button,
#place_order,
.product .add_to_cart_button,
.woocommerce-Button.button,
.woocommerce-button.button,
.woocommerce-address-fields button,
.woocommerce-order-details .button,
.elementor-widget-container .button,
.result .btn-success,
#wdc-style .small button#Submit {
	background-color: #fff !important;
	border-radius: 50px !important;
	color: #000 !important;
	font-weight: 900 !important;
	letter-spacing: 0.66px;
	text-transform: uppercase;
	padding: 10px 40px !important;
	border: 1px solid #fff !important;
	line-height: 1.5 !important;
	-moz-transition: all .3s ease!important;
	-webkit-transition: all .3s ease!important;
	transition: all .3s ease!important;
}

.elementor-element.elementor-button-info .elementor-button {
	background-color: transparent !important;
	line-height: 1.5;
	font-weight: 600;
}

.elementor-widget-button:not(.elementor-button-info) .elementor-button:hover {
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.elementor-element.elementor-button-success .elementor-button,
.thhc-order-button button,
.checkout-button,
#place_order,
.product .add_to_cart_button,
.woocommerce-Button.button,
.woocommerce-button.button,
.woocommerce-address-fields button,
.woocommerce-order-details .button,
.elementor-widget-container .button,
.result .btn-success,
#wdc-style .small button#Submit {
	background-color: #000 !important;
	line-height: 1;
	color: #fff !important;
	border: 1px solid #000 !important;
	font-size: 18px;
}

.elementor-element.elementor-button-success .elementor-button:hover,
.thhc-order-button button:hover,
.checkout-button:hover,
#place_order:hover,
.product .add_to_cart_button:hover,
.woocommerce-Button.button:hover,
.woocommerce-button.button:hover,
.woocommerce-address-fields button:hover,
.woocommerce-order-details .button:hover,
.elementor-widget-container .button:hover,
.result .btn-success:hover,
#wdc-style .small button#Submit:hover {
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;
}

.woocommerce-button.button,
.woocommerce-address-fields button,
.woocommerce-order-details .button,
.elementor-widget-container .button,
.result .btn-success,
#wdc-style .small button#Submit {
	font-size: 16px !important;
	padding: 4px 30px !important;
	height: auto !important;
}

.alert-danger #buy {
	margin-left: 10px;
}

#wdc-domain-form #wdc-style #Search {
	border: 1px solid #000;
	border-radius: 5px 5px 5px 5px !important;
	max-width: 350px;
}

#wdc-domain-form #wdc-style #Search:focus {
	border: 1px solid rgba(0,0,0,0.5) !important;
}

#wdc-style #results {
	margin-bottom: 20px;
}

#wdc-style .input-group.small {
	display: flex !important;
	max-width: 100% !important;
	width: 100% !important;
	align-items: center;
	gap: 10px;
	justify-content: center;

}

#wdc-style .input-group-addon, #wdc-style .input-group-btn {
	width: auto !important;
}

.woocommerce-shop .woocommerce-ordering {
	display: none;
}

.woocommerce-checkout .product-name dd {
	margin-left: 0px;
	font-weight: bold;
}

.woocommerce table.shop_table {
	border-top: 1px solid rgba(0,0,0,.3);
}

.woocommerce .woocommerce-order-details h2:last-child {
	margin-block-end: 1rem;
}

.woocommerce-MyAccount-content .woocommerce-Button.button {
	margin-top: 30px;
}

.woocommerce-checkout input:focus-visible,
.woocommerce-checkout textarea:focus-visible {
	outline: 2px solid;
	outline-color: var(--e-global-color-accent);
}

.woocommerce-MyAccount-navigation ul li {
	margin-bottom: 12px;
}

.woocommerce-edit-address #billing_vat {
	max-width: 400px;
}

#update_all_subscriptions_addresses_field small {
	display: block;
}

.single-product .elementor-widget-text-editor ul li p {
	margin: 0;
}

.single-product .elementor-widget-text-editor ul li {
	margin-bottom: 12px;
}

.thhc-order-button button {
	margin: 0 !important;
}

.elementor-element.elementor-button-info .elementor-button .elementor-button-text {
	position: relative;
}

.elementor-element.elementor-button-info .elementor-button .elementor-button-text::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: #000;
	opacity: 1;
	transition: opacity 300ms, transform 300ms;
}


.cal-button button {
	border-radius: 50px;
	color: #fff;
	background: #000;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 10px 40px;
	border: 1px solid #000;
	font-size:18px;
}

.cal-button button:hover,
.cal-button button:active,
.cal-button button:focus {
	color: #000;
	background: #fff;
	border: 1px solid #000;
}

.thhc-overlay-container .cal-button {
	text-align: right !important;
}

.thhc-notes a {
	border-bottom: 2px solid #000;
}


/* testimonial slider */
.thhc-testimonial-slider.elementor-widget-eael-testimonial-slider .testimonial-inline-style {
	width: 100% !important;
}

.thhc-testimonial-slider.elementor-widget-eael-testimonial-slider .eael-testimonial-content .eael-testimonial-user-company {
	display: block;
}

.thhc-testimonial-slider .eael-testimonial-slider-main {
	min-height: 234px;
}

.thhc-testimonial-slider.elementor-widget-eael-testimonial-slider .eael-testimonial-item .eael-testimonial-quote {
	background-image: url(/wp-content/themes/thhc/images/quotes.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 56px;
	height: 65px;
	display: inline-block;
	z-index: -1;
	margin-top: -10px;
}

.thhc-testimonial-slider.elementor-widget-eael-testimonial-slider .swiper-container-wrap-dots-outside .swiper-pagination {
	position: absolute;
}

.elementor-widget-eael-testimonial-slider .eael-testimonial-item .eael-testimonial-quote::after {
	content: none;
}

.thhc-testimonial-slider .swiper-pagination-bullet {
	opacity: 1;
}

@media all and (max-width: 1200px) {
	.thhc-testimonial-slider .eael-testimonial-slider-main {
		min-height: 260px;
	}
}

@media all and (max-width: 768px) {
	.thhc-testimonial-slider .eael-testimonial-slider-main {
		min-height: 240px;
	}
}

@media all and (max-width: 380px) {
	.thhc-testimonial-slider .eael-testimonial-slider-main {
		min-height: 300px;
	}
}


/* sidecart */
ul.wcpa_cart_meta {
	padding-left: 0;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col,
.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col  {
	width: 100%;
	margin-bottom: 16px;
}

.xoo-wsc-product {
	flex-direction: column;
}

.xoo-wsc-pname a,
.eael-wc-table-body .product-name a {
	font-size: 24px !important;
	text-transform: uppercase;
	font-family: Poppins;
	font-weight: 900 !important;
}

.wcpa_cart_meta_item-label {
	margin-right: 5px !important;
}

.wcpa_cart_meta_item-value {
	margin-left: 0 !important;
}

.eael-wct-td.product-name {
	flex-direction: column;
	align-items: flex-start !important;
	text-align: left !important;
}

/* icon slider */
.thhc-icons .eael-tm-description {
	max-width: 500px;
	margin: 0 auto;
}

@media all and (min-width: 1024px) {
	.thhc-icons .swiper-slide.swiper-slide-next,
	.thhc-icons .swiper-slide.swiper-slide-next .eael-tm-description {
		opacity: 1 !important;
		-moz-transition: all .3s ease!important;
		-webkit-transition: all .3s ease!important;
		transition: all .3s ease!important;
	}

	.thhc-icons .swiper-slide:not(.swiper-slide-next) {
		opacity: .3 !important;
		-moz-transition: all .3s ease!important;
		-webkit-transition: all .3s ease!important;
		transition: all .3s ease!important;
	}

	.thhc-icons .swiper-slide:not(.swiper-slide-next) .eael-tm-description {
		opacity: 0;
	}
}


.home .info-box .eael-infobox {
	height: 100%;
}

.info-box .infobox-content p:last-child {
	margin-bottom: 0;
}

.home .info-box h3 {
	font-size: 24px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.1 !important;
}

/* isotope */
.thhc-isotope {
	margin: 0 auto;
}

.thhc-isotope-item {
	/*max-width: 25%;*/
	width: 260px;
	position: relative;
	padding: 15px;
	margin: 10px 10px;
	background-color: #fff;
	border: 2px solid var(--e-global-color-accent);
	align-self: stretch;
	display: flex;
	align-items: center;
	flex-direction: column;
	min-height: 300px;
	/*-webkit-transition: -webkit-box-shadow 0.2s ease;
	transition: -webkit-box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: transform 0.3s ease;*/
	justify-content: center;
	border-radius: 15px;
}

.thhc-isotope-item:hover {
	/*-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);*/
	transform: scale(1.05);
}

.thhc-isotope h2 {
	font-size: 20px;
	margin: 15px 0px 5px;
	word-break: break-word;
	text-align: center;
	color: #000;
}

.thhc-isotope p,
.thhc-isotope ul li,
.thhc-isotope .thhc-tags span,
.thhc-isotope .thhc-sso span,
.thhc-isotope .thhc-description span,
.thhc-isotope .thhc-website,
.thhc-isotope .thhc-website a {
	text-align: center;
	display: block;
	color: #000;
}


.thhc-isotope p {
	font-size: 9px;
}


.thhc-isotope ul li,
.thhc-isotope .thhc-tags span,
.thhc-isotope .thhc-sso span,
.thhc-isotope .thhc-description span {
	font-size: 11px;
}

.thhc-isotope .thhc-website,
.thhc-isotope .thhc-website a {
	font-size: 13px;
}

.thhc-isotope .thhc-sso {
	position: absolute;
	/*top: 15px;
	right: 0px;
	transform: rotate(90deg);*/
	bottom: 5px;
	right: 5px;
}

.thhc-isotope .thhc-website {
	margin-top: 10px;
}

.onlyofficeenterprise,
.wordpressdeveloper,
.qbittorrent,
.transmission {
	display: none !important;
}

.button-group .button {
	border: 2px solid transparent !important;
}


.button-group .button:hover,
.button-group .button:active,
.button-group .button.is-checked {
	border: 2px solid var(--e-global-color-accent) !important;
}

/* ---- button-group ---- */
.button-group.sort-by-button-group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.button-group:after {
	content: "";
	display: block;
	clear: both;
}

.button-group .button {
	cursor: pointer;
	text-align: center;
}


/* feature list */
.eael-feature-list-title,
.eael-tm-name {
	font-size: 24px !important;
	font-family: "TT-Norms-Black" !important;
	font-weight: 900 !important;
}


.arc img {
	width: 100%;
	pointer-events: none;
	user-drag: none;  
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	display: block;
}

.elementor-element.elementor-button-info .elementor-button .elementor-button-text:hover::after,
.elementor-element.elementor-button-info .elementor-button .elementor-button-text:focus::after {
	transform: translate3d(0, 0.2em, 0);
}

footer nav ul li a {
	padding-left: 0 !important;
}

header .wpml-ls-flag {
	margin-bottom: -3px;
	margin-right: 3px;
}

footer p {
	margin-bottom: 0;
}

footer a {
	border-bottom: 2px solid transparent;
	display: inline-block !important;
	padding: 0 0 3px 0 !important;
	margin-bottom: 20px;
}

footer a.elementor-item-active,
footer a:hover,
footer a:focus {
	border-bottom: 2px solid;
}

.page-meta #content a,
.woocommerce-checkout #content a,
.woocommerce .edit,
.woocommerce-MyAccount-navigation ul li a {
	border-bottom: 2px solid;
	padding-bottom: 0px;
	margin-bottom: 2px;
	display: inline;
	-moz-transition: all .3s ease!important;
	-webkit-transition: all .3s ease!important;
	transition: all .3s ease!important;
}

.page-meta.support #content a {
	border-bottom: 2px solid transparent;
}

.woocommerce-MyAccount-navigation ul li a {
	border-bottom: 2px solid transparent;
}

.page-meta #content a:hover,
.page-meta #content a:active,
.woocommerce-checkout #content a:hover,
.woocommerce-checkout #content a:active,
.woocommerce .edit:hover,
.woocommerce .edit:active,
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:active,
.woocommerce-MyAccount-navigation ul li.is-active a {
	border-bottom: 2px solid var(--e-global-color-accent);
	color: var(--e-global-color-accent);
}

.page-meta.support #content a:hover,
.page-meta.support #content a:active {
	border-bottom: 2px solid var(--e-global-color-accent);
}



.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding-left: 10px;
}

.wcpa_wrap .wcpa_field_wrap input[type="text"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="url"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="date"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="time"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="number"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="email"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="tel"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="password"]:focus, .wcpa_wrap .wcpa_field_wrap input[type="datetime-local"]:focus, .wcpa_wrap .wcpa_field_wrap .wcpa_color_field:focus, .wcpa_wrap .wcpa_field_wrap select:focus, .wcpa_wrap .wcpa_field_wrap .wcpa_advanced_select .wcpa__control:focus, .wcpa_wrap .wcpa_field_wrap .wcpa_other_value input:focus {
	border-color: var(--e-global-color-accent);
}

.woocommerce-terms-and-conditions-checkbox-text {
	line-height: 1.5;
}

.woocommerce-info {
	border-top-color: var(--e-global-color-accent);
}

#place_order {
	margin-top: 20px;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	margin-bottom: 40px;
}

.woocommerce-shop .added_to_cart.wc-forward {
	margin-left: 14px;
}

.woocommerce span.onsale {
	display: none;
	background-color: #000;
	width: 50px;
	height: 50px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
	color: #000;
}

.wgm-info.woocommerce_de_versandkosten, 
.wgm-info.shipping_de.shipping_de_string.delivery-time-not-specified {
	display: none;
}

.legacy-itemprop-offers,
.woocommerce-product-details__short-description {
	margin-bottom: 20px;
}

.privacy h2 {
	margin-top: 24px !important;
}

.privacy ul,
.spacy ul {
	margin-bottom: 24px;
}

/* 2 Column WooCommerce Checkout */

@media(min-width:768px) {
	.woocommerce .col2-set .col-1, 
	.woocommerce-page .col2-set .col-1 {
		width: 90%;
	}

	#customer_details {
		display: flex;
		flex-flow: column nowrap;
		float: left;
		width: 60%;
	}

	#customer_details .col-2 {
		width: 90%;
		margin-top: 20px;
	}

	#order_review,
	#order_review_heading {
		width: 40%;
		float: left;
		clear: none;
	}

	.footer-item {
		min-width: 200px !important;
	}

	.single-product .woocommerce-product-gallery__wrapper .wp-post-image {
		border-radius: 0 0 0 30px;
	}

	.single-product .thhc-product-meta {
		border-radius: 0 0 30px 0;
	}

}

/* Slide In From The Top Option */

.header-slide .nav-header-main {
	border-radius: 50px !important;
	background-color: var(--e-global-color-ca9a014);
	border: 1px solid #000;
}

@media all and (min-width: 1200px) {
	.header-slide {
		transform: translatey(-133px);
		-moz-transition: all .3s ease!important;
		-webkit-transition: all .3s ease!important;
		transition: all .3s ease!important;
		width: 100%!important;
	}

	.elementor-sticky--effects.header-slide  {
		height: auto !important;
		transform: translatey(0px);
	}

	.elementor-sticky--effects.header-one {
		display: none !important;
	}

	.header-one {
		margin-top: -120px;
	}

}




/* landing image scaling */
.thhc-package-container > .elementor-element {
	height: 100%;
}

/* shop */
.woocommerce .thhc-package-container .tthc-product-image div.images {
	margin-bottom: 0;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: #000;
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del {
	display: inline-block;
	margin-right: 6px;
}

.woocommerce div.product .product_title {
	font-weight: 900 !important;
}

body:not(.woocommerce-checkout) .woocommerce-form.woocommerce-form-login.login {
	max-width: 500px;
}

#woocommerce-checkout-form-coupon {
	display: flex;
	align-items: center;
	max-width: 500px;
}

.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
	height: 100%;
}

.woocommerce div.product div.images img {
	height: 100%;
	object-fit: cover;
}

.thhc-tools > .e-con-inner > div {
	border-radius: 30px 30px 0 0;
}

.thhc-tools .eael-feature-list-icon-inner {
	border-radius: 50%;
	border: 2px solid #000;
	padding: 4px;
}

.thhc-tools .eael-feature-list-img {
	border-radius: 50%;
}

@media all and (max-width: 1200px) {

	.thhc-call-btn .cal-button {
		text-align: center !important;
	}

	.thhc-overlay-nav ul li {
		display: flex;
		justify-content: center;
	}

	.thhc-overlay-container {
		height: 50vh;
	}

	.thhc-overlay-container-left ul li a,
	.thhc-overlay-container-right .thhc-nav-right ul li a {
		line-height: 24px !important;
		font-size: 24px !important;
	}

	.thhc-overlay-container-left ul li,
	.thhc-overlay-container-right .thhc-nav-right ul li {
		margin-bottom: 16px !important;
	}

	.thhc-overlay-container-left ul li a::after,
	.thhc-overlay-container-right .thhc-nav-right ul li a::after {
		bottom: -5px !important;
		height: 2px !important;
	}

	.thhc-overlay-container .cal-button {
		text-align: center !important;
	}
}

@media all and (max-width: 768px) {
	.home h1 {
		font-size: 54px;
		line-height: 1.1;
	}

	.cal-button button {
		font-size: 16px;
		border-radius: 50px;
		padding: 10px 20px;
	}

	body:not(.support) main .page-content .elementor .elementor-element:last-child .e-con-inner:last-child > div:last-child {
		padding-bottom: 140px !important;
	}

	#how .how-it-works:last-child {
		padding-bottom: 24px !important;
	}

	header .thhc-cta-call {
		display: none !important;
	}

	.thhc-good-to-know {
		padding-bottom: 80px;
		padding-top: 60px;
	}

	body:not(.home):not(.support) #content .page-content .elementor .elementor-element .e-con-inner .elementor-element {
		padding-left: 0;
		padding-right: 0;
	}

	body:not(.home):not(.support) #content > .page-content > .elementor > .elementor-element > .e-con-inner > .elementor-element {
		padding-left: 20px;
		padding-right: 20px;
	}

	.woocommerce-MyAccount-navigation {
		margin-bottom: 40px;
	}

	.woocommerce-button.button, .woocommerce-address-fields button, .woocommerce-order-details .button, .elementor-widget-container .button, .result .btn-success, #wdc-style .small button#Submit {
		text-wrap: auto;
	}

	h1 {
		font-size: 2.2rem;
	}

	h2 {
		font-size: 1.8rem;
	}

	.woocommerce div.product .product_title {
		margin-top: 12px;
	}

	.thhc-home-intro {
		background: rgba(255,255,255,0.5);
		padding: 15px;
		margin-bottom: 20px !important;
	}

	.thhc-home-intro p {
		margin-bottom: 0px !important;
	}
}

@media all and (max-width: 600px) {
	.home h1 {
		font-size: 48px;
	}

	#how h2, #cloudron h2, #why h2 {
		font-size: 30px;
		padding: 0 10px;
	}

	#packages h2 {
		font-size: 40px;
	}

	.elementor-widget-button:not(.elementor-button-info) .elementor-button,
	.elementor-element.elementor-button-info .elementor-button,
	.home .info-box h3 {
		font-size: 20px;
		font-weight: 700;
	}
}

.error404-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}