/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Shape divider 1 */
.custom-shape-divider-bottom-1751164620 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.custom-shape-divider-bottom-1751164620 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}
.custom-shape-divider-bottom-1751164620 .shape-fill {fill: #f4f4f3;}
/* End Shape divider 1*/

/* Shape divider 2*/
.custom-shape-divider-bottom-1751365310 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.custom-shape-divider-bottom-1751365310 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}
.custom-shape-divider-bottom-1751365310 .shape-fill {
    fill: #F4F4F3;
}
/* End Shape divider 2*/


.bg-gradient {
	background: #003C58;
	background: linear-gradient(45deg, rgba(0, 60, 88, 1) 0%, rgba(0, 142, 186, 1) 50%, rgba(0, 60, 88, 1) 100%);
}

.is-expanded-menu .full-header #logo {
    padding-right: 30px;
    border-right: 0px solid var(--cnvs-header-border-color);
}
.is-expanded-menu #header.full-header.transparent-header #header-wrap {
    border-bottom: 0px solid var(--cnvs-header-transparent-border-color);
}
.is-expanded-menu .full-header .primary-menu .menu-container {
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: 0px solid var(--cnvs-header-border-color);
}

:root,
[data-bs-theme=light] {
	--bs-body-bg: #f4f4f3;
	--bs-body-bg-rgb: 244, 244, 243;
	--bs-body-font-size: 0.875rem;
	--bs-body-font-weight: 300;
	--bs-body-line-height: 1.4;
	--bs-body-color: #212529;
	--bs-body-color-rgb: 33, 37, 41;
}

:root {
	--cnvs-themecolor:	#008eba;
	--cnvs-themecolor-rgb: 0, 142, 186;
	--cnvs-secondcolor:	#cda04c;
	--bs-link-color:	var(--cnvs-themecolor);
	--bs-link-color-rgb:	var(--cnvs-themecolor-rgb);
	--bs-link-hover-color:	var(--cnvs-heading-color);
	--cnvs-white:	#fff;
	--cnvs-black:	#000;
	--cnvs-headings-font-weight:	600;
  /* Font Families */
	--cnvs-body-font:	"Poppins", "Anuphan", sans-serif;
	--cnvs-primary-font:	"Poppins", "Sriracha", sans-serif;
	--cnvs-secondary-font:	"Poppins", "Anuphan", sans-serif;
	--cnvs-line-height-base:	1.5;
	--cnvs-line-height-content:	1.65;
  /* Margins */
	--cnvs-margin-base:	3rem;
	--cnvs-margin-sm:	2rem;
	--cnvs-margin-lg:	5rem;
	--cnvs-content-padding:	5rem;
	--cnvs-section-margin:	4rem;
	--cnvs-section-padding:	var(--cnvs-section-margin);
	--cnvs-col-padding:	var(--cnvs-section-padding);
	--cnvs-box-shadow-sm:	0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--cnvs-box-shadow:	0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--cnvs-box-shadow-lg:	0 1rem 3rem rgba(0, 0, 0, 0.175);
	--cnvs-copyrights-font-size: 0.875rem;
	--bs-bg-opacity:	1;
}	

:root,
.not-dark {
	--cnvs-contrast-bg-offset:	#f4f4f3;
}

/*-----------------------------------------------------------------------------------
	Dark Scheme - sass/dark.scss
-----------------------------------------------------------------------------------*/
.dark {
	--cnvs-contrast-bg: #001524;
	--cnvs-contrast-bg-offset: #001524;
	--bs-link-color: var(--cnvs-contrast-900);
	--cnvs-heading-color: var(--cnvs-contrast-900);
	--cnvs-topbar-bg: var(--cnvs-contrast-bg-offset);
	--cnvs-header-bg: var(--cnvs-contrast-bg);
	--cnvs-header-sticky-bg: var(--cnvs-contrast-bg);
	--cnvs-side-header-bg: var(--cnvs-contrast-bg);
	--cnvs-header-floating-bg: var(--cnvs-contrast-bg);
	--cnvs-primary-menu-submenu-bg: var(--cnvs-contrast-bg);
	--cnvs-section-bg: var(--cnvs-contrast-bg-offset);
	--cnvs-footer-bg: var(--cnvs-contrast-bg-offset);
	color: var(--cnvs-contrast-800);
  }

/* ----------------------------------------------------------------
	Featured Boxes
-----------------------------------------------------------------*/


.fbox-content p {
    margin-top: 0.5rem;
    margin-bottom: 0px;
    color: var(--cnvs-contrast-600);
	font-size: 0.85rem;
}

.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
	border: none;
    background-color: transparent;
    color: var(--cnvs-secondcolor);
    border-radius: 0;
}

.fbox-content h3, .fbox-content .h3 {
	font-size: 1.5rem;
	font-weight: var(--cnvs-featured-box-font-weight);
	font-family: var(--cnvs-primary-font);
	text-transform: var(--cnvs-featured-box-font-tt);
	margin-bottom: 0;
	color: var(--cnvs-featured-box-font-color);
  }

.heading-block {
	--cnvs-heading-block-font-size-h1: 2.5rem;
	--cnvs-heading-block-font-size-h2: 2.125rem;
	--cnvs-heading-block-font-size-h3: 1.875rem;
	--cnvs-heading-block-font-size-h4: 1.375rem;
	--cnvs-heading-block-font-weight: 600;
	--cnvs-heading-block-font-spacing: 0;
	--cnvs-heading-block-font-color: var(--cnvs-heading-color);
	--cnvs-heading-block-font-transform: none;
	--cnvs-heading-block-center-container: 700px;
	--cnvs-title-block-border-size: 40px;
	--cnvs-heading-block-border: 2px solid var(--cnvs-heading-color);
	--cnvs-heading-block-span-color: var(--cnvs-contrast-600);
	margin-bottom: 50px;
}

.heading-block h1 + span, .heading-block .h1 + span {
	font-size: calc(var(--cnvs-heading-block-font-size-h1) / 1.5);
}
.heading-block h2 + span, .heading-block .h2 + span,
.heading-block h3 + span,
.heading-block .h3 + span,
.heading-block h4 + span,
.heading-block .h4 + span {
	font-size: calc(var(--cnvs-heading-block-font-size-h2) / 2);
}

#footer {
    --cnvs-footer-top-border: 0px solid rgba(var(--cnvs-contrast-rgb), 0.15);
    --cnvs-copyrights-link-color: var(--cnvs-contrast-500);
    position: relative;
    background-color: var(--cnvs-footer-bg);
    border-top: var(--cnvs-footer-top-border);
}