/*override*/
.casestudy-labelcontainer-dF5xrw {
  top: 114px; 
}
/*end override*/

.message-Np39GI,
.title-JPficK {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    font-size: 20px;
    height: auto;
    left: unset;
    line-height: 24px;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    text-align: left;
    top: unset;
    width: 100%;
}

.title-JPficK {
    white-space: nowrap;
}

.list-fFnt63 {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    font-size: 20px;
    height: auto;
    left: unset;
    letter-spacing: 0;
    line-height: 23px;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    text-align: left;
    top: unset;
    width: 100%;
}

.list-fFnt63 ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 24px;
}

.list-fFnt63 li {
    color: rgb(255, 255, 255);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 23px;
    
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
    position: relative;
}
.list-fFnt63 ul li {
    background:none;
}
.list-fFnt63 li::before {
    color: rgb(255, 131, 0);
    content: "\25A0";
    font-size: 16px;
    left: -12px;
    position: absolute;
    top: 0;
}

.info-9YChev {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(83, 84, 78);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    font-size: 20px;
    height: auto;
    left: unset;
    line-height: 24px;
    margin-left: 0;
    margin-top: 10px;
    position: relative;
    text-align: left;
    top: unset;
    width: 100%;
}

.details-xn5g2N,
.details-6jdvrZ,
.details-1hHx2F,
.details-fP1gZt,
.details-g96liK {
    width: 100%;
}

.details-xn5g2N,
.details-6jdvrZ,
.details-1hHx2F,
.details-fP1gZt,
.details-g96liK,
.details-aNSqan {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(83, 84, 78);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    font-size: 19px;
    height: auto;
    left: unset;
    line-height: 23px;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    text-align: left;
    top: unset;
}

.details-aNSqan {
    width: auto;
}

.details-i94Euj {
    color: rgb(83, 84, 78);
    font-size: 19px;
    line-height: 23px;
}

.details-i94Euj,
.info-bO48eu {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    text-align: left;
    top: unset;
    width: 100%;
}

.info-bO48eu {
    color: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 19px;
}

.title-D6lxy6 {
    color: rgb(201, 233, 82);
    font-size: 30px;
    line-height: 37px;
    margin-top: 49px;
    text-align: center;
    white-space: nowrap;
}

.title-D6lxy6,
.desc-D6lxy6 {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    margin-left: 0;
    position: relative;
    top: unset;
    width: 100%;
}

.desc-D6lxy6 {
    color: rgb(255, 255, 255);
    font-size: 19px;
    line-height: 23px;
    margin-top: 8px;
    text-align: left;
}

.title-xaQE9J {
    color: rgb(201, 233, 82);
    font-size: 30px;
    line-height: 37px;
    margin-top: 18px;
    text-align: center;
    white-space: nowrap;
}

.title-xaQE9J,
.desc-xaQE9J {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Regular, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    margin-left: 0;
    position: relative;
    top: unset;
    width: 100%;
}

.desc-xaQE9J {
    color: rgb(255, 255, 255);
    font-size: 19px;
    line-height: 23px;
    margin-top: 8px;
    text-align: left;
}

.info-QxucTL {
    color: rgb(83, 84, 78);
    margin-top: 0;
}

.info-QxucTL,
.title-QxucTL {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 22px;
    height: auto;
    left: unset;
    line-height: 27px;
    margin-left: 0;
    position: relative;
    text-align: left;
    top: unset;
    width: 100%;
}

.title-QxucTL {
    color: rgb(0, 184, 234);
    margin-top: 28.8333px;
    white-space: nowrap;
}

.title-bAy7x9 {
    color: rgb(83, 84, 78);
    font-size: 34px;
    line-height: 42px;
    margin-left: 279px;
    margin-top: 25px;
    width: 408px;
}

.title-bAy7x9,
.title-y09lXw {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    position: relative;
    text-align: left;
    top: unset;
    white-space: nowrap;
}

.title-y09lXw {
    color: rgb(255, 255, 255);
    font-size: 24px;
    line-height: 29px;
    margin-left: 0;
    margin-top: 0;
    width: 411px;
}

.source-nd94Yu {
    color: rgb(0, 184, 234);
    font-size: 18px;
    line-height: 22px;
    margin-left: 0;
    margin-top: 17px;
    text-align: center;
    width: auto;
}

.source-nd94Yu,
.title-j5yGoP {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    position: relative;
    top: unset;
}


.title-j5yGoP {
    color: rgb(255, 255, 255);
    font-size: 34px;
    line-height: 42px;
    margin-left: 261px;
    margin-top: 25px;
    text-align: left;
    white-space: nowrap;
    width: 340px;
}

.title-9YChev {
    color: rgb(83, 84, 78);
    font-size: 24px;
    line-height: 29px;
    margin-top: 0;
    text-align: left;
    white-space: nowrap;
}

.title-9YChev,
.source-FQpwUF {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    margin-left: 0;
    position: relative;
    top: unset;
    width: auto;
}

.source-FQpwUF {
    color: rgb(255, 255, 255);
    font-size: 22px;
    line-height: 27px;
    margin-top: 22px;
    text-align: center;
}

