:root {
    /*--- COLORS ---*/
	--primary-color: #DF6630;
	--secondary-color: #FFEAD1;
	--text-color: #656565;
	--accent-color: #DF6630;
    
    --ghost-white: #F8F9FA;
    --grey: #F1F1F1;
    --hard-coal: #656565;
	--white: #ffffff;
    --primary-color-hover: #B2542A;
    --transparent: transparent;
    
    --red-theme: #DB3131;
    --red-secondary-theme: #FFDDDD;
    --red-theme-hovered: #BA2929;
    --red-bg-section: #FEF6F6;
    
    --orange-theme: #DF6630;
    --orange-secondary-theme: #FFEAD1;
    --orange-theme-hovered: #BC5223;
    --orange-bg-section: #FAF6F3;
    
    --yellow-theme: #B98C04;
    --yellow-secondary-theme: #F8EFCA;
    --yellow-theme-hovered: #8E6C06;
    --yellow-bg-section: #FAFAF8;
    
    --green-theme: #2CC295;
    --green-secondary-theme: #D8F3ED;
    --green-theme-hovered: #22906F;
    --green-bg-section: #F1F7F6;
    
    --blue-theme: #1153ED;
    --blue-secondary-theme: #DFE9FF;
    --blue-theme-hovered: #0F42B8;
    --blue-bg-section: #F2F4F7;
    
    --purple-theme: #9511ED;
    --purple-secondary-theme: #E1D8F3;
    --purple-theme-hovered: #5E0A96;
    --purple-bg-section: #F4F1F7;
    
    /*--- FONTS ---*/
    --heading-fonts: 'Poppins', sans-serif;
    --text-fonts: 'Lora', sans-serif;
    
    /*--- BUTTONS ---*/
    --primary-button-bg-color: var(--accent-color);
    --primary-button-bg-hover-color: var(--primary-color-hover);
    --primary-button-font: var(--heading-fonts);
    --primary-button-weight: 600;
    --primary-button-border: 1px solid var(--accent-color);
    --primary-button-border-hover: 1px solid var(--primary-color-hover);
    --primary-button-border-radius : 100px;
    
    --outline-button-bg-color: var(--transparent);
    --outline-button-bg-hover-color: var(--transparent);
    --outline-button-font: var(--heading-fonts);
    --outline-button-font-color: var(--hard-coal);
    --outline-button-weight: 600;
    --outline-button-border: 1px solid var(--hard-coal);
    --outline-button-border-hover: 1px solid var(--white);
    --outline-button-border-radius : 100px;
    
    /*--- TRANSITION ---*/
    --all-smooth: all 0.5s ease-in-out;
    --filter: filter 0.5s ease-in-out;
    
    --gooey-orange-effect-color: #FAF6F3;
    --gooey-red-effect-color: #FEF6F6;
    --gooey-yellow-effect-color: #FAFAF8;
    --gooey-green-effect-color: #F1F7F6;
    --gooey-blue-effect-color: #F2F4F7;
    --gooey-purple-effect-color: #F4F1F7;
}
/* ===== START ORANGE STYLES ===== */
.orange-text h1 span span,
.orange-text h2 span span,
.orange-text-number h2,
.orange-text h3 span span,
.orange-text h4 span span,
.orange-text-heading h4 span,
.orange-text h5 span span,
.orange-text h6 span span,
.orange-text p span span,
.orange-text-link span {
    color: var(--orange-theme) !important;
}
body:has(.orange-theme) {
    background: var(--orange-bg-section);
}
.orange-button a {
    background-color: var(--orange-theme) !important;
    border-color: var(--orange-theme) !important;
}
.orange-secondary-background {
    background-color: var(--orange-secondary-theme) !important;
}
.orange-button a:hover {
    background-color: var(--orange-theme-hovered) !important;
    border-color: var(--orange-theme-hovered) !important;
}
.orange-secondary-btn a {
    background-color: var(--orange-secondary-theme) !important;
    border-color: var(--orange-secondary-theme) !important;
    color: var(--orange-theme) !important;
}
.orange-secondary-btn a:hover {
    background-color: var(--orange-theme) !important;
    border-color: var(--orange-theme) !important;
}
.orange-icon .zpicon-common svg {
    fill: var(--orange-theme) !important;
}
.orange-bg-section {
	background-color: var(--orange-bg-section) !important;
}
.orange-theme .gooey-effect {
    background: var(--gooey-orange-effect-color) !important;
}
.orange-theme .gooey-effect::before, 
.orange-theme .gooey-effect::after {
    box-shadow: -50px 50px 0 0 var(--gooey-orange-effect-color) !important;
}
.custom-hero-heading.orange-text h1 span {
    background: var(--gooey-orange-effect-color) !important;
}
.custom-hero-heading.orange-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    background: var(--gooey-orange-effect-color) !important;
}
.custom-hero-heading.orange-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    box-shadow: -50px 50px 0 0 var(--gooey-orange-effect-color) !important;
}
.custom-hero-heading.orange-text h1 span span::after {
    box-shadow: -40px 40px 0 0 var(--gooey-orange-effect-color) !important;
}
.custom-hero-heading.orange-text h1 span span::before {
    box-shadow: -40px 40px 0 0 var(--gooey-orange-effect-color) !important;
}
.zpelement.zpelem-button.map-btn.orange-secondary-btn.active a {
    background: var(--orange-theme) !important;
}
/* ===== END ORANGE STYLES ===== */

