.faq-nav {
    flex-direction: column;
    margin: 0 0 32px;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);

    .nav-link {
        position: relative;
        display: block;
        margin: 0;
        padding-top: 13px;
        padding-left: 30px;
        padding-right: 16px;
        padding-bottom: 5px;
        background-color: #fff;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        color: #616161;
        transition: background-color .2s ease;
        font-family: DT-demi, Arial, sans-serif;


        &:hover {
            background-color: #E6E6E6;
        }

        &.active {
            background-color: #9E9E9E;
            font-weight: 700;
            color: rgba(0, 0, 0, .87);
        }

        &:last-of-type {
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom: 0;
        }

        & i.mdi {
            /*margin-right: 5px;*/
            font-size: 18px;
            position: relative;
        }
    }
}

.tab-content {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);

    .card {
        border-radius: 0;
    }

    .card-header {
        /*padding: 15px 16px;*/
        border-radius: 0;
        background-color: white;
        /*border-top: 3px solid rgba(0,0,0,.175);
        border-bottom: 0;*/
        padding-top: 1.075rem;
        padding-bottom: 1.2rem;
        padding-left: 1.5rem;
        padding-right: 3em;

        & h5 {
            margin: 0;

            & button {
                display: block;
                width: 100%;
                padding: 0;
                border: 0;
                font-weight: noraml;
                color: rgba(0, 0, 0, .87);
                text-align: left;
                white-space: normal;

                &:hover,
                &:focus,
                &:active,
                &:hover:active {
                    text-decoration: none;
                }


            }
        }

        &:after {
            content: '\002B';
            color: black;
            font-weight: bolder;
            float: right;
            margin-left: 5px;
            position: absolute;
            right: 20px;
            top: -2px;
            font-size: 45px;

        }

        &[aria-expanded="true"]:after {
            content: '\2212';
            position: absolute;
            right: 20px;
            top: -2px;
            font-size: 45px;
        }

    }

    .card-body {
        font-family: DT-light, Arial, sans-serif;
        padding-top: 1.375rem;
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;

        /*padding-top: 1rem;
    padding-right: 0px;
    padding-bottom: 1.125rem;
    padding-left: 0px;*/

        & p {
            /*color: #616161;*/

            &:last-of-type {
                margin: 0;
            }
        }
    }
}

/*.card-body:hover{
	 background-color: white;
 }*/

.card-header:hover {
    background: #000;
    cursor: pointer;

    & h5 {
        & button {
            color: #fff;


        }
    }

    &:after {
        color: #fff;
    }
}

.card:has(.collapse.show) {

    /* &:not(:first-child) {
	 padding-top: 3px;
	  .card-header {
	 & h5 {
		 
	 & button{
		 
		  &:after {
			  top:-2px;
			  }
		
		 &[aria-expanded="true"]:after{
			  top:-2px;
			  }
	 }
	 }
    }
	 }*/
    .card-header {
        background: #000;

        & h5 {

            & button {
                color: #fff;


            }
        }

        &:after {
            color: #fff;
        }
    }
}


.accordion {
    >.card {
        /* border-top:0px;*/
        border-top: 4px solid #e6e6e6;

        /*&:not(:first-child) {
            border-top: 0;
        } */
        &:last-child {
            border-bottom: 4px solid #e6e6e6;
        }
    }
}

/*.collapse.show {
    .card-body {
        border-bottom: 1px solid rgba(0,0,0,.125);
    } 
}*/

.help-link {
    width: auto;
    font-family: DT-light, Arial, sans-serif;
    font-weight: bold;
}

.accordion-button-wrap {
    margin-top: 1rem
}

@media(min-width:992px) {
    .accordion-button-wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }
}

.accordion-button-wrap *+* {
    margin-left: 1rem
}

.button--dark {
    background: #000;
    border: 2px solid #000;
    color: #fff
}

.button--dark:hover {
    background: #333;
    border-color: #333;
    cursor: pointer
}

