main .breadcrumbs{display:flex;flex-wrap:wrap;gap:16px;width:100%}main .breadcrumbs a,main .breadcrumbs p{color:#fff;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:600;line-height:1rem;margin:0;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in}main .breadcrumbs a:first-child,main .breadcrumbs p:first-child{margin-left:0}main .breadcrumbs a:hover{color:#d50128}main .breadcrumbs p{text-transform:none}main .breadcrumbs p.uppercase{text-transform:uppercase}main .breadcrumbs i{color:#fff}.hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:64px;min-height:740px;padding:130px 0 30px}@media(max-width:768px){.hero-section{background-position:60% 60%;min-height:0;padding:178px 0 100px}}.hero-section .container{align-items:center;position:relative;z-index:2}.hero-section .content{display:flex;flex-direction:column;gap:15px;max-width:713px}.hero-section .content>*{margin:0}.hero-section .content h2{color:#f4f4f4;font-family:DM Sans;font-size:1.5rem;font-style:normal;font-weight:500;letter-spacing:-.03em;line-height:130%}.hero-section p{color:#f4f4f4;font-family:Inter;font-size:1.125rem;font-style:normal;font-weight:400;line-height:150%;max-width:600px}@media(max-width:568px){.hero-section p{font-size:1rem}}.hero-section .buttons-row{display:flex;flex-wrap:wrap;gap:24px}@media(max-width:568px){.hero-section .buttons-row{margin-top:16px}.hero-section .btn,.hero-section .btn-red{width:100%}}.hero-section .breadcrumbs{margin-bottom:90px}.hero-section .container{align-items:flex-start;padding-bottom:40px;padding-top:40px}.image-text-section{padding:24px 0}@media(max-width:992px){.image-text-section .container{flex-direction:column;gap:24px}}.image-text-section .left{display:flex;flex-direction:column;gap:16px;padding-right:60px;width:calc(100% - 470px)}.image-text-section .left *{margin:0}@media(max-width:992px){.image-text-section .left{order:2;padding-right:0;width:100%}}.image-text-section a{color:#d50128;-webkit-text-decoration:none;text-decoration:none;transition:all .3s}.image-text-section a:hover{-webkit-text-decoration:underline;text-decoration:underline}.image-text-section li,.image-text-section p{color:#757575}.image-text-section ul{display:flex;flex-direction:column;gap:16px;margin:0;padding-left:0}.image-text-section li{font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;list-style:none;padding-left:34px;position:relative}.image-text-section li:before{align-items:center;color:#d50128;content:"•";display:flex;font-weight:700;height:24px;justify-content:center;left:0;position:absolute;top:0;width:24px}.image-text-section .right{width:470px}@media(max-width:992px){.image-text-section .right{order:1;width:100%}}.image-text-section img{height:auto;max-width:470px;width:100%}.image-text-section.image-left .container{flex-direction:row-reverse}@media(max-width:992px){.image-text-section.image-left .container{flex-direction:column}}.image-text-section.image-left .left{padding-left:60px;padding-right:0}@media(max-width:992px){.image-text-section.image-left .left{padding-left:0}}.content-section{padding:24px 0}.content-section .container{flex-direction:column;gap:16px}.content-section .container *{margin:0}.content-section a{color:#d50128;-webkit-text-decoration:none;text-decoration:none;transition:all .3s}.content-section a:hover{-webkit-text-decoration:underline;text-decoration:underline}.content-section li,.content-section p{color:#757575}.content-section ul{display:flex;flex-direction:column;gap:16px;margin:0;padding-left:0}.content-section li{font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;list-style:none;padding-left:34px;position:relative}.content-section li:before{align-items:center;color:#d50128;content:"•";display:flex;font-weight:700;height:24px;justify-content:center;left:0;position:absolute;top:0;width:24px}.cards-section{padding:24px 0}.cards-section .container{flex-direction:column;gap:16px}.cards-section .container *{margin:0}.cards-section .list{display:flex;flex-wrap:wrap;margin:-16px;width:calc(100% + 32px)}.cards-section .card{border:1px solid #dadce0;border-radius:4px;display:flex;flex-direction:column;height:calc(100% - 32px);height:auto;margin:16px;width:calc(33.3333% - 32px)}@media(max-width:1180px){.cards-section .card{margin:16px 8px;width:calc(100% - 16px)}}.cards-section .card img{border-radius:4px 4px 0 0;height:250px;object-fit:cover;width:100%}.cards-section .card .bottom{display:flex;flex-direction:column;gap:16px;padding:24px}@media(max-width:768px){.cards-section .card .bottom{gap:12px;padding:16px}}.cards-section .card p{color:#757575;margin:0}.cards-section .card .title{color:#383838;font-family:DM Sans;font-size:2rem;font-style:normal;font-weight:400;letter-spacing:-.03em;line-height:130%;margin:0 0 8px}@media(max-width:768px){.cards-section .card .title{font-size:1.75rem;margin-bottom:0}}.cards-section .card .subtitle{color:#383838;font-family:DM Sans;font-size:1.125rem;font-style:normal;font-weight:400;line-height:130%}@media(max-width:1180px){.cards-section .card{width:calc(50% - 32px)}}@media(max-width:568px){.cards-section .card{width:calc(100% - 32px)}}.demo-section{background-color:#d50128;margin-top:64px;padding:132px 0 150px;position:relative}@media(max-width:1180px){.demo-section{padding:100px 0 120px}}@media(max-width:992px){.demo-section{padding:80px 0 100px}}@media(max-width:768px){.demo-section{padding:48px 0}}.demo-section:before{background-image:url(/wp-content/themes/civicplus/public/images/demo-bg.b5fe85.svg);background-position:bottom -5px center;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;opacity:.35;position:absolute;top:0;width:100%}@media(max-width:768px){.demo-section:before{display:none}}.demo-section .container{flex-direction:column;gap:40px;position:relative}@media(max-width:768px){.demo-section .container{gap:24px}}.demo-section .container>*{margin:0}.demo-section .container>p{font-family:Inter;font-size:1.125rem;font-style:normal;font-weight:400;line-height:150%;margin:-16px 0;text-align:center}.demo-section h2{color:#fff;text-align:center}@media(max-width:768px){.demo-section h2{text-align:left}}.demo-section .columns-row{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.demo-section .col{align-items:center;display:flex;flex-direction:column;gap:24px;padding:24px;position:relative;width:33.3333%}@media(max-width:768px){.demo-section .col{align-items:center;flex-direction:row;gap:0;padding:16px 0;width:100%}}.demo-section .col:before{align-items:center;background-color:#fff;border-radius:50%;color:#d50128;content:attr(data-num);display:flex;font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:800;height:42px;justify-content:center;left:85px;line-height:130%;position:absolute;top:30px;width:42px}@media(max-width:1180px){.demo-section .col:before{left:50px}}@media(max-width:992px){.demo-section .col:before{left:20px}}@media(max-width:768px){.demo-section .col:before{height:36px;margin-right:4px;position:static;width:36px}}.demo-section img{height:auto;width:128px}@media(max-width:768px){.demo-section img{width:64px}}.demo-section p{color:#fff;font-size:1.3125rem;line-height:130%;margin:0;text-align:center}@media(max-width:768px){.demo-section p{font-size:1.25rem;padding-left:8px;text-align:left;width:calc(100% - 100px)}}.demo-section .buttons-row{display:flex;gap:24px;justify-content:center;width:100%}@media(max-width:568px){.demo-section .btn{width:100%}}.demo-section .btn.secondary{border-color:#fff}.demo-section .btn.secondary:hover{background-color:#fff}