/* ===== START RED STYLES ===== */
.red-text h1 span span,
.red-text h2 span span,
.red-text-number h2,
.red-text h3 span span,
.red-text h4 span span,
.red-text-heading h4 span,
.red-text h5 span span,
.red-text h6 span span,
.red-text p span span,
.red-text-link span {
    color: var(--red-theme) !important;
}
body:has(.red-theme) {
    background: var(--red-bg-section);
}
.red-button a {
    background-color: var(--red-theme) !important;
    border-color: var(--red-theme) !important;
}
.red-secondary-background {
    background-color: var(--red-secondary-theme) !important;
}
.red-button a:hover {
    background-color: var(--red-theme-hovered) !important;
    border-color: var(--red-theme-hovered) !important;
}
.red-secondary-btn a {
    background-color: var(--red-secondary-theme) !important;
    border-color: var(--red-secondary-theme) !important;
    color: var(--red-theme) !important;
}
.red-secondary-btn a:hover {
    background-color: var(--red-theme) !important;
    border-color: var(--red-theme) !important;
}
.red-icon .zpicon-common svg {
    fill: var(--red-theme) !important;
}
.red-bg-section {
	background-color: var(--red-bg-section) !important;
}
.red-theme .gooey-effect {
    background: var(--gooey-red-effect-color) !important;
}
.red-theme .gooey-effect::before, 
.red-theme .gooey-effect::after {
    box-shadow: -50px 50px 0 0 var(--gooey-red-effect-color) !important;
}
.custom-hero-heading.red-text h1 span {
    background: var(--gooey-red-effect-color) !important;
}
.custom-hero-heading.red-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    background: var(--gooey-red-effect-color) !important;
}
.custom-hero-heading.red-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    box-shadow: -50px 50px 0 0 var(--gooey-red-effect-color) !important;
}
.custom-hero-heading.red-text h1 span span::after {
    box-shadow: -40px 40px 0 0 var(--gooey-red-effect-color) !important;
}
.custom-hero-heading.red-text h1 span span::before {
    box-shadow: -40px 40px 0 0 var(--gooey-red-effect-color) !important;
}
.zpelement.zpelem-button.map-btn.red-secondary-btn.active a {
    background: var(--red-theme) !important;
}
/* ===== END RED STYLES ===== */

