/*!
	Theme Name: Designocracy Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: DC Team
	Author URI: http://thedesignocracy.com/
	Version: 2.7.1
	Stable tag: 2.7.1
	Requires at least: 5.9
	Tested up to: 6.2
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: designocracy-child
  Template: designocracy
*/

.do_not_click.main {
    opacity: 0;
}

.do_not_click {
    transition: all ease .3s !important;
    opacity: 1;
}

.do_not_click img {
    animation: hz_pulse 1s linear infinite alternate;
    filter: drop-shadow(0px 0px 0px black);
}

@keyframes hz_pulse {
    0% {
        filter: drop-shadow(0px 0px 0px var(--e-global-color-accent))
    }
    100% {
        filter: drop-shadow(0px 10px 10px var(--e-global-color-accent))
    }
}

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

.header_btn_ico a.elementor-icon {
	width: 59px;
	height: 59px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--e-global-color-primary);
	border-radius: 10px;
	box-shadow: 5px 5px 0 0 var(--e-global-color-accent);
}

.header_btn_ico a.elementor-icon>svg {
	font-size: 24px;
}

.header_btn_ico a.elementor-icon:hover {
	box-shadow: -5px -5px 0 0 var(--e-global-color-accent);
}

.hz_btn a.elementor-button {
	min-height: 59px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hz_btn_blue a.elementor-button {
	box-shadow: 5px 5px 0 0 var(--e-global-color-primary);
}

.hz_btn_blue a.elementor-button:hover {
	box-shadow: -5px -5px 0 0 var(--e-global-color-primary);
}

.explore_arrow_icon .elementor-icon {
	width: 59px;
	height: 59px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--e-global-color-primary);
	border-radius: 10px;
	box-shadow: 5px 5px 0 0 var(--e-global-color-secondary);
	margin-top: -2.5px;
	margin-bottom: 2.5px;
}

.explore_arrow_icon .elementor-icon>svg {
	font-size: 20px;
}

.hz_btn_red a.elementor-button {
	box-shadow: 5px 5px 0 0 var(--e-global-color-primary);
}

.hz_btn_red a.elementor-button:hover {
	box-shadow: -5px -5px 0 0 var(--e-global-color-primary);
}

.hz_btn_black a.elementor-button {
	box-shadow: 5px 5px 0 0 var(--e-global-color-accent);
}

.hz_btn_black a.elementor-button:hover {
	box-shadow: -5px -5px 0 0 var(--e-global-color-accent);
}

.explore_card {
	interpolate-size: allow-keywords;
	transition: all ease .5s;
}

.explore_card:hover {
	background-color: #FFF2F2 !important;
}

.explore_card .explore_card_content_bottom {
	height: 0;
	opacity: 0;
	transition: all ease .5s;
	overflow: hidden;
}

.explore_card:hover .explore_card_content_bottom {
	height: auto;
	opacity: 1;
	padding-bottom: 10px;
}

.explore_card .explore_card_content_upper .explore_arrow_icon .elementor-icon {
	transition: all ease .5s;
	overflow: hidden;
}

.explore_card:hover .explore_card_content_upper .explore_arrow_icon .elementor-icon {
	width: 0;
	height: 0;
}

.why_card {
	box-shadow: -10px 10px 0 0 #FFEEEE;
}

.why_card:hover {
	box-shadow: -10px 10px 0 0 #E6F9FF;
	background: #FFEEEE !important;
}

.why_card .why_card_num {
	width: 59px;
	height: 59px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--e-global-color-accent);
	box-shadow: 5px 5px 0 0 #000;
	transition: all ease .3s;
}

.why_card:hover .why_card_num {
	background: var(--e-global-color-secondary);
}

.how_it_work_card .how_it_work_card_icon .elementor-icon {
	width: 59px;
	height: 59px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--e-global-color-accent);
	box-shadow: 5px 5px 0 0 #000;
	transition: all ease .3s;
}

.how_it_work_card:hover .how_it_work_card_icon .elementor-icon {
	background: var(--e-global-color-secondary);
	box-shadow: 5px 5px 0 0 #000;
}

