.btn {
	transition: .2s;
}

.btn:hover {
	cursor: pointer;
	transform: translateY(-1px) scale(1.05);
}

.btn:focus {
	outline: solid var(--navy) 4px;
}

.header-content {
	margin-top: 15rem;
	margin-bottom: 25rem;
}

.header-content__compensation {
	color: var(--gold);
	font-size: 4.8rem;
	font-weight: 700;
}

.header-content__serving {
	color: #FFFFFF;
	font-size: 3.2rem;
	max-width: 770px;
}

.header-content__img {
	align-self: end;
	flex: 0 1 auto;
	width: 529px;
	max-width: 80%;
	aspect-ratio: 31 / 36;
	background-image: image-set(url("../img/sam-earley.webp") type("image/webp"),
			url("../img/sam-earley.png") type("image/png"));
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.header-content__wrapper {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-inline: 3rem;
}

.get-help-btn {
	background-color: var(--gold);
	border: none;
	padding: 1.5rem;
	border-radius: 5px;
	font-weight: 700;
	font-size: 1.4rem;
	margin-block: 2rem;
	color: black;
	text-decoration: none;
	display: inline-block;
}


.awards {
	/*    margin-inline: 2rem;*/
	/*    padding-block: 5rem;*/
	position: absolute;
	bottom: 5rem;
	left: 2rem;

}

.awards__p {
	color: #FFFFFF;
}

.awards__logos {
	display: flex;
	align-items: center;
}

.awards__logos-png1 {
	width: 90px;
	height: 23px;
}

.awards__logos-png2 {
	width: 82px;
	height: 24px;
}


@media screen and (min-width: 1170px) {

	.header-content__wrapper {
		margin-inline: 6rem;
	}
}

@media screen and (min-width: 590px) {
	.awards__logos-png1 {
		width: 206px;
		height: auto;
	}

	.awards__logos-png2 {
		width: 142px;
		height: auto;
	}
}

@media screen and (max-width: 350px) {
	.header-content__img {
		max-width: 120%;
	}
}


/*********************
**********************
**********************
ABBOUT US */
.about-us {
	display: flex;
	align-items: center;
	background-color: var(--off-white);
	justify-content: space-between;
	padding: 3rem;
}

@media screen and (min-width: 1170px) {
	.about-us {
		padding: 6rem;
	}
}

.about-us__text {
	flex-basis: 45%;
}

.about-us__text>* {
	margin-block: 1.6rem;
}

.about-us__text-p>* {
	margin-block: 1.6rem;
}

.about-us__text-subhead {
	font-weight: 700;
	color: var(--gold);
}

.about-us__text-main {
	font-size: 2.4rem;
}

.about-us__text-p {
	font-size: 1.6rem;

}

.about-us__img {
	flex-basis: 35%;

}

.about-us__cta {}

.about-us__cta-link {}

.about-us__cta-btn {
	background-color: var(--gold);
	border: none;
	padding-inline: 2rem;
	padding-block: 1.4rem;
	border-radius: 5px;
	font-weight: 700;
	font-size: 1.6rem;
	color: black;
	text-decoration: none;
	display: inline-block;
}


/*********************
**********************
**********************
LEARN MORE */

.learn-more {
	margin: 2rem;
}

.learn-more__heading {
	text-align: center;

}

.learn-more__heading-title {
	color: var(--gold);

}

.learn-more__heading-sub-title {}

.learn-more_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.learn-more_item {
	height: 200px;
	width: 400px;
	background-color: var(--off-white);
	margin: 1rem;
	text-align: center;
	vertical-align: middle;

	vertical-align: middle;
}

.learn-more__item-text {
	display: inline-block;
}



/*********************
**********************
**********************
TESTIMONIALS */

.testimonials {
	background-image: image-set(url("../img/testimonial-background.webp") type("image/webp"),
			url("../img/testimonial-background.png") type("image/png"));
	background-repeat: no-repeat;
	background-size: cover;

	text-align: center;
	color: #FFFFFF;
	padding: 6rem;
}

.testimonials__title {
	margin-bottom: 4rem;
}

.testimonials__text {
	max-width: 950px;
	margin-inline: auto;
	margin-block: 2rem;
	font-weight: 400;
}

.testimonials__testimonial {
	/*    margin-block: 4rem;*/
	max-width: 620px;
	margin-inline: auto;
}

.testimonials__carousel {
	margin: 0;
	padding: 0;
	height: 20rem;
}

@media screen and (min-width: 1170px) {
	.testimonials {
		/*        padding: 2rem;*/
	}
}

@media screen and (max-width: 591px) {
	.testimonials__carousel {
		height: 23rem;
	}
}


@media screen and (max-width: 564px) {
	.testimonials__carousel {
		height: 26rem;
	}
}


@media screen and (max-width: 382px) {
	.testimonials__carousel {
		height: 29rem;
	}
}

.testimonials__carousel sl-carousel-item {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

sl-carousel-item {
	margin-inline: auto;
	text-align: center;
}

sl-carousel::part(pagination-item) {
	background-color: white;
	height: 11px;
	width: 11px;
}

sl-carousel::part(pagination-item--active) {
	background-color: #F5B637;
}

.testimonials__testimonial-quote-decoration {
	/*    margin-block: 2rem;*/
}

.testimonials__testimonial-quote {
	font-size: 2.4rem;
	font-weight: 400;
	color: var(--gold);
	/*    max-width: 600px;*/
}


/*********************
**********************
**********************
SSDI */

.ssdi {}

.ssdi__text-block {
	background-image: image-set(url("../img/group.webp") type("image/webp"),
			url('../img/group.jpg') type('image/jpeg'));
	color: #FFFFFF;
	text-align: center;
	padding-block: 10rem;
}

.ssdi__text-block>* {
	margin-inline: 3rem;
}

.ssdi__text-block-title {
	padding-bottom: 2rem;

}

.ssdi__text-block-cta {}

.ssdi__text-block-cta-link {}

.ssdi__text-block-cta-btn {
	background: transparent;
	border: solid 1px var(--gold);
	border-radius: 5px;
	padding-inline: 2.4rem;
	padding-block: 1.6rem;
	color: var(--gold);
	font-weight: 700;
	font-size: 1.6rem;
	text-decoration: none;

}

.ssdi__text-block-text {
	font-size: 1.6rem;
	font-weight: 400;
	margin-block: 2rem;
}

.ssdi__cards {
	display: flex;
	justify-content: space-between;
	margin-inline: 3rem;
	gap: 2rem
}

.ssdi__card {
	max-width: 335px;
	height: min-content;
	background-color: #FFFFFF;
	transform: translateY(-7rem);
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc;
}

.ssdi__card-title {
	margin: 2rem;
	margin-bottom: 1rem;

}

.ssdi__card-text {
	margin-block: 1.4rem;
	margin-inline: 2rem;
}

@media screen and (min-width: 1170px) {
	.ssdi__cards {
		justify-content: space-around;
		margin-inline: 6rem;
	}

	.ssdi__card {
		max-width: 400px;
	}

	.ssdi__text-block>* {
		margin-inline: 6rem;
	}
}

@media screen and (max-width: 1025px) {
	.ssdi__cards {
		flex-direction: column;
		align-items: center;
	}
}



/*********************
**********************
**********************
KEY FACTORS */

.key-factors {
	margin: 3rem;
	color: var(--navy);
}

.key-factors__heading {
	text-align: center;

}

.key-factors__heading-sub-title {
	color: var(--gold);
	font-weight: 700;
	margin-bottom: 2rem;
}

.key-factors__heading-title {}

.key-factors__heading-sub-text {
	max-width: 950px;
	text-align: center;
	margin-inline: auto;
	margin-block: 2rem;
	font-weight: 200;

}

.key-factors__heading-sub-cta {
	font-weight: 500;
}

.key-factors__item {
	display: flex;
	justify-content: space-between;
	align-content: center;
	margin-block: 5rem;
}

.key-factors__item-text {
	flex-basis: 45%;
	margin-block: auto;
	font-size: 1.6rem;
	/*    line-height: 2.2rem;*/
}

.key-factors__item-heading {
	font-size: 2.4rem;
	font-weight: 700;
	/*    margin-bottom: 2rem;*/
}

.key-factors__item-p {
	margin-block: 2rem;
}

.key-factors__item-img {
	flex-basis: 40%;

}

/*********************
**********************
**********************
BORDER  */
.border {
	height: 1px;
	width: calc(100% - 4rem);
	margin-inline: auto;
	background-color: #B9B9B9;
}


/*********************
**********************
**********************
PROCESS */

.process {
	display: flex;
	justify-content: space-between;
	margin: 3rem;
}

.process__appeal {
	flex-basis: 40%;
	margin-bottom: 2rem;

}

.process__appeal-sub-title {
	color: var(--gold);
	font-weight: 700;

}

.process__appeal-title {
	width: 80%;

}

.process__appeal-text p {
	margin-block: 2rem;

}

.process__appeal-cta {
	font-weight: 500;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.process__appeal-link {}

.process__appeal-btn {
	background-color: var(--gold);
	border: none;
	padding-inline: 2.4rem;
	padding-block: 1.6rem;
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: 700;
	color: black;
	text-decoration: none;
	display: inline-block;
}

.process__steps {
	flex-basis: 40%;
}

.process__step {
	background-color: var(--off-white);
	margin: .5rem;
	/*    padding: 2rem;*/

}

.process__step-main {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
	padding: 2rem;
	gap: 1rem;
	cursor: pointer
}

.process__step-text {}

.process__step-sub {
	padding: 2rem;
}

.hidden {
	display: none;
}

.process__step-text-btn {
	background-color: transparent;
	border: none;
}

@media screen and (min-width: 1170px) {
	.process {
		margin: 6rem;
	}
}


/*********************
**********************
**********************
CONTACT */
.contact__form {
	color: #FFFFFF;
	margin-block: 2rem;
}

.contact__form input,
textarea {}

.contact__gen-info {
	display: flex;
	flex-wrap: wrap;
	margin-block: 2rem;
	gap: 1rem;
}

.contact__gen-info-item {
	/*    margin: 2rem;*/
	flex-grow: 1;
}

.contact__gen-info-item input {
	color: #FFFFFF;
	display: block;
	background-color: transparent;
	padding: 1rem;
	margin-top: 5px;
	border-radius: 3px;
	width: 100%;
}

.contact__gen-info-item:not(:nth-of-type(1)) input {
	border: 1px solid #FFFFFF;
}

.contact__gen-info-item:nth-of-type(1) input:focus,
.contact__gen-info-item:nth-of-type(1) input:focus-visible,
.contact__gen-info-item:nth-of-type(1) input {
	border: 1px solid var(--gold);
	outline: none;
}

.contact__gen-info-item:nth-of-type(1) input:focus,
.contact__gen-info-item:nth-of-type(1) input:focus-visible {
	border-width: 2px;
}

/* textarea:focus, */
/* input:focus { */
/* 	outline: 2px solid var(--gold); */
/* 	outline-offset: 2px; */
/* } */

.contact__form-message {}

.contact__form-message textarea {
	color: #FFFFFF;
	display: block;
	background-color: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	margin-top: 5px;
	width: 100%;
	padding: 1rem;
}

.contact__form label {}

.contact__form .contact__submit-btn {
	color: #000000;
	background-color: var(--gold);
	border: none;
	border-radius: 5px;
	padding-inline: 2rem;
	padding-block: 1.4rem;
	font-weight: 700;
	margin-block: 2rem;
	color: black;
	text-decoration: none;
	display: inline-block;
}

#privacy-policy {
	/*    padding-inline: 2rem;*/
	padding-block: 1rem;
	max-width: 710px;
}

#privacy-policy input {
	margin-right: .5rem;
}

.contact__wrapper-text {}

.contact__form-sub-title {
	color: var(--gold);
	font-weight: 700;
}

.contact__form-title {
	color: #FFFFFF;
	max-width: 620px;
	margin-top: 5px;
	margin-bottom: 2rem;
}

.contact__form-text {
	color: #FFFFFF;
	max-width: 750px;
	margin-top: 1rem;
	margin-bottom: 5rem;
}

.success-response {
	margin-block: 13rem;
	margin-inline: auto;
}

.success-response__message {
	display: flex;
	flex-direction: column;
	align-content: center;

}

.success-response__svg {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	margin-inline: auto;
}

.success-response__message-title {
	color: #FFFFFF;
	text-align: center;
	margin-top: 2rem;
	font-size: 4rem;
}

.success-response__message-text {
	color: #FFFFFF;
	text-align: center;
	margin-top: 1.5rem;
}

.success-response__message-phone {
	text-decoration: none;
	text-align: center;
	margin-top: 1.5rem;
}

.success-response__message-phone-btn {
	color: var(--gold);
	border: solid 1px #FFFFFF;
	border-radius: 4px;
	padding-block: 1rem;
	padding-inline: 1.6rem;
	background-color: transparent;
}


@media screen and (max-width: 1005px) {
	.about-us {
		flex-direction: column;
	}

	.ssdi__cards {
		flex-direction: column;
		align-content: center;
		position: relative;
		z-index: 0;
	}

	.ssdi__card {
		transform: translateY(-8rem);
		margin-bottom: 1rem;
	}

	.contact-page-extra {
		display: none
	}

}

@media screen and (max-width: 900px) {

	.header-content__wrapper {
		flex-direction: column;
	}

	.header-content {
		margin-top: 18rem;
		margin-bottom: 2.5rem;
	}

	/*    .header-content__img {*/
	/*        align-self: center;*/
	/*    }*/

	.process {
		flex-direction: column;
	}

	.key-factors__item-right {
		flex-direction: column;
	}

	.key-factors__item-left {
		flex-direction: column-reverse
	}

	.testimonials {
		padding-inline: 1rem;
	}

	.testimonials__text {}
}

@media screen and (min-width: 1170px) {
	.key-factors {
		margin: 6rem;
	}
}

@media screen and (max-width: 950px) {

	.contact__wrapper {
		margin-top: 12rem;
	}
}






/*.contact__gen-info {
    display: flex;
    flex-wrap: wrap;
    margin-block: 2rem;
    gap: 1rem;
}

.contact__gen-info-item {
    margin: 2rem;
    flex-grow: 1;
}*/

@media screen and (max-width: 650px) {
	.contact__gen-info-item {
		flex: 1 0 50%;
	}
}