/* ===== START YELLOW STYLES ===== */
.yellow-text h1 span span,
.yellow-text h2 span span,
.yellow-text-number h2,
.yellow-text h3 span span,
.yellow-text h4 span span,
.yellow-text-heading h4 span,
.yellow-text h5 span span,
.yellow-text h6 span span,
.yellow-text p span span,
.yellow-text-link span {
    color: var(--yellow-theme) !important;
}
body:has(.yellow-theme) {
    background: var(--yellow-bg-section);
}
.yellow-button a {
    background-color: var(--yellow-theme) !important;
    border-color: var(--yellow-theme) !important;
}
.yellow-secondary-background {
    background-color: var(--yellow-secondary-theme) !important;
}
.yellow-button a:hover {
    background-color: var(--yellow-theme-hovered) !important;
    border-color: var(--yellow-theme-hovered) !important;
}
.yellow-secondary-btn a {
    background-color: var(--yellow-secondary-theme) !important;
    border-color: var(--yellow-secondary-theme) !important;
    color: var(--yellow-theme) !important;
}
.yellow-secondary-btn a:hover {
    background-color: var(--yellow-theme) !important;
    border-color: var(--yellow-theme) !important;
}
.yellow-icon .zpicon-common svg {
    fill: var(--yellow-theme) !important;
}
.yellow-bg-section {
	background-color: var(--yellow-bg-section) !important;
}
.yellow-theme .gooey-effect {
    background: var(--gooey-yellow-effect-color) !important;
}
.yellow-theme .gooey-effect::before, 
.yellow-theme .gooey-effect::after {
    box-shadow: -50px 50px 0 0 var(--gooey-yellow-effect-color) !important;
}
.custom-hero-heading.yellow-text h1 span {
    background: var(--gooey-yellow-effect-color) !important;
}
.custom-hero-heading.yellow-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    background: var(--gooey-yellow-effect-color) !important;
}
.custom-hero-heading.yellow-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    box-shadow: -50px 50px 0 0 var(--gooey-yellow-effect-color) !important;
}
.custom-hero-heading.yellow-text h1 span span::after {
    box-shadow: -40px 40px 0 0 var(--gooey-yellow-effect-color) !important;
}
.custom-hero-heading.yellow-text h1 span span::before {
    box-shadow: -40px 40px 0 0 var(--gooey-yellow-effect-color) !important;
}
.zpelement.zpelem-button.map-btn.yellow-secondary-btn.active a {
    background: var(--yellow-theme) !important;
}
/* ===== END YELLOW STYLES ===== */

/* ===== START GREEN STYLES ===== */
.green-text h1 span span,
.green-text h2 span span,
.green-text-number h2,
.green-text h3 span span,
.green-text h4 span span,
.green-text-heading h4 span,
.green-text h5 span span,
.green-text h6 span span,
.green-text p span span,
.green-text-link span {
    color: var(--green-theme) !important;
}
body:has(.green-theme) {
    background: var(--green-bg-section);
}
.green-button a {
    background-color: var(--green-theme) !important;
    border-color: var(--green-theme) !important;
}
.green-secondary-background {
    background-color: var(--green-secondary-theme) !important;
}
.green-button a:hover {
    background-color: var(--green-theme-hovered) !important;
    border-color: var(--green-theme-hovered) !important;
}
.green-secondary-btn a {
    background-color: var(--green-secondary-theme) !important;
    border-color: var(--green-secondary-theme) !important;
    color: var(--green-theme) !important;
}
.green-secondary-btn a:hover {
    background-color: var(--green-theme) !important;
    border-color: var(--green-theme) !important;
}
.green-icon .zpicon-common svg {
    fill: var(--green-theme) !important;
}
.green-bg-section {
	background-color: var(--green-bg-section) !important;
}
.green-theme .gooey-effect {
    background: var(--gooey-green-effect-color) !important;
}
.green-theme .gooey-effect::before, 
.green-theme .gooey-effect::after {
    box-shadow: -50px 50px 0 0 var(--gooey-green-effect-color) !important;
}
.custom-hero-heading.green-text h1 span {
    background: var(--gooey-green-effect-color) !important;
}
.custom-hero-heading.green-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    background: var(--gooey-green-effect-color) !important;
}
.custom-hero-heading.green-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    box-shadow: -50px 50px 0 0 var(--gooey-green-effect-color) !important;
}
.custom-hero-heading.green-text h1 span span::after {
    box-shadow: -40px 40px 0 0 var(--gooey-green-effect-color) !important;
}
.custom-hero-heading.green-text h1 span span::before {
    box-shadow: -40px 40px 0 0 var(--gooey-green-effect-color) !important;
}
.zpelement.zpelem-button.map-btn.green-secondary-btn.active a {
    background: var(--green-theme) !important;
}
/* ===== END GREEN STYLES ===== */

