/* #signUpForm .card .box,
#form-container .card .box {
   min-width: 300px;
  min-height: 300px;
  padding: 20px;
  padding-top: 30px;
  border-radius: 15px;
  box-shadow: 0 11px 12px 0 rgba(218, 217, 215, 0.51);
  border: solid 4px  #4b4b4b;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  text-align: center; 
} */
/* start #Wt-61 */
@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500&family=Quicksand:wght@400;600;700&display=swap");
/* end #Wt-61 */
#signUpForm .form-header .stepIndicator.emtyindicator,
#form-container .form-header .stepIndicator.emtyindicator {
    flex-grow: 0;
    width: 0;
}
#signUpForm .card .box .box-title,
#form-container .card .box .box-title {
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    display: block;
    clear: both;
    margin: 25px 0 0;
}
/* forms */
#signUpForm .card,
#form-container .card {
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 2px 6px 2px rgba(170, 167, 167, 0.25);
    background-color: #fff;
    border: solid 1px #4e4d4d;
    margin-bottom: 150px;
}
#previewData .card {
    padding: 25px;
}
.sign-up-form-mb {
    margin-bottom: 150px;
}
/*  .card-body {
    padding: 50px 0px !important;
} */
/* #sing-up-padding .new-card-body {
    padding: 50px 0px !important;
} */
#signUpForm,
#form-container {
    margin-top: 40px;
    border-radius: 12px;
    /* margin-bottom: 120px; */
}
#signUpForm .form-header,
#form-container .form-header {
    gap: 0px;
    text-align: left;
    font-size: 0.9em;
    display: flex;
}
#signUpForm .form-header .stepIndicator,
#form-container .form-header .stepIndicator {
    position: relative;
    flex: 1;
    padding-bottom: 30px;
}
#signUpForm .form-header .stepIndicator,
#form-container .form-header .stepIndicator {
    font-size: 18px;
    font-stretch: normal;
    text-align: center;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a0a0a0;
}
#signUpForm .form-header .stepIndicator a {
    color: #fff;
}
#signUpForm .form-header .stepIndicator.active,
#form-container .form-header .stepIndicator.active {
    font-weight: bold;
    color: #af1c2a;
}
#signUpForm .form-header .stepIndicator.completed,
#form-container .form-header .stepIndicator.completed {
    /* font-weight: bold; */
    color: #af1c2a;
}
#signUpForm .form-header .stepIndicator.completed::after,
#form-container .form-header .stepIndicator.completed::after {
    background-color: #af1c2a;
}
#signUpForm .form-header .stepIndicator.finish,
#form-container .form-header .stepIndicator.finish {
    font-weight: 600;
    color: #af1c2a;
}
#signUpForm .form-header .stepIndicator::before,
#form-container .form-header .stepIndicator::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 9;
    width: 20px;
    height: 20px;
    background-color: #d5efed;
    border-radius: 50%;
    border: 3px solid #ecf5f4;
    display: none;
}
#signUpForm .form-header .stepIndicator.active::before,
#form-container .form-header .stepIndicator.active::before {
    background-color: #a7ede8;
    border: 3px solid #d5f9f6;
}
#signUpForm .form-header .stepIndicator.finish::before,
#form-container .form-header .stepIndicator.finish::before {
    background-color: #009688;
    border: 3px solid #b7e1dd;
}
#signUpForm .form-header .stepIndicator::after,
#form-container .form-header .stepIndicator::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 8px;
    width: 100%;
    height: 6px;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
}
#signUpForm .form-header .stepIndicator.active::after,
#form-container .form-header .stepIndicator.active::after {
    background-color: #af1c2a;
}
#signUpForm .form-header .stepIndicator.finish::after,
#form-container .form-header .stepIndicator.finish::after,
.btn-red {
    background-color: #af1c2a;
}
/* #signUpForm .form-header .stepIndicator:last-child:after {
  display: none;
} */
#signUpForm .form-check .form-check-input {
    padding: 10px 10px;
    border: 2px solid #af1c2a !important;
    font-size: 1em;
    border-radius: 0 !important;
    width: auto !important;
}
#signUpForm .form-check .form-check-label {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
#signUpForm input {
    padding: 15px 0px 10px 0px;
    font-size: 1em;
    border: none !important;
    border-bottom: solid 2px #c5c1be !important;
    border-radius: 0 !important;
    width: 70% !important;
    background-color: #191919;
    color: #fff;
}
/* #signUpForm .card-body {
    padding: 0px !important;
} */
/* #signUpForm input:-webkit-autofill {
    -webkit-text-fill-color: green !important;
    background: #292a2d !important;
} */

#signUpForm .modified-input:focus {
    box-shadow: none !important; /* Remove any box-shadow */
    outline: none !important; /* Remove the outline */
    padding: none !important;
    border-bottom: 2px solid #af1c2a !important;
}
#signUpForm input[type="text"] {
    margin: 0px !important;
}

#signUpForm input.invalid {
    border: 1px solid #ffaba5;
}
#signUpForm .step {
    display: none;
}
#signUpForm .form-footer {
    margin-top: 50px;
    overflow: auto;
    gap: 20px;
}
#signUpForm .form-footer button {
    border-radius: 15px;
    border: solid 2px #af1c2a;
    padding: 12px 38px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #f5efef;
    font-size: 16px;
    background-color: #af1c2a;
}

#signUpForm .form-footer .back-btn {
    background-color: #191919 !important;
    margin-right: 20px;
}
#signUpForm .form-footer .back-btn:hover {
    background-color: #ca1c2c !important;
    border: 2px solid #ca1c2c !important;
}

#signUpForm .form-footer button:hover {
    background-color: #ca1c2c !important;
    border: 2px solid #ca1c2c !important;
}

#footer button:hover {
    filter: none !important;
    color: #75141d;
}

#signUpForm .form-footer #prevBtn {
    background-color: #191919;
    color: #fff;
}

.step .card-title {
    margin: 0 0 30px 0;
    font-size: 22px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}

.step .card-sub-title {
    margin: 30px 0px;
    font-size: 20px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c1be;
}
.step .marital-box {
    margin-bottom: 20px;
    padding: 15px 0px 15px 20px;
    border-radius: 15px;
    border: solid 2px #a0a0a0;
    display: flex;
    align-items: center;
}
.step .marital-box img {
    max-width: 28px;
}
.step p {
    font-size: 18px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c1be;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-left: 20px;
}
.step .form-group label {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    /* color: #000000 */
    color: #c5c1be;
}
.step .form-group ::placeholder {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #a0a0a0;
}
.step .form-group .form-text {
    opacity: 0.8;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #7c7c7c;
}
.step .faq-box {
    padding: 20px;
    border-radius: 10px;
    border: solid 2px #ececec;
}
.step .faq-box .title {
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
.step .faq-box p {
    margin: 20px 0 0;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    /* color: #af1c2a; */
}
/* ----------------------------------------------- */
#signUpForm .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1 !important;
    z-index: auto !important;
}

#signUpForm .tooltip .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: #af1c2a;
    color: #fff;
    border-radius: 6px;
    padding: 20px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

#signUpForm .tooltip:hover .tooltiptext {
    visibility: visible;
}
#signUpForm .tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    left: 70%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #af1c2a transparent;
}

/* ------------------------------------------------- */
.custom-button-yn input[type="radio"] {
    display: none;
}

.custom-button-yn label {
    /* padding: 10px 20px;
background-color: orange;
border: thin solid darkorange;
border-radius: 10px;
margin:5px;
display: inline-block; */

    padding: 10px 20px;
    border-radius: 10px;
    border: solid 2px #a0a0a0;
    font-size: 20px;
    margin-right: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #4b4b4b;
}

.custom-button-yn input[type="radio"]:checked + label {
    border: solid 2px #af1c2a;
    cursor: default;
    color: #af1c2a;
}
#child .card-header,
#beneficiary-container .card-header,
#previewData .card-header,
#gifts-container .card-header,
#signingd-container .card-header {
    background: none;
    border: none;
}

#child .card-title,
#beneficiary-container .card-title {
    margin: 30px 0px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
#child .r-button,
#gifts-container .r-button,
#beneficiary-container .r-button {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}
#child span,
#gifts-container span,
#beneficiary-container span {
    margin-right: 5px;
}
.step .add-child {
    margin: 20px 0px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #af1c2a;
    cursor: pointer; /* Set the cursor to pointer to indicate interactive elements */
}
.step .add-child a,
.text-red {
    color: #af1c2a;
}
.step .add-child span {
    margin-right: 15px;
}
.custom-m-status input[type="radio"],
.custom-m-status-self input[type="radio"] {
    display: none;
}

