:root {
	--white: #fff;
	--off-white: #E7EDF6;
	--water: #DDE4F0;
	--text: #646D7A;
	--bluish: #416FB6; 
	--red: #DF0E16;
	--navy: #0F1F38;
	--body-font: "Open Sans", sans-serif;
	--heading-font: "Montserrat", sans-serif;
}
html {
	margin: 0 !important;
}
body {
	color: var(--text);
	background-color: #F2F4F8;
	font-family: var(--body-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
h1, h1 :is(span), h2, h3, h4, h5 {
	font-family: var(--heading-font);
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 0;
}
h1 {
	color: var(--off-white);
	font-size: 64px;
	line-height: 1.12;
}
h1 :is(span) {
	display: inline-block;
	color: var(--off-white);
	font-size: 67px;
	font-style: italic;
	line-height: 1.19;
	text-decoration-line: underline;
}
h2, h3, h4, h5 {
	color: var(--navy);
}
h2 {
	font-size: 51px;
	line-height: 1.25;
}
h3 {
	font-size: 38px;
	line-height: 1.26;
}
h4 {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.14;
}
h5 {
	font-family: var(--body-font);
	color: var(--bluish);
	font-size: 21px;
	line-height: 1.3333;
}
h6 {
	margin-bottom: 0;
}
:is(h1, h2, h3, h4) > span {
	color: var(--red);
}
a {
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s;
	text-decoration: none;
	color: var(--bluish);
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.large, .large-bold, .large-upper {
	font-size: 21px;
	line-height: 1.3333;
}
.large-bold {
	color: #C5CFE0;
	font-weight: 700;
	text-transform: capitalize;
}
.large-upper {
	color: var(--bluish);
	font-weight: 700;
	text-transform: uppercase;
}
p, p:last-child {
	margin-bottom: 0;
}
a.logo {
	max-width: 174px;
	height: auto;
}
img {
	max-width: 100%;
	height: auto;
}
.primary-solid, .primary-transparent {
	font-family: var(--body-font);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.333;
	letter-spacing: 0.42px;
	text-transform: uppercase;
	border-radius: 8px;
	display: flex;
	gap: 8px;
	align-items: center;
	text-align: center;
	justify-content: center;
	transition: all 0.3s;
}
.primary-solid {
	padding: 13px 23px;
	color: #FDF2F2;
	background-color: var(--red);
	border: 2px solid var(--red);
}
a > span {
	display: inline-block;
	font-size: 18px;
	line-height: 13px;
	padding: 3px;
}
.primary-solid:hover {
	color: var(--red);
	background-color: #FDF2F2;
}
.primary-solid span svg{
	height: 18px;
	width: 18px;
}
a span svg path {
	fill: currentColor;
}
a:hover span svg path {
	fill: currentColor;
}
.primary-transparent {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.32px;
	padding: 8px 14px;
	color: #FDF2F2;
	background-color: transparent;
	border: 2px solid var(--red);
	color: var(--red);
}
.primary-transparent:hover {
	color: #FDF2F2;
	background-color: var(--red);
}
.white-solid-with-play, .white-solid-without-play {
	color: var(--navy);
	font-family: var(--body-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
	display: flex;
	gap: 24px;
	align-items: center;
	background-color: var(--white);
	border-radius: 56px;
	max-width: max-content;
	padding: 3px;
	border: 1px solid var(--white);
}
:is(.white-solid-with-play, .white-solid-without-play):hover {
	color: var(--white);
	background-color: var(--navy);
}
:is(.white-solid-with-play, .white-solid-without-play) > span {
	padding-right: 0;
	padding: 14px;
	background: var(--red);
	border-radius: 50%;
	line-height: 0px;
}
:is(.white-solid-with-play, .white-solid-without-play) > span svg {
	width: 20px;
	height: auto;
}
:is(.white-solid-with-play, .white-solid-without-play) > span svg path {
	fill: var(--white);
}
:is(.white-solid-with-play, .white-solid-without-play):not(:has(> span)) > i {
	background-color: var(--red);
	color: var(--off-white);
}
:is(.white-solid-with-play, .white-solid-without-play) > i {
	color: #416FB6;
	border-radius: 48px;
	background: #DDE4F0;
	padding: 16px;
	transform: rotate(-45deg);
}
a.white-solid-without-play {
	padding-left: 23px;
}
.red-border-btn {
	color: var(--red);
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 0.42px;
	text-transform: uppercase;
	border-radius: 8px;
	border: 2px solid var(--red);
	padding: 12px 22px;
	max-width: max-content;
	transition: all 0.3s;
	background: no-repeat;
}
.red-border-btn:hover {
	background-color: var(--red);
	color: var(--off-white);
}
.bluish-btn {
	border-radius: 40px;
	padding: 3px 11px;
	color: var(--bluish);
	font-family: var(--body-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	border: 1px solid var(--bluish);
	background-color: transparent;
	transition: all 0.3s;
}
.bluish-btn.active, .bluish-btn:hover {
	border-radius: 40px;
	background: var(--bluish);
	color: var(--off-white);
}
a.small-btn {
    padding: 9px 15px;
    max-width: max-content;
    font-size: 16px;
    line-height: 1.5;
}
i {
	font-family: "Font Awesome 6 Brands";
}
section:first-child {
	min-height: 480px;
}
label {
	padding: 4px 16px;
	color: var(--navy);
}
input, textarea {
	outline: none;
	border: none;
	border-bottom: 1px solid var(--text);
	background: transparent;
	padding: 12px 16px 11px;
	outline: none;
	color: var(--text);
}

/* Site Header Style */
body {
	position: relative;
}
header.site-header {
	position: absolute;
	padding: 20px 0;
	left: 0;
	top: 0;
	width: 100%;
	transition: background-color 0.3s ease;
	z-index: 99;
}
body.admin-bar header.site-header {
	top: 32px;
}
header.site-header.white-header {
	background-color: var(--white);
}
.white-header a.logo img.white-logo {
	display: none;
}
.white-header a.logo img.black-logo {
	display: block!important;
}
.active-menu .white-header a.logo img.black-logo {
	display: none!important;
}
nav.navmenu {
	width: 100%;
}
nav.navmenu > ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}
nav.navmenu > ul > li > a {
	color: #FDF2F2;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	padding: 8px 8px 7px;
	position: relative;
}
nav.navmenu > ul > li.menu-item-has-children > a {
	padding-right: 32px;
	background: url(../img/icon/submenu-icon.svg) no-repeat center right 8px / 10px;
}
nav.navmenu > ul > li > a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0%;
	background-color: #FDF2F2;
	transition: width 0.3s;
}
.white-header nav.navmenu > ul > li > a::after {
	background-color: var(--navy);
}
nav.navmenu > ul > li > ul > li > a {
	color: var(--white);
	text-align: left;
	font-size: 14px;
}
nav.navmenu > ul > li > ul > li > a:hover, nav.navmenu > ul > li > ul > li > a:active {
	color: var(--red);
}

/* Site Footer Style */
footer.site-footer {
	background-color: #111135;
}
footer.site-footer a:hover {
	color: var(--red);
}
.footer-logo-area, .footer-bottom-area {
	padding: 24px 0;
}
.footer-menu-area, .sign-up-area {
	padding: 48px 0;
}
.footer-logo-area .social-links {
	display: flex;
	align-items: center;
	justify-content: end;
}
.footer-logo-area .social-links a {
	color: var(--off-white);
	font-size: 21px;
	line-height: 1.33;
	padding: 8px 24px;
	display: flex;
	align-items: center;
	gap: 32px;
}
.footer-logo-area .social-links a i {
	transform: rotate(-45deg);
	color: var(--red);
	transition: all 0.3s;
}
.footer-logo-area .social-links a:hover i {
	transform: translate(5px, -5px) rotate(-45deg);
}
.footer-menu-area h6 {
	color: #B4BDCC;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0;
	margin-bottom: 24px;
}
.footer-menu-area ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.footer-menu-area ul li a {
	color: var(--off-white);
	font-size: 21px;
	line-height: 1.33;
}
.sign-up-left-content > p {
	color: var(--red);
	font-weight: 700;
	padding-bottom: 4px;
}
.sign-up-left-content > h5 {
	color: #E7EDF6;
	font-family: var(--body-font);
	font-weight: 400;
	line-height: 1.33;
}
.sign-up-content {
	max-width: 470px;
	margin: 0 auto;
}
.sign-up-content > p {
	color: var(--off-white);
}
.input-field-and-submit {
	width: 456px;
	position: relative;
}
.input-field-and-submit input {
	border: none;
	outline: none;
	padding: 0; 
	background: none;
}
.input-field-and-submit input[type="text"] {
	width: 100%;
	background: #F2F4F8;
	padding: 18px 20px;
	border-radius: 8px;
	color: #646D7A;
}
.input-field-and-submit input[type="text"]::placeholder {
	color: var(--text);
}
.input-field-and-submit input[type="submit"] {
	color: #FDF2F2;
	font-weight: 700;
	letter-spacing: 0.32px;
	text-transform: uppercase;
	border-radius: 8px;
	background: var(--red);
	padding: 9px 15px;
	border: 1px solid var(--red);
	transition: all 0.3s;
	position: absolute;
	right: 8px;
	top: 8px;
}
.input-field-and-submit input[type="submit"]:hover {
	background-color: transparent;
	color: var(--red);
}
.membership {
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--white);
}
.membership > a {
	color: var(--off-white);
	font-size: 12px;
	line-height: 1.33;
}
.copyright-text p {
	color: var(--white);
	text-align: center;
}
.term-and-conditions p {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 16px;
	color: var(--white);
}
.term-and-conditions p > a {
	color: var(--off-white);
}



/* Home Hero Section Style */
section.home-hero-section {
	position: relative;
	min-height: 832px;
	background: url(../img/hero-image.png) lightgray 50% / cover no-repeat;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 56px;
}
.hero-home-content {
	padding: 193px 0 0;
	max-width: 750px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
}
.hero-home-content > h1 > a {
	color: var(--off-white);
	font-family: Montserrat;
	font-size: 67px;
	font-style: italic;
	font-weight: 700;
	line-height: 1.2;
	text-decoration-line: underline;
}
.hero-home-content p {
	color: var(--off-white);
	max-width: 550px;
}
.hero-home-bottom-content {
	background: rgba(8, 8, 71, 0.60);
	backdrop-filter: blur(6px);
	padding: 24px 0;
}
.hero-home-bottom-content div:has(> span.custom-column) {
	height: 88px;
	width: 2px;
	display: flex;
	background: #1E3B67;
	justify-content: center;
	align-items: center;
	margin: 0 32px;
}
.single-benefit h5 {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #C5CFE0;
	padding-bottom: 4px;
}
.single-benefit p {
	color: #C5CFE0;
}

/* Business Ownership Section Style */
section.business-ownership {
	padding: 96px 0 64px;
	background-color: var(--white);
}
.business-top-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 12px;
	padding-bottom: 48px;
}
.business-top-content h2 > span {
	color: var(--red);
	font-style: italic;
}
.business-ownership .full-with-img img{
	border-radius: 24px;
	background: linear-gradient(0deg, #416FB6 0%, #416FB6 100%);
	background-blend-mode: soft-light, normal;
}
.business-content {
	position: relative;
}
.business-content p{
	max-width: 696px;
	padding-top: 60px;
}
.business-content .owner-bg {
	position: absolute;
	right: 60px;
	top: -128px;
	border-radius: 24px;
	background: linear-gradient(68deg, #152A4B 34.95%, #013586 100%);
	height: 328px;
	width: 335px;
}
.business-content .owner-bg > .owner-img {
	position: relative;
}
.business-content .owner-bg > .owner-img > img {
	position: absolute;
	top: -170px;
	left: 0;
}

/* Get started Section Style */
section.get-started-section {
	padding: 116px 0;
}
.get-started-content > h2 {
	text-align: center;
	padding-bottom: 64px;
}
.get-started-top-content {
	text-align: center;
	display: flex;
	gap: 12px;
	flex-direction: column;
	padding-bottom: 92px;
}
.started-step {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.single-step {
	background: var(--white);
	border-radius: 16px;
}
.single-step:has(.single-step-title) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 524px;
}
.single-step:not(:has(img)) {
	padding: 32px;
}
.single-step-img {
	padding: 4px;
}
.single-step-img img {
	border-radius: 16px;
	width: 100%;
}
.single-step-content {
	padding: 24px 48px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.single-step:not(:has(.single-step-img)) .single-step-content {
	padding: 0;
}
.single-step-content :is(span) {
	color: #416FB6;
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	padding: 8px 13px;
	display: inline-block;
	border-radius: 100px;
	background: #DDE4F0;
	height: 48px;
	width: 48px;
}
.single-step-content > p {
	color: var(--text);
}
.single-step-content:has(> a) > a {
	margin-top: 8px;
}

/* Finding franchise Section Style */
section.finding-franchise-section {
	padding: 0 0 80px;
}
.franchise-left-content, .single-box-item {
	max-width: 686px;
	display: flex;
	gap: 24px;
	flex-direction: column;
	align-items: self-start;
	height: 100%;
}
.franchise-left-content > p {
	max-width: 576px;
	padding-bottom: 8px;
}
.single-box-item {
	background: var(--white);
	border-radius: 8px;
	padding: 16px;
}
.single-box-item span {
	padding: 16px 18px;
	border-radius: 12px;
	background: #DDE4F0;
	display: inline-block;
}
.single-box-item span > img {
	max-width: 20px;
}

/* Find Guidance and Info Section Style */
section.find-guidance-and-info-section {
	padding: 80px 0 116px;
}
.guidance-and-info {
	padding-top: 64px;
}
.single-guidance.white-paper{
	padding: 32px;
	background-color: var(--white);
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	border-radius: 16px;
}
.single-guidance.white-paper .single-guidance-img {
	border-radius: 12px;
	background: #DDE4F0;
	padding: 16px 18px;
}
.single-guidance.white-paper .single-guidance-img img {
	max-width: 24px;
}
.single-guidance-content h4 {
	padding-bottom: 16px;
}
.single-guidance-content > p {
	color: var(--navy);
	padding-bottom: 24px;
}
.single-guidance {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.single-guidance-img {
	background-color: var(--white);
	padding: 8px;
	border-radius: 16px;
}
.single-guidance-img img {
	border-radius: 16px;
	width: 100%;
}
.single-guidance-content{
	padding: 24px;
	background-color: var(--white);
	border-radius: 16px;
}
.single-guidance.white-paper > .single-guidance-content {
	padding: 0;
}

/* Free Consultation Section Style */
.free-consultation-bg {
	border-radius: 16px;
	background: linear-gradient(120deg, #E7EDF6 15.95%, rgba(255, 255, 255, 0.00) 80.29%), url(../img/free-consultation.png) lightgray 50% / cover no-repeat;
	background-position: center;
	padding: 86px 52px;
}
.colsultation-content {
	max-width: 884px;
	display: flex;
	flex-direction: column;
	gap: 48px;
	align-items: flex-start;
}
.colsultation-content .top-content p {
	color: var(--navy);
	max-width: 576px;
	padding-top: 8px;
}
.colsultation-body-content h4 {
	color: var(--text);
	display: flex;
	align-items: center;
	gap: 16px;
	padding-bottom: 32px;
}
.highlighted-points {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: 32px;
}
.highlighted-points > p > span {
	color: var(--bluish);
	font-weight: 700;
}

/* Franchise Funding Solutions Style */
section.franchise-funding-solutions {
	padding: 136px 0 80px;
}
.funding-solutions-left-content {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.funding-solutions-left-content h5, .funding-solutions-left-content p {
	max-width: 576px;
}
.funding-solutions-left-content h5 {
	color: var(--text);
}
ul.custom-dot {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
ul.custom-dot li {
	color: var(--text);
	font-size: 21px;
	line-height: 1.3333;
	padding-left: 24px;
	position: relative;
}
ul.custom-dot li::before {
	content: '';
	height: 12px;
	width: 12px;
	border-radius: 12px;
	background: #416FB6;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.group-btn {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 24px;
	flex-wrap: wrap;
}
.group-btn a {
	min-width: max-content;
}
.group-btn a.primary-solid {
	letter-spacing: 0.32px;
}
.funding-solutionns-right-content > h5 {
	color: #646D7A;
	padding-bottom: 24px;
}
.funding-column {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.funding-column .single-box-item {
	padding: 24px;
	border-radius: 16px;
}
.funding-column .single-box-item h5 {
	color: var(--text);
}

/* Trusted Franchise Guidance Style */
section.trusted-franchise-guidance {
	padding: 80px 0 48px;
}
.heading-area > p {  
	font-weight: 700;
	padding-top: 12px;
}
.content-area > p > span {
	font-weight: 700;
}
.logo-area {
	display: flex;
	gap: 24px;
	align-items: center;
	flex-wrap: wrap;
}

section.right-franchise-section {
	padding: 48px 0;
}
.right-franchise-img img {
	border-radius: 16px;
}
.right-franchise-content {
	background-color: var(--white);
	padding: 48px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	text-align: center;
}
.right-franchise-content h5 {
	color: var(--text);
	max-width: 334px;
}



/* About Hero Section Style */
section.about-hero-section {
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%);
	min-height: 480px;
}
.about-hero-content {
	padding: 174px 0 32px;
	text-align: center;
}
.about-hero-content h5 {
	color: var(--off-white);
	text-transform: uppercase;
	padding-bottom: 4px;
}
.about-hero-content p {
	max-width: 696px;
	margin: 0 auto;
	color: var(--off-white);
	padding-top: 12px;
}

/* Text Content Section Style */
section.text-content-section {
	padding: 72px 0;
	background-color: var(--white);
}

/* About Us Section Style */
.content-box {
	padding: 48px;
	background-color: var(--white);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.single-img img {
	width: 100%;
	border-radius: 16px;
}

/* Our Story section Style */
section.our-story-section {
	padding: 456px 0 96px;
	margin-top: 476px;
	background-color: var(--white);
}
section.our-story-section .full-width-img {
	position: relative;
}
section.our-story-section .full-width-img > img {
	position: absolute;
	bottom: 84px;
	left: 0;
	border-radius: 32px;
}
.story-left-content h5 {
	padding-bottom: 12px;
}
.story-right-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 56px;
}
.service-overview {
	display: flex;
	flex-direction: column;
	gap: 21px;
}

/* Right Video Section Style */
section.right-video-section {
	margin: 96px auto;
}
.right-video-content {
	padding: 48px;
	background-color: var(--white);
	border-radius: 16px;
}
.left-content-box {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
}
.left-content-box > a.white-solid-without-play {
	margin-top: 16px;
	border: 1px solid var(--red);
}
.right-video-area {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: #E7EDF6;
	border-radius: 24px;
	padding: 8px;
	max-width: max-content;
	margin-left: auto;
}
.right-video-area.left {
	max-width: 340px;
}
.video-wrapper {
	display: none;
}
.video-wrapper > iframe {
	border-radius: 16px;
	height: 416px;
	width: 560px;
}
.video-thumbnail {
	position: relative;
	cursor: pointer;
	width: 560px;
	display: flex;
	justify-content: end;
}
.video-thumbnail > img {
	width: 100%;
	max-width: 560px;
	border-radius: 16px;
}
.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 48px;
	color: var(--red);
	border-radius: 200px;
	background: rgba(255, 255, 255, 0.40);
	backdrop-filter: blur(6px);
	height: 112px;
	width: 112px;
	transition: all 0.3s;
}
.play-button > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.video-thumbnail:hover .play-button {
	background: rgba(255, 255, 255, 0.60);
}



/* Education Hero Section Style */
section.education-hero-section {
	background: linear-gradient(79deg, #111135 41.61%, #141786 100%);
	min-height: 480px;
}
.education-hero-content {
	padding-top: 192px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	text-align: center;
}
.education-hero-content > p {
	padding-bottom: 28px;
	color: var(--off-white);
}

/* Find Guidance Section Style */
section.find-guidance-section {
	padding: 96px 0 60px;
}
section.find-guidance-section .top-content {
	text-align: center;
	max-width: 696px;
	margin: 0 auto;
	padding-bottom: 96px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Plan Comparison Table */
section.plan-comparison-table {
	padding: 60px 0 116px;

}
section.plan-comparison-table .title {
	text-align: center;
	padding-bottom: 64px;
}
.benefit-compare-wrapper-area {
	overflow: auto; 
}
.benefit-compare-wrapper {
	padding: 16px;
	border-radius: 16px;
	background-color: var(--white);
	min-width: 1064px;
}
.feature-area {
	width: 480px;
}
.feature-area > h4, .feature > p {
	padding: 16px;
	min-width: max-content;
}
.franchise-101-area, .join-free-course-area {
	border-left: 1px solid #C5CFE0;
}
.franchise-101-area > h4, .join-free-course-area > h4 {
	text-align: center;
	color: var(--bluish);
	padding: 16px;
}
.checklist > p {
	text-align: center;
	padding: 16px;
	line-height: 28px;
}
.get-more {
	padding: 16px;
	display: flex;
	justify-content: center;
}

/* Right Franchising and Ownership Style */
section.right-franchising-and-ownership {
	padding: 116px 0;
	background-color: var(--white);
}
.franchising-right-area {
	padding-bottom: 64px;
}
.franchising-right-img {
	max-width: 456px;
}
.franchising-right-img > img {
	width: 100%;
	height: auto;
	border-radius: 16px;
}
.franchising-right-content {
	padding: 16px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.franchising-heading-content {
	display: flex;
	flex-direction: column;
	gap: 32px;
	max-width: 816px;
}
.franchising-body-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 16px;
	column-gap: 24px;
}
.franchising-body-content > div {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 0;
}
.franchising-body-content > div > span {
	background: #DDE4F0;
	border-radius: 12px;
	padding: 18px 18px;
}
.franchising-body-content > div > span > img {
	display: block;
}
.ownership-area {
	border-radius: 16px;
	background: var(--off-white);
}
.ownership-content {
	padding: 48px;
	height: 100%;
}
.ownership-inner-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	height: 100%;
	justify-content: center;
}
.ownership-img img {
	border-radius: 16px;
}



/* Franchise 101 hero Style */
section.franchise-101-hero {
	min-height: 536px;
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%), linear-gradient(79deg, #111135 41.61%, #141786 100%);
	padding: 142px 0 52px;
}
.franchise-101-left-content {
	max-width: 816px;
}
.franchise-101-left-content h2 {
	color: var(--off-white);
	padding-bottom: 8px;
}
.franchise-101-left-content > p {
	padding-bottom: 32px;
	color: var(--off-white);
}
.course-overview {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 42px;
}
.course-overview .vr-line {
	display: flex;
}
.course-overview span.custom-column {
	height: 40px;
	width: 2px;
	display: inline-block;
	background: #1E3B67;
}
.course-outline-content .course-overview span.custom-column {
	background: #C5CFE0;
}
.course-outline-content .course-overview > *:not(.vr-line) {
	flex: 1;
}
.course-overview > div > h5 {
	padding-bottom: 4px;
}
.course-overview > div > h5, .course-overview > div > p {
	color: var(--off-white);
	text-align: center;
}
section.franchise-101-hero .right-video-area {
	border-radius: 24px;
	padding: 8px;
	background: #E7EDF6;
}
section.franchise-101-hero .right-video-area .video-wrapper {
	background: none; 
	border-radius: 0;
	padding: 0;
	display: none;
	max-width: 440px;
}
section.franchise-101-hero .right-video-area .video-wrapper > iframe {
	border-radius: 16px;
	height: 326px;
	width: 440px;
}

/* Finding Franchise 101 Style */
section.finding-franchise-101-section {
	padding: 116px 0;
}
.finding-left-content {
	max-width: 696px;
	padding: 48px;
	border-radius: 16px;
	background: #E7EDF6;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.finding-left-content :is(ul.custom-dot) {
	padding-bottom: 42px;
}

/* Course Outline Style */
section.course-outline {
	padding: 116px 0;
	background-color: var(--white);
}
.course-outline-content {
	padding-bottom: 56px;
}
.course-outline-heading {
	padding-bottom: 56px;
}
.course-outline-heading h3 {
	padding-bottom: 32px;
}
.course-outline-heading  p:not(:last-child) {
	padding-bottom: 24px;
}
.course-outline-content .course-overview {
	border-radius: 16px;
	background: #E7EDF6;
	padding: 24px 48px;
	color: var(--text);
	align-items: center;
	justify-content: center;
}
.course-outline-content .course-overview div h5 {
	color: var(--bluish);
}
.course-outline-content .course-overview div p {
	font-weight: 700;
	color: var(--text);
}
.course-main-outline > h4 {
	padding-bottom: 18px;
}
.single-unit {
	padding-bottom: 8px;
}
h5.unit-title  button.unit-button {
	border-radius: 16px 16px 0 0;
	border: 1px solid #C5CFE0;
	background: #FFF;
	padding: 24px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	width: 100%;
	gap: 24px;
	text-align: left;
}
h5.unit-title button.unit-button.collapsed {
	border-radius: 16px;
}
h5.unit-title button.unit-button > div {
	display: flex;
	align-items: center;
	gap: 24px;
	color: var(--text);
}
h5.unit-title button.unit-button > p {
	min-width: max-content;
	color: #416FB6;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding: 3px 16px;
	border-radius: 40px;
	border: 1px solid #416FB6;
}
.unit-content > ol {
	margin: 0;
}
.unit-content > ol > li {
	padding: 16px;
}
.unit-content {
	border-bottom: 1px solid #C5CFE0;
	border-left: 1px solid #C5CFE0;
	border-right: 1px solid #C5CFE0;
	border-radius: 0 0 16px 16px;
}
h5.unit-title button.unit-button > div > i {
	transition: all 0.3s;
	color: #000;
}
h5.unit-title button.unit-button:not(.collapsed) > div > i {
	transform: rotate(90deg);
}


/* Meet Your Instructor Style */
section.Meet-your-instructor {
	padding-top: 116px;
}
.your-instructor-details {
	max-width: 455px;
}
.your-instructor-details h4 {
	padding-bottom: 24px;
}
:is(.your-instructor-details, .left-content-box) h4 > span {
	display: block;
	color: var(--red);
	font-weight: 700;
}
.instructor-img {
	max-width: 352px;
	margin-left: auto;
	background-color: var(--white);
	padding: 8px;
	border-radius: 16px;
}
.instructor-img img {
	border-radius: 12px;
}
/* right-video-section.franchise-101 style */
section.right-video-section.franchise-101 {
	margin: 0px 0 60px;
}
section.right-video-section.franchise-101 .left-content-box > a {
	margin-top: 0;
}
section.right-video-section.franchise-101 .left-content-box {
	max-width: 456px;
	margin-left: auto;
}

/* Free Franchise Fit Style */
section.free-franchise-fit {
	padding: 116px 0 60px;
}
.free-franchise-left-content h3 {
	padding-bottom: 16px;
}
.free-franchise-left-content p {
	padding-bottom: 24px;
}
.free-franchise-left-content a {
	margin-top: 8px;
}
.free-franchise-right-content {
	max-width: 576px;
	margin-left: auto;
}
.free-franchise-right-content h4 {
	padding-bottom: 48px;
}
.free-franchise-right-content ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.free-franchise-right-content ul li {
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--text);
	font-size: 21px;
	line-height: 1.33333;
}
span:has(> img) {
	padding: 16px 18px;
	border-radius: 12px;
	background: #DDE4F0;
	display: inline-block;
}

/* what will learn section Style */
section.what-will-learn-section {
	padding: 60px 0 116px;
}
section.what-will-learn-section .top-content {
	padding-bottom: 64px;
	max-width: 576px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
section.what-will-learn-section .single-box-item {
	padding: 16px;
}

/* conformation Hero Section Style */
section.conformation-hero-section {
    background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%);
    padding: 152px 0 100px;
    min-height: 536px;
}
.conformation-hero-content {
	max-width: 696px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
}
.conformation-hero-content h5 {
	text-transform: uppercase;
	color: #767DE8;
}
.conformation-hero-content h2, .conformation-hero-content p {
	color: var(--off-white);
}

section.conformation-embed-video-section .embed-video-content {
    max-width: 100%;
    position: relative;
    top: -117px;
}
section.conformation-embed-video-section .right-video-area {
    max-width: 100%;
}
section.conformation-embed-video-section .video-thumbnail {
    width: 100%;
}
section.conformation-embed-video-section .video-thumbnail > img {
    width: 100%;
    max-width: 100%;
}
section.conformation-embed-video-section .play-button {
    height: 96px;
    width: 96px;
}

/* Our Resources Section Style */
.our-resources-section {
    padding: 0 0 116px;
}
.our-resources-section .heading {
	padding-bottom: 56px;
}
.our-resources-section .heading > h3 {
	text-align: center;
}
.filter-area {
	display: flex;
	flex-direction: column;
	gap: 48px;
	padding: 48px;
	border-radius: 16px;
	background-color: var(--white);
}
.our-resources-section .filter-area .search-area .search:has(> input) {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--text);
    padding: 12px 16px;
    gap: 12px;
}
.our-resources-section .filter-area .search-area .search label {
    padding: 0;
}
.our-resources-section .filter-area .search-area .search input {
    flex: 1;
    width: 100%;
    max-width: 100%;
}
.category-area .category label, .format-area .format label{
    cursor: pointer;
    transition: all 0.3s ease;
}
.category-area .category label input, .format-area .format label input {
    display: none
}
.category-area .category label span, .format-area .format label span {
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    border-radius: 40px;
    padding: 3px 11px;
    border: 1px solid var(--bluish);
    color: var(--bluish);
    text-align: center;
    display: inline-block;
}
.category-area .category label span:hover, .format-area .format label span:hover {
	background: #416FB6;
	color: #E7EDF6;
}
.category-area .category label input:checked + span, .format-area .format label input:checked + span {
    background-color: var(--bluish);
    color: #E7EDF6;
}
.category-area .category form, .format-area .format form{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.category-area .category form label, .format-area .format form label {
    padding: 0;
}
.category-area h5, .format-area h5 {
    color: var(--text);
    font-weight: 400;
    margin-bottom: 32px;
}
.category-area .category, .format-area .format {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.all-resources .card-heading h4{
	padding-bottom: 12px;
}
.all-resources .card-heading > p {
	color: #0F1F38;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.card-bottom a.red-border-btn, .submit-button-area button.red-border-btn {
	max-width: 100%;
	width: 100%;
}
section.our-resources-section .card-content-area {
    padding: 24px;
}

/* Resources Hero Section Style */
section.resources-hero-section {
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%);
	padding: 176px 0 100px;
}
.resources-hero-content {
	max-width: 711px;
	margin: 0 auto;
	text-align: center;
}
.resources-hero-content h5 {
	padding-bottom: 4px;
	text-transform: uppercase;
}
.resources-hero-content :is( h5, h2 , p ) {
	color: var(--off-white);
}

/* all resources section style */
section.all-resources-section .single-step {
	min-height: 452px;
	padding: 32px;
	position: relative;
	top: -80px;
}

/* Business Assesment Hero */
section.business-assesment-hero {
	padding: 184px 0 48px;
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%), linear-gradient(79deg, #111135 41.61%, #141786 100%), linear-gradient(79deg, #0E153B 41.61%, #022761 100%);
}
.business-assesment-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: center;
}
.business-assesment-content h5 {
	color: var(--off-white);
}
.business-assesment-content h2 {
	color: var(--off-white);
	max-width: 844px;
	margin: 0 auto;
}
.assesment-bottom-links {
    padding-top: 48px;
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}
.assesment-bottom-links > div.vh-line {
	display: flex;
}
.assesment-bottom-links .vh-line:has(span.custom-column):last-child {
    display: none;
}
.assesment-bottom-links > div a {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    text-align: left;
    font-size: 21px;
    color: var(--off-white);
}
.assesment-bottom-links > div a:hover {
	color: var(--red);
}
.assesment-bottom-links div.vh-line span.custom-column {
	height: 24px;
	background-color: var(--off-white);
	width: 1px;
}
.assesment-bottom-links span:has(> img) {
    padding: 0;
    border-radius: 12px;
    background: transparent;
    display: inline-block;
}

/* Funding Calculator Hero style */
section.funding-calculator-hero {
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%), linear-gradient(79deg, #111135 41.61%, #141786 100%);
	padding: 168px 0 32px;
}
.funding-calculator-content {
	max-width: 843px;
	margin: 0 auto;
	text-align: center;
}
.funding-calculator-content h5 {
	text-transform: uppercase;
	padding-bottom: 4px;
	color: var(--off-white);
}
.funding-calculator-content h2 {
	padding-bottom: 32px;
	color: var(--off-white);
}
.funding-calculator-content .group-btn {
	justify-content: center;
}
.funding-calculator-content .group-btn {
	justify-content: center;
}
.funding-calculator-content .group-btn > a {
	color: var(--off-white);
}
.funding-calculator-content .group-btn > a.primary-transparent {
	border-color: var(--off-white);
}
.funding-calculator-content .group-btn > a.primary-transparent:hover {
	background-color: var(--off-white);
	color: var(--red);
}
.funding-calculator-content .group-btn > a.primary-solid:hover {
	background: var(--off-white);
	color: var(--red);
}

/* Funding Plans */
section.funding-plans {
	padding: 116px 0;
}
.funding-plans-top-content {
	text-align: center;
	max-width: 936px;
	margin: 0 auto;
	padding-bottom: 56px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.funding-plans-top-content h2 {
	max-width: 554px;
	margin: 0 auto;
}
.sinle-plan-box {
	border-radius: 16px;
	background: #FFF;
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-height: 100%;
	justify-content: space-between;
}
.single-plan-box-content h4 {
	padding-bottom: 40px;
}
.single-plan-box-content ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.single-plan-box-content ul li {
	display: flex;
	align-items: center;
	gap: 12px;
}
.single-plan-box-content ul li img {
	border-radius: 0;
}

/* Fund Calculator Section Style */
section.fund-calculator-section {
	padding: 0 0 116px;
}
.fund-calculator-content {
	border-radius: 16px;
	background: linear-gradient(125deg, rgba(15, 35, 67, 0.80) 0%, rgba(65, 111, 182, 0.00) 70.42%), linear-gradient(0deg, #416FB6 0%, #416FB6 100%), url(../img/full-width-calculator-bg.png);
	background-color: lightgray;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-blend-mode: normal, soft-light, normal;
	padding: 64px 24px 64px 48px;
}
.fund-left-content {
	max-width: 600px;
}
.fund-left-content h3 {
	color: var(--off-white);
}
section.fund-calculator-section .fund-right-calculator {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.36);
    backdrop-filter: blur(4px);
    padding: 24px;
}
section.fund-calculator-section .fund-form-area {
    padding: 24px;
    background-color: var(--white);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
section.fund-calculator-section .fund-form-area form div:not(:last-child) {
    margin-bottom: 24px;
}
section.fund-calculator-section .fund-form-area form div input {
    background: #F2F4F8;
}
.fund-right-calculator .submit-btn-area {
    display: flex;
    justify-content: flex-end;
}

/* Franchising Match Hero */
section.franchising-match-hero {
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%), linear-gradient(79deg, #111135 41.61%, #141786 100%);
	padding: 184px 0 32px;
}
.franchising-match-hero-content {
	max-width: 936px;
	margin: 0 auto;
	text-align: center;
}
.franchising-match-hero-content h5 {
	color: var(--off-white);
	padding-bottom: 8px;
}
.franchising-match-hero-content h2 {
	color: var(--off-white);
}
h2 > a {
	color: var(--off-white);
	font-style: italic;
	text-decoration: underline;
}

/* Franchise Recommendation From Style */
section.franchise-recommendation-form {
	padding: 116px 0 100px;
}
.recommendation-form-left-content {
	padding: 48px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.recommendation-form-left-content ul {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.recommendation-form-left-content ul li {
	display: flex;
	align-items: center;
	gap: 16px;
	color: #000;
}
.recommendation-form-area {
	padding: 48px;
	background-color: var(--white);
	border-radius: 16px;
}
.recommendation-form-area > p {
    color: var(--text);
    margin-bottom: 24px;
}
div :has(> input) {
	display: flex;
	flex-direction: column;
}
.recommendation-form-area form > div:not(:last-child) {
    margin-bottom: 16px;
}
.recommendation-form-area form div input {
    background: #F2F4F8;
}
.financial-info-area p {
	margin-bottom: 16px;
	font-weight: 700;
	color: var(--bluish);
}
.recommendation-from-bg {
    height: 373px;
}
.recommendation-from-bg img {
    position: relative;
    top: -219px;
    z-index: -1;
	border-radius: 16px;
}
.recommendation-form-area .report-text {
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text);
}
.recommendation-form-area .submit-btn-area button.red-border-btn{
	width: 100%;
	max-width: 100%
}

/* Franchising Search Section Style */
section.franchising-search-section {
	padding: 184px 0 48px;
	text-align: center;
	min-height: inherit;
}
.franchising-search-top-content h5 {
	color: var(--red);
	text-transform: uppercase;
	padding-bottom: 8px;
}
.franchising-search-top-content .search-area {
    padding-top: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-area .category  label, .sortby  label {
	padding: 12px 8px;
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--text);
	font-weight: 700;
}
.search-area .category  label  select, .sortby  label  select {
	color: #DDE4F0;
	font-family: var(--body-font);
	border: none;
	outline: none;
	background: transparent;
	background-image: url(../img/icon/submenu-icon.svg);
	background-repeat: no-repeat;
	background-position: right 7px center;
	padding-right: 28px;
	background-size: 10px 5px;
	appearance: none;
	cursor: pointer;
}
.search-area .search input {
	display: flex;
	align-items: center;
	flex-direction: row;
	border-bottom: 1px solid var(--text);
	max-width: max-content;
	width: 336px;
	gap: 12px;
	padding: 12px 16px 11px;
}
.search-area .search button {
    padding: 12px 16px;
    border: 0;
    background: transparent;
    outline: none;
}
.search-area .search input {
	border-bottom: none;
	padding: 0;
}

/* Explore Opportunities Section Style */
section.explore-opportunities-section {
	padding: 0 0 116px;
}
/* custom card design */
.base-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 100%;
}
.card-img-area > img {
	width: 100%;
	border-radius: 16px;
}
.card-content-area {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    background-color: var(--white);
}
.card-heading > h4 {
	padding-bottom: 8px;
}
.card-heading > p {
	color: var(--navy);
}
.financial-info-area h6 {
	color: var(--bluish);
	font-weight: 700;
	line-height: 1.5;
	padding-bottom: 8px;
}
.Financial-info {
	display: flex;
	gap: 16px;
	align-items: center;
}
.Financial-info  p {
	padding: 0;
	margin: 0;
	color: var(--navy);
	font-weight: 600;
	text-transform: capitalize;
}
.Financial-info p.small {
	color: var(--navy);
	font-family: var(--body-font);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3333;
}
.card-bottom > a.learn-more {
	color: var(--bluish);
	font-family: var(--body-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration-line: underline;
}
.card-bottom > a.learn-more:hover {
	color: var(--red);
}
.explore-opportunities-section .card-heading > p {
    color: #0F1F38;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Pagination */
.site-pagination {
	padding: 8px;
	border-radius: 8px;
	background-color: var(--white);
}
.site-pagination > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2px;
    row-gap: 8px;
    align-items: center;
}
.site-pagination > ul > li:first-child, .site-pagination > ul > li:last-child {
	display: flex;
	flex: 1;
}
.site-pagination > ul > li:last-child {
	text-align: right;
	justify-content: flex-end;
}
.site-pagination > ul > li > :is(a, span) {
    padding: 8px;
    border-radius: 4px;
    color: var(--text);
    text-align: center;
    font-size: 21px;
    line-height: 1.3333;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.site-pagination > ul > li :is(.next, .prev) {
    display: none;
}
.site-pagination > ul > li.active span.current, .site-pagination > ul > li > a:hover {
    background: #DDE4F0;
    font-weight: 700;
    color: #416FB6;
}
.site-pagination > ul > li:first-child > :is(a, span), .site-pagination > ul > li:last-child > :is(a, span) {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: max-content;
    padding: 8px 16px;
}
.site-pagination > ul > li:last-child > a {
	justify-content: flex-end;
}
.site-pagination > ul > li:first-child > a > i, .site-pagination > ul > li:last-child > a > i {
    font-size: 16px;
    padding: 3px;
    line-height: 16px;
}
/* Article Hero Section Style */
.article-hero-section {
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%);
	padding: 192px 0 48px;
}
.article-top-content .search-area {
	padding-top: 80px;
}
.article-top-content h1 {
	padding-bottom: 12px;
}
.article-top-content h2, .article-top-content p {
	color: #F2F4F8;
}
:is(.article-top-content .search-area) label, .category  label  select, .sortby  label  select, 
:is(.newslatter-top-content .search-area) label, .category  label  select, .sortby  label  select
{
	background-color: transparent;
	color: #DDE4F0;
	font-weight: 400;
} 
.article-top-content .search-area .category  label  select option, .sortby  label  select option,
.newslatter-top-content .search-area .category  label  select option, .sortby  label  select option
{
	color: var(--navy);
}
.article-top-content .search-area .search input, .newslatter-top-content .search-area .search input {
    border-bottom: none;
    padding: 12px 0;
    color: #DDE4F0;
    flex: 1;
    width: 100%;
    max-width: 100%;
}
.article-top-content .search-area .search input::placeholder,
.newslatter-top-content .search-area .search input::placeholder
{
	color: #DDE4F0;
}
.article-top-content .search-area .search:has(> input), .newslatter-top-content .search-area .search:has(> input) {
    border-bottom: 1px solid #DDE4F0;
    min-width: 456px;
    flex-direction: row;
    padding: 0;
    align-items: center;
}

/* all-article-section */
section.all-article-section {
	padding: 48px 0;
}
.letest-article-area {
	padding-bottom: 48px;
}
.letest-article-area .base-card, .all-news-section .base-card {
    padding: 24px;
    border-radius: 16px;
    background-color: var(--white);
    height: 100%;
}
:is(.letest-article-area .base-card)  .card-img-area, .card-content-area {
	padding: 0;
}
.letest-article-area .base-card .card-img-area img {
	width: 100%;
	max-width: 100%;
}
.letest-article-area .card-content-area {
	justify-content: space-between;
	height: 100%;
}
.date {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.date > p:first-child {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--text);
}
.date > p:first-child span:has(> img) {
	padding: 6px 7px;
	border-radius: 8px;
	background: #DDE4F0;
	display: inline-flex;
}
.card-content-area .date p.latest-post {
	color: #FDF2F2;
	font-weight: 700;
	padding: 4px 12px;
	background-color: var(--red);
	border-radius: 28px;
}
.sign-up-to-our-newsletter {
	height: 100%;
	border-radius: 16px;
	background: #DDE4F0;
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 336px;
}
.sign-up-to-our-newsletter .heading h4 {
	padding-bottom: 16px;
}
.sign-up-to-our-newsletter .input-field-and-submit {
	border-radius: 8px;
	background: #F2F4F8;
	padding: 8px 16px;
	width: inherit;
	display: flex;
	align-items: center;
	flex-direction: row;
}
.all-article-area .card-content-area {
    padding: 24px;
    flex: 1;
}
.card-content-area .card-bottom {
    margin-top: auto;
}
.all-article-area .card-content-area p {
	max-height: 56px;
	overflow: hidden;
}

/* Newsletter hero Section */
.newslatter-hero-section {
	background: linear-gradient(90deg, #111135 0%, #1D1E5C 64.21%, #2E2E8F 100%), linear-gradient(79deg, #111135 41.61%, #141786 100%);
	padding: 204px 0 48px;
}
.newslatter-top-content h1 {
	padding-bottom: 108px;
	text-align: center;
}
section.newslatter-hero-section .search-area {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.newslatter-hero-section .search-area .search {
	min-width: 336px;
}

/* All News section style */
.all-news-section {
	padding: 48px 0;
}
section.all-news-section .card-content-area {
	height: 100%;
	justify-content: space-between;
}

/* Blog Detail Top Section */
.blog-detial-top-section {
	padding: 184px 0 72px;
}
body.admin-bar .blog-detial-top-section {
	padding-top: 220px;
}
.blog-detail-top-content h1 {
	color: var(--navy);
	font-size: 61px;
	padding-top: 12px;
}
.blog-detail-top-img img {
	width: 100%;
	border-radius: 16px;
}

/* Blog Detail Bottom Section */
.blog-detail-bottom-section {
	padding: 72px 0;
	background-color: var(--white);
}
.blog-detail-content figure:not(figure:last-child) {
	margin-bottom: 48px;
}
.blog-detail-content img {
	width: 100%;
	border-radius: 16px;
}
.blog-detail-content h3, .blog-detail-content h4 {
	margin-bottom: 24px;
}
.blog-detail-content > p {
	font-size: 21px;
	line-height: 1.33;
	margin-bottom: 24px;
}
.blog-detail-content * + figure {
	margin-top: 48px;
}
.blog-detail-content figure .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
}
.blog-detail-content figure .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 16px;
}
.right-signup-and-news {
	max-width: 456px;
}
.right-signup-and-news .input-field-and-submit, .letest-article-area .input-field-and-submit {
	padding: 0;
}
.sign-up-to-our-newsletter .sign-up-form {
	width: 100%;
}
.latest-news-area {
	border-radius: 24px;
	background: #F2F4F8;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 24px;
}
.latest-news-area .sinle-news {
	display: flex;
	align-items: center;
	gap: 16px;
}
.latest-news-area .sinle-news .news-img {
	flex: 0 0 40%;
}
.latest-news-area .sinle-news .news-img img {
	max-width: 100%;
	border-radius: 16px;
}
.latest-news-area .sinle-news .news-title h5 {
	color: var(--text);
}

/* Franchising Search Section */
section.franchising-search-section {
	padding: 184px 0 48px;
}
section.explore-opportunities-section {
	padding: 0 0 70px;
}
section.explore-opportunities-section .base-card {
	height: 100%;
}
section.explore-opportunities-section .card-content-area {
	padding: 24px;
	height: 100%;
	justify-content: space-between;
}
.franchising-search-top-content .search-area .category  label  select, .franchising-search-top-content .sortby  label  select {
    color: var(--text);
    background-image: url(../img/icon/black-submenu-icon.svg);
}
.franchising-search-top-content .sortby  label  select {
    color: var(--text);
}
.franchising-search-top-content .search:has(> input) {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--text);
    min-width: 336px;
}
.franchising-search-top-content .search-area .search input {
    border-bottom: none;
    padding: 12px 0;
    width: 100%;
    flex: 1;
    max-width: 100%;
}

/* Podcast Hero Style */
.podcast-hero-section {
    background: url(../img/podcast-hero-bg.png) lightgray 50% / cover no-repeat;
    background-position: center;
    position: relative;
    background-color: var(--bluish);
}
.podcast-hero-content {
	max-width: 935px;
	margin: 0 auto;
	padding: 270px 0 32px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 832px;
}
.podcast-inner-top-content {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
	position: relative;
	z-index: 1;
}
.podcast-inner-top-content > p {
	color: #F2F4F8;
}
.podcast-inner-bottom-content {
	display: flex;
	align-items: center;
	padding: 8px 16px;
	gap: 48px;
	margin: 0 auto;
}
.podcast-inner-bottom-content h6 {
	color: #F2F4F8;
	font-weight: 700;
}
.overlay-img {
	position: absolute;
	bottom: 129px;
	left: 50%;
	transform: translateX(-50%);
	padding: 24px;
	width: 100%;
}
.podcast-inner-bottom-content ul {
	display: flex;
	align-items: center;
	gap: 32px;
}
.podcast-inner-bottom-content ul li a {
	padding: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #F2F4F8;
}
.podcast-inner-bottom-content ul li a:hover {

	color: var(--red);
}
.podcast-inner-bottom-content ul li a i {
	font-size: 24px;
}

/* Podcast Embed Video Style */
section.embed-video-section {
	padding: 116px 0 62px;
}
.embed-video-content {
	max-width: 952px;
	margin: 0 auto;
}
section.embed-video-section .right-video-area {
	background-color: var(--white);
}
.embed-video-content h2 {
	text-align: center;
	padding-bottom: 56px;
}
.embed-video {
	position: relative;
}
.embed-video img {
	border-radius: 16px;
}
.embed-video span.icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 200px;
	background: rgba(255, 255, 255, 0.40);
	backdrop-filter: blur(6px);
	display: inline-block;
	height: 102px;
	width: 102px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.embed-video span.icon i {
	font-size: 46px;
	color: var(--red);
}

/* Meet Our Hosts Section Style */
.meet-our-hosts-section {
	padding: 62px 0 90px;
}
.meet-our-hosts-section .top-content {
	padding-bottom: 56px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.meet-our-hosts-section .all-hosts {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.meet-our-hosts-section .all-hosts .host-tesly-malfa, .meet-our-hosts-section .all-hosts .host-chris-malfa {
	display: flex;
	flex-direction: column;
	gap: 48px;
	background-color: var(--white);
	border-radius: 16px;
	padding: 48px;
}
.profile-header {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}
.meet-our-hosts-section .all-hosts p {
	color: #0F1F38;
}

/* Previous Podcast Section Style */
.previous-podcasts-section {
	padding: 64px 0;
	background-color: var(--white);
}
.single-podcast {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.single-podcast img {
	border-radius: 16px;
	width: 100%;
}
.single-podcast h5 {
	color: #0F1F38;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.single-podcast > a:hover {
	color: var(--red);
}



/* Contact Section Style */
section.contact-section {
	padding: 200px 0 64px;
}
.contact-left-content > .contact-intro {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-bottom: 56px;
}
.contact-left-content > .contact-intro > h5 {
	color: var(--red);
	text-transform: uppercase;
}
.contact-with-instructors {
	padding-bottom: 68px;
}
.lesly-malfa, .cheris-malfa {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.lesly-malfa h5, .cheris-malfa h5 {
	color: #0F1F38;
}
.lesly-malfa > a, .cheris-malfa > a {
	text-decoration-line: underline;
}
.lesly-malfa > a, .cheris-malfa > a {
	text-decoration-line: underline;
}
.social-media h5 {
	color: #0F1F38;
}
.social-links ul {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-top: 12px;
}
.social-links ul li a i {
	font-size: 20px;
	padding: 2px;
	color: var(--bluish);
}
.contact-form-area {
	border-radius: 16px;
	background: #FFF;
	padding: 48px;
}
.contact-form-area h4 {
	padding-bottom: 8px;
}
form.wpcf7-form {
	padding-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
form.wpcf7-form > div input:not([type="submit"]), form.wpcf7-form > div textarea {
	outline: none;
	border: none;
	border-bottom: 1px solid var(--text); 
	background: #F2F4F8;  
	padding: 12px 16px;  
	outline: none;  
	color: var(--text);
}
form.wpcf7-form > div textarea {
	max-height: 97px;
	width: 100%;
}
form.wpcf7-form > div {
	display: flex;
	flex-direction: column;
	position: relative;
}
form.wpcf7-form > div label {
	padding: 4px 16px;
	color: var(--navy);
}
span.wpcf7-spinner {
	position: absolute;
	right: 0;
}
form.wpcf7-form input.wpcf7-not-valid {
	border-bottom: 1px solid var(--red) !important;
}
span.wpcf7-not-valid-tip {
	display: none !important;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding: 5px;
	font-size: 14px;
}
/* FAQs Section Style */
section.faqs-section {
	padding: 176px 0 116px;
}
body.admin-bar section.faqs-section {
	padding-top: 208px;
}
section.faqs-section .title:has(> h2) {
	padding-bottom: 24px;
}
.faqs-top-content {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 757px;
	margin: 0 auto;
	padding-bottom: 56px;
}
.faqs-top-content h5 {
	color: var(--red);
	font-family: var(--body-font);
}
.faqs-top-content h2 {
	line-height: 1.25;
}
.single-item {
	border-bottom: 1px solid #C5CFE0;
}
h5.question-title .question-button {
	color: var(--text);
	font-family: var(--heading-font);
	border: none;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 32px 24px;
	background: no-repeat;
}
.question-body {
	padding: 0 24px 32px;
	border-bottom: 1px solid var(--navy);
}
body.admin-bar section.franchise-101-hero {
	padding-top: 178px;
}
.finding-steps .single-box-item {
	padding: 24px;
	border-radius: 16px;
}

/* Our Assessment Helps Section */
section.our-assessment-helps-section {
	padding: 116px 0;
}
.assessment-content-area h4 {
	color: var(--navy);
	text-align: center;
	max-width: 816px;
	margin: 0 auto 56px;
}
.assessment-single-box {
	padding: 48px;
	border-radius: 16px;
	background-color: var(--white);
}
.assessment-box-heading {
	padding: 24px 16px 40px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.assessment-box-heading .question-number, .assessment-body-content .option-item .option-label, .assessment-single-box.submit-box .question-number {
	border: 1px solid var(--navy);
	min-height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	line-height: 1;
	font-weight: 700;
	color: var(--navy);
}
.question {
	text-align: left;
}

.question h5 {
	color: var(--text);
	font-weight: 400;
}
.assessment-body-content .option-item {
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	border-top: 1px solid #C5CFE0;
	cursor: pointer;
	transition: all 0.3s;
}
.assessment-body-content .option-item:first-child {
	border-top: none;
}
.assessment-body-content .option-item p.option-text span {
	font-weight: 700;
}
.assessment-body-content {
	margin-bottom: 32px;
}
.assessment-body-content .option-item p {
    text-align: left;
}
.assessment-body-content .option-item:hover, .assessment-body-content .option-item.active {
	border-radius: 16px;
	background: #F2F4F8;
	border-color: transparent;
}
.assessment-body-content .option-item:hover .option-label, .assessment-body-content .option-item.active .option-label {
	background-color: var(--bluish);
	color: var(--white);
}
.assessment-bottom-btn {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: flex-end;
}
.assessment-body-content .option-item .option-label {
	color: var(--text);
	background-color: #E7EDF6;
	border: none;
	transition: all 0.3s;
}
.assessment-body-content .option-item:hover {
	border-radius: 16px;
	background: #F2F4F8;
	border-color: transparent;
}
.assessment-body-content .option-item:hover .option-label {
	background-color: var(--bluish);
	color: var(--white);
}
.assessment-body-content .option-item:hover + .option-item, .assessment-body-content .option-item.active + .option-item {
	border-top-color: transparent;
}
.assessment-body-content .option-item:last-child {
	border-bottom: 1px solid #C5CFE0;
}
.assessment-body-content .option-item:last-child:hover, .assessment-body-content .option-item.active:last-child {
	border-color: transparent;
}
.assessment-bottom-btn .primary-solid {
    letter-spacing: 0.32px;
}
.single-podcast.single .date img {
    border-radius: 0;
}
.letest-article-area .base-card {
    flex-direction: row;
}
.letest-article-area .base-card a.card-img-area {
    display: flex;
    min-height: 100%;
}
.card-content-area .card-heading a {
    margin-bottom: 8px;
}

/* Franchising Modal */
.franchising-modal {
	background-color: #F2F4F8;
}
.franchising-modal .modal-dialog {
	max-width: 936px;
}
.franchising-modal .modal-content {
    border: none;
    background-color: transparent !important;
}
.assessment-single-box.franchising-modal-box {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.assessment-single-box.franchising-modal-box .assessment-body-content {
    margin-bottom: 0;
	text-align: left;
}
.franchising-modal-logo {
    text-align: center;
}
.franchising-modal-logo img {
    max-width: 174px;
    height: auto;
}
.assessment-single-box.submit-box .question-number {
	height: 40px;
	min-height: 40px;
}
.assessment-single-box.submit-box .franchising-modal-body {
    display: flex;
    gap: 16px;
    padding: 24px 16px;
}
.assessment-single-box.franchising-modal-box.submit-box .question, .assessment-single-box.franchising-modal-box.submit-box .question h5 {
    margin-bottom: 16px;
}
.assessment-body-content form div:not(:last-child) {
    margin-bottom: 16px;
}
.assessment-body-content div input {
    background-color: #F2F4F8;
}
.franchising-modal .assessment-single-box.franchising-modal-box {
    gap: 56px;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.franchising-modal .franchising-modal-body h4 {
    margin-bottom: 8px;
}
.franchising-modal .assessment-bottom-btn {
    flex-wrap: wrap;
}
.franchising-modal .assessment-bottom-btn .timer {
    padding: 4px 16px 4px 4px;
    display: flex;
    align-items: center;
    gap: 17px;
    border-radius: 8px;
    background: #F2F4F8;
    font-weight: 700;
    color: var(--text);
}
.franchising-modal .assessment-bottom-btn .timer span {
    border-radius: 8px;
    background: #DDE4F0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    width: 56px;
}
.franchising-modal .franchising-modal-body h4 {
    margin-bottom: 16px;
}
.blog-detail-top-content .financial-info-area {
    margin-top: 32px;
}
.schedule-form-step {
    display: flex;
    align-items: center;
    justify-content: center;
}
.schedule-step {
    display: none;
}
.schedule-step.active {
    display: block;
}
.franchising-modal .assessment-bottom-btn {
    flex-wrap: wrap;
    width: 100%;
}
.assessment-bottom-btn .primary-solid, .assessment-bottom-btn .primary-transparent {
    padding: 8px 16px;
    font-size: 16px;
    line-height: 1.5;
}
.step-1 .assessment-bottom-btn .primary-solid, .step-4 .assessment-bottom-btn .primary-solid {
    padding: 12px 24px;
    font-size: 21px;
    line-height: 1.33;
}
.step-4 .assessment-single-box.franchising-modal-box {
    max-width: 696px;
}
.step-4 .assessment-bottom-btn {
    justify-content: center;
}
 
@media screen and ( max-width: 991px) {
	.franchising-modal .modal-dialog {
		max-width: 720px;
	}
}
@media screen and ( max-width: 767px) {
	.franchising-modal .modal-dialog {
		max-width: 540px;
	}
}
@media screen and ( max-width: 575px) {
	.franchising-modal .modal-dialog {
		max-width: 100%;
		margin:16px;
	}
}