.zpelement{
    margin:0;
}
.theme-blog-container-column .zpelement{
    margin:unset;
}
.theme-blog-container-column {
    h1, h2,h3,h4,h5,h6{padding: 1em 0;}}
.zpelement::before{
   display: none;
}
.zpsection {
    padding: 0;
}
@media (min-width: 992px) {
    .theme-pages-full-stretch .zpcontainer {
        max-inline-size: 1300px; /* change this to change the container width */
    }
}
.zpheader-style-01 .theme-header .zpcontainer {
    flex-direction: row;
}
/* SETTINGS. DO NOT EDIT. 
Add custom code in bottom (scroll to line ~1250) */ 

:root {
	--primary: #c92127;
	--primary-off: #ff5757;
	--secondary: #8C53FF;
	--secondary-off: #7D4AE5;
	--accent: #f39c13;
	--accent-off: #eab36a;
	--body-color: #292c2e;
	--body-off: #535353;
	--white: #ffffff;
    --base: #ffffff;
	--bg-base: #fff5ee;
	--grey-light: #e6e7e8;
	--grey: #414141;
	--grey-mid: #86898e;
	--black: #1b1b1b;

    --highlight: #FFC514cc; /* default 44 */
    --highlight-dark: #FFC51490; /* default 77 */
    
    --hover-brightness: 1.3;
    --border-radius: 0.5rem;
    --btn-radius: 8px;
    --btn-hover: "";
    --btn-outline-border: 2px;
    /* 
    \2192 for arrow
    \203A for single right chevron
    \00BB for double right chevron
    */
    --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%);
    
 
    --xxxl: 6.5rem     ; /* changed 120px*/
    --xxl: 4.5rem        ; /* H1 80px */
    --xl: 3.375rem     ; /* H2 54px */
    --l: 2.25rem       ; /* H3 36px */
    --m: 1.5rem        ; /* H4 24px */
    --body: 1.125rem   ; /* 18px */
    --s: 1rem          ; /* 16px */
    --xs:0.667rem      ; /* changed 10px*/
    --lh-xxxl: 1.2em;
    --lh-h1: 1.1em;
    --lh-h2: 1.3em;
    --lh-heading: 1.3em;
    --lh-body: 1.5em;
    --lh-btn: 1em;
    --ls-heading:unset;
    --ls-h1:unset;
    --ls-h2:unset;
    --col:7rem;
    --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl));
    --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl));
    --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl));
    --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l));
    --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m));
    --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s));
    --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs));
        
    --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body));
    --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem);

    --width-card: 26rem;
    --width-card-m: 40rem;
    --width-card-l: 54rem;
    --width-content: 1080px;
    
  /*BreakEvent Point*/
    --desktop: 1312px; /* Desktop */
    --tablet: 992px; /* Tablet */
    --landscape: 768px; /* Landscape */
    --mobile: 480px; /* Mobile */
}

/* AutoCSS 1.0 for 11ty (1 Jan 2025) 
Modified for Zoho site (1 Jul 2026) by Aisyah 
Developed by Laman7 https://github.com/edwin-laman7/autoCSS */
/* Load "AutoCSS Setting" variables before the following lines */

