:root {
    /*Colors*/
    --c1: #0d331d;
    --c2: #e6ffb8;
    --c3: #0fa3b1;
    --c4: #ff523d;
    --c5: #ff99c9;
    --c6: #f4f7f5;
    --c7: #ffcc00;
    --c8: #5855d6;
    --cl: #ffffff;
    --cd: #070707;
    --tc: #070707;
    --tc_h: #070707;
    --border_c: #070707;
    --bg1: #ffffff;
    --bg2: #f4f7f5;
    --bg3: #e7eeea;
    --bg4: #070707;
    --box_shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    --card_shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
    --card_shadow_h: 6px 6px 10px rgba(0, 0, 0, 0.1);
    --input_box_shadow: inset 0 0 0 1px var(--c1);
    --max_width: 1080px;
    --max_sidebar_width: 400px;
    --top_offset: 0px;

    /*Fonsts*/
    --heading_font:
        'Poppins', sans-serif;
    --sub_heading_font:
        'Poppins', sans-serif;
    --body_font:
        'Poppins', sans-serif;
    --body: 15px;
    --h1: clamp(1.5rem, 8vw, 3rem);
    --h2: clamp(1.4rem, 6vw, 2.6rem);
    --h3: clamp(1.3rem, 5vw, 2.4rem);
    --h4: clamp(1.1rem, 3vw, 1.5rem);
    --h5: clamp(1.05rem, 1.6vw, 1.2rem);
    --h6: clamp(1rem, 1.8vw, 1.2rem);
    --caption: 0.83rem;
    --small: 0.69rem;
    --heading_lh: 1.2em;
    --body_lh: 1.4em;

    /**/
    --menu_height: 90px;
    --padding: 10px 12px;
    --section_padding: clamp(30px, 8vw, 80px);
    --gap_min: clamp(15px, 2vw, 20px);
    --gap: clamp(20px, 4vw, 40px);
    --gap_xl: clamp(25px, 8vw, 80px);
    --radius_sm: 5px;
    --radius: 10px;
    --radius_l: 20px;
    --radius_xl: 30px;
    --c_radius: 25px;
    --ci_radius: 25px;
    --bezier: cubic-bezier(0.25, 0.8, 0.35, 0.9);
    --fvh: 100vh;
    --fvh: 100svh;
    --full_menu_height: var(--menu_height);
    --top_spacing: calc(var(--full_menu_height) + var(--gap));

    /*Woocommerce*/
    --message: #232323;
    --error: #d42222;
    --success: #15bf86;
    --info: #1e73be;
    --message_bg: var(--bg1);
}



.editor-styles-wrapper,
body {
    --wp--preset--spacing--20: var(--gap_min) !important;
    --wp--preset--spacing--30: var(--gap) !important;
    --wp--preset--spacing--40: var(--gap_xl) !important;
    --wp--preset--spacing--80: var(--section_padding) !important;
}

.wp-block-heading {
    margin-bottom: clamp(2px, 0.5em, 8px)
}