.title-mm5RiB {
    color: rgb(83, 84, 78);
    margin-left: 279px;
    width: 408px;
}

.title-mm5RiB,
.title-RLH1UJ {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 34px;
    height: auto;
    left: unset;
    line-height: 42px;
    margin-top: 25px;
    position: relative;
    text-align: left;
    top: unset;
    white-space: nowrap;
}

.title-RLH1UJ {
    color: rgb(255, 255, 255);
    margin-left: 278px;
    width: 458px;
}

.title-gXz1ID {
    color: rgb(255, 131, 0);
}

.title-gXz1ID,
.title-07Q3Ew {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Light, Helvetica, Arial, serif;
    font-size: 48px;
    height: auto;
    left: unset;
    letter-spacing: -2px;
    line-height: 22px;
    margin-left: -4px;
    margin-top: 0;
    padding-right: 4px;
    position: relative;
    text-align: right;
    top: unset;
    width: auto;
}

.title-07Q3Ew {
    color: rgb(207, 66, 41);
}

.title-6oJEg4 {
    color: rgb(113, 65, 148);
}

.title-6oJEg4,
.title-Uc4tAS {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Light, Helvetica, Arial, serif;
    font-size: 48px;
    height: auto;
    left: unset;
    letter-spacing: -2px;
    line-height: 22px;
    margin-left: -4px;
    margin-top: 0;
    padding-right: 4px;
    position: relative;
    text-align: right;
    top: unset;
    width: auto;
}

.title-Uc4tAS {
    color: rgb(0, 172, 236);
}

.title-4deUCs {
    color: rgb(32, 93, 158);
    margin-left: -4px;
    padding-right: 4px;
}

.title-4deUCs,
.title-I12KfS {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Light, Helvetica, Arial, serif;
    font-size: 48px;
    height: auto;
    left: unset;
    letter-spacing: -2px;
    line-height: 22px;
    margin-top: 0;
    position: relative;
    text-align: right;
    top: unset;
    width: auto;
}

.title-I12KfS {
    color: rgb(0, 156, 150);
    margin-left: 0;
    padding-right: 2px;
}

.title-Urxp5n {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(201, 233, 82);
    font-family: ProximaNova-Light, Helvetica, Arial, serif;
    font-size: 48px;
    height: auto;
    left: unset;
    letter-spacing: -2px;
    line-height: 22px;
    margin-left: -4px;
    margin-top: 0;
    padding-right: 4px;
    position: relative;
    text-align: right;
    top: unset;
    width: auto;
}

.quotation-nd94Yu {
    color: rgb(0, 184, 234);
    margin-left: 0;
    margin-top: 0;
    width: 100%;
}

.quotation-nd94Yu,
.quote-JPficK {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-RegularIt, Helvetica, Arial, serif;
    font-size: 24px;
    height: auto;
    left: unset;
    line-height: 29px;
    position: relative;
    text-align: center;
    top: unset;
}

.quote-JPficK {
    color: rgb(159, 197, 77);
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
    width: 732px;
}

.quote-FQpwUF {
    font-size: 32px;
    line-height: 36px;
}

.quote-FQpwUF,
.quotation-2iLJT1 {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: ProximaNova-RegularIt, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    top: unset;
    width: 100%;
}

.quotation-2iLJT1 {
    font-size: 28px;
    line-height: 34px;
}

.infobox {
    position: relative;
    width: 765px;
}

.caption-gNBpGx {
    bottom: unset;
    color: rgb(255, 255, 255);
    font-size: 36px;
    line-height: 38px;
    margin-left: 77px;
    margin-top: 0;
    right: unset;
    white-space: nowrap;
    width: auto;
}

.caption-gNBpGx,
.list-QxucTL {
    background-color: rgba(0, 0, 0, 0);
    font-family: ProximaNova-Light, Helvetica, Arial, serif;
    height: auto;
    left: unset;
    position: relative;
    text-align: left;
    top: unset;
}

.list-QxucTL {
    color: rgb(116, 114, 116);
    font-size: 22px;
    line-height: 27px;
    margin-left: 0;
    margin-top: 8.83331px;
    padding-left: 0;
    width: 100%;
}

.list-QxucTL ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 24px;
}

.list-QxucTL li {
    color: rgb(116, 114, 116);
    font-size: 22px;
    line-height: 27px;
    
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
    position: relative;
}
.list-QxucTL ul li {
    background:none;
}
.list-QxucTL li::before {
    color: rgb(0, 184, 234);
    content: "\25A0";
    font-size: 16px;
    left: -12px;
    position: absolute;
    top: 0;
}

.caption-QxucTL {
    color: rgb(116, 114, 116);
    font-family: ProximaNova-Light, Helvetica, Arial, serif;
    font-size: 22px;
    line-height: 27px;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
    width: auto;
}

.caption-QxucTL,
.detailbox-j0T6sn {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    position: relative;
    top: unset;
}

.detailbox-j0T6sn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
    padding-bottom: 5px;
    width: 920px;
}