*,::after,::before{box-sizing:border-box}
img,picture {width:100%; height: auto; outline: none; vertical-align: middle;}
button,input,select, textarea{font:inherit}
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *,
    *::before, *::after {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

html {
    scroll-behavior: smooth;
}

/*Typography*/
body {
    min-height:100vh; text-rendering:optimizeSpeed;
    font-size: var(--clamp-body);
    color: var(--body-color);
    line-height: var(--lh-body);
    background-color: var(--base);
}
.text-xxxl {
    font-size: var(--clamp-xxxl);
    line-height: var(--lh-xxxl);
    letter-spacing: var(--ls-h1);
}

h1, .text-xxl {
    font-size: var(--clamp-xxl);
    line-height: var(--lh-h1);
    letter-spacing: var(--ls-h1);
}
h2, .text-xl{
    font-size: var(--clamp-xl);
    line-height: var(--lh-h2);
    letter-spacing: var(--ls-h2);
}
h3, .text-l {
    font-size: var(--clamp-l);
    line-height: var(--lh-heading);
    letter-spacing: var(--ls-heading);
}
h4, .text-m {
    font-size: var(--clamp-m);
    line-height: var(--lh-heading);
    letter-spacing: var(--ls-heading);
}
h5, h6, .text-s {
    font-size: var(--clamp-s);
    line-height: var(--lh-heading);
}
.text-xs{
    font-size: var(--clamp-xs);
}
.text-body {
    font-size: var(--clamp-body);
    line-height: var(--lh-body);
}
.text-m, .text-s, .text-body, .text-xs {
    line-height: var(--lh-body);
}
div {
    h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs
    {margin:0}
}


/* Text */
.text-larger {font-size: 2em;}
.text-smaller {font-size: 0.875em;}

.text-lighter {
    font-weight: 100;
}
.text-light {
    font-weight: 200;
}
.text-normal {
    font-weight: 400;
}   
.text-semibold {
    font-weight: 600;
}
.text-bold {
    font-weight: 700;
}
.text-bolder, .text-black {
    font-weight: 900;
}
.text-italic {
    font-style: italic;
}
.text-oblique {
    font-style: oblique;
}
.text-decoration-none {
    -webkit-text-decoration: none;
    text-decoration: none;
}
.text-underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.text-underline-wavy {
    -webkit-text-decoration: underline wavy;
    text-decoration: underline wavy;
}
.text-underline-dotted {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
.text-underline-double {
    -webkit-text-decoration: underline double;
    text-decoration: underline double;
}
.text-underline-dashed {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
}
.text-overline {
    -webkit-text-decoration: overline;
    text-decoration: overline;
}
.text-line-through {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
}
.text-transform-none {
    text-transform: none;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.primary, .primary a {color: var(--primary)}
.primary-off, .primary-off a {color: var(--primary-off)}
.secondary, .secondary a {color: var(--secondary)}
.secondary-off, .secondary-off a {color: var(--secondary-off)}
.accent, .accent a {color: var(--accent)}
.accent-off, .accent-off a{color: var(--accent-off)}
.base, .base a {color: var(--base)}
.white, .white a, .light, .light a {color: var(--white);}
.grey, .grey a, .grey h1{color: var(--grey);}
.grey-dark, .grey-dark a, .grey-dark h1{color: var(--grey-dark);}
.grey-mid {a, h1, h2, h3, h4{color: var(--grey-mid);}}
.grey-light, .grey-light a{color: var(--grey-light);}
.black, .dark,.black a, .dark a {color: var(--black);}
.body-color, .body-color a {color: var(--body-color);}
.body-off, .body-off a {color: var(--body-off);}

.bg-primary {background-color: var(--primary)}
.bg-primary-off {background-color: var(--primary-off)}
.bg-secondary {background-color: var(--secondary)}
.bg-secondary-off {background-color: var(--secondary-off)}
.bg-accent {background-color: var(--accent)}
.bg-accent-off {background-color: var(--accent-off)}
.bg-base {background-color: var(--base)}
.bg-white, .bg-light {background-color: var(--white);}
.bg-grey {background-color: var(--grey);}
.bg-grey-dark {background-color: var(--grey-dark);}
.bg-grey-mid {background-color: var(--grey-mid);}
.bg-grey-light {background-color: var(--grey-light);}
.bg-black, .bg-dark {background-color: var(--black);}
.bg-body-color {background-color: var(--body-color);}
.bg-body-off {background-color: var(--body-off);}

/* Space System */
/* Works like owl system */
.space-v-xs:not(.ct-section) > * + * {
    margin-top: var(--clamp-s);
}
.space-v-s:not(.ct-section) > * + * {
    margin-top: var(--clamp-m);
}
.space-v-m:not(.ct-section) > * + * {
    margin-top: calc(var(--clamp-s) * 2);
}
.space-v-l:not(.ct-section) > * + * {
    margin-top: calc(var(--clamp-s) * 3);
}
.space-v-xl:not(.ct-section) > * + * {
    margin-top: calc(var(--clamp-s) * 4);
}
.space-h-xs:not(.ct-section) > * + * {
    margin-left: var(--clamp-s);
}
.space-h-s:not(.ct-section) > * + * {
    margin-left: var(--clamp-m);
}
.space-h-m:not(.ct-section) > * + * {
    margin-left: calc(var(--clamp-s) * 2);
}
.space-h-l:not(.ct-section) > * + * {
    margin-left: calc(var(--clamp-s) * 3);
}
.space-h-xl:not(.ct-section) > * + * {
    margin-left: calc(var(--clamp-s) * 4);
}

@media (max-width: 480px) {
    .space-h-xs:not(.ct-section) > * + *,.space-h-s:not(.ct-section) > * + *, .space-h-m:not(.ct-section) > * + *, .space-h-l:not(.ct-section) > * + *, .space-h-xl:not(.ct-section) > * + * {margin-left:.5rem}
}
section{
    padding: 0 clamp(1rem, calc(1rem + ((1vw - 0.3rem) * -1.9038)), 0.01rem);
}
/* New Padding sizes */
.brxe-section, section, .section, .zpsection {
    header &, footer & { padding: 0; }
    padding: calc(var(--clamp-section)*2) 0;

    &.pad-xxs, &.section-pad-xxs { padding: calc(var(--clamp-section)*.25) 0; }
    &.pad-xs,  &.section-pad-xs  { padding: calc(var(--clamp-section)*.5) 0; }
    &.pad-s,   &.section-pad-s   { padding: calc(var(--clamp-section)*1) 0; }
    &.pad-m,   &.section-pad-m   { padding: calc(var(--clamp-section)*2) 0; }
    &.pad-l,   &.section-pad-l   { padding: calc(var(--clamp-section)*3) 0; }
    &.pad-xl,  &.section-pad-xl  { padding: calc(var(--clamp-section)*4) 0; }
}

.brxe-container, .container, .zpcontainer{
    row-gap: calc(var(--clamp-s) * 4);
    column-gap: calc(var(--clamp-s) * 4);
    &.pad-xs {padding: calc(var(--clamp-s) * 1)}
    &.pad-s {padding: calc(var(--clamp-s) * 2)}
    &.pad-m {padding: calc(var(--clamp-s) * 4)}
    &.pad-l {padding: calc(var(--clamp-s) * 6)}
    &.pad-xl {padding: calc(var(--clamp-s) * 8)}
    &.pad-xxl {padding: calc(var(--clamp-s) * 10)}
    &.pad-xxxl {padding: calc(var(--clamp-s) * 12)}
    &.row-gap-xs {row-gap: calc(var(--clamp-s) * 1)}
    &.row-gap-s {row-gap: calc(var(--clamp-s) * 2)}
    &.row-gap-l {row-gap: calc(var(--clamp-s) * 6)}
    &.row-gap-xl {row-gap: calc(var(--clamp-s) * 8)}
    &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 10)}
    &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 12)}
    &.col-gap-xs {column-gap: calc(var(--clamp-s) * 1)}
    &.col-gap-s {column-gap: calc(var(--clamp-s) * 2)}
    &.col-gap-l {column-gap: calc(var(--clamp-s) * 6)}
    &.col-gap-xl {column-gap: calc(var(--clamp-s) * 8)}
    &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 10)}
    &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 12)}
}
.brxe-block, .block, .zpelem-box{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    row-gap: calc(var(--clamp-s) * 1);
    column-gap: calc(var(--clamp-s) * 1);
    &.pad-xs {padding: calc(var(--clamp-s) * .75)}
    &.pad-s {padding: calc(var(--clamp-s) * 1)}
    &.pad-m {padding: calc(var(--clamp-s) * 1.5)}
    &.pad-l {padding: calc(var(--clamp-s) * 2)}
    &.pad-xl {padding: calc(var(--clamp-s) * 2.5)}
    &.pad-xxl {padding: calc(var(--clamp-s) * 3)}
    &.pad-xxxl {padding: calc(var(--clamp-s) * 3.5)}
    &.row-gap-xs {row-gap: calc(var(--clamp-s) * .25)}
    &.row-gap-s {row-gap: calc(var(--clamp-s) * .75)}
    &.row-gap-l {row-gap: calc(var(--clamp-s) * 1.5)}
    &.row-gap-xl {row-gap: calc(var(--clamp-s) * 2)}
    &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 2.5)}
    &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 3)}
    &.col-gap-xs {column-gap: calc(var(--clamp-s) * .25)}
    &.col-gap-s {column-gap: calc(var(--clamp-s) * .75)}
    &.col-gap-l {column-gap: calc(var(--clamp-s) * 1.5)}
    &.col-gap-xl {column-gap: calc(var(--clamp-s) * 2)}
    &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 2.5)}
    &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 3)}
}

