/* MAIN WRAPPER */
.content-wrapper-row-one {
	background: linear-gradient(var(--black-opacity)), url("../images/main-bg.png");

	/* background-image: url("../images/main-bg.png"); */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--white);
	text-align: center;
}

.content-wrapper-row-one .container-fluid {
	padding: 25px 60px;
}

.content-wrapper-row-one .content-row-one-one {
	padding: 65px 60px 35px 60px;
}

.content-wrapper-row-one .content-row-one-one a {
	padding: 27px 42px 23px 47px;
	font-size: 26px;
	font-weight: 800;
	margin-top: 28px;
}

.content-wrapper-row-one .content-row-one-one h1 {
	font-size: 55px;
	font-family: "Gilroy-Bold";
	font-weight: 800;
	text-transform: uppercase;
	max-width: 1000px;
	margin: 0 auto;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.content-wrapper-row-one .content-row-one-one h3 {
	font-size: 26px;
	font-family: "Gilroy-Bold";
	font-weight: 800;
}

.content-wrapper-row-one .content-row-one-one h6 {
	font-size: 20px;
	font-family: "Avenir-Heavy";
	font-weight: 900;
}

.content-wrapper-row-one .content-row-one-two {
	background-color: var(--brand-primary);
	padding: 48px 16px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 40px;
}

.content-wrapper-row-one .content-row-one-two .row {
	max-width: 1200px;
	margin: 0 auto;
}

.content-wrapper-row-one .content-row-one-two h1 {
	font-size: 55px;
	font-family: "Avenir-Heavy";
	font-weight: 900;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

.content-wrapper-row-one .content-row-one-two h3 {
	max-width: 280px;
	margin: 0 auto;
	font-size: 26px;
	font-family: "Gilroy-Bold";
}

.content-wrapper-row-two {
	padding: 40px 0;
}

.content-wrapper-row-two > .container-fluid {
	background-image: url("/assets/images/main-section2-bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: auto;
	width: 100%;
}

.content-wrapper-row-two > .container-fluid > .container {
	min-height: 600px;
}

.content-wrapper-row-two .content-row-two-two > h1 {
	max-width: 1100px;
	padding-bottom: 40px;
	margin: 0 auto;
}

.content-wrapper-row-two > .container-fluid .card {
	background-color: var(--brand-primary);
	color: var(--white);
	width: 313px;
	height: 230px;
	border-radius: 0;
}

.content-wrapper-row-two > .container-fluid .card-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.content-wrapper-row-two > .container-fluid .card.second-row {
	margin-left: auto;
}

.content-wrapper-row-two .card-title {
	font-family: "Avenir";
	font-weight: 800;
	font-size: 25px;
}

.content-wrapper-row-two .card-info {
	font-family: "Avenir-Light";
	font-size: 16px;
	font-weight: 400;
}

/* CONTENT THREE/ ABOUT US */
.content-wrapper-row-three .container-fluid {
	padding: 40px 60px 80px 60px;
}

.content-wrapper-row-three p {
	font-family: "Gilroy-Bold";
	font-weight: 800;
	font-size: 26px;
	color: var(--brand-secondary);
}

.content-wrapper-row-three a {
	padding: 27px 0px;
	font-family: "Gilroy-Bold";
	font-weight: 800;
	font-size: 26px;
	margin-top: 50px;
}

/* CONTENT FOUR */
.content-wrapper-row-four {
	background-color: var(--brand-white);
}

.content-wrapper-row-four .container-fluid {
	padding: 40px 12px;
}

.content-wrapper-row-four .content-row-four-two {
	background-color: var(--white);
	padding: 0 12px 12px 12px;
	max-width: 900px;
	margin: 60px auto 0 auto;
}

.content-wrapper-row-four .card {
	max-width: 300px;
	border: unset;
	border-radius: 0;
}

.content-wrapper-row-four .card-body {
	padding: 20px 30px 43px 30px;
}

.content-wrapper-row-four .card .badge {
	background-color: var(--brand-primary);
	color: var(--white);
	padding: 7px 17px 6px 16px;
	margin-left: auto;
	text-align: right;
}

/* .content-wrapper-row-four .card:hover, */
.content-wrapper-row-four .card.active {
	background-color: var(--brand-primary);
	color: var(--white);
	margin-top: -60px;
}

/* .content-wrapper-row-four .card:hover .badge, */
.content-wrapper-row-four .card.active .badge {
	background-color: var(--white);
	color: var(--brand-primary);
}

/* .content-wrapper-row-four .card:hover a.btn {
	background-color: var(--white);
	color: var(--brand-primary);
} */

.content-wrapper-row-four .column-price {
	display: flex;
}

.content-wrapper-row-four .column-text-price {
	font-size: 36px;
}

.content-wrapper-row-four .column-text-title {
	font-size: 28px;
}

.content-wrapper-row-four .column-text-title,
.content-wrapper-row-four .column-text-price {
	color: var(--brand-primary);
	font-family: "Avenir-Heavy";
	font-weight: 800;
}

.content-wrapper-row-four .column-text-month,
.content-wrapper-row-four .column-text-for,
.content-wrapper-row-four .column-list {
	font-family: "Avenir";
	font-size: 15px;
	font-weight: 500;
	color: var(--brand-secondary);
}

.content-wrapper-row-four .column-list {
	position: relative;
}

.content-wrapper-row-four .column-list p {
	margin-left: 30px;
}

.content-wrapper-row-four .column-list p::before {
	content: url("/assets/images/check-circle-red.svg");
	position: absolute;
	left: 0;
}

/* .content-wrapper-row-four .card:hover .column-list *, */
.content-wrapper-row-four .card.active .column-list *,
/* .content-wrapper-row-four .card:hover .column-title *, */
.content-wrapper-row-four .card.active .column-title *,
/* .content-wrapper-row-four .card:hover .column-price *, */
.content-wrapper-row-four .card.active .column-price * {
	color: var(--white);
}

/* .content-wrapper-row-four .card:hover .column-list p::before, */
.content-wrapper-row-four .card.active .column-list p::before {
	content: url("/assets/images/check-circle-white.svg");
}

.content-wrapper-row-four a.btn {
	margin-top: 25px;
	height: 51px;
	padding: 13px 12px 12px 12px;
}

/* CONTENT FIVE */
.content-wrapper-row-five .container {
	padding: 0 12px 77px 12px;
}
.content-wrapper-row-five .card {
	border-radius: 0;
	margin-bottom: 30px;
	box-shadow: 14px 17px 66px 0 rgba(91, 103, 103, 0.2);
}

.content-wrapper-row-five .card-body {
	padding: 50px;
	text-align: center;
}

.content-wrapper-row-five .card-title {
	font-family: "Avenir-Heavy";
	font-size: 26px;
	font-weight: 900;
	color: var(--brand-primary);
}

.content-wrapper-row-five .card-info {
	font-family: "Avenir";
	font-size: 16px;
	font-weight: 400;
}

.content-wrapper-row-five .btn {
	padding: 27px 117px;
	font-size: 26px;
}

/* CONTENT SIX */
.content-wrapper-row-six .contact-bg-col {
	position: absolute;
	height: 72%;
	width: 100%;
	background-color: var(--white);
	box-shadow: 14px 17px 66px 0 rgba(0, 0, 0, 0.1);
}

.content-wrapper-row-six .content-row-six-one {
	padding: 135px 12px 135px 79px;
}

.content-wrapper-row-six .content-row-six-one > div {
	font-family: "Avenir";
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: var(--brand-secondary);
	max-width: 330px;
	margin-bottom: 12px;
}

.content-wrapper-row-six .content-row-six-one > div:nth-child(1) {
	font-family: "Gilroy-Bold";
	font-size: 45px;
	font-weight: 800;
	color: var(--brand-primary);
	line-height: 51px;
	max-width: unset;
	margin-bottom: unset;
}

.content-wrapper-row-six .content-row-six-one > div:nth-child(2) {
	font-family: "Gilroy-Bold";
	font-size: 26px;
	font-weight: 800;
	line-height: normal;
	color: var(--brand-secondary);
	margin: 30px 0 28px 0;
}

.content-wrapper-row-six .content-row-six-two {
	position: absolute;
	bottom: 88px;
	left: 5%;
	border: none;
	border-radius: 0;
	width: 35%;
	margin: 70px auto 0 auto;
	box-shadow: 21px 17px 55px -13px rgba(91, 103, 103, 0.2);
}

.content-wrapper-row-six .content-row-six-two .card-body {
	padding: 33px 33px;
	text-align: end;
}

.content-wrapper-row-six .content-row-six-two .card-title {
	color: var(--brand-primary);
	font-family: "Avenir-Heavy";
	font-size: 60px;
	font-weight: 900;
	margin-bottom: unset;
}

.content-wrapper-row-six .content-row-six-two .card-info {
	color: var(--brand-primary);
	font-family: "Archivo";
	font-size: 20px;
	font-weight: 700;
	margin-right: 12px;
}

.content-wrapper-row-six .content-row-six-three {
	padding: 67px 110px 31px 12px;
}

.content-wrapper-row-six .content-row-six-four {
	background-color: var(--brand-primary);
	padding: 31px 30px;
}

.content-wrapper-row-six .content-row-six-four > div {
	font-family: "Avenir-Light";
	font-size: 22px;
	font-weight: 400;
	color: var(--white);
}

.content-wrapper-row-six .content-row-six-four > div:nth-child(1) {
	padding: 23px 22px;
	background-color: var(--white);
	color: var(--brand-primary);
	width: 100%;
	font-family: "Avenir";
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	margin: unset;
}

.content-wrapper-row-six .content-row-six-four > div:nth-child(2) {
	margin-top: 23px;
}

.content-wrapper-row-six .content-row-six-five {
	background-color: var(--white);
	padding: 48px 46px 47px 46px;
	margin-top: 25px;
	background: #fff;
	box-shadow: 36px 17px 56px 0 rgba(58, 59, 120, 0.2);
}

.content-wrapper-row-six .content-row-six-five .form-title {
	color: var(--brand-primary);
	font-family: "Archivo";
	font-weight: 700;
	font-size: 40px;
}

/* SIGN IN */
.sign-in-wrapper .container-fluid {
	background-image: url("../images/sign-in-bg.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.sign-in-wrapper .container-fluid,
.sign-in-wrapper .container-fluid > .row {
	min-height: 900px;
}

.sign-in-wrapper .container-fluid div.col-12:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sign-in-wrapper .sign-in-mobile-img {
	background-image: url("../images/sign-in-bg.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 316px;
}

.sign-in-form-card {
	max-width: 540px;
	border-radius: 0;
}

.sign-in-form-card .card-body {
	padding: 40px 30px;
}

.sign-up-wrapper .form-title,
.sign-in-wrapper .form-title {
	font-family: "Gilroy-Bold";
	font-weight: 800;
	font-size: 45px;
	width: 100%;
	text-align: center;
	color: var(--brand-primary);
}

.sign-up-wrapper button.btn,
.sign-in-wrapper button.btn {
	font-family: "Gilroy-Bold";
	margin-top: 40px;
	padding: 24px 0;
	font-size: 26px;
	font-weight: 800;
}

/* FORGOT PASSWORD MODAL */
.forgot-password-modal .modal-body {
	padding: 40px 30px;
}

/* SIGN UP */
.sign-up-wrapper .container-fluid {
	padding: 20px;
}

.sign-up-wrapper .content-sign-up-one {
	position: relative;
	margin: 60px auto 0 auto;
	width: 460px;
}

.sign-up-wrapper .sign-up-form-card {
	border-radius: 0;
	box-shadow: 14px 17px 66px 0 rgba(0, 0, 0, 0.1);
}

.sign-up-wrapper .content-sign-up-one div.text-secondary {
	font-family: "Avenir-Heavy";
	font-size: 65px;
	font-weight: 800;
	line-height: normal;
}

.sign-up-wrapper .content-sign-up-one div.text-primary {
	font-family: "Gilroy-Bold";
	font-size: 26px;
	font-weight: 800;
	line-height: normal;
	margin-left: 30px;
	margin-bottom: 13px;
}

.sign-up-wrapper .content-sign-up-one div.text-primary::before {
	content: url("/assets/images/check-circle-sign-up.svg");
	position: absolute;
	left: 0;
}

.sign-up-wrapper .btn-apply {
	padding: 10px 20px 10px 20px !important;
	margin-top: 0 !important;
}

.sign-up-wrapper .sign-up-helper-card {
	background-color: var(--brand-primary);
	color: var(--white);
	margin-bottom: 20px;
	font-family: "Avenir-light";
	font-size: 16px;
	font-weight: 400;
	padding: 40px 30px;
	margin-top: 40px;
	border-radius: 0;
}

.sign-up-wrapper .sign-up-form-card,
.sign-up-wrapper .sign-up-helper-card {
	max-width: 540px;
}

/* SUPPORT AND POLICY PAGES */
.main-content {
	background-color: var(--brand-primary);
}

.main-content > .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 472px;
}

.main-content.policy-page > .container {
	min-height: 317px;
}

.main-content .main-content-title {
	font-size: 65px;
}

.main-content .main-content-subtitle {
	font-size: 26px;
}

.main-content .main-content-title,
.main-content .main-content-subtitle {
	color: var(--white);
	font-family: "Gilroy-Bold";
	font-weight: 800;
	line-height: normal;
	text-transform: capitalize;
}

.main-content button.btn {
	padding: 18px;
	width: 314px;
	margin: 52px auto 0 auto;
	font-family: "Gilroy-Bold";
	font-weight: 800;
	font-size: 26px;
}

.main-sub-content > .container {
	padding: 32px 12px;
}

.support-cancel-faq-col .card {
	padding: 46px 36px;
}

.support-cancel-faq-col .card-body {
	border-radius: 0;
}

.support-cancel-faq-col .card-title {
	font-family: "Gilroy-Bold";
	font-size: 35px;
	font-weight: 800;
	line-height: normal;
	color: var(--brand-secondary);
}

.support-cancel-faq-col .card-info {
	font-family: "Avenir-Light";
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: var(--brand-primary);
	max-width: 500px;
}

.support-cancel-faq-col button.btn {
	padding: 15px 36px 14px 36px;
	font-family: "Gilroy-Bold";
	font-size: 26px;
	font-weight: 800;
	line-height: normal;
}

/* CUSTOM CSS COLLAPSE */
.main-sub-content .card {
	border-radius: 0;
	margin-bottom: 24px;
}

.main-sub-content .card-header {
	padding: 0;
	border-bottom: unset;
}

.main-sub-content .collapse > .card-body,
.main-sub-content .collapsing > .card-body {
	padding-top: unset;
	padding: 0 131px 37px 35px;
}

.main-sub-content .collapse > .card-body p,
.main-sub-content .collapsing > .card-body p {
	color: var(--brand-secondary);
	font-family: "Avenir-Light";
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

.faq-title-collapse {
	padding: 39px 70px 42px 36px;
	text-align: start;
	font-family: "Gilroy-Bold";
	font-weight: 800;
	font-size: 26px;
	color: var(--brand-primary);
	background-color: var(--white);
	border: unset;
}

.faq-title-collapse .icon-wrapper {
	background-image: url("../images/negavtive-secondary-icon.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 39px;
	right: 35px;
	width: 31px;
	height: 31px;
}

.faq-title-collapse.collapsed .icon-wrapper {
	background-image: url("../images/plus-red-icon.svg");
}

@media (max-width: 991.98px) {
	/* CONTENT ONE */
	.content-wrapper-row-one .container-fluid {
		padding: 55px 16px 25px 16px;
	}
	.content-wrapper-row-one .content-row-one-one {
		margin: unset;
		padding: unset;
	}
	.content-wrapper-row-one .content-row-one-one h1 {
		font-size: 45px;
	}
	.content-wrapper-row-one .content-row-one-one h3 {
		font-size: 24px;
	}
	.content-wrapper-row-one .content-row-one-one a {
		font-size: 20px;
		padding: 26px 40px 27px 40px;
		width: 100%;
		font-size: 800;
		font-family: "Gilroy-Bold";
	}
	.content-wrapper-row-one .content-row-one-two {
		margin-top: 0;
	}
	.content-wrapper-row-one .content-row-one-two .row {
		gap: 45px;
	}

	/* CONTENT TWO */
	.content-wrapper-row-two > .container-fluid {
		background-image: unset;
	}

	.content-wrapper-row-two > .container-fluid > .container {
		margin: 0;
		padding: 0;
		max-width: 100%;
	}

	.content-wrapper-row-two > .container-fluid .card {
		width: 100%;
		height: unset;
	}

	/* CONTENT THREE */
	.content-wrapper-row-three .container-fluid {
		padding: 40px 12px 80px 12px;
	}

	.content-wrapper-row-three p {
		text-align: center;
	}

	/* CONTENT FOUR */
	.content-wrapper-row-four .content-row-four-two {
		background-color: unset;
		padding: unset;
		max-width: unset;
		margin: 60px 24px 0 24px;
	}

	.content-wrapper-row-four .content-row-four-two > .row {
		gap: 30px;
	}

	.content-wrapper-row-four .card {
		max-width: unset;
	}

	/* .content-wrapper-row-four .card:hover, */
	.content-wrapper-row-four .card.active {
		margin-top: unset;
	}

	/* CONTENT FIVE */
	.content-wrapper-row-five .btn {
		font-size: 25px;
		padding: 24px 12px;
		width: 100%;
	}

	/* CONTENT SIX */
	.content-wrapper-row-six .content-row-six-one {
		padding: 30px;
		background-color: var(--white);
		box-shadow: 0 42px 34px 0 rgba(91, 103, 103, 0.2);
		text-align: center;
	}
	.content-wrapper-row-six .content-row-six-one > div {
		max-width: unset;
	}
	.content-wrapper-row-six .content-row-six-three {
		padding: 30px 0;
	}
	.content-wrapper-row-six .content-row-six-four {
		padding: 17px 16px;
	}
	.content-wrapper-row-six .content-row-six-five {
		padding: 20px;
	}

	/* SIGN IN */
	.sign-in-wrapper .container-fluid {
		background-image: unset;
	}

	.sign-in-wrapper .sign-in-form-card {
		width: 100%;
		margin: 16px 0;
		box-shadow: 36px 17px 56px 0 rgba(58, 59, 120, 0.2);
	}

	.sign-in-wrapper .container-fluid div.col-12:nth-child(2) {
		align-items: center;
	}

	/* SIGN UP */
	.sign-up-wrapper .sign-up-form-card {
		margin-top: 38px;
	}

	.sign-up-wrapper .sign-up-helper-card {
		padding: 20px;
	}

	.sign-up-wrapper .text-primary-wrapper {
		max-width: 280px;
		position: relative;
		margin: 0 auto;
	}

	.sign-up-wrapper .content-sign-up-one {
		width: 100%;
	}

	.sign-up-wrapper .sign-up-form-card,
	.sign-up-wrapper .sign-up-helper-card {
		max-width: unset;
	}

	.sign-up-wrapper .content-sign-up-one div.text-secondary {
		font-size: 45px;
		text-align: center;
	}
	.sign-up-wrapper .content-sign-up-one div.text-primary {
		font-size: 14px;
	}

	/* SUPPORT AND POLICY PAGES */
	.main-content > .container {
		min-height: unset;
		padding: 16px;
	}

	.main-content .main-content-title {
		font-size: 45px;
	}

	.main-content .main-content-subtitle {
		font-size: 16px;
	}

	.main-content button.btn {
		margin-top: 20px;
		width: 100%;
	}

	.faq-title-collapse {
		font-size: 18px;
		padding: 30px 60px 30px 36px;
	}

	.faq-title-collapse .icon-wrapper {
		height: 20px;
		width: 20px;
	}

	.main-sub-content .collapse > .card-body,
	.main-sub-content .collapsing > .card-body {
		padding: 20px;
	}

	.support-cancel-faq-col .card {
		padding: 26px 20px;
	}

	.support-cancel-faq-col .card-body {
		padding: unset;
	}

	.support-cancel-faq-col button.btn {
		width: 100%;
		margin-top: 12px;
	}
}