/* ===== START BLUE STYLES ===== */
.blue-text h1 span span,
.blue-text h2 span span,
.blue-text-number h2,
.blue-text h3 span span,
.blue-text h4 span span,
.blue-text-heading h4 span,
.blue-text h5 span span,
.blue-text h6 span span,
.blue-text p span span,
.blue-text-link span {
    color: var(--blue-theme) !important;
}
body:has(.blue-theme) {
    background: var(--blue-bg-section);
}
.blue-button a {
    background-color: var(--blue-theme) !important;
    border-color: var(--blue-theme) !important;
}
.blue-secondary-background {
    background-color: var(--blue-secondary-theme) !important;
}
.blue-button a:hover {
    background-color: var(--blue-theme-hovered) !important;
    border-color: var(--blue-theme-hovered) !important;
}
.blue-secondary-btn a {
    background-color: var(--blue-secondary-theme) !important;
    border-color: var(--blue-secondary-theme) !important;
    color: var(--blue-theme) !important;
}
.blue-secondary-btn a:hover {
    background-color: var(--blue-theme) !important;
    border-color: var(--blue-theme) !important;
}
.blue-icon .zpicon-common svg {
    fill: var(--blue-theme) !important;
}
.blue-bg-section {
	background-color: var(--blue-bg-section) !important;
}
.blue-theme .gooey-effect {
    background: var(--gooey-blue-effect-color) !important;
}
.blue-theme .gooey-effect::before, 
.blue-theme .gooey-effect::after {
    box-shadow: -50px 50px 0 0 var(--gooey-blue-effect-color) !important;
}
.custom-hero-heading.blue-text h1 span {
    background: var(--gooey-blue-effect-color) !important;
}
.custom-hero-heading.blue-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    background: var(--gooey-blue-effect-color) !important;
}
.custom-hero-heading.blue-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    box-shadow: -50px 50px 0 0 var(--gooey-blue-effect-color) !important;
}
.custom-hero-heading.blue-text h1 span span::after {
    box-shadow: -40px 40px 0 0 var(--gooey-blue-effect-color) !important;
}
.custom-hero-heading.blue-text h1 span span::before {
    box-shadow: -40px 40px 0 0 var(--gooey-blue-effect-color) !important;
}
.zpelement.zpelem-button.map-btn.blue-secondary-btn.active a {
    background: var(--blue-theme) !important;
}
/* ===== END BLUE STYLES ===== */

/* ===== START PURPLE STYLES ===== */
.purple-text h1 span span,
.purple-text h2 span span,
.purple-text-number h2,
.purple-text h3 span span,
.purple-text h4 span span,
.purple-text-heading h4 span,
.purple-text h5 span span,
.purple-text h6 span span,
.purple-text p span span,
.purple-text-link span {
    color: var(--purple-theme) !important;
}
body:has(.purple-theme) {
    background: var(--purple-bg-section);
}
.purple-button a {
    background-color: var(--purple-theme) !important;
    border-color: var(--purple-theme) !important;
}
.purple-secondary-background {
    background-color: var(--purple-secondary-theme) !important;
}
.purple-button a:hover {
    background-color: var(--purple-theme-hovered) !important;
    border-color: var(--purple-theme-hovered) !important;
}
.purple-secondary-btn a {
    background-color: var(--purple-secondary-theme) !important;
    border-color: var(--purple-secondary-theme) !important;
    color: var(--purple-theme) !important;
}
.purple-secondary-btn a:hover {
    background-color: var(--purple-theme) !important;
    border-color: var(--purple-theme) !important;
}
.purple-icon .zpicon-common svg {
    fill: var(--purple-theme) !important;
}
.purple-bg-section {
	background-color: var(--purple-bg-section) !important;
}
.purple-theme .gooey-effect {
    background: var(--gooey-purple-effect-color) !important;
}
.purple-theme .gooey-effect::before, 
.purple-theme .gooey-effect::after {
    box-shadow: -50px 50px 0 0 var(--gooey-purple-effect-color) !important;
}
.custom-hero-heading.purple-text h1 span {
    background: var(--gooey-purple-effect-color) !important;
}
.custom-hero-heading.purple-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    background: var(--gooey-purple-effect-color) !important;
}
.custom-hero-heading.purple-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    box-shadow: -50px 50px 0 0 var(--gooey-purple-effect-color) !important;
}
.custom-hero-heading.purple-text h1 span span::after {
    box-shadow: -40px 40px 0 0 var(--gooey-purple-effect-color) !important;
}
.custom-hero-heading.purple-text h1 span span::before {
    box-shadow: -40px 40px 0 0 var(--gooey-purple-effect-color) !important;
}
.zpelement.zpelem-button.map-btn.purple-secondary-btn.active a {
    background: var(--purple-theme) !important;
}
/* ===== END PURPLE STYLES ===== */