/* Width System */

.width-1 {width: calc(1*8.3%);}
.width-2, .width-xs {width: calc(2*8.3%);}
.width-3, .width-s {width: calc(3*8.3%);}
.width-4, .width-m {width: calc(4*8.3%);}
.width-5 {width: calc(5*8.3%);}
.width-6, .width-l, .width-50 {width: calc(6*8.3%);}
.width-7 {width: calc(7*8.3%);}
.width-8, .width-xl {width: calc(8*8.3%);}
.width-9 {width: calc(9*8.3%);}
.width-10 {width: calc(10*8.3%);}
.width-11 {width: calc(11*8.3%);}
.width-12 {width: calc(12*8.3%);}
.width-full, .container {
    width: 100%;
    max-width: 100%;
}
/* Reactivate */
.col-1 {width: calc(var(--col)*1 - 2rem)}
.col-2 {width: calc(var(--col)*2 - 2rem)}
.col-3 {width: calc(var(--col)*3 - 2rem)}
.col-4 {width: calc(var(--col)*4 - 2rem)}
.col-5 {width: calc(var(--col)*5 - 2rem)}
.col-6 {width: calc(var(--col)*6 - 2rem)}
.col-7 {width: calc(var(--col)*7 - 2rem)}
.col-8 {width: calc(var(--col)*8 - 2rem)}
.col-9 {width: calc(var(--col)*9 - 2rem)}
.col-10 {width: calc(var(--col)*10 - 2rem)}
.col-11 {width: calc(var(--col)*11 - 2rem)}
.col-12 {width: calc(var(--col)*12 - 2rem)}


@media (max-width: 1312px) {
    .width-full, .container {max-width: 1200px;}
    .width-l-full {width: 100%;}
}
@media (max-width: 992px) {
    .width-full, .container {max-width: 992px}
    .width-xxl, .width-xl, .width-l, .width-m, .width-50, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-100, .col-12, .col-11, .col-10 {width: 100%;}
    .width-1, .width-2, .width-3, .width-xs, .width-s {width: 50%;}
    .width-lg-1 {width: calc(1*25%);}
    .width-lg-2, .width-lg-xs {width: calc(2*25%);}
    .width-lg-3, .width-lg-s {width: calc(3*25%);}
    .width-lg-4, .width-lg-m {width: calc(4*25%);}
}
@media (max-width:480px) {
    .width-sm-1 {width: calc(1*25%)}
    .width-sm-2 {width: calc(2*25%)}
    .width-sm-3 {width: calc(3*25%)}
    .width-sm-full, .width-sm-4 {width: 100%;}
}
.card {
    background-color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border-radius: var(--border-radius);
    border:1px solid #eee;
    transition: all 500ms;
}
@media (max-width: 768px) {
    .card { margin: 0.5rem 0;}
}

.card:hover {
    box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.3);
    /* cursor: pointer; */
}

/* Grid */

.grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-2-1, .grid-2-3, .grid-3-1, .grid-3-2 {
    display: grid !important; 
    gap: calc(var(--clamp-s) * 2);;
    align-items: stretch;
}
.grid-2:not(.ct-section) {
    grid-template-columns: repeat(2,1fr);
}
.grid-3:not(.ct-section) {
    grid-template-columns: repeat(3,1fr);
}
.grid-4:not(.ct-section) {
    grid-template-columns: repeat(4,1fr);
}
.grid-5:not(.ct-section) {
    grid-template-columns: repeat(5,1fr);
}
.grid-6:not(.ct-section) {
    grid-template-columns: repeat(6,1fr);
}
@media (max-width: 1312px) {
    .col-9, .col-10, .col-11, .col-12 {width: auto;}
}

@media (max-width: 992px) {
    .col-9, .col-10, .col-11, .col-12 {width: auto;}
    .col-5, .col-6, .col-7, .col-8 {width: auto}
    .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(3,1fr)}
    .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(4,1fr);}   
    }
