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

:root {
	/*--- Colors ---*/
	--headerBg: #FFFFFF;
	--headerFontColor: #14599A;
	--footerBg:#14599A;
	--footerFontColor: #FFFFFF;
	--defaultBg: #14599A;
	--bgFontColor: #FFFFFF;
	--primaryFontColor: #14599A;
	--secondaryFontColor: #50A428;
	--defaultFontColor: #707070;
	--linkColor: #50A428;
	--linkHoverColor: #14599A;
	--buttonBg: #50A428;
	--buttonFontColor: #FFFFFF;
	--buttonHover: #5FC22F;
	--buttonHoverFont: #FFFFFF;
	--menuFont: #14599A;
	--menuActiveFont: #50A428;
	--menuHoverFont: #50A428;
	--white: #FFFFFF;
	--black: #000000;
	--gray: #707070;

	--topBarBg: #14599A;

	/*--- 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;
}
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-80 {
    gap: 80px
}

.title_align_center .common-header,
.content_align_center .content_wrap {
    text-align: center;
}
.content_align_center .primary-btn {
	align-self: center;
}
.content_align_center .btns {
	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;
}

.btn-primary, .primary-btn {
	min-width: 211px;
	font-family: var(--defaultFontFamily);
	font-size: var(--defaultDeskFont);
	line-height: var(--defaultDeskLineHt);
	font-weight: bold;  
	background-color: var(--buttonBg);
	border-color: var(--buttonBg);
	color: var(--buttonFontColor);
	padding: 12px 35px;
	border-radius: 31px;
	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 {
	font-family: var(--h2FontFamily);
    font-size: var(--h2DeskFont);
	line-height: var(--h2DeskLineHt);
	font-style: var(--h2FontStyle);
	font-weight: var(--h2FontWt);
}
.secHead {
    font-size: var(--h2DeskFont);
    line-height: var(--h2DeskLineHt);
}
.sub-heading, .blue-text {
	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;
}
ul {
	list-style: disc;
	padding-left: 20px;
	text-align: left;
}
.content_wrap .btns {
	display: flex;
}
.btnDisabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

/*--- Blog Detaqil Page ---*/
.blog_inner_block .post_meta {
    color: var(--gray);
    font-family: var(--h4FontFamily);
    font-size: var(--h4DeskFont);
    font-style: normal;
    font-weight: 400;
    line-height: var(--h4DeskLineHt);
}
.blog_inner_block .blog_title {
    color: var(--primaryFontColor);
    font-family: var(--h3FontFamily);
    font-size: var(--h3DeskFont);
    font-style: normal;
    font-weight: 700;
    line-height: var(--h3DeskLineHt);
    letter-spacing: 0.1px;
}


@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;
	}
}