a {
	transition: var(--all-smooth);
}

p {
	text-wrap: pretty;
}

/* ====== REUSABLE STYLE ===== */
.flex {
	display: flex !important;
}

.flex-col {
	flex-direction: column !important;
}
.flex-row {
	flex-direction: row !important;
}

.wrap {
	flex-wrap: wrap !important;
}
.nowrap {
	flex-wrap: nowrap !important;
}

.item-start {
	align-items: start !important;
}
.item-center {
	align-items: center !important;
}
.item-end {
	align-items: end !important;
}

.justify-start {
	justify-content: start !important;
}
.justify-center {
	justify-content: center !important;
}
.justify-end {
	justify-content: end !important;
}
.space-between {
	justify-content: space-between !important;
}

.h-screen {
	height: 100vh;
}
.h-full {
	height: 100%;
}
.h-half {
	height: 50%;
}
.h-quarter {
	height: 25%;
}

.w-screen {
	width: 100vh;
}
.w-full {
	width: 100%;
}
.w-three-quarters {
	width: 75%;
}
.w-half {
	width: 50%;
}
.w-quarter {
	width: 25%;
 }
.w-220 {
	width: 220px;
}
.w-500 {
	width: 500px;
}

.gap-10 {
	gap: 10px;
}
.gap-20 {
	gap: 20px;
}
.gap-30 {
	gap: 30px;
}
.gap-40 {
	gap: 40px;
}
.gap-50 {
	gap: 50px;
}

.z-0 {
	z-index: 0;
}
.z-1 {
	z-index: 1;
}
.z-2 {
	z-index: 2;
}
.z-3 {
	z-index: 3;
}

.text-balance {
	text-wrap: balance !important;
}
.text-pretty {
	text-wrap: pretty !important;
}


/* ===== CUSTOM STYLES ===== */

.primary-button {
	background-color: var(--primary-button-bg-color);
    font-family: var(--primary-button-font);
    font-weight: var(--primary-button-weight);
    border: var(--primary-button-border);
    border-radius: var(--primary-button-border-radius);
    transition: var(--smooth);
}
.primary-button:hover {
    background-color: var(--primary-button-bg-hover-color);
    border: var(--primary-button-border-hover);
}

.outline-button {
	background-color: var(--outline-button-bg-color);
    font-family: var(--outline-button-font);
    font-weight: var(--outline-button-weight);
    border: var(--outline-button-border);
    border-radius: var(--outline-button-border-radius);
    transition: var(--all-smooth);
}
.ouline-button:hover {
    background-color: var(--outline-button-bg-hover-color);
    border: var(--outline-button-border-hover);
}

.theme-menu, .theme-responsive-menu-area.theme-navigation-and-icons.zpcontainer {
    display: none !important;
}

/* === Start Hero Section === */
.custom-hero-heading h1 {
    margin-right: -175px;
}
.custom-hero-heading h1 span {
   	position: unset !important;
    border-bottom-right-radius: 50px !important;
    line-height: 1.3 !important;
    display: inline !important;
    box-decoration-break: clone !important;
    padding: 0 2.5rem 1.5rem 0 !important;
}

