/*!
	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
*/



.hz_btn a.elementor-button.elementor-button-link {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 0;
    position: relative;
}

.hz_btn.hz_blue_btn a.elementor-button.elementor-button-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(270deg, #54BE73 0%, #275835 100%);
    transition: all ease 0.3s;
    opacity: 0;
}

.hz_btn.hz_blue_btn a.elementor-button.elementor-button-link:hover:before {
    opacity: 1;
}

.hz_btn.hz_green_btn a.elementor-button.elementor-button-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(90deg, #1F7BBA 0%, #0E3854 100%);
    transition: all ease 0.3s;
    opacity: 0;
}

.hz_btn.hz_green_btn a.elementor-button.elementor-button-link:hover:before {
    opacity: 1;
}

.sec-1:after {
    content: '';
    position: absolute;
    top: 30%;
    left: 0;
    box-shadow: 0 0 200px 200px var(--e-global-color-b1515b3);
    opacity: 0.6;
	z-index: -1;
}

.sec-2:after {
    content: '';
    position: absolute;
    bottom: 20%;
    right: 5%;
    box-shadow: 0 0 200px 200px var(--e-global-color-36da756);
    opacity: 0.6;
	z-index: -1;
}

.hz_right_slider {
    position: relative;
    right: calc((100% - 1300px) / -2);
    width: 100vw !important;
}

.hz_right_slider .swiper-slide>.elementor-element {
    position: relative;
    z-index: 0;
}

.hz_right_slider .swiper-slide>.elementor-element:hover {
    box-shadow: 9px 16px 25px 0 #00000040;
}

.hz_right_slider .swiper-slide {
    padding-bottom: 40px;
}

.hz_right_slider .swiper-slide>.elementor-element>.elementor-element>.hz_serv_ico svg circle {
    transition: all ease .3s;
}

.hz_right_slider .swiper-slide>.elementor-element>.elementor-element>.hz_serv_ico svg path {
    transition: all ease .3s;
    fill: #fff;
}

.hz_right_slider .swiper-slide>.elementor-element>.elementor-element>.hz_serv_ico svg circle:nth-child(1) {
    fill: #fff !important;
}

.hz_right_slider .swiper-slide>.elementor-element:hover>.elementor-element>.hz_serv_ico svg path {
    fill: #1F7BBA;
}

.hz_right_slider .swiper-slide>.elementor-element:hover>.elementor-element>.hz_serv_ico svg circle:nth-child(2) {
    opacity: 0;
}

.hz_right_slider .swiper-slide>.elementor-element:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #1F7BBA, #0E3854);
    opacity: 0;
}

.hz_right_slider .swiper-slide>.elementor-element:hover:before {
    opacity: 1;
}

.hz_right_slider .swiper-slide>.elementor-element .elementor-heading-title, .hz_right_slider .swiper-slide>.elementor-element .elementor-widget-text-editor, .hz_right_slider .swiper-slide>.elementor-element .elementor-widget-text-editor> * {
    transition: all ease .3s;
}

.hz_right_slider .swiper-slide>.elementor-element:hover .elementor-heading-title {
    color: #fff;
}

.hz_right_slider .swiper-slide>.elementor-element:hover .elementor-widget-text-editor, .hz_right_slider .swiper-slide>.elementor-element:hover .elementor-widget-text-editor> * {
    color: #fff;
}

.hz_right_slider .swiper-pagination-horizontal {
    top: auto !important;
	
    margin-top: 50px;
    height: 15px !important;
    border-radius: 100px;
    overflow: clip;
    background: #DBE8F2;
    max-width: 1300px;
}

.hz_right_slider .swiper-pagination-horizontal>span.swiper-pagination-progressbar-fill {
    background: linear-gradient(90deg, #275835, #54BE73) !important;
    border-radius: 100px !important;
    height: 15px;
}

ul.hz_ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul.hz_ul>li {
    position: relative;
    padding-left: 20px;
}

ul.hz_ul>li:before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 100px;
    background: #1F7BBA;
}

#hz_testimonials_images .elementor-widget-image.slick-slide {
    transition: all ease .3s;
    scale: 0.8;
}

#hz_testimonials_images .elementor-widget-image.slick-current+.slick-active {
    scale: 1;
}

#hz_testimonials>button.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    background-color: transparent;
    border: 0;
    font-size: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    outline: unset;
}

#hz_testimonials button.slick-prev.slick-arrow {
    left: 0;
    background-image: url(https://thedesignocracy.tech/ppcompliance/wp-content/uploads/2025/07/prev.png);
}

#hz_testimonials button.slick-next.slick-arrow {
    right: 0;
    background-image: url(https://thedesignocracy.tech/ppcompliance/wp-content/uploads/2025/07/next.png);
}

.sec-5:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    box-shadow: 0 0 200px 200px var(
    --e-global-color-b1515b3);
    opacity: 0.6;
	z-index: -1;
}

.hz_post_meta>ul.elementor-inline-items.elementor-icon-list-items.elementor-post-info>li:first-child>span {
    font-weight: 700;
    color: #1A1510;
    text-transform: uppercase;
}

.hz_footer_menu ul.elementor-nav-menu {
    column-count: 2
}

.about-2:after {
    content: '';
    background: #ffffff;
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    z-index: -1;
}

