/* GLOBAL STYLES */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
	--headerBg: #181b48;
	--headerFontColor: #FFFFFF;
	--footerBg:#06092F;
	--footerFontColor: #FFFFFF;
	--defaultBg: #181B48;
	--bgFontColor: #FFFFFF;
	--primaryFontColor: #181B48;
	--secondaryFontColor: #b59157;
	--defaultFontColor: #737373;
	--linkColor: #181B48;
	--linkHoverColor: #b59157;
	--buttonBg: #181B48;
	--buttonFontColor: #FFFFFF;
	--buttonHover: #333778;
	--buttonHoverFont: #FFFFFF;
	--menuFont: #FFFFFF;
	--menuActiveFont: #FFFFFF;
	--menuHoverFont: #b59157;
	--white: #FFFFFF;
	--black: #000000;
	--gray: #737373;

	--gradient-text: linear-gradient(90deg, #b59157 0%, #181b48 100%);

	--topBarBg: #FFFFFF;

	/*--- Container ---*/
	--containerWidth: 1470px;
	--innerDeskPT: 65px;
	--innerDeskPB: 65px;
	--innerMobPT: 50px;
	--innerMobPB: 50px;
	--innerDeskPL: 36px;
	--innerDeskPR: 36px;
	--innerMobPL: 20px;
	--innerMobPR: 20px;

	/*--- Fonts ---*/
	--h1DeskFont: 65px;
	--h1MobFont: 65px;
	--h1DeskLineHt: 67px;
	--h1MobLineHt: 67px;
	--h1FontFamily: "Open Sans", sans-serif;
	--h1FontWt: 400;
	--h1FontStyle: normal;

	--h2DeskFont: 65px;
	--h2MobFont: 65px;
	--h2DeskLineHt: 67px;
	--h2MobLineHt: 67px;
	--h2FontFamily: "Open Sans", sans-serif;
	--h2FontWt: 400;
	--h2FontStyle: normal;

	--h3DeskFont: 30px;
	--h3MobFont: 30px;
	--h3DeskLineHt: 37px;
	--h3MobLineHt: 37px;
	--h3FontFamily: "Open Sans", sans-serif;
	--h3FontWt: 400;
	--h3FontStyle: normal;

	--h4DeskFont: 25px;
	--h4MobFont: 25px;
	--h4DeskLineHt: 34px;
	--h4MobLineHt: 34px;
	--h4FontFamily: "Open Sans", sans-serif;
	--h4FontWt: 400;
	--h4FontStyle: normal;

	--defaultDeskFont: 20px;
	--defaultMobFont: 20px;
	--defaultDeskLineHt: 27px;
	--defaultMobLineHt: 27px;
	--defaultFontFamily: "Open Sans", sans-serif;
	--defaultFontWt: 400;
	--defaultFontStyle: normal;

	--menuDeskFont: 65px;
	--menuMobFont: 65px;
	--menuDeskLineHt: 67px;
	--menuMobLineHt: 67px;
	--menuFontFamily: "Open Sans", sans-serif;
	--menuFontWt: 400;
	--menuFontStyle: normal;
}

html, body { height: 100%; }
body,
body::before,
body::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: var(--defaultFontFamily);
    font-size: var(--defaultDeskFont);
}
.container {
	max-width: var(--containerWidth);
	padding-left: var(--innerDeskPL);
	padding-right: var(--innerDeskPR);
	margin: 0 auto;
}
.container .container {
	padding-left: 0;
	padding-right: 0;
}
section:not(.hero-banner-section) {
	margin-top: var(--innerDeskPT);
	margin-bottom: var(--innerDeskPB);
}
.inner-sec {
    position: relative;
    padding-top: var(--innerDeskPT);
    padding-bottom: var(--innerDeskPB);
}

.content-flex-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.g-10 {
    gap: 10px;
}
.g-15 {
    gap: 15px;
}
.g-25 {
    gap: 25px;
}
.g-30 {
    gap: 30px;
}
.g-40 {
    gap: 40px;
}
.g-50 {
    gap: 50px;
}
.g-60 {
    gap: 60px;
}
.g-70 {
    gap: 70px;
}
.g-80 {
    gap: 80px;
}