.custom-m-status input[type="radio"]:checked + label {
    border: solid 2px #af1c2a;
    cursor: default;
    color: #4b4b4b;
}

/* .custom-m-status-self input[type="radio"]:checked + label {
  border: solid 4px #ff9500;
} */
.custom-m-status-self,
.property {
    display: flex;
    flex-wrap: wrap;
}

.custom-m-status-self label {
    /* min-width: 238px; */
    /* min-height: 300px; */
    padding: 56px;
    /* padding-top: 30px; */
    border-radius: 15px;
    /* box-shadow: 0 11px 12px 0 rgba(218, 217, 215, 0.51); */
    border: solid 4px #4b4b4b;
    background-color: #303030;
    text-align: center;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}

.custom-m-status-self img {
    height: auto;
    width: 38%;
}
.custom-m-status-self .someone-else-img {
    height: auto;
    width: 42% !important;
}
.custom-m-status-self label:hover {
    border-color: #7d1620;
    color: #7d1620 !important;
}

.custom-m-status-self .box-title {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    display: block;
    clear: both;
    margin: 10px 0 0 0;
}

.custom-m-status-self input[type="radio"]:checked + label {
    border-color: #af1c2a;
    color: #af1c2a !important;
}
.card-minsub {
    opacity: 0.8;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #4e4d4d;
}
.long-btn-card .custom-button-yn label {
    text-align: left !important;
    margin-bottom: 20px;
    width: 100%;
}
.share-input input {
    padding: 0px 0px !important;
    width: 10% !important;
    font-size: 1em !important;
    text-align: center;
    border: none !important;
    border-bottom: 1px solid #e3e3e3 !important;
}

.share-input {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}

/* ashish's page 16 css */
#addtostatevault {
    padding: 50px 75px 50px 75px;
    /* background-image: url("/images/group.png"); */
}
/* .testamenthead {
   background-color: #fffdfa; 
} */

#addtostatevault .notepad-img {
    padding: 20px;
}

#addtostatevault h3 {
    margin-top: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

#addtostatevault p {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #bcbcbc;
    margin: 20px 0 20px 0;
}

#addtostatevault button {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 10px 20px 10px 20px;
    background-color: #af1c2a;
    border-radius: 5px;
    border-color: #af1c2a;
}
#addtostatevault button:hover {
    background-color: #303030;
}

#fivecards {
    margin: 50px 0 0 0;
}

#fivecards .fivecards-row {
    justify-content: space-around;
}

#fivecards .card {
    text-align: center;
    display: block;
    border-radius: 20px;
    padding: 20px 10px;
    margin: 10px;
}
#fivecards .card:hover {
    background-color: #af1c2a !important;
}
#fivecards .card-body {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c1be;
}

#fivecards img {
    max-height: 80px;
}
#fivecards p {
    margin: 10px 0px;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c1be;
}
#fivecards p:hover {
    color: #fffafa;
}

#maincard .card {
    margin: 50px 0 0 0;
    padding: 40px 0px;
    border-radius: 15px;
    box-shadow: 0 2px 6px 2px rgba(170, 167, 167, 0.25);
    background-color: #fff;
}

#maincard .row-1 {
    justify-content: center;
    text-align: center;
}

#maincard .inder-singh {
    font-family: Helvetica;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #797878;
    text-decoration: none;
}
#maincard h4 {
    font-family: Helvetica;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}
#maincard h6 {
    font-family: Helvetica;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}

#maincard p,
#maincard a {
    font-family: Helvetica;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #e07a21;
    text-decoration: underline;
}

#maincard ul {
    line-height: 2;
}

#maincard ol li {
    font-family: Helvetica;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    line-height: 2;
    font-size: 13px;
    margin-left: -13px;
}
#maincard .instruction {
    font-family: Helvetica;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
}
#maincard .witness-row {
    justify-content: space-between;
    margin: 40px 0 0 0;
}

#maincard .bottom-line {
    border: solid 1px #979797;
    width: 103%;
    margin-top: 50px;
}
#maincard .lawdepot {
    font-family: Helvetica;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000;
    margin-top: 20px;
}
#maincard .top-ul {
    list-style: none;
}

#maincard .top-ul li::before {
    content: "\2022";
    color: #af1c2a;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 18px;
}

#child .card-header,
#asset-container .card-header,
#previewData .card-header {
    background: none;
    border: none;
}

#child .card-title,
#asset-container .card-title {
    margin: 30px 0px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
/* login page  */
#login-page {
    /* 
        Developer: Theshan Thanushka
        Date: 2024-03-28
        This line sets the background image for the login page to a dark-themed image with out $ mark.
    */
    background-image: url("/frontend/images/dark/login-background-black.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
    background-position: center center;
}
#login-page .custom-margin {
    margin-top: 0.35em !important;
    margin-right: 0.5rem !important;
}
#login-page .custom-form-check {
    padding-left: 0px !important;
}
#login-page .card-title {
    text-align: center;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3838;
    padding: 0 0 30px 0;
}
#login-page .card-title {
    text-align: center;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3838;
    padding: 0 0 30px 0;
}
#login-page .card {
    padding: 30px;
    border-radius: 25px;
    box-shadow: 0 12px 11px 0 rgba(233, 204, 176, 0.39);
    border: solid 1px #f3ddc6;
    background-color: #fff;
    margin: 0 0 100px 0;
}
#login-page .login-button {
    background-color: #af1c2a;
    text-align: center;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    border-radius: 5px;
    padding: 12px;
    margin: 20px 0 20px 0;
}

#login-page .login-img {
    text-align: center;
    padding: 40px;
    margin: 100px 0 0 0;
}

#login-page p {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #442c08;
}
#login-page .remember-forgot-button {
    display: flex;
    justify-content: space-between;
}
#login-page a {
    color: #af1c2a;
}

.form-check-list .tooltip .tooltiptext,
.card-sub-title .tooltip .tooltiptext {
    min-width: 350px !important;
}
.iccon {
    background-color: #4b4b4b;
    text-align: center;
    color: #fff;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.form-check p {
    margin-left: 10px;
    font-size: 18px;
    color: #c5c1be;
}

#child .r-button,
#asset-container .r-button {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}
#child span,
#asset-container span {
    margin-right: 5px;
}

.card .card-header,
#child .card-header,
#trustee-container .card-header,
#executor-container .card-header,
#gift-container .card-header,
#previewData .card-header {
    background: none;
    border: none;
    padding-left: 0px !important;
}

.card .card-title,
#child .card-title,
#trustee-container .card-title,
#executor-container .card-title,
#gift-container .card-title {
    /* margin: 30px 0px; */
    margin-bottom: 20px !important;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
.card .r-button,
#child .r-button,
#trustee-container .r-button,
#gift-container .r-button {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #af1c2a;
}
.card span,
#child span,
#trustee-container span,
#gift-container span {
    margin-right: 5px;
}

.form-check-input {
    width: 0% !important;
    padding: 0px !important;
}

#gift-container .checkbox,
#beneficiary-container .checkbox {
    padding: 0px 0px 0px 0px !important;
    width: 5% !important;
}

#form-container .form-header .stepIndicator {
    font-size: 16px !important;
}
/* .step .card-title {
    font-size: 22px !important;
} */
#pour-over-will-get-started::after,
#will-testament-get-started::after,
#revocable-l-t-get-started::after,
#living-will-get-started::after,
#end-of-life-get-started::after {
    border-left: 1px solid #a0a0a0;
}
#pour-over-will-preview::after,
#will-testament-preview::after,
#revocable-l-t-preview::after,
#living-will-preview::after,
#end-of-life-preview::after {
    border-right: 1px solid #a0a0a0;
}
#login-page .card {
    padding: 30px;
    border-radius: 25px;
    box-shadow: 0 12px 11px 0 rgba(233, 204, 176, 0.39);
    border: solid 1px #f3ddc6;
    background-color: #fff;
    margin: 0 0 100px 0;
}
#login-page .login-button {
    background-color: #af1c2a;
    text-align: center;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    border-radius: 43px;
    padding: 12px;
    margin: 0px 0 20px 0;
}
#login-page .login-img {
    text-align: center;
    padding: 40px;
    margin: 100px 0 0 0;
}
#login-page p {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #442c08;
}
#login-page .remember-forgot-button {
    display: flex;
    justify-content: space-between;
}
#login-page a {
    color: #af1c2a;
}
#login-page p {
    color: #fff;
}
.form-check-list .tooltip .tooltiptext,
.card-sub-title .tooltip .tooltiptext {
    min-width: 350px !important;
}

/* Revocable Living trust style */
#signUpForm .form-check .form-check-input {
    padding: 10px 10px !important;
}
.form-check-input:checked {
    background-color: #af1c2a !important;
}