@media (max-width: 768px) {
    .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(2,1fr)}
    .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(3,1fr);}
    .grid-md-1:not(.ct-section){grid-template-columns: repeat(1,1fr);}
    .grid-md-2:not(.ct-section){grid-template-columns: repeat(2,1fr);}
    .grid-md-3:not(.ct-section){grid-template-columns: repeat(3,1fr);}
    .grid-md-4:not(.ct-section){grid-template-columns: repeat(4,1fr);}
}
@media (max-width:480px) {
    .grid-2:not(.ct-section),.grid-3:not(.ct-section) { grid-template-columns: repeat(1,1fr);}
    .grid-sm-1:not(.ct-section){grid-template-columns: repeat(1,1fr);}
    .grid-sm-2:not(.ct-section){grid-template-columns: repeat(2,1fr);}
    .grid-sm-3:not(.ct-section){grid-template-columns: repeat(3,1fr);}
    .grid-sm-4:not(.ct-section){grid-template-columns: repeat(4,1fr);}
}
@media (max-width: 340px) {
    .grid-4:not(.ct-section) {grid-template-columns: repeat(1,1fr)}
    .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(2,1fr);}
}
.grid-1-2:not(.ct-section) {
    grid-template-columns: 1fr 2fr;
}
.grid-1-3:not(.ct-section) {
    grid-template-columns: 1fr 3fr;
}
.grid-2-1:not(.ct-section) {
    grid-template-columns: 2fr 1fr;
}
.grid-2-3:not(.ct-section) {
    grid-template-columns: 2fr 3fr;
}
.grid-3-1:not(.ct-section) {
    grid-template-columns: 3fr 1fr;
}
.grid-3-2:not(.ct-section) {
    grid-template-columns: 3fr 2fr;
}
@media (max-width: 768px) {
    .grid-1-2:not(.ct-section) { grid-template-columns: repeat(1, 1fr);}
    .grid-1-3:not(.ct-section), .grid-2-3:not(.ct-section) {grid-template-columns: 1fr 2fr;}
    .grid-3-1:not(.ct-section), .grid-3-2:not(.ct-section) {grid-template-columns: 2fr 1fr;}
}
@media (max-width: 480px) {
    .grid-1-2:not(.ct-section),.grid-2-1:not(.ct-section), .grid-1-3:not(.ct-section),.grid-3-2:not(.ct-section),.grid-2-3:not(.ct-section),.grid-3-1:not(.ct-section) {
        grid-template-columns: repeat(1, 1fr);
    }
}
.grid-top {align-items: start;}
.grid-bottom{align-items: end;}

/* Gaps for Grid */
.gap-xs:not(.ct-section) {
    gap: var(--clamp-s)
}
.gap-s:not(.ct-section) {
    gap: var(--clamp-m)
}
.gap-m:not(.ct-section) {
    gap: calc(var(--clamp-s) * 2);
}
.gap-l:not(.ct-section) {
    gap: calc(var(--clamp-s) * 3);
}
.gap-xl:not(.ct-section) {
    gap: calc(var(--clamp-s) * 4);
}
.gap-xxl:not(.ct-section) {
    gap: calc(var(--clamp-s) * 6);
}
.gap-none:not(.ct-section), .gap-0:not(.ct-section) {
    gap: 0;
}

/* Breakout */
@media (min-width: 1279px) {
    .breakout-s {
        width: 60vw;
        max-width: 60vw !important;
        margin: 0 calc(-30vw + 50%);
    }
    .breakout-m {
        width: 70vw;
        max-width: 70vw !important;
        margin: 0 calc(-35vw + 50%);
    }
    .breakout-l {
        width: 80vw;
        max-width: 80vw !important;
        margin: 0 calc(-40vw + 50%);
    }
    .breakout-xl {
        width: 90vw;
        max-width: 90vw !important;
        margin: 0 calc(-45vw + 50%);
    }
}
.breakout-full {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}
@media (max-width: 1279px) {
    [class*="breakout-"]:not(.breakout-full) {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
    }
}
@media (max-width: 768px) {
    .breakout-full {margin: 0}
}
@media (max-width: 480px) {
    .breakout-m-full {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        align-self: flex-start;}
}

/* Margin */
.margin-v-xs:not(.ct-section) {
    margin: var(--clamp-s) 0;
}
.margin-v-s:not(.ct-section) {
    margin: var(--clamp-m) 0;
}
.margin-v-m:not(.ct-section) {
    margin: calc(var(--clamp-s) * 2) 0;
}
.margin-v-l:not(.ct-section) {
    margin: calc(var(--clamp-s) * 3) 0;
}
.margin-v-xl:not(.ct-section) {
    margin: calc(var(--clamp-s) * 4) 0;
}
.margin-v-xxl:not(.ct-section) {
    margin: vcalc(var(--clamp-s) * 6) 0;
}

@media (max-width: 1312px) {
    .pad-lg-0, .pad-xl-0, .pad-xl-none, {padding: 0;}
}
@media (max-width: 992px) {
    .pad-md-0, .pad-lg-0, .pad-lg-none {padding: 0 !important;}
    .grid-xl-reverse,  .grid-lg-reverse {order: -1}
}

@media (max-width: 768px) {
    .pad-xxl, .pad-xl, .brxe-container.pad-xxl, .brxe-container.pad-xl, .container.pad-xxl, .container.pad-xl {
        padding: var(--clamp-m);
    }
    .pad-md-none, .pad-lg-none, .pad-md-0 {padding: 0 !important}
    .grid-l-reverse,  .grid-md-reverse {order: -1}
    .pad-l, .brxe-container.pad-l, .brxe-container.pad-m, .container.pad-l, .container.pad-m
    { padding: var(--clamp-s);}
}
@media (max-width: 480px) {
    .pad-sm-none, .pad-m-none, .pad-sm-0 {padding: 0 !important}
     .grid-m-reverse, .grid-sm-reverse {order: -1}
}

