body {
    font-family: "Poppins", sans-serif;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.header-container-top {
background: #7A4490;
background: linear-gradient(140deg, rgba(122, 68, 144, 1) 0%, rgba(56, 112, 133, 1) 100%);
}

.header-container-middle {
    background: #282526;
}


.header-content-image {
    background-position: bottom -2px left 0;
    background-image: url('/assets-easylegal/images/screen-left3.png');
    background-repeat: no-repeat;
    background-size: 60%;
}

.header-text-main {
    font-weight: 300;
    font-size: 4em;
    font-family: "Poppins", sans-serif;
    font-style: normal;
}

.header-text-sub {
    font-weight: 300;
    font-size: 2em;
    font-family: "Poppins", sans-serif;
    font-style: normal;
}

.mt-10 {
    margin-top: 6rem;
}

.mb-10 {
    margin-bottom: 6rem;
}

.bg-darkish {
    background: #282526;
}

.scroll-reveal-animation {
    opacity: 0;
    margin-top: 100px;
    transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.scroll-reveal-animation h1::before, .scroll-reveal-animation .h1::before, .scroll-reveal-animation h2::before, .scroll-reveal-animation .h2::before, .scroll-reveal-animation h3::before, .scroll-reveal-animation .h3::before, .scroll-reveal-animation .stat::before {
    content: "";
    height: 0;
    transition: height 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-delay: 0.3s;
}
.scroll-reveal-animation.active {
    opacity: 1;
    margin-top: 0;
}
.scroll-reveal-animation.active h1::before, .scroll-reveal-animation.active .h1::before {
    height: 36px;
}
.scroll-reveal-animation.active .stat::before {
    height: 48px;
}
.scroll-reveal-animation.active h2::before, .scroll-reveal-animation.active .h2::before {
    height: 30px;
}
.scroll-reveal-animation.active h3::before, .scroll-reveal-animation.active .h3::before {
    height: 20px;
}

@keyframes animatedBackground {
    from {
        background-position: bottom -2px left -300px;
    }
    to {
        background-position: bottom -2px left 0;
    }
}
.header-content-image {
    animation: animatedBackground 0.8s linear ;
}

body {
    overflow-x:hidden;
}

div.join__type {
}

div.join__type:hover {
    background-color: #cccccc;
}


summary {
    color: #0d6efd;
}

summary::-webkit-details-marker {
    display: none; /* Remove arrow in WebKit browsers */
}

details summary::after {
    content: "Read More";
    color: #0d6efd;
}

details[open] summary::after {
    content: "Read Less";
}

details summary {
    cursor: pointer;
}

.barrister-read-more-inner
{
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 10px;
    margin: 10px;
    background-color: #fefefe;
}

.barrister-read-more {
    font-size: 0.9em;
    margin-bottom: 1em;
}

.barrister-read-more h1 {
    font-size: 1.6em;
}

.barrister-read-more h2 {
    font-size: 1.2em;
}

.barrister-read-more h3 h4 h5 h6 {
    font-size: 1.1em;
}

.fade-hover {
    transition: opacity 0.3s ease;
}

.fade-hover:hover {
    opacity: 0.8; /* adjust as needed */
}