#gift-container .form-check-input,
#gifts-container .form-check-input,
#beneficiary-container .form-check-input {
    /* width: 3% !important; */
    padding: 7px 7px !important;
    border: 2px solid #af1c2a !important;
    font-size: 1em;
    border-radius: 0 !important;
    width: auto !important;
    margin-right: 5px;
}

.alternate_gift_recipient,
.alternate_beneficiary_recipient {
    margin-top: 1rem !important;
}
.property img {
    width: 100px !important;
    height: auto !important;
}
.property .box-title {
    font-size: 16px !important;
}
.property label {
    width: 186px;
    height: 210px;
    margin: 0px 10px 20px 0;
    padding: 20px 0 0 0;
    border-radius: 15px;
    border: solid 4px #7d1620;
    background-color: #1f1f1f;
}
#assets-container textarea,
#gifts-container textarea {
    background-color: #191919 !important;
}
.remove {
    color: #af1c2a !important;
}
.r-button {
    color: #af1c2a !important;
}

/* ----------------- CSS for Home-Page -------------------------- */
#landing-image {
    background-image: url("../../../images/dark/landing_image_new.png");
    background-size: cover;
    background-position: center center;
    padding: 160px 0 150px 0;
}

#landing-image button {
    background-color: #af1c2a;
    border-radius: 39px;
    padding: 14px 35px;
    border: none !important;
    font-family: Manrope;
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffefef;
}

#landing-image button:hover {
    background-color: #ca1c2c;
}

#landing-image .landing-img {
    height: auto;
    width: 100%;
    position: relative;
}
/* start #WT-61 */
#landing-image h2 {
    font-size: 46px !important;
    font-family: Manrope;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#landing-image p {
    font-size: 20px;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
/* end #WT-61 */
#company-logos {
    background-color: #000;
    padding: 30px 0;
}

#company-logos img {
    height: auto;
    width: 100%;
}

#small-cards {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/8456421.png");
    padding: 100px 0px;
    background-position: center center;
    background-size: cover;
}

#small-cards h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

#small-cards p {
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    line-height: 1.7;
}

#small-cards .card {
    padding: 80px 50px;
    background-color: rgba(0, 0, 0, 0.82) !important;
    border-radius: 15px;
    border: solid 1px #3e3e3e;
    text-align: center;
}
#small-cards .card:hover {
    border: 1.5px solid #75141d !important;
}
#small-cards .form-check {
    padding-left: 0px !important;
}

#small-cards button {
    font-family: Manrope;
    background-color: #af1c2a;
    border-radius: 39px;
    padding: 14px 35px;
    border: none !important;
    color: #fff;
    font-size: 21px;
}
#small-cards button:hover {
    background-color: #ca1c2c;
}

#pricing {
    padding: 50px 0px;
    background-image: url("../../../images/dark/group-6@3x.png");
    background-size: cover;
}

#pricing .two-card {
    margin-bottom: 100px;
}

#pricing .two-card .card {
    padding: 25px 10px;
    border-radius: 6px;
    border: solid 1px #424242;
    background-color: #101010 !important;
    height: 100% !important;
}

#pricing .two-card .card-title {
    font-size: 22px !important;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#pricing .two-card .card-subtitle {
    font-size: 46px !important;
    font-family: Manrope;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #af1c2a;
}

#pricing .two-card .card-text {
    font-size: 20px !important;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 30px 0 0 0;
}

#pricing .three-card .card {
    border-radius: 15px;
    border: solid 2px #3e3e3e !important;
    background-color: rgba(0, 0, 0, 0.82) !important;
    padding: 30px 25px 20px 0;
    height: 100%;
}
/* start #WT-152 */
#pricing a {
    font-family: Manrope;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffefef;
}

#pricing a:hover {
    color: #af1c2a !important;
}
/* end #WT-152 */

#pricing button {
    font-family: Manrope;
    font-size: 21px;
    margin: 46px 0 20px 0;
    background-color: #af1c2a;
    border-radius: 39px;
    padding: 14px 35px;
    border: none !important;
    color: #fff;
}
#pricing button:hover {
    background-color: #ca1c2c !important;
}

#pricing h3 {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-size: 34px;
}

#pricing .three-card h4 {
    font-size: 25px;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

#pricing .three-card .card-text {
    font-family: Manrope;
    font-size: 1.1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #d9d9d9;
}

#trust-will-button {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/grunge-black-concrete-textured-background2x.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 100px 0px;
}
#trust-will-button img {
    height: auto;
    width: 100%;
    border-radius: 10px;
}
/* #trust-will-button .two-buttons {
  background-color: red;
  padding: 10px;
  border-radius: 50px;
} */

#trust-will-button h3 {
    font-size: 25px;
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 12px;
}

#trust-will-button .heading h3 {
    font-family: Manrope;
    font-size: 34px;
}
#trust-will-button .heading h6 {
    font-family: Manrope;
    font-size: 22px;
}
#trust-will-button .accordion-heading {
    padding-left: 16px;
    font-family: Manrope;
}
#trust-will-button .accordion-heading h3 {
    /* color: #a9a9a9 !important; */
    font-family: Manrope;
}
#trust-will-button p {
    text-align: justify;
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d9d9d9;
}
#trust-will-button p a {
    color: #980303;
}

#trust-will-button h4 {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #a9a9a9;
}

#trust-will-button h6 {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #a9a9a9;
}

#trust-will-button .switch6-light a {
    border: none;
    display: block;
    transition: all 0.3s ease-out 0s;
    border-radius: 50px;
    background-color: #af1c2a !important;
}
#trust-will-button .switch6-light > span span {
    font-size: 21px;
    position: absolute;
    top: 0px;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 100px;
    text-align: center;
}

#most-trusted-name {
    background-image: url("../../../images/dark/background42.png");
    background-size: cover;
    padding: 59px 0;
    background-position: center center;
}

#most-trusted-name h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

#most-trusted-name h6 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #d9d9d9;
}

#most-trusted-name .corousel-card {
    border-radius: 15px;
    /* background-color: #171a1a !important; */
    padding: 30px;
    margin: 88px 100px;
    background-image: url("../../../images/dark/group-9@2x.png");
    background-position: -90px;
    background-size: cover;
}

#most-trusted-name .red-flag {
    height: 40px;
    width: 70px;
}
/* start WT-23 */
#most-trusted-name .carousel-control-next,
#most-trusted-name .carousel-control-prev {
    width: auto !important;
}
/* end WT-23 */
#faq {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/grunge-black-concrete-textured-background5.png");
    padding: 0 0 200px 0;
    /* background-position: center center; */
    background-size: cover;
}

#faq h3 {
    font-family: 34px !important;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#faq h5 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #cbcbcb;
}

#faq h4 {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #cbcbcb;
}

/* #faq .chat-with-us-card {
  padding: 34px;
  border-radius: 15px;
  background-color: #454545;
  margin-top: 110px;
} */

#faq h3 {
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fff;
}

/* #faq h6 {
  font-family: ProximaNova;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.46;
  letter-spacing: normal;
  color: #fff;
} */

#footer {
    padding: 0px 0px 50px 0px;
    background-color: #171a1a;
}

#footer .chat-with-us-card {
    padding: 34px;
    border-radius: 15px;
    background-color: #454545 !important;
    margin-top: -91px;
    margin-bottom: 85px;
}

#footer h3 {
    font-family: Manrope;
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.33; */
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#footer input {
    width: 79%;
    background: #171a1a;
    border: none;
    border-bottom: 1px solid #979797 !important;
    color: #ffffff;
    padding: 0 0 20px 0;
    font-size: 18px;
    border-radius: 0 !important;
}
/* start #Wt-61 */
#footer input[type="text"] {
    /* color: #7d1620 !important; */
    font-weight: bold !important;
    font-family: Manrope;
    margin: 0px !important;
}
/* end #Wt-61 */
#footer .custom-input:focus {
    /* border-color: #7d1620 !important; Set the border color to the default value */
    box-shadow: none !important; /* Remove any box-shadow */
    outline: none !important; /* Remove the outline */
    padding: none !important;
}
#footer button {
    background: #171a1a;
    border: none;
    border-bottom: 1px solid #979797;
    color: #ffffff;
    padding: 0 0 20px 0;
    font-size: 18px;
    margin-left: -3px;
}

#footer ul {
    list-style: none !important;
    padding: 0px !important;
}
#footer ul li {
    font-family: Manrope;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #f4f4f4;
    opacity: 0.8;
    font-weight: 500;
}

#footer h5 {
    font-family: Manrope;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}
#footer h2 {
    font-family: Manrope;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    font-size: 34px;
    font-weight: normal;
}
/* start #Wt-61 */
#footer h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #cbcbcb;
}
/* end #Wt-61 */