ul.hz_ul.hz_ul2>li:before {
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.hz_hidden {
	opacity: 0;
	pointer-events: none;
}

#servs_slider {
    --e-n-carousel-swiper-offset-size: calc(100% - 1300px);
}

.hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element>.elementor-element>.hz_serv_ico svg path {
    fill: #1F7BBA;
}

.hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element>.elementor-element>.hz_serv_ico svg circle:nth-child(2) {
    opacity: 0;
}


.hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element .elementor-heading-title {
    color: #fff;
}

.hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element .elementor-widget-text-editor, .hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element .elementor-widget-text-editor> * {
    color: #fff;
}

.hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element:before {
    opacity: 1;
}

.hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element {
    box-shadow: 9px 16px 25px 0 #00000040;
}

.faq-1::before {
    content: '' !important;
    position: absolute !important;
    bottom: 0%;
    right: 0;
    box-shadow: 0 0 200px 200px var(--e-global-color-36da756);
    opacity: 0.6 !important;
    z-index: -1;
    width: 0 !important;
    height: 0 !important;
    top: auto !important;
    left: auto !important;
}

#hz_accor .e-n-accordion-item {
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#hz_accor .e-n-accordion-item:before {
    content: '';
    background-image: linear-gradient(90deg, #1F7BBA 0%, #0E3854 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all ease .3s;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

#hz_accor .e-n-accordion-item[open]:before {
    opacity: 1;
}

#hz_accor .e-n-accordion-item .e-n-accordion-item-title-text {
    transition: all ease .3s;
}

#hz_accor .e-n-accordion-item>summary.e-n-accordion-item-title {
    padding: 35px;
}

#hz_accor .e-n-accordion-item>[role="region"] {
    padding: 0px 35px 35px 35px;
}

#hz_contact .e-form__buttons button.elementor-button {
    background-color: transparent;
    font-family: "DM Sans", Sans-serif;
    font-weight: 500;
    fill: var(--e-global-color-6ab7e7c);
    color: var(--e-global-color-6ab7e7c);
    background-image: linear-gradient(90deg, #1F7BBA 0%, #0E3854 100%);
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    position: relative;
    margin-top: 40px;
    max-width: 310px;
}

#hz_contact .e-form__buttons button.elementor-button:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(270deg, #54BE73 0%, #275835 100%);
    transition: all ease 0.3s;
    opacity: 0;
}

#hz_contact .e-form__buttons button.elementor-button:hover:before {
    opacity: 1;
}

.hz_fixed_header {
    position: fixed !important;
    top: 0;
    width: 100% !important;
    z-index: 999 !important;
    transform: translateY(-100%);
}

.hz_fixed_header.newClass {
    transform: translateY(0%);
}

ul.hz_serv_ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 20px;
}

ul.hz_serv_ul>li {
    padding-left: 25px;
    position: relative;
}

ul.hz_serv_ul>li:before {
    content: '';
    background: var( --e-global-color-text );
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 100px;
    top: 9px;
    left: 0;
}

.hz_right_slider #servs_slider .swiper-slide.swiper-slide-active>.elementor-element .elementor-widget-text-editor ul.hz_serv_ul>li:before {
    background: #fff;
}

#servs_slider .elementor-element.elementor-widget.elementor-widget-image {
    height: 100%;
    min-height: 250px;
}

#servs_slider .elementor-element.elementor-widget.elementor-widget-image img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}






/* RESPONSIVE */
@media(max-width: 1340px) and (min-width: 1280px) {
	body .e-con {
		--container-max-width: 95% !important;
	}
	
	.sec-1:after {
		box-shadow: 0 0 150px 150px var(--e-global-color-b1515b3);
	}
}

@media(max-width: 1400px) {
	.hz_right_slider {
		right: calc((5%) / -2);
	}

	.hz_right_slider .swiper-pagination-horizontal {
		max-width: 95%;
	}
	
	.hz_right_slider {
		right: calc((1%) / -2);
	}

	#servs_slider {
		--e-n-carousel-swiper-offset-size: 5%;
	}
}


@media(max-width: 1279px) {
	.hz_btn a.elementor-button.elementor-button-link {
		min-height: 50px;
	}
	
	.sec-2:after {
		box-shadow: 0 0 150px 150px var(--e-global-color-36da756);
	}
	
	.sec-3, .sec-4, .sec-6, .sec-7 {
		background-attachment: fixed;
		background-size: 100vw !important;
	}
	
	#hz_accor .e-n-accordion-item>summary.e-n-accordion-item-title {
		padding: 25px;
	}

	#hz_accor .e-n-accordion-item>[role="region"] {
		padding: 0px 25px 25px 25px;
	}
}


@media(max-width: 767px) {
	.hz_right_slider .swiper-pagination-horizontal {
		max-width: 90%;
	}
	
	.hz_feat_img>a {
		width: 100% !important;
	}
}

@media(max-width: 576px) {
	.hz_full_col_img, .hz_full_col_img * {
		height: 100%;
	}
	
	#hz_accor .e-n-accordion-item>summary.e-n-accordion-item-title {
		padding: 20px;
	}

	#hz_accor .e-n-accordion-item>[role="region"] {
		padding: 0px 20px 20px 20px;
	}
}