.detailsbox-0Guu90 {
    margin-left: 31px;
    padding-bottom: 2px;
    width: 496px;
}

.detailsbox-0Guu90,
.detailsbox-2hWI8x {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-top: 0px;
    position: relative;
    top: unset;
}

.detailsbox-2hWI8x {
    margin-left: 26px;
    width: 567px;
}

.detailsbox-JUfjPl {
    margin-top: 0;
    width: 422px;
}

.detailsbox-JUfjPl,
.detailsbox-SsHcXe {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: 26px;
    position: relative;
    top: unset;
}

.detailsbox-SsHcXe {
    margin-top: 1px;
    padding-bottom: 2px;
    width: 411px;
}

.detailsbox-l4J0bo {
    margin-top: 0px;
    width: 422px;
}

.detailsbox-l4J0bo,
.detailsbox-vV5O4x {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: 26px;
    padding-bottom: 2px;
    position: relative;
    top: unset;
}

.detailsbox-vV5O4x {
    margin-top: 1px;
    width: 519px;
}

.detailsbox-vgYZ3T {
    margin-left: 26px;
    margin-top: 1px;
    padding-bottom: 5px;
    width: 562px;
}

.detailsbox-vgYZ3T,
.iconbox-D8JVL3 {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    position: relative;
    top: unset;
}

.iconbox-D8JVL3 {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 12px;
    margin-top: 36px;
    width: 828px;
}

.iconbox-M3Sg9G {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://www.terradotta.com/graphics/casestudies/peralta-cc-case-study-fnl-backgroundimage-D3B72B31-EE5A-4062-8FCA-D451E0654F61@2x.png");
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    left: unset;
    margin-left: 121px;
    margin-top: 30px;
    padding-bottom: 27px;
    position: relative;
    top: unset;
    width: 388px;
}

.iconbox-VTx6W3 {
    margin-top: 26px;
    width: 988px;
}

.iconbox-VTx6W3,
.iconbox-aDo1dR {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    left: unset;
    margin-left: 3px;
    position: relative;
    top: unset;
}

.iconbox-aDo1dR {
    margin-top: 32px;
    width: 945px;
}

.iconbox-gLACeY {
    margin-top: 35px;
}

.iconbox-gLACeY,
.iconbox-geWXtC {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    left: unset;
    margin-left: 3px;
    position: relative;
    top: unset;
    width: 848px;
}

.iconbox-geWXtC {
    margin-top: 34px;
}

.iconbox-jyp4f4 {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    left: unset;
    margin-left: 3px;
    margin-top: 38px;
    position: relative;
    top: unset;
    width: 988px;
}

.iconbox-lqPnlq {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://www.terradotta.com/graphics/casestudies/peralta-cc-case-study-fnl-backgroundimage-8244F28C-64DE-43EB-9873-ED82A5D971E5@2x.png");
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: unset;
    margin-left: 0;
    margin-top: -1px;
    position: relative;
    top: unset;
    width: 311px;
}

.iconbox-zDvMt8 {
    height: auto;
    margin-left: 0;
    width: 927px;
}

.iconbox-zDvMt8,
.icongroup-SYJl7d {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    left: unset;
    margin-top: 0;
    position: relative;
    top: unset;
}

.icongroup-SYJl7d {
    height: 270px;
    margin-left: auto;
    margin-right: auto;
    width: 820px;
}

.icongroup-dRmpGy {
    margin-left: auto;
    margin-right: auto;
    margin-top: 39px;
    width: 991px;
}

.icongroup-dRmpGy,
.info-y09lXw {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    position: relative;
    top: unset;
}

.info-y09lXw {
    margin-left: 0;
    margin-top: 19px;
    width: 100%;
}

.infobox-SYJl7d {
    margin-top: 25px;
    padding-bottom: 0px;
    width: 820px;
}

.infobox-SYJl7d,
.infobox-dRmpGy {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: unset;
}

.infobox-dRmpGy {
    margin-top: 25px;
    padding-bottom: 18px;
    width: 930px;
}

.infobox-j0T6sn {
    margin-top: 25px;
    width: 920px;
}

.infobox-j0T6sn,
.infocontanier-qhTnPk {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: unset;
}

.infocontanier-qhTnPk {
    margin-top: 66px;
    width: 908px;
}

.listbox-JPficK {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: 0;
    margin-top: 17px;
    padding-bottom: 0px;
    position: relative;
    top: unset;
    width: 912px;
}

.messagebox-8poikd {
    margin-top: 21px;
}

.messagebox-8poikd,
.messagebox-qzUCr5 {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: 0;
    position: relative;
    top: unset;
    width: 100%;
}

.messagebox-qzUCr5 {
    margin-top: 12px;
}

.messagebox-sdjnsd {
    align-items: center;
    background-image: linear-gradient(rgba(255, 0, 0, 0), rgb(0, 0, 0));
    display: flex;
    flex-direction: row;
    height: 366px;
    justify-content: center;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    padding-top: 137px;
    position: relative;
    top: unset;
    width: 100%;
}