#footer h4 {
    font-family: Manrope;
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #fff;
}
#footer img {
    width: 100%;
    height: auto;
}

#footer .icon {
    margin: 0 8px;
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #af1c2a;
}

#trust-will-button .two-buttons {
    border: 3px solid #af1c2a;
    justify-content: space-around;
    border-radius: 50px;
}
#trust-will-button .trust {
    border-radius: 50px;
    padding: 20px;
    border: none;
}
#trust-will-button .will {
    border-radius: 50px;
    padding: 20px;
    border: none;
}
/* #trust-will-button .trust:hover {
  background-color: #980303 !important;
}
#trust-will-button .will:hover {
  background-color: #980303 !important;
} */

#following-documents .accordion-button,
.accordion-item {
    background: none !important;
    background-color: none !important;
    color: #fff;
    border: none !important;
}
#following-documents .accordion-button {
    font-size: 25px !important;
    /* color: #a9a9a9 !important; */
    font-family: Manrope;
    line-height: 1.6;
}
#following-documents .accordion-body {
    font-size: 18px;
    background: none !important;
    background-color: none !important;
    color: #a9a9a9 !important;
    font-family: "Manrope";
}
#following-documents .accordion-body .card {
    background-color: none !important;
    border: none !important;
}

#faqSec .accordion-button,
.accordion-item {
    background: none !important;
    background-color: none !important;
    color: #fff;
    border: none !important;
}
#faqSec .accordion-button {
    font-size: 25px !important;
    padding: 15px 0px !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#faqSec .accordion-button::after {
    margin-top: -20px;
}
#trustView .accordion-button::after {
    margin-top: -23px;
}
#faqSec .accordion-body {
    padding: 15px 0px !important;
    background: none !important;
    background-color: none !important;
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #d9d9d9;
}
#faqSec .accordion-body .card {
    background-color: none !important;
    border: none !important;
}

#small-cards .card {
    display: flex;
    flex-direction: column;
    height: 90%;
    width: 100%;
}

#small-cards .card-body {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
}
#homepage-sec {
    margin-top: -120px;
}
#mainNav {
    background-image: linear-gradient(
        to top,
        rgba(245, 246, 252, 0),
        rgba(16, 15, 15, 1)
    );
    border-bottom: none !important;
}

.switch6 {
    max-width: 17em;
    border-radius: 50px;
    margin: 0 auto;
}
.switch-toggle a,
.switch6-light span span {
    display: none;
    border-radius: 50px;
}
.switch6-light {
    display: block;
    min-height: 60px;
    height: 100%;
    position: relative;
    overflow: visible;
    padding: 0px;
    margin-left: 0px;
}
.switch6-light * {
    box-sizing: border-box;
}
.switch6-light a {
    border: none;
    display: block;
    transition: all 0.3s ease-out 0s;
    border-radius: 50px;
    background-color: #980303;
}
.switch6-light label,
.switch6-light > span {
    line-height: 100%;
    vertical-align: middle;
    border: none;
}
.switch6-light label {
    font-weight: 700;
    max-width: 100%;
}
.switch6-light input:focus ~ a,
.switch6-light input:focus + label {
    outline: 1px dotted rgb(136, 136, 136);
}
.switch6-light input {
    position: absolute;
    opacity: 0;
    z-index: 5;
}
.switch6-light input:checked ~ a {
    right: 0%;
}
.switch6-light > span {
    position: absolute;
    left: -100px;
    width: 100%;
    margin: 0px;
    padding-right: 100px;
    text-align: left;
}
.switch6-light > span span {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 100px;
    text-align: center;
}
.switch6-light > span span:last-child {
    left: 50%;
}
.switch6-light a {
    position: absolute;
    right: 50%;
    top: 0px;
    z-index: 4;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0px;
}

/* ---------- css for will-estate page ----------- */
/* #will-estate {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(16, 15, 15, 0.6)
        ),
        url("../../../images/dark/background7.png");
    background-size: cover;
}

#will-estate img {
    width: 100%;
    height: auto;
}

#will-estate h4 {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    color: #fff;
}

#will-estate h2 {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

#will-estate p {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #fff;
    font-size: 24px;
}

#will-estate .free-will-estate-text {
    padding: 100px 0 0 0;
}

#service-card {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(16, 15, 15, 0.5)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(16, 15, 15, 1)),
        url("../../../images/dark/background8.png");
    background-size: cover;
    padding: 150px 0;
}

#service-card .card {
    border-radius: 20px;
    border: solid 2px #3e3e3e;
    background-color: rgba(0, 0, 0, 0.82);
    padding: 25px 10px;
    height: 100%;
    width: 100%;
}

#service-card h5 {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    font-size: 28px;
}

#service-card p {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #e5e5e5;
    font-size: 24px;
}

#service-card a {
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f56300;
    font-size: 18px;
}

#service-card a:hover {
    color: #980303;
} */

/* --------------- css for welcome page ---------------- */
#welcome-back {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 1)
        ),
        url("../../../images/dark/grunge-black-concrete-textured-background-copy1.png");
    background-size: cover;
    padding: 100px 0 !important;
    background-position: center center;
}
#welcome-back h1 {
    font-size: 46px;
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.88;
    letter-spacing: normal;
    text-align: center;
    color: #af1c2a;
}

#welcome-back p {
    font-size: 18px;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.77;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#welcome-back h4 {
    font-family: Manrope;
    margin-top: 88px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-size: 39px;
}

#welcome-back h6 {
    font-size: 19px;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}

#welcome-back .colored-text {
    color: #af1c2a;
}

#will-health-card {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(16, 15, 15, 0.5)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(16, 15, 15, 1)),
        url("../../../images/dark/background11.png");
    background-size: cover;
    padding: 87px 0;
}

#will-health-card .card {
    border-radius: 24px;
    border: solid 1px #3e3e3e;
    background-color: #000 !important;
    padding: 70px 48px;
}
#will-health-card .cards {
    margin-top: -207px;
}
#will-health-card h5 {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#will-health-card p {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #e5e5e5;
}

#your-recent-activity {
    margin-top: -10px;
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 1)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
        url("../../../images/dark/background9.png");
    background-size: cover;
    padding: 50px 0px 150px 0px;
}
#your-recent-activity .card {
    height: 100%;
    border-radius: 15px;
    border: solid 1px #3e3e3e;
    background-color: #000 !important;
    padding: 25px 10px;
}
#your-recent-activity h2 {
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    font-size: 34px;
}
#your-recent-activity h5 {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}

#your-recent-activity h6 {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #e5e5e5;
}

#your-recent-activity a, .download_btn {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #af1c2a !important;
    font-size: 19px!important;
    text-align: left;
}
#your-recent-activity a:hover {
    color: #ca1c2c !important;
}
#pick-up-your-answers {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 1)
        ),
        url("../../../images/dark/background13.png");
    background-size: cover;
    padding: 100px 0px 150px 0px;
}

#pick-up-your-answers h1 {
    font-size: 34px;
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

#pick-up-your-answers img {
    width: 70%;
    height: auto;
}
#pick-up-your-answers .card {
    border-radius: 20px;
    border: solid 1px #535353;
    background-color: #1c1c1c;
}

#pick-up-your-answers h4 {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}

#pick-up-your-answers p {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}

#pick-up-your-answers a {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #7d1620;
    font-size: 20px;
}
.most-trusted-name-dis {
    font-size: 18px !important;
}
.trusted-holder .name {
    font-size: 18px !important;
}
#login-fm .form-check-input {
    width: 20px !important;
    height: 20px !important;
    background-color: #535353;
    border: 1px solid #535353;
}
#login-fm .form-check-input input {
    background-color: #535353 !important;
}
/* .custom-button-yn{
  display: flex;
} */
#child input {
    width: 100% !important;
}

#pricing-page img {
    width: 100%;
    height: auto;
}
#pricing-page h1 {
    font-size: 48px;
}
#pricing-page p {
    font-size: 23px;
    opacity: 0.91;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#your-peace-in-mind {
    padding: 100px 0px 325px 0px;
    /* background-color: #060606; */
    background-image: linear-gradient(#000, #060606);
}
#your-peace-in-mind h3 {
    margin-bottom: 72px;
    font-family: Manrope;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-size: 32px;
    opacity: 0.91;
}
#your-peace-in-mind .card {
    border-radius: 10px;
    background-color: #252525 !important;
    height: 100%;
    padding: 0 0 20px 0;
}
#your-peace-in-mind h5 {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #fff;
}
#your-peace-in-mind p {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}

/* #will-trust-additional {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(16, 15, 15, 1)
        ),
        url("../../../images/dark/pricing-page-background.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
} */