.how_it_work_card {
	transition: all ease .3s;
	box-shadow: 10px 10px 0 0 #FFEEEE;
}

.how_it_work_card:hover {
	background: #FFEEEE !important;
	box-shadow: 10px 10px 0 0 #E6F9FF;
}

.hz_btn_red2 a.elementor-button {
	box-shadow: 5px 5px 0 0 #FFEEEE;
}

.hz_btn_red2 a.elementor-button:hover {
	box-shadow: -5px -5px 0 0 #FFEEEE;
}

.hz_btn_blue2 a.elementor-button {
	box-shadow: 5px 5px 0 0 #E6F9FF;
}

.hz_btn_blue2 a.elementor-button:hover {
	box-shadow: -5px -5px 0 0 #E6F9FF;
}

.compatibility_img img {
	transition: all ease .3s;
}

.compatibility_img:hover img {
	transition: all ease .3s;
	border-color: var(--e-global-color-accent) !important;
	box-shadow: 10px 10px 0px 0px var(--e-global-color-accent) !important;
}

.hz_testimonials>.e-n-carousel.swiper {
	padding-bottom: 20px;
}

.hz_blog_card {
	transition: all ease .5s;
}

.hz_blog_card:hover {
	background-color: #FFEEEE !important;
}

.hz_blog_card .elementor-widget-image img {
	height: 287px;
	transition: all ease .5s;
	object-fit: cover;
}

.hz_blog_card:hover .elementor-widget-image img {
	height: 210px;
}

.hz_blog_card .explore_card_content_bottom {
	height: 0;
	transition: all ease .5s;
	opacity: 0;
	margin-top: 0px;
}

.hz_blog_card:hover .explore_card_content_bottom {
	height: 72px;
	opacity: 1;
	margin-top: 20px;
}

.hz_blog_card .explore_arrow_icon {
	transition: all ease .5s !important;
	width: 59px;
	height: 59px;
	opacity: 1;
}

.hz_blog_card:hover .explore_arrow_icon {
	width: 0px;
	height: 0px;
	opacity: 0;
}

.hz_blog_card .explore_arrow_icon>div,
.hz_blog_card .explore_arrow_icon>div>div {
	width: 100%;
	height: 100%;
	transition: all ease .5s;
}

.hz_socials a.elementor-icon.elementor-social-icon {
	box-shadow: 5px 5px 0 0 #FFEEEE;
}

.hz_socials a.elementor-icon.elementor-social-icon:hover {
	box-shadow: -5px -5px 0 0 #FFEEEE;
}

.hz_newsletter input#form-field-email {
	min-height: 59px;
}

.hz_newsletter .e-form__buttons {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 59px !important;
}

.hz_newsletter .e-form__buttons button.elementor-button {
	height: 100%;
	width: 100%;
	border-radius: 10px;
	box-shadow: 5px 5px 0 0 #FFEEEE;
	transform: translateY(-5px);
	transition: all ease .3s !important;
}

.hz_newsletter .e-form__buttons button.elementor-button:hover {
	box-shadow: -5px 5px 0 0 #FFEEEE;
}