.title_align_center .common-header,
.title_align_center .sub_head_wrap,
.content_align_center .content_wrap {
    text-align: center;
}
.content_align_center .primary-btn {
	align-self: center;
}
.content_align_center .btns {
	display: flex;
	justify-content: center;
}

p, p>*, li, ul, ol, time {
	font-size: var(--defaultDeskFont);
	font-family: var(--defaultFontFamily);
	font-weight: var(--defaultFontWt);
	font-style: var(--defaultFontStyle);
	line-height: var(--defaultDeskLineHt);
	color: var(--defaultFontColor);	
}
a:not(.btn) {
	text-decoration: none;
	font-family: inherit;
}

.btns_wrapper {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}
.btn-primary, .primary-btn {
	min-width: 211px;
	min-height: 50px;
	font-family: var(--defaultFontFamily);
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	background-color: var(--buttonBg);
	border-color: var(--buttonBg);
	color: var(--buttonFontColor);

	display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    border-radius: 999px;
	/*text-align: center;
	align-self: flex-start;*/
}
.btn-primary:hover, .primary-btn:hover {
	background-color: var(--buttonHover);
	border-color: var(--buttonHover);
	color: var(--buttonHoverFont);
}

.common-title {
    font-family: var(--h1FontFamily);
    font-size: var(--h1DeskFont);
    font-style: var(--h1FontStyle);
	font-weight: var(--h1FontWt);
    line-height: var(--h1DeskLineHt);
    color: var(--primaryFontColor);
    /*text-transform: uppercase;*/
}
.common-title span {
    color: var(--secondaryFontColor);
    font-weight: 700;
}
h2.common-title,
h2 {
	font-family: var(--h2FontFamily);
    font-size: var(--h2DeskFont);
	line-height: var(--h2DeskLineHt);
	font-style: var(--h2FontStyle);
	font-weight: var(--h2FontWt);
	color: var(--primaryFontColor);
}
.secHead {
    font-size: var(--h2DeskFont);
    line-height: var(--h2DeskLineHt);
}
.sub-heading,
h3 {
	font-family: var(--h3FontFamily);
	font-size: var(--h3DeskFont);
	line-height: var(--h3DeskLineHt);
	font-style: var(--h3FontStyle);
	font-weight: var(--h3FontWt);
	color: var(--secondaryFontColor);
}
.pre-heading {
	margin: 4px 12px;
	padding: 0.45rem 0.95rem;
	border: 0;
	border-radius: 999px;
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	line-height: 0.2px;
	text-transform: none;
	background: linear-gradient(90deg, var(--primaryFontColor) 0%, var(--secondaryFontColor) 100%);
}
.blue-text,
h4 {
	font-family: var(--h4FontFamily);
	font-size: var(--h4DeskFont);
	line-height: var(--h4DeskLineHt);
	font-style: var(--h4FontStyle);
	font-weight: var(--h4FontWt);
	color: var(--primaryFontColor);
}

.parah {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: var(--defaultFontFamily);
    font-size: var(--defaultDeskFont);
    font-style: var(--defaultFontStyle);
    font-weight: 400;
    line-height: var(--defaultDeskLineHt);
    color: var(--defaultFontColor);
}
.parah .highlight,
.parah strong {
    color: var(--secondaryFontColor) !important;
    font-weight: 700;
}
.parah a {
	color: var(--primaryFontColor);
}
.parah a:hover {
	color: var(--secondaryFontColor);
}
.text_white * {
    color: var(--white) !important;
}
.text_white .sub-heading {
    color: var(--secondaryFontColor) !important;
}
.parah ul {
	list-style: disc;
	padding-left: 20px;
	text-align: left;

	display: flex;
	flex-direction: column;
	gap: 10px;
}
.parah ol {
	list-style: decimal;
	padding-left: 50px;
	text-align: left;

	display: flex;
	flex-direction: column;
	gap: 10px;
}
.parah ul li::after {
	content: '';
	height: 2px;
	width: 2px;
	padding: 6px;
	border-radius: 11px;
	background-color: var(--secondaryFontColor);
	position: absolute;
	left: 0px;
	top: 12px;
}