/* #end trust page style  */

 

/* Payment Status page == START */
#success-page {
    background-color: #100f0f;
    padding: 50px 0;
}
.success-page-container{
    margin-bottom: 80px;
}
#success-page .payment-successful-title {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-size: 25px;
}
#success-page p {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#success-page button {
    border-radius: 10px;
    border: solid 2px #c5c1be;
    background-color: #060606;
    color: #c5c1be;
    padding: 10px 21px;
}
#success-page button:hover, #failed-page button:hover{
    color: #c5c1be!important;
    background-color: #ca1c2c!important;
    border: solid 2px #ca1c2c!important;
}
#success-page img {
    margin: 15px 0 15px 0;
}
#success-page .col-gap {
    column-gap: 36px;
}

/* failed page */
#failed-page {
    background-color: #100f0f;
    padding: 50px 0px;
}
#failed-page h3 {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#failed-page p {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#failed-page button {
    border-radius: 10px;
    border: solid 2px #fff;
    background-color: #060606;
    color: #fff;
    padding: 10px 21px;
    margin-top: 25px;
}
#failed-page img {
    margin: 15px 0 15px 0;
}
#failed-page h5 {
    font-size: 16px;
    font-family: Manrope;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#failed-page .col-gap {
    column-gap: 36px;
}
/* Payment Status page == END */

/* Deed Transfer Page = START */
#deed-transfer {
    background-image: url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 50px;
    background-position: center center;
}
#deed-transfer h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#deed-transfer p {
    text-align: justify;
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #fff;
}

#types-of-deed-transfer {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/type-deed-transfer-background.webp");
    background-size: cover;
    padding: 100px 0px;
}
#types-of-deed-transfer h1 {
    line-height: 1.45;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#types-of-deed-transfer h6 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
    line-height: 1.8;
}
#types-of-deed-transfer .card {
    /* padding: 0px 0px 20px 0; */
    border-radius: 4px;
    background-color: #383737 !important;
    height: 100%;
}
#types-of-deed-transfer .card-body {
    padding: 20px 10px;
}
#types-of-deed-transfer .card-title {
    margin: 0px 0px 19px 0px !important;
}
#types-of-deed-transfer .card-title-legal {
    margin: 0px 0px 52px 0px !important;
}
#types-of-deed-transfer .card-title-pitfalls {
    margin: 0px 0px 50px 0px !important;
}
#types-of-deed-transfer p {
    opacity: 0.8;
    font-family: Manrope;
    /* font-size: 18px; */
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    color: #fff;
}
#types-of-deed-transfer h5 {
    font-size: 23px;
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#deedtransfer-faq {
    padding: 50px 0 137px 0;
    background-image: url("../../../images/dark/background5.png");
}

#deedtransfer-faq h1 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#deedtransfer-faq h4 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #cbcbcb;
}
#deedtransfer-faq h3 {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fff;
}
#deedtransfer-faqSec .accordion-button,
.accordion-item {
    background: none !important;
    background-color: none !important;
    color: #fff;
    border: none !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

#deedtransfer-faqSec .accordion-button {
    font-size: 25px !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 15px 0px;
}
#deedtransfer-faqSec .accordion-body {
    background: none !important;
    background-color: none !important;
    font-size: 18px !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #d9d9d9;
    line-height: 1.7;
    padding: 15px 0px;
}
#deedtransfer-faqSec .accordion-body .card {
    background-color: none !important;
    border: none !important;
}
/* Deed Transfer Page = end*/

/* start = Trust details page */
#essential-guide {
    background-image: url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 50px;
    background-position: center center;
}
#essential-guide h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#essential-guide p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 2; */
    letter-spacing: normal;
    color: #fff;
}
#understanding-trusts {
    background-image: url("../../../images/dark/two-business-people-meeting-street-copy@3x.png");
    padding: 273px 0px 131px 0px;
    background-size: cover;
    /* background-position: center center; */
}
#understanding-trusts h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 20px;
}
#understanding-trusts p {
    text-align: justify;
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    /* line-height: 2; */
}
#understanding-trusts .custom-text {
    color: #f03232;
}
#trust-type {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/trust-type-background.webp");
    background-size: cover;
    padding: 90px 50px;
    background-position: center center;
}
#trust-type h3 {
    font-size: 34px;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#trust-type h6 {
    line-height: 1.5;
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
}
#trust-type .card {
    padding: 0px 0px 20px 0;
    border-radius: 4px;
    background-color: #383737 !important;
    height: 100%;
}
#trust-type .card-title {
    margin: 0px 0px 19px 0px !important;
}
#trust-type p {
    font-size: 18px;
    opacity: 0.8;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    color: #fff;
}
#trust-type h5 {
    font-size: 24px;
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#benefits-of-trust {
    background-color: #000 !important;
}
#benefits-of-trust h3 {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #fff;
}
#benefits-of-trust .far {
    margin-right: 15px;
}
#benefits-of-trust h4 {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    color: #fff;
}
#benefits-of-trust img {
    height: auto;
    width: 100%;
}
#benefits-of-trust h1 {
    font-size: 34px;
    margin: 10px 0 51px 0px;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#benefits-of-trust .col-12 {
    margin-bottom: 10px;
}
#creating-trust {
    background-color: #000 !important;
    padding: 50px 0px;
}
#creating-trust h2 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#creating-trust h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: normal;
    color: #fff;
}
#creating-trust .margin-bottom {
    margin-bottom: 70px;
}
#creating-trust .f-row-gap {
    row-gap: 70px;
}
#creating-trust .card {
    border-radius: 10px;
    border: solid 1px #979797;
    background-color: #232323 !important;
    padding: 24px;
    text-align: center;
    height: 100%;
}
#creating-trust .for-image {
    position: absolute;
    z-index: 1;
    margin: -39px 0 0 92px;
    background-color: #000000;
    padding: 12px;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    justify-content: center;
    padding-top: 23px;
    border: solid 2px #979797;
}
#creating-trust img {
    height: 70%;
    width: 70%;
}
#creating-trust h5 {
    margin-top: 10px;
    font-family: Manrope;
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#creating-trust p {
    opacity: 0.8;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#fund-review {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 2)),
        url("../../../images/dark/fund-review-img.webp");
    background-size: cover;
    padding: 208px 0px;
    background-position: center center;
}
#fund-review .card {
    border-radius: 5px;
    border: solid 1px #979797;
    background-color: #232323;
    padding: 40px 30px;
}
#fund-review .card-title {
    margin: 0px 0px 15px 0px !important;
    font-family: Manrope;
    font-size: 25px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
}
#fund-review .card-text {
    font-family: Manrope;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #cbcbcb;
}
#conclusion {
    padding: 52px 0px 150px 0px;
    background-color: #000;
}
#conclusion img {
    height: auto;
    width: 100%;
}
#conclusion h4 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: normal;
    color: #fff;
}
#conclusion p {
    font-size: 18px;
    opacity: 0.8;
    font-family: Manrope;
    text-align: justify;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #fff;
}
#conclusion .custom-text {
    color: #f03232;
}
/* end = Trust details page*/

/* start = Our firm page*/
#welcome-to-will-trust {
    background-image: url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 50px;
    background-position: center center;
}
#welcome-to-will-trust h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
    /* margin-top: 85px; */
}
#welcome-to-will-trust .custom-text {
    color: #af1c2a;
}
#welcome-to-will-trust p {
    font-family: Manrope;
    line-height: 1.8;
    font-size: 20px;
}

#welcome-to-will-trust img {
    height: auto;
    width: 100%;
}
#why-choose-us {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/why-choose-us-background.webp");
    background-size: cover;
    padding: 90px 0;
}
#why-choose-us h1 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 60px;
}
#why-choose-us h4 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 15px;
}
#why-choose-us p {
    font-family: Manrope;
    font-size: 18px;
    /* font-weight: 500; */
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #f4f4f4;
}
#why-choose-us img {
    height: auto;
    width: 50%;
}
#why-choose-us .row {
    margin-bottom: 70px;
}
#schedule-consultation .card {
    padding: 40px 47px !important;
    margin-top: -72px;
    border-radius: 7px;
    background-color: #454545 !important;
}
#schedule-consultation .card-body {
    padding: 0px 0px !important;
}
#schedule-consultation button {
    border-radius: 45px;
    border: solid 2px #fff;
    padding: 14px 35px;
    background-color: #454545 !important;
    color: #ffefef;
    font-family: Manrope;
    font-size: 21px;
}
/* added the Schedule now button hovering */
#schedule-consultation button:hover {
    background: #af1c2a!important;
}
#schedule-consultation h3 {
    font-size: 34px;
    font-family: Manrope;
    font-weight: 500;
}