p {
    margin-bottom: 0.4em
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5 {
    font-family: var(--heading_font);
    line-height: var(--heading_lh);
    font-weight: 600;
    margin: 0;
}

.editor-styles-wrapper h1 {
    font-size: var(--h1)
}

.editor-styles-wrapper h2 {
    font-size: var(--h2);
}

.editor-styles-wrapper h3 {
    font-size: var(--h3);
}

.editor-styles-wrapper h4 {
    font-size: var(--h4);
}

.editor-styles-wrapper h5 {
    font-size: var(--h5);
}

.editor-styles-wrapper :where(.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5)+* {
    margin-top: 1em;
}


.editor-styles-wrapper p {
    margin: 0;
    line-height: var(--body_lh);
}

.editor-styles-wrapper *+p {
    margin-top: 0.8em;
}

.wp-block-media-text .wp-block-media-text__content {
    padding: clamp(20px, 10%, 80px);
}

.entry-content p {
    line-height: 1.8em;
    margin-top: 1em;
}

.entry-content p:last-child {
    margin-bottom: 0;
}

.is-style-container {
    max-width: var(--max_width);
    width: clamp(300px, 90%, var(--max_width));
    margin: 0 auto;
    position: relative;
    margin-top: var(--gap);
    margin-bottom: var(--gap);
}


.is-style-container:first-child {
    margin-top: 0;
}

:where(.post-type-project,
    .post-type-post) .editor-styles-wrapper :where(.editor-editor-canvas__post-title-wrapper, .is-root-container) {
    max-width: var(--max_width);
    width: clamp(300px, 98%, var(--max_width));
    margin: 0 auto;
}

.entry-content .wp-block-heading {
    margin-bottom: clamp(4px, 0.4em, 15px);
}

.entry-content .wp-block-heading:not(:has(+*)) {
    margin-bottom: 0;
}

.entry-content *+.wp-block-heading {
    margin-top: 1em;
}

.entry-content p {
    margin-bottom: 1em;
}

.entry-content ul {
    list-style: disc;
}

.entry-content ul,
.entry-content ol {
    padding-left: 1em;
}

.entry-content ul li,
.entry-content ol li {
    margin: 0.4em 0;
}


@media screen and (max-width: 780px) {
    .wp-block-columns.invert_col {
        flex-direction: column-reverse;
    }
}

.wp-lightbox-overlay .scrim {
    background-color: rgb(0 0 0 / 0.8) !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.pg_col-2 .pixll_group-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap_xl);
    justify-items: stretch;
    align-items: center;
}

.pg_col-2 .pixll_group-content>.wp-block-image,
.pg_col-2 .pixll_group-content>.wp-block-image img {
    width: 100%;
}

@media screen and (max-width: 780px) {
    .pg_stack_om .pixll_group-content {
        grid-template-columns: 1fr !important;
    }

    .pg_col-2 .pixll_group-content {
        grid-template-columns: 1fr !important;
    }

    .pg_col-2.rev .pixll_group-content>:first-child {
        grid-row: 2/3;
    }
}

.col-2,
.col-3,
.col-4,
.col-auto {
    display: grid !important;
    gap: var(--gap);
}

:root {
    --col-2: repeat(2, 1fr);
    --col-3: repeat(3, 1fr);
    --col-4: repeat(4, 1fr);
}

.col-2 {
    grid-template-columns: var(--col-2);
    gap: clamp(30px, 10vw, 100px);
}

.col-3 {
    grid-template-columns: var(--col-3);
}

.col-4 {
    grid-template-columns: var(--col-4);
    gap: var(--gap_min);
}

.col-auto {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.span-2 {
    grid-column: span 2;
}

.span-all {
    grid-column: 1/-1;
}

.gap {
    gap: var(--gap) !important;
}

.gap-min {
    gap: var(--gap_min) !important;
}

.gap-xl {
    gap: var(--gap_xl) !important;
}

.col-2.v_center,
.col-3.v_center {
    align-items: center;
}

@media only screen and (max-width: 1000px) {
    :root {
        --col-2: repeat(2, 1fr);
        --col-3: repeat(2, 1fr);
        --col-4: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 600px) {
    :root {
        --col-2: 1fr;
        --col-3: 1fr;
        --col-4: 1fr;
    }
}

:where(.col-2,
    .col-3,
    .col-4)>* {
    margin: 0 !important;
}

.center {
    align-items: center;
    text-align: center;
}

.center>* {
    margin-left: auto;
    margin-right: auto;
}

.flex-auto {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-auto>* {
    max-width: 200px;
}

/*Custom to Project*/
.col-auto-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    margin-top: var(--gap_min);
}

.col-auto-flex>* {
    flex: 1 1 310px;
}


.hero-container.is-style-container,
.hero_slider {
    border-radius: var(--radius_xl) !important;
    overflow: hidden;
}

.hero_slider .pixll_slider-slide-content>* {
    padding: 0 !important;
    margin: 0 !important;
}

.hero_slider.pixll_slider .pixll_slider-wrapper .pixll_slider-slides {
    height: max-content;
}

.hero_slider .pixll_slider-slide-content {
    display: grid;
    grid-template-columns: 5fr 3fr;
    width: clamp(300px, 90vw, var(--max_width)) !important;
}

.hero_slider .button_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--gap);
} 

