/*
	Theme Name: Knowledge
	Created: 05/15/2016
	Updated: 06/08/2016
	Version: 1.0

*/
/* ========================================================================== */
/* ========================================================================== */
							/* [Table of contents] */
/* ========================================================================== */
/* ========================================================================== */

/*	
	## Global
		- Padding/Margin
		
		
	## Fonts Settings
		-- Roboto
		-- RobotoBlack
		-- Roboto Slab
		-- Niconne
		-- Open Sans
		-- Poppins

	## Header
		-- Top Header
		
		
	## Footer
		-- Footer Main
		-- Footer Bottom 
		-- Footer2
	
	## Page Banner
	
	## Section Header
	
	## Responsive
		-- min-width: 1200
		-- min-width: 992
		-- min-width: 992 to max-width: 1199
		-- max-width: 991
		-- max-width: 767
		-- max-width: 639
		-- max-width: 479
*/

/* ## Global */
body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #000;
	overflow-x: hidden;
}
main,
footer {
	overflow-x: auto;
}
img {
    max-width: 100%;
	height: auto;
}
a {
    outline: 0 !important;
}

/* - Padding/Margin */
.no-padding {
	padding: 0;
}
.no-left-padding{
	padding-left: 0;
}
.no-right-padding {
	padding-right: 0;
}
.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding {
	padding-bottom: 0;
}
.no-margin {
	margin: 0;
}
.no-left-margin {
	margin-left: 0;
}
.no-right-margin {
	margin-right: 0;
}
.no-top-margin {
	padding-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}

/* - OW pull-left/pull-right */
.ow-pull-left  {
	float: left;
}
.ow-pull-right  {
	float: right;
}

/* -- Section Padding */
.section-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* -- Section Header */
.section-header {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 45px;
}
.section-header h3{
	color: #222;
	font-size: 32px;
	line-height: 28px;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	text-transform: capitalize;
	margin: 0 0 17px;
	word-wrap: break-word;
}
.section-header h3 span{
	color: #d4af37;
}
.section-header p {
	color: #777;
	font-size: 15px;
	letter-spacing: 0.30px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	word-wrap: break-word;
}

/* ## Fonts Settings */