#importance-estate-planning {
    background-color: #000 !important;
    padding: 70px 0px;
}

#importance-estate-planning .far {
    margin-right: 15px;
}
#importance-estate-planning h4 {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    color: #fff;
}
#importance-estate-planning img {
    height: auto;
    width: 100%;
}
#importance-estate-planning .col-12 {
    margin-bottom: 10px;
}
#schedule-consultation p {
    margin-bottom: 0px !important;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 18px;
    letter-spacing: 1px;
    color: #cbcbcb;
}
#our-services-include {
    background-color: #171a1a;
    padding: 193px 0 90px 0;
    margin-top: -85px;
}
#our-services-include h2 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
#our-services-include h6 {
    font-family: Manrope;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #cbcbcb;
}
#our-services-include h5 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
#our-services-include p {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #d9d9d9;
}
#our-services-include h4 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#our-services-include .far {
    margin-right: 20px;
}
#our-services-include .for-border {
    border-bottom: 1px solid #848282;
    border-top: 1px solid #848282;
    padding: 33px 0px !important;
}
#our-services-include .for-bottom-border {
    border-bottom: 1px solid #848282;
    padding: 0 0 30px 0 !important;
}
#our-services-include .row {
    margin-bottom: 30px;
    padding: 10px 0px 10px 0px;
}
#our-services-include .custom-text {
    color: #af1c2a;
}
#our-services-include img {
    height: auto;
    width: 20%;
}
#our-services-include h5 {
    padding: 0 0 0 30px;
}
#meet-our-team {
    padding: 90px 0px 150px 0px;
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/MEET-OUR-TEAM-background.webp");
    background-size: cover;
    background-position: center center;
}
#meet-our-team .row {
    row-gap: 20px;
}
#meet-our-team h1 {
    margin-bottom: 40px;
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#meet-our-team img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}
#meet-our-team h6 {
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#meet-our-team p {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #cdcdcd;
}
/* end = Our firm page */

/* start= Health care page */
#medical-decisions {
    background-image: url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 50px;
    background-position: center center;
}
#medical-decisions h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#medical-decisions p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    line-height: 1.8;
}
#medical-decisions .custom-text {
    color: #a30303;
}

#health-care-directive {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/healthcare-card-background.webp");
    background-size: cover;
    padding: 90px 50px;
    background-position: center center;
}
#health-care-directive h1 {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#health-care-directive h6 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
}
#health-care-directive .card {
    padding: 0px 0px 20px 0;
    border-radius: 4px;
    background-color: #383737 !important;
    height: 100%;
}
#health-care-directive .card-title {
    margin: 0px 0px 19px 0px !important;
}
#health-care-directive p {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    color: #fff;
}
#health-care-directive h5 {
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    font-size: 24px;
}

#our-healthcare-directive-services {
    background-image: url("../../../images/dark/our-healthcare-directive-services-background.webp");
    background-size: cover;
    padding: 122px 50px;
    background-position: center center;
}
#our-healthcare-directive-services h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 25px;
}

#our-healthcare-directive-services .card {
    border-radius: 5px;
    border: solid 1px #979797;
    background-color: #232323;
    padding: 40px 30px;
    height: 100%;
}
#our-healthcare-directive-services .card-title {
    margin: 0px 0px 15px 0px !important;
    font-family: Manrope;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
    font-size: 24px;
}
#our-healthcare-directive-services p {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}
#heathcare-bottom-paragraph {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/heathcare-bottom-para.webp");
    background-size: cover;
    padding: 126px 50px;
    background-position: center center;
}
#heathcare-bottom-paragraph p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #fff;
}

/* end= Health care page */

/* start = FAQs page */
#all-faqs {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 0px;
    background-position: center center;
}
#all-faqs h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#all-faqs p {
    text-align: justify;
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #fff;
}
#all-faqs-faq {
    padding: 50px 0 137px 0;
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 1)
        ),
        url("../../../images/dark/background5.png");
}

#all-faqs-faq h1 {
    font-family: Manrope;
    font-size: 45px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#all-faqs-faq h4 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #cbcbcb;
}
#all-faqs-faq h3 {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fff;
}
#all-faqs-faqSec .accordion-button,
.accordion-item {
    background: none !important;
    background-color: none !important;
    color: #fff;
    border: none !important;
}
#all-faqs-faqSec .accordion-button {
    font-size: 25px !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 15px 0px !important;
}
#all-faqs-faqSec .accordion-body {
    padding: 15px 0px !important;
    background: none !important;
    background-color: none !important;
    font-size: 18px !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #d9d9d9;
}
#all-faqs-faqSec .accordion-body .card {
    background-color: none !important;
    border: none !important;
}
/* end = FAQs page */

/* start = pricing page */
#pricing-page {
    background-image: url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 0px;
    background-position: center center;
}
#pricing-page img {
    width: 100%;
    height: auto;
}
#pricing-page h1 {
    font-size: 48px;
}
#pricing-page p {
    font-size: 23px;
    opacity: 0.91;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
/* #your-peace-in-mind {
    padding: 100px 50px 325px 50px;
} */
#your-peace-in-mind h3 {
    margin-bottom: 72px;
    font-family: Manrope;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-size: 32px;
    opacity: 0.91;
}
#your-peace-in-mind .card {
    border-radius: 10px;
    background-color: #252525 !important;
    height: 100%;
    padding: 0 0 20px 0;
}
#your-peace-in-mind h5 {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #fff;
}
#your-peace-in-mind p {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}
#will-trust-additional {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(16, 15, 15, 1)
        ),
        url("../../../images/dark/vintage-smooth-wall-textured-background@2x.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px 180px 0px;
    background-position: center center;
}
#will-trust-additional h1 {
    margin-top: -334px;
    opacity: 0.91;
    font-family: Manrope;
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 0.2; */
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#will-trust-additional p {
    margin: 20px 0 44px 0;
    opacity: 0.8;
    font-family: Manrope;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.61; */
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#will-trust-additional .card {
    padding: 20px 10px 0px 10px;
    border-radius: 20px;
    border: solid 1px #5b5b5b !important;
    background-color: #131313 !important;
    height: 100%;
}
#will-trust-additional li {
    opacity: 0.91;
    font-family: Manrope;
    font-size: 1.1em;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    color: #fff;
}
#will-trust-additional h3 {
    opacity: 0.91;
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #e81717;
    font-size: 22px;
}

#will-trust-additional h5 {
    opacity: 0.91;
    font-family: Manrope;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin: 20px 0 20px 0;
    font-size: 18px;
}
#will-trust-additional ul {
    list-style: none;
    padding-left: 1rem !important;
}

#will-trust-additional ul li::before {
    content: "\2022";
    color: #ce1010;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 25px;
}
#will-trust-additional h4 {
    font-family: Manrope;
    font-size: 27px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 66px;
}

/* end = pricing page */

/* start = Will Page */
#crafting-your-will {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 0px;
    background-position: center center;
}
#crafting-your-will img {
    width: 76%;
    height: auto;
}
#crafting-your-will h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#crafting-your-will p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #fff;
}
#crafting-your-will .custom-text {
    color: #e20808;
}
#why-create-will {
    padding: 50px 0px;
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 1)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/Why-Create-Will.webp");
    background-size: cover;
}
#why-create-will .row {
    row-gap: 20px;
}
#why-create-will h1 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#why-create-will h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #fff;
}
#why-create-will .card {
    padding: 20px 15px !important;
    border-radius: 10px;
    border: solid 1px #6f6f6f !important;
    background-color: #131212 !important;
    height: 100%;
}
#why-create-will .card-text {
    font-family: Manrope;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#why-create-will .far {
    margin-right: 11px;
}
#will-making-process {
    padding: 100px 0px;
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/The-Will-Making-Process-background.webp");
    background-size: cover;
    background-position: center center;
}
#will-making-process h1 {
    font-size: 34px;
    font-family: Manrope;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#will-making-process h6 {
    font-size: 20px;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #fff;
}
#will-making-process h5 {
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 25px 0 54px 0;
}
#will-making-process p {
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#will-making-process .custom-text {
    color: #dc0404;
}
#will-making-process img {
    width: 100%;
    height: auto;
}
#will-making-process .progress-line {
    margin: 79px 2px 0px 4px;
    display: inline-block;
    position: absolute;
    height: 5px;
    width: 5%;
    border-bottom: 4px dashed #fff;
}
#will-making-process .review-revision {
    margin: 25px 0 29px 0;
}
#types-of-wills {
    padding: 50px 0px 80px 0px;
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 1)
        ),
        url("../../../images/dark/Types-of-Wills-background.webp");
    background-size: cover;
}
#types-of-wills h1 {
    font-size: 34px;
    font-family: Manrope;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#types-of-wills h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}