.gooey-effect::before, 
.gooey-effect::after {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 40px;
    box-shadow: -50px 50px 0 0 var(--gooey-effect-color);
    z-index: 0;
    transform: rotate(270deg);
}
.gooey-effect::before {
    left: -100px;
    top: -2px;
}
.gooey-effect::after {
    right: 0;
    top: -100px;
}
/* Fixed position for 1440px and above, responsive below */
.custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    content: "";
    display: block;
    width: 100%;
    height: 160px;
    position: absolute;
    z-index: -1;
    top: -120px;
    /* Fixed position at 1440px and above */
    right: -158px;
}

.custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 40px;
    box-shadow: -50px 50px 0 0 var(--gooey-effect-color);
    z-index: -1;
    transform: rotate(89deg);
    background: transparent !important;
    /* Fixed position at 1440px and above */
    right: -257px;
    top: -111px;
}

.custom-hero-heading h1 span span::after {
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
    border-radius: 40px;
    box-shadow: -40px 40px 0 0 var(--gooey-effect-color);
    z-index: -1;
    transform: rotate(90deg);
    background: transparent !important;
    /* Fixed position at 1440px and above */
    right: -149px;
    bottom: 279px;
}

.custom-hero-heading h1 span span::before {
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
    border-radius: 40px;
    box-shadow: -40px 40px 0 0 var(--gooey-effect-color);
    z-index: -1;
    transform: rotate(90deg);
    background: transparent !important;
    right: -75px;
    bottom: 202px;
}

.zpsection.zpdefault-section.zpdefault-section-bg.hero-section {
    position: relative;
}

.theme-header {
    display: none;
}
.stack-images img {
	width: 150px !important;
}
/* === End Hero Section === */


/* === Start Services Section === */
.grayscale-img {
    filter: grayscale(1);
    transition: var(--filter);
}
.grayscale-img:hover {
    filter: grayscale(0);
}

.services-box.grayscale-img div {
    transition: var(--all-smooth);
}
.services-box.grayscale-img:hover div {
    border-color: rgba(255, 255, 255, 1) !important;
}
.zpelem-col.zpcol-12.zpcol-md-4.zpcol-sm-12.zpalign-self-.zpdefault-section.zpdefault-section-bg.zpbackground-size-cover.zpbackground-position-center-center.zpbackground-repeat-all.zpbackground-attachment-scroll.services-box.grayscale-img {
    flex: 1;
}
.zpelement.zpelem-image.rounded-images-20 img {
    border-radius: 20px;
}
/* === End Services Section === */

/* === Start Service Area Section === */
.maps iframe {
    border-radius: 20px;
}

.maps-button-nav div {
    margin: 0;
}

.zprow.zprow-container.map-location-indicator.zpalign-items-flex-start.zpjustify-content-flex-start.zpdefault-section.zpdefault-section-bg {
    position: absolute;
    top: 20px;
    right: 60px;
    width: 250px;
    background: rgb(0 0 0 / 50%);
    backdrop-filter: blur(30px);
}

/* === End Service Area Section === */

/* === Start FAQ Section === */
.process-container .zpelem-col.zpcol-12.zpcol-md-4.zpcol-sm-12.zpalign-self-.zpdefault-section.zpdefault-section-bg.zpbackground-size-cover.zpbackground-position-center-center.zpbackground-repeat-all.zpbackground-attachment-scroll {
    flex: 1;
}
.zpelement.zpaccordion-content.faq-content {
    padding: 0;
}
.faq > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.zpelement.zpaccordion-content.faq-content {
    padding: 0;
    margin-top: -20px !important;
}
.faq-content div {
    background-color: #ffffff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.zpelement.zpaccordion.faq-title {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    font-family: 'Poppins';
    color: #656565;
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    transition: all 0.3s ease-in-out;
}
.zpelement.zpaccordion.faq-title:hover {
    color: #000000;
}
.zpelement.zpaccordion.faq-title.zpaccordion-active {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #000000 !important;
}
/* === End FAQ Section === */