.hero_slider h1 {
    padding-top: var(--gap_xl);
}

.hero_slider .wp-block-buttons {
    margin-top: 0;
    padding-bottom: var(--gap_xl);
}


@media only screen and (max-width: 1180px) {
    .hero-container.is-style-container,
    .hero_slider {
        border-radius: 0 !important;
    }
}

@media only screen and (min-width: 600px) {
	.hero_slider .pixll_slider-slide-content .wp-block-image {
		grid-column: 2/3;
		grid-row: 1/3;
	}
}

@media only screen and (max-width: 600px) {
	.hero_slider .pixll_slider-slide-content {
		grid-template-columns: 1fr;
	}
	
	.hero_slider .pixll_slider-slide-content p {
		max-width: 180px;
		margin-left: 0 !important;
	}

	.hero_slider .pixll_slider-slide-content .wp-block-image {
		aspect-ratio: 1/1;
		width: 100%;
		height: auto;
		margin-left: 0;
		z-index: 2;
	}

    .hero_slider .wp-block-buttons .wp-block-button {
        flex: 1 1 auto;
    }
}


.review_slider {
	margin: var(--gap) 0;
}

@media only screen and (max-width: 800px) {

	.review_slider {
		--slidesToShow: 2 !important;
	}
}

@media only screen and (max-width: 600px) {

	.review_slider {
		--slidesToShow: 1 !important;
	}
}

.review_card .pixll_slider-slide-content {
	background-color: var(--bg1);
	border-radius: var(--radius);
	border: 1px solid var(--bg3);
	padding: var(--gap_min) !important;
	margin: 0 calc(var(--gap_min) * 0.5) !important;
	width: auto !important;
	height: 100% !important;
}

.review_card .wp-block-media-text {
	grid-template-columns: 50px 1fr !important;
}

.review_card .wp-block-media-text img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.review_card .wp-block-media-text .wp-block-heading {
	font-weight: 400;
	font-size: var(--h6);
	margin-bottom: 0 !important;
}

.review_card p {
	margin-top: 0.5em !important;
}

.review_card p.reviews {
	font-size: 0.6em;
	margin: 0;
}

.review_card p.reviews::before {
	content: "\e9d9 \e9d9 \e9d9 \e9d9 \e9d9";
	display: inline-block;
	font-family: pd_icons !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 0.5em;
	font-size: 1.2em;
	color: #FFB900;
}

.review_card p:nth-child(3) {
	font-size: 0.8em;
}

.icon_card {
	display: grid;
	padding: 0;
	grid-template-columns: 60px 1fr !important;
	gap: var(--gap_min);
	align-items: center;
}

.icon_card .wp-block-media-text__media {
    background-color: var(--c2);
    padding: 15px;
    border-radius: var(--radius);
}

.icon_card>div {
	padding: 0 !important;
}

.icon_card>div>* {
	margin: 0;
}

.icon_card .wp-block-heading {
	font-size: 1rem;
}

.icon_card p {
	margin-top: 0.2em;
	font-size: 0.85rem;
}

.content_card {
	overflow: hidden;
	border-radius: var(--radius_xl);
    background-color: var(--bg2);
}

.content_card .wp-block-group {
	margin: 0;
	padding: var(--gap);
}

.content_card .wp-block-group p:nth-child(2) {
	margin-top: 0.2em;
}