#types-of-wills .card {
    border-radius: 5px;
    border: solid 1px #616161;
    background-color: #1f1f1f !important;
    height: 100%;
}
#types-of-wills h5 {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
#types-of-wills p {
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #fff;
}
#types-of-wills .simple-will-text {
    margin-bottom: 46px;
}
#types-of-wills .holographic-will-text {
    margin-bottom: 16px;
}
#types-of-wills a {
    font-family: Manrope;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #e62323;
}
#types-of-wills a:hover {
    color: #af1c2a;
}
#types-of-wills .row {
    row-gap: 25px;
}
#periodic-review {
    padding: 80px 0px 200px 0px;
    background-image: url("../../../images/dark/Periodic-review-background.webp");
    background-size: cover;
}
#periodic-review h1 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 34px;
}
#periodic-review p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #f4f4f4;
}
/* end = Will Page */
/* #start = Trust page */
#trust-page {
    background-image: url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 50px;
    background-position: center center;
}
#trust-page img {
    width: 76%;
    height: auto;
}

#trust-page h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#trust-page p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    color: #fff;
}

#why-establish {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/Why-Establish-a-Trust.webp");
    background-size: cover;
    padding: 80px 0px;
    background-position: center center;
}
#why-establish .custom-card {
    padding: 38px 52px;
    border-radius: 18px;
    background-color: #1d1d1d !important;
}
#why-establish h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 50px;
}
#why-establish h5 {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #fff;
}
#why-establish h6 {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 24px;
}

#why-establish .card {
    text-align: center;
    border-radius: 20px;
    border: solid 1px #6f6f6f !important;
    background-color: #131212 !important;
    padding: 25px 10px;
    height: 100%;
    width: 100%;
}
#why-establish .card-title {
    margin: 7px 0px 23px 0px;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#why-establish .card-text {
    font-size: 18px;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#why-establish .row--gap {
    row-gap: 25px;
}

#our-trust-services {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/Our-Trust-Services.webp");
    background-size: cover;
    padding: 100px 0px;
    background-position: center center;
}
#our-trust-services h1 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#our-trust-services h6 {
    line-height: 1.5;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#our-trust-services .row {
    row-gap: 22px !important;
}
#our-trust-services .card {
    border-radius: 10px;
    border: solid 1px #616161;
    background-color: #1f1f1f !important;
    height: 100%;
    padding: 23px 10px;
}
#our-trust-services .card-title {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin: 0px 0px 21px 0px !important;
}
#our-trust-services .card-text {
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #fff;
}
#the-trust-creation-process {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/The-Trust-Creation-Process.webp");
    background-size: cover;
    padding: 80px 0px;
    background-position: center center;
}
#the-trust-creation-process h1 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 40px;
}
#the-trust-creation-process img {
    width: 100%;
    height: auto;
}
#the-trust-creation-process .progress-line {
    /* position: absolute;
    font-size: 52px;
    margin: 41px 0 0 19px; */
    margin: 81px 2px 0px 2px;
    display: inline-block;
    position: absolute;
    height: 5px;
    width: 9%;
    border-bottom: 4px dashed #fff;
}

#the-trust-creation-process h5 {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}
#the-trust-creation-process .drafting {
    margin-top: 7px;
}
#the-trust-creation-process .funding {
    margin-top: 5px;
}
#the-trust-creation-process p {
    font-family: Manrope;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 66px;
}
#the-trust-creation-process .ongoing-managment-text {
    margin-top: 25px !important;
}
#trust-form {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/trust-form.webp");
    background-size: cover;
    padding: 100px 0px;
    background-position: center center;
}
#trust-form .row {
    row-gap: 40px;
}
#trust-form h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 25px;
}
#trust-form input {
    width: 100%;
    background: #00000000;
    border: none;
    border-bottom: 1px solid #fff !important;
    color: #ffffff;
    padding: 0 0 20px 0;
    font-size: 18px;
    border-radius: 0 !important;
}
#trust-form input[type="text"] {
    color: #fff;
}
#trust-form ::placeholder {
    color: #fff !important;
    font-size: 15px !important;
}
#trust-form .custom-input:focus {
    border-color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    color: #fff !important;
}
#trust-form button {
    background-color: #00000000;
    color: #fff;
    border: 1px solid #fff !important;
    border-radius: 50px;
    padding: 10px 64px;
    margin-top: 30px;
}
#trust-page-faqSec .accordion-button,
.accordion-item {
    background: none !important;
    background-color: none !important;
    color: #fff;
    border: none !important;
}
#trust-page-faqSec .accordion-button {
    font-size: 25px !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 15px 0px;
}
#trust-page-faqSec .accordion-body {
    padding: 15px 0px;
    background: 0 0 !important;
    background-color: none !important;
    font-size: 18px !important;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #d9d9d9;
}
#trust-page-faqSec .accordion-body .card {
    background-color: none !important;
    border: none !important;
}
#trust-page-faq {
    padding: 50px 0 137px 0;
    background-image: url("../../../images/dark/background5.png");
}

#trust-page-faq h1 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#trust-page-faq p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #cbcbcb;
}

#trust-page-faq h4 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #cbcbcb;
}
#trust-page-faq h3 {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fff;
}
/* #end = Trust page */

/* start =  will details page */
#estate-comprehensive-guide {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 50px;
    background-position: center center;
}
#estate-comprehensive-guide h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#estate-comprehensive-guide p {
    text-align: justify;
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #fff;
}
#understanding-estate {
    background-image: url("../../../images/dark/two-business-people-meeting-street-copy.png");
    padding: 178px 0px 270px 0px;
    background-size: cover;
    /* background-position: center center; */
}
#understanding-estate h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 36px;
}
#understanding-estate p {
    /* text-align: justify; */
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    line-height: 1.5;
}
#understanding-estate .custom-text {
    color: #f03232;
}
#component-estate-planning {
    background-image: linear-gradient(
            to top,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 0.8)),
        url("../../../images/dark/trust-type-background.png");
    background-size: cover;
    padding: 90px 50px;
}
#component-estate-planning h3 {
    font-size: 34px;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#component-estate-planning h6 {
    font-family: Manrope;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
}
#component-estate-planning .card {
    padding: 0px 0px 20px 0;
    border-radius: 4px;
    background-color: #383737 !important;
    height: 100%;
}
#component-estate-planning .card-title {
    margin: 0px 0px 19px 0px !important;
}
#component-estate-planning p {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #fff;
}
#component-estate-planning h5 {
    font-size: 24px;
    font-family: Manrope;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#importance-estate-planning {
    background-color: #000 !important;
    padding: 70px 0px;
}
#importance-estate-planning h5 {
    font-family: Manrope;
    font-size: 24px !important;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #fff;
}
#importance-estate-planning .far {
    margin-right: 15px;
}
#importance-estate-planning p {
    opacity: 0.8;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #fff;
}
#importance-estate-planning img {
    height: auto;
    width: 100%;
}
#importance-estate-planning h3 {
    font-size: 34px;
    margin: 10px 0px 0px 0px;
    font-family: Manrope;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#importance-estate-planning h6 {
    font-family: Manrope;
    margin: 6px 0px 50px 0px;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#importance-estate-planning .col-12 {
    margin-bottom: 10px;
}
#estate-life-stages {
    background-color: #000 !important;
    padding: 50px 0px;
}
#estate-life-stages .margin-bottom {
    margin-bottom: 70px;
}
#estate-life-stages .card {
    border-radius: 10px;
    border: solid 1px #979797;
    background-color: #232323 !important;
    padding: 24px;
    text-align: center;
    height: 100%;
}
#estate-life-stages .for-image {
    position: absolute;
    z-index: 1;
    margin: -39px 0 0 92px;
    background-color: #000000;
    padding: 12px;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    justify-content: center;
    padding-top: 23px;
    border: solid 2px #979797;
}
#estate-life-stages .f-row-gap {
    row-gap: 80px;
}
#estate-life-stages img {
    height: 70%;
    width: 70%;
}
#estate-life-stages h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.55; */
    letter-spacing: normal;
    color: #fff;
}
#estate-life-stages h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
}
#estate-life-stages h5 {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.5; */
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}
#estate-life-stages p {
    opacity: 0.8;
    font-family: Manrope;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
#conclusion-estate {
    padding: 85px 0px 180px 0px;
    background-color: #000;
}
#conclusion-estate img {
    height: auto;
    width: 100%;
}
#conclusion-estate h4 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 2; */
    margin-bottom: 20px;
    letter-spacing: normal;
    color: #fff;
}
#conclusion-estate p {
    opacity: 0.8;
    font-family: Manrope;
    text-align: justify;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.8; */
    font-size: 20px;
    letter-spacing: normal;
    color: #fff;
}
#conclusion-estate .custom-text {
    color: #f03232;
}
/* end =  will details page */

