.endorsement-name {
    font-size: 1.8rem;
    font-weight: 600;
}

.endorsement-location {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: italic;
}


.dropdown {
    position: relative;
}

.dropdown-toggle {
    background: none;
    border: none;
    font-family: inherit;
    font-size: 1.8rem;
    font-weight: 500;
    cursor: pointer;
}

/* Dropdown box */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    min-width: 20rem;
    padding: 1rem 0;
    margin: 0;

    list-style: none;
    background-color: #fff;

    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: all 0.2s ease;
}

/* Show dropdown */
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.dropdown-menu a {
    display: block;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu a:hover {
    background-color: #f3f3f3;
}

/*====================
HEADER
====================*/
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F8F0FC;

    /*height: 9.6rem;*/
    /*height: 12.8rem;*/
    /*padding: 0 4.8rem;*/
    padding: 2.4rem 4.8rem;

    position: relative;

}

.logo {
    /*height: 2.4rem;*/
    height: 12.8rem;
}


/*====================
NAVIGATION
====================*/



.main-nav-list {
    list-style: none;
    display: flex;
    align-items: center;
    /*gap: 3.2rem;*/
    gap: 4.8rem;

}

.main-nav-link:link,
.main-nav-link:visited {
    display: inline-block;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 1.8rem;

    transition: all .3s;
}

.main-nav-link:hover,
.main-nav-link:active {
    color: #79298C;
}

.main-nav-link.nav-cta:link,
.main-nav-link.nav-cta:visited {
    padding: 1.2rem 2.4rem;
    border-radius: 1rem;
    color: #fff;
    background-color: #862E9C;
}


.main-nav-link.nav-cta:hover,
.main-nav-link.nav-cta:active {
    background-color: #79298C;
}

.nav-cta-mobile {
    display: none !important;
}

/*====================
MOBILE NAVIGATION
====================*/
.btn-mobile-nav {
    border: none;
    background: none;
    cursor: pointer;
}

.icon-mobile-nav {
    /*height: 4.8rem;*/
    font-size: 4.8rem;
    color: #333;
}

.btn-mobile-nav {
    display: none;
}

.mobile-menu {
    /*display: none;*/
}

/*.icon-mobile-nav .close {*/
.mobile-menu-close {
    display: none;
}

/*====================
HERO SECTION
====================*/
.section-hero {
    background-color: #F8F0FC;
    /*padding: 9.6rem 0;*/
    padding: 4.8rem 0 9.6rem 0;
}


.hero-container {
    max-width: 132rem;
    margin: 0 auto;
    /*padding: 0 3.2rem;*/
    padding: 0 2.4rem;
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: 1.5fr 1fr;
    /*gap: 9.6rem;*/
    /*gap: 8rem;*/
    /*gap: 6.4rem;*/
    /*gap: 4.8rem;*/
    gap: 4rem;
    /*background-color: rebeccapurple;*/
    align-items: center;

}

.hero-text-box {
    text-align: center;
}

.hero-description-above{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2.5rem;
    line-height: 2;
    color: #79298C;
}

.hero-list-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 0.5rem;

    width: fit-content;
    margin: 0 auto;
}

.hero-list-box p {
    margin: 0;
    text-align: left;
}

.hero-description {
    display: contents;
}

@media (max-width: 600px) {
    .hero-list-box {
        grid-template-columns: 1fr;
        gap: 0.6rem;

        width: fit-content;
        margin: 0 auto;
    }

    .hero-list-boxp {
        font-size: 1.1rem;
        line-height: 1.4;
        white-space: nowrap;
    }
}



.hero-image-box {
    /*text-align: center;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.hero-image {
    /*width: 100%;*/
    display: block;
    width: 70%;
}