.messagebox-swjyZC {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-bottom: 19px;
    position: relative;
    top: unset;
    width: 775px;
}

.pccd-logo-white2-gNBpGx {
    height: 152px;
    padding-top: 1px !important;
    width: 152px;
}

.pccd-logo-white2-gNBpGx,
.quoteblue-qzUCr5 {
    background-color: rgba(0, 0, 0, 0);
    left: unset;
    margin-left: 0;
    position: relative;
    top: unset;
}

.quoteblue-qzUCr5 {
    height: 26px;
    width: 35px;
}

.quotebox-22jXb0 {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px;
    position: relative;
    top: unset;
    width: 893px;
}

.quotebox-22jXb0 .fc-7-1 {
    text-align: center;
}

.quotebox-j0T6sn {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    position: relative;
    top: unset;
    width: 820px;
}

.quotebox-j0T6sn .fc-10-1 {
    text-align: center;
}

.quotebox-lOJBeQ {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: -1px;
    margin-top: 38px;
    position: relative;
    top: unset;
    width: 100%;
}

.quotebox-lOJBeQ .fc-1-1 {
    text-align: center;
}

.quotewhite-8poikd,
.quotewhite2-swjyZC {
    background-color: rgba(0, 0, 0, 0);
    height: 26px;
    left: unset;
    margin-left: 0;
    position: relative;
    top: unset;
    width: 35px;
}

.quotewhite2-swjyZC {
    padding-top: 1px !important;
}

.section-before-td-C61RwL {
    background-color: rgb(98, 98, 98);
    padding-bottom: 45px;
}

.section-before-td-C61RwL,
.section-covid-19-C61RwL {
    bottom: unset;
    height: auto;
    left: unset;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
}

.section-covid-19-C61RwL {
    background-color: rgb(102, 101, 102);
    padding-bottom: 63px;
}

.section-hero-banner-C61RwL {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://www.terradotta.com/graphics/casestudies/peralta-cc-case-study-fnl-backgroundimage-91BE3C90-6D02-4C76-8C3B-E0D007672FD1@2x.jpg");
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 0;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-size: cover;
    height: 557px;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: unset;
    width: 100%;
    
    margin-top: 89px;
}

.section-hero-banner-C61RwL .fc-13-1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}

.section-intro-C61RwL {
    background-color: rgb(255, 255, 255);
    padding-bottom: 66px;
}

.section-intro-C61RwL,
.section-quote2-C61RwL {
    height: auto;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: unset;
    width: 100%;
}

.section-quote2-C61RwL {
    background-color: rgb(0, 172, 236);
    padding-bottom: 55px;
}

.section-quote3-C61RwL {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://www.terradotta.com/graphics/casestudies/peralta-cc-case-study-fnl-backgroundimage-23E41171-EBDD-402A-A39C-E1485CA3B798@2x.jpg");
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-size: cover;
    height: 966px;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: unset;
    width: 100%;
}

.section-quote3-C61RwL .gradientbox {
    background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgb(0, 0, 0));
    height: 533px;
    left: 0;
    opacity: 0.69;
    position: absolute;
    top: 0;
    width: 100%;
}

.section-with-td-C61RwL {
    background-color: rgb(241, 241, 241);
    height: auto;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 60.9999px;
    position: relative;
    top: unset;
    width: 100%;
}

.snipe-heading-SYJl7d {
    background-image: url("https://www.terradotta.com/graphics/casestudies/band-shadow-green-large.png"); /*snipe-td-green2.svg*/
    background-position: 100% 100%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
    width: 693px; /*705px;*/
    height: 120px; /*97px;*/
}

.snipe-heading-SYJl7d,
.snipe-heading-dRmpGy {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: unset;
}

.snipe-heading-dRmpGy {
    background-image: url("https://www.terradotta.com/graphics/casestudies/band-shadow-blue-small.png"); /*snipe-td-blue.svg*/
    background-position: 100% 100%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
    width: 735px; /*699px;*/
    height: 121px; /*97px;*/
}

.snipe-heading-j0T6sn {
    background-image: url("https://www.terradotta.com/graphics/casestudies/band-shadow-green-large.png"); /*snipe-td-green2.svg*/
    background-size: 100% 100%;
    height: 120px; /*103px;*/
    width: 746px;
}

.snipe-heading-j0T6sn,
.snipe-heading-lOJBeQ {
    background-color: rgba(0, 0, 0, 0);
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: unset;
}

.snipe-heading-lOJBeQ {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("https://www.terradotta.com/graphics/casestudies/band-shadow-blue-large.png"); /*snipe-td-blue.svg*/
    background-origin: padding-box;
    background-position: 100% 100%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-size: contain;
    height: 120px; /*111px;*/
    width: 786px; /*800px;*/
}

.span1-5SMxM5,
.span1-9nenLf {
    letter-spacing: 0;
}

.span1-BOz50Y,
.span1-Tt7EGh,
.span1-TxpCrB {
    letter-spacing: 0;
    line-height: 33px;
    margin-left: 0;
}

.span1-XAH4yX {
    letter-spacing: 0;
    line-height: 33px;
    margin-left: 2px;
}