.pad-v-xs:not(.ct-section) {
    padding-top: var(--clamp-s);
    padding-bottom: var(--clamp-s);
}
.pad-v-s:not(.ct-section) {
    padding-top: var(--clamp-m);
    padding-bottom: var(--clamp-m);
}
.pad-v-m:not(.ct-section) {
    padding-top: calc(var(--clamp-s) * 2);
    padding-bottom: calc(var(--clamp-s) * 2);
}
.pad-v-l:not(.ct-section), .pad-v {
    padding-top: calc(var(--clamp-s) * 3);
    padding-bottom: calc(var(--clamp-s) * 3);
}
.pad-v-xl:not(.ct-section) {
    padding-top: calc(var(--clamp-s) * 4);
    padding-bottom: calc(var(--clamp-s) * 4);
}
.pad-v-xxl:not(.ct-section) {
    padding-top: calc(var(--clamp-s) * 6);
    padding-bottom: calc(var(--clamp-s) * 6);
}
.pad-v-xxxl:not(.ct-section) {
    padding-top: var(--clamp-xxxl);
    padding-bottom: var(--clamp-xxxl);
}
.margin-b-xs {margin-bottom: var(--s)}
.margin-b-s {margin-bottom:  var(--m)}
.margin-b-m {margin-bottom: calc(var(--s) * 3)}
.margin-b-l {margin-bottom: calc(var(--s) * 4)}
.margin-b-xl {margin-bottom: calc(var(--s) * 6)}
.margin-b-xxl {margin-bottom: calc(var(--s) * 8)}
.pad-h-xs:not(.ct-section) {
    padding-left: var(--clamp-s);
    padding-right: var(--clamp-s);
}
.pad-h-s:not(.ct-section) {
    padding-left: var(--clamp-m);
    padding-right: var(--clamp-m);
}
.pad-h-m:not(.ct-section) {
    padding-left: calc(var(--clamp-s) * 2);
    padding-right: calc(var(--clamp-s) * 2);
}
.pad-h-l:not(.ct-section) {
    padding-left: calc(var(--clamp-s) * 3);
    padding-right: calc(var(--clamp-s) * 3);
}
.pad-h-xl:not(.ct-section) {
    padding-left: calc(var(--clamp-s) * 4);
    padding-right: calc(var(--clamp-s) * 4);
}
.pad-0 {padding: 0}

/* Center */
.center-all, .center-all > * {
    flex-direction: column;
    align-items: center;
    align-self: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
}
.center-v{
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
}
.center-h {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .center-all:not(.ct-section),
    .ct-section.center-all > .ct-section-inner-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
    }
    .center-y:not(.ct-section),
    .ct-section.center-y > .ct-section-inner-wrap {
        flex-direction: column;
        justify-items: center;
        justify-content: center;
        align-items: flex-start;
    }
    .center-h:not(.ct-section),
    .ct-section.center-h > .ct-section-inner-wrap {
        display: flex;
        flex-direction: column;
        justify-items: center;
        justify-content: center;
        align-items: center;
    }
}
.center-self, .align-center {margin: auto;}
.align-right {margin-left: auto;}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.sticky-top-s {
    top: 2.5%;
}
.sticky-top-m {
    top: 5%;
}
.sticky-top-l {
    top: 10%;
}
@media only screen and (max-width: 767px) {
    .sticky-top-s, .sticky-top-m, .sticky-top-l {top:.5rem}
}
/* Button */
.btn-primary a,.btn-secondary a,.btn-accent a,.btn-white a, .btn-black a{
    z-index:1; display:inline-flex;
    border: none;
    padding: calc(var(--clamp-body)*.75)  calc(var(--clamp-body)*1.5);
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
    text-decoration:none;
    border-radius: var(--btn-radius);
    line-height: var(--lh-btn);
    color:var(--white);
    cursor: pointer;
}
.btn-primary a::before,.btn-secondary a::before,.btn-accent a::before,.btn-white a::before, .btn-black a::before {
    content: "";
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 100%;
    transition: all 0.5s;
    z-index: -1;
    transform: translateX(-110%);
    border-radius: var(--btn-radius);
}
.btn-primary a::before {
    background-color: var(--primary-off);
}
.btn-secondary a::before {
    background-color: var(--secondary-off);
}
.btn-accent a::before {
    background-color: var(--accent-off);
}
.btn-white a::before {
    background-color: var(--body-color);
}
.btn-white a::before {
    background-color: var(--body-color);
}
.btn-black a::before {
    background-color: var(--white);
}

.btn-primary a:hover::before, .btn-secondary a:hover::before, .btn-accent a:hover::before, .btn-white a:hover::before, .btn-black a:hover::before {
  transform: translateX(0);
}

.btn-long a:hover {padding-right: 4em}
.btn-primary a::after, .btn-secondar a::after, .btn-accent a::after, .btn-white a::after, .btn-black a::after {
    content: var(--btn-hover);
    position: absolute;
    right: var(--btn-on);
    opacity:0;
    transition: all .2s;
}
.btn-primary a:hover::after,.btn-secondary a:hover::after,.btn-accent a:hover::after,  .btn-white a:hover::after, .btn-black a:hover::after{
    right:1em;
    opacity:1;
}
.btn-primary a {
    background-color: var(--primary);
    /* font-size: var(--body);
    font-size: var(--clamp-body); */
}
.btn-primary.btn-outline a{
    background-color: transparent;
    color: var(--primary);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset
}
.btn-primary.btn-outline a::before {
    background-color: var(--primary);
}
.btn-primary.btn-outline a:hover {
    color:var(--white);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset
}