.guide-content {
    padding-bottom: 10px;

    & a {
        text-decoration: none;
        color: #000;
        background-color: #fff;
        font-weight: 700;
        font-size: 18px;
        position: relative;
        /* Position the pseudo-element relative to the text */
        display: inline-block;
        line-height: 1;
    }

}

.guide-content-insideqa {
    display: flex;
    align-items: center;
	/*align-items: flex-start; */

    & img {
        margin-right: 10px;
        /* Space between image and text */
    }

    & a {
        word-wrap: break-word;
        /* Allows the text inside <a> to wrap when it exceeds container width */
        text-decoration: none;
        color: #000;
        background-color: #fff;
        font-weight: 700;
        font-size: 16px;
        position: relative;
        /* Position the pseudo-element relative to the text */
        display: inline;
        line-height: 1;
		/*display: inline-block;*/
    }

}

.underline-effect::after {
    content: '';
    /* Required for pseudo-elements */
    position: absolute;
    /* Absolute positioning to align the underline */
    left: 0;
    bottom: -1px;
    width: 100%;
    /* Full width of the text */
    height: 3px;
    /* Thickness of the underline */
    background-color: rgba(200, 200, 200, 0.5);
    /* Color of the underline */
    transform: scaleX(1);
    /* Always show underline by default */
    transform-origin: bottom left;
    /* Set the point of scaling */
    transition: transform 0.7s ease, background-color 0.7s ease;
    /* Transition effect */
}

.underline-effect:hover::after {
    transform: scaleX(0);
    /* Animate underline hiding on hover */
}

#special-item {
    visibility: visible;
    display: block;
}

/*@media (max-width: 580px) {
	.tab-content {
		.card-header {
			& h5 {
				& button {
					width: fit-content;

					
				}
			}
			&:after {
						right: 15px;
						top: 12px;
						font-size: 25px;

					}

					&[aria-expanded="true"]:after {
						right: 15px;
						top: 12px;
						font-size: 25px;
					}
		}
	}

}

@media (max-width: 480px) {
	
	.card:has(.collapse.show) {
		&:not(:first-child) {
			padding-top: 5px;

			.card-header {
				& h5 {

					& button {
						color: #fff;

						&:after {
							top: -2px;
						}

						&[aria-expanded="true"]:after {
							top: 20px;
							color: #fff;
						}
					}
				}
			}
		}

	}
	}
	
@media (min-width: 481px) and (max-width: 580px) {
.card:has(.collapse.show) {
		&:not(:first-child) {
			padding-top: 5px;

			.card-header {
				& h5 {

					& button {
						color: #fff;

						&:after {
							top: 12px;
						}

						&[aria-expanded="true"]:after {
							top: 12px;
							color: #fff;
						}
					}
				}
			}
		}

	}
}*/

.tab-content {
    .accordion-button-wrap {
        & button {
            background: black;
            border: 2px solid #fff;
            color: white;
            cursor: pointer;
            display: inline-block;
            /*font-family: DaimlerCS,sans-serif;*/
            font-size: 15.75px;
            font-size: .875rem;
            font-weight: 300;
            line-height: 18px;
            outline: none;
            padding: .5rem 1.25rem .625rem;
            text-decoration: none;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;


        }

        & button:hover {
            background: #333;
            border-color: #333;
            cursor: pointer;
        }
    }
}

.svg-image {
    height: 24px;
    width: 24px;
    vertical-align: top;

}

.svg-image-link {
    height: 22px;
    width: 24px;
    vertical-align: top;

}

/*.video-conatiner {
    flex: 1;
    margin: 40px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100vh;
}*/

ul.dot-list {
  list-style: none; /* remove default bullets */
  padding-left: 0;
  display: block;
}

ul.dot-list li {
  display: list-item; /* ensure vertical stacking */
  /*margin-bottom: 6px; */
  padding-left: 20px; /* space before the dot */
}

ul.dot-list li::before {
  content: "• ";
  color: black;
  font-weight: bold;
  margin-right: 8px;
}