.zprow.zprow-container.flex.gap-20.guarantee-cards.zpalign-items-flex-start.zpjustify-content-flex-start.zpdefault-section.zpdefault-section-bg > div {
    flex: 1;
}

.theme-header img {
    height: auto !important;
    width: 200px !important;
}

span.theme-menu-name {
    font-family: 'Poppins' !important;
    font-size: 16px !important;
    color: #656565 !important;
}

/* Blog */
.zpelem-col.zpcol-12.zpcol-md-12.zpcol-sm-12.zpalign-self-.zpdefault-section.zpdefault-section-bg.blog-image {
    height: 300px;
}


.zpelement.zpelem-heading.map-label {
    font-family: 'Poppins' !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    margin: 0 !important;
    line-height: 18px !important;
}

.zpelement.zpelem-button.map-btn.active a {
    background: #df6630 !important;
    color: #ffffff !important;
}

/* === Start Guarantee Section === */
.stacked.guarantee-cards div {
    flex: 1 !important;
}
/* === End Guarantee Section === */

/* === Start Review Section === */
.review-cards div {
    flex: 1 !important;
}
/* === End Review Section === */

/* === Start Portland === */
.portland.custom-hero-heading h1 {
    margin-right: -320px;
}
.portland.custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    right: -185px !important;
}
.portland.custom-hero-heading.orange-text h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
    right: -285px !important;
    top: -40px !important;
}
.portland.custom-hero-heading.orange-text h1 span span::after {
    bottom: 405px !important;
    right: -192px !important;
}
.portland.custom-hero-heading.orange-text h1 span span::before {
    bottom: 325px !important;
}
.custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
    height: 110px !important;
    top: -50px !important;
}
.legal.gooey-effect::before {
    left: -95px !important;
    bottom: 0 !important;
    top: unset !important;
}

.orange-theme .legal.gooey-effect::before, .orange-theme .gooey-effect::after {
    box-shadow: -75px 50px 0 0 var(--gooey-orange-effect-color) !important;
}

.orange-theme .legal.gooey-effect::after {
    box-shadow: -50px 50px 0 0 var(--gooey-orange-effect-color) !important;
}
/* === End Portland === */

