.ccw-howwedoit-container {
    height: calc(100% - 105px);
}  
.ccw-accordion-header {
    position: relative;
    left: -23px;
    min-width: 335px; 
    z-index: 2;
}
.accordion-item {
    border: none;
    background-color: transparent;
}
.accordion-collapse {
    height: 100%;
    animation: fadeIn 1s;
}
.accordion-button::after {
    display: none;
}
.cch-steps {
    width: 88px;
    height: 88px;
    margin-right: 18px;
    /*border: 5px solid #FFFFFF;*/
    border-radius: 50%;
}
.step-grey {
    background-color: #58595B;
}
.step-green {
    background-color: #ABBD26;
}
.icon-for-steps {
    width: 88px;
}
.ccw-close-btn {
    top: 10px;
    right: 10px;
    border: none;
    box-shadow: none;
}
.ccw-close {
    width: 37px;
}
.ccw-accordion-title,
.accordion-button:not(.collapsed) {
    width: auto;
    padding: 25px 0;
    font-size: 4rem;
    line-height: 4.8rem;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #58595B;
}
.accordion-button:focus {
    box-shadow: none;
}
.ccw-step-detail {
    width: 88%;
    margin-bottom: 25px;
    padding: 25px;
    backdrop-filter: blur(5px);
    border-radius: 10px;
    background: rgba(37, 37, 37, 0.2);
}
/*.ccw-plan-wrapper {
    background-image: url(../images/cc-plan-bg.png);
}
.ccw-finance-wrapper {
    background-image: url(../images/cc-finance-bg.png);
}
.ccw-design-wrapper {
    background-image: url(../images/cc-design-bg.png);
}
.ccw-build-wrapper {
    background-image: url(../images/cc-build-bg.png);
}
.ccw-own-wrapper {
    background-image: url(../images/cc-own-bg.png);
}*/
.ccw-step-title {
    padding-bottom: 15px;
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: 0.1em;
}
.ccw-step-desc {
    font-size: 2rem;
    line-height: 2.7rem;
    letter-spacing: 0.1em;
    font-family: 'helveticaregular';
}
@keyframes fadeIn {
    0% { opacity: 0.2; }
    50% { opacity: 0.5; }
    70% { opacity: 0.8; }
    100% { opacity: 1; }
  }