ul.hz_ul {
    padding: 0;
    list-style: none;
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

ul.hz_ul>li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.hz_ul>li:before {
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    background: var(--e-global-color-accent);
    border-radius: 100px;
}

.no-pointer {
	pointer-events: none;
}

.hz_btn_add_to_cart a.elementor-button>span {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.hz_btn_add_to_cart a.elementor-button>span svg {
    width: 24px;
}

.product_card>.product_card_content .hz_btn_add_to_cart {
    transition: all ease .3s;
    height: 0;
    opacity: 0;
    margin-top: -20px;
}

.product_card:hover>.product_card_content .hz_btn_add_to_cart {
    opacity: 1;
    height: 59px;
    margin-top: 0px;
}

.hz_tax_filters button.e-filter-item {
    min-height: 39px;
    padding-inline: 38px;
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important;
    padding-block: 10px;
    border-radius: 10px;
    box-shadow: 5px 5px 0 0 #fff;
}

.hz_tax_filters button.e-filter-item:hover {
    box-shadow: -5px -5px 0 0 #fff;
}

.hz_tax_filters button.e-filter-item[aria-pressed="true"] {
    background-color: var(--e-global-color-secondary) !important;
}

.hz_search input::placeholder {
    color: #fff !important;
}

.hz_search.elementor-widget-search .e-search-form {
    flex-direction: row-reverse;
    position: relative;
}

.hz_search.elementor-widget-search .e-search-form svg {
    right: 20px;
    position: absolute;
    left: auto !important;
}

.hz_search.elementor-widget-search .e-search-form input {
    box-shadow: 5px 5px 0 0 #fff;
    padding: 10px 30px !important;
    min-height: 59px;
}

div.product .hz_prod_main_img div.images img {
    max-height: 510px;
    object-fit: contain;
}

.hz_prod_main_content strong {
	color: #000 !important;
}

.hz_main_add_cart tr > * {
    background: transparent !important;
    padding: 0;
    width: 100%;
    text-align: left;
    display: block !important;
}

.hz_main_add_cart tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.hz_main_add_cart tr > * a.reset_variations {
    color: #c90000;
}

.hz_main_add_cart tr > * select {
    margin: 0 !important;
    width: 100% !important;
    border-radius: 20px !important;
    min-height: 71px;
    outline: unset !important;
}

.hz_main_add_cart .single_variation_wrap .woocommerce-variation-description {
    font-size: 20px;
    font-weight: 400;
    color: #717171;
}

.hz_main_add_cart .single_variation_wrap button {
    width: 100%;
    min-height: 59px;
    box-shadow: 5px 5px 0 0 #000;
    transition: all ease .3s !important;
}

.hz_main_add_cart .single_variation_wrap button:hover {
    box-shadow: -5px -5px 0 0 #000;
}

.hz_info_tabs ul.tabs.wc-tabs {
    padding: 0 !important;
    border: 0 !important;
    margin-bottom: 60px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    overflow: visible !important;
}

.hz_info_tabs ul.tabs.wc-tabs:after {
    display: none !important;
}

.hz_info_tabs .woocommerce-Tabs-panel {
    padding: 0 !important;
    border: 0 !important;
}

.hz_info_tabs ul.tabs.wc-tabs>li {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.hz_info_tabs ul.tabs.wc-tabs>li>a {
    padding-inline: 38px !important;
    min-height: 59px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #000;
    box-shadow: 5px 5px 0px 0px #000;
    transition: all ease .3s;
}

.hz_info_tabs ul.tabs.wc-tabs>li>a:hover {
    box-shadow: -5px -5px 0px 0px #000;
}

.hz_info_tabs ul.tabs.wc-tabs>li.active>a {
    background-color: var(--e-global-color-secondary);
    color: #fff !important;
}

.hz_info_tabs .woocommerce-Tabs-panel iframe {
    aspect-ratio: 1920/1080;
    height: auto !important;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    margin-block: 30px;
}

.hz_faq_tabs.elementor-widget-n-tabs .e-n-tabs-heading>button {
    box-shadow: 5px 5px 0px 0px #fff;
    min-height: 73px;
    transition: all ease .3s;
	margin: 0 !important;
}

.hz_faq_tabs.elementor-widget-n-tabs .e-n-tabs-heading {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.hz_faq_tabs.elementor-widget-n-tabs .e-n-tabs-heading>button:hover {
    box-shadow: -5px -5px 0px 0px #fff;
}

.hz_faq_accor .e-n-accordion-item {
    background: #E6F9FF;
    border-radius: 20px;
    box-shadow: -10px 10px 0 0 #FFEEEE;
}

.hz_faq_accor .e-n-accordion-item[open] {
    box-shadow: -10px 10px 0 0 #E6F9FF !important;
    background: #FFEEEE !important;
}

.hz_faq_accor .e-n-accordion-item summary.e-n-accordion-item-title {
    padding: 40px;
}

.hz_faq_accor .e-n-accordion-item .elementor-element[role=region] {
    padding-inline: 40px;
    padding-bottom: 40px;
}

.contact_form_col {
	box-shadow: 10px 10px 0 0 var( --e-global-color-accent );
}

.hz_form label.elementor-field-label {
    margin-bottom: 18px;
}

.hz_form input, 
.hz_form textarea {
    min-height: 70px;
    padding-inline: 24px;
    padding-block: 15px;
}

.hz_form button.elementor-button {
    min-height: 59px !important;
    box-shadow: 5px 5px 0 0;
    transition: all ease .3s;
}

.hz_form button.elementor-button:hover {
    box-shadow: -5px -5px 0 0;
}

.hz_blog_card.hz_blog_card_detail .explore_card_content_bottom {
    height: auto !important;
    opacity: 1 !important;
    margin-top: 20px;
}

.hz_blog_card.hz_blog_card_detail .elementor-widget-image img {
    height: auto !important;
}

.hz_post_content p:not(:last-child) {
    margin-bottom: 20px;
}

.hz_post_content hr {
    margin-block: 40px !important;
}

.dd-af nav.dd-af__tabs {
    grid-column: span 12 !important;;
}


.dd-af {
    column-gap: 10px !important;
}

.dd-af nav.dd-af__tabs {
    column-gap: 10px !important;
    row-gap: 20px !important;
}

.dd-af nav.dd-af__tabs .dd-af__tab {
    border-radius: 10px 10px 10px 10px;
    padding: 10px 30px 10px 30px;
    border: 0 !important;
    box-shadow: 5px 5px 0 0 var(--e-global-color-primary);
    transition: all ease .3s;
}

.dd-af nav.dd-af__tabs .dd-af__tab:hover {
    box-shadow: -5px -5px 0 0 var(--e-global-color-primary);
}

.dd-af nav.dd-af__tabs .dd-af__tab {
    white-space: break-spaces;
    text-align: center;
}



@media(max-width: 1440px) {
	.hz_blog_card .explore_arrow_icon {
		width: 45px;
		height: 45px;
	}

	.hz_blog_card .elementor-widget-heading {
		width: calc(100% - 55px) !important;
	}
	
	.hz_search.elementor-widget-search .e-search-form input {
		padding: 10px 15px !important;
	}
	
	.hz_blog_card.hz_blog_card_detail .elementor-widget-heading {
		width: 100% !important;
	}
}

@media(max-width: 1280px) {
	.explore_card .explore_card_content_upper .explore_arrow_icon .elementor-icon,
	.why_card .why_card_num,
	.how_it_work_card .how_it_work_card_icon .elementor-icon,
	.header_btn_ico a.elementor-icon {
		width: 45px !important;
		height: 45px !important;
	}
	
	.explore_card:hover .explore_card_content_upper .explore_arrow_icon .elementor-icon {
		width: 0 !important;
		height: 0 !important;
	}
	
	.hz_btn a.elementor-button,
	.hz_main_add_cart .single_variation_wrap button,
	.hz_info_tabs ul.tabs.wc-tabs>li>a,
	.hz_form button.elementor-button {
		min-height: 45px;
	}
	
	.hz_tax_filters button.e-filter-item {
		min-height: 19px;
	}

	.hz_tax_filters button.e-filter-item {
		padding-inline: 20px;
		flex-grow: 1;
	}
	
	
	.hz_form input, 
	.hz_form textarea {
		min-height: 50px
	}
}



@media(max-width: 981px) {
	.hz_faq_accor .e-n-accordion-item summary.e-n-accordion-item-title {
		padding: 20px;
	}

	.hz_faq_accor .e-n-accordion-item .elementor-element[role=region] {
		padding-inline: 20px;
		padding-bottom: 20px;
	}

	.hz_faq_tabs.elementor-widget-n-tabs .e-n-tabs-heading {
		grid-template-columns: 1fr;
		margin-bottom: 40px
	}
}



@media(max-width: 767px) {
	.dd-af nav.dd-af__tabs .dd-af__tab {
		width: calc(50% - 5px);
	}
}

@media(max-width: 576px) {
	.dd-af nav.dd-af__tabs .dd-af__tab {
		width: calc(100% - 5px);
	}
}