.span1-Xx1L1P {
    letter-spacing: 0;
    line-height: 33px;
    margin-left: 0;
}

.span1-XxaOKx,
.span1-cTb0lw {
    letter-spacing: 0;
}

.span1-ksxPhx,
.span1-oqU0hd {
    letter-spacing: 0;
    line-height: 33px;
    margin-left: 0;
}

.span1-pXZp4n {
    letter-spacing: 0;
    line-height: 27px;
}

.span1-wh0Tu8 {
    letter-spacing: 0;
}

.span2-5SMxM5 {
    font-family: ProximaNova-RegularIt, Helvetica, Arial, serif;
    letter-spacing: 0;
}

.span2-9nenLf {
    font-family: ProximaNova-BoldIt, Helvetica, Arial, serif;
    letter-spacing: 0;
}

.span2-BOz50Y,
.span2-Tt7EGh,
.span2-TxpCrB {
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 33px;
    margin-left: 0;
}

.span2-XAH4yX {
    margin-left: 2px;
}

.span2-XAH4yX,
.span2-Xx1L1P {
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 33px;
}

.span2-Xx1L1P {
    margin-left: 0;
}

.span2-XxaOKx {
    font-family: ProximaNova-RegularIt, Helvetica, Arial, serif;
    letter-spacing: 0;
}

.span2-cTb0lw {
    font-family: ProximaNova-Semibold, Helvetica, Arial, serif;
    letter-spacing: 0;
}

.span2-ksxPhx,
.span2-oqU0hd {
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 33px;
    margin-left: 0;
}