.para-creator {
    /*background-color: #F8F0FC;*/
    background-color: #fff;
    width: 70%;
    padding: 1.2rem;
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: center;

    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.one-font{
    font-family: "Merriweather", serif;
}


.faces-box {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-top: 8rem;
}

.faces-images {
    display: flex;
}

.faces-images img {
    height: 4.8rem;
    width: 4.8rem;
    border-radius: 50%;
    margin-right: -1.6rem;
    border: 3px solid #F8F0FC;
}

.faces-images img:last-child {
    margin: 0;
}

.faces-text {
    font-size: 1.8rem;
    font-weight: 600;
}

.faces-text span {
    color: #79298C;
    font-weight: 700;
}




/*====================
REUSABLE GRID
====================*/


/*====================
SECTION BOOK
====================*/

.section-book {
    padding: 9.6rem 0;
    background-color: #f8f0fc;
}

.image-box {
    text-align: center;
}

.book-image {
    /*width: 100%;*/
    width: 32rem;
    border-radius: 2rem;
}



/*====================
HOW IT WORKS SECTION - DIVORCE SECTION
====================*/
.section-how {
    padding: 9.6rem 0;
    /*padding: 4.8rem 9.6rem 9.6rem 0;*/
}

.how-image-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-img {
    width: 100%;
    /*width: 50%;*/
    border-radius: 4rem;

}

.body-para {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-bottom: 1.2rem;
}

.how-para {
/*    font-size: 1.8rem;
    line-height: 1.8;
    margin-bottom: 1.2rem;*/
}

.how-list {
    list-style: none;
    font-size: 1.8rem;
    line-height: 1.8;
}





/*.section-how div div {
    padding: 10rem;
    font-size: 5rem;
    background-color: palevioletred;
}*/
/*
.section-how div:nth-child(1) {
    background-color: aqua;
}
.section-how div:nth-child(2) {
    background-color: blue;
}
.section-how div:nth-child(3) {
    background-color: violet;
}
.section-how div:nth-child(4) {
    background-color: yellow;
}*/


/*====================
EXTRA DETAILS
====================*/
.extra-details {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
}


/*====================
SECTION FEATURES
====================*/

.section-features {
    padding: 9.6rem 0;
}


.feature {

}

.feature-icon {
    display: inline-block;
    color: #862E9C;
/*    height: 2.4rem;
    width: 2.4rem;*/
    /*font-size: 2.4rem;*/
    font-size: 3.2rem;
    background-color: #F8F0FC;
    margin-bottom: 3.2rem;

    padding: 1.6rem;
    border-radius: 50%;
}

.feature-title {
    font-size: 2.4rem;
    /*color: #333;*/
    font-weight: 700;
    margin-bottom: 1.6rem;
}

.feature-list {
    list-style: none;
}

li::before {
  /*  content: "\F1E4";   !* your CSS code *!
    font-family: "Bootstrap Icons";
    margin-right: 8px;*/
}

.feature-item {
    display: flex;
    align-items: flex-start;

    gap: .8rem;

    /*margin-left: -3.2rem;*/
}

.feature-item .bi {
    font-size: 3.2rem;
    color: #862E9C;

    margin-top: -1.2rem;
}


.feature-item::before {
   /* content: "\F272";   !* your CSS code *!
    font-family: "Bootstrap Icons";
    margin-right: 8px;*/
   /* content: "✔";
    margin-right: 8px;
    color: green;*/
}

.feature-item {
    /*list-style: none;*/

    font-size: 1.8rem;
    line-height: 1.8;

    margin-bottom: 1.6rem;

}





/*====================
SECTION FEATURES 2
====================*/

.heading-2 {

}

.heading-description {
    max-width: 72rem;
    font-size: 2rem;
    line-height: 1.8;
}


.section-features-explore {
    background-color: #F8F0FC;
    padding: 9.6rem 0;
}

.feature-explore {
    /*padding: 2.4rem;*/
    /*padding: 2rem;*/
    padding: 1.6rem;
    background-color: #fff;
    /*border: 2px solid #862E9C;*/
    border: 1px solid #862E9C;
    border-radius: 1.6rem;
}

.feature-text {
    font-size: 1.8rem;
    line-height: 1.8;
}


/*====================
SECTION CTA
====================*/
.section-cta {
    /*padding: 9.6rem 0;*/
    padding: 9.6rem 0 12.8rem 0;
}

.cta {
    display: grid;
    grid-template-columns: 2fr 1fr;

    /*background-color: #862E9C;*/
    /*box-shadow: 0 2.4rem 4.8rem rgba(0,0,0,0.075);*/
    box-shadow: 0 2.4rem 4.8rem rgba(0,0,0,0.15);
    border-radius: 1rem;

/*    background-image: linear-gradient(to right bottom, #9e58b0, #862E9C);*/
    background-image: linear-gradient(to right bottom, #862e9c, #79298c);

    overflow: hidden;

/*    temp*/
/*    height: 50rem;*/

}

.cta-text-box {
    /*padding: 6.4rem;*/
    padding: 4.8rem 6.4rem 6.4rem 6.4rem;
    /*color: #280e2f;*/
    /*color: #36123e;*/
}

.cta .heading-2 {
    /*color: #280e2f;*/
    /*color: #36123e;*/
    color: #fff;
    margin-bottom: 3.2rem;
}

.cta-text {
    font-size: 1.8rem;
    line-height: 1.8;
    color: white;
    margin-bottom: 4.8rem;
}

.cta-image-box {
    background-image: linear-gradient(to right bottom, rgb(158 88 176 / 0.3), rgb(134 46 156 / 0.3)), url("../img/ira-progoff-2.png");
    background-size: cover;
    background-position: center;
}


/*====================
CTA FORM
====================*/
.cta-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3.2rem;
    row-gap: 2.4rem;
}

.cta-form label {
    color: #fff;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1.2rem;

}
.cta-form input,
.cta-form select {
    width: 100%;
    padding: 1.2rem;
    font-size: 1.8rem;

    font-family: inherit;
    color: inherit;
    border: none;
    background-color: #F8F0FC;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.1);
}

.cta-form input::placeholder {
    color: #aaa;
}

.cta-form select {

}



*:focus {
    outline: none;
    /*outline: 4px dotted #36123e;*/
    /*outline-offset: 8px;*/
    box-shadow: 0 0 0 0.8rem rgb(134 46 156 / 0.5);
}


.cta *:focus {
    outline: none;
    box-shadow: 0 0 0 0.8rem rgb(248 240 252 / 0.5);
}


/*====================
FOOTER
====================*/


.footer {
    /*padding: 9.6rem 0;*/
    /*padding: 12.8rem 0;*/
    padding: 12.8rem 3.2rem;

    border-top: 1px solid #eee;
}


.grid--footer {
    grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr;
}

.logo-col {
    display: flex;
    flex-direction: column;

    gap: 3.2rem;
}

.footer-logo {
    display: block;
    /*margin-bottom: 3.2rem;*/
}

.footer-logo .logo {
    /*height: 2.4rem;*/
    /*height: 12.8rem;*/
    height: 9.6rem;
}

.social-links {
    list-style: none;

    display: flex;
    gap: 2.4rem;
}

.social-icon {
 /*   height: 2.4rem;
    width: 2.4rem;*/
    font-size: 2.4rem;
}

.copyright {
    font-size: 1.4rem;
    color: #767676;
    line-height: 1.6;

    /*margin-top: auto;*/
}

.footer-heading {
    /*font-size: 1.8rem;*/
    font-size: 1.6rem;
    font-weight: 500;
    /*margin-bottom: 3.2rem;*/
    margin-bottom: 4rem;
}

.contacts {
    font-style: normal;
    font-size: 1.6rem;
    line-height: 1.6;

    color: #767676;
}

.address {
    margin-bottom: 2.4rem;
}

.footer-nav {
    list-style: none;

    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

.footer-link:link,
.footer-link:visited {
    text-decoration: none;
    font-size: 1.6rem;
    color: #767676;

    transition: all .3s;
}


.footer-link:hover,
.footer-link:active {
    color: #555;
}





/*====================
TEST
====================*/

.test {
    /*width: 1000px;*/
    /*max-width: 1000px;*/

    max-width: 50rem;
    background-color: darkred;
    /*padding: 100px;*/
    padding: 4rem;
    color: wheat;
    font-size: 2rem;
}




/*====================
LEARN MORE PAGE
====================*/

.section-page-hero {
    /*padding: 9.6rem 0;*/
    padding: 4.8rem 0;

    /*height: 6.4rem;*/
}


.page-hero-img {
    border-radius: 3rem;
    display: block;
    width: 100%;
    /*height: 48rem;*/
    overflow: hidden;
}


.section-articles {
    padding: 4.8rem 0;
}

.emphasis {
    font-size: 1.6rem;

}

.youtube-thumbnail {
    display: block;
    width: 64rem;
    border-radius: 2rem;
    margin-bottom: 3.2rem;
}




/*====================
FAQ PAGE
====================*/
.section-accordion {
    padding: 4.8rem 0;
}


.accordion {
    /*width: 70rem;*/
    /*margin: 10rem auto;*/
    /*background-color: #36123e;*/
    max-width: 96rem;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

.item {
    /*hor, ver, blur, scale, color*/
    box-shadow: 0 0 3.2rem rgba(0,0,0,0.1);
    padding: 2.4rem;

    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 2.4rem;
    row-gap: 3.2rem;

    align-items: center;

}

.number, .text {
    font-size: 2.4rem;
    font-weight: 500;
    /*color: #087f5b;*/
}

.number {
    color: #ced4da;
}

.text {

}

.text:hover {
    cursor: pointer;
}

.icon {
    width: 2.4rem;
    height: 2.4rem;
    stroke: #862E9C;

}

.hidden-box {
    grid-column: 2;
    display: none;

}

.hidden-box p {
    line-height: 1.6 !important;
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
}

.hidden-box ul {
    font-size: 1.6rem;
    /*color: #adb5bd;*/
    color: #868e96;
    margin-left: 1.4rem;

    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}


/*
OPEN STATE
*/

.open {
    border-top: .4rem solid #862E9C;
}

.open .hidden-box {
    display: block;
}

.open .number, .open .text {
    color: #862E9C;
}





/*====================
OVERVIEW PAGE
====================*/
.img-block {
    display: flex;
    gap: 2.4rem;
    padding: 3.2rem 0;
}

.img-1 {
    width: 50%;
}

.img-2 {
    width: 50%;
}

.img {
    display: block;
    width: 100%;
    border-radius: 1rem;
    /*width: 50%;*/
}

/*====================
ABOUT THE METHOD PAGE
====================*/

.page-img {
    display: block;
    /*max-width: 90%;*/
    width: 100%;
    /*margin: 2.4rem auto;*/
    margin: 2em auto;
    border-radius: 2rem;
    /*padding: 3.2rem;*/
}



/*====================
CAROUSEL / TESTIMONIAL (Overcoming Divorce Page)
====================*/
.carousel {
    /*width: 800px;*/
    /*margin: 100px auto;*/
    /*background-color: #087f5b; - teal 9*/
    background-color: #862e9c;
    /* padding: 32px;
     padding-left: 80px;
     padding-right: 40px;*/

    /*padding: 32px 48px 32px 86px;*/
    padding: 3.2rem;

    border-radius: 8px;
    /*color: #fff;*/

    display: flex;
    align-items: center;
    /*gap: 86px;*/

    position: relative;
}

.testimonial {

}

.testimonial-text {
    font-size: 1.8rem;
    /*font-weight: 500;*/
    line-height: 1.5;
    margin-bottom: 3.2rem;
    /*color: #e6fcf5; - teal 0*/
    color: #f8f0fc;
}

.testimonial-author {
    font-size: 1.4rem;
    margin-bottom: .4rem;
    /*color: #c3fae8;*/
    color: #f3d9fa;
}

.testimonial-job {
    font-size: 1.2rem;
    /*color: #c3fae8; - teal 1*/
    color: #f3d9fa;
}