.content_wrap .btns {
	display: flex;
}
.btnDisabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.common_list {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 30px;
}
.common_list li {
    display: flex;
    align-items: baseline; /*center;*/
    gap: 15px;
    font-family: var(--defaultFontFamily);
    font-size: var(--defaultDeskFont);
    font-style: var(--defaultFontStyle);
    font-weight: var(--defaultFontWt);
    line-height: var(--defaultDeskLineHt);
    color: var(--defaultFontColor);
}
.common_list li i {
    color: #0bcb58 !important;
}

.main_content_wrapper {
    display: flex;
    flex-direction: row;
    gap: 70px; /*55px;*/
    align-items: start;
}
.fifty .col_1 {
    flex-basis: calc(50% - 55px);
}
.fifty .col_2 {
    flex-basis: 50%;
}
.sixty .col_1 {
    flex-basis: calc(60% - 55px);
}
.sixty .col_2 {
    flex-basis: 40%;
}
.seventy .col_1 {
    flex-basis: calc(70% - 55px);
}
.seventy .col_2 {
    flex-basis: 30%;
}
.reverse .main_content_wrapper {
    flex-direction: row-reverse;
}
.main_content_wrapper.align_items_start {
    align-items: start;   
}
.main_content_wrapper.align_items_center {
    align-items: center;   
}
.main_content_wrapper.align_items_end {
    align-items: end;   
}
.col_2 .img_wrap img {
    max-width: 100%;
    border-radius: 20px;
}

.gradient_text {
	background: var(--gradient-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.blockquote_wrap {
    position: relative;
    min-height: 163px;
    border-left: 6px solid var(--secondaryFontColor);
    border-right: 6px solid var(--secondaryFontColor);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    background: var(--primaryFontColor);
    color: var(--white);
    text-align: center;
    box-shadow: 0 16px 36px rgba(24, 27, 72, 0.18);
    padding: 0 30px;

	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
.blockquote_wrap.white-quote {
    background: var(--white);
    color: var(--primaryFontColor);
}
.blockquote_wrap .quote_desc {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    line-height: 24px;
    letter-spacing: 0.2px;

	display: flex;
    flex-direction: column;
    gap: 20px;
}
.blockquote_wrap .quote_desc b,
.blockquote_wrap .quote_desc strong {
	font-weight: 700;	
}
.blockquote_wrap .quote_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0.2px;
}
.blockquote_wrap.white-quote .quote_title,
.blockquote_wrap.white-quote .quote_desc {
    color: var(--primaryFontColor) !important;
}

@media (max-width: 992px) {
	.main_content_wrapper {
		flex-direction: column;
		gap: 50px;
	}
	.reverse .main_content_wrapper {
		flex-direction: column-reverse;
	}
}

@media(max-width:767px) {
	:root {
		--innerDeskPT: var(--innerMobPT) !important;
		--innerDeskPB: var(--innerMobPB) !important;
		--innerDeskPL: var(--innerMobPL) !important;
		--innerDeskPR: var(--innerMobPR) !important;
		--h1DeskFont: var(--h1MobFont) !important;
		--h1DeskLineHt: var(--h1MobLineHt) !important;
		--h2DeskFont: var(--h2MobFont) !important;
		--h2DeskLineHt: var(--h2MobLineHt) !important;
		--h3DeskFont: var(--h3MobFont) !important;
		--h3DeskLineHt: var(--h3MobLineHt) !important;
		--h4DeskFont: var(--h4MobFont) !important;
		--h4DeskLineHt: var(--h4MobLineHt) !important;
		--defaultDeskFont: var(--defaultMobFont) !important;
		--defaultDeskLineHt: var(--defaultMobLineHt) !important;
		--menuDeskFont: var(--menuMobFont) !important;
		--menuDeskLineHt: var(--menuMobLineHt) !important;
	}
	.g-50 {
		gap: 30px
	}
}