@media screen and (max-width: 1439px) {
    .portland.custom-hero-heading h1 {
        margin-right: 0 !important;
    }
    
    .portland.custom-hero-heading h1 span {
        padding: 0 !important;
        font-size: 48px !important;
        padding-right: 40px !important;
        box-decoration-break: unset !important;
        border-bottom-right-radius: 0 !important;
    }
    .portland.custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after,
    .portland.custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before,
    .portland.custom-hero-heading h1 span span::after,
    .portland.custom-hero-heading h1 span span::before {
        display: none;
    }
    .custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after {
        right: calc(-158px + (1440px - 100vw) * -0.41);
    }
    .custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before {
        right: calc(-257px + (1440px - 100vw) * -0.42);
    }
    .custom-hero-heading h1 span span::after {
        right: calc(-149px + (1440px - 100vw) * -0.4);
    }
    .custom-hero-heading h1 span span::before {
        right: calc(-75px + (1440px - 100vw) * 0.0);
    }
}
@media screen and (max-width: 1330px) {
    .custom-hero-heading h1 {
        margin-right: 0 !important;
    }
    .custom-hero-heading h1 span {
        padding: 0 !important;
        font-size: 48px !important;
        padding-right: 40px !important;
        box-decoration-break: unset !important;
        border-bottom-right-radius: 0 !important;
    }
    .custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after,
    .custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before,
    .custom-hero-heading h1 span span::after,
    .custom-hero-heading h1 span span::before {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
	.custom-hero-heading h1 {
        margin-right: 0;
    }
    .portland.custom-hero-heading h1 {
        margin-right: 0 !important;
    }
    .custom-hero-heading h1 span {
        position: unset !important;
        background: transparent !important;
        border-bottom-right-radius: 0px !important;
        display: inline !important;
        box-decoration-break: clone !important;
        padding: 0rem 0em 0rem 0rem !important;
    }
    .custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::after,
    .custom-hero-heading h1.zpheading.zpheading-style-none.zpheading-align-left.zpheading-align-mobile-left.zpheading-align-tablet-left::before,
    .custom-hero-heading h1 span span::after,
    .custom-hero-heading h1 span span::before {
        display: none;
    }
}

@media (min-width: 992px) {
    .zpheader-style-04 .theme-navigation-and-icons .theme-menu-area .theme-menu ul {
        justify-content: end !important;
    }
	.theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover > a {
        background: transparent !important;
        color: #DF6630 !important;
    }
    .theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected>a span,
    .theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover > a span {
        color: #DF6630 !important;
    }
    .theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected>a {
        background: transparent;
    }
}

.theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover>a {
        background: #DF6630;
        color: #F8F9FA;
}

@media screen and (max-width: 768px) {
    .tablet-flex-row {
        flex-direction: row !important;
    }
	.tablet-flex-col {
        flex-direction: column !important;
    }
    .tablet-row-reverse {
        flex-direction: row-reverse !important;
    }
	.tablet-col-reverse {
        flex-direction: column-reverse !important;
    }
    .tablet-item-start {
        align-items: start !important;
    }
    .tablet-item-center {
        align-items: center !important;
    }
    .tablet-item-end {
        align-items: end !important;
    }
    .tablet-justify-start {
        justify-content: start !important;
    }
    .tablet-justify-center {
        justify-content: center !important;
    }
    .tablet-justify-end {
        justify-content: end !important;
    }
    .tablet-h-screen {
        height: 100vh !important;
    }
    .tablet-h-full {
        height: 100% !important;
    }
    .tablet-h-half {
        height: 50% !important;
    }
    .tablet-h-quarter {
        height: 25% !important;
    }
    .tablet-w-screen {
        width: 100vh !important;
    }
    .tablet-w-full {
        width: 100% !important;
    }
    .tablet-w-three-quarters {
        width: 75% !important;
    }
    .tablet-w-half {
        width: 50% !important;
    }
    .tablet-w-quarter {
        width: 25% !important;
    }
    .tablet-text-wrap {
    	text-wrap: wrap;
    }
    .tablet-text-unset {
    	text-wrap: unset;
    }
    .zpelem-box.zpelement.zpbox-container.zpdefault-section.zpdefault-section-bg.zpbackground-size-cover.zpbackground-position-center-center.zpbackground-repeat-all.zpbackground-attachment-scroll.gallery-image {
        height: 300px;
    }
    .theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img.mobileLogoAuto {
    	width: 125px !important;
    }
    .gooey-effect::before, 
    .gooey-effect::after {
        display: none;
    }
    
    .custom-hero-heading h1 span {
        font-size: 34px !important;
    }
}
@media screen and (max-width: 510px) {
    .mobile-flex-row {
        flex-direction: row !important;
    }
	.mobile-flex-col {
        flex-direction: column !important;
    }
    .mobile-row-reverse {
        flex-direction: row-reverse !important;
    }
	.mobile-col-reverse {
        flex-direction: column-reverse !important;
    }
    .mobile-item-start {
        align-items: start !important;
    }
    .mobile-item-center {
        align-items: center !important;
    }
    .mobile-item-end {
        align-items: end !important;
    }
    .mobile-justify-start {
        justify-content: start !important;
    }
    .mobile-justify-center {
        justify-content: center !important;
    }
    .mobile-justify-end {
        justify-content: end !important;
    }
    .mobile-h-screen {
        height: 100vh !important;
    }
    .mobile-h-full {
        height: 100% !important;
    }
    .mobile-h-half {
        height: 50% !important;
    }
    .mobile-h-quarter {
        height: 25% !important;
    }

    .mobile-w-screen {
        width: 100vh !important;
    }
    .mobile-w-full {
        width: 100% !important;
    }
    .mobile-w-three-quarters {
        width: 75% !important;
    }
    .mobile-w-half {
        width: 50% !important;
    }
    .mobile-w-quarter {
        width: 25% !important;
    }
}