.span2-pXZp4n {
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.span2-wh0Tu8 {
    color: rgb(116, 114, 116);
    font-family: ProximaNova-Light, Helvetica, Arial, serif;
    letter-spacing: 0;
}
.span2-wh0Tu8 .halfspace {
    display:block;
    padding-top:14px;
}

.span3-BOz50Y {
    line-height: 24px;
}

.span3-BOz50Y,
.span3-Tt7EGh {
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 22px;
    letter-spacing: 0;
    margin-left: 0;
}

.span3-Tt7EGh {
    line-height: 27px;
}

.span3-TxpCrB {
    margin-left: 0;
}

.span3-TxpCrB,
.span3-XAH4yX {
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 24px;
}

.span3-XAH4yX {
    margin-left: 2px;
}

.span3-Xx1L1P,
.span3-ksxPhx,
.span3-oqU0hd {
    font-family: ProximaNova-Extrabld, Helvetica, Arial, serif;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 0;
}

.title-gNBpGx {
    bottom: unset;
    color: #00B8EA;
    font-family: ProximaNova-Bold, Helvetica, Arial, serif;
    font-size: 24px;
    height: auto;
    letter-spacing: 0;
    line-height: 29px;
    margin-left: 77px;
    margin-top: 5px;
    right: unset;
    text-align: left;
    white-space: nowrap;
    width: auto;
}

.title-gNBpGx,
.titlebox-0Guu90 {
    background-color: rgba(0, 0, 0, 0);
    left: unset;
    position: relative;
    top: unset;
}

.titlebox-0Guu90 {
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    width: 400px;
}

.titlebox-2hWI8x {
    margin-top: 0;
    padding-bottom: 8px;
}

.titlebox-2hWI8x,
.titlebox-JUfjPl {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    left: unset;
    margin-left: 0;
    position: relative;
    top: unset;
    width: 400px;
}

.titlebox-JUfjPl {
    margin-top: 1px;
    padding-bottom: 4px;
}

.titlebox-SsHcXe,
.titlebox-l4J0bo,
.titlebox-vV5O4x,
.titlebox-vgYZ3T {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    left: unset;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    top: unset;
    width: 400px;
}

/*
@media screen and (max-width: 1200px) {
    .section-hero-banner-C61RwL {
        margin-top:0px;
    }
}
*/

@media screen and (max-width: 1450px) {
    .section-quote3-C61RwL {
        height: auto;
        padding-bottom: 433px;
    }
}

@media screen and (max-width: 1031px) {
    .icongroup-dRmpGy {
        width: 100%;
    }
}

@media screen and (max-width: 1001px) {
    .title-gXz1ID {
        line-height: 10px;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .title-07Q3Ew {
        line-height: 10px;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .title-6oJEg4 {
        line-height: 10px;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .title-Uc4tAS {
        line-height: 10px;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .title-4deUCs {
        line-height: 10px;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .title-I12KfS {
        line-height: 10px;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .title-Urxp5n {
        line-height: 10px;
        margin-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .detailsbox-0Guu90 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .detailsbox-2hWI8x {
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .detailsbox-JUfjPl {
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .detailsbox-SsHcXe {
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .detailsbox-l4J0bo {
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .detailsbox-vV5O4x {
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .detailsbox-vgYZ3T {
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .iconbox-D8JVL3 {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 562px;
    }
    .iconbox-VTx6W3 {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 562px;
    }
    .iconbox-aDo1dR {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 562px;
    }
    .iconbox-gLACeY {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 562px;
    }
    .iconbox-geWXtC {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 562px;
    }
    .iconbox-jyp4f4 {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 562px;
    }
    .iconbox-zDvMt8 {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        width: 562px;
    }
    .titlebox-0Guu90 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .titlebox-2hWI8x {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .titlebox-JUfjPl {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .titlebox-SsHcXe {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .titlebox-l4J0bo {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .titlebox-vV5O4x {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .titlebox-vgYZ3T {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .infobox {
        width: auto;
    }
    .caption-gNBpGx {
        font-size: 28px;
        line-height: 31px;
        margin-left: 0;
        margin-top: 5px;
        text-align: center;
    }
    .icongroup-dRmpGy {
        margin-left: auto;
        margin-right: auto;
    }
    .messagebox-sdjnsd {
        flex-direction: column;
        height: auto;
        padding-bottom: 73px;
    }
    .pccd-logo-white2-gNBpGx {
        height: 103px;
        width: 103px;
    }
    .section-hero-banner-C61RwL {
        height: auto;
    }
    .section-hero-banner-C61RwL {
        margin-top: 95px;
    }
    .casestudy-labelcontainer-dF5xrw {
      top: 112px;
    }
    .section-quote3-C61RwL {
        padding-bottom: 278px;
    }
    .title-gNBpGx {
        font-size: 18px;
        line-height: 22px;
        margin-left: 0;
        text-align: center;
    }
}

@media screen and (max-width: 970px) {
    .info-9YChev {
        padding-left: 20px;
        padding-right: 20px;
    }
    .title-bAy7x9 {
        margin-left: 0;
        margin-top: 0;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 20px;
    }
    .title-j5yGoP {
        margin-left: 0;
        margin-top: 0;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 20px;
    }
    .title-9YChev {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .title-mm5RiB {
        margin-left: 0;
        margin-top: 0;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 20px;
    }
    .title-RLH1UJ {
        margin-left: 0;
        margin-top: 0;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-top: 20px;
    }
    .infobox-dRmpGy {
        width: 100%;
    }
    .snipe-heading-SYJl7d {
        background-color: rgb(159, 197, 77);
        background-image: none;
        height: auto;
        padding-bottom: 0;
        width: 100%;
    }
    .snipe-heading-dRmpGy {
        background-color: rgb(0, 184, 234);
        background-image: none;
        height: auto;
        padding-bottom: 0;
        width: 100%;
    }
    .snipe-heading-j0T6sn {
        background-color: rgb(159, 197, 77);
        background-image: none;
        height: auto;
        padding-bottom: 0;
        width: 100%;
    }
    .snipe-heading-lOJBeQ {
        background-color: rgb(0, 184, 234);
        background-image: none;
        height: auto;
        padding-bottom: 0;
        width: 100%;
    }
}

@media screen and (max-width: 967px) {
    .iconbox-zDvMt8 {
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .message-Np39GI,
    .title-JPficK {
        padding-left: 20px;
        padding-right: 20px;
    }
    .list-fFnt63 ul {
        margin-left: 20px;
        margin-right: 20px;
    }
    .title-y09lXw {
        padding-left: 20px;
        padding-right: 20px;
    }
    .quote-JPficK {
        padding-left: 20px;
        padding-right: 20px;
    }
    .detailbox-j0T6sn {
        width: 100%;
    }
    .infobox-j0T6sn {
        width: 100%;
    }
}

@media screen and (max-width: 958px) {
    .detailsbox-vV5O4x {
        margin-left: 0;
        margin-right: 0;
        margin-top: 23px;
        padding-left: 0;
        padding-right: 0;
    }
    .iconbox-aDo1dR {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .titlebox-vV5O4x {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 952px) {
    .listbox-JPficK {
        width: 100%;
    }
}

@media screen and (max-width: 950px) {
    .message-Np39GI {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 948px) {
    .caption-QxucTL {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .infocontanier-qhTnPk {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 942px) {
    .list-fFnt63 li {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 938px) {
    .list-QxucTL li {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 937px) {
    .detailsbox-0Guu90 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 23px;
        padding-left: 0;
        padding-right: 0;
    }
    .iconbox-zDvMt8 {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }
    .titlebox-0Guu90 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 933px) {
    .source-FQpwUF {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .quotebox-22jXb0 {
        width: 100%;
    }
}

@media screen and (max-width: 930px) {
    .infobox-dRmpGy {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 928px) {
    .list-fFnt63 li {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

@media screen and (max-width: 924px) {
    .list-QxucTL li {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

@media screen and (max-width: 923px) {
    .quote-FQpwUF {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 920px) {
    .detailbox-j0T6sn {
        margin-left: auto;
        margin-right: auto;
    }
    .infobox-j0T6sn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 912px) {
    .listbox-JPficK {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 908px) {
    .infocontanier-qhTnPk {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 893px) {
    .quotebox-22jXb0 {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 888px) {
    .iconbox-gLACeY {
        width: 100%;
    }
    .iconbox-geWXtC {
        width: 100%;
    }
}

@media screen and (max-width: 868px) {
    .iconbox-D8JVL3 {
        width: 100%;
    }
}

@media screen and (max-width: 861px) {
    .detailsbox-JUfjPl {
        margin-left: 0;
        margin-right: 0;
        margin-top: 23px;
        padding-left: 0;
        padding-right: 0;
    }
    .detailsbox-l4J0bo {
        margin-left: 0;
        margin-right: 0;
        margin-top: 23px;
        padding-left: 0;
        padding-right: 0;
    }
    .iconbox-gLACeY {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .iconbox-geWXtC {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .titlebox-JUfjPl {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .titlebox-l4J0bo {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 860px) {
    .source-nd94Yu {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .icongroup-SYJl7d {
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .infobox-SYJl7d {
        width: 100%;
    }
    .quotebox-j0T6sn {
        width: 100%;
    }
    .span1-pXZp4n,
    .span2-pXZp4n {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 850px) {
    .quotation-nd94Yu {
        padding-left: 20px;
        padding-right: 20px;
    }
    .detailsbox-SsHcXe {
        margin-left: 0;
        margin-right: 0;
        margin-top: 23px;
        padding-left: 0;
        padding-right: 0;
    }
    .iconbox-D8JVL3 {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .titlebox-SsHcXe {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 840px) {
    .snipe-heading-lOJBeQ {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 830px) {
    .iconbox-M3Sg9G {
        height: auto;
        margin-left: 0;
        margin-right: 0;
        margin-top: 40px;
        padding-left: 0;
        padding-right: 0;
    }
    .iconbox-lqPnlq {
        height: auto;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .icongroup-SYJl7d {
        align-items: center;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 820px) {
    .infobox-SYJl7d {
        margin-left: auto;
        margin-right: auto;
    }
    .quotebox-j0T6sn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 815px) {
    .messagebox-swjyZC {
        width: 100%;
    }
}

@media screen and (max-width: 805px) {
    .infobox {
        width: 100%;
    }
    .caption-gNBpGx {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 688px;
    }
}

@media screen and (max-width: 800px) {
    .snipe-heading-lOJBeQ {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 786px) {
    .snipe-heading-j0T6sn {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 776px) {
    .title-RLH1UJ {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 775px) {
    .messagebox-swjyZC {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 772px) {
    .quote-JPficK {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

@media screen and (max-width: 765px) {
    .infobox {
        margin-left: auto;
        margin-right: auto;
    }
}

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

    .snipe-heading-j0T6sn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 745px) {
    .snipe-heading-SYJl7d {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 739px) {
    .snipe-heading-dRmpGy {
        height: auto;
        width: 100%;
    }
    .title-gNBpGx {
        padding-left: 20px;
        padding-right: 20px;
        white-space: normal;
    }
}

@media screen and (max-width: 728px) {
    .caption-gNBpGx {
        width: 100%;
    }
    .title-gNBpGx {
        width: 100%;
    }
}

@media screen and (max-width: 727px) {
    .title-bAy7x9 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .title-mm5RiB {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 705px) {
    .snipe-heading-SYJl7d {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 699px) {
    .snipe-heading-dRmpGy {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 641px) {
    .title-j5yGoP {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 607px) {
    .detailsbox-2hWI8x {
        width: 100%;
    }
}

@media screen and (max-width: 604px) {
    .details-aNSqan {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

@media screen and (max-width: 603px) {
    .detailsbox-2hWI8x {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 602px) {
    .detailsbox-vgYZ3T {
        width: 100%;
    }
    .iconbox-D8JVL3 {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .iconbox-VTx6W3 {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .iconbox-aDo1dR {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .iconbox-gLACeY {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .iconbox-geWXtC {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .iconbox-jyp4f4 {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .iconbox-zDvMt8 {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 598px) {
    .detailsbox-vgYZ3T {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 593px) {
    .detailsbox-2hWI8x {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 588px) {
    .detailsbox-vgYZ3T {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 559px) {
    .detailsbox-vV5O4x {
        width: 100%;
    }
}

@media screen and (max-width: 555px) {
    .detailsbox-vV5O4x {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 550px) {
    .info-9YChev {
        font-size: 18px;
        line-height: 22px;
    }
    .title-bAy7x9 {
        font-size: 24px;
        line-height: 28px;
        white-space: normal;
    }
    .title-y09lXw {
        font-size: 20px;
        line-height: 24px;
    }
    .title-j5yGoP {
        font-size: 24px;
        line-height: 28px;
        white-space: normal;
    }
    .title-9YChev {
        font-size: 20px;
        line-height: 24px;
    }
    .title-mm5RiB {
        font-size: 24px;
        line-height: 28px;
        white-space: normal;
    }
    .title-RLH1UJ {
        font-size: 24px;
        line-height: 28px;
        white-space: normal;
    }
    .quotation-2iLJT1 {
        font-size: 18px;
        line-height: 29px;
    }
    .caption-gNBpGx {
        font-size: 28px;
        line-height: 28px;
    }
    .messagebox-sdjnsd {
        height: 100%;
        justify-content: space-around;
        padding-bottom: 0;
        padding-top: 0;
    }
    .pccd-logo-white2-gNBpGx {
        height: 127px;
        width: 127px;
    }
    .section-hero-banner-C61RwL {
        background-image: url("https://www.terradotta.com/graphics/casestudies/headerbanner-mobile.jpg");
        background-position-y: 50%;
        height: 394px;
        margin-top: 59px;
    }
    .casestudy-labelcontainer-dF5xrw {
      top: 58px;
    }
    .section-quote3-C61RwL {
        padding-bottom: 200px;
    }
    .title-gNBpGx {
        font-size: 21px;
        line-height: 25px;
    }
}

@media screen and (max-width: 545px) {
    .detailsbox-vV5O4x {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 539px) {
    .title-xaQE9J {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 537px) {
    .detailsbox-0Guu90 {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 536px) {
    .detailsbox-0Guu90 {
        width: 100%;
    }
}

@media screen and (max-width: 527px) {
    .detailsbox-0Guu90 {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 519px) {
    .iconbox-M3Sg9G {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 509px) {
    .iconbox-M3Sg9G {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 498px) {
    .title-RLH1UJ {
        width: 100%;
    }
}

@media screen and (max-width: 462px) {
    .detailsbox-JUfjPl {
        width: 100%;
    }
    .detailsbox-l4J0bo {
        width: 100%;
    }
}

@media screen and (max-width: 458px) {
    .detailsbox-JUfjPl {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .detailsbox-l4J0bo {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 451px) {
    .title-y09lXw {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .detailsbox-SsHcXe {
        width: 100%;
    }
}

@media screen and (max-width: 448px) {
    .title-bAy7x9 {
        width: 100%;
    }
    .title-mm5RiB {
        width: 100%;
    }
    .detailsbox-JUfjPl {
        margin-left: auto;
        margin-right: auto;
    }
    .detailsbox-l4J0bo {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 447px) {
    .detailsbox-SsHcXe {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 444px) {
    .title-gXz1ID {
        width: 100%;
    }
    .title-07Q3Ew {
        width: 100%;
    }
    .title-6oJEg4 {
        width: 100%;
    }
    .title-4deUCs {
        width: 100%;
    }
    .title-Urxp5n {
        width: 100%;
    }
}

@media screen and (max-width: 440px) {
    .title-gXz1ID {
        margin-left: auto;
        margin-right: auto;
        width: 404px;
    }
    .title-07Q3Ew {
        margin-left: auto;
        margin-right: auto;
        width: 404px;
    }
    .title-6oJEg4 {
        margin-left: auto;
        margin-right: auto;
        width: 404px;
    }
    .title-Uc4tAS {
        width: 100%;
    }
    .title-4deUCs {
        margin-left: auto;
        margin-right: auto;
        width: 404px;
    }
    .title-I12KfS {
        width: 100%;
    }
    .title-Urxp5n {
        margin-left: auto;
        margin-right: auto;
        width: 404px;
    }
    .titlebox-0Guu90 {
        width: 100%;
    }
    .titlebox-2hWI8x {
        width: 100%;
    }
    .titlebox-JUfjPl {
        width: 100%;
    }
    .titlebox-SsHcXe {
        width: 100%;
    }
    .titlebox-l4J0bo {
        width: 100%;
    }
    .titlebox-vV5O4x {
        width: 100%;
    }
    .titlebox-vgYZ3T {
        width: 100%;
    }
}

@media screen and (max-width: 438px) {
    .title-I12KfS {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
    }
}

@media screen and (max-width: 437px) {
    .detailsbox-SsHcXe {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 436px) {
    .title-Uc4tAS {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
    }
}

@media screen and (max-width: 428px) {
    .desc-xaQE9J {
        padding-left: 20px;
        padding-right: 20px;
    }
    .iconbox-M3Sg9G {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .titlebox-0Guu90 {
        margin-left: auto;
        margin-right: auto;
    }
    .titlebox-2hWI8x {
        margin-left: auto;
        margin-right: auto;
    }
    .titlebox-JUfjPl {
        margin-left: auto;
        margin-right: auto;
    }
    .titlebox-SsHcXe {
        margin-left: auto;
        margin-right: auto;
    }
    .titlebox-l4J0bo {
        margin-left: auto;
        margin-right: auto;
    }
    .titlebox-vV5O4x {
        margin-left: auto;
        margin-right: auto;
    }
    .titlebox-vgYZ3T {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 380px) {
    .title-j5yGoP {
        width: 100%;
    }
}

@media screen and (max-width: 351px) {
    .desc-D6lxy6 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .iconbox-lqPnlq {
        width: 100%;
    }
}

@media screen and (max-width: 341px) {
    .title-D6lxy6 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 311px) {
    .iconbox-lqPnlq {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 192px) {
    .pccd-logo-white2-gNBpGx {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 75px) {
    .quoteblue-qzUCr5 {
        height: auto;
        width: 100%;
    }
    .quotewhite-8poikd,
    .quotewhite2-swjyZC {
        height: auto;
        width: 100%;
    }
}