@import url('base.css');



section.pw-vertical-accordion {
    width: 100%;
    display: block;
    position: relative;
    padding: 36px 0 0 0;
}

    section.pw-vertical-accordion .intro {
        width: 100%;
        padding-inline: 24px;
        display: block;
        margin-bottom: 36px;
    }

        section.pw-vertical-accordion .intro h1 {
            color: #333;
            font-family: Sen-SemiBold;
            font-size: 48px;
            font-style: normal;
            font-weight: 800;
            line-height: 120%;
            margin-bottom: 16px;
        }

        section.pw-vertical-accordion .intro p {
            color: #333;
            font-family: Sen-regular;
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            /* 31.2px */
        }



    section.pw-vertical-accordion .pw-vertical-accordion-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    section.pw-vertical-accordion .pw-accordion {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        padding: 24px;
    }

    section.pw-vertical-accordion .pw-image {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }

    section.pw-vertical-accordion .pw-image {
        min-height: 738px;
        position: relative;
       /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='640' viewBox='0 0 506 640' fill='none'%3E%3Cg opacity='0.1'%3E%3Cpath d='M224.896 310.332L296.921 382.358L365.815 313.414L261.48 209.079L126.029 344.481L158.388 376.84L224.896 310.332Z' fill='%2300447A'/%3E%3Cpath d='M163.75 433.755L76.763 346.768L16.2198 407.411C25.0677 451.252 45.6961 490.918 74.6753 522.88L163.8 433.755H163.75Z' fill='%2300447A'/%3E%3Cpath d='M372.189 272.903L98.9493 546.142C141.399 581.782 196.127 603.305 255.775 603.305C377.308 603.305 478.363 514.081 497.003 397.717L372.189 272.903Z' fill='%2300447A'/%3E%3Cpath d='M253.445 639.091C114.18 639.091 0.890015 525.856 0.890015 386.66V0H505.999V386.66C505.999 525.856 392.709 639.091 253.445 639.091ZM42.9497 42.039V386.66C42.9497 502.698 137.399 597.052 253.445 597.052C369.49 597.052 463.94 502.648 463.94 386.66V42.039H42.9497Z' fill='%2300447A'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;*/
        background-position:top center;
        background-size:447px 600px;
    }

        section.pw-vertical-accordion .pw-image img {
            width: 100%;
          /*  max-width: 506px;
            max-height: 656px;*/
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            object-fit:contain;
        }

    section.pw-vertical-accordion .pw-accordion ul {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        list-style-type: none;
        align-content: flex-start;
        gap: 8px;
    }

    section.pw-vertical-accordion .pw-accordion li {
        width: 100%;
        display: block;
        border-left: 4px solid rgba(0, 0, 0, 0.1);
        cursor:pointer;
    }

        section.pw-vertical-accordion .pw-accordion li h2 {
            color: #121212;
            font-family: sen-medium;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom:4px;
        }


        section.pw-vertical-accordion .pw-accordion li span {
            color: #333;
            font-family: Sen-regular;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
        }

        section.pw-vertical-accordion .pw-accordion li .header {
            width: 100%;
            display: grid;
            grid-template-columns: 48px 1fr auto;
            padding: 24px;
            gap: 16px;
            align-items: center;
            align-content: center;
        }

        section.pw-vertical-accordion .pw-accordion li icon {
            width: 100%;
            display: block;
            position: relative;
            width: 48px;
            height: 48px;
        }

    section.pw-vertical-accordion .pw-accordion .affordance {
        transition: all .3s linear;
    }

    section.pw-vertical-accordion .pw-accordion .item.active .affordance {
        transform: rotate(-180deg);
    }

    section.pw-vertical-accordion .panel {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        transition: all 0.3s ease;
    }


        section.pw-vertical-accordion  .panel a {
            width: 100%;
            font-family: AnekLatin-Regular;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            margin-bottom: 18px;
            text-decoration: none;
            display: block;
            position: relative;
            color: #333;
            text-decoration: underline;
        }

            section.pw-vertical-accordion  .panel a:hover {
                color:var(--reeves-primary);
            }

    section.pw-vertical-accordion .item.active .panel {
        display: grid;
        width: 100%;
        padding: 8px 24px 6px 88px;
    }

@media only screen and (max-width:1024px) {
    section.pw-vertical-accordion .pw-image img{
        position:relative;
        max-height:427px;
    }
    section.pw-vertical-accordion .pw-vertical-accordion-container {
        grid-template-columns: 1fr;
        gap:0;
        margin-bottom:20px;
    }

    section.pw-vertical-accordion .pw-image {
        order: 1;
        min-height: 0px;
    }

    section.pw-vertical-accordion .pw-accordion {
        order: 2;
        padding: 0;
    }

    section.pw-vertical-accordion .intro {
        padding: 0;
    }

        section.pw-vertical-accordion .intro h1 {
            font-size: 34px;
        }

        section.pw-vertical-accordion .intro p {
            font-size: 20px;
        }

    section.pw-vertical-accordion .pw-accordion li h2 {
        font-size: 16px;
        margin-bottom:4px;
    }

    section.pw-vertical-accordion .pw-accordion li span {
        font-size: 16px;
    }

    section.pw-vertical-accordion .panel a {
        font-size: 16px;
    }
}