.btn-secondary a {
    background-color: var(--secondary);
    /* font-size: var(--body);
    font-size: var(--clamp-body); */
}
.btn-secondary.btn-outline a{
    background-color: transparent;
    color: var(--secondary);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset
}
.btn-secondary.btn-outline a::before {
    background-color: var(--secondary);
}
color:var(--white);
.btn-secondary.btn-outline a:hover {
    box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset
}
.btn-accent a{
    background-color: var(--accent);
    /* font-size: var(--body);
    font-size: var(--clamp-body); */
}
.btn-accent.btn-outline a {
    background-color: transparent;
    color: var(--accent);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset
}
.btn-accent.btn-outline a::before {
    background-color: var(--accent);
}
.btn-accent.btn-outline a:hover {
    color:var(--white);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset
}
.btn-white a {
    background-color: var(--white);
    color:var(--black);
    font-size: var(--clamp-body);
}
.btn-white a:hover {color:var(--white)}
.btn-white.btn-outline a {
    background-color: transparent;
    color: var(--white);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset
}
.btn-white.btn-outline a::before {
    background-color: var(--white);
}
.btn-white.btn-outline a:hover {
    color:var(--black);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset
}
.btn-black a{
    background-color: var(--black);
    color:var(--white);
    font-size: var(--body);
    font-size: var(--clamp-body);
}
.btn-black a:hover {color:var(--black)}
.btn-black.btn-outline a {
    background-color: transparent;
    color: var(--black);
    box-shadow: 0 0 0 var(--btn-outline-border) var(--black) inset
}
.btn-black a.btn-outline a::before {
    background-color: var(--white);
}
.btn-black.btn-outline a:hover {
    /* color:var(--black); */
    box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset
}
.btn-xs a{
    font-size: var(--clamp-xs);
    padding: calc(var(--clamp-xs)*.75)  calc(var(--clamp-xs)*1.5);
}
.btn-s a{
    font-size: var(--s);
    font-size: var(--clamp-s);
    padding: calc(var(--clamp-s)*.75)  calc(var(--clamp-s)*1.5);
}
.btn-m a{
    font-size: var(--clamp-m);
    padding: calc(var(--clamp-body)*1.25)  calc(var(--clamp-body)*2.5);
}
.btn-l a{
    font-size: var(--clamp-l);
    padding: calc(var(--clamp-body)*1.5)  calc(var(--clamp-body)*3);
}
.btn-long a{padding: calc(var(--clamp-body))  calc(var(--clamp-body)*4);}
.btn-xs.btn-long a{ padding: calc(var(--clamp-xs))  calc(var(--clamp-xs)*4);}
.btn-s.btn-long a { padding: calc(var(--clamp-s))  calc(var(--clamp-s)*4);}
.btn-m.btn-long a{ padding: calc(var(--clamp-m))  calc(var(--clamp-m)*4);}
.btn-l.btn-long a{ padding: calc(var(--clamp-l))  calc(var(--clamp-l)*4);}

a[class*="btn--"] {
    display: inline-block;
}
.btn-clear a{
    background: none;
    border: none;
}
a {
    transition: all 0.5s;
    color: var(--primary);
}
button a:hover {
    cursor: pointer;
    filter: brightness(var(--hover-brightness));
}
@media (max-width:480px) {
    .btn-long{ padding: var(--clamp-body)  calc(var(--clamp-body)*2);}
    .btn-xs.btn-long { padding: calc(var(--clamp-xs))  calc(var(--clamp-xs)*2);}
    .btn-s.btn-long { padding: calc(var(--clamp-s))  calc(var(--clamp-s)*2);}
    .btn-m.btn-long { padding: calc(var(--clamp-m))  calc(var(--clamp-m)*2);}
    .btn-l.btn-long { padding: calc(var(--clamp-l))  calc(var(--clamp-l)*2);}
    .btn-m { padding: calc(var(--clamp-body)*1)  calc(var(--clamp-body)*1.5);}
    .btn-l { padding: calc(var(--clamp-body)*1.25)  calc(var(--clamp-body)*2);}
}
a.btn-text-dark {color: var(--black)}
a.btn-text-light {color:var(--white)}

a.link-primary, .link-primary a {color: var(--primary); }
a.link-secondary, .link-secondary a {color: var(--secondary)}
a.link-accent, .link-accent a {color: var(--accent)}
a.link-white, .link-white a {color: var(--white)}
a.link-grey, .link-grey a {color: var(--grey)}
a.link-body, .link-body a {color: var(--body-color)}

a.link-primary, a.link-secondary, a.link-accent, a.link-white, a.link-grey, a.link-body {
    display: inline-block; text-decoration: none;
}
a.link-primary::after, a.link-secondary::after, a.link-accent::after, a.link-white::after, a.link-grey::after, a.link-body::after, .link-primary a::after, .link-secondary a::after, .link-accent a::after, .link-white a::after, .link-grey a::after, .link-body a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    transition: width .4s;
    margin-top:6px
}
a.link-primary::after, .link-primary a::after { background: var(--primary);}
a.link-secondary::after, .link-secondary a::after {background: var(--secondary)}
a.link-accent::after, .link-accent a::after {background: var(--accent)}
a.link-white::after, .link-white a::after {background: var(--white)}
a.link-grey::after, .link-grey a::after {background: var(--grey)}
a.link-body::after, a.link-body a::after {background: var(--body-color)}
a.link-primary:hover::after, a.link-secondary:hover::after, a.link-accent:hover::after, a.link-white:hover::after, a.link-grey:hover::after, a.link-body:hover::after, .link-primary:hover a::after, .link-secondary:hover a::after, .link-accent:hover a::after, .link-white:hover a::after, .link-grey:hover a::after, .link-body:hover a::after  {
    width:100%;
}

.rounded-xs, .rounded-xs img {
    border-radius: 0.4444444444rem;
}
.rounded-s, .rounded-s img{
    border-radius: 0.25rem;
}
.rounded-m, .rounded-m img {
    border-radius: 0.5rem;

}
.rounded-l, .rounded-l img {
    border-radius: 1rem;
}
.rounded-xl, .rounded-xl img {
    border-radius: 2rem;
}
.rounded-xxl, .rounded-xxl img{
    border-radius: 4rem;
}
.rounded-circle, .rounded-circle img {
    border-radius: 50%;
}
/* .rounded-xs, .rounded-s, .rounded-m, .rounded-l, .rounded-xl, .rounded-xxl, .rounded-circle {overflow: hidden;} */

/* Tables */
table {
    border: 1px solid var(--grey-light);
    border-radius: var(--border-radius);
    border-spacing: 0;
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    padding: 0;
    white-space: nowrap;
}

table td,
table th,
table tr {
    padding: 0.75rem 1rem;
}

table thead {
    background-color: var(--primary);
    border-collapse: collapse;
    border-radius: var(--border-radius);
    color: var(--base);
    border-color: var(--primary);
    margin: 0;
    padding: 0;
}
table thead th:first-child {
    border-top-left-radius: var(--border-radius);
}
table thead th:last-child {
    border-top-right-radius: var(--border-radius);
}
table tr:nth-child(even) {
/*    background-color: var(--grey-light);*/
}