/* start = Invoice page Design */
#invoice-page {
    padding: 50px 0px;
}
#invoice-page h3 {
    font-family: Manrope;
    font-size: 48px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.85;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 50px 0px;
}
#invoice-page h2 {
    font-family: Manrope;
    font-size: 43px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
    font-weight: 100 !important;
    margin-bottom: 20px;
}
#invoice-page h4 {
    font-family: Manrope;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #d31414;
}

#invoice-page h5 {
    padding: 3px 0 0 6px;
    font-family: Manrope;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

#invoice-page button {
    border: none;
    padding: 5px 25px;
    border-radius: 6px;
    background-color: #2fbf90;
    color: #fff;
    font-weight: bold;
    font-family: "Manrope";
}
#invoice-page img {
    width: 65%;
    margin-bottom: 31px;
}
#invoice-page .for-vertical-border {
    border-left: 1px solid #979797;
}
#invoice-page h6 {
    font-family: Manrope;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cacaca;
}
#invoice-page p {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #fff;
}
/* end = Invoice page Design */
/* start = Order History Page */
#order-history-page .text-red:hover {
    color: #ca1c2c !important;
}

#order-history-page {
    padding: 50px 0px 150px 0px;
}
#order-history-page .table-success {
    --bs-table-bg: #323232 !important;
    --bs-table-striped-bg: #434242 !important;
    color: #fff !important;
}
#order-history-page .table {
    color: #fff !important;
}
#order-history-page img {
    width: 9%;
    margin: 0 10px 0 0;
}
#order-history-page .table > :not(caption) > * > * {
    border-width: 0px !important;
    padding: 15px 10px !important;
    font-size: 18px !important;
    font-family: Manrope !important;
}
#order-history-page .text-success {
    font-weight: bold !important;
    color: #13e954 !important;
}
#order-history-page .text-danger {
    font-weight: bold !important;
    color: #ff0000 !important;
}
#order-history-page .custom-input:focus {
    /* border-color: #fff !important; */
    box-shadow: none !important;
    outline: none !important;
    color: #fff !important;
}
#order-history-page input {
    margin: 0px !important;
    background: #060606 !important;
    border: 1px solid #979797;
    border-radius: 5px;
    padding: 5px 20px;
}
#order-history-page h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #fff;
}

/* end = Order History Page */

/*start - order completed table*/
#order-completed-table .text-red:hover {
    color: #ca1c2c !important;
}
#order-completed-table .table-success {
    --bs-table-bg: #030303 !important;
    --bs-table-striped-bg: #000000 !important;
    color: #fff !important;
    border: 1px solid #3e3e3e;
}
#order-completed-table .table {
    color: #fff !important;
}
#order-completed-table img {
    width: 9%;
    margin: 0 10px 0 0;
}
#order-completed-table .table > :not(caption) > * > * {
    border-width: 0px !important;
    padding: 15px 10px !important;
    font-size: 18px !important;
    font-family: Manrope !important;
}
#order-completed-table .table-success>tbody>tr{
    color: #ffffff!important;
    text-align: center;
}
#order-completed-table .table-success>thead>tr{
    border: 1px solid #3e3e3e;
    text-align: center;
}
 
#order-completed-table .custom-input:focus {
    /* border-color: #fff !important; */
    box-shadow: none !important;
    outline: none !important;
    color: #fff !important;
}
#order-completed-table input {
    margin: 0px !important;
    background: #060606 !important;
    border: 1px solid #979797;
    border-radius: 5px;
    padding: 5px 20px;
}
#order-completed-table h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #fff;
}
.download_btn{
    text-align: center!important;
}
/*end - order completed table*/

/* start =  learn page */
#importance-of-healthcare-directives {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(0, 0, 0, 0.8)
        ),
        url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 0;
    background-position: center center;
}
#importance-of-healthcare-directives h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#importance-of-healthcare-directives p {
    text-align: justify;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #fff;
}
#advance-healthcare-d {
    background-color: #181818;
    padding: 100px 0;
}
#advance-healthcare-d h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 36px;
}
#advance-healthcare-d p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    line-height: 1.8;
}
#components-of-advance-h-d {
    background-image: url("../../../images/dark/invalid-name.png");
    background-size: cover;
    padding: 100px 0;
    background-position: center center;
}
#components-of-advance-h-d h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 36px;
}
#components-of-advance-h-d .card {
    border-radius: 5px;
    background-color: #383737 !important;
    padding: 12px;
    height: 100%;
}

#components-of-advance-h-d .card-title {
    margin: 0 0 15px !important;
    font-family: Manrope;
    font-size: 22px !important;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
}

#components-of-advance-h-d .card-text {
    font-family: Manrope;
    font-size: 17px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #cbcbcb;
}
#planning-an-estate {
    background-color: #181818;
    padding: 100px 0;
}
#planning-an-estate .custom-text {
    color: #af1c2a;
}
#planning-an-estate h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#planning-an-estate h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 36px;
}
#planning-an-estate .card {
    border-radius: 5px !important;
    background-color: #383737 !important;
    padding: 12px;
    height: 100%;
}

#planning-an-estate .card-title {
    margin: 0 0 15px !important;
    font-family: Manrope;
    font-size: 22px !important;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
}

#planning-an-estate .card-text {
    font-family: Manrope;
    font-size: 17px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #cbcbcb;
}
#creating-advance-h-d {
    padding: 50px 0;
    background-image: linear-gradient(
            to top,
            rgba(24, 24, 24, 0),
            rgba(24, 24, 24, 1)
        ),
        linear-gradient(to bottom, rgba(24, 24, 24, 0), rgba(24, 24, 24, 1)),
        url("../../../images/dark/33966.png");
    background-size: cover;
    background-position: center center;
}
#creating-advance-h-d h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 56px;
}
#creating-advance-h-d h4 {
    font-family: Manrope;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#creating-advance-h-d p {
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 36px;
}
#conclusion-h-d {
    background-color: #181818;
    padding: 100px 0px;
}
#conclusion-h-d h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 20px;
    letter-spacing: normal;
    color: #fff;
}

#conclusion-h-d p {
    opacity: 0.8;
    font-family: Manrope;
    text-align: justify;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    font-size: 20px;
    letter-spacing: normal;
    color: #d9d9d9;
}
#conclusion-h-d h6 {
    opacity: 0.8;
    font-family: Manrope;
    text-align: justify;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    font-size: 20px;
    letter-spacing: normal;
    color: #fff;
}
#old-new-blog {
    border-top: solid 1px #222;
    background-color: #111;
    padding: 50px 0px 150px 0px;
}
#old-new-blog p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}
#old-new-blog a {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
}
/* end =  learn page */
/* start =  blog listing page */
#learn-more-about-will-trust {
    background-image: linear-gradient(
            to bottom,
            rgba(245, 246, 252, 0),
            rgba(2, 2, 2, 1)
        ),
        url("../../../images/dark/modern-grunge-texture-background-3-x.png");
    background-size: cover;
    padding: 100px 0;
    background-position: center center;
}
#learn-more-about-will-trust h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
#learn-more-about-will-trust h2 {
    font-family: Manrope;
    font-size: 46px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
}
#featured-blog-listing {
    padding: 100px 0px 150px 0px;
    background-color: #020202 !important;
}
#featured-blog-listing h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 16px;
}
#featured-blog-listing .row {
    border-top: solid 1px #979797;
    border-bottom: solid 1px #979797;
    padding: 30px 0px;
}
#featured-blog-listing .top-border-remove {
    border-top: none !important;
}
#featured-blog-listing a {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    line-height: 1.5;
}
#featured-blog-listing p {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #d9d9d9;
    line-height: 1.5;
}
/* end =  blog listing page */
#featured-blog-listing a:hover {
    color: #af1c2a;
}
#old-new-blog a:hover {
    color: #af1c2a;
}
/* start =  Blog Page- New design */
#what-are-advance-a-d {
    background-color: #010101;
    padding: 0px 0px 50px 0px;
}
#what-are-advance-a-d h3 {
    font-family: Manrope;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
    margin-top: 25px;
}
#what-are-advance-a-d h6 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #d9d9d9;
}
#what-are-advance-a-d ul li {
    font-family: Manrope;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* padding-left: 20px !important; */
}
#what-are-advance-a-d ul {
    padding-left: 20px;
}
#what-are-advance-a-d p {
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #d9d9d9;
}
#what-are-advance-a-d h5 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #d9d9d9;
}

/* end =  Blog Page- New design */