/* font-family: 'Roboto', sans-serif; */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* -- font-family: 'Niconne', cursive; */
/* latin-ext */
@font-face {
  font-family: 'Niconne';
  font-style: normal;
  font-weight: 400;
  src: local('Niconne'), local('Niconne-Regular'), url(https://fonts.gstatic.com/s/niconne/v6/at9nZeERhG1mh4D7CWUJzfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niconne';
  font-style: normal;
  font-weight: 400;
  src: local('Niconne'), local('Niconne-Regular'), url(https://fonts.gstatic.com/s/niconne/v6/Ci0yFRBPDqtg7EHO7VR0Zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* -- font-family: 'Open Sans', sans-serif; */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* -- RobotoBlack */
/* -- font-family: 'robotoblack'; */
@font-face {
   font-family: 'robotoblack';
    src: url('fonts/roboto-black.woff2') format('woff2'),
         url('fonts/roboto-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* -- font-family: 'Poppins', sans-serif; */
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/gG8m82oGcrBJF727xHU04fY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/F4YWuALHubF63LLQPw0rMfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/HLBysyo0MQBO_7E-DWLwzg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v1/BAM-XigHGVWzifDv8-EC1SEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v1/9VWMTeb5jtXkNoTv949NpSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v1/zO07Oxe3SOlw0l2YX2sdIfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* ## Header */
/* -- Top Header */	
.top-header {
	background-color: #333;
	line-height: 50px;
}
.topheader-left {
	display: inline-block;
	width: 100%;
}
.topheader-left a {
	color: #999;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.topheader-right a:hover,
.topheader-left a:hover {
	color: #d4af37;
}
.topheader-left a::after{
	color: #494949;
    content: "/";
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;	
}
.topheader-left a:last-of-type::after{
	content: "";
}
.topheader-left a i{
	font-size: 21px;
	margin-right: 10px;	
	position: relative;
	top: 2px;
}
.topheader-left  span {
	display: inline-block;
	margin-right: 5px;
}
.topheader-right {
	float: right;
	text-align: right;
	width: 50%;
}
.topheader-right a {
	color: #999;
    font-size: 13px;
    line-height: 26px;
    margin-right: 10px;
    padding-right: 15px;
    position: relative;
    text-decoration: none;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.topheader-left a:last-of-type,
.topheader-right a:last-of-type {
	margin-right: 2px;
	padding-right: 0;
}
.topheader-right a i{
	margin-right: 9px;
}
.topheader-right a::after {
	background-color: #4f4f4f;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.topheader-right a:last-of-type::after {
	width: 0;	
}
/* -- Expanding Search */
.menu-block .container {
	position: relative;
}
.menu-block .menu-search {
	float: right;
	position: absolute;
	padding-left: 15px;
	top: 42px;
	right: 16px;
}
.menu-block .menu-search::before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background-color: #000;
	height: 25px;
	width: 1px;
}
.menu-search .sb-search-submit i {
	font-size: 18px;
	color: #808080;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	font-weight: 300;
}
.menu-block.navbar-fixed-top .menu-search .sb-search-submit:hover i,
.menu-search .sb-search-submit:hover i {
	color: #d4af37;
}
.menu-search .sb-search-input::-webkit-input-placeholder {
    color: #777;
}
.menu-search .sb-search-input:-moz-placeholder {
    color: #777;
}
.menu-search .sb-search-input::-moz-placeholder {
    color: #777;
}
.menu-search .sb-search-input:-ms-input-placeholder {
    color: #777;
}
.menu-search .sb-search {
	position: relative;
	top: 0;
}
.menu-search .sb-icon-search,
.menu-search .sb-search-submit {
    width: auto;
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
}
.menu-search .sb-search-submit {
    background: transparent; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 1;
    color: transparent;
    border: none;
    outline: none;
    z-index: 1;
	position: relative;
	left: 0;
	right: 0;
	top: 2px;
	margin:0 auto;
	width: 100%;
}
/* Open state */
.menu-search .sb-search.sb-search-open,
.menu-search .no-js .sb-search {
    width: 100%;
    -webkit-transition: width 0.8s;
    -moz-transition: width 0.8s;
    transition: width 0.8s;
    -webkit-backface-visibility: hidden;
}
.menu-search .sb-search.sb-search-open .sb-icon-search,
.menu-search .no-js .sb-search .sb-icon-search {
    color: #fff;
    z-index: 11;
}
.menu-search .sb-search.sb-search-open .sb-search-submit,
.menu-search .no-js .sb-search .sb-search-submit {
    z-index: 90;
}
.menu-search .sb-search-input {
    position: absolute;
    top: 52px;
    right: 0;
    border: none;
    outline: none;
    background: none;
    width: 0;
    height: 0;
    margin: 0;
    z-index: 11;
    font-size: 14px;
    color: #222;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.menu-search .sb-search.sb-search-open .sb-search-input {
    top: 67px;
	right: 0;
    padding: 10px 30px 10px 30px;
    background-color: #fff;
    width: 280px;
    height: 40px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.menu-block.navbar-fixed-top .menu-search {
	border: none;
	top: 23px;
}
.menu-block.navbar-fixed-top .menu-search .sb-search.sb-search-open .sb-search-input {
	top: 48px;
}
.menu-block.navbar-fixed-top  .menu-search .sb-search-submit i {
	color: #fff;
}
.menu-block.navbar-fixed-top .menu-search::before {
	background-color: #fff;
}

/* ## Footer */
/* -- Footer Main */
.footer-main {
	background-color: #232323;	
}
.footer-main .row {
	padding-top: 88px;
	padding-bottom: 48px;
}
.ftr-widget{
	margin-bottom: 27px;
}
/* -- Wiget:: About */
.about_widget {
	padding-right: 50px;
}
a.footer-logo{
	color: #fff;
    display: inline-block;
    float: left;
   font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 28px;
    padding-left: 56px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-logo > img{
	left: 0;
    position: absolute;
    top: -6px;
}
.footer-logo span{
	color: #777;
    display: block;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    line-height: 20px;
    text-transform: capitalize;
}
.about_widget ul {
	float: right;
	margin-bottom: 20px;
	padding-left: 0;
}
.about_widget ul li{
	display: inline-block;
}
.about_widget ul li a{
	color: #888888;
    font-size: 13px;
    letter-spacing: 0.65px;
    line-height: 24px;
    margin-right: 33px;
    text-decoration: none;
    transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;	
}
.about_widget ul li a:hover{
	color: #d4af37;
}
.about_widget ul li:last-of-type a{
	margin-right: 0;
}
.about_widget p {
	color: #888;
    display: inline-block;   
    font-size: 13px;
    font-weight: 300;
    line-height: 26px;
    width: 100%;
}

/* -- Widget Title */
.ftr-widget .widget-title {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 26px;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	position: relative;
	padding-bottom: 21px;
	margin-bottom: 23px;
}
.ftr-widget .widget-title::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	background-color: #d4af37;
	width: 30px;
	height: 1px;
}
.footer2 .ftr-widget .widget-title {
	font-size: 16px;
	color: #ccc;
	padding-bottom: 15px;
}
.footer2 .ftr-widget{
	margin-bottom: 24px;
}
/* -- Widget:: Newsletter */
.newsletter_widget .input-group {
	min-height: 60px;
	padding: 4px 3px;
	display: inline-block;
	width: 100%;
}
.newsletter_widget .input-group-btn{
	position: absolute;
    right: 128px;
    top: 9.5px;
	z-index: 5;
}
.newsletter_widget .form-control {
	border: 1px solid #343434;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	background-color: transparent;
	color: #888;
	font-weight: 300;
	font-style: italic;
	font-size: 13px;
	line-height: 60px;
	min-height: 60px;
	padding-left: 19px;
	padding-right: 155px;
	letter-spacing: 0.52px;	
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.newsletter_widget .form-control:focus {
	border-color: #fff;
}
.newsletter_widget .btn {
	background-color: #d4af37;
	border-radius: 0;
	min-height: 49px;
	border: 1px solid transparent;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 0.42px;
	font-family: 'Roboto Slab', serif;
	padding: 8px 35px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	position: relative;
	z-index: 1;	
}
.newsletter_widget .btn::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	width: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(35,35,35,1);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	z-index: -1;
}
.newsletter_widget .btn:hover::before {
	width: 100%;
}

/* -- Widget:: UpcomingEvent */
.upcomingevent_widget {
	padding-right: 35px;
}
.upcoming-eventbox{
	position: relative;
}
.upcoming-eventbox p {
	color: #888;
	font-size: 13px;
	line-height: 26px;
}
.upcoming-eventbox ul{
	padding-left: 0;
	display: inline-block;
}
.upcoming-eventbox ul li {
	display: inline-block;
	margin-right: 16px;
}
.upcoming-eventbox ul li:last-of-type {
	margin-right: 0;
}
.upcoming-eventbox ul li a {
	text-decoration: none;
	color: #888;
	font-size: 13px;
	line-height: 26px;
	text-transform: capitalize;
}
.upcoming-eventbox ul li a i{
	margin-right: 10px;
}
.upcoming-eventbox > a {
	float: right;
	font-size: 13px;
	line-height: 26px;
	letter-spacing: 0.39px;
	color: #eeba22;
	text-transform: capitalize;
	text-decoration: none;
	position: relative;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.upcoming-eventbox > a::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0;
	background-color: #eeba22;
	height: 1px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
} 
.upcoming-eventbox > a:hover::before {
	width: 100%;
}
.upcoming-eventbox > a:hover {
	color: #fff;
}
.upcomingevent_widget .carousel-control {
	background: rgba(0, 0, 0, 0.2);
    height: 38px;
    line-height: 38px;
    opacity: 1;
    text-align: center;
    text-shadow: none;
    width: 38px;
    z-index: 999;  
	font-size: 12px;
	top: -80px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.upcomingevent_widget .carousel-control:hover {
	background: rgba(255, 199, 34, 0.8);
	color: #333;
}
.upcomingevent_widget .left.carousel-control {
    left: auto;
    right: 50px;
}
.video-block iframe {
	max-width: 100%;
}
/* -- Widget:: Flickr */
.flickr_widget ul {
	padding-left: 0;
}
.flickr_widget ul li {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 8px;
	position: relative;
}
.flickr_widget ul li a{
	text-decoration: none;
}

.flickr_widget ul li:nth-child(odd) a::before,
.flickr_widget ul li:nth-child(even) a::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,199,34,0.4);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.flickr_widget ul li:nth-child(odd) a::before {
	height: 0;
}
.flickr_widget ul li:nth-child(odd) a:hover::before {
	height: 100%;
}
.flickr_widget ul li:nth-child(even) a::before {
	width: 0;
}
.flickr_widget ul li:nth-child(even) a:hover::before {
	width: 100%;
}
.flickr_widget ul li:last-of-type {
	margin-right: 0;
}

/* -- Footer Bottom */
.footer-bottom{
	border-top: 1px solid #343434;
	padding-top: 13px;
	padding-bottom: 28px;
}
.copyright{
	display: inline-block;
}
.footer-bottom span{
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #888;
	display: inline-block;
	font-family: 'Roboto Slab', serif;
}
.footer-bottom .ow-navigation{
	float: right;
	width: auto;
}
.footer-bottom .ow-navigation .nav.navbar-nav > li{
	margin: 0 12px;
}
.footer-bottom .ow-navigation .navbar-collapse{
	padding-right: 0;
	padding-left: 0;
}
.footer-bottom .ow-navigation .nav.navbar-nav li > a{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 0.6px;
	color: #888;
	display: inline-block;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}
.footer-bottom .ow-navigation .nav.navbar-nav li > a:hover{
	color: #d4af37;
}
.footer2 .footer-bottom span,
.footer2 .footer-bottom .ow-navigation .nav.navbar-nav li > a{
	text-transform: capitalize;
	font-weight: 300;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}


/* -- Footer2 */

.footer2.footer-main {
	background-color: #242424;
}
.footer2.footer-main .row{
	padding-bottom: 55px;
}
.footer2 .about_widget {
	padding-right: 0;
}
.footer2 .about_widget > span{
	display: inline-block;
	width: 100%;
	color: #888;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 24px;
	letter-spacing: 0.28px;
}
.footer2 .about_widget.ftr-widget p {
	position: relative;
	padding-left: 42px;
	margin-bottom: 9px;
	color: #999;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.42px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.footer2 .about_widget.ftr-widget p:hover a,
.footer2 .about_widget.ftr-widget p:hover span,
.footer2 .about_widget.ftr-widget p:hover {
	color: #d4af37;
}
.footer2 .about_widget p span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	color: #999;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.footer2 .about_widget p:first-of-type{
	margin-top: -3px;
}
.footer2 .about_widget p:first-of-type span {
	top: 5px;
}
.footer2 .about_widget p a {
	color: #999;
	text-decoration: none;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}

/* -- Widget:: UsefullLink */
.footer2 .useful-llink {
	padding-left: 72px;
}
.footer2 .useful-llink ul {
	padding-left: 0;
	margin-bottom: 0;
}
.footer2 .useful-llink ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
}
.footer2 .useful-llink ul li:last-of-type {
	margin-bottom: 0;
}
.footer2 .useful-llink ul li a{
	color: #888;
	font-size: 14px;
	text-decoration: none;
	line-height: 28px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;	
}
.footer2 .useful-llink ul li a:hover{
	color: #d4af37;
	margin-left: 5px;
}

/* -- Widget:: Flickr  */
.footer2 .flickr_widget .flickr-box{
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 17px;
}
.footer2 .flickr_widget .flickr-box img{
	position: absolute;
	left: 0;
	top: 0;
	border: 3px solid rgba(255,255,255,0.3);
	border-radius: 100%;
}
.footer2 .flickr_widget .flickr-box p{
	padding-left: 80px;
	color: var(--primary-green-dark) !important; /* Premium dark emerald color for title */
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 24px !important;
	text-transform: capitalize;
	transition: var(--transition);
}
.footer2 .flickr_widget .flickr-box:hover p{
	color: var(--premium-gold) !important; /* Gold hover effect */
}
.footer2 .flickr_widget .flickr-box p span{
	display: block;
	color: #475569 !important; /* Readable dark gray for description */
	font-size: 12px !important;
	line-height: 1.4 !important;
	margin-top: 4px !important;
}

/* -- Widget:: Newsletter */
.footer2 .ftr-widget.newsletter_widget > p {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	color: #888;
}
.footer2 .newsletter_widget .form-control{
	min-height: 45px;
	line-height: 45px;
	padding-right: 65px;
	background-color: #2c2c2c;
	border: none;
}
.footer2 .newsletter_widget .input-group{
	margin-top: 11px;
}
.footer2 .newsletter_widget .input-group-btn {
	position: absolute;
	right: 50px;
	top: 4px;
}
.footer2 .newsletter_widget .btn{
	min-height: 44px;
	line-height: 30px;
	padding: 5px 13px;	
	font-weight: 700;
}
.footer2 .newsletter_widget ul{
	padding-left: 0;
	margin-bottom: 0;
	border-top: 1px solid #383838;
	padding-top: 22px;
	margin-top: 16px;
}
.footer2 .newsletter_widget ul li a{
	color: #949494;
	font-size: 14px;
	text-decoration: none;
	line-height: 26px;
	letter-spacing: 2.8px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	margin-right: 18px;
}
.footer2 .newsletter_widget ul li a:hover{
	color: #d4af37;
}
.footer2 .newsletter_widget ul li:last-of-type a{
	margin-right: 0;
}
.footer2 .newsletter_widget ul li{
	display: inline-block;
}

/* ## Page Banner - Learn Quran Direct Royal Islamic Theme */
.pagebanner {
	background: linear-gradient(135deg, #021a13 0%, #042f22 45%, #064e3b 85%, #083c2e 100%);
	position: relative;
	padding: 55px 0 60px;
	overflow: hidden;
	border-bottom: 3px solid rgba(212, 175, 55, 0.55);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	min-height: auto;
}
.pagebanner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		radial-gradient(circle at 85% 20%, rgba(212, 175, 55, 0.2) 0%, transparent 55%),
		radial-gradient(circle at 15% 85%, rgba(6, 78, 59, 0.5) 0%, transparent 60%),
		url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l6 12 13-3-3 13 12 6-12 6 3 13-13-3-6 12-6-12-13 3 3-13-12-6 12-6-3-13 13 3z' stroke='rgba(212,175,55,0.08)' stroke-width='1' fill='none'/%3E%3Ccircle cx='30' cy='30' r='10' stroke='rgba(255,255,255,0.04)' stroke-width='1' fill='none'/%3E%3C/svg%3E");
	pointer-events: none;
	z-index: 1;
}
.pagebanner-content {
	position: relative;
	z-index: 2;
	margin-top: 0 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}
.pagebanner-left {
	flex: 1 1 auto;
	max-width: 100%;
}
.pagebanner-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 14px;
	border-radius: 20px;
	background: rgba(212, 175, 55, 0.16);
	border: 1px solid rgba(212, 175, 55, 0.4);
	color: #f7df94;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.pagebanner-badge i {
	color: var(--premium-gold);
}
.pagebanner h3 {
	position: relative;
	font-size: 36px !important;
	line-height: 1.25 !important;
	font-family: var(--font-heading) !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	display: block !important;
	float: none !important;
	margin: 0 0 8px 0 !important;
	letter-spacing: -0.02em;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.pagebanner h3 span {
	color: var(--premium-gold);
}
.pagebanner-subtitle {
	color: #cbd5e1;
	font-size: 15px;
	line-height: 1.55;
	margin: 0;
	max-width: 620px;
	font-weight: 400;
}
.pagebanner-right {
	display: flex;
	align-items: center;
}
.pagebanner .breadcrumb {
	background: rgba(255, 255, 255, 0.08) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 30px !important;
	padding: 8px 18px !important;
	margin: 0 !important;
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.pagebanner .breadcrumb > li + li::before {
	content: "\f105" !important;
	font-family: FontAwesome !important;
	padding: 0 8px 0 4px !important;
	color: var(--premium-gold) !important;
	font-size: 12px;
}
.pagebanner .breadcrumb li {
	color: #e2e8f0 !important;
	font-size: 13px !important;
	letter-spacing: 0.3px;
	line-height: 1 !important;
	font-weight: 500 !important;
	font-family: var(--font-body) !important;
	text-transform: capitalize;
	display: inline-flex;
	align-items: center;
}
.pagebanner .breadcrumb a {
	color: #cbd5e1 !important;
	text-decoration: none !important;
	transition: var(--transition);
}
.pagebanner .breadcrumb a:hover {
	color: var(--premium-gold) !important;
}
.pagebanner .breadcrumb li:last-child {
	color: var(--premium-gold) !important;
	font-weight: 700 !important;
}

/* Nav Proposal Free Trial Badge */
.nav-trial-badge {
	display: inline-block;
	background: linear-gradient(135deg, #d4af37 0%, #f59e0b 100%);
	color: #042f22 !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
	padding: 2px 7px;
	border-radius: 10px;
	margin-left: 4px;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.2;
	box-shadow: 0 2px 6px rgba(212, 175, 55, 0.35);
	transition: var(--transition);
}
.ow-navigation .navbar-nav > li:hover .nav-trial-badge,
.ow-navigation .navbar-nav > li.active .nav-trial-badge {
	background: #ffffff;
	color: var(--primary-green-dark) !important;
}

/* ========================================================================== */
/* ========================================================================== */
							/* [ Responsive ] */
/* ========================================================================== */
/* ========================================================================== */

/* -- min-width: 1200 */
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

/* -- min-width: 992 */
@media (min-width: 992px) {
	/* -- Footer Main */
	.footer-main .col-md-6:nth-child(2n+1){
		clear: both;
	}
	.footer-main.footer2 .col-md-3:nth-child(4n+1) {
		clear: both;
	}
}

/* -- min-width: 992 to max-width: 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* -- Footer Main */	
	/* -- Wiget:: About */
	.about_widget ul li a{
		margin-right: 5px;
	}
	
	/* -- Wiget:: UpcomingEvent */
	.upcoming-eventbox ul li{
		margin-right: 10px;
	}
	
	/* -- Footer2 */
	.footer2 .about_widget.ftr-widget p{
		padding-left: 35px;
	}
	.footer2 .useful-llink{
		padding-left: 40px;
	}
	
}

/* -- max-width: 991 */
@media (max-width: 991px) {
	/* -- Menu Block */		
	/* -- Menu Search */
	.menu-block .menu-search{
		right: 85px;
		top: 18px;
	}
	.menu-block .menu-search::before{
		width: 0;
	}
	.menu-search .sb-search.sb-search-open .sb-search-input{
		top: 35px;
		width: 230px;
	}
	.menu-block.navbar-fixed-top .menu-search{
		top: 15px;
	}
	.menu-block.navbar-fixed-top .menu-search .sb-search.sb-search-open .sb-search-input{
		top: 40px;
	}
	
	/* -- Footer Main */
	.footer-main .col-md-6:nth-child(2n+1){
		clear: both;
	}
	
	/* -- Widget:: About */
	.about_widget ul{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	
	/* -- Widget:: UpcomingEvent */
	.upcoming-eventbox > a{
		float: left;
	}
	
	/* -- Footer Bottom */
	.footer-bottom{
		padding-top: 0;
		padding-bottom: 7px;
	}
	.footer-bottom span{
		line-height: 50px;
	}
	.footer-bottom .ow-navigation{
		position: relative;
		margin-top: -50px;
		width: 100%;
	}
	.footer-bottom .ow-navigation .nav.navbar-nav > li,
	.footer-bottom .ow-navigation .nav.navbar-nav li > a{
		margin: 0;
	}
	
	.footer-bottom .ow-navigation .navbar-collapse > ul > li > a{
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	/* -- Footer2 */
	.footer2.footer-main .col-md-3:nth-child(2n+1){
		clear: both;
	}
	.footer2 .useful-llink{
		padding-left: 0;
	}
	.footer2 .about_widget.ftr-widget p{
		margin-bottom: 12px;
	}
	/* -- PageBanner */
	.pagebanner h3{
		font-size: 25px;
	}
}

/* -- max-width: 767 */
@media (max-width: 767px) {	
	/* -- Top Header */
	.topheader-left{
		width: 100%;
	}
	.topheader-right{
		width: 40%;
	}
	/* -- Footer Main */
	.footer-main .row {
		padding-bottom: 0;
		padding-top: 30px;
	}
	.footer-main .row
	/* -- Widget:: About */
	.about_widget{
		padding-right: 5px;
	}
	.about_widget ul{
		display: inline-block;
		width: auto;
		text-align: center;
	}
	
	/* -- Widget:: UpcomingEvent */
	.upcoming-eventbox > a{
		float: right;
	}
	/* -- PageBanner */
	.pagebanner {
		padding: 40px 0 45px !important;
	}
	.pagebanner-content {
		flex-direction: column !important;
		text-align: center !important;
		justify-content: center !important;
		gap: 15px !important;
	}
	.pagebanner h3{
		font-size: 26px !important;
		width: 100%;
		text-align: center !important;
	}
	.pagebanner-subtitle {
		font-size: 13.5px !important;
		margin: 0 auto !important;
	}
	.pagebanner .breadcrumb{
		display: inline-flex !important;
		float: none !important;
		margin: 5px auto 0 !important;
		text-align: center;
	}
}

/* --  max-width: 639 */
@media (max-width: 639px) {
	/* -- Top Header */
	.topheader-left{
		width: 100%
	}
	.topheader-right{
		width: 28%;
	}
	.topheader-left a,
	.topheader-right a{
		font-size: 11px;
	}
	.topheader-left a{
		margin-right: 5px;
		padding-right: 15px;
	}
	.topheader-right a{
		margin-right: 5px;
		padding-right: 5px;
	}
	
	/* -- Widget:: UpcomingEvent */
	.upcoming-eventbox ul li {
		margin-right: 8px;
	}
	
	/* -- PageBanner */
	.pagebanner h3{
		font-size: 20px;
	}
}

/* --  max-width: 479 */
@media (max-width: 479px) {
	/* -- Top Header */
	.top-header{
		line-height: 35px;
	}
	.topheader-left,
	.topheader-right {
		width: 100%;
		text-align: center;
	}
	.topheader-left a {
		font-size: 11px;
		padding-right: 11px;
		margin-right: 5px;
	}
	.topheader-left a i{
		margin-right: 5px;
		font-size: 20px;
	}
	.topheader-right{
		float: none;
	}
	
	/* -- widget:: About */
	.about_widget ul{
		width: 100%;
	}
	
	/* -- widget:: Newsletter */
	.newsletter_widget .input-group{
		padding: 4px 0;
	}
	
	/* -- widget:: UpcomingEvent */
	.upcomingevent_widget{
		padding-right: 5px;
	}
	.upcoming-eventbox > a{
		float: left;
	}
	
	/* -- Footer Bottom */
	.footer-bottom span{
		font-size: 10px;
	}
	
	/* -- PageBanner */	
	.pagebanner-content{
		margin-top: 0 !important;
	}
	.pagebanner h3{
		font-size: 22px !important;
	}
}

/* ==========================================================================
   LEARN QURAN DIRECT - PREMIUM DESIGN OVERRIDES
   ========================================================================== */

/* Load Premium Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');

:root {
	--primary-green: #064e3b;      /* Deep academic emerald green */
	--primary-green-light: #0f5132;
	--primary-green-dark: #042f22;
	--premium-gold: #d4af37;       /* Refined metallic gold */
	--premium-gold-light: #f59e0b;
	--font-body: 'Inter', sans-serif;
	--font-heading: 'Outfit', sans-serif;
	--border-radius: 12px;
	--card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	--card-shadow-hover: 0 20px 40px rgba(6, 78, 59, 0.12);
	--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Global Font Overrides */
body {
	font-family: var(--font-body) !important;
	color: #374151 !important;
}

h1, h2, h3, h4, h5, h6, 
.section-header h3, 
.ftr-widget .widget-title, 
.upcoming-eventbox h3, 
.courses-box h3,
.pagebanner h3 {
	font-family: var(--font-heading) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em;
}

/* Navbar Brand & Logo Customization - Normal State (Light Background) */
.ow-navigation .navbar-brand {
	font-family: var(--font-heading) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px !important;
	color: var(--primary-green) !important; /* Premium deep green on white header */
	padding: 8px 0 0 58px !important;
	text-transform: uppercase !important;
	transition: var(--transition);
}

.ow-navigation .navbar-brand:hover {
	color: var(--premium-gold) !important; /* Gold hover effect */
}

.ow-navigation .navbar-brand > img {
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	border: 2px solid var(--premium-gold) !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
	top: 2px !important; /* Centered vertically with the brand text */
}

.ow-navigation .navbar-brand > span {
	font-family: var(--font-body) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	color: #6b7280 !important; /* Clean medium gray subtext on white header */
	text-transform: uppercase !important;
	margin-top: 2px !important;
}

/* Navbar Brand - Sticky State (Dark Background) */
.menu-block.navbar-fixed-top .ow-navigation .navbar-brand {
	color: #ffffff !important; /* Clean white on dark sticky header */
}

.menu-block.navbar-fixed-top .ow-navigation .navbar-brand > span {
	color: #d1d5db !important; /* Soft light gray subtext on dark sticky header */
}


/* Menu links styling */
.ow-navigation .nav.navbar-nav li > a {
	font-family: var(--font-heading) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0.2px !important;
	transition: var(--transition) !important;
}

/* Premium Card Designs for Courses and Blogs */
.courses-box, .type-post, .event-box, .flickr-box {
	border-radius: var(--border-radius) !important;
	overflow: hidden;
	box-shadow: var(--card-shadow) !important;
	transition: var(--transition) !important;
	border: 1px solid #f3f4f6 !important;
	background: #fff !important;
}

.courses-box:hover, .type-post:hover, .event-box:hover {
	transform: translateY(-5px) !important;
	box-shadow: var(--card-shadow-hover) !important;
	border-color: rgba(6, 78, 59, 0.15) !important;
}

.courses-box img, .type-post img, .event-box img {
	border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
	transition: var(--transition) !important;
}

.courses-box:hover img, .type-post:hover img, .event-box:hover img {
	transform: scale(1.03) !important;
}

/* Modern Button Style */
.courses-box .course-detail > a,
.post-viewall a,
.newsletter_widget .btn,
.welcome-section a,
.carousel-caption a {
	border-radius: 30px !important;
	font-family: var(--font-heading) !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	transition: var(--transition) !important;
	box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
}

.courses-box .course-detail > a:hover,
.post-viewall a:hover,
.newsletter_widget .btn:hover,
.welcome-section a:hover,
.carousel-caption a:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 20px rgba(212, 175, 55, 0.35) !important;
}

/* Deep Emerald Green accents where appropriate */
.top-header {
	background-color: var(--primary-green-dark) !important;
}

.footer2.footer-main {
	background-color: #03231a !important; /* Extremely rich deep green dark background for footer */
	border-top: 4px solid var(--premium-gold) !important;
}

.footer-bottom {
	border-top: 1px solid #053b2c !important;
}

.ftr-widget .widget-title::after {
	background-color: var(--premium-gold) !important;
	height: 2px !important;
	width: 40px !important;
}

.newsletter_widget .form-control {
	background-color: rgba(255,255,255,0.05) !important;
	border: 1px solid rgba(255,255,255,0.1) !important;
	border-radius: 30px !important;
	color: #fff !important;
}

.newsletter_widget .form-control:focus {
	border-color: var(--premium-gold) !important;
}

.footer-logo img {
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	border: 2px solid var(--premium-gold) !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
	margin-right: 10px !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

/* Fix welcome-box course cards overlap and height overflow issues on hover */
.welcome-box:hover .welcome-title {
	top: 15px !important; /* Raised to save 10px */
}
.welcome-box:hover .welcome-title h3 {
	font-size: 15px !important;
	line-height: 1.2 !important;
	padding-top: 15px !important;
	padding-bottom: 5px !important;
}
.welcome-box:hover .welcome-content {
	top: 90px !important; /* Raised to save 15px */
	padding-top: 5px !important;
}
.welcome-box:hover .welcome-content p {
	font-size: 13px !important;
	line-height: 1.35 !important;
	margin-bottom: 8px !important; /* Saved 10px */
}
.welcome-box:hover .welcome-content .course-detail {
	margin-bottom: 8px !important; /* Saved 10px */
}
.welcome-box:hover .welcome-content .course-rating {
	margin-bottom: 8px !important; /* Saved 14px */
}
.welcome-box:hover .welcome-content .apply-buttons {
	margin-top: 8px !important;
}

/* Adjust for responsive tablet screens (max-width: 991px) */
@media (max-width: 991px) {
	.welcome-box:hover .welcome-title {
		top: 10px !important;
	}
	.welcome-box:hover .welcome-title h3 {
		font-size: 14px !important;
		padding-top: 8px !important;
	}
	.welcome-box:hover .welcome-content {
		top: 75px !important;
		padding-top: 2px !important;
	}
	.welcome-box:hover .welcome-content p {
		margin-bottom: 5px !important;
		line-height: 1.3 !important;
	}
	.welcome-box:hover .welcome-content .course-detail {
		margin-bottom: 5px !important;
	}
	.welcome-box:hover .welcome-content .course-rating {
		margin-bottom: 5px !important;
	}
}

/* Adjust for smaller mobile screens (max-width: 767px) */
@media (max-width: 767px) {
	.welcome-box:hover .welcome-title {
		top: 12px !important;
	}
	.welcome-box:hover .welcome-title h3 {
		font-size: 13px !important;
	}
	.welcome-box:hover .welcome-content {
		top: 80px !important;
	}
}

/* Dynamic Course Apply Buttons Styling */
.apply-buttons {
	display: flex !important;
	gap: 8px !important;
	margin-top: 15px !important;
	justify-content: center !important;
}

.apply-btn {
	padding: 8px 14px !important;
	font-family: var(--font-heading) !important;
	font-weight: 700 !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	border-radius: 20px !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	transition: var(--transition) !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
	line-height: 1 !important;
	margin: 0 !important;
	height: auto !important;
}

.apply-btn i {
	font-size: 13px !important;
}

.apply-btn.whatsapp-btn {
	background-color: #25D366 !important;
	color: #ffffff !important;
	border: none !important;
}

.apply-btn.whatsapp-btn:hover {
	background-color: #128C7E !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 15px rgba(37, 211, 102, 0.3) !important;
}

.apply-btn.email-btn {
	background-color: var(--premium-gold) !important;
	color: #111827 !important;
	border: none !important;
}

.apply-btn.email-btn:hover {
	background-color: #c29d2f !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 15px rgba(212, 175, 55, 0.3) !important;
}

/* Email Choice Modal Styling */
.email-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
    backdrop-filter: blur(5px);
    transition: opacity 0.3s ease;
}

.email-modal-content {
    background-color: #ffffff;
    margin: 10% auto;
    padding: 25px;
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.25);
    border: 2px solid var(--premium-gold);
    position: relative;
    font-family: var(--font-body);
}

.email-modal-close {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #64748b;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
}

.email-modal-close:hover {
    color: #042f22;
}

.email-modal h3 {
    font-family: var(--font-heading);
    color: #042f22;
    margin-top: 0;
    font-size: 22px;
    font-weight: 700;
}

.email-modal p {
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.email-modal-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.email-modal-option-btn {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.email-modal-option-btn.gmail-btn {
    background-color: #ea4335;
    color: #ffffff !important;
}

.email-modal-option-btn.gmail-btn:hover {
    background-color: #d33828;
    transform: translateY(-2px);
}

.email-modal-option-btn.mail-app-btn {
    background-color: #042f22;
    color: #ffffff !important;
}

.email-modal-option-btn.mail-app-btn:hover {
    background-color: #03231a;
    transform: translateY(-2px);
}

.email-modal-option-btn.copy-btn {
    background-color: #f1f5f9;
    color: #334155 !important;
}

.email-modal-option-btn.copy-btn:hover {
    background-color: #e2e8f0;
    transform: translateY(-2px);
}

.email-preview-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    font-size: 12px;
    margin-top: 15px;
}

.email-preview-box strong {
    color: #334155;
    display: block;
    margin-bottom: 8px;
}

.email-preview-field {
    color: #475569;
    margin-bottom: 6px;
    font-family: monospace;
}

.email-preview-field.body-field {
    white-space: pre-wrap;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 8px;
    border-radius: 4px;
    max-height: 100px;
    overflow-y: auto;
}

/* Details Page Course Enrollment CTA Styling */
.course-enroll-cta {
	background-color: #f8fafc !important;
	border: 2px dashed var(--premium-gold) !important;
	border-radius: 12px !important;
	padding: 30px !important;
	text-align: center !important;
	margin-top: 40px !important;
	margin-bottom: 20px !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}

.course-enroll-cta h3 {
	font-family: var(--font-heading) !important;
	color: #042f22 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	margin-top: 0 !important;
	margin-bottom: 8px !important;
}

.course-enroll-cta p {
	color: #475569 !important;
	font-size: 14px !important;
	margin-bottom: 20px !important;
}

.course-enroll-cta .apply-buttons {
	justify-content: center !important;
}

/* Premium Hover Reveal for Apply Buttons and Placeholders in Plan Cards */
.plan-card .plan-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    height: 40px;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.plan-card:hover .plan-placeholder {
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.plan-card .apply-buttons {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(15px) !important;
    height: 0 !important;
    margin-top: 0 !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.plan-card:hover .apply-buttons {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    height: 40px !important;
    margin-top: 20px !important;
}

.plan-card .placeholder-divider {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);
}

.plan-card .placeholder-text {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #64748b;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.plan-card .placeholder-text i {
    color: var(--premium-gold);
    font-size: 12px;
}

/* Contact Page Premium Information Card Styling */
.contact-info-card {
	background: #ffffff !important;
	border-radius: 16px !important;
	padding: 40px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
	border: 1px solid #f3f4f6 !important;
	border-top: 4px solid var(--premium-gold) !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.contact-info-header {
	text-align: center !important;
	margin-bottom: 25px !important;
}

.contact-logo {
	width: 80px !important;
	height: 80px !important;
	border-radius: 50% !important;
	border: 3px solid rgba(212, 175, 55, 0.2) !important;
	margin: 0 auto 12px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
	display: block !important;
}

.contact-info-header h4 {
	font-family: var(--font-heading) !important;
	color: var(--primary-green-dark) !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	margin-top: 0 !important;
	margin-bottom: 4px !important;
}

.contact-info-header span {
	font-size: 12px !important;
	color: #64748b !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	font-weight: 600 !important;
	display: block !important;
}

.contact-info-body .tagline {
	color: #475569 !important;
	font-size: 15px !important;
	text-align: center !important;
	margin-bottom: 25px !important;
	line-height: 1.6 !important;
}

.contact-detail-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 15px !important;
	margin-bottom: 20px !important;
	text-align: left !important;
}

.contact-detail-item i {
	font-size: 20px !important;
	color: var(--premium-gold) !important;
	background: rgba(212, 175, 55, 0.1) !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.contact-detail-item .detail-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.contact-detail-item .detail-text strong {
	font-size: 14px !important;
	color: var(--primary-green-dark) !important;
}

.contact-detail-item .detail-text a,
.contact-detail-item .detail-text span {
	font-size: 15px !important;
	color: #334155 !important;
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}

.contact-detail-item .detail-text a:hover {
	color: var(--premium-gold) !important;
}

.contact-info-footer {
	border-top: 1px solid #f1f5f9 !important;
	padding-top: 20px !important;
	margin-top: 15px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.contact-info-footer strong {
	font-size: 14px !important;
	color: var(--primary-green-dark) !important;
}

.contact-info-footer .social-links {
	display: flex !important;
	gap: 12px !important;
}

.contact-info-footer .social-links a {
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #f1f5f9 !important;
	color: #475569 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	transition: all 0.3s ease !important;
	text-decoration: none !important;
}

.contact-info-footer .social-links a:hover {
	background: var(--primary-green) !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
}

/* Update sticky header background to match the deep green footer color (#03231a) */
.menu-block.navbar-fixed-top {
	background-color: #03231a !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Ensure mobile header menu also matches when sticky */
@media (max-width: 991px) {
	.menu-block.navbar-fixed-top {
		background-color: #03231a !important;
	}
}

/* Center featured images inside blog post details pages */
.blogpost .type-post .entry-cover {
	text-align: center !important;
	background: #ffffff !important;
}

.blogpost .type-post .entry-cover img {
	margin: 0 auto !important;
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
	border-radius: 8px !important;
}

/* Homepage Value Proposition Trust Marketing Card Styling */
.trust-marketing-card {
	background: #ffffff !important;
	border-radius: 16px !important;
	padding: 30px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
	border: 1px solid #f3f4f6 !important;
	border-top: 4px solid var(--premium-gold) !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.trust-card-header {
	margin-bottom: 20px !important;
}

.trust-card-header h4 {
	font-family: var(--font-heading) !important;
	color: var(--primary-green-dark) !important;
	font-weight: 700 !important;
	font-size: 22px !important;
	margin-top: 0 !important;
	margin-bottom: 8px !important;
}

.trust-card-header p {
	color: #64748b !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.trust-card-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 15px !important;
}

.trust-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
}

.trust-item i {
	font-size: 18px !important;
	color: var(--premium-gold) !important;
	background: rgba(212, 175, 55, 0.1) !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.trust-item .trust-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
	text-align: left !important;
}

.trust-item .trust-text h5 {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--primary-green-dark) !important;
	margin: 0 !important;
}

.trust-item .trust-text p {
	font-size: 13px !important;
	color: #475569 !important;
	line-height: 1.4 !important;
	margin: 0 !important;
}

.trust-card-footer {
	margin-top: 20px !important;
	text-align: center !important;
}

.trust-cta-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	padding: 12px 20px !important;
	background-color: var(--primary-green-dark) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 10px rgba(4, 47, 34, 0.15) !important;
	transition: all 0.3s ease !important;
}

.trust-cta-btn:hover {
	background-color: var(--premium-gold) !important;
	color: #1a1a1a !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 15px rgba(212, 175, 55, 0.2) !important;
}

/* About Page Featured Image Card Styling */
.about-image-card {
	position: relative !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
	border: 1px solid #f1f5f9 !important;
	border-bottom: 4px solid var(--premium-gold) !important;
	margin-bottom: 30px !important;
}

.about-featured-img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	transition: transform 0.5s ease !important;
}

.about-image-card:hover .about-featured-img {
	transform: scale(1.03) !important;
}

.about-image-caption {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	background: linear-gradient(to top, rgba(3, 35, 26, 0.95) 0%, rgba(3, 35, 26, 0.5) 75%, transparent 100%) !important;
	padding: 30px 20px 20px !important;
	color: #ffffff !important;
	text-align: left !important;
}

.about-image-caption h5 {
	font-family: var(--font-heading) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--premium-gold) !important;
	margin: 0 0 5px 0 !important;
}

.about-image-caption p {
	font-size: 13px !important;
	color: rgba(255, 255, 255, 0.9) !important;
	margin: 0 !important;
}

/* ==========================================================================
   Proposal Buttons Global Styling (Courses, Plans, CourseDetail)
   ========================================================================== */
.apply-btn.proposal-btn {
	background: linear-gradient(135deg, #042f22 0%, #064e3b 100%) !important;
	color: #ffffff !important;
	border: 1.5px solid #d4af37 !important;
	box-shadow: 0 4px 12px rgba(4, 47, 34, 0.3) !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
}

.apply-btn.proposal-btn:hover,
.apply-btn.proposal-btn:focus,
.apply-btn.proposal-btn:active {
	background: linear-gradient(135deg, #d4af37 0%, #b89326 100%) !important;
	color: #042f22 !important;
	border-color: #facc15 !important;
	box-shadow: 0 6px 18px rgba(212, 175, 55, 0.5) !important;
	transform: translateY(-2px) !important;
	text-decoration: none !important;
}

.apply-btn.proposal-btn i {
	color: #facc15 !important;
	transition: color 0.2s ease !important;
}

.apply-btn.proposal-btn:hover i,
.apply-btn.proposal-btn:focus i {
	color: #042f22 !important;
}