/* Quotes */

blockquote p::before {
    content: open-quote;
    font-size: 2em;
    position: relative;
    top:.125em;
    right:.5em;
    display:block;
    line-height:0;
}

blockquote {
    font-size: var(--clamp-m);
    line-height: var(--lh-body);
    margin: 1rem auto;
    max-width: 50vw;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
}

blockquote footer {
    color: var(--body-mute);
    font-size: var(--clamp-xs);
    line-height: var(--lh-body);
    padding: 1.5rem 0;
}
blockquote p {margin:0; padding: 0}
ol li,
ul li {
    padding: 0.5rem 0;
}

main p {
    margin: 0 0 calc(var(--clamp-s) * 1.25);
    padding: 0;
}

pre {
    margin: 1rem 0;
    max-width: var(--width-card-l);
    padding: 1rem 0;
}

pre code,
pre samp {
    display: block;
    max-width: var(--width-card-l);
    padding: 0.5rem 2rem;
    white-space: pre-wrap;
}

@media (max-width: 480px) {
    form {
        padding: 1rem 0;
    }
}

form header {
    margin: 1.5rem 0;
    padding: 1.5rem 0;
}

input,
label,
select,
textarea {
    display: block;
    font-size: inherit;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    display: inline-block;
    font-weight: normal;
}

input, select,textarea { 
    border: 1px solid var(--grey);
    border-radius: var(--border-radius);
}

input[readonly],
textarea[readonly] {
    background-color: var(--grey);
}

label, .label {
    margin-bottom: 0.2rem;
    font-size: var(--clamp-xs);
}
form ul li { padding: 0 }
::selection {
    color: var(--base);
    background: var(--primary);
  }

  /* width */
::-webkit-scrollbar {
    width:8px; height:8px;
}
/* Track */
::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.1);
    border-radius: 8px; border:none;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background-image: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3));
    border-radius:8px;
    box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px;
    transition: all 1s;
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {
    background-image: linear-gradient(45deg, var(--primary), var(--secondary));
}

@media (max-width:992px) {
    .none-lg {display: none !important;}
    blockquote {max-width:75vw}
}
@media (max-width:768px) {
    .none-md {display: none !important;}
}
@media (max-width:480px) {
    .none-sm {display: none !important;}
    blockquote {max-width:90vw}
}
.div-relative { position: relative}
.div-absolute {position: absolute}

.height-25 {min-height: 25vh;}
.height-50 {min-height: 50vh;}
.height-60 {min-height: 60vh;}
.height-75 {min-height: 75vh;}
.height-80 {min-height: 80vh;}
.height-100,.height-full {min-height: 100vh;}

.margin-top-5 {margin-top:5vh}
.margin-top-10 {margin-top:10vh}
.margin-top-25 {margin-top:25vh}
.margin-0 {margin:0}

.bg-img,.bg-default {position: relative;
    background-color: grey;
    background-image: repeating-linear-gradient( 45deg,#eee,#eee 10px,#ddd 10px,#ddd 20px );}

@media (max-width:767px) {
    .height-md-25 {min-height: 25vh;}
    .height-md-50 {min-height: 50vh;}
    .height-md-60 {min-height: 60vh;}
    .height-md-75 {min-height: 75vh;}
    .height-md-80 {min-height: 80vh;}
    .height-md-100,.height-full {min-height: 100vh;}
}
.ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;}
.ratio-2-3 {aspect-ratio: 2 / 3; object-fit: cover;}
.ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover;}
.ratio-3-4 {aspect-ratio: 3 / 4; object-fit: cover;}
.ratio-4-3 {aspect-ratio: 4 / 3; object-fit: cover;}
.ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;}
.columns-2 {column-count: 2}
.columns-3 {column-count: 3}
@media (max-width:992px) {
    .columns-2, .columns-3 {column-count: 1}
}
main em {
    padding: 0 0.5rem;
    border-radius: 1em;
    font-style: normal;
    font-weight:500;
    background-image: linear-gradient(90deg,var(--highlight-dark),var(--highlight),var(--highlight));
}
.border-grey {border:1px solid var(--grey); border-radius: var(--border-radius)}
.border-grey-dark {border:1px solid var(--grey-dark); border-radius: var(--border-radius)}
.fit-content > * {min-width:fit-content}
.flex-row {display:flex; flex-direction: row;}
.flex-right {justify-content: right;}
.flex-h-center {justify-content: center;}
.flex-v-center {align-items: center;}
.flex-col {display:flex; flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
@media (max-width: 768px) { .flex > * {min-width:auto} }
.none {display:none !important}

/* New for 11ty */

.brxe-container, .container, .zpcontainer {
    width: 1312px;
    display: flex;
    flex-direction: column;
    margin-left:auto;
    margin-right: auto;
    @media (max-width: 992px) {
        width: 100%;
        padding: 0 var(--clamp-s);
    }
}
/* =============== END OF AUTOCSS =============== */ 

/* ZOHO FIX */

/* =============== CUSTOM CSS STARTS HERE =============== */ 

.hero-banner{
     background-repeat:no-repeat;
    display: flex;
    flex-direction:row;
    align-items:center;
 
    padding: 0;
       
}
.hero-svg{
    height:560px;
}
.hero-wrap{
    position: relative;
}
.hero-background {
    position: absolute;
}


.btn-primary a{
    background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important;
}
.btn-primary  a.zpbutton-wrapper.zpbutton.zpbutton-type-primary {
    color: white;
}

.btn-box{
    display:flex;
    flex-direction:row;
    gap:2em;
}
@media (max-width:767px) {
    .btn-box{
        flex-direction:column;}
}
.btn-box.zpelement:before  {
    content: "";
    display: none;
}   
.text-grad-1, h2 span{
    font-family: var(--font-family);
background: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Client logo filmstrip */

.client-logo{
    .hb-grid-gallery img {
    max-width: 100px;
    margin: 0 30px;
    filter: grayscale(1);
    transition: filter .3s;
    }
    .hb-grid-gallery img:hover {
    filter: grayscale(0);
    }
    .zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg{
        fill:var(--primary);
    }
    [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right{
        background: var(--white);
    }
}
 .bg-red-b{
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%),
                linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%);
 }
 .team-transformation {
    background-image: url(/teams%20transformation.webp), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%);
    background-size: 50%, 100% 30rem, 100% 30rem;
    background-position: left bottom, center bottom, center bottom;
    padding-bottom: 25rem;
   /*background-position: left bottom, center, center;*/
    background-repeat: no-repeat;
}

.step {
    color: var(--primary);
    font-weight: 500;
    border: 1px solid var(--grey-light);
    padding: 0 0.8em;
    border-radius: var(--xs);
    display: flex;
        align-items: center;
}
.step::before {
    width: 10px;
    height: 10px;
    background: var(--gradient-1);

    content: " ";
    margin-right: 5px;
}
.cards-2{
 box-shadow: none;
 border: 1px solid var(--grey-light);
}
.cards-2 h3.zpimage-heading {
    font-weight: 800;

}
.bg-grad-2{
    background: radial-gradient(44.16% 44.16% at 49.97% 35.03%, rgba(145, 55, 124, 0.1) 0%, rgba(255, 255, 255, 0.5) 79.97%, #fff 100%), var(--white);
}
.text-label{
    letter-spacing: 4px;
    font-weight: 500;
    font-size: var(--s);
}
.footer-cta {
    
}
/* solutions internal pages*/
.features-header{
    background-size: 60%;
    
}
@media (max-width: 480px) {
    .features-header {
        background-size: 76%;
        height: 480px;
        padding-top: 90px;
}}
.features-section{
 background-image:  linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;

}
.feature-wrap{
    margin-top: -10em;
}
.feature-icon .zpicon-container .zpicon-size-md{
    background: linear-gradient(42deg, #e83935 0%, #871c1c 100%);
    border-radius: var(--s);
}
.feature-icon{
    width: 100%;
}
.feature-icon h4{
    font-size:var(--m);
    font-weight: 600;
    margin-top: 12px;
}
.footer{
    background: linear-gradient(90deg, rgba(255, 87, 87, 0.7) 50%, rgba(140, 82, 255, 0.7) 100%), #000;
    color:white;
}
.footer a{
    color:var(--white)
}
.footer .zpcontainer-fluid.zpcontainer {
    row-gap: 1em;
}
.footer-bottom{
    display: flex;
    flex-direction: row;
    align-content: space-between;
}
.credit{
    opacity: 0.5;
}
.text-label h1{
    font-size:var(--xs);
    font-weight:600;
    color:var(--grey);
    text-transform: uppercase;
}
.text-label{
    
}
.theme-blog-container .zptext *{
    margin:1em;
}
h2.hero {font}
.btn-secondary:hover {color:var(--white)}
/* Responsive Fix 1024 to 0 px*/
@media (max-width: 768px) {
    .team-transformation {padding-bottom: 10rem}
    .hero-banner{
        height: auto;
    }
    .hero-case {
    height:unset;
    padding-top: 235px !important;
    background: 20% 0%;
    background-size: 200%;
    background-repeat: no-repeat;
    background-color: #F2F1EB;
}

}

/* Mobile Fix 768px to 0 px*/
@media (max-width: 768px) {
    .gap-s {gap:1rem}
    .card {margin:0}
}

/* Mobile Fix 425px to 0 px*/
@media (max-width: 425px) {
    .gap-s {gap:1rem}
}
.team-transformation h3, .solutions h3{
    font-size: var(--m);
}
.flex{
    display: flex;
    flex-direction: row;
}
.theme-blog-post-content h2 span{
    background: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: unset;
}
.theme-logo-parent img {
    height: auto;
    width: 50px;
}
.footer h5 {
    font-weight: 600;
}
.solution-img-prob .zpimage-container.zpimage-align-center figure img {
    object-fit: cover;
}
@media (max-width: 924px) {
    .solution-img-prob .zpimage-container.zpimage-align-center figure img {
        width: auto !important;
    }
}
/********* contact form ************/
.contact-form button, .contact-form input[type='submit'], .contact-form input[type='reset'], .contact-form input[type='button'] {
    background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important;
   z-index:1; display:inline-flex;
    border: none;
    padding: calc(var(--clamp-body)*.75)  calc(var(--clamp-body)*1.5);
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
    text-decoration:none;
    border-radius: var(--btn-radius);
    line-height: var(--lh-btn);
    color:var(--white);
    cursor: pointer;
}

.fields-wrap {
    width: 510px;
    row-gap: 0.5em;
    display: flex;
    flex-direction: column;
}

/* Fix for Jagged on mobile */
 html,body {

}

.zpcontainer, .zpcontainer-fluid, .theme-content-area {
  max-width: 100%;
}
.contact-form-page{
	width:100%; height: 800px; min-height:800px
}

/* logo fix */
.theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img {
        width: 70px !important;
        height: auto !important;
    }
    @media (max-width: 768px) {
        .theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img {
            max-block-size: 7vh !important;
        }
    }
/*fix icon*/
.card .zpimage-with-text-container figure {
    overflow: auto;
}

/*Fix for about page*/
.hb-lightbox__cont svg,[data-lightbox-type=inplace] svg {
    fill: #ff6700 !important
}
.hb-lightbox__arrow-nav.hb-lightbox__arrow-1 {
	bottom: 20%
}

/*Footer padding for mobile*/
@media (max-width: 767px) {
  [data-element-id="elm_fNEtdpXRRbz5Zeus3FmPSg"].zpsection {
    padding-block-start: 50px;
  }
}