	@charset "UTF-8";

	/*
	Theme Name: Twenty Twenty-One
	Theme URI: https://wordpress.org/themes/twentytwentyone/
	Author: the WordPress team
	Author URI: https://wordpress.org/
	Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
	Requires at least: 5.3
	Tested up to: 6.7
	Requires PHP: 5.6
	Version: 2.4
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: twentytwentyone
	Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

	Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
	Twenty Twenty-One is distributed under the terms of the GNU GPL.
	*/

	/**
	 * SETTINGS
	 * File-header..........The file header for the themes style.css file.
	 * Fonts................Any font files, if the project needs specific fonts.
	 * Global...............Project-specific, globally available variables.
	 *
	 * TOOLS
	 * Functions............Global functions.
	 * Mixins...............Global mixins.
	 *
	 * GENERIC
	 * Normalize.css........Normalise browser defaults.
	 * Breakpoints..........Mixins and variables for responsive styles
	 * Vertical-margins.....Vertical spacing for the main components.
	 * Reset................Reset specific elements to make them easier to style in other contexts.
	 * Clearings............Clearings for the main components.
	 *
	 * ELEMENTS
	 * Blockquote...........Default blockquote.
	 * Forms................Element-level form styling.
	 * Headings.............H1–H6
	 * Links................Default links.
	 * Lists................Default lists.
	 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
	 *
	 * BLOCKS
	 * Audio................Specific styles for the audio block.
	 * Button...............Specific styles for the button block.
	 * Code.................Specific styles for the code block.
	 * Columns..............Specific styles for the columns block.
	 * Cover................Specific styles for the cover block.
	 * File.................Specific styles for the file block.
	 * Gallery..............Specific styles for the gallery block.
	 * Group................Specific styles for the group block.
	 * Heading..............Specific styles for the heading block.
	 * Image................Specific styles for the image block.
	 * Latest comments......Specific styles for the latest comments block.
	 * Latest posts.........Specific styles for the latest posts block.
	 * Legacy...............Specific styles for the legacy gallery.
	 * List.................Specific styles for the list block.
	 * Media text...........Specific styles for the media and text block.
	 * Navigation...........Specific styles for the navigation block.
	 * Paragraph............Specific styles for the paragraph block.
	 * Pullquote............Specific styles for the pullquote block.
	 * Quote................Specific styles for the quote block.
	 * Search...............Specific styles for the search block.
	 * Separator............Specific styles for the separator block.
	 * Table................Specific styles for the table block.
	 * Verse................Specific styles for the verse block.
	 * Video................Specific styles for the video block.
	 * Utilities............Block alignments.
	 *
	 * COMPONENTS
	 * Header...............Header styles.
	 * Footer...............Footer styles.
	 * Comments.............Comment styles.
	 * Archives.............Archive styles.
	 * 404..................404 styles.
	 * Search...............Search styles.
	 * Navigation...........Navigation styles.
	 * Footer Navigation....Footer Navigation styles.
	 * Pagination...........Pagination styles.
	 * Single...............Single page and post styles.
	 * Posts and pages......Misc, sticky post styles.
	 * Entry................Entry, author biography.
	 * Widget...............Widget styles.
	 * Editor...............Editor styles.
	 *
	 * UTILITIES
	 * A11y.................Screen reader text, prefers reduced motion etc.
	 * Color Palette........Classes for the color palette colors.
	 * Editor Font Sizes....Editor Font Sizes.
	 * Measure..............The width of a line of text, in characters.
	 */

	/* Categories 01 to 03 are the basics. */

	/* Variables */
	:root {

		/* Font Family */
		--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
		--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

		/* Font Size */
		--global--font-size-base: 1.25rem;
		--global--font-size-xs: 1rem;
		--global--font-size-sm: 1.125rem;
		--global--font-size-md: 1.25rem;
		--global--font-size-lg: 1.5rem;
		--global--font-size-xl: 2.25rem;
		--global--font-size-xxl: 4rem;
		--global--font-size-xxxl: 5rem;
		--global--font-size-page-title: var(--global--font-size-xxl);
		--global--letter-spacing: normal;

		/* Line Height */
		--global--line-height-body: 1.7;
		--global--line-height-heading: 1.3;
		--global--line-height-page-title: 1.1;

		/* Headings */
		--heading--font-family: var(--global--font-primary);
		--heading--font-size-h6: var(--global--font-size-xs);
		--heading--font-size-h5: var(--global--font-size-sm);
		--heading--font-size-h4: var(--global--font-size-lg);
		--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
		--heading--font-size-h2: var(--global--font-size-xl);
		--heading--font-size-h1: var(--global--font-size-page-title);
		--heading--letter-spacing-h6: 0.05em;
		--heading--letter-spacing-h5: 0.05em;
		--heading--letter-spacing-h4: var(--global--letter-spacing);
		--heading--letter-spacing-h3: var(--global--letter-spacing);
		--heading--letter-spacing-h2: var(--global--letter-spacing);
		--heading--letter-spacing-h1: var(--global--letter-spacing);
		--heading--line-height-h6: var(--global--line-height-heading);
		--heading--line-height-h5: var(--global--line-height-heading);
		--heading--line-height-h4: var(--global--line-height-heading);
		--heading--line-height-h3: var(--global--line-height-heading);
		--heading--line-height-h2: var(--global--line-height-heading);
		--heading--line-height-h1: var(--global--line-height-page-title);
		--heading--font-weight: normal;
		--heading--font-weight-page-title: 300;
		--heading--font-weight-strong: 600;

		/* Block: Latest posts */
		--latest-posts--title-font-family: var(--heading--font-family);
		--latest-posts--title-font-size: var(--heading--font-size-h3);
		--latest-posts--description-font-family: var(--global--font-secondary);
		--latest-posts--description-font-size: var(--global--font-size-sm);
		--list--font-family: var(--global--font-secondary);
		--definition-term--font-family: var(--global--font-primary);

		/* Colors */
		--global--color-black: #000;
		--global--color-dark-gray: #28303d;
		--global--color-gray: #39414d;
		--global--color-light-gray: #f0f0f0;
		--global--color-green: #d1e4dd;
		--global--color-blue: #d1dfe4;
		--global--color-purple: #d1d1e4;
		--global--color-red: #e4d1d1;
		--global--color-orange: #e4dad1;
		--global--color-yellow: #eeeadd;
		--global--color-white: #fff;
		--global--color-white-50: rgba(255, 255, 255, 0.5);
		--global--color-white-90: rgba(255, 255, 255, 0.9);
		--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
		--global--color-secondary: var(--global--color-gray); /* Headings */
		--global--color-primary-hover: var(--global--color-primary);
		--global--color-background: var(--global--color-green); /* Mint, default body background */
		--global--color-border: var(--global--color-primary); /* Used for borders (separators) */

		/* Spacing */
		--global--spacing-unit: 20px;
		--global--spacing-measure: unset;
		--global--spacing-horizontal: 25px;
		--global--spacing-vertical: 30px;

		/* Elevation */
		--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

		/* Forms */
		--form--font-family: var(--global--font-secondary);
		--form--font-size: var(--global--font-size-sm);
		--form--line-height: var(--global--line-height-body);
		--form--color-text: var(--global--color-dark-gray);
		--form--color-ranged: var(--global--color-secondary);
		--form--label-weight: 500;
		--form--border-color: var(--global--color-secondary);
		--form--border-width: 3px;
		--form--border-radius: 0;
		--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

		/* Cover block */
		--cover--height: calc(15 * var(--global--spacing-vertical));
		--cover--color-foreground: var(--global--color-white);
		--cover--color-background: var(--global--color-black);

		/* Buttons */
		--button--color-text: var(--global--color-background);
		--button--color-text-hover: var(--global--color-secondary);
		--button--color-text-active: var(--global--color-secondary);
		--button--color-background: var(--global--color-secondary);
		--button--color-background-active: var(--global--color-background);
		--button--font-family: var(--global--font-primary);
		--button--font-size: var(--global--font-size-base);
		--button--font-weight: 500;
		--button--line-height: 1.5;
		--button--border-width: 3px;
		--button--border-radius: 0;
		--button--padding-vertical: 15px;
		--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

		/* entry */
		--entry-header--color: var(--global--color-primary);
		--entry-header--color-link: currentColor;
		--entry-header--color-hover: var(--global--color-primary-hover);
		--entry-header--color-focus: var(--global--color-secondary);
		--entry-header--font-size: var(--heading--font-size-h2);
		--entry-content--font-family: var(--global--font-secondary);
		--entry-author-bio--font-family: var(--heading--font-family);
		--entry-author-bio--font-size: var(--heading--font-size-h4);

		/* Header */
		--branding--color-text: var(--global--color-primary);
		--branding--color-link: var(--global--color-primary);
		--branding--color-link-hover: var(--global--color-secondary);
		--branding--title--font-family: var(--global--font-primary);
		--branding--title--font-size: var(--global--font-size-lg);
		--branding--title--font-size-mobile: var(--heading--font-size-h4);
		--branding--title--font-weight: normal;
		--branding--title--text-transform: uppercase;
		--branding--description--font-family: var(--global--font-secondary);
		--branding--description--font-size: var(--global--font-size-sm);
		--branding--logo--max-width: 300px;
		--branding--logo--max-height: 100px;
		--branding--logo--max-width-mobile: 96px;
		--branding--logo--max-height-mobile: 96px;

		/* Main navigation */
		--primary-nav--font-family: var(--global--font-secondary);
		--primary-nav--font-family-mobile: var(--global--font-primary);
		--primary-nav--font-size: var(--global--font-size-md);
		--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
		--primary-nav--font-size-mobile: var(--global--font-size-sm);
		--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
		--primary-nav--font-size-button: var(--global--font-size-xs);
		--primary-nav--font-style: normal;
		--primary-nav--font-style-sub-menu-mobile: normal;
		--primary-nav--font-weight: normal;
		--primary-nav--font-weight-button: 500;
		--primary-nav--color-link: var(--global--color-primary);
		--primary-nav--color-link-hover: var(--global--color-primary-hover);
		--primary-nav--color-text: var(--global--color-primary);
		--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
		--primary-nav--border-color: var(--global--color-primary);

		/* Pagination */
		--pagination--color-text: var(--global--color-primary);
		--pagination--color-link-hover: var(--global--color-primary-hover);
		--pagination--font-family: var(--global--font-secondary);
		--pagination--font-size: var(--global--font-size-lg);
		--pagination--font-weight: normal;
		--pagination--font-weight-strong: 600;

		/* Footer */
		--footer--color-text: var(--global--color-primary);
		--footer--color-link: var(--global--color-primary);
		--footer--color-link-hover: var(--global--color-primary-hover);
		--footer--font-family: var(--global--font-primary);
		--footer--font-size: var(--global--font-size-sm);

		/* Block: Pull quote */
		--pullquote--font-family: var(--global--font-primary);
		--pullquote--font-size: var(--heading--font-size-h3);
		--pullquote--font-style: normal;
		--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
		--pullquote--line-height: var(--global--line-height-heading);
		--pullquote--border-width: 3px;
		--pullquote--border-color: var(--global--color-primary);
		--pullquote--color-foreground: var(--global--color-primary);
		--pullquote--color-background: var(--global--color-background);
		--quote--font-family: var(--global--font-secondary);
		--quote--font-size: var(--global--font-size-md);
		--quote--font-size-large: var(--global--font-size-xl);
		--quote--font-style: normal;
		--quote--font-weight: 700;
		--quote--font-weight-strong: bolder;
		--quote--font-style-large: normal;
		--quote--font-style-cite: normal;
		--quote--line-height: var(--global--line-height-body);
		--quote--line-height-large: 1.35;
		--separator--border-color: var(--global--color-border);
		--separator--height: 1px;

		/* Block: Table */
		--table--stripes-border-color: var(--global--color-light-gray);
		--table--stripes-background-color: var(--global--color-light-gray);
		--table--has-background-text-color: var(--global--color-dark-gray);

		/* Widgets */
		--widget--line-height-list: 1.9;
		--widget--line-height-title: 1.4;
		--widget--font-weight-title: 700;
		--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

		/* Admin-bar height */
		--global--admin-bar--height: 0px;
	}

	.admin-bar {
		--global--admin-bar--height: 32px;
	}
	@media only screen and (max-width: 782px) {

		.admin-bar {
			--global--admin-bar--height: 46px;
		}
	}

	@media only screen and (min-width: 652px) {

		:root {
			--global--font-size-xl: 2.5rem;
			--global--font-size-xxl: 6rem;
			--global--font-size-xxxl: 9rem;
			--heading--font-size-h3: 2rem;
			--heading--font-size-h2: 3rem;
		}
	}

	/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

	/* Document
	   ========================================================================== */

	/**
	 * 1. Correct the line height in all browsers.
	 * 2. Prevent adjustments of font size after orientation changes in iOS.
	 */
	html {
		line-height: 1.15; /* 1 */
		-webkit-text-size-adjust: 100%; /* 2 */
	}

	/* Sections
	   ========================================================================== */

	/**
	 * Remove the margin in all browsers.
	 */
	body {
		margin: 0;
	}

	/**
	 * Render the `main` element consistently in IE.
	 */
	main {
		display: block;
	}

	/**
	 * Correct the font size and margin on `h1` elements within `section` and
	 * `article` contexts in Chrome, Firefox, and Safari.
	 */
	h1 {
		font-size: 2em;
		margin: 0.67em 0;
	}

	/* Grouping content
	   ========================================================================== */

	/**
	 * 1. Add the correct box sizing in Firefox.
	 * 2. Show the overflow in Edge and IE.
	 */
	hr {
		box-sizing: content-box; /* 1 */
		height: 0; /* 1 */
		overflow: visible; /* 2 */
	}

	/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */
	pre {
		font-family: monospace; /* 1 */
		font-size: 1em; /* 2 */
	}

	/* Text-level semantics
	   ========================================================================== */

	/**
	 * Remove the gray background on active links in IE 10.
	 */
	a {
		background-color: transparent;
	}

	/**
	 * 1. Remove the bottom border in Chrome 57-
	 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
	 */
	abbr[title] {
		border-bottom: none; /* 1 */
		text-decoration: underline; /* 2 */
		text-decoration-style: dotted; /* 2 */
	}

	/**
	 * Add the correct font weight in Chrome, Edge, and Safari.
	 */
	b,
	strong {
		font-weight: bolder;
	}

	/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */
	code,
	kbd,
	samp {
		font-family: monospace; /* 1 */
		font-size: 1em; /* 2 */
	}

	/**
	 * Add the correct font size in all browsers.
	 */
	small {
		font-size: 80%;
	}

	/**
	 * Prevent `sub` and `sup` elements from affecting the line height in
	 * all browsers.
	 */
	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sub {
		bottom: -0.25em;
	}

	sup {
		top: -0.5em;
	}

	/* Embedded content
	   ========================================================================== */

	/**
	 * Remove the border on images inside links in IE 10.
	 */
	img {
		border-style: none;
	}

	/* Forms
	   ========================================================================== */

	/**
	 * 1. Change the font styles in all browsers.
	 * 2. Remove the margin in Firefox and Safari.
	 */
	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: inherit; /* 1 */
		font-size: 100%; /* 1 */
		line-height: 1.15; /* 1 */
		margin: 0; /* 2 */
	}

	/**
	 * Show the overflow in IE.
	 * 1. Show the overflow in Edge.
	 */
	button,
	input { /* 1 */
		overflow: visible;
	}

	/**
	 * Remove the inheritance of text transform in Edge, Firefox, and IE.
	 * 1. Remove the inheritance of text transform in Firefox.
	 */
	button,
	select { /* 1 */
		text-transform: none;
	}

	/**
	 * Correct the inability to style clickable types in iOS and Safari.
	 */
	button,
	[type=button],
	[type=reset],
	[type=submit] {
		-webkit-appearance: button;
	}

	/**
	 * Remove the inner border and padding in Firefox.
	 */
	button::-moz-focus-inner,
	[type=button]::-moz-focus-inner,
	[type=reset]::-moz-focus-inner,
	[type=submit]::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}

	/**
	 * Restore the focus styles unset by the previous rule.
	 */
	button:-moz-focusring,
	[type=button]:-moz-focusring,
	[type=reset]:-moz-focusring,
	[type=submit]:-moz-focusring {
		outline: 1px dotted ButtonText;
	}

	/**
	 * Correct the padding in Firefox.
	 */
	fieldset {
		padding: 0.35em 0.75em 0.625em;
	}

	/**
	 * 1. Correct the text wrapping in Edge and IE.
	 * 2. Correct the color inheritance from `fieldset` elements in IE.
	 * 3. Remove the padding so developers are not caught out when they zero out
	 *    `fieldset` elements in all browsers.
	 */
	legend {
		box-sizing: border-box; /* 1 */
		color: inherit; /* 2 */
		display: table; /* 1 */
		max-width: 100%; /* 1 */
		padding: 0; /* 3 */
		white-space: normal; /* 1 */
	}

	/**
	 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
	 */
	progress {
		vertical-align: baseline;
	}

	/**
	 * Remove the default vertical scrollbar in IE 10+.
	 */
	textarea {
		overflow: auto;
	}

	/**
	 * 1. Add the correct box sizing in IE 10.
	 * 2. Remove the padding in IE 10.
	 */
	[type=checkbox],
	[type=radio] {
		box-sizing: border-box; /* 1 */
		padding: 0; /* 2 */
	}

	/**
	 * Correct the cursor style of increment and decrement buttons in Chrome.
	 */
	[type=number]::-webkit-inner-spin-button,
	[type=number]::-webkit-outer-spin-button {
		height: auto;
	}

	/**
	 * 1. Correct the odd appearance in Chrome and Safari.
	 * 2. Correct the outline style in Safari.
	 */
	[type=search] {
		-webkit-appearance: textfield; /* 1 */
		outline-offset: -2px; /* 2 */
	}

	/**
	 * Remove the inner padding in Chrome and Safari on macOS.
	 */
	[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/**
	 * 1. Correct the inability to style clickable types in iOS and Safari.
	 * 2. Change font properties to `inherit` in Safari.
	 */
	::-webkit-file-upload-button {
		-webkit-appearance: button; /* 1 */
		font: inherit; /* 2 */
	}

	/* Interactive
	   ========================================================================== */

	/*
	 * Add the correct display in Edge, IE 10+, and Firefox.
	 */
	details {
		display: block;
	}

	/*
	 * Add the correct display in all browsers.
	 */
	summary {
		display: list-item;
	}

	/* Misc
	   ========================================================================== */

	/**
	 * Add the correct display in IE 10+.
	 */
	template {
		display: none;
	}

	/**
	 * Add the correct display in IE 10.
	 */
	[hidden] {
		display: none;
	}

	/**
	 * Responsive Styles
	 */

	/**
	 * Required Variables
	 */

	/**
	 * Root Media Query Variables
	 */
	:root {
		--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
		--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
		--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
		--responsive--alignfull-width: 100%;
		--responsive--alignright-margin: var(--global--spacing-horizontal);
		--responsive--alignleft-margin: var(--global--spacing-horizontal);
	}

	@media only screen and (min-width: 482px) {

		:root {
			--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
			--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
			--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
			--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		}
	}
	@media only screen and (min-width: 822px) {

		:root {
			--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
			--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
		}
	}

	/**
	 * Extends
	 */
	.post-thumbnail,
	.entry-content .wp-audio-shortcode,
	.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
	*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
	.default-max-width {
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto;
		margin-right: auto;
	}

	.widget-area,
	.pagination,
	.comments-pagination,
	.post-navigation,
	.site-footer,
	.site-header,
	.alignwide,
	.wide-max-width {
		max-width: var(--responsive--alignwide-width);
		margin-left: auto;
		margin-right: auto;
	}

	.alignfull,
	.wp-block-group .wp-block-group__inner-container > *.alignfull,
	.full-max-width {
		max-width: var(--responsive--alignfull-width);
		width: var(--responsive--alignfull-width);
		margin-left: auto;
		margin-right: auto;
	}

	@media only screen and (min-width: 482px) {

		.alignfull,
		.full-max-width {
			max-width: var(--responsive--alignfull-width);
			width: auto;
			margin-left: auto;
			margin-right: auto;
		}
	}

	.entry-header .post-thumbnail,
	.singular .post-thumbnail,
	.alignfull [class*=inner-container] > .alignwide,
	.alignwide [class*=inner-container] > .alignwide {
		margin-left: auto;
		margin-right: auto;
		width: var(--responsive--alignwide-width);
		max-width: var(--responsive--alignfull-width);
	}

	@media only screen and (min-width: 482px) {

		.entry-content > .alignleft {

			/*rtl:ignore*/
			margin-left: var(--responsive--alignleft-margin);

			/*rtl:ignore*/
			margin-right: var(--global--spacing-horizontal);
		}
	}
	@media only screen and (min-width: 482px) {

		.entry-content > .alignright {

			/*rtl:ignore*/
			margin-left: var(--global--spacing-horizontal);

			/*rtl:ignore*/
			margin-right: var(--responsive--alignright-margin);
		}
	}

	/**
	 * Site Structure
	 *
	 * - Set vertical margins and responsive widths on
	 *   top-level wrappers and content wrappers
	 * - `--global--width-content` is a responsive variable
	 * - See: globals/_global-width-responsive.scss
	 */

	/**
	 * Top Level Wrappers (header, main, footer)
	 * - Set vertical padding and horizontal margins
	 */
	.site-header,
	.site-main,
	.widget-area,
	.site-footer {
		padding-top: var(--global--spacing-vertical);
		padding-bottom: var(--global--spacing-vertical);
		margin-left: auto;
		margin-right: auto;
	}

	.site-header {
		padding-top: calc(0.75 * var(--global--spacing-vertical));
		padding-bottom: calc(2 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.site-header {
			padding-bottom: calc(3 * var(--global--spacing-vertical));
		}
	}

	/**
	 * Site-main children wrappers
	 * - Add double vertical margins here for clearer hierarchy
	 */
	.site-main > * {
		margin-top: calc(3 * var(--global--spacing-vertical));
		margin-bottom: calc(3 * var(--global--spacing-vertical));
	}

	.site-main > *:first-child {
		margin-top: 0;
	}

	.site-main > *:last-child {
		margin-bottom: 0;
	}

	/**
	 * Set the default maximum responsive content-width
	 */

	/**
	 * Set the wide maximum responsive content-width
	 */

	/**
	 * Set the full maximum responsive content-width
	 */

	/*
	 * Block & non-gutenberg content wrappers
	 * - Set margins
	 */
	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-footer,
	.author-bio {
		margin-top: var(--global--spacing-vertical);
		margin-right: auto;
		margin-bottom: var(--global--spacing-vertical);
		margin-left: auto;
	}

	/*
	 * Block & non-gutenberg content wrapper children
	 * - Sets spacing-vertical margin logic
	 */
	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	[class*=inner-container] > *,
	.wp-block-template-part > *,
	.wp-block-post-template :where(li > *) {
		margin-top: calc(0.666 * var(--global--spacing-vertical));
		margin-bottom: calc(0.666 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.site-main > article > *,
		.site-main > .not-found > *,
		.entry-content > *,
		[class*=inner-container] > *,
		.wp-block-template-part > *,
		.wp-block-post-template :where(li > *) {
			margin-top: var(--global--spacing-vertical);
			margin-bottom: var(--global--spacing-vertical);
		}
	}

	.site-main > article > *:first-child,
	.site-main > .not-found > *:first-child,
	.entry-content > *:first-child,
	[class*=inner-container] > *:first-child,
	.wp-block-template-part > *:first-child,
	.wp-block-post-template :where(li > *):first-child {
		margin-top: 0;
	}

	.site-main > article > *:last-child,
	.site-main > .not-found > *:last-child,
	.entry-content > *:last-child,
	[class*=inner-container] > *:last-child,
	.wp-block-template-part > *:last-child,
	.wp-block-post-template :where(li > *):last-child {
		margin-bottom: 0;
	}

	.site-footer > *,
	.widget-area > * {
		margin-top: calc(0.666 * var(--global--spacing-vertical));
		margin-bottom: calc(0.666 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.site-footer > *,
		.widget-area > * {
			margin-top: var(--global--spacing-vertical);
			margin-bottom: var(--global--spacing-vertical);
		}
	}

	/*
	 * Block & non-gutenberg content wrapper children
	 * - Sets spacing-unit margins
	 */
	.entry-header > *,
	.post-thumbnail > *,
	.page-content > *,
	.comment-content > *,
	.widget > * {
		margin-top: var(--global--spacing-unit);
		margin-bottom: var(--global--spacing-unit);
	}

	.entry-header > *:first-child,
	.post-thumbnail > *:first-child,
	.page-content > *:first-child,
	.comment-content > *:first-child,
	.widget > *:first-child {
		margin-top: 0;
	}

	.entry-header > *:last-child,
	.post-thumbnail > *:last-child,
	.page-content > *:last-child,
	.comment-content > *:last-child,
	.widget > *:last-child {
		margin-bottom: 0;
	}

	/*
	 * .entry-content children specific controls
	 * - Adds special margin overrides for alignment utility classes
	 */
	.entry-content > *.alignleft,
	.entry-content > *.alignright,
	.entry-content > *.alignleft:first-child + *,
	.entry-content > *.alignright:first-child + *,
	.entry-content > *.alignfull.has-background {
		margin-top: 0;
	}

	.entry-content > *:last-child,
	.entry-content > *.alignfull.has-background {
		margin-bottom: 0;
	}

	.entry-content > *.alignfull + .alignleft,
	.entry-content > *.alignfull + .alignright {
		margin-top: var(--global--spacing-vertical);
	}

	/**
	 * Reset specific elements to make them easier to style in other contexts.
	 */
	html,
	body,
	p,
	ol,
	ul,
	li,
	dl,
	dt,
	dd,
	blockquote,
	figure,
	fieldset,
	form,
	legend,
	textarea,
	pre,
	iframe,
	hr,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		padding: 0;
		margin: 0;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
	}

	/**
	 * Apply generic border-box to all elements.
	 * See:
	 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
	 */
	html {

		/* Apply border-box across the entire page. */
		box-sizing: border-box;
		font-family: var(--global--font-secondary);
		line-height: var(--global--line-height-body);
	}

	/**
	 * Relax the definition a bit, to allow components to override it manually.
	 */
	*,
	*::before,
	*::after {
		box-sizing: inherit;
	}

	body {
		font-size: var(--global--font-size-base);
		font-weight: normal;
		color: var(--global--color-primary);
		text-align: left;
		background-color: var(--global--color-background);
	}

	button {
		cursor: pointer;
	}

	.clear:before,
	.clear:after,
	.entry-content:before,
	.entry-content:after,
	.comment-content:before,
	.comment-content:after,
	.site-header:before,
	.site-header:after,
	.site-content:before,
	.site-content:after,
	.site-footer:before,
	.site-footer:after {
		content: "";
		display: table;
		table-layout: fixed;
	}

	.clear:after,
	.entry-content:after,
	.comment-content:after,
	.site-header:after,
	.site-content:after,
	.site-footer:after {
		clear: both;
	}

	/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
	blockquote {
		padding: 0;
		position: relative;
		margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
	}

	blockquote > * {
		margin-top: var(--global--spacing-unit);
		margin-bottom: var(--global--spacing-unit);
	}

	blockquote > *:first-child {
		margin-top: 0;
	}

	blockquote > *:last-child {
		margin-bottom: 0;
	}

	blockquote p {
		letter-spacing: var(--heading--letter-spacing-h4);
		font-family: var(--quote--font-family);
		font-size: var(--quote--font-size);
		font-style: var(--quote--font-style);
		font-weight: var(--quote--font-weight);
		line-height: var(--quote--line-height);
	}

	blockquote cite,
	blockquote footer {
		font-weight: normal;
		color: var(--global--color-primary);
		letter-spacing: var(--global--letter-spacing);
	}

	blockquote.alignleft,
	blockquote.alignright {
		padding-left: inherit;
	}

	blockquote.alignleft p,
	blockquote.alignright p {
		font-size: var(--heading--font-size-h5);
		max-width: inherit;
		width: inherit;
	}

	blockquote.alignleft cite,
	blockquote.alignleft footer,
	blockquote.alignright cite,
	blockquote.alignright footer {
		font-size: var(--global--font-size-xs);
		letter-spacing: var(--global--letter-spacing);
	}

	blockquote strong {
		font-weight: var(--quote--font-weight-strong);
	}

	blockquote:before {
		content: "“";
		position: absolute;
		left: calc(-0.5 * var(--global--spacing-horizontal));
	}

	blockquote .wp-block-quote__citation,
	blockquote cite,
	blockquote footer {
		color: var(--global--color-primary);
		font-style: var(--quote--font-style-cite);
	}
	@media only screen and (max-width: 481.98px) {

		blockquote {
			padding-left: calc(0.5 * var(--global--spacing-horizontal));
		}

		blockquote:before {
			left: 0;
		}
	}

	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	input[type=search],
	input[type=number],
	input[type=tel],
	input[type=date],
	input[type=month],
	input[type=week],
	input[type=time],
	input[type=datetime],
	input[type=datetime-local],
	input[type=color],
	.site textarea {
		border: var(--form--border-width) solid var(--form--border-color);
		border-radius: var(--form--border-radius);
		color: var(--form--color-text);
		line-height: var(--global--line-height-body);
		padding: var(--form--spacing-unit);
		margin: 0 2px;
		max-width: 100%;
	}

	input[type=text]:focus,
	input[type=email]:focus,
	input[type=url]:focus,
	input[type=password]:focus,
	input[type=search]:focus,
	input[type=number]:focus,
	input[type=tel]:focus,
	input[type=date]:focus,
	input[type=month]:focus,
	input[type=week]:focus,
	input[type=time]:focus,
	input[type=datetime]:focus,
	input[type=datetime-local]:focus,
	input[type=color]:focus,
	.site textarea:focus {
		color: var(--form--color-text);
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=text]:disabled,
	input[type=email]:disabled,
	input[type=url]:disabled,
	input[type=password]:disabled,
	input[type=search]:disabled,
	input[type=number]:disabled,
	input[type=tel]:disabled,
	input[type=date]:disabled,
	input[type=month]:disabled,
	input[type=week]:disabled,
	input[type=time]:disabled,
	input[type=datetime]:disabled,
	input[type=datetime-local]:disabled,
	input[type=color]:disabled,
	.site textarea:disabled {
		opacity: 0.7;
	}

	.is-dark-theme input[type=text],
	.is-dark-theme input[type=email],
	.is-dark-theme input[type=url],
	.is-dark-theme input[type=password],
	.is-dark-theme input[type=search],
	.is-dark-theme input[type=number],
	.is-dark-theme input[type=tel],
	.is-dark-theme input[type=date],
	.is-dark-theme input[type=month],
	.is-dark-theme input[type=week],
	.is-dark-theme input[type=time],
	.is-dark-theme input[type=datetime],
	.is-dark-theme input[type=datetime-local],
	.is-dark-theme input[type=color],
	.is-dark-theme .site textarea {
		background: var(--global--color-white-90);
	}

	input[type=search]:focus {
		outline-offset: -7px;
	}

	.is-dark-theme input[type=search]:focus {
		outline-color: var(--global--color-background);
	}

	input[type=color] {
		padding: calc(var(--form--spacing-unit) / 2);
		height: calc(4 * var(--form--spacing-unit));
	}

	input[type=email],
	input[type=url] {

		/*rtl:ignore*/
		direction: ltr;
	}

	select {
		border: var(--form--border-width) solid var(--form--border-color);
		color: var(--form--color-text);
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		line-height: var(--global--line-height-body);
		padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
		background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
		background-position: right var(--form--spacing-unit) top 60%;
	}

	select:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	.is-dark-theme select {
		background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
		background-position: right var(--form--spacing-unit) top 60%;
	}

	textarea {
		width: 100%;
	}

	label {
		font-size: var(--form--font-size);
		font-weight: var(--form--label-weight);
		margin-bottom: calc(var(--global--spacing-vertical) / 3);
	}

	/**
	https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
	https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
	License: MIT.
	*/
	@supports (-webkit-appearance: none) or (-moz-appearance: none) {

		input[type=checkbox],
		input[type=radio] {
			-webkit-appearance: none;
			-moz-appearance: none;
			position: relative;
			width: 25px;
			height: 25px;
			border: var(--form--border-width) solid var(--form--border-color);
			background: var(--global--color-white);
		}

		input[type=checkbox]:disabled,
		input[type=radio]:disabled {
			opacity: 0.7;
		}

		.is-dark-theme input[type=checkbox],
		.is-dark-theme input[type=radio] {
			background: var(--global--color-white-90);
		}

		input[type=checkbox]:focus {
			outline-offset: 2px;
			outline: 2px dotted var(--form--border-color);
		}

		input[type=checkbox]:after {
			content: "";
			opacity: 0;
			display: block;
			left: 5px;
			top: 2px;
			position: absolute;
			width: 7px;
			height: 13px;
			border: 3px solid var(--form--color-text);
			border-top: 0;
			border-left: 0;
			transform: rotate(30deg);
		}

		input[type=checkbox]:checked {
			color: var(--form--color-text);
		}

		input[type=checkbox]:checked:after {
			opacity: 1;
		}

		input[type=radio] {
			border-radius: 50%;
		}

		input[type=radio]:focus {
			outline-offset: 2px;
			outline: 2px dotted var(--form--border-color);
		}

		input[type=radio]:after {
			content: "";
			opacity: 0;
			display: block;
			left: 3px;
			top: 3px;
			position: absolute;
			width: 11px;
			height: 11px;
			border-radius: 50%;
			background: var(--form--color-text);
		}

		input[type=radio]:checked {
			border: 4px solid var(--form--border-color);
		}

		input[type=radio]:checked:after {
			opacity: 1;
		}

		input[type=radio]:checked:focus {
			outline-offset: 4px;
			outline: 2px dotted var(--form--border-color);
		}
	}

	input[type=checkbox] + label,
	input[type=radio] + label {
		display: inline-block;
		padding-left: 10px;
		font-size: var(--global--font-size-xs);
		vertical-align: top;
	}

	/**
	 * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
	*/
	@supports (-webkit-appearance: none) or (-moz-appearance: none) {

		input[type=range] {
			-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
			width: 100%; /* Specific width is required for Firefox. */
			height: 6px;
			background: var(--form--color-ranged);
			border-radius: 6px;
			outline-offset: 10px;
		}

		input[type=range]:disabled {
			opacity: 0.7;
		}

		input[type=range]::-webkit-slider-thumb {
			-webkit-appearance: none;
			border: 3px solid var(--form--color-ranged);
			height: 44px;
			width: 44px;
			border-radius: 50%;
			background: var(--global--color-background);
			cursor: pointer;
		}

		input[type=range]::-moz-range-thumb {
			border: 3px solid var(--form--color-ranged);
			height: 44px;
			width: 44px;
			border-radius: 50%;
			background: var(--global--color-background);
			cursor: pointer;
			box-sizing: border-box;
		}
	}

	input[type=range]::-ms-track {
		width: 100%;
		height: 6px;
		border-radius: 6px;
		border-width: 19px 0;
		border-color: var(--global--color-background);
		background: transparent;
		color: transparent;
		cursor: pointer;
	}

	input[type=range]::-ms-fill-upper {
		background: var(--form--color-ranged);
		border-radius: 6px;
	}

	input[type=range]::-ms-fill-lower {
		background: var(--form--color-ranged);
		border-radius: 6px;
	}

	input[type=range]::-ms-thumb {
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
	}

	fieldset {
		display: grid;
		border-color: var(--global--color-secondary);
		padding: var(--global--spacing-horizontal);
	}

	fieldset legend {
		font-size: var(--global--font-size-lg);
	}

	fieldset input[type=submit] {
		max-width: max-content;
	}

	fieldset input:not([type=submit]) {
		margin-bottom: var(--global--spacing-unit);
	}

	fieldset input[type=radio],
	fieldset input[type=checkbox] {
		margin-bottom: 0;
	}

	fieldset input[type=radio] + label,
	fieldset input[type=checkbox] + label {
		font-size: var(--form--font-size);
		padding-left: 0;
		margin-bottom: var(--global--spacing-unit);
	}

	::-moz-placeholder {
		opacity: 1;
	}

	.post-password-message {
		font-size: var(--global--font-size-lg);
	}

	.post-password-form {
		display: flex;
		flex-wrap: wrap;
	}

	.post-password-form__label {
		width: 100%;
		margin-bottom: 0;
	}

	.post-password-form input[type=password] {
		flex-grow: 1;
		margin-top: calc(var(--global--spacing-vertical) / 3);
		margin-right: calc(0.66 * var(--global--spacing-horizontal));
	}

	.post-password-form__submit {
		margin-top: calc(var(--global--spacing-vertical) / 3);
	}
	@media only screen and (min-width: 592px) {

		.post-password-form__submit {
			margin-left: calc(0.4 * var(--global--spacing-horizontal));
		}
	}

	img {
		height: auto;
		max-width: 100%;
		vertical-align: middle;
	}

	/* Classic editor images */
	.entry-content img {
		max-width: 100%;
	}

	/* Make sure embeds and iframes fit their containers. */
	embed,
	iframe,
	object,
	video {
		max-width: 100%;
	}

	/* Media captions */
	figcaption,
	.wp-caption,
	.wp-caption-text,
	.wp-block-embed figcaption {
		color: currentColor;
		font-size: var(--global--font-size-xs);
		line-height: var(--global--line-height-body);
		margin-top: calc(0.5 * var(--global--spacing-unit));
		margin-bottom: var(--global--spacing-unit);
		text-align: center;
	}

	.alignleft figcaption,
	.alignright figcaption,
	.alignleft .wp-caption,
	.alignright .wp-caption,
	.alignleft .wp-caption-text,
	.alignright .wp-caption-text,
	.alignleft .wp-block-embed figcaption,
	.alignright .wp-block-embed figcaption {
		margin-bottom: 0;
	}

	/* WP Smiley */
	.page-content .wp-smiley,
	.entry-content .wp-smiley,
	.comment-content .wp-smiley {
		border: none;
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
	}

	/* Over here, place any elements that do not need to have their own file. */
	b,
	strong {
		font-weight: 700;
	}

	dfn,
	cite,
	em,
	i {
		font-style: italic;
	}

	pre {
		white-space: pre;
		overflow-x: auto;
	}

	.entry-content > code {
		display: block;
	}

	/*
	 * text-underline-offset doesn't work in Chrome at all 👎
	 * But looks nice in Safari/Firefox, so let's keep it and
	 * maybe Chrome will support it soon.
	 */
	a {
		cursor: pointer;
		color: var(--wp--style--color--link, var(--global--color-primary));
		text-decoration-skip-ink: all;
		border: unset!important;
	}

	a:hover {
		text-decoration-style: dotted;
		text-decoration-skip-ink: none;
	}

	/*.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
		outline: 2px solid transparent;
		text-decoration: underline 1px dotted currentColor;
		text-decoration-skip-ink: none;
		background: rgba(255, 255, 255, 0.9);
	}*/

	.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
		background: var(--global--color-black);
		color: var(--global--color-white);
		text-decoration: none;
	}

	.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
		color: var(--wp--style--color--link, var(--global--color-white));
	}

	.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
		background: rgba(0, 0, 0, 0.9);
		color: var(--wp--style--color--link, var(--global--color-white));
	}

	.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
		color: var(--wp--style--color--link, var(--global--color-white));
	}

	.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {

		/* Only visible in Windows High Contrast mode */
		outline: 2px solid transparent;
		outline-offset: -2px;
	}

	.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
		color: #21759b;
		background-color: #f1f1f1;
	}

	.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
		background: none;
	}

	.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
		/*outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));*/
	}

	.has-background .has-link-color a,
	.has-background.has-link-color a {
		color: var(--wp--style--color--link, var(--global--color-primary));
	}

	/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
	.wp-block-audio audio:focus {
		outline-offset: 5px;
		outline: 2px solid var(--global--color-primary);
	}

	/**
	 * Button
	 */
	.site .button,
	button,
	input[type=submit],
	input[type=reset],
	.wp-block-search .wp-block-search__button,
	.wp-block-button .wp-block-button__link,
	.wp-block-file a.wp-block-file__button {
		border: var(--button--border-width) solid transparent;
		border-radius: var(--button--border-radius);
		cursor: pointer;
		font-weight: var(--button--font-weight);
		font-family: var(--button--font-family);
		font-size: var(--button--font-size);
		line-height: var(--button--line-height);
		padding: var(--button--padding-vertical) var(--button--padding-horizontal);
		text-decoration: none;
	}

	.site .button:not(:hover):not(:active):not(.has-text-color),
	button:not(:hover):not(:active):not(.has-text-color),
	input[type=submit]:not(:hover):not(:active):not(.has-text-color),
	input[type=reset]:not(:hover):not(:active):not(.has-text-color),
	.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
	.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
	.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
		color: var(--global--color-background);
	}

	.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
	.has-background button:not(:hover):not(:active):not(.has-text-color),
	.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
	.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
	.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
	.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
	.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
		color: var(--local--color-background, var(--global--color-primary));
	}

	.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
	.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
	.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
	.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
	.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
	.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
	.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
		color: var(--global--color-primary);
	}

	.site .button:not(:hover):not(:active):not(.has-background),
	button:not(:hover):not(:active):not(.has-background),
	input[type=submit]:not(:hover):not(:active):not(.has-background),
	input[type=reset]:not(:hover):not(:active):not(.has-background),
	.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
	.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
	.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
		background-color: var(--global--color-primary);
	}

	.has-background .site .button:not(:hover):not(:active):not(.has-background),
	.has-background button:not(:hover):not(:active):not(.has-background),
	.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
	.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
	.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
	.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
	.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
		background-color: var(--local--color-primary, var(--global--color-primary));
	}

	.site .button:hover,
	.site .button:active,
	button:hover,
	button:active,
	input[type=submit]:hover,
	input[type=submit]:active,
	input[type=reset]:hover,
	input[type=reset]:active,
	.wp-block-search .wp-block-search__button:hover,
	.wp-block-search .wp-block-search__button:active,
	.wp-block-button .wp-block-button__link:hover,
	.wp-block-button .wp-block-button__link:active,
	.wp-block-file a.wp-block-file__button:hover,
	.wp-block-file a.wp-block-file__button:active {
		background-color: transparent;
		border-color: currentColor;
		color: inherit;
	}

	.site .button:focus,
	button:focus,
	input[type=submit]:focus,
	input[type=reset]:focus,
	.wp-block-search .wp-block-search__button:focus,
	.wp-block-button .wp-block-button__link:focus,
	.wp-block-file a.wp-block-file__button:focus {
		outline-offset: -6px;
		outline: 2px dotted currentColor;
	}

	.site .button:disabled,
	button:disabled,
	input[type=submit]:disabled,
	input[type=reset]:disabled,
	.wp-block-search .wp-block-search__button:disabled,
	.wp-block-button .wp-block-button__link:disabled,
	.wp-block-file a.wp-block-file__button:disabled {
		background-color: var(--global--color-white-50);
		border-color: var(--global--color-white-50);
		color: var(--button--color-text-active);
	}

	/**
	 * Block Options
	 */
	.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
		color: var(--global--color-background);
	}

	.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
		color: var(--local--color-background, var(--global--color-background));
	}

	.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
		color: var(--global--color-primary);
	}

	.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
		background-color: var(--global--color-primary);
	}

	.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
		background-color: var(--local--color-primary, var(--global--color-primary));
	}

	.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
	.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
		border-color: currentColor !important;
		background-color: transparent !important;
		color: inherit !important;
	}

	.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
	.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
	.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
		border-color: currentColor;
	}

	.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
		color: var(--global--color-primary);
	}

	.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
		color: var(--local--color-primary, var(--global--color-primary));
	}

	.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
		color: inherit;
	}

	.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
		background-color: transparent;
	}

	.wp-block-button.is-style-outline .wp-block-button__link:hover,
	.wp-block-button.is-style-outline .wp-block-button__link:active {
		border-color: transparent !important;
		background-color: var(--global--color-primary) !important;
		color: var(--global--color-background) !important;
	}

	.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
	.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
		background-color: var(--local--color-primary, var(--global--color-primary)) !important;
		color: var(--local--color-background, var(--global--color-background)) !important;
	}

	.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
	.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
		color: var(--local--color-background, var(--global--color-background)) !important;
	}

	.wp-block-button .is-style-squared .wp-block-button__link {
		border-radius: 0;
	}

	.is-style-outline .wp-block-button__link[style*=radius]:focus,
	.wp-block-button a.wp-block-button__link[style*=radius]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--button--color-background);
	}

	.wp-block-code {
		border-color: var(--global--color-border);
		border-radius: 0;
		border-style: solid;
		border-width: 0.1rem;
		padding: var(--global--spacing-unit);
	}

	.wp-block-code code {
		color: var(--global--color-primary);
		white-space: pre;
		overflow-x: auto;
		display: block;
	}

	.wp-block-columns:not(.alignwide):not(.alignfull) {
		clear: both;
	}

	.wp-block-columns .wp-block-column > * {
		margin-top: calc(0.66 * var(--global--spacing-vertical));
		margin-bottom: calc(0.66 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.wp-block-columns .wp-block-column > * {
			margin-top: var(--global--spacing-vertical);
			margin-bottom: var(--global--spacing-vertical);
		}
	}

	.wp-block-columns .wp-block-column > *:first-child {
		margin-top: 0;
	}

	.wp-block-columns .wp-block-column > *:last-child {
		margin-bottom: 0;
	}

	.wp-block-columns .wp-block-column:last-child {
		margin-bottom: 0;
	}

	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: calc(0.66 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.wp-block-columns .wp-block-column:not(:last-child) {
			margin-bottom: var(--global--spacing-vertical);
		}
	}
	@media only screen and (min-width: 822px) {

		.wp-block-columns .wp-block-column:not(:last-child) {
			margin-bottom: 0;
		}
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap {
		justify-content: space-around;
	}
	@media only screen and (min-width: 652px) {

		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
			margin-left: calc(-2 * var(--global--spacing-horizontal));
			margin-top: calc(2.5 * var(--global--spacing-horizontal));
			z-index: 2;
		}

		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
			background-color: var(--global--color-background);
			padding: var(--global--spacing-unit);
		}

		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
			padding-left: calc(2 * var(--global--spacing-horizontal));
		}

		.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
			margin-top: 0;
		}
	}

	.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
	.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
	.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
	.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
	.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
	.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
	.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
	}

	.wp-block-cover,
	.wp-block-cover-image {
		background-color: var(--cover--color-background);
		min-height: var(--cover--height);
		margin-top: inherit;
		margin-bottom: inherit;

		/* default & custom background-color */

		/* Treating H2 separately to account for legacy /core styles */

		/* Block Styles */

		/* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
	}

	.wp-block-cover:not(.alignwide):not(.alignfull),
	.wp-block-cover-image:not(.alignwide):not(.alignfull) {
		clear: both;
	}

	.wp-block-cover.alignfull,
	.wp-block-cover-image.alignfull {
		margin-top: 0;
		margin-bottom: 0;
	}

	.wp-block-cover .wp-block-cover__inner-container,
	.wp-block-cover .wp-block-cover-image-text,
	.wp-block-cover .wp-block-cover-text,
	.wp-block-cover-image .wp-block-cover__inner-container,
	.wp-block-cover-image .wp-block-cover-image-text,
	.wp-block-cover-image .wp-block-cover-text {
		color: currentColor;
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
	.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
	.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
	.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
	.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
	.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
		color: currentColor;
	}

	.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
	.wp-block-cover .wp-block-cover-image-text .has-link-color a,
	.wp-block-cover .wp-block-cover-text .has-link-color a,
	.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
	.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
	.wp-block-cover-image .wp-block-cover-text .has-link-color a {
		color: var(--wp--style--color--link, var(--global--color-primary));
	}

	.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
	.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
	.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
	.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
	.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
	.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
		color: var(--cover--color-foreground);
	}

	.wp-block-cover h2,
	.wp-block-cover-image h2 {
		font-size: var(--heading--font-size-h2);
		letter-spacing: var(--heading--letter-spacing-h2);
		line-height: var(--heading--line-height-h2);
		max-width: inherit;
		text-align: inherit;
		padding: 0;
	}

	.wp-block-cover h2.has-text-align-left,
	.wp-block-cover-image h2.has-text-align-left {
		text-align: left;
	}

	.wp-block-cover h2.has-text-align-center,
	.wp-block-cover-image h2.has-text-align-center {
		text-align: center;
	}

	.wp-block-cover h2.has-text-align-right,
	.wp-block-cover-image h2.has-text-align-right {
		text-align: right;
	}

	.wp-block-cover .wp-block-cover__inner-container,
	.wp-block-cover-image .wp-block-cover__inner-container {
		width: calc(100% - 2 * var(--global--spacing-vertical));
	}

	.wp-block-cover .wp-block-cover__inner-container > *,
	.wp-block-cover-image .wp-block-cover__inner-container > * {
		margin-top: calc(0.666 * var(--global--spacing-vertical));
		margin-bottom: calc(0.666 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.wp-block-cover .wp-block-cover__inner-container > *,
		.wp-block-cover-image .wp-block-cover__inner-container > * {
			margin-top: var(--global--spacing-vertical);
			margin-bottom: var(--global--spacing-vertical);
		}
	}

	.wp-block-cover .wp-block-cover__inner-container > *:first-child,
	.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
		margin-top: 0;
	}

	.wp-block-cover .wp-block-cover__inner-container > *:last-child,
	.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
		margin-bottom: 0;
	}

	.wp-block-cover.alignleft,
	.wp-block-cover.alignright,
	.wp-block-cover-image.alignleft,
	.wp-block-cover-image.alignright {
		margin-top: 0;
	}

	.wp-block-cover.alignleft > *,
	.wp-block-cover.alignright > *,
	.wp-block-cover-image.alignleft > *,
	.wp-block-cover-image.alignright > * {
		margin-top: calc(2 * var(--global--spacing-vertical));
		margin-bottom: calc(2 * var(--global--spacing-vertical));
		padding-left: var(--global--spacing-horizontal);
		padding-right: var(--global--spacing-horizontal);
		width: 100%;
	}

	.wp-block-cover.has-left-content,
	.wp-block-cover.has-right-content,
	.wp-block-cover-image.has-left-content,
	.wp-block-cover-image.has-right-content {
		justify-content: center;
	}

	.wp-block-cover.is-style-twentytwentyone-border,
	.wp-block-cover-image.is-style-twentytwentyone-border {
		border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	}

	.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
	.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
		background-color: unset;
	}

	.wp-block-file a.wp-block-file__button:active,
	.wp-block-file a.wp-block-file__button:focus,
	.wp-block-file a.wp-block-file__button:hover {
		opacity: inherit;
	}

	.wp-block-file a.wp-block-file__button {
		display: inline-block;
	}

	.wp-block-gallery {
		margin: 0 auto;
	}

	.wp-block-gallery .blocks-gallery-image,
	.wp-block-gallery .blocks-gallery-item {
		width: calc((100% - var(--global--spacing-unit)) / 2);
	}

	.wp-block-gallery .blocks-gallery-image figcaption,
	.wp-block-gallery .blocks-gallery-item figcaption {
		margin: 0;
		color: var(--global--color-white);
		font-size: var(--global--font-size-xs);
	}

	.wp-block-gallery .blocks-gallery-image figcaption a,
	.wp-block-gallery .blocks-gallery-item figcaption a {
		color: var(--global--color-white);
	}

	.wp-block-gallery .blocks-gallery-image figcaption a:focus,
	.wp-block-gallery .blocks-gallery-item figcaption a:focus {
		background-color: transparent;
		outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
		text-decoration: none;
	}

	.wp-block-gallery .blocks-gallery-image a:focus img,
	.wp-block-gallery .blocks-gallery-item a:focus img {
		outline-offset: 2px;
	}

	.wp-block-group {
		display: flow-root;
	}

	.wp-block-group .wp-block-group__inner-container {
		margin-left: auto;
		margin-right: auto;
	}

	.wp-block-group .wp-block-group__inner-container > * {
		margin-top: calc(0.666 * var(--global--spacing-vertical));
		margin-bottom: calc(0.666 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.wp-block-group .wp-block-group__inner-container > * {
			margin-top: var(--global--spacing-vertical);
			margin-bottom: var(--global--spacing-vertical);
		}
	}

	.wp-block-group .wp-block-group__inner-container > *:first-child {
		margin-top: 0;
	}

	.wp-block-group .wp-block-group__inner-container > *:last-child {
		margin-bottom: 0;
	}

	.wp-block-group.has-background {
		padding: calc(0.666 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.wp-block-group.has-background {
			padding: var(--global--spacing-vertical);
		}
	}

	.wp-block-group.is-style-twentytwentyone-border {
		border: calc(3 * var(--separator--height)) solid var(--global--color-border);
		padding: var(--global--spacing-vertical);
	}

	.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
	.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
	.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
	.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
		max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
		width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
		margin-left: calc(-1 * var(--global--spacing-vertical));
	}

	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		clear: both;
		font-family: var(--heading--font-family);
		font-weight: var(--heading--font-weight);
	}

	h1 strong,
	.h1 strong,
	h2 strong,
	.h2 strong,
	h3 strong,
	.h3 strong,
	h4 strong,
	.h4 strong,
	h5 strong,
	.h5 strong,
	h6 strong,
	.h6 strong {
		font-weight: var(--heading--font-weight-strong);
	}

	h1,
	.h1 {
		font-size: var(--heading--font-size-h1);
		letter-spacing: var(--heading--letter-spacing-h1);
		line-height: var(--heading--line-height-h1);
	}

	h2,
	.h2 {
		font-size: var(--heading--font-size-h2);
		letter-spacing: var(--heading--letter-spacing-h2);
		line-height: var(--heading--line-height-h2);
	}

	h3,
	.h3 {
		font-size: var(--heading--font-size-h3);
		letter-spacing: var(--heading--letter-spacing-h3);
		line-height: var(--heading--line-height-h3);
	}

	h4,
	.h4 {
		font-size: var(--heading--font-size-h4);
		font-weight: var(--heading--font-weight-strong);
		letter-spacing: var(--heading--letter-spacing-h4);
		line-height: var(--heading--line-height-h4);
	}

	h5,
	.h5 {
		font-size: var(--heading--font-size-h5);
		font-weight: var(--heading--font-weight-strong);
		letter-spacing: var(--heading--letter-spacing-h5);
		line-height: var(--heading--line-height-h5);
	}

	h6,
	.h6 {
		font-size: var(--heading--font-size-h6);
		font-weight: var(--heading--font-weight-strong);
		letter-spacing: var(--heading--letter-spacing-h6);
		line-height: var(--heading--line-height-h6);
	}

	.wp-block-image {
		text-align: center;
	}

	.wp-block-image figcaption {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
		line-height: var(--global--line-height-body);
		margin-top: calc(0.5 * var(--global--spacing-unit));
		margin-bottom: var(--global--spacing-unit);
		text-align: center;
	}

	.wp-block-image .alignright {
		margin-left: var(--global--spacing-horizontal);
	}

	.wp-block-image .alignleft {
		margin-right: var(--global--spacing-horizontal);
	}

	.wp-block-image a:focus img {
		outline-offset: 2px;
	}

	.entry-content > *[class=wp-block-image],
	.entry-content [class*=inner-container] > *[class=wp-block-image] {
		margin-top: 0;
		margin-bottom: 0;
	}

	.entry-content > *[class=wp-block-image] + *,
	.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
		margin-top: 0;
	}

	.wp-block-image.is-style-twentytwentyone-border img,
	.wp-block-image.is-style-twentytwentyone-image-frame img {
		border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	}

	.wp-block-image.is-style-twentytwentyone-image-frame img {
		padding: var(--global--spacing-unit);
	}

	@media only screen and (min-width: 482px) {

		.entry-content > .wp-block-image > .alignleft,
		.entry-content > .wp-block-image > .alignright {
			max-width: 50%;
		}
	}
	@media only screen and (max-width: 481.98px) {

		.entry-content > .wp-block-image > .alignleft,
		.entry-content > .wp-block-image > .alignright {
			margin-left: 0;
			margin-right: 0;
		}
	}

	.wp-block-latest-comments {
		padding-left: 0;
	}

	.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
		font-size: var(--global--font-size-sm);
	}

	.wp-block-latest-comments .wp-block-latest-comments__comment {
		line-height: var(--global--line-height-body);

		/* Vertical margins logic */
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
		margin-top: 0;
	}

	.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
		margin-bottom: 0;
	}

	.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
		font-family: var(--heading--font-family);
	}

	.wp-block-latest-comments .wp-block-latest-comments__comment-date {
		color: inherit;
		font-size: inherit;
	}

	.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
		font-size: inherit;
		line-height: var(--global--line-height-body);
		margin: 0;
	}

	.wp-block-latest-posts {
		padding-left: 0;
	}

	.wp-block-latest-posts:not(.is-grid) > li {
		margin-top: calc(1.666 * var(--global--spacing-vertical));
		margin-bottom: calc(1.666 * var(--global--spacing-vertical));
	}

	.wp-block-latest-posts:not(.is-grid) > li:first-child {
		margin-top: 0;
	}

	.wp-block-latest-posts:not(.is-grid) > li:last-child {
		margin-bottom: 0;
	}

	.widget-area .wp-block-latest-posts:not(.is-grid) > li {
		margin-top: 0;
		margin-bottom: 0;
	}

	.wp-block-latest-posts.is-grid {
		word-wrap: break-word;
		word-break: break-word;
	}

	.wp-block-latest-posts.is-grid > li {
		margin-bottom: var(--global--spacing-vertical);
	}

	.wp-block-latest-posts.is-grid > li:last-child {
		margin-bottom: 0;
	}

	.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
	.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
	.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
	.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
	.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
	.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
	.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
	.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
	.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
	.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
		margin-bottom: 0;
	}

	.wp-block-latest-posts > li > * {
		margin-top: calc(0.333 * var(--global--spacing-vertical));
		margin-bottom: calc(0.333 * var(--global--spacing-vertical));
	}

	.wp-block-latest-posts > li > *:first-child {
		margin-top: 0;
	}

	.wp-block-latest-posts > li > *:last-child {
		margin-bottom: 0;
	}

	.wp-block-latest-posts > li > a {
		display: inline-block;
		font-family: var(--latest-posts--title-font-family);
		font-size: var(--latest-posts--title-font-size);
		font-weight: var(--heading--font-weight);
		line-height: var(--global--line-height-heading);
		margin-bottom: calc(0.333 * var(--global--spacing-vertical));
	}

	.widget-area .wp-block-latest-posts > li > a {
		font-size: var(--global--font-size-sm);
		margin-bottom: 0;
	}

	.wp-block-latest-posts .wp-block-latest-posts__post-author {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-md);
		line-height: var(--global--line-height-body);
	}

	.wp-block-latest-posts .wp-block-latest-posts__post-date {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
		line-height: var(--global--line-height-body);
	}

	[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
	.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
		color: currentColor;
	}

	.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
	.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
		font-family: var(--latest-posts--description-font-family);
		font-size: var(--latest-posts--description-font-size);
		line-height: var(--global--line-height-body);
		margin-top: calc(0.666 * var(--global--spacing-vertical));
	}

	.wp-block-latest-posts.alignfull {
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
	}

	.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
	.entry-content .has-background .wp-block-latest-posts.alignfull {
		padding-left: 0;
		padding-right: 0;
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
		border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
		border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
		padding-bottom: var(--global--spacing-vertical);
		border-bottom: var(--separator--height) solid var(--global--color-border);
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
		box-shadow: inset 0 -1px 0 0 var(--global--color-border);
		border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
		margin: 0;
		padding-top: var(--global--spacing-vertical);
		padding-right: var(--global--spacing-horizontal);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
		padding-bottom: var(--global--spacing-vertical);
	}
	@media screen and (min-width: 600px) {

		.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
			width: calc(100% / 2);
		}

		.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
			width: calc(100% / 3);
		}

		.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
			width: calc(100% / 4);
		}

		.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
			width: calc(100% / 5);
		}

		.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
			width: calc(100% / 6);
		}
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
		border: calc(3 * var(--separator--height)) solid var(--global--color-border);
		padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
		padding-bottom: var(--global--spacing-vertical);
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
		margin-top: var(--global--spacing-horizontal);
		margin-bottom: var(--global--spacing-horizontal);
	}

	.gallery-item {
		display: inline-block;
		text-align: center;
		vertical-align: top;
		width: 100%;
	}

	.gallery-item a {
		display: block;
	}

	.gallery-item a:focus img {
		outline-offset: -2px;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}

	.gallery-caption {
		display: block;
	}

	figure.wp-caption a:focus img {
		outline-offset: 2px;
	}

	ul,
	ol {
		font-family: var(--list--font-family);
		margin: 0;
		padding-left: calc(2 * var(--global--spacing-horizontal));
	}

	ul.aligncenter,
	ol.aligncenter {
		list-style-position: inside;
		padding: 0;
	}

	ul.alignright,
	ol.alignright {
		list-style-position: inside;
		text-align: right;
		padding: 0;
	}

	ul {
		list-style-type: disc;
	}

	ul ul {
		list-style-type: circle;
	}

	ol {
		list-style-type: decimal;
	}

	ol ul {
		list-style-type: circle;
	}

	dt {
		font-family: var(--definition-term--font-family);
		font-weight: bold;
	}

	dd {
		margin: 0;
		padding-left: calc(2 * var(--global--spacing-horizontal));
	}

	.wp-block-media-text.alignfull {
		margin-top: 0;
		margin-bottom: 0;
	}

	.wp-block-media-text a:focus img {
		outline-offset: -1px;
	}

	.wp-block-media-text .wp-block-media-text__content {
		padding: var(--global--spacing-horizontal);
	}
	@media only screen and (min-width: 592px) {

		.wp-block-media-text .wp-block-media-text__content {
			padding: var(--global--spacing-vertical);
		}
	}

	.wp-block-media-text .wp-block-media-text__content > * {
		margin-top: calc(0.666 * var(--global--spacing-vertical));
		margin-bottom: calc(0.666 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.wp-block-media-text .wp-block-media-text__content > * {
			margin-top: var(--global--spacing-vertical);
			margin-bottom: var(--global--spacing-vertical);
		}
	}

	.wp-block-media-text .wp-block-media-text__content > *:first-child {
		margin-top: 0;
	}

	.wp-block-media-text .wp-block-media-text__content > *:last-child {
		margin-bottom: 0;
	}
	@media only screen and (min-width: 482px) {

		.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
			padding-top: var(--global--spacing-vertical);
			padding-bottom: var(--global--spacing-vertical);
		}
	}

	.wp-block-media-text.is-style-twentytwentyone-border {
		border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	}

	.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
		font-family: var(--primary-nav--font-family);
		font-size: var(--primary-nav--font-size);
		font-weight: var(--primary-nav--font-weight);
	}

	.wp-block-navigation .wp-block-navigation-link__submenu-icon {
		padding: 0;
	}

	.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
		display: inherit;
	}

	.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
		border: none;
		left: 0;
		min-width: max-content;
		opacity: 0;
		padding: 0;
		position: inherit;
		top: inherit;
	}

	.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
		display: none;
	}

	.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
		background: var(--global--color-background);
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		border: 1px solid var(--primary-nav--border-color);
	}

	.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
	.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		top: -10px;
		left: var(--global--spacing-horizontal);
		border-style: solid;
		border-color: var(--primary-nav--border-color) transparent;
		border-width: 0 7px 10px;
	}

	.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
		top: -9px;
		border-color: var(--global--color-background) transparent;
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
		background: var(--global--color-background);
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
		background: var(--global--color-background);
	}

	.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
	.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
		color: var(--primary-nav--color-link-hover);
	}

	.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
		text-decoration: underline;
		text-decoration-style: dotted;
	}

	.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
		color: currentColor;
	}

	p {
		line-height: var(--wp--typography--line-height, var(--global--line-height-body));
	}

	p.has-background {
		padding: var(--global--spacing-unit);
	}

	p.has-text-color a {
		color: var(--wp--style--color--link, var(--global--color-primary));
	}

	pre.wp-block-preformatted {
		overflow-x: auto;
		white-space: pre;
	}

	.wp-block-pullquote {
		padding: calc(2 * var(--global--spacing-unit)) 0;
		text-align: center;
		border-width: var(--pullquote--border-width);
		border-bottom-style: solid;
		border-top-style: solid;
		color: currentColor;
		border-color: currentColor;
		position: relative;
		font-size: var(--pullquote--font-size);
		font-style: var(--pullquote--font-style);
		font-weight: 700;
		letter-spacing: var(--pullquote--letter-spacing);

		/**
	   * Block Options
	   */
	}

	.wp-block-pullquote blockquote::before {
		color: currentColor;
		content: "“";
		display: block;
		position: relative;
		left: 0;
		font-size: 3rem;
		font-weight: 500;
		line-height: 1;
	}

	.wp-block-pullquote p {
		font-family: var(--pullquote--font-family);
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
		letter-spacing: inherit;
		line-height: inherit;
		margin: 0;
	}

	.wp-block-pullquote:where(:not([style*=line-height])) p {
		line-height: var(--pullquote--line-height);
	}

	.wp-block-pullquote a {
		color: currentColor;
	}

	.wp-block-pullquote .wp-block-pullquote__citation,
	.wp-block-pullquote cite,
	.wp-block-pullquote footer {
		color: currentColor;
		display: block;
		font-size: var(--global--font-size-xs);
		font-style: var(--pullquote--font-style);
		text-transform: none;
	}

	.wp-block-pullquote:not(.is-style-solid-color) {
		background: none;
	}

	.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
	.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
		text-align: center;
	}

	.wp-block-pullquote.alignwide > p,
	.wp-block-pullquote.alignwide blockquote {
		max-width: var(--responsive--alignwide-width);
	}

	.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
	.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
		padding: 0 calc(2 * var(--global--spacing-unit));
	}

	.wp-block-pullquote.is-style-solid-color {
		color: var(--pullquote--color-foreground);
		padding: calc(2.5 * var(--global--spacing-unit));
		border-width: var(--pullquote--border-width);
		border-style: solid;
		border-color: var(--pullquote--border-color);
	}
	@media (min-width: 600px) {

		.wp-block-pullquote.is-style-solid-color {
			padding: calc(5 * var(--global--spacing-unit));
		}
	}

	.wp-block-pullquote.is-style-solid-color blockquote::before {
		text-align: left;
	}

	.wp-block-pullquote.is-style-solid-color blockquote {
		margin: 0;
		max-width: inherit;
	}

	.wp-block-pullquote.is-style-solid-color blockquote p {
		font-size: var(--pullquote--font-size);
	}

	.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
	.wp-block-pullquote.is-style-solid-color cite,
	.wp-block-pullquote.is-style-solid-color footer {
		color: currentColor;
	}

	.wp-block-pullquote.is-style-solid-color.alignleft,
	.wp-block-pullquote.is-style-solid-color.alignright {
		padding: var(--global--spacing-unit);
	}

	.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
	.wp-block-pullquote.is-style-solid-color.alignright blockquote {
		max-width: initial;
	}

	.wp-block-query.has-background {
		padding: calc(0.666 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 482px) {

		.wp-block-query.has-background {
			padding: var(--global--spacing-vertical);
		}
	}

	.wp-block-quote {
		border-left: none;
		font-family: var(--quote--font-family);
		font-size: var(--quote--font-size);
		font-style: var(--quote--font-style);
		font-weight: var(--quote--font-weight);
		line-height: var(--quote--line-height);

		/**
	   * Block Options
	   */
	}

	.wp-block-quote p {
		font-family: inherit;
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
		line-height: inherit;
		letter-spacing: inherit;
	}

	.wp-block-quote:before {
		content: "“";
		left: 8px;
	}

	.wp-block-quote .wp-block-quote__citation,
	.wp-block-quote cite,
	.wp-block-quote footer {
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit;
		line-height: inherit;
		letter-spacing: inherit;
	}

	.has-background .wp-block-quote .wp-block-quote__citation,
	[class*=background-color] .wp-block-quote .wp-block-quote__citation,
	[style*=background-color] .wp-block-quote .wp-block-quote__citation,
	.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
	.has-background .wp-block-quote cite,
	[class*=background-color] .wp-block-quote cite,
	[style*=background-color] .wp-block-quote cite,
	.wp-block-cover[style*=background-image] .wp-block-quote cite,
	.has-background .wp-block-quote footer,
	[class*=background-color] .wp-block-quote footer,
	[style*=background-color] .wp-block-quote footer,
	.wp-block-cover[style*=background-image] .wp-block-quote footer {
		color: currentColor;
	}

	.wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation,
	.wp-block-quote:where(:not([style*=font-style])) cite,
	.wp-block-quote:where(:not([style*=font-style])) footer {
		font-style: var(--quote--font-style-cite);
	}

	.wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation,
	.wp-block-quote:where(:not([style*=font-weight])) cite,
	.wp-block-quote:where(:not([style*=font-weight])) footer {
		font-weight: normal;
	}

	.wp-block-quote.has-text-align-right {
		margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
		padding-right: 0;
		border-right: none;
	}

	.wp-block-quote.has-text-align-right:before {
		display: none;
	}

	.wp-block-quote.has-text-align-right p:before {
		content: "”";
		margin-right: 5px;
	}

	.wp-block-quote.has-text-align-center {
		margin: var(--global--spacing-vertical) auto;
	}

	.wp-block-quote.has-text-align-center:before {
		display: none;
	}

	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large {
		padding-left: 0;
		padding-right: 0;

		/* Resetting margins to match _block-container.scss */
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.wp-block-quote.is-large p,
	.wp-block-quote.is-style-large p {
		font-size: var(--quote--font-size-large);
		font-style: var(--quote--font-style-large);
		line-height: var(--quote--line-height-large);
	}

	.wp-block-quote.is-large:before,
	.wp-block-quote.is-style-large:before {
		font-size: var(--quote--font-size-large);
		line-height: var(--quote--line-height-large);
		left: calc(-1 * var(--global--spacing-horizontal));
	}

	.wp-block-quote.is-large.has-text-align-right:before,
	.wp-block-quote.is-style-large.has-text-align-right:before {
		display: none;
	}

	.wp-block-quote.is-large.has-text-align-right p:before,
	.wp-block-quote.is-style-large.has-text-align-right p:before {
		content: "”";
		font-size: var(--quote--font-size-large);
		font-weight: normal;
		line-height: var(--quote--line-height-large);
		margin-right: 10px;
	}

	.wp-block-quote.is-large .wp-block-quote__citation,
	.wp-block-quote.is-large cite,
	.wp-block-quote.is-large footer,
	.wp-block-quote.is-style-large .wp-block-quote__citation,
	.wp-block-quote.is-style-large cite,
	.wp-block-quote.is-style-large footer {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-sm);
	}
	@media only screen and (max-width: 481.98px) {

		.wp-block-quote.is-large,
		.wp-block-quote.is-style-large {
			padding-left: var(--global--spacing-horizontal);
		}

		.wp-block-quote.is-large:before,
		.wp-block-quote.is-style-large:before {
			left: 0;
		}

		.wp-block-quote.is-large.has-text-align-right,
		.wp-block-quote.is-style-large.has-text-align-right {
			padding-left: 0;
			padding-right: var(--global--spacing-horizontal);
		}

		.wp-block-quote.is-large.has-text-align-right:before,
		.wp-block-quote.is-style-large.has-text-align-right:before {
			right: 0;
		}

		.wp-block-quote.is-large.has-text-align-center,
		.wp-block-quote.is-style-large.has-text-align-center {
			padding-left: 0;
			padding-right: 0;
		}
	}
	@media only screen and (max-width: 481.98px) {

		.wp-block-quote.has-text-align-right {
			padding-left: 0;
			padding-right: calc(0.5 * var(--global--spacing-horizontal));
		}

		.wp-block-quote.has-text-align-right:before {
			right: 0;
		}

		.wp-block-quote.has-text-align-center {
			padding-left: 0;
			padding-right: 0;
		}
	}

	.wp-block-rss {
		padding-left: 0;
	}

	.wp-block-rss > li {
		list-style: none;
	}

	.wp-block-rss:not(.is-grid) > li {
		margin-top: calc(1.666 * var(--global--spacing-vertical));
		margin-bottom: calc(1.666 * var(--global--spacing-vertical));
	}

	.wp-block-rss:not(.is-grid) > li:first-child {
		margin-top: 0;
	}

	.wp-block-rss:not(.is-grid) > li:last-child {
		margin-bottom: 0;
	}

	.wp-block-rss.is-grid > li {
		margin-bottom: var(--global--spacing-vertical);
	}

	.wp-block-rss.is-grid > li:last-child {
		margin-bottom: 0;
	}

	.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
	.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
	.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
	.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
	.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
	.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
	.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
	.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
	.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
	.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
		margin-bottom: 0;
	}

	.wp-block-rss > li > * {
		margin-top: calc(0.333 * var(--global--spacing-vertical));
		margin-bottom: calc(0.333 * var(--global--spacing-vertical));
	}

	.wp-block-rss > li > *:first-child {
		margin-top: 0;
	}

	.wp-block-rss > li > *:last-child {
		margin-bottom: 0;
	}

	.wp-block-rss .wp-block-rss__item-title > a {
		display: inline-block;
		font-family: var(--latest-posts--title-font-family);
		font-size: var(--latest-posts--title-font-size);
		font-weight: var(--heading--font-weight);
		line-height: var(--global--line-height-heading);
		margin-bottom: calc(0.333 * var(--global--spacing-vertical));
	}

	.wp-block-rss .wp-block-rss__item-author {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-md);
		line-height: var(--global--line-height-body);
	}

	.wp-block-rss .wp-block-rss__item-publish-date {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
		line-height: var(--global--line-height-body);
	}

	[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
	.has-background .wp-block-rss .wp-block-rss__item-publish-date {
		color: currentColor;
	}

	.wp-block-rss .wp-block-rss__item-excerpt,
	.wp-block-rss .wp-block-rss__item-full-content {
		font-family: var(--latest-posts--description-font-family);
		font-size: var(--latest-posts--description-font-size);
		line-height: var(--global--line-height-body);
		margin-top: calc(0.666 * var(--global--spacing-vertical));
	}

	.wp-block-rss.alignfull {
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
	}

	.entry-content [class*=inner-container] .wp-block-rss.alignfull,
	.entry-content .has-background .wp-block-rss.alignfull {
		padding-left: 0;
		padding-right: 0;
	}

	.wp-block-search {
		max-width: var(--responsive--aligndefault-width);
	}

	.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
		justify-content: center;
	}

	.wp-block-search .wp-block-search__label {
		font-size: var(--form--font-size);
		font-weight: var(--form--label-weight);
		margin-bottom: calc(var(--global--spacing-vertical) / 3);
	}

	.wp-block-search .wp-block-search__input {
		border: var(--form--border-width) solid var(--form--border-color);
		border-radius: var(--form--border-radius);
		color: var(--form--color-text);
		line-height: var(--form--line-height);
		max-width: inherit;
		margin-right: calc(-1 * var(--button--border-width));
		margin-left: 0;
		padding: var(--form--spacing-unit);
	}

	.wp-block-search .wp-block-search__input:focus {
		color: var(--form--color-text);
		border-color: var(--form--border-color);
	}

	.has-background .wp-block-search .wp-block-search__input {
		border-color: var(--local--color-primary, var(--global--color-primary)) !important;
	}

	.wp-block-search button.wp-block-search__button {
		margin-left: 0;
		line-height: 1;
	}

	.wp-block-search button.wp-block-search__button.has-icon {
		padding: 6px calc(0.5 * var(--button--padding-horizontal));
	}

	.wp-block-search button.wp-block-search__button.has-icon svg {
		width: 40px;
		height: 40px;
		fill: currentColor;
	}

	.has-background .wp-block-search button.wp-block-search__button:hover,
	.has-background .wp-block-search button.wp-block-search__button:active {
		background-color: var(--local--color-background, var(--global--color-background)) !important;
		color: var(--local--color-primary, var(--global--color-primary)) !important;
	}

	.has-text-color .wp-block-search button.wp-block-search__button:hover,
	.has-text-color .wp-block-search button.wp-block-search__button:active {
		color: var(--local--color-primary, var(--global--color-primary)) !important;
	}

	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
		background-color: var(--global--color-white);
		border: var(--form--border-width) solid var(--form--border-color);
		border-radius: var(--form--border-radius);
		padding: var(--form--border-width);
	}

	.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
		border-color: var(--local--color-primary, var(--global--color-primary)) !important;
	}

	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
		margin-left: 0;
		margin-right: 0;
		padding-left: var(--form--spacing-unit);
	}

	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
		color: var(--form--color-text);
		outline-offset: -2px;
		outline: 2px dotted var(--form--border-color);
	}

	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
		padding: var(--button--padding-vertical) var(--button--padding-horizontal);
	}

	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
		color: var(--global--color-dark-gray);
	}

	.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
		color: var(--global--color-dark-gray);
	}

	.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
		background-color: var(--global--color-dark-gray);
		color: var(--global--color-white);
	}

	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
		padding: 6px calc(0.5 * var(--button--padding-horizontal));
	}

	.wp-block-search__button {
		box-shadow: none;
	}

	hr {
		border-style: none;
		border-bottom: var(--separator--height) solid var(--separator--border-color);
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}

	hr.wp-block-separator {
		border-bottom: var(--separator--height) solid var(--separator--border-color);
		opacity: 1;

		/**
	   * Block Options
	   */
	}

	hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
		max-width: var(--responsive--aligndefault-width);
	}

	hr.wp-block-separator:not(.is-style-dots).alignwide {
		max-width: var(--responsive--alignwide-width);
	}

	hr.wp-block-separator:not(.is-style-dots).alignfull {
		max-width: var(--responsive--alignfull-width);
	}

	hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
		border-bottom-width: calc(3 * var(--separator--height));
	}

	hr.wp-block-separator.is-style-dots.has-background,
	hr.wp-block-separator.is-style-dots.has-text-color {
		background-color: transparent !important;
	}

	hr.wp-block-separator.is-style-dots.has-background:before,
	hr.wp-block-separator.is-style-dots.has-text-color:before {
		color: currentColor !important;
	}

	hr.wp-block-separator.is-style-dots:before {
		color: var(--separator--border-color);
		font-size: var(--global--font-size-xl);
		letter-spacing: var(--global--font-size-sm);
		padding-left: var(--global--font-size-sm);
	}

	.has-background hr.wp-block-separator,
	[class*=background-color] hr.wp-block-separator,
	[style*=background-color] hr.wp-block-separator,
	.wp-block-cover[style*=background-image] hr.wp-block-separator {
		border-color: currentColor;
	}

	.wp-block-social-links a:focus {
		color: var(--global--color-primary);
	}

	.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
		color: var(--global--color-primary);
	}

	.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
	.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
		background: none;
	}

	table,
	.wp-block-table {
		width: 100%;
		min-width: 240px;
		border-collapse: collapse;
	}

	table thead,
	table tfoot,
	.wp-block-table thead,
	.wp-block-table tfoot {
		text-align: center;
	}

	table th,
	.wp-block-table th {
		font-family: var(--heading--font-family);
	}

	table td,
	table th,
	.wp-block-table td,
	.wp-block-table th {
		padding: calc(0.5 * var(--global--spacing-unit));
		border: 1px solid;
	}

	table figcaption,
	.wp-block-table figcaption {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
	}

	table.is-style-regular .has-background,
	table.is-style-stripes .has-background,
	table.is-style-stripes .has-background thead tr,
	table.is-style-stripes .has-background tfoot tr,
	table.is-style-stripes .has-background tbody tr,
	.wp-block-table.is-style-regular .has-background,
	.wp-block-table.is-style-stripes .has-background,
	.wp-block-table.is-style-stripes .has-background thead tr,
	.wp-block-table.is-style-stripes .has-background tfoot tr,
	.wp-block-table.is-style-stripes .has-background tbody tr {
		color: var(--table--has-background-text-color);
	}

	table.is-style-stripes,
	.wp-block-table.is-style-stripes {
		border-color: var(--table--stripes-border-color);
	}

	table.is-style-stripes th,
	table.is-style-stripes td,
	.wp-block-table.is-style-stripes th,
	.wp-block-table.is-style-stripes td {
		border-width: 0;
	}

	table.is-style-stripes tbody tr:nth-child(odd),
	.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
		background-color: var(--table--stripes-background-color);
	}

	table.is-style-stripes .has-background tbody tr:nth-child(odd),
	.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
		background-color: var(--global--color-white-90);
	}

	table.wp-calendar-table td,
	table.wp-calendar-table th {
		background: transparent;
		border: 0;
		text-align: center;
		line-height: 2;
		vertical-align: middle;
		word-break: normal;
	}

	table.wp-calendar-table th {
		font-weight: bold;
	}

	table.wp-calendar-table thead,
	table.wp-calendar-table tbody {
		color: currentColor;
		border: 1px solid;
	}

	table.wp-calendar-table caption {
		font-weight: bold;
		text-align: left;
		margin-bottom: var(--global--spacing-unit);
		color: currentColor;
	}

	.wp-calendar-nav {
		text-align: left;
		margin-top: calc(var(--global--spacing-unit) / 2);
	}

	.wp-calendar-nav svg {
		height: 1em;
		vertical-align: middle;
	}

	.wp-calendar-nav svg path {
		fill: currentColor;
	}

	.wp-calendar-nav .wp-calendar-nav-next {
		float: right;
	}

	.wp-block-tag-cloud.alignfull {
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
	}

	.wp-block-verse {
		font-family: var(--entry-content--font-family);
	}

	.wp-block-video figcaption {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
		margin-top: calc(0.5 * var(--global--spacing-unit));
		margin-bottom: var(--global--spacing-unit);
		text-align: center;
	}

	* > figure > video {
		max-width: unset;
		width: 100%;
		vertical-align: middle;
	}

	:root .is-extra-small-text,
	:root .has-extra-small-font-size {
		font-size: var(--global--font-size-xs);
	}

	:root .is-small-text,
	:root .has-small-font-size {
		font-size: var(--global--font-size-sm);
	}

	:root .is-regular-text,
	:root .has-regular-font-size,
	:root .is-normal-font-size,
	:root .has-normal-font-size,
	:root .has-medium-font-size {
		font-size: var(--global--font-size-base);
	}

	:root .is-large-text,
	:root .has-large-font-size {
		font-size: var(--global--font-size-lg);
		line-height: var(--global--line-height-heading);
	}

	:root .is-larger-text,
	:root .has-larger-font-size,
	:root .is-extra-large-text,
	:root .has-extra-large-font-size {
		font-size: var(--global--font-size-xl);
		line-height: var(--global--line-height-heading);
	}

	:root .is-huge-text,
	:root .has-huge-font-size {
		font-size: var(--global--font-size-xxl);
		line-height: var(--global--line-height-heading);
		font-weight: var(--heading--font-weight-page-title);
	}

	:root .is-gigantic-text,
	:root .has-gigantic-font-size {
		font-size: var(--global--font-size-xxxl);
		line-height: var(--global--line-height-heading);
		font-weight: var(--heading--font-weight-page-title);
	}

	/* Block Alignments */

	/**
	 * These selectors set the default max width for content appearing inside a post or page.
	 */

	/**
	 * .alignleft
	 */
	.alignleft {

		/*rtl:ignore*/
		text-align: left;
		margin-top: 0;
	}

	.entry-content > .alignleft {
		max-width: var(--responsive--aligndefault-width);
	}

	@media only screen and (min-width: 482px) {

		.alignleft {

			/*rtl:ignore*/
			float: left;

			/*rtl:ignore*/
			margin-right: var(--global--spacing-horizontal);
			margin-bottom: var(--global--spacing-vertical);
		}

		.entry-content > .alignleft {
			max-width: calc(50% - var(--responsive--alignleft-margin));
		}
	}

	/**
	 * .aligncenter
	 */
	.aligncenter {
		clear: both;
		display: block;
		float: none;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	/**
	 * .alignright
	 */
	.alignright {
		margin-top: 0;
		margin-bottom: var(--global--spacing-vertical);
	}

	.entry-content > .alignright {
		max-width: var(--responsive--aligndefault-width);
	}

	@media only screen and (min-width: 482px) {

		.alignright {

			/*rtl:ignore*/
			float: right;

			/*rtl:ignore*/
			margin-left: var(--global--spacing-horizontal);
		}

		.entry-content > .alignright {
			max-width: calc(50% - var(--responsive--alignright-margin));
		}
	}

	[class*=inner-container] > .alignleft + *,
	[class*=inner-container] > .alignright + * {
		margin-top: 0;
	}

	/**
	 * .alignwide
	 */
	.alignwide {
		clear: both;
	}

	/**
	 * .alignfull
	 */
	.alignfull {
		clear: both;
	}

	.has-left-content {
		justify-content: flex-start;
	}

	.has-right-content {
		justify-content: flex-end;
	}

	.has-parallax {
		background-attachment: fixed;
	}

	.has-drop-cap:not(:focus)::first-letter {
		font-family: var(--heading--font-family);
		font-weight: var(--heading--font-weight);
		line-height: 0.66;
		text-transform: uppercase;
		font-style: normal;
		float: left;
		margin: 0.1em 0.1em 0 0;
		font-size: calc(1.2 * var(--heading--font-size-h1));
	}

	.has-drop-cap:not(:focus)::after {
		content: "";
		display: table;
		clear: both;
		padding-top: 14px;
	}

	.desktop-only {
		display: none;
	}
	@media only screen and (min-width: 482px) {

		.desktop-only {
			display: block;
		}
	}

	/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
	.site-header {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		row-gap: var(--global--spacing-vertical);
	}

	.wp-custom-logo .site-header {
		align-items: center;
	}
	@media only screen and (min-width: 482px) {

		.site-header {
			padding-top: calc(var(--global--spacing-vertical) / 0.75);
		}
	}
	@media only screen and (min-width: 822px) {

		.site-header {
			padding-top: calc(2.4 * var(--global--spacing-vertical));
		}
	}

	.site-branding {
		color: var(--branding--color-text);
		margin-right: 140px;
	}

	.site-branding:last-child {
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	@media only screen and (min-width: 482px) {

		.site-branding {
			margin-right: initial;
			margin-top: calc(var(--primary-nav--padding) - 0.3em);
		}
	}

	.site-title {
		color: var(--branding--color-link);
		font-family: var(--branding--title--font-family);
		font-size: var(--branding--title--font-size-mobile);
		letter-spacing: normal;
		text-transform: var(--branding--title--text-transform);
		line-height: var(--global--line-height-heading);
		margin-bottom: calc(var(--global--spacing-vertical) / 6);
	}

	.site-title a {
		color: currentColor;
		font-weight: var(--branding--title--font-weight);
	}

	.site-title a:link,
	.site-title a:visited,
	.site-title a:active {
		color: currentColor;
	}

	.site-title a:hover,
	.site-title a:focus {
		color: var(--branding--color-link-hover);
	}
	@media only screen and (min-width: 482px) {

		.site-title {
			font-size: var(--branding--title--font-size);
		}
	}

	.site-description {
		color: currentColor;
		font-family: var(--branding--description--font-family);
		font-size: var(--branding--description--font-size);
		line-height: 1.4;
	}

	.site-title > a {
		text-decoration-color: var(--global--color-secondary);
	}

	.site-logo {
		margin: calc(var(--global--spacing-vertical) / 2) 0;
	}

	.site-header > .site-logo {
		width: 100%;
		padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
		border-bottom: 1px solid;
		text-align: center;
	}

	.site-logo .custom-logo {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--branding--logo--max-width-mobile);
		max-height: var(--branding--logo--max-height-mobile);
		height: auto;
		display: inline-block;
		width: auto;
	}
	@media only screen and (min-width: 482px) {

		.site-logo .custom-logo {
			max-width: var(--branding--logo--max-width);
			max-height: var(--branding--logo--max-height);
			height: auto;
			width: auto;
		}
	}

	@media only screen and (max-width: 481.98px) {

		.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
			position: absolute;
			padding-top: calc(0.5 * var(--global--spacing-vertical));
			margin-top: 0;
			top: var(--global--admin-bar--height);
		}

		.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
			display: none;
		}

		.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
			max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em);
		}

		.site-header.has-logo.has-title-and-tagline {
			align-items: flex-start;
		}

		.site-header.has-logo.has-title-and-tagline.has-menu {
			justify-content: space-between;
		}

		.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
			max-width: calc(100% - 160px);
		}

		.site-header.has-logo.has-title-and-tagline .site-branding {
			margin-right: 0;
		}

		body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
			display: none;
		}

		body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
			position: relative;
			top: 0;
		}

		body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
			position: relative;
			padding-top: 0;
			margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit));
		}

		body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
			padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
			padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
			margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
		}

		.site-header:not(.has-logo).has-title-and-tagline .site-branding {
			margin-right: 0;
			max-width: calc(100% - 160px);
		}

		.site-header:not(.has-menu) {
			justify-content: center;
		}
	}

	.site-footer {
		padding-top: 0;
		padding-bottom: calc(1.7 * var(--global--spacing-vertical));
	}

	.no-widgets .site-footer {
		/*margin-top: calc(6 * var(--global--spacing-vertical));*/
		margin-top:0;
	}
	@media only screen and (max-width: 481.98px) {

		.no-widgets .site-footer {
			margin-top: calc(3 * var(--global--spacing-vertical));
		}
	}

	.site-footer > .site-info {
		padding-top: var(--global--spacing-vertical);
		color: var(--footer--color-text);
		font-family: var(--footer--font-family);
		font-size: var(--footer--font-size);
		line-height: var(--global--line-height-body);
		border-top: 3px solid var(--global--color-border);
	}

	.site-footer > .site-info .site-name {
		text-transform: var(--branding--title--text-transform);
		font-size: var(--branding--title--font-size);
	}

	.site-footer > .site-info .privacy-policy,
	.site-footer > .site-info .powered-by {
		margin-top: calc(0.5 * var(--global--spacing-vertical));
	}
	@media only screen and (min-width: 822px) {

		.site-footer > .site-info {
			display: flex;
			align-items: center;
		}

		.site-footer > .site-info .site-name {
			margin-right: calc(0.5 * var(--global--spacing-vertical));
		}

		.site-footer > .site-info .privacy-policy,
		.site-footer > .site-info .powered-by {
			margin-top: initial;
			margin-left: auto;
		}

		.site-footer > .site-info .privacy-policy + .powered-by {
			margin-left: calc(0.5 * var(--global--spacing-vertical));
		}
	}

	.site-footer > .site-info a {
		color: var(--footer--color-link);
	}

	.site-footer > .site-info a:link,
	.site-footer > .site-info a:visited,
	.site-footer > .site-info a:active {
		color: var(--footer--color-link);
	}

	.site-footer > .site-info a:hover {
		color: var(--footer--color-link-hover);
	}

	.site-footer > .site-info a:focus {
		color: var(--footer--color-link-hover);
	}

	.is-dark-theme .site-footer > .site-info a:focus {
		color: var(--wp--style--color--link, var(--global--color-background));
	}

	.has-background-white .site-footer > .site-info a:focus {
		color: var(--wp--style--color--link, var(--global--color-white));
	}

	.singular .entry-header {
		border-bottom: 3px solid var(--global--color-border);
		padding-bottom: calc(2 * var(--global--spacing-vertical));
		margin-bottom: calc(3 * var(--global--spacing-vertical));
	}

	.home .entry-header {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.singular .has-post-thumbnail .entry-header {
		border-bottom: none;
		padding-bottom: calc(1.3 * var(--global--spacing-vertical));
		margin-bottom: 0;
	}

	.no-results.not-found > *:first-child {
		margin-bottom: calc(3 * var(--global--spacing-vertical));
	}

	.page-links {
		clear: both;
	}

	.page-links .post-page-numbers {
		display: inline-block;
		margin-left: calc(0.66 * var(--global--spacing-unit));
		margin-right: calc(0.66 * var(--global--spacing-unit));
		min-width: 44px;
		min-height: 44px;
	}

	.page-links .post-page-numbers:first-child {
		margin-left: 0;
	}

	.entry-title {
		color: var(--entry-header--color);
		font-size: var(--entry-header--font-size);
		letter-spacing: var(--heading--letter-spacing-h2);
		line-height: var(--heading--line-height-h2);
		overflow-wrap: break-word;
	}

	.entry-title a {
		color: var(--entry-header--color-link);
		text-underline-offset: 0.15em;
	}

	.entry-title a:hover {
		color: var(--entry-header--color-hover);
	}

	.entry-title a:focus {
		color: var(--entry-header--color-focus);
	}

	.entry-title a:active {
		color: var(--entry-header--color-link);
	}

	.singular .entry-title {
		font-size: var(--global--font-size-page-title);
	}

	h1.entry-title {
		line-height: var(--heading--line-height-h1);
		font-weight: var(--heading--font-weight-page-title);
	}

	/**
	 * Entry Content
	 */
	.entry-content,
	.entry-summary {
		font-family: var(--entry-content--font-family);
	}

	.entry-content p {
		word-wrap: break-word;
	}

	.entry-content > iframe[style] {
		margin: var(--global--spacing-vertical) 0 !important;
		max-width: 100% !important;
	}

	.entry-footer {
		color: var(--global--color-primary);
		clear: both;
		float: none;
		font-size: var(--global--font-size-xs);
		display: block;
	}

	.entry-footer > span {
		display: inline-block;
	}

	.entry-footer a {
		color: currentColor;
	}

	.entry-footer a:hover,
	.entry-footer a:focus {
		color: var(--global--color-primary-hover);
	}

	.entry-footer a:active {
		color: currentColor;
	}

	.site-main > article > .entry-footer {
		margin-top: var(--global--spacing-vertical);
		padding-top: var(--global--spacing-unit);
		padding-bottom: calc(3 * var(--global--spacing-vertical));
		border-bottom: var(--separator--height) solid var(--separator--border-color);
	}

	body:not(.single) .site-main > article:last-of-type .entry-footer {
		border-bottom: var(--separator--height) solid transparent;
	}

	.single .site-main > article > .entry-footer {
		margin-top: calc(3.4 * var(--global--spacing-vertical));
		margin-bottom: calc(3.4 * var(--global--spacing-vertical));
		padding-bottom: 0;
		padding-top: calc(0.8 * var(--global--spacing-vertical));
		border-top: 3px solid var(--separator--border-color);
		border-bottom: var(--separator--height) solid transparent;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(2 * var(--global--spacing-horizontal));
	}

	.single .site-main > article > .entry-footer .post-taxonomies,
	.single .site-main > article > .entry-footer .full-size-link {
		justify-content: flex-end;
		text-align: right;
	}

	.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
		grid-column: span 2;
	}

	.single .site-main > article > .entry-footer .posted-on,
	.single .site-main > article > .entry-footer .byline,
	.single .site-main > article > .entry-footer .cat-links,
	.single .site-main > article > .entry-footer .tags-links {
		display: block;
	}
	@media only screen and (max-width: 481.98px) {

		.single .site-main > article > .entry-footer {
			display: block;
		}

		.single .site-main > article > .entry-footer .full-size-link {
			display: block;
		}

		.single .site-main > article > .entry-footer .post-taxonomies,
		.single .site-main > article > .entry-footer .full-size-link {
			text-align: left;
		}
	}

	/**
	 * Post Thumbnails
	 */
	.post-thumbnail {
		text-align: center;
	}

	.post-thumbnail .wp-post-image {
		display: block;
		width: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: calc(2 * var(--global--spacing-vertical));
	}

	/**
	 * Author
	 */
	.author-bio {
		position: relative;
		font-size: var(--global--font-size-xs);
		max-width: var(--responsive--aligndefault-width);
	}

	.site-main > article > .author-bio {
		margin-top: calc(2 * var(--global--spacing-vertical));
	}

	.author-bio.show-avatars .avatar {
		display: inline-block;
		vertical-align: top;
		border-radius: 50%;
	}

	.author-bio.show-avatars .author-bio-content {
		display: inline-block;
		padding-left: var(--global--spacing-horizontal);
		max-width: calc(var(--responsive--aligndefault-width) - 90px);
	}

	.author-bio .author-bio-content .author-title {
		font-family: var(--entry-author-bio--font-family);
		font-size: var(--entry-author-bio--font-size);
		display: inline;
	}

	.author-bio .author-bio-content .author-description {
		font-size: var(--global--font-size-xs);
		margin-top: calc(0.5 * var(--global--spacing-vertical));
		margin-bottom: calc(0.5 * var(--global--spacing-vertical));
	}

	.page-title {
		font-size: var(--global--font-size-page-title);
	}

	h1.page-title,
	h2.page-title {
		font-weight: var(--heading--font-weight-page-title);
	}

	h1.page-title {
		line-height: var(--heading--line-height-h1);
	}

	.page-header {
		border-bottom: 3px solid var(--global--color-border);
		padding-bottom: calc(2 * var(--global--spacing-vertical));
	}

	.archive .content-area .format-aside .entry-content,
	.archive .content-area .format-status .entry-content,
	.archive .content-area .format-link .entry-content,
	.search .content-area .format-aside .entry-content,
	.search .content-area .format-status .entry-content,
	.search .content-area .format-link .entry-content,
	.blog .content-area .format-aside .entry-content,
	.blog .content-area .format-status .entry-content,
	.blog .content-area .format-link .entry-content {
		font-size: var(--global--font-size-lg);
	}

	.archive .format-image .entry-content,
	.archive .format-gallery .entry-content,
	.archive .format-video .entry-content,
	.search .format-image .entry-content,
	.search .format-gallery .entry-content,
	.search .format-video .entry-content,
	.blog .format-image .entry-content,
	.blog .format-gallery .entry-content,
	.blog .format-video .entry-content {
		margin-top: calc(2 * var(--global--spacing-vertical));
	}

	.archive .entry-footer .cat-links,
	.archive .entry-footer .tags-links,
	.search .entry-footer .cat-links,
	.search .entry-footer .tags-links,
	.blog .entry-footer .cat-links,
	.blog .entry-footer .tags-links {
		display: block;
	}

	.archive.logged-in .entry-footer .posted-on,
	.search.logged-in .entry-footer .posted-on,
	.blog.logged-in .entry-footer .posted-on {
		margin-right: calc(0.5 * var(--global--spacing-unit));
	}

	.archive-description {
		margin-top: var(--global--spacing-vertical);
		font-size: var(--global--font-size-xl);
		line-height: var(--global--line-height-heading);
	}

	.error404 main p {
		font-size: var(--global--font-size-lg);
		margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
	}

	.search-no-results .page-content {
		margin-top: calc(3 * var(--global--spacing-vertical));
	}

	/**
	 * Comments Wrapper
	 */
	.comments-area > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.comments-area > *:first-child {
		margin-top: 0;
	}

	.comments-area > *:last-child {
		margin-bottom: 0;
	}

	.comments-area.show-avatars .avatar {
		border-radius: 50%;
		position: absolute;
		top: 10px;
	}

	.comments-area.show-avatars .fn {
		display: inline-block;
		padding-left: 85px;
	}

	.comments-area.show-avatars .comment-metadata {
		padding: 8px 0 9px 85px;
	}

	/**
	 * Comment Title
	 */
	.comments-title,
	.comment-reply-title {
		font-size: var(--heading--font-size-h2);
		letter-spacing: var(--heading--letter-spacing-h2);
	}

	.comment-reply-title {
		display: flex;
		justify-content: space-between;
	}

	.comment-reply-title small a {
		font-family: var(--global--font-secondary);
		font-size: var(--global--font-size-xs);
		font-style: normal;
		font-weight: normal;
		letter-spacing: normal;
	}

	/* Nested comment reply title*/
	.comment .comment-respond .comment-reply-title {
		font-size: var(--global--font-size-lg);
	}

	/**
	 * Comment Lists
	 */
	.comment-list {
		padding-left: 0;
		list-style: none;
	}

	.comment-list > li {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.comment-list .children {
		list-style: none;
		padding-left: 0;
	}

	.comment-list .children > li {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	@media only screen and (min-width: 482px) {

		.comment-list .depth-2,
		.comment-list .depth-3 {
			padding-left: calc(4 * var(--global--spacing-horizontal));
		}
	}

	/**
	 * Comment Meta
	 */
	.comment-meta .comment-author {
		line-height: var(--global--line-height-heading);
		margin-bottom: calc(0.25 * var(--global--spacing-unit));
	}
	@media only screen and (min-width: 482px) {

		.comment-meta .comment-author {
			margin-bottom: 0;
			padding-right: 0;
		}
	}

	.comment-meta .comment-author .fn {
		font-family: var(--global--font-secondary);
		font-weight: normal;
		font-size: var(--global--font-size-lg);
		hyphens: auto;
		word-wrap: break-word;
		word-break: break-word;
	}

	.comment-meta .comment-metadata {
		color: var(--global--color-primary);
		font-size: var(--global--font-size-xs);
		padding: 8px 0 9px;
	}

	.comment-meta .comment-metadata .edit-link {
		margin-left: var(--global--spacing-horizontal);
	}
	@media only screen and (min-width: 482px) {

		.comment-meta {
			margin-right: inherit;
		}

		.comment-meta .comment-author {
			max-width: inherit;
		}
	}

	.reply {
		font-size: var(--global--font-size-sm);
		line-height: var(--global--line-height-heading);
	}

	.bypostauthor {
		display: block;
	}

	.says {
		display: none;
	}

	.pingback .url,
	.trackback .url {
		font-family: var(--global--font-primary);
	}

	.comment-body {
		position: relative;
		margin-bottom: calc(1.7 * var(--global--spacing-vertical));
	}

	.comment-body > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.comment-body .reply {
		margin: 0;
	}

	.comment-content {
		word-wrap: break-word;
	}

	.pingback .comment-body,
	.trackback .comment-body {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.comment-respond {
		margin-top: var(--global--spacing-vertical);
	}

	.comment-respond > * {
		margin-top: var(--global--spacing-unit);
		margin-bottom: var(--global--spacing-unit);
	}

	.comment-respond > *:first-child {
		margin-top: 0;
	}

	.comment-respond > *:last-child {
		margin-bottom: 0;
	}

	.comment-respond > *:last-child.comment-form {
		margin-bottom: var(--global--spacing-vertical);
	}

	.comment-author {
		padding-top: 3px;
	}

	.comment-author .url {
		color: currentColor;
	}

	.comment-form {
		display: flex;
		flex-wrap: wrap;
	}

	.comment-form > * {
		flex-basis: 100%;
	}

	.comment-form .comment-notes {
		font-size: var(--global--font-size-sm);
	}

	.comment-form .comment-form-url,
	.comment-form .comment-form-comment {
		width: 100%;
	}

	.comment-form .comment-form-author,
	.comment-form .comment-form-email {
		flex-basis: 0;
		flex-grow: 1;
	}
	@media only screen and (max-width: 481.98px) {

		.comment-form .comment-form-author,
		.comment-form .comment-form-email {
			flex-basis: 100%;
		}
	}

	.comment-form .comment-form-cookies-consent > label,
	.comment-form .comment-notes {
		font-size: var(--global--font-size-xs);
		font-weight: normal;
	}

	.comment-form > p {
		margin-bottom: var(--global--spacing-unit);
	}

	.comment-form > p:first-of-type {
		margin-top: 0;
	}

	.comment-form > p:last-of-type {
		margin-bottom: 0;
	}

	.comment-form > p label,
	.comment-form > p input[type=email],
	.comment-form > p input[type=text],
	.comment-form > p input[type=url],
	.comment-form > p textarea {
		display: block;
		font-size: var(--global--font-size-sm);
		margin-bottom: calc(0.5 * var(--global--spacing-unit));
		width: 100%;
		font-weight: var(--form--label-weight);
	}

	.comment-form > p.comment-form-cookies-consent {
		display: flex;
	}
	@media only screen and (min-width: 482px) {

		.comment-form > p.comment-form-author {
			margin-right: calc(1.5 * var(--global--spacing-horizontal));
		}

		.comment-form > p.comment-notes,
		.comment-form > p.logged-in-as {
			display: block;
		}
	}

	.menu-button-container {
		display: none;
		justify-content: space-between;
		position: absolute;
		right: 0;
		padding-top: calc(0.5 * var(--global--spacing-vertical));
		padding-bottom: calc(0.25 * var(--global--spacing-vertical));
	}
	@media only screen and (max-width: 481.98px) {

		.menu-button-container {
			display: flex;
		}
	}

	.menu-button-container #primary-mobile-menu {
		display: flex;
		margin-left: auto;
		padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
		font-size: var(--primary-nav--font-size-button);
		font-weight: var(--primary-nav--font-weight-button);
		background-color: transparent;
		border: none;
		color: var(--primary-nav--color-link);
	}

	.menu-button-container #primary-mobile-menu .dropdown-icon {
		display: flex;
		align-items: center;
	}

	.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
		margin-left: calc(0.25 * var(--global--spacing-unit));
	}

	.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
		position: relative;
		top: -1px;
	}

	.menu-button-container #primary-mobile-menu .dropdown-icon.close {
		display: none;
	}

	.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
		display: none;
	}

	.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
		display: flex;
	}

	.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
		animation-name: twentytwentyone-close-button-transition;
		animation-duration: 0.3s;
	}

	.primary-navigation-open .menu-button-container {
		width: 100%;
		z-index: 500;
		background-color: var(--global--color-background);
	}

	.primary-navigation-open .menu-button-container #primary-mobile-menu {
		position: static;
	}

	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
	}

	.primary-navigation > .primary-menu-container {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transform: translateY(var(--global--spacing-vertical));
	}
	@media (prefers-reduced-motion: no-preference) {

		.primary-navigation > .primary-menu-container {
			transition: all 0.15s ease-in-out;
		}
	}
	@media only screen and (max-width: 481.98px) {

		.primary-navigation > .primary-menu-container {
			height: 100vh;
			z-index: 499;
			overflow-x: hidden;
			overflow-y: auto;
			border: 2px solid transparent;
		}

		.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
			position: fixed;
			transform: translateY(0) translateX(100%);
		}

		.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
			top: var(--global--admin-bar--height);
		}

		.admin-bar .primary-navigation > .primary-menu-container {
			height: calc(100vh - var(--global--admin-bar--height));
		}

		.primary-navigation > .primary-menu-container:focus {
			border: 2px solid var(--global--color-primary);
		}
	}
	@media only screen and (max-width: 481.98px) {

		.primary-navigation-open .primary-navigation {
			width: 100%;
			position: fixed;
			z-index: 2;
		}
	}

	.primary-navigation-open .primary-navigation > .primary-menu-container {
		position: relative;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
	@media only screen and (max-width: 481.98px) {

		.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
			transform: translateX(0) translateY(0);
		}
	}
	@media only screen and (min-width: 482px) {}

		.primary-navigation {
			position: relative;
			margin-left: auto;
		}

		.primary-navigation > .primary-menu-container {
			visibility: visible;
			opacity: 1;
			position: relative;
			padding: 0;
			background-color: transparent;
			overflow: initial;
			transform: none;
		}

		.primary-navigation #toggle-menu {
			display: none;
		}

		.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
			display: none;
		}

		.admin-bar .primary-navigation {
			top: initial;
		}

		.admin-bar .primary-navigation > .primary-menu-container {
			top: initial;
		}
	

	.primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		max-width: none;
		padding-left: 0;
		position: relative;
	}
	@media only screen and (max-width: 481.98px) {

		.primary-navigation > div > .menu-wrapper {
			padding-bottom: 100px;
		}

		.primary-navigation > div > .menu-wrapper ul {
			padding-left: 0;
		}
	}

	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	@media only screen and (min-width: 482px) {

		.primary-navigation > div > .menu-wrapper li {
			margin: 0;
			width: inherit;
		}

		.primary-navigation > div > .menu-wrapper li:last-child {
			margin-right: 0;
		}
	}

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
		display: flex;
		height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
		width: 44px;
		padding: 0;
		justify-content: center;
		align-items: center;
		background: transparent;
		color: currentColor;
		border: none;
	}

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
		outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
	}
	@media only screen and (max-width: 481.98px) {

		.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
			display: none;
		}
	}

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
		margin-top: -1px;
	}

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
		display: none;
	}

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
		display: flex;
	}

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
		display: none;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		position: relative;
	}
	@media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {

		.primary-navigation > div > .menu-wrapper > li > .sub-menu {
			transition: all 0.5s ease;
		}
	}
	@media only screen and (min-width: 482px) {

		.primary-navigation > div > .menu-wrapper > li > .sub-menu {
			left: 0;
			margin: 0;
			min-width: max-content;
			position: absolute;
			top: 100%;
			padding-top: 3px;
			z-index: 88888;
		}

		.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
		.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
			content: "";
			display: block;
			position: absolute;
			width: 0;
			top: -10px;
			left: var(--global--spacing-horizontal);
			border-style: solid;
			border-color: var(--primary-nav--border-color) transparent;
			border-width: 0 7px 10px;
		}

		.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
			top: -9px;
			border-color: var(--global--color-background) transparent;
		}

		.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
			background: var(--global--color-background);
		}

		.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {

			/* rtl:ignore */
			left: 0;

			/* rtl:ignore */
			right: auto;
		}

		.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
		.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {

			/* rtl:ignore */
			left: var(--global--spacing-horizontal);

			/* rtl:ignore */
			right: auto;
		}

		.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {

			/* rtl:ignore */
			right: 0;

			/* rtl:ignore */
			left: auto;
		}

		.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
		.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {

			/* rtl:ignore */
			left: auto;

			/* rtl:ignore */
			right: var(--global--spacing-horizontal);
		}
	}

	.primary-navigation .primary-menu > .menu-item:hover > a {
		color: var(--primary-nav--color-link-hover);
	}
	@media only screen and (min-width: 482px) {}

		.primary-navigation .primary-menu-container {
			margin-right: calc(0px - var(--primary-nav--padding));
			margin-left: calc(0px - var(--primary-nav--padding));
		}

		.primary-navigation .primary-menu-container > ul > .menu-item {
			display: flex;
		}

		.primary-navigation .primary-menu-container > ul > .menu-item > a {
			padding-left: var(--primary-nav--padding);
			padding-right: var(--primary-nav--padding);
		}

		.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
			margin-left: calc(5px - var(--primary-nav--padding));
		}
	

	.primary-navigation a {
		display: block;
		font-family: var(--primary-nav--font-family-mobile);
		font-size: var(--primary-nav--font-size-mobile);
		font-weight: var(--primary-nav--font-weight);
		padding: var(--primary-nav--padding) 0;
		text-decoration: none;
	}
	@media only screen and (min-width: 482px) {

		.primary-navigation a {
			display: block;
			font-family: var(--primary-nav--font-family);
			font-size: var(--primary-nav--font-size);
			font-weight: var(--primary-nav--font-weight);
		}
	}

	.primary-navigation a + svg {
		fill: var(--primary-nav--color-text);
	}

	.primary-navigation a:hover,
	.primary-navigation a:link,
	.primary-navigation a:visited {
		color: var(--primary-nav--color-link-hover);
	}

	.primary-navigation a:hover {
		text-decoration: underline;
		text-decoration-style: dotted;
	}

	.primary-navigation a:focus {
		position: relative;
		z-index: 99999;
		outline-offset: 0;
		text-decoration-thickness: 2px;
	}

	.primary-navigation .current-menu-item > a:first-child,
	.primary-navigation .current_page_item > a:first-child {
		text-decoration: underline;
		text-decoration-style: solid;
	}

	.primary-navigation .current-menu-item > a:first-child:hover,
	.primary-navigation .current_page_item > a:first-child:hover {
		text-decoration: underline;
		text-decoration-style: dotted;
	}

	.primary-navigation .sub-menu {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-left: var(--primary-nav--padding);
		border: 1px solid var(--primary-nav--border-color);
	}

	.primary-navigation .sub-menu .sub-menu {
		border: none;
	}
	@media only screen and (min-width: 482px) {

		.primary-navigation .sub-menu > .menu-item > .sub-menu {
			padding: 0;
		}
	}
	@media only screen and (max-width: 481.98px) {

		.primary-navigation .sub-menu .menu-item:last-child {
			margin-bottom: 0;
		}
	}

	.primary-navigation .sub-menu .menu-item > a {
		padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
		display: block;
		font-size: var(--primary-nav--font-size-sub-menu-mobile);
		font-style: var(--primary-nav--font-style-sub-menu-mobile);
	}
	@media only screen and (min-width: 482px) {

		.primary-navigation .sub-menu .menu-item > a {
			font-size: var(--primary-nav--font-size-sub-menu);
			font-style: var(--primary-nav--font-style);
		}
	}

	.primary-navigation .menu-item-has-children > .svg-icon {
		display: none;
	}
	@media only screen and (min-width: 482px) {

		.primary-navigation .menu-item-has-children > .svg-icon {
			display: inline-block;
			height: 100%;
		}

		.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
			display: none;
		}
	}

	.primary-navigation .menu-item-description {
		display: block;
		clear: both;
		font-size: var(--global--font-size-xs);
		text-transform: none;
		line-height: 1.7;
	}

	.primary-navigation .menu-item-description > span {
		display: inline-block;
	}

	@media only screen and (max-width: 481.98px) {

		.lock-scrolling .site {
			position: fixed;
			max-width: 100%;
			width: 100%;
		}
	}
	@keyframes twentytwentyone-close-button-transition {

		from {
			opacity: 0;
		}

		to {
			opacity: 1;
		}
	}

	.footer-navigation {
		margin-top: calc(2 * var(--global--spacing-vertical));
		margin-bottom: var(--global--spacing-vertical);
		color: var(--footer--color-text);
		font-size: var(--global--font-size-xs);
		font-family: var(--footer--font-family);
	}

	.footer-navigation-wrapper {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		list-style: none;
		padding-left: 0;
	}

	.footer-navigation-wrapper li {
		display: inline;
		line-height: 3;
	}

	.footer-navigation-wrapper li a {
		padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
		color: var(--footer--color-link);
	}

	.footer-navigation-wrapper li a:link,
	.footer-navigation-wrapper li a:visited,
	.footer-navigation-wrapper li a:active {
		color: var(--footer--color-link);
	}

	.footer-navigation-wrapper li a:hover {
		text-decoration: underline;
		text-decoration-style: dotted;
		text-decoration-skip-ink: none;
		color: var(--footer--color-link-hover);
	}

	.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
		fill: var(--wp--style--color--link, var(--global--color-background));
	}

	.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
		fill: var(--wp--style--color--link, var(--global--color-white));
	}

	.footer-navigation-wrapper li .svg-icon {
		vertical-align: middle;
		fill: var(--footer--color-link);
	}

	.footer-navigation-wrapper li .svg-icon:hover {
		transform: scale(1.1);
	}
	@media (prefers-reduced-motion: no-preference) {

		.footer-navigation-wrapper li .svg-icon {
			transition: transform 0.1s ease;
		}
	}

	.footer-navigation-wrapper .sub-menu-toggle,
	.footer-navigation-wrapper .menu-item-description {
		display: none;
	}

	/* Next/Previous navigation */
	.navigation {
		color: var(--global--color-primary);
	}

	.navigation a {
		color: var(--global--color-primary);
		text-decoration: none;
	}

	.navigation a:hover {
		color: var(--global--color-primary-hover);
		text-decoration: underline;
		text-decoration-style: dotted;
	}

	.navigation a:focus {
		color: var(--global--color-secondary);
	}

	.navigation a:active {
		color: var(--global--color-primary);
	}

	.navigation .nav-links > * {
		min-width: 44px;
		min-height: 44px;
	}

	.navigation .nav-links .nav-next a,
	.navigation .nav-links .nav-previous a {
		display: flex;
		flex-direction: column;
	}

	.navigation .nav-links .dots {
		text-align: center;
	}
	@media only screen and (min-width: 592px) {

		.navigation .nav-links {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}

		.navigation .nav-links .nav-next,
		.navigation .nav-links .nav-previous {
			flex: 0 1 auto;
			margin-bottom: inherit;
			margin-top: inherit;
			max-width: calc(50% - 0.5 * var(--global--spacing-unit));
		}

		.navigation .nav-links .nav-next {
			text-align: right;
		}
	}

	.navigation .svg-icon {
		display: inline-block;
		fill: currentColor;
		vertical-align: middle;
		position: relative;
	}

	.navigation .nav-previous .svg-icon,
	.navigation .prev .svg-icon {
		top: -2px;
		margin-right: calc(0.25 * var(--global--spacing-unit));
	}

	.navigation .nav-next .svg-icon,
	.navigation .next .svg-icon {
		top: -1px;
		margin-left: calc(0.25 * var(--global--spacing-unit));
	}

	.post-navigation {
		margin: var(--global--spacing-vertical) auto;
	}
	@media only screen and (min-width: 822px) {

		.post-navigation {
			margin: var(--global--spacing-vertical) auto;
		}
	}

	.post-navigation .meta-nav {
		line-height: var(--global--line-height-body);
		color: var(--global--color-primary);
	}

	.post-navigation .post-title {
		display: inline-block;
		font-family: var(--global--font-primary);
		font-size: var(--global--font-size-lg);
		font-weight: var(--pagination--font-weight-strong);
		line-height: var(--global--line-height-heading);
	}
	@media only screen and (min-width: 822px) {

		.post-navigation .post-title {
			margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
		}
	}
	@media only screen and (min-width: 482px) {

		.post-navigation .nav-links {
			justify-content: space-between;
		}
	}

	.post-navigation .nav-next,
	.post-navigation .nav-previous {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}

	.post-navigation .nav-next:first-child,
	.post-navigation .nav-previous:first-child {
		margin-top: 0;
	}

	.post-navigation .nav-next:last-child,
	.post-navigation .nav-previous:last-child {
		margin-bottom: 0;
	}

	.pagination,
	.comments-pagination {
		border-top: 3px solid var(--global--color-border);
		padding-top: var(--global--spacing-vertical);
		margin: var(--global--spacing-vertical) auto;
	}
	@media only screen and (min-width: 822px) {

		.pagination,
		.comments-pagination {
			margin: var(--global--spacing-vertical) auto;
		}
	}

	.pagination .nav-links,
	.comments-pagination .nav-links {
		margin-top: calc(-1 * var(--global--spacing-vertical));
	}

	.pagination .nav-links a:hover,
	.comments-pagination .nav-links a:hover {
		color: var(--pagination--color-link-hover);
	}

	.is-dark-theme .pagination .nav-links a:active,
	.is-dark-theme .pagination .nav-links a:hover:active,
	.is-dark-theme .pagination .nav-links a:hover:focus,
	.is-dark-theme .comments-pagination .nav-links a:active,
	.is-dark-theme .comments-pagination .nav-links a:hover:active,
	.is-dark-theme .comments-pagination .nav-links a:hover:focus {
		color: var(--global--color-background);
	}

	.has-background-white .pagination .nav-links a:active,
	.has-background-white .pagination .nav-links a:hover:active,
	.has-background-white .pagination .nav-links a:hover:focus,
	.has-background-white .comments-pagination .nav-links a:active,
	.has-background-white .comments-pagination .nav-links a:hover:active,
	.has-background-white .comments-pagination .nav-links a:hover:focus {
		color: var(--global--color-white);
	}

	.pagination .nav-links > *,
	.comments-pagination .nav-links > * {
		color: var(--pagination--color-text);
		font-family: var(--pagination--font-family);
		font-size: var(--pagination--font-size);
		font-weight: var(--pagination--font-weight);
		margin-top: var(--global--spacing-vertical);
		margin-left: calc(0.66 * var(--global--spacing-unit));
		margin-right: calc(0.66 * var(--global--spacing-unit));
	}

	.pagination .nav-links > *.current,
	.comments-pagination .nav-links > *.current {
		text-decoration: underline;
	}

	.pagination .nav-links > *:not(.dots):not(.current):hover,
	.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
		text-decoration-style: dotted;
	}

	.pagination .nav-links > *:first-child,
	.comments-pagination .nav-links > *:first-child {
		margin-left: 0;
	}

	.pagination .nav-links > *:last-child,
	.comments-pagination .nav-links > *:last-child {
		margin-right: 0;
	}

	.pagination .nav-links > *.next,
	.comments-pagination .nav-links > *.next {
		margin-left: auto;
	}

	.pagination .nav-links > *.prev,
	.comments-pagination .nav-links > *.prev {
		margin-right: auto;
	}
	@media only screen and (max-width: 821.98px) {

		.pagination .nav-links,
		.comments-pagination .nav-links {
			display: flex;
			flex-wrap: wrap;
		}

		.pagination .page-numbers,
		.comments-pagination .page-numbers {
			display: none;
		}

		.pagination .page-numbers.prev,
		.pagination .page-numbers.next,
		.comments-pagination .page-numbers.prev,
		.comments-pagination .page-numbers.next {
			display: inline-block;
			flex: 0 1 auto;
		}
	}
	@media only screen and (max-width: 481.98px) {

		.pagination .nav-short,
		.comments-pagination .nav-short {
			display: none;
		}
	}

	.comments-pagination {
		padding-top: calc(0.66 * var(--global--spacing-vertical));
		margin: calc(3 * var(--global--spacing-vertical)) auto;
	}
	@media only screen and (min-width: 822px) {

		.comments-pagination {
			margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
		}
	}

	.comments-pagination .nav-links > * {
		font-size: var(--global--font-size-md);
	}

	.widget-area {
		margin-top: calc(6 * var(--global--spacing-vertical));
		padding-bottom: calc(var(--global--spacing-vertical) / 3);
		color: var(--footer--color-text);
		font-size: var(--footer--font-size);
		font-family: var(--footer--font-family);
	}
	@media only screen and (min-width: 652px) {

		.widget-area {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: calc(2 * var(--global--spacing-horizontal));
		}
	}
	@media only screen and (min-width: 1024px) {

		.widget-area {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	@media only screen and (max-width: 481.98px) {

		.widget-area {
			margin-top: calc(3 * var(--global--spacing-vertical));
		}
	}

	.widget-area .wp-block-social-links.alignright {
		margin-top: var(--global--spacing-vertical);
		justify-content: flex-end;
	}

	.widget-area .wp-block-social-links.alignleft {
		margin-top: var(--global--spacing-vertical);
	}

	.widget-area:after {
		content: "";
		display: table;
		clear: both;
	}

	.widget h1,
	.widget h2,
	.widget h3,
	.widget h4,
	.widget h5,
	.widget h6 {
		font-weight: var(--widget--font-weight-title);
		line-height: var(--widget--line-height-title);
	}

	.widget h1 {
		font-size: var(--global--font-size-md);
	}

	.widget h2 {
		font-size: var(--global--font-size-sm);
	}

	.widget h3 {
		font-size: var(--global--font-size-xs);
	}

	.widget h4 {
		font-size: var(--global--font-size-xs);
	}

	.widget h5 {
		font-size: var(--global--font-size-xs);
	}

	.widget h6 {
		font-size: var(--global--font-size-xs);
	}

	.widget ul {
		list-style-type: none;
		padding: 0;
	}

	.widget ul li {
		line-height: var(--widget--line-height-list);
	}

	.widget ul.sub-menu,
	.widget ul.children {
		margin-left: var(--widget--spacing-menu);
	}

	.widget ul .sub-menu-toggle {
		display: none;
	}

	.widget a {
		color: var(--footer--color-link);
		text-decoration: underline;
		text-decoration-style: solid;
		text-decoration-color: currentColor;
	}

	.widget a:link,
	.widget a:visited,
	.widget a:active {
		color: var(--footer--color-link);
	}

	.widget a:hover {
		color: var(--footer--color-link-hover);
		text-decoration-style: dotted;
	}

	.search-form {
		display: flex;
		flex-wrap: wrap;
		margin: auto;
		max-width: var(--responsive--aligndefault-width);
	}

	.search-form > label {
		width: 100%;
		margin-bottom: 0;
		font-weight: var(--form--label-weight);
	}

	.search-form .search-field {
		flex-grow: 1;
		max-width: inherit;
		margin-top: calc(var(--global--spacing-vertical) / 3);
		margin-right: calc(0.66 * var(--global--spacing-horizontal));
	}

	.search-form .search-submit {
		margin-top: calc(var(--global--spacing-vertical) / 3);
		margin-left: 10px;
	}

	.widget_search > .search-form .search-field {
		margin-right: calc(-1 * var(--button--border-width));
		-webkit-appearance: none;
		margin-bottom: calc(0.5 * var(--global--spacing-vertical));
	}

	.widget_search > .search-form .search-submit {
		margin-left: 0;
		margin-bottom: calc(0.5 * var(--global--spacing-vertical));
	}

	.widget_rss a.rsswidget .rss-widget-icon {
		display: none;
	}

	/* Category 07 is for any utility classes that are not assigned to a specific component. */
	.screen-reader-text {
		border: 0;
		clip: rect(1px, 1px, 1px, 1px);
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute !important;
		width: 1px;
		word-wrap: normal !important;
		word-break: normal;
	}

	.skip-link:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		-webkit-clip-path: none;
		clip-path: none;
		color: #21759b;
		display: block;
		font-size: 0.875rem;
		font-weight: 700;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000;
	}

	/* Do not show the outline on the skip link target. */
	#content[tabindex="-1"]:focus {
		outline: 0;
	}

	.has-black-color[class] {
		color: var(--global--color-black);
	}

	.has-black-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-black, #000);
		color: var(--local--color-primary);
	}

	.has-gray-color[class] {
		color: var(--global--color-gray);
	}

	.has-gray-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-gray, #000);
		color: var(--local--color-primary);
	}

	.has-dark-gray-color[class] {
		color: var(--global--color-dark-gray);
	}

	.has-dark-gray-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-dark-gray, #000);
		color: var(--local--color-primary);
	}

	.has-green-color[class] {
		color: var(--global--color-green);
	}

	.has-green-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-green, #fff);
		color: var(--local--color-primary);
	}

	.has-blue-color[class] {
		color: var(--global--color-blue);
	}

	.has-blue-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-blue, #fff);
		color: var(--local--color-primary);
	}

	.has-purple-color[class] {
		color: var(--global--color-purple);
	}

	.has-purple-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-purple, #fff);
		color: var(--local--color-primary);
	}

	.has-red-color[class] {
		color: var(--global--color-red);
	}

	.has-red-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-red, #fff);
		color: var(--local--color-primary);
	}

	.has-orange-color[class] {
		color: var(--global--color-orange);
	}

	.has-orange-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-orange, #fff);
		color: var(--local--color-primary);
	}

	.has-yellow-color[class] {
		color: var(--global--color-yellow);
	}

	.has-yellow-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-yellow, #fff);
		color: var(--local--color-primary);
	}

	.has-white-color[class] {
		color: var(--global--color-white);
	}

	.has-white-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-white, #fff);
		color: var(--local--color-primary);
	}

	.has-background a,
	.has-background p,
	.has-background h1,
	.has-background h2,
	.has-background h3,
	.has-background h4,
	.has-background h5,
	.has-background h6 {
		color: currentColor;
	}

	.has-black-background-color[class] {
		background-color: var(--global--color-black);
	}

	.has-black-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-black, #000);
		background-color: var(--local--color-background);
	}

	.has-dark-gray-background-color[class] {
		background-color: var(--global--color-dark-gray);
	}

	.has-dark-gray-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-dark-gray, #000);
		background-color: var(--local--color-background);
	}

	.has-gray-background-color[class] {
		background-color: var(--global--color-gray);
	}

	.has-gray-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-gray, #000);
		background-color: var(--local--color-background);
	}

	.has-light-gray-background-color[class] {
		background-color: var(--global--color-light-gray);
	}

	.has-light-gray-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-light-gray, #fff);
		background-color: var(--local--color-background);
	}

	.has-green-background-color[class] {
		background-color: var(--global--color-green);
	}

	.has-green-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-green, #fff);
		background-color: var(--local--color-background);
	}

	.has-blue-background-color[class] {
		background-color: var(--global--color-blue);
	}

	.has-blue-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-blue, #fff);
		background-color: var(--local--color-background);
	}

	.has-purple-background-color[class] {
		background-color: var(--global--color-purple);
	}

	.has-purple-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-purple, #fff);
		background-color: var(--local--color-background);
	}

	.has-red-background-color[class] {
		background-color: var(--global--color-red);
	}

	.has-red-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-red, #fff);
		background-color: var(--local--color-background);
	}

	.has-orange-background-color[class] {
		background-color: var(--global--color-orange);
	}

	.has-orange-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-orange, #fff);
		background-color: var(--local--color-background);
	}

	.has-yellow-background-color[class] {
		background-color: var(--global--color-yellow);
	}

	.has-yellow-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-yellow, #fff);
		background-color: var(--local--color-background);
	}

	.has-white-background-color[class] {
		background-color: var(--global--color-white);
	}

	.has-white-background-color[class] > [class*=__inner-container] {
		--local--color-background: var(--global--color-white, #fff);
		background-color: var(--local--color-background);
	}

	.has-background:not(.has-text-color).has-black-background-color[class],
	.has-background:not(.has-text-color).has-gray-background-color[class],
	.has-background:not(.has-text-color).has-dark-gray-background-color[class] {
		color: var(--global--color-white);
	}

	.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-background, #fff);
		color: var(--local--color-primary, var(--global--color-primary));
	}

	.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-primary, #000);
	}

	.has-background:not(.has-text-color).has-green-background-color[class],
	.has-background:not(.has-text-color).has-blue-background-color[class],
	.has-background:not(.has-text-color).has-purple-background-color[class],
	.has-background:not(.has-text-color).has-red-background-color[class],
	.has-background:not(.has-text-color).has-orange-background-color[class],
	.has-background:not(.has-text-color).has-yellow-background-color[class],
	.has-background:not(.has-text-color).has-white-background-color[class] {
		color: var(--global--color-dark-gray);
	}

	.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
	.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-primary, #000);
		color: var(--local--color-primary, var(--global--color-primary));
	}

	.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
	.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
		--local--color-primary: var(--global--color-background, #fff);
	}

	.has-purple-to-yellow-gradient-background {
		background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
	}

	.has-yellow-to-purple-gradient-background {
		background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
	}

	.has-green-to-yellow-gradient-background {
		background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
	}

	.has-yellow-to-green-gradient-background {
		background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
	}

	.has-red-to-yellow-gradient-background {
		background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
	}

	.has-yellow-to-red-gradient-background {
		background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
	}

	.has-purple-to-red-gradient-background {
		background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
	}

	.has-red-to-purple-gradient-background {
		background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
	}

	header *,
	main *,
	footer * {
		max-width: var(--global--spacing-measure);
	}

	html,
	body,
	div,
	header,
	nav,
	article,
	figure,
	hr,
	main,
	section,
	footer {
		max-width: none;
	}

	.is-IE.is-dark-theme {
		color: #fff;
	}

	.is-IE.is-dark-theme *,
	.is-IE.is-dark-theme a,
	.is-IE.is-dark-theme .site-description,
	.is-IE.is-dark-theme .entry-title,
	.is-IE.is-dark-theme .entry-footer,
	.is-IE.is-dark-theme .widget-area,
	.is-IE.is-dark-theme .post-navigation .meta-nav,
	.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
	.is-IE.is-dark-theme .site-footer > .site-info,
	.is-IE.is-dark-theme .site-footer > .site-info a,
	.is-IE.is-dark-theme .site-footer > .site-info a:visited {
		color: #fff;
	}

	.is-IE.is-dark-theme .sub-menu-toggle svg,
	.is-IE.is-dark-theme .sub-menu-toggle path,
	.is-IE.is-dark-theme .post-navigation .meta-nav svg,
	.is-IE.is-dark-theme .post-navigation .meta-nav path {
		fill: #fff;
	}

	.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: #000;
	}
	@media only screen and (max-width: 481.98px) {

		.is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
		.is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
			background-color: #000;
		}
	}

	.is-IE.is-dark-theme .skip-link:focus {
		color: #21759b;
	}

	.is-IE .navigation .nav-links {
		display: block;
	}

	.is-IE .post-thumbnail .wp-post-image {
		min-width: auto;
	}

	.is-IE .wp-block-group:before,
	.is-IE .wp-block-group:after {
		content: "";
		display: block;
		clear: both;
	}

	/*********************** new css *************/
	
	
	p,div,span,a,li{
		  font-family: "Inter", serif;
			font-weight: 400;
		color: #fff;
	}

	h1,h2,h3,h4{
		font-family: 'Poppins';
		color: #fff;
		font-weight: bold !important;
	}

	body {
		background-color: #fff;
	}

	header#masthead {
		display: none;
	}

	main#main {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}

	.main_nav {
		position: relative;
		padding: 70px 45px;
		margin: 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		transition: all .3s linear;
	}
	.main_nav .top_nav_center_sec,
	.main_nav .top_nav_center_sec_contact{
			margin-top:15px;
	}
			.main_nav.header_up {
				transform: translateY(-100%);
			}

			.main_nav.header_up.new-fixed-position {
				transform: translateY(0);
			}
	.main_nav_breadcrumb.active span.arows:after {
		display: none;
	}

	.main_nav_breadcrumb.active span.arows_dot {
		display: none;
	}

	.main_nav_breadcrumb.active span.arows {
		rotate: 45deg;
		width: 45px;
	}
	.top_nav_sec .main_nav_breadcrumb.active:hover span.arows {
		width: 45px;
	}
	.main_nav_breadcrumb.active span.arows:before {
		transform: rotate(85deg);
		top: 0px;
	}
	.main_nav .red-dot {
		font-size: 20px;
		letter-spacing: 0.07em;
		line-height: 34px;
		position: relative;
		color:#fff;
	}

	.red-dot:before {
		content: "";
		width: 6px;
		height: 6px;
		background: #FF0100;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -20px;
		border-radius: 50%;
	}

	.red-dot:after {
		content: "";
		position: absolute;
		top: 50%;
		left: -25px;
		width: 15px;
		height: 15px;
		border: 1px solid #fff;
		border-radius: 50%;
		transform: translateY(-50%);
	}
	.main-home_sec{
		position: relative;
		margin: 0;
		background: #2B2D6A;
		padding: 0;
		box-shadow: inset 0px 0px 80px 40px rgba(0, 0, 0, 0.6);
	}
	.main_nav_breadcrumb {
		position: relative;
		cursor: pointer;
		display: inline-block;
	}
	.main_nav_breadcrumb span.arows {
		position: relative;
		width: 45px;
		height: 5px;
		background: #fff;
		display: inline-block;
		transition: all 0.3s linear;
	}

	.main_nav_breadcrumb span.arows:before {
		content: "";
		width: 45px;
		height: 5px;
		background: #fff;
		position: absolute;
		top: 12px;
	}

	.main_nav_breadcrumb span.arows:after {
		content: "";
		width: 35px;
		height: 5px;
		background: #fff;
		position: absolute;
		top: -13px;
		transition: all 0.3s linear;
	}

	.main_nav_breadcrumb span.arows_dot {
		display: block;
		width: 4px;
		height: 4px;
		background: red;
		position: absolute;
		top: 5px;
		border-radius: 50%;
		right: 0;
		left: auto;
		transition: all 0.3s linear;
	}

	.main_nav_breadcrumb span.arows_dot:before {
		content: "";
		position: absolute;
		border: 1px solid #fff;
		width: calc(100% + 6px);
		height: calc(100% + 6px);
		border-radius: 50%;
		top: -3px;
		left: -3px;
	}
	.first_sec .first_section_g_img img {
		width: 100%;
		height: 100%;
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		object-fit: cover;
	}

	.first_sec .first_section_g_img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}

	.first_section {
		text-align: center;
	}

	.first_section p {font-size: 45.07px;text-transform: uppercase;letter-spacing: 0.4px;line-height: 94px;font-weight: bold;font-family: "Poppins", serif;}
	.first_section h1 span {
		display: block;
		-webkit-text-stroke: 1px #fff;
		color: transparent;
		font-family: 'Impact';
		font-size: 145px;
		line-height: 123px;
	}
	.first_section h1 {
		letter-spacing: 6px;
		line-height: 91px;
		font-weight: bold;
		position: relative;
		z-index: 11;
		font-size: 135px;
	}
	.help_text {
		margin-top: 150px;
		display: flex;
		align-items: center;
		gap: 16px;
		justify-content: center;
		width:100%;
	}

	.help_text img {
		width: 38px;
		height: 42px;
		border-radius: 50%;
		display: block;
		object-fit: contain;
	}

	.help_me_text p {font-size: 20px;line-height: 32px;color: rgba(255,255,255,.67);letter-spacing: 0;}

	.help_me_text span {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 32px;
		font-weight: bold;
	}
	.container {
		width: 100%;
		max-width: calc(100% - 220px);
		margin: 0 auto;
		padding:0 25px;
		@media (max-width:1280px){
			max-width: 100%;
		}
	}
	.container_full {
			width: 100%;
			max-width: calc(100% - 160px);
			margin: 0 auto;
			@media (max-width:1280px){
				max-width: 100%;
			}
		}
	section.sec_sec.top_border {
		padding-top: 100px;
	}

	.top_border .container {
		border-top: 1px solid;
		position:relative;
	}
	
	.top_border .container:before,.top_border .container:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 8px;
		height: 9px;
		border: 1px solid #fff;
		border-radius: 50%;
		transform: translateY(-50%);
		background: #21224a;
	}

	.top_border .container:after {
		right: 0;
		left: auto;
	}
	.third_section_left {
		margin-top: 36px;
	}
	.top_border .container>div {
		padding-top: 42px;
	}

	p.red_dot {
		position: relative;
		padding-left: 25px;
		font-size: 20px;
		line-height: 22px;
		letter-spacing: 0.05em;
		font-weight: bold;
	}

	p.red_dot:before {
		content: "";
		width: 6px;
		height: 6px;
		background: #FD7D06;
		position: absolute;
		top: 10px;
		transform: translateY(-50%);
		left: 5px;
		border-radius: 50%;
	}

	p.red_dot:after {
		content: "";
		position: absolute;
		top: 11px;
		left: 0px;
		width: 15px;
		height: 15px;
		border: 1px solid #fff;
		border-radius: 50%;
		transform: translateY(-50%);
	}

	.sec_section_top {
		display: flex;
	}

	.sec_section {
		display: flex;
		flex-wrap: wrap;
	}

	.sec_section_left {
		width: 45%;
	}
	/*
	.sec_section_right {
		width: 55%;
		font-size: 62px;
		line-height: 73.4px;
		letter-spacing: 0.7px;
		font-weight: 600;
	}
	*/
	.sec_section_right {
		width: 45%;
		font-size: 40px;
		line-height: 56px;
		margin-left: auto;
		font-family: 'Inter';
		letter-spacing: 2px;
	}

	section.third_sec {
		margin-top: 42px;
		padding-bottom: 70px;
		position: relative;
	}
	.sec_section_top .abut_text {
		width: 350px;
		font-size: 15px;
		line-height: 23px;
		letter-spacing: 1px;
		font-family: 'Inter';
		font-weight: 400;
		text-transform: lowercase;
		
		font-size: 20px;
		line-height: 120%;
		letter-spacing: 0.05em;
		font-weight: bold;
	}
	.sec_section_top p.red_dot {
		width: 200px;
	}

	.sec_section_bottom img {
		width: 100%;
		height: auto;
	}
	.sec_section_top_inner {
		display: flex;
		align-items: center;
	}

	.sec_section_top_inner .sec_section_bottom img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
	}

	.sec_section_top_inner .sec_section_bottom {
		width: 50%;
	}

	.sec_section_top_inner .recent_work {
		width: 30%;
	}
	.sec_section_top_inner .recent_work h2 {
		font-size: 50px;
		line-height: 100%;
		position: relative;
		letter-spacing: 0;
		font-family: 'Poppins';
	}
	.sec_section_top_inner .recent_work h2 span {
		font-weight: bold;
		font-family: 'Poppins';
		line-height: 120%;
	}
	.sec_section_top_inner .recent_work h2 span.right-dot {
		position: absolute; 
		background: #FA8511;
		width: 20px;
		height: 20px;
		bottom: 13px;
		border-radius: 50%;
	}
	.third_section_left .work_image_main {
		margin-top: 70px;
	}
	.third_section_left .work_image_main .work_image_inner.dual_image p {
		top: auto;
	}
	.third_section_left .work_image_main .work_image_inner {
		border-radius: 12px;
		padding: 0;
		position: relative;
		transition: transform 0.8s ease;
		}
	.third_section_left .work_image_main .work_image_inner p {
	width: 100%;
		position: absolute;
		top: auto;
		font-size: 17px;
		line-height: 24.1px;
		text-transform: uppercase;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
		bottom: -20px;
			opacity: 0;
		transition: all .3s ease-in-out;
	}
	.work_image_inner:hover>img+p {
		opacity: 1 !important;
	}
	.third_section_left .work_image_main .work_image_inner img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		border-radius: 12px;
			max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		transition: all .3s ease-in-out;
		aspect-ratio: 353/353;
	}
	.work_image_inner:hover>img {
		transform: translateY(-15px);
	}
	.third_section a.view_btn {
		font-weight: normal;
		text-decoration: none;
		transition: all .3s ease-in-out;
		display: flex;
		justify-content: flex-end;
		position: absolute;
		bottom: 0;
		margin: 0;
	}
	.third_section a.view_btn:hover {
		transform: translateX(10px);
	}
	.third_section a.view_btn:hover:before {
	transform: translateX(0px);
	}
	.third_section a.view_btn:before {
		content: "";
		position: absolute;
		bottom: 0;
		top: auto;
		width: 60px;
		height: 2px;
		background: #fff;
	}
	.third_section_left .work_image_main .work_image_inner+.work_image_inner {
		margin-top: 80px;
	}

	.third_section_left .work_image_main .work_image_inner.dual_image .work_image_inner {
		border: none;
		padding: 0;
		width: calc(33.33% - 50px);
		padding: 0px;
		margin: 0;
		height:max-content;
	}
	.third_section_left .work_image_main .work_image_inner.dual_image {
	align-items:center;
		position: relative;
		display: flex;
		gap: 50px;
		padding: 0;
		border: none;
			flex-wrap: wrap;
	}
	section.fourth_sec.top_border {
		margin-top: 0;
		overflow-x:hidden;
	}

	section.fourth_sec.top_border .our_clients {
		margin-top: 75px;
		display: flex;
		flex-wrap: wrap;
	}

	section.fourth_sec.top_border .our_clients .our_clients_img {
		width: calc(100% / 4);
		border-right: 1px solid rgba(255,255,255,.35);
		border-bottom: 1px solid rgba(255,255,255,.35);
		text-align: center;
		padding: 30px 0 40px;
	}
	section.fourth_sec.top_border .our_clients .our_clients_img img {
		width: 100%;
		height: 90px;
		display: block;
		object-fit: contain;
		max-width: 150px;
		margin-left: auto;
		margin-right: auto;
	}


	section.fourth_sec.top_border .our_clients .our_clients_img:nth-child(4n) {
		border-right: none;
	}
	section.fifth_sec.top_border {
		margin-top: 60px;
	}
	section.fourth_sec.top_border .our_clients .our_clients_img:nth-child(n+5) {
		border-bottom: none;
	}
	section.connect_us img {
		width: 100%;
		max-width: 500px;
		display: block;
		margin: 0 auto;
	transition: all .5s ease-in-out;
	}

	section.blogs {
		margin-top: 100px;
		text-align: center;
	}

	section.blogs h2 {
		font-size: 100px;
		line-height: normal;
		position: relative;
	}

	section.fifth_sec .fifth_section_top h2 {
		font-size: 50px;
		line-height: 120%;
		margin-top: 36px;
		letter-spacing: 0;
		position: relative;
		display: inline-block;
	}

	span.service-right-dot {
		position: absolute;
		background: #FA8511;
		width: 20px;
		height: 20px;
		bottom: 11px;
		border-radius: 50%;
	}
	section.in_house {
		margin-top: 100px;
		border-radius: 23px;
		background: #FA8511;
		padding: 120px 33px;
		border: 1px solid #fff;
		@media (max-width:1025px){
			padding: 70px 28px;
			border-radius: 15px;
		}
	}

	section.in_house h3, section.team h3, section.expertise h3, section.flexible h3 {
		font-size: 60px;
		line-height: 68px;
		letter-spacing: -0.73px;
		font-weight: normal !important;
		max-width: 500px;
		margin-bottom: 60px;
		font-family: 'Inter' !important;
	}

	section.in_house p, section.team p, section.expertise p, section.flexible p {
		font-size: 20.79px;
		line-height: 29.3px;
		color: #fff;
		max-width: 300px;
	}

	section.team {
		background: #fff;
		border-radius: 23px;
		padding: 120px 33px;
		border: 1px solid #fff;
			margin: 0 10px;
	}

	section.team h3 {
		color: #FE5F2F;
	}

	section.team p {
		color: #FE5F2F;
	}
	section.expertise {
		background: #CCCCFF;
		border-radius: 23px;
		padding: 120px 33px;
		border: 1px solid #fff;
		margin: 0 15px;
	}

	section.expertise h3 {
		color: #181D51;
	}

	section.expertise p {
		color: #181D51;
	}

	section.flexible {
		background: #21224A;
		border-radius: 23px;
		padding: 120px 33px;
		border: 1px solid #fff;
		position: relative;
		margin: 0 20px;
	}

	section.flexible h3 {
		color: #AAA676;
	}

	section.flexible p {
		color: #AAA676;
	}
	section.review-section {
		margin: 300px 0 0;
	}

	section.review-section .review-header {padding-inline-start: 150px;display: flex;align-items: flex-start;gap: 50px;}

	section.review-section .review-header .review-badge p {
		border: 1px solid #fff;
		/*font-size: 14.36px;
		line-height: 14.2px; */
		display: inline-block;
		border-radius: 50px;
		width: auto;
		height: auto;
		padding: 20px 35px;
		max-width: unset;
		
		font-size: 20px;
		line-height: 120%;
		letter-spacing: 0.05em;
		font-weight: bold;
	}
	section.review-section .review-header  p {
		max-width: 450px;
		width: 100%;
		@media (max-width:768px){
			max-width:100%;
			    font-size: 16px;
		}
	}
	section.review-section .review-header .review-badge {
		width: auto;
		max-width: 30%;
		flex: 0 0 30%;
	}
	.average-rating_main {
		margin-top: 100px;
	}

	.average-rating_main {
		display: flex;
		align-items: flex-end;
		gap: 50px;
		padding-left: 150px;
		overflow: hidden;
	}

	.average-rating_main .average-rating_left {
		max-width: 30%;
		flex: 0 0 30%;
	}

	.average-rating_main .average-rating_left .average-rating_right {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.average-rating_main .average-rating_left img,
   .average-rating_main .average-rating_left video{
		width: 100%;
		height: 100%;
		object-fit: contain;
		display: block;
		max-width: 70%;
	}
	.average-rating_main .average-rating_left .average-rating_left_text h3 {
		font-size: 76.01px;
		line-height: 80px;
		letter-spacing: 0;
		font-weight: 500 !important;
		margin-bottom: 30px;
	}

	.average-rating_main .average-rating_left .average-rating_left_text p {
		font-size: 22px;
		line-height: 34px;
		font-weight: 400;
	}

	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow {
		display: flex;
		gap: 15px;
		margin-top: 10px;
	}

	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow button {
		background: transparent;
		width: 55px;
		height: 55px;
		padding: 0;
		display: inline-block;
		box-shadow: none;
		margin: 0;
		outline: none;
	}

	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow button img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}

	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow button#right_btn {
		transform: rotate(-180deg);
	}

	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow button:hover, .average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow button:active {
		border: none;
		outline: none;
	}

	.average-rating_right .average-rating_inner {
		margin: 0 16px;
		background: #181D51;
		padding: 40px;
		border-radius: 24px;
		position: relative;
		overflow: hidden;
			display: flex !important;
		flex-wrap: wrap;
	}

	.average-rating_right .average-rating_inner:after {
		content: "";
		position: absolute;
		right: -5px;
		top: -30px;
		background: #2B2D6A;
		z-index: 1;
		width: 35px;
		height: 90px;
		transform: rotate(-44deg);
		z-index: 1;
	}

	.average-rating_inner_top {
		display: flex;
		align-items: center;
		gap: 15px;
		padding-bottom: 50px;
		border-bottom: 1px solid rgba(255,255,255,.35);
		margin-bottom: 40px;
		width: 100%;
	}

	.average-rating_inner_top .average-rating {
		font-size: 26.66px;
		line-height: 34px;
	}

	.average-rating_inner_top .star-rating {
		color: #FF9933;
		font-size: 18px;
	}
	.average-rating_right .average-rating_inner .average-rating_inner_cnter p {
		font-size: 20.33px;
		line-height: 28.3px;
		letter-spacing: 0;
		display: -webkit-box;
		  -webkit-line-clamp: 6;     
		  -webkit-box-orient: vertical;
		  overflow: hidden;
		  text-overflow: ellipsis;
	}
	@media (min-width:1680px){
		.average-rating_right .average-rating_inner .average-rating_inner_cnter p {
			font-size: 28.33px;
			line-height: 39.3px;
			-webkit-line-clamp: 7;     
		}
	}
	.average-rating_right .average-rating_inner .client-card_footer {
		margin-top: 40px;
		display: flex;
		align-items: center;
		gap: 25px;
		width: 100%;
	}

	.average-rating_right .average-rating_inner .client-card_footer img {
		width: 56px;
		height: 56px;
		border-radius: 50%;
		display: block;
		object-fit: cover;
	}
	.average-rating_right {
		max-width: 65%;
		flex: 0 0 65%;
	}
	.average-rating_right .average-rating_inner .client-card_footer .client-name {
		font-size: 15.8px;
		line-height: 25.9px;
	}

	.average-rating_right .average-rating_inner .client-card_footer .client-title {
		color: rgba(255,255,255,.70);
		font-size: 13.72px;
		line-height: 19.8px;
	}
	.average-rating_right .slick-list {
		padding-right: 80px !important;
	}
	.average-rating_left_text {
		max-width: 65%;
	}
	.average-rating_main button.slick-arrow {
		display: none !important;
	}
	section.contact-us.top_border {
		margin-top: 200px;
	}

	.contact_section_center {
		padding-top: 100px;
	}

	.contact_section_center p {
		font-size: 21.27px;
		line-height: 29px;
		letter-spacing: 0;
	}

	.contact_section_center form {
		margin-top: 33px;
		font-size: 66.71px;
		line-height: 82.2px;
		letter-spacing: -1.37px;
		display: inline-block;
	}

	.contact_section_center form span {
		display: inline-block;
	}

	.contact_section_center form input[type="text"] {
		background: transparent;
		border: none;
		border-bottom: 1px solid #fff;
		padding: 0;
		line-height: 0;
		height: 40px;
		margin: 0;
		color: #fff;
		width: 460px;
	}
	.contact_section_center form span.select,.contact_section_center form span.hpl_text {
		display: inline-block;
		position: relative;
		width: 600px;
	}
	.contact_section_center form span.select select, .contact_section_center form span.hpl_text select {
		background: transparent;
		border: none;
		border-bottom: 1px solid #fff;
		width: 100%;
		margin: 0;
		height: 76px;
		padding: 0 36px 0 0;
	}
	.contact_section_center form span.select img, .contact_section_center form span.hpl_text img {
		position: absolute;
		width: 32px;
		height: 32px;
		top: 50%;
		transform: translateY(-50%);
		right: 5px;
		appearance: none;
	}
	.contact_section_center form span.select select option, .contact_section_center form span.hpl_text select option {
		font-size: 20px;
	}
	.contact_section_center form button {
		display: block;
		background: #FF0100 !important;!i;!;
		margin-top: 60px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		border: none;
		padding: 10px 30px;
		font-size: 20px;
		line-height: 16.5px;
		color: #fff !important;!i;!;
		font-weight: normal;
		border-radius: 12.35px;
	}
	.top_nav_sec .main_nav_breadcrumb:hover span.arows::after {
		width: 45px;
	}

	.top_nav_sec .main_nav_breadcrumb:hover span.arows {
						width: 35px;
	}

	.top_nav_sec .main_nav_breadcrumb:hover span.arows_dot {
		top: 19px;
		right: -10px;
		left:auto;
	}
	/*
	.third_section_left .work_image_main .work_image_inner p {
		position: absolute;
		top: 6px;
		font-size: 14.8px;
		line-height: 24.1px;
		letter-spacing: 0;	
	}
	*/
	.contact_section_center form span.hello {
		display: block;
	}
	section.main_sticky_sec {
		position: relative; 
	}

	section.main_sticky_sec section {
		position: sticky;
		top: 0;
		@media (max-width:768px){
			position:unset;
		}
	}
	.static_menu_div {
		position: fixed;
		margin: 0;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		background: #FD7D06;
		width: max-content;
		z-index: 111;
		border-radius: 50px;
		width: 185px;
		height: auto;
		padding: 2px 0;
	}
	.static_menu ul {
		margin: 0;
	}
	.static_menu_div .static_menu_hamburger {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px 20px 5px 5px;
		font-size: 40px;
		font-weight: 500;
		line-height: 50px;
		font-family: Impact;
		transition: all .4s cubic-bezier(0.3, 0.29, 0.57, 0.43);
		
	}
	.static_menu_div .static_menu_hamburger span {
		font-size: 37px;
		font-weight: 500;
		line-height: 50px;
		font-family: Impact;
	}
	.static_menu_div .static_menu_hamburger span.hambrg {
		position: relative;
		width: 50px;
		height: 50px;
		background: #fff;
		border-radius: 50%;
			transition: all .4s cubic-bezier(0.3, 0.29, 0.57, 0.43);
		left:0;
	}
	.static_menu_div .static_menu_hamburger:hover span.menu_text {
		opacity: 0;
		visibility: hidden;
	}
	.static_menu_div .static_menu_hamburger.active span.hambrg::before {
			rotate: -50deg;
		top: 27%;
		left: 43%;
		@media (max-width:680px){
			rotate: -30deg;
		}
	}
	.static_menu_div.open_menu {
		border-radius: 0 0 50px 50px;
	}
	.static_menu_div .static_menu_hamburger.active span.hambrg::after {
		rotate: 41deg;
		top: 64%;
		left: 40%;
		@media (max-width:680px){
			rotate: 32deg;
		}
	}
	.static_menu_div .static_menu_hamburger:hover span.hambrg {
		transform: rotate(90deg);
		left: 40%;
			transition: all .4s cubic-bezier(0.3, 0.29, 0.57, 0.43);
	}
	.static_menu_hamburger.active span.hambrg {
		transform: translateX(-50%) rotate(90deg);
		left: 55%;
	}
	.static_menu_hamburger.active span.menu_text {
		opacity: 0;
	}
	.static_menu_div .static_menu ul {
		position: absolute;
		top: auto;
		bottom: 57px;
		background: #FD7D06;
		width: 100%;
		text-align: center;
		padding: 15px 0;
		list-style: none;
			border-radius: 50px 50px 0 0;
	}

	.static_menu_div .static_menu ul li a {
		text-decoration: none;
		font-family: Impact;
		font-weight: normal;
	}
	.static_menu_div .static_menu {
		display: none;
		position: relative;
		z-index: 1111;
	}
	.static_menu_div .static_menu_hamburger span.hambrg:before {
		content: "";
		position: absolute;
		width: 26px;
		height: 3px;
		background: #FD7D06;
		top: 42%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.static_menu_div .static_menu_hamburger span.hambrg:after {
		content: "";
		position: absolute;
		width: 26px;
		height: 3px;
		background: #FD7D06;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.static_menu_div .static_menu li.active {
		background: #fff;
		padding: 5px;
		border-radius: 50px;
	}
	.static_menu_div .static_menu li.active a {
		color: #000;
	}
	.static_menu_div .static_menu li {
		transition: all 0.3s linear;
		margin: 0 15px;
	}
	.static_menu_div .static_menu ul li a:focus {
		background: transparent !important;
		text-decoration: none !important;
	}
	/*
	.third_section_left .work_image_main .work_image_inner.dual_image:before {
		content: "";
		position: absolute;
		top: 95%;
		left: -14%;
		width: 200px;
		height: 200px;
		background: url("http://localhost/Opelsolutions/wp-content/themes/twentytwentyone/assets/images/bg.webp");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	*/
	aside.widget-area {
		display: none;
	}
	.custom_footer { 
		background: #21224A;
		padding-bottom: 0;
		padding-top: 20px;
		position: relative;
		z-index: 1;
	}
	.custom_footer .main-footer .main-footer_sec .contact-details p a {
		text-decoration: none;
	}
	/*
	footer#colophon {
		display: none;
	}
	*/

	.custom_footer .main-footer .main-footer_first .social_icons {
		padding-top: 50px;
	}

	.custom_footer .main-footer .main-footer_first .social_icons p {
		font-size: 16px;
		line-height: 100%;
		margin-bottom: 20px;
	}

	.custom_footer .main-footer .main-footer_first .social_icons ul {
		list-style: none;
		padding-left: 0;
		display: flex;
		align-items: baseline;
		gap: 30px;
	}
	.custom_footer .main-footer {
		display: flex;
		justify-content: space-between;
		gap: 5px;
		flex-wrap: wrap;
		row-gap: 30px;
	}

	.custom_footer .main-footer>div:not(:first-child) {
		border-left: 1px solid #fff;
	}

	.custom_footer .main-footer>div {
		padding: 0 40px;
	}

	.custom_footer .main-footer>div:first-child {
		padding-left: 0;
	}

	.custom_footer .main-footer .main-footer_first form input {
		background: transparent;
		border: 1px solid #fff;
		margin-bottom: 16px;
		font-size: 14px;
		color: #fff;
		width: 100%;
		height: 60px;
		padding: 10px 20px;
	}

	.custom_footer .main-footer .main-footer_first form input::placeholder {
		color: #fff;
		font-size: 14px;
	}

	.custom_footer .main-footer .main-footer_first form button {
		background: #fff;
		width: 100%;
		color: #000;
	}

	.custom_footer .main-footer .main-footer_sec h2, .custom_footer .main-footer .main-footer_third h2,.custom_footer .main-footer .main-footer_fourth h2 {
		font-size: 21px;
		line-height: 120%;
		letter-spacing: 0;
		font-weight: 400;
		font-family: 'Inter';
		margin-bottom: 20px;
	}

	.custom_footer .main-footer .main-footer_sec .contact-details {font-size: 16px;}

	.custom_footer .main-footer .main-footer_sec .contact-details span {
		font-size: 14px;
		display: block;
	}

	.custom_footer .main-footer .main-footer_sec .contact-details p:not(:last-child) {
		margin-bottom: 20px;
	}

	.custom_footer .main-footer .main-footer_third ul, .custom_footer .main-footer .main-footer_fourth ul {
		padding-left: 0;
		list-style: none;
	}

	.custom_footer .main-footer .main-footer_third ul li a, .custom_footer .main-footer .main-footer_fourth ul li a {
		text-decoration: none;
		font-size: 16px;
	}
	.top_nav_sec .main_nav_breadcrumb_menus {
		display: none;
		position: absolute;
		top: calc(100% - 60px);
		left: 50%;
		padding: 0;
		width: calc(100% - 85px);
		transform: translateX(-50%);
		z-index: 1111;
	}

	.top_nav_sec .main_nav_breadcrumb_menus ul {
		padding-left: 0;
		list-style: none;
		width: 100%;
		height: 100vh;
		z-index: 1111;
		backdrop-filter: blur(4px);
		background-color: #21224a63;
		padding: 20px 0;
	}

	.top_nav_sec .main_nav_breadcrumb_menus ul li a {
		text-decoration: none;
	}
	body.menu_overflow {
		overflow: hidden;
	}
	.custom_footer:before,
	.main-home_sec:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url("https://opelsoluti1dev.wpenginepowered.com/wp-content/uploads/2025/02/body-bg.png");    
		opacity: .2;    
		background-size: contain;
		z-index: -1;
	}
	section.connect_us {
		z-index: 1;
		position: relative;
		margin-top: 100px;
	}
	section.connect_us {
		z-index: 1;
		position: relative;
		transition: all .2s linear;
	}

	section.connect_us img:hover {
		transform: scale(1.2);
	}
	.custom_footer:before {
		z-index: -1;
	}
	/***** new css changes *********/

	.main_nav .top_nav_sec {
		display: none;
	}

	.main_nav  .red-dot {
		display: none;
	}
	.main_nav .top_nav_center_sec a {
		justify-content: center;
		text-decoration:none;
		display: flex;
		align-items: center;
	}
	.main_nav .top_nav_center_sec {
		width: 100%;
	}
	.main_nav .top_nav_center_sec img {
		width: 50px;
		display: block;
		object-fit: cover;
	}
	.main_nav .top_nav_center_sec span {
		margin-left: 5px;
		text-transform: uppercase;
		font-size: 30px;
		line-height: 21px;
		letter-spacing: .020em;
	}
	.first_section h1 {
		letter-spacing: 1px;
		line-height: 40px;
		font-weight: normal;
		font-size: 64px;
		/* display: flex;
		 align-items: center; */
		justify-content: center;
		gap: 100px;
		text-align: left;
		text-transform:uppercase;
	}

	.first_section h1 span.animation {
			font-size: 15px;
			color: #fff;
			-webkit-text-stroke: 0px;
			font-family: 'Inter';
			font-weight: bold;
			position: relative;
			width: auto;
			display: flex;
			align-items: center;
			gap: 0px;
			line-height: normal;
	}
	.first_section h1 span.animation span.typing-text {
		font-size: 15px;
		color: #fff;
		-webkit-text-stroke: 0px;
		font-family: 'Inter';
		font-weight: bold;
		position: relative;
		text-transform: uppercase;
		line-height: normal;
	}
	.help_text {
		margin-top: 10px;
	}
	.heading_dream_main-sec {
		width:100%;
		display: flex;
		/* align-items: center; */
		justify-content: space-between;
	}

	.heading_dream_main-sec .first_section_g_img {
		position: relative;
		left: 0;
		transform: translate(0);
		 width: 35%;
		 
	}

	.heading_dream_main-sec .heading_dream_proj {
		 padding-top:65px;
		 width: 65%;
		text-align: left;
	}
 
	

	.heading_dream_main-sec .heading_dream_proj h2 span {
	color: #FD7D06;font-weight: bold;
	font-family: poppins;
	}
	.heading_dream_main-sec .heading_dream_proj h2 {
		font-size: 64px;
		line-height: normal;
		text-align: right;
		text-transform:uppercase;
	}
@media (min-width:1680px){
	.first_section h1,
	.heading_dream_main-sec .heading_dream_proj h2{
		    font-size: 80px;
	}
	section.sec_sec.top_border#about{
		padding-top:0;
	}
}

	.heading_dream_proj .heading_dream_proj_inner_text {
		max-width: 36%;
		margin-left: auto;
		line-height: 1.4;
		font-size: 14px;
		margin-top: 15px;
		color: #9191b9;
	}
	section#about>.container:before, section#about>.container:after,
	section#about>.container {
		border: none;
	}

	.our_client_center {
		display: flex;
		align-items: center;
		gap: 50px;
		margin-top: 50px;
	}

	.our_client_center .our_client_center_left {
		max-width: 36%;
		width: 100%;
		font-size: 17.38px;
		line-height: 25px;
		font-weight: normal;
		color: #9191b9;
		font-family: 'Inter';
	}

	.our_client_center .our_client_center_right {
		max-width: 40%;
		width: 100%;
		margin-left: auto;
		max-width: 620px;
	}

	.clients-main-new-sec {
		margin-top: 100px;
	}

	.clients-main-new-sec .clients-main-new-sec_top, .clients-main-new-sec .clients-main-new-sec_bottom {display: flex;align-items: center;gap: 50px;}

	.clients-main-new-sec .clients-main-new-sec_top_card {
		 
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		width: 400px;
		height: 200px;
		box-shadow: 10px 20px 30px rgb(0 0 0 / 8%);
		padding: 10px 25px;
		min-height: 200px;
		min-width: 250px;
		
		border-radius: 10px;
    	background: rgba(255, 255, 255, 0.20);
	}

	.clients-main-new-sec .clients-main-new-sec_top_card img {
		display: block;
		height: auto;
		max-width:100%;
	}

	.clients-main-new-sec .clients-main-new-sec_bottom {
		margin-top: 50px;
	}
	section.awards {
		padding: 150px 0 0;
		position: relative;
		margin: 200px 0 0;
	}

	section.awards h2 {
		text-align: center;
		position: relative;
		display: block;
		max-width: 70%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		z-index: 11;
	}

	section.awards h2 span {
		font-weight: bold;
		color: #181D51;
		/*font-size: 300px;
		font-family: 'TT-Tunnels';
		*/
		position: absolute;
		left: 0;
		transition: all .1s ease-in-out;
		font-size: 130px;
		font-family:'Poppins';
		@media (max-width:768px){
			position:unset;
		}
	}

	section.awards h2 span:nth-child(2) {
		left: 8%;
		transform: translateY(10%);
	}

	section.awards h2 span:nth-child(3) {
		left: 19%;
		transform: translateY(29%);
	}

	section.awards h2 span:nth-child(4) {
		left: 27%;
		transform: translateY(52%);
	}

	section.awards h2 span:nth-child(5) {
		left: 32.5%;
		transform: translateY(86%);
	}

	section.awards h2 span:last-child {
		left: 41%;
		transform: translateY(95%);
	}
section.awards h2 a{
	position: relative;
}
	section.awards img {
		position: absolute;
		width: 100%;
		height: auto;
		display: block;
		object-fit: contain;
		max-width: 110px;
		z-index: 99!important; 
	}

	section.awards img.award-1 {
		left: 30%;
		z-index: 1;
		top: 70px;
	}

	section.awards img.award-2 {
		left: 61%;
		top: 130px;
	}
a img.color-white{
	background:#fff;
}
.review-badge h2{
	position:relative;
	font-size: 50px;
	@media (max-width:768px){
		font-size: 40px;
	}
}
	section.awards img.award-4,
	section.awards img.award-5,
	section.awards img.award-6,
	section.awards img.award-3 {
		left: 50%;
		top: 100%;
		bottom: 0;
		opacity: 0;
	}
	section.awards img.award-4{
		left: 10%;
		top:130%;
	}
	section.awards img.award-5{
		left: 75%;
	}
	section.awards img.award-3{
		right: 15%;
		top:140%;
		left:unset;
	}

	section.awards img.award-6{
	left: 15%;
		top:70%;
	}
	section.awards h3,section.awards h4 {
	z-index: 1;
		position: absolute;
		top: 100%;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
		color: #181D51;
		
		opacity: 0;
		width: max-content;
		/*font-size: 300px;
		font-family: 'TT-Tunnels'; */
		font-size: 130px;
		font-family: 'Poppins';
		@media (max-width:768px){
			position:unset;
			transform: unset !important;
		}
	}
	section.awards h4 span {
		font-weight: bold !important;
		color: #181D51;
		/*font-size: 300px;
		font-family: 'TT-Tunnels';
		*/
		font-size: 130px;
		font-family: 'Poppins';
	}

	section.fourth_sec.top_border>.container {
		border-top: none;
	}

	section.fourth_sec.top_border>.container:before, section.fourth_sec.top_border>.container:after {
		display: none;
	}
	.first_section h1 span.red_dot {
		position: relative;
		padding-left: 25px;
			margin-left: 20px;
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 0.05em;
	}

	.first_section h1 span.red_dot:before {
		content: "";
		width: 6px;
		height: 6px;
		background: #FD7D06;
		position: absolute;
		top: 0;
		transform: translateY(-50%);
		left: 5px;
		border-radius: 50%;
	}

	.first_section h1 span.red_dot:after {
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 15px;
		height: 15px;
		border: 1px solid #fff;
		border-radius: 50%;
		transform: translateY(-50%);
	}
	section#rec_work p.red_dot {
		font-weight: bold;
		font-family: 'Poppins';
		font-size: 20px;
		line-height: 22px;
			letter-spacing: 0.05em;
		font-weight: bold;
		font-family: 'Poppins';
	}
	#rec_work p.red_dot::after {
		top: 10px;
	}
	section.fourth_sec p.red_dot {
		width: unset;
		font-family: 'Poppins';
		font-size: 20px;
		line-height: 21px;
	}
	.clients-main-new-sec_top {
		transform: translateX(210px);
	}
	.clients-main-new-sec .clients-main-new-sec_bottom{
	transform: translateX(-450px);
	}
	.our_client_center .our_client_center_right h2 {
		position: relative;
		text-transform: uppercase;
		font-size: 50px;
		line-height: 120%;
		}
		.our_client_center .our_client_center_right h2 span.service-right-dot {
		width: 20px;
		height: 20px;
		bottom: 15px;
	}
	.average-rating_main .average-rating_right .slick-track {
		display: flex;
	}

	.average-rating_main .average-rating_right .slick-track .average-rating_inner {
		height: auto;
	}
	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow img {
		width: 50px;
		height: 50px;
		object-fit: cover;
		display: inline-block;
	}

	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow img#right_btn {
		transform: rotate(180deg);
	}
	footer {
		background: #FFDBBB;
		padding: 50px 0;
	}

	footer nav.footer-navigation, footer .site-info {
		display: none !important;!i;!;
	}

	footer .custom_footer_new {
		margin: 0;
	}

	footer .custom_footer_new .main_cust_foot {
		display: flex;
		justify-content: space-between;
	}

	footer .custom_footer_new .main_cust_foot h2 {
		color: #000;
		margin: 0;
		font-size: 25px;
		font-family: Inter;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}

	footer .custom_footer_new .main_cust_foot ul {
		list-style: none;
		padding-left: 0;
	}

	footer .custom_footer_new .main_cust_foot ul li a {
		text-decoration: none;
		color: #000;
		font-size: 20px;
	}

	footer div#colophon {
		padding-bottom: 0;
		margin-top:0;
	}

	footer .custom_footer_new .main_cust_foot .main_cust_foot_center {}

	footer .custom_footer_new .main_cust_foot .main_cust_foot_center ul {
		display: flex;
		justify-content: space-between;
		margin: 25px 25px;
	}
	footer .custom_footer_new .main_cust_foot .main_cust_foot_center .cust_copyright {
		color: #000;
	}

	footer .custom_footer_new .main_cust_foot .main_cust_foot_center .cust_copyright span {
		width: 15px;
		height: 15px;
		display: inline-block;
		background: #000;
		border-radius: 50%;
	}
	section.awards h4 {
		width: max-content;
	}

	.expertise .no-container ,
	.flexible .no-container,
	section.team .no-container ,
	section.in_house .no-container {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.expertise .no-container .container-right h3,
	.flexible .no-container .container-right h3,
	section.team .no-container .container-right h3,
	section.in_house .no-container .container-right h3 {
		font-size: 32px;
		font-weight: 400;
		letter-spacing: 0;
		margin-bottom: 25px;
		line-height: 100%;
		color: #000;
	}

	.expertise .no-container .container-right .container-right-main,
	.flexible .no-container .container-right .container-right-main,
	section.team .no-container .container-right .container-right-main,
	section.in_house .no-container .container-right .container-right-main {
		display: flex;
		gap: 30px;
			    width: max-content;
	}
	.expertise .no-container .container-right .container-right-main img,
	.flexible .no-container .container-right .container-right-main img,
	section.team .no-container .container-right .container-right-main img,
	section.in_house .no-container .container-right .container-right-main img
	{
		display: block;
		width: 100%;
		height: auto;
		border: 1px solid #fff;
		padding: 9px;
	}
	.flexible .container-right h3 {
		color: #fff !important;
	}
	/*.static_menu_div.scrolltop-menu {
		bottom: auto;
		top: 10px;
	}*/
	.static_menu_div {
		transition: bottom 0.8s ease-in-out;
	}

	.static_menu_div.scrolltop-menu {
		bottom: calc(100% - 80px);
	}
/*.top_nav_center_sec_contact a{
	outline: none!important;
    text-decoration: none!important;
    background: unset!important;
}*/	
	.top_nav_center_sec_contact span {
		display: block;
		width: max-content;
		font-size: 15px;
		margin-top: 10px;
		transition: all .3s linear;
	}

	.top_nav_center_sec_contact {
		text-align: center;
		opacity: 0;
		visibility: hidden;
		transition: all .3s linear; 
	}

	.top_nav_center_sec_contact a img {
		width: 51px;
		transition: all .3s linear;
	}
	.main_nav.new-fixed-position .top_nav_center_sec_contact a {
    display: inline-block;
}

.main_nav.new-fixed-position .top_nav_center_sec_contact img:hover {
    transform: scale(1.3);
}
	.main_nav.new-fixed-position {
		position: fixed;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		z-index: 11;
	}

	.main_nav.new-fixed-position .top_nav_center_sec {
		width: 50%;
		justify-content: flex-start;
	}

	.main_nav.new-fixed-position .top_nav_center_sec span {
		display: none;
	}

	.main_nav.new-fixed-position .top_nav_center_sec_contact {
		opacity: 1;
		visibility: visible;
		@media (min-width:1025px){
			padding-right: 15px;
		}
	}
 
	.main_nav.new-fixed-position .top_nav_center_sec img {
		width: 50px;
	}
.main_nav.new-fixed-position .top_nav_center_sec img {
    width: 50px;
	top:0;
}
@media (min-width:1025px){
	.main_nav.new-fixed-position .top_nav_center_sec img { 
		left:12px;
	}
}
.static_menu_div.scrolltop-menu .static_menu_hamburger .static_menu ul {
    top: 100%;
    bottom: 0;
}

.static_menu_div.open_menu.scrolltop-menu .static_menu ul {
    top: 0px;
    bottom: 0;
    border-radius: 0 0 50px 50px;
    height: max-content;
}

.static_menu_div.open_menu.scrolltop-menu {
    border-radius: 50px 50px 0 0;
}
.main_nav.new-fixed-position .top_nav_center_sec_contact a {
    display: inline-block;
}
.work_image_main .work_image_inner img {
    max-height: 400px;
}
.third_section_left .work_image_main .work_image_inner.dual_image {
    row-gap: 50px;
}
.first_section.g_img img {max-width: 400px;width: 100%;}

.heading_dream_main-sec .first_section_g_img img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: 0;
	max-width:100%;
    margin-top: 50px;
}
	/***** responsive start ******/

@media (max-width: 1400px){
.expertise .no-container .container-right .container-right-main img, .flexible .no-container .container-right .container-right-main img, section.team .no-container .container-right .container-right-main img, section.in_house .no-container .container-right .container-right-main img {
    width: 95%;
}
.expertise .no-container .container-right .container-right-main, .flexible .no-container .container-right .container-right-main, section.team .no-container .container-right .container-right-main, section.in_house .no-container .container-right .container-right-main {
    width: 50%;
}
}
 

	@media (max-width: 1220px){
	 	
		.first_section h1 span {
		font-size: 115px;
		line-height: 93px;
	}
	/*
		.first_section h1 {
		line-height: 71px;
		font-size: 105px;
	}
	*/
	.sec_section_top_inner .recent_work {
		width: 50%;
	}
	.our_client_center .our_client_center_right h2 {
		position: relative;
		text-transform: uppercase;
		font-size: 49px;
		line-height: 62px;
	}
	section.review-section .review-header .review-badge p {
		padding: 20px 20px;
		max-width: 50%;
	}
		.sec_section_right {
		width: 45%;
		font-size: 45px;
		line-height: 56px;
		margin-left: auto;
		font-family: 'Inter';
		letter-spacing: 2px;
	}
		section.review-section .review-header,
		.average-rating_main {
		padding-left: 100px;
	}
	.average-rating_right .average-rating_inner {
		padding: 25px;
	}	
	}


	@media (max-width: 1024px){
			.sec_section_right {
					font-size: 43px;
					line-height: 55.4px;
				}
		section.review-section .review-header .review-badge {
		max-width: 25%;
		flex: 0 0 25%;
	}
		section.review-section .review-header .review-badge p {
		max-width: unset;
	}
	.average-rating_main .average-rating_left {
		max-width: 25%;
		flex: 0 0 25%;
	}
		.average-rating_left_text {
		max-width: 100%;
	}
	.average-rating_main .average-rating_right {
				width: 75%;
			max-width: 75%;
	}
	.heading_dream_main-sec .heading_dream_proj h2 {
		font-size: 50px;
	}
	.sec_section_right {
		font-size: 37px;
		line-height: 45px;
	}

	.sec_section_top_inner .recent_work h2 {
		font-size: 50px;
		line-height: 50px;
		display: inline;
	}
	.sec_section_top_inner .recent_work h2 span {
		line-height: 50px;
	}
	section.fifth_sec .fifth_section_top h2 {
		font-size: 50px;
		line-height: 50px;
		margin-top: 36px;
	}
	span.service-right-dot,
	.sec_section_top_inner .recent_work h2 span.right-dot {
		width: 15px;
		height: 15px;
	}	
	.our_client_center .our_client_center_right {
		max-width: 40%;
	}
	.our_client_center .our_client_center_right h2 {
		font-size: 40px;
		line-height: 55px;
	}
	section.blogs h2 {
		font-size: 80px;    
	}
	.average-rating_right .slick-list {
		padding-right: 10px !important;
	}
	}

	@media (max-width: 920px){
	.first_section h1 {
		line-height: 40px;
		font-size: 35px;
	}
	.heading_dream_main-sec .heading_dream_proj h2 {
		font-size: 43px;
	}
	.heading_dream_proj .heading_dream_proj_inner_text {
		max-width: 75%;
	}
	.sec_section_right {
		font-size: 20px;
		line-height: 30px;
				padding-left: 50px;
	}
	.sec_section_top .abut_text {
		font-size: 11px;
		line-height: 22px;
	}
	section.fifth_sec .fifth_section_top h2,
		.sec_section_top_inner .recent_work h2 {
		font-size: 50px;
		line-height: 60px;
	}
	.our_client_center .our_client_center_left {
		font-size: 15.38px;
		line-height: 23px;
	}
	.our_client_center .our_client_center_right h2 {
		font-size: 34px;
		line-height: 46px;
	}
	.our_client_center .our_client_center_right h2 span.service-right-dot {
		width: 10px;
		height: 10px;
		bottom: 10px;
	}
	section.blogs h2 {
		font-size: 50px;
	}
	span.service-right-dot, .sec_section_top_inner .recent_work h2 span.right-dot {
		width: 10px;
		height: 10px;
	}
	section.review-section {
		margin: 150px 0 0;
	}
	.average-rating_main .average-rating_left .average-rating_left_text h3 {
		font-size: 65.01px;
		line-height: 70px;
		margin-bottom: 25px;
	}
	.average-rating_main .average-rating_left .average-rating_left_text p {
		font-size: 16px;
		line-height: 23px;
	}
	.average-rating_main .average-rating_left .average-rating_left_text .left_right_arrow img {
		width: 40px;
		height: 40px;
	}
	.average-rating_main .average-rating_left img,
	.average-rating_main .average-rating_left video{
		max-width: 100%;
	}
	.average-rating_inner_top {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.average-rating_right .average-rating_inner .average-rating_inner_cnter p {
		font-size: 16px;
		line-height: 25px;
	}
	section.connect_us img {
		max-width: 400px;
	}
	section.awards h4 span,
	section.awards h3, section.awards h4,
	section.awards h2 span {
		font-size: 130px;
			z-index: 1;
	}
.third_section_left .work_image_main .work_image_inner.dual_image .work_image_inner {
    width: 31%;
}
.third_section_left .work_image_main .work_image_inner.dual_image {
    gap: 22px;
}
.expertise .no-container, .flexible .no-container, section.team .no-container, section.in_house .no-container {
    flex-wrap: wrap;
}
.expertise .no-container .container-right h3, .flexible .no-container .container-right h3, section.team .no-container .container-right h3, section.in_house .no-container .container-right h3 {
    margin-top: 30px;
}

section.awards h4 span, section.awards h3, section.awards h4, section.awards h2 span {
    font-size: 160px;
}
.heading_dream_main-sec .first_section_g_img img {
    width: 100%;
    max-width: 400px;
}
	}



	@media (max-width: 768px){
	/*
		.first_section h1 {
		line-height: 52px;
		font-size: 85px;
	}
	*/
		.first_section h1 span {
		font-size: 89px;
		line-height: 83px;
	}
		.sec_section_right {
		font-size: 32px;
		line-height: 44.4px;
	}
		.top_border .container>div {;
		gap: 20px;
	}
		.sec_section_right {
		width: 50%;
	}
		
	}

	@media (max-width: 767px){
	.work_image_main .work_image_inner img {
    max-height: unset;
}
		footer .custom_footer_new .main_cust_foot {
			flex-wrap: wrap;
				gap: 50px;
		}
		footer .custom_footer_new .main_cust_foot .main_cust_foot_center ul {
		justify-content: flex-start;
		margin: 25px 0 10px;
		gap: 15px;
	}
	footer .custom_footer_new .main_cust_foot .main_cust_foot_center {
		width: 100%;
		order: 1;
	}
	footer .custom_footer_new .main_cust_foot .main_cust_foot_left {
		width: 100%;
		order: 2;
	}

	footer .custom_footer_new .main_cust_foot .main_cust_foot_right {
		width: 100%;
			order: 3;
	}
.third_section_left .work_image_main .work_image_inner.dual_image .work_image_inner {
    width: 46%;
}
section.main_sticky_sec {
    margin: 0 20px;
}
section.expertise, section.flexible, section.team, section.in_house {
    padding: 60px 20px;
}
.expertise .no-container .container-right h3, .flexible .no-container .container-right h3, section.team .no-container .container-right h3, section.in_house .no-container .container-right h3 {
    font-size: 22px;
}
.expertise .no-container .container-right, .flexible .no-container .container-right, section.team .no-container .container-right, section.in_house .no-container .container-right{
display: none;
}
.main_nav.new-fixed-position .top_nav_center_sec img {
    width: 40px;
}
.top_nav_center_sec_contact a img {
    width: 40px;
}
.top_nav_center_sec_contact span {
    font-size: 11px;
}

	}

	@media (max-width: 768px){
		 
	.main_nav {
		padding: 30px 25px;    
	}	
		.main_nav_breadcrumb span.arows:after {
		width: 25px;
		height: 3px;
			top: -10px;
	}
		.main_nav_breadcrumb span.arows:before {
		width: 35px;
				top: 10px;
		height: 3px;
	}
		.main_nav_breadcrumb span.arows {
		width: 35px;
		height: 3px;
	}
		.first_section p {
				font-size: 22px;
			z-index: 1;
			position: relative;
			line-height: 50px;
	}
		.first_section h1 span {
		font-size: 40px;
		line-height: 19px;
	}
		.third_section_left .work_image_main .work_image_inner.dual_image:before {
		top: 88%;
		left: -15%;
		width: 100px;
		height: 100px;
	}
		.first_section h1 {
		line-height: 100%;
		font-size: 37px;
			font-weight: 500;
					flex-wrap: wrap;
					gap: 20px;
	}
		section#home {
		padding-top: 25px;
	}
		.help_text {
		margin-top: 20px;
	}
	.heading_dream_main-sec {
		flex-wrap: wrap-reverse;
	}
	.heading_dream_main-sec  .heading_dream_proj {
		max-width: 100%;
	}
	.heading_dream_main-sec .heading_dream_proj h2 {
		font-size: 35px;
		text-align:center;
	}
	.heading_dream_proj .heading_dream_proj_inner_text {
		max-width: 100%;
				text-align: center;
	}
	.heading_dream_main-sec .first_section_g_img {
		max-width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 26px;
	}
		.help_me_text span,
		.help_text .help_me_text p {
		font-size: 12px;
		line-height: 20px;
	}
		.sec_section_right,
		.sec_section_left {
		width: 100%;
	}
		.main_nav .red-dot {
		font-size: 16px;
		line-height: 24px;
	}
		.sec_section_right {
		font-size: 26px;
		line-height: 35.4px;
	}
		section.third_sec {
		margin-top: 100px;
	}
		section.fifth_sec .fifth_section_top h2, .sec_section_top_inner .recent_work h2 {
		font-size: 40px;
		line-height: 40px;
	}
		.sec_section_top_inner .recent_work h2 span.right-dot {
		width: 10px;
		height: 10px;
		bottom: 15px;
	}
		section.review-section,
		section.fifth_sec.top_border {
		margin-top: 100px;
	}
		section.fourth_sec.top_border {
		margin-top: 0;
	}
		section.fourth_sec.top_border .our_clients {
		margin-top: 50px;
	}
		section.fourth_sec.top_border .our_clients .our_clients_img {
		width: calc(100% / 2);
		padding: 20px 0 40px;
	}
		section.fourth_sec.top_border .our_clients .our_clients_img:nth-child(4n) {
		border-right: 1px solid rgba(255,255,255,.35);
	}
		section.fourth_sec.top_border .our_clients .our_clients_img:nth-child(n+5) {
		border-bottom: 1px solid rgba(255,255,255,.35);
	}
		section.fourth_sec.top_border .our_clients .our_clients_img:nth-child(7), section.fourth_sec.top_border .our_clients .our_clients_img:last-child {
		border-bottom: none;
	}
		section.fourth_sec.top_border .our_clients .our_clients_img img {
			height: 70px;
		max-width: 100px;
	}
		section.contact-us.top_border,
		section.in_house {
		margin-top: 60px;
	}
		section.in_house h3, section.team h3, section.expertise h3, section.flexible h3 {
		font-size: 50px;
		line-height: 60px;
		max-width: 100%;
	}
		section.review-section .review-header, .average-rating_main {
		padding-left: 25px;
	}
		section.review-section .review-header .review-badge {
		max-width: max-content;
		flex: 0 0 100%;
	}
		section.review-section .review-header .review-badge p {
		padding: 15px 40px;
	}
		section.review-section .review-header {
		flex-wrap: wrap;
		gap: 30px;
	}
		.average-rating_main {
		margin-top: 80px;
	}
		.average-rating_main {
		flex-wrap: wrap;
	}
		.average-rating_main .average-rating_left {
		max-width: 100%;
		flex: 0 0 100%;
	}
		.average-rating_main .average-rating_left .average-rating_left_text p {
		font-size: 18px;
		line-height: 27px;
	}
		section.review-section .review-header, .average-rating_main {
		padding-right: 25px;
	}
		.average-rating_main .average-rating_right {
		width: 100%;
		max-width: 100%;
	}
		.average-rating_main {
		padding-left: 0;
		padding-right: 0;
	}
		.average-rating_main .average-rating_left {
		padding-left: 25px;
		padding-right: 25px;
	}
		.average-rating_right .average-rating_inner {
		padding: 20px;
	}
	.average-rating_inner_top {
		gap: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.average-rating_right .average-rating_inner .average-rating_inner_cnter p {
		font-size: 14.33px;
		line-height: 24px;
		letter-spacing: 0;
	}
		.average-rating_right .average-rating_inner .client-card_footer {
		margin-top: 25px;
		gap: 25px;
	}
	.average-rating_right .average-rating_inner .client-card_footer .client-title { 
		font-size: 12px;
		line-height: 18px;
	}
	 .contact_section_center {
		padding-top: 50px;
	}
	.contact_section_center form {
		margin-top: 33px;
		font-size: 30px;
		line-height: 50px;
	}
		.contact_section_center form input[type="text"]{
			width: 70%;
			height: 20px;
		}
		.contact_section_center form span.select, .contact_section_center form span.hpl_text {
		width: 100%;
	}
		.contact_section_center form span {
		display: inline;
	}
	.contact_section_center form span.select select, .contact_section_center form span.hpl_text select {
		height: 35px;
	}
		.contact_section_center form span.select img, .contact_section_center form span.hpl_text img {
		top: 25%;
	}
		.custom_footer .main-footer>div {
		padding: 0;
			width: 100%;
	}
		.custom_footer .main-footer>div:not(:first-child) {
		border-left: none;
			margin-top: 20px;

	}	
	.custom_footer .main-footer .main-footer_sec h2, .custom_footer .main-footer .main-footer_third h2, .custom_footer .main-footer .main-footer_fourth h2 {
		margin-bottom: 14px;
	}
	.custom_footer {	
		padding-top: 50px;
	}
		.top_nav_sec .main_nav_breadcrumb_menus {
		top: calc(100% - 30px);
		width: calc(100% - 50px);
	}
		.top_nav_sec .main_nav_breadcrumb_menus ul {
		width: 100%;
		padding: 20px 0;
	}
		.top_nav_sec .main_nav_breadcrumb.active:hover span.arows {
		width: 35px;
	}
		.main_nav_breadcrumb span.arows_dot {
		top: 9px;
	}
	section.sec_sec.top_border {
		padding-top: 50px;
	}
	.sec_section_right {
		padding-left: 0;
	}
	.sec_section_top .abut_text {
		font-size: 12px;
		line-height: 20px;
	}
	.sec_section_right {
		font-size: 20px;
		line-height: 26.4px;
		margin-top: 20px;
	}
	p.red_dot:after {
		top: 10px;
	}
	section#rec_work p.red_dot {
		font-size: 16px;
	}
	.third_section_left .work_image_main .work_image_inner.dual_image {
		gap: 20px;
	}
	.third_section_left .work_image_main .work_image_inner p {
		font-size: 12px;
		line-height: 17.1px;
		bottom: -15px;
		width: 100%;
	}
	.third_section a.view_btn {
		bottom: 0;
		font-size: 16px;
	}
	section.in_house h3, section.team h3, section.expertise h3, section.flexible h3 {
		font-size: 40px;
		line-height: 50px;
	}
	
	.our_client_center {
		flex-wrap: wrap;
		    margin-top: 0;
	}
	.our_client_center .our_client_center_left {
		max-width: 100%;
	}
	.our_client_center .our_client_center_right {
		max-width: 100%;
	}
	.our_client_center {
		gap: 25px;
	}
	.clients-main-new-sec_top {
		transform: translateX(80px);
	}
	.clients-main-new-sec  .clients-main-new-sec_top_card {
		width: 300px;
		height: 200px;
		padding: 10px 25px;
		min-height: 100px;
		min-width: 200px;
	}
	footer .custom_footer_new .main_cust_foot h2 {
		font-size: 22px;
	}
	footer .custom_footer_new .main_cust_foot .main_cust_foot_center .cust_copyright ,
	footer .custom_footer_new .main_cust_foot ul li a {
		font-size: 16px;
	}
	.static_menu_div .static_menu_hamburger span {
		font-size: 25px;
		line-height: 35px;
	}
	.static_menu_div {
		width: 130px;
	}
	.main_nav .top_nav_center_sec_contact {
    width: 0;
}
.main_nav.new-fixed-position .top_nav_center_sec_contact {
    width: max-content;
}
section.awards h4 span, section.awards h3, section.awards h4, section.awards h2 span {
    font-size: 100px;
}
	.static_menu_div .static_menu_hamburger span.hambrg {
    width: 35px;
    height: 35px;
}
	span.service-right-dot{
		bottom: 5px;
	}
	.blogs span.service-right-dot {
		bottom: 20px;
	}
	.average-rating_main .average-rating_left .average-rating_left_text h3 {
		font-size: 50px;
		line-height: 60px;
		margin-bottom: 20px;
	}
	.average-rating_right .slick-list {
		padding-right: 30px !important;
	}
	section.connect_us {
		margin-top: 50px;
	}
		section.connect_us img:hover {
		transform: scale(1.1);
	}
	.clients-main-new-sec .clients-main-new-sec_top, .clients-main-new-sec .clients-main-new-sec_bottom {
		gap: 20px;
		flex-wrap: wrap;
		transform: unset !important;
	}
	.clients-main-new-sec .clients-main-new-sec_top_card img {
		width: 100%;
	}
	.clients-main-new-sec  .clients-main-new-sec_top_card {
		width: 150px;
			height: 150px;
			padding: 10px 25px;
			min-height: 100px;
			min-width: unset;
	}
	section.awards h2 {
		max-width: 80%;
	}
	/*
	section.awards h4 span,
	section.awards h3, section.awards h4,
	section.awards h2 span {
		font-size: 60px;
	}
	*/
	section.awards img {
		position: unset;
		width: auto;
		height: auto;
		display: block;
		object-fit: contain;
		max-height: 100px;
		transform:unset !important;
	}
	section.awards {
		margin: 50px 0 0;
		display: flex;
        flex-wrap: wrap;
		gap: 30px;
		padding: 0 65px;
        text-align: center;
	}
	.heading_dream_main-sec .first_section_g_img img {
		margin-top: 20px;
		}
		section.sec_sec.top_border {
				padding-top: 20px;
			}
		
	}



.main_nav.new-fixed-position .top_nav_center_sec{
	height: 56px;
}
.top_nav_center_sec {
    /* display: flex; */
    align-items: center;
    justify-content: space-between; /* Keeps elements spaced */
    position: relative;
    overflow: hidden;
    width: 100%; /* Ensures full width */
}
.main_nav.inner_menu .top_nav_center_sec a{
	justify-content: left;
}

.top_nav_center_sec img {
    position: relative;
    right: auto; /* Default position */
    transition: right 0.5s ease-in-out; /* Smooth transition */
}

.top_nav_center_sec span {
    transition: opacity 0.7s ease-in-out; /* Slightly slower fade */
}
.clients-main-new-sec_top, .clients-main-new-sec_bottom {
    transition: transform 1s ease-in-out;
}





.grid {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.block-33 {
  width: 33%;
  float: left;
  margin-top: 40px;
}

.gutter {
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
	@media (max-width:1024px){
		transform:unset !important;
		margin-left: 0;
 		margin-right: 0;
	}
}

.clear {
  clear: both;
  display: block;
}

.parallax-img {
  width: 100%;
}


.grid .block-33 {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  position: relative;
}

.gutter img {
  display: block;
  width: 100%;
  height: auto;
  transition: none !important; /* disable any transition */
}

/* Step effect: push certain images down */
.grid .block-33:nth-child(2) .gutter {
  transform: translateY(40%);
}
.grid .block-33:nth-child(3) .gutter {
  transform: translateY(80%);
}
.grid .block-33:nth-child(6) .gutter {
  transform: translateY(40%);
}
.grid .block-33:nth-child(7) .gutter {
  transform: translateY(80%);
}

.clear {
  clear: both;
}

.hdp_detail{
	display:flex;
	gap:8px;
	margin-top:65px;
	padding-left:0; 
	justify-content: right;
	.hdp_heading{
		width:90px;
	}
	@media (max-width:680px){
		margin-top:30px;
		flex-wrap:wrap;
		justify-content: left;
	}
}
.hdp_description{
	position: relative; 
    width: 430px;
	@media (max-width:680px){
		overflow: unset;
		width:100%;
	}
	.hdp_txt{
		font-size: 20px; 
		letter-spacing: 0.05em; 
		margin-left: auto;
		font-family: 'Inter';
		color:#fff;
		position: absolute;
		top: 0;
		left: 0; 
		opacity: 0;
		font-weight:bold;
    	animation: showItem 8s infinite;
		
		@media (max-width:680px){
			font-size: 14px; 
			letter-spacing: 0; 
		}
		 
		&:nth-child(1){
			animation-delay: 0s;
		}
		&:nth-child(2){
			animation-delay: 2s;
		}
		&:nth-child(3){
			animation-delay: 4s;
		}
		&:nth-child(4){
			animation-delay: 6s;
		}
	}
}
@keyframes showItem {
    0%   { opacity: 0; }
    5%   { opacity: 1; }
    25%  { opacity: 1; }
    30%  { opacity: 0; }
    100% { opacity: 0; }
}

.hdp_weare{
	font-size: 20px;
	 letter-spacing: 0.05em;
    color: #fff;
    font-family: 'Inter';
    font-weight: bold;
	white-space: nowrap;
	@media (max-width:680px){
		font-size: 17px;
		letter-spacing: 0;
	}
}
.dot_style{
	position:relative;
	padding-left: 25px;
	&:before{
		content:'';
		position: absolute;
		top: 50%;
		left: 0px;
		width: 15px;
		height: 15px;
		border: 1px solid #fff;
		border-radius: 50%;
		transform: translateY(-50%);
	}
	&:after{
		content:'';
		position: absolute;
		width: 6px;
		height: 6px;
		background: #FD7D06;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 5px;
		border-radius: 50%;
	}
	&.top_points{
		&:before{
			transform:unset;
			top: 5px;
		}
		&:after{
			transform:unset;
			top: 9px;
		}
	}
	&.top_points_2{
		&:before{
			transform:unset;
			top: 10px;
		}
		&:after{
			transform:unset;
			top: 14px;
		}
	}
}
.slick_slider{
	.slick-slide {
	  margin-right: 25px; 
	}
	.slick-list {
	  margin-right: -25px; 
	}
}

.left_right_arrow{
	img{
		cursor:pointer;
	}
}

.mmf_flx{
	display:flex;
	gap:45px;
	flex-wrap:wrap;
	@media (max-width:1024px){
		gap:25px;
	}
	.mmf_left{
		width:30%;
		@media (max-width:1024px){
			width:100%;
		}
	}
	.mmf_right{
		width:calc(70% - 45px);
		@media (max-width:1024px){
			width:100%;
		}
	}
}
.mmflf_social{
	ul{
		padding:0;
		margin:0;
		display:flex;
		gap:15px;
		li{
			list-style:none;
		}
		img{
			width:15px;
			object-fit:content;
		}
	}
}
.mmfrg_flx{
	display:flex;
	gap:25px;
	justify-content: space-between;
    align-items: center;
	@media (max-width:1024px){
		flex-wrap:wrap;
	}
	.mmfrg_item{
		width:50%;
		
		@media (max-width:1024px){
			width:100%;
		}
	}
}
.mmflflb_flx{
	display:flex;
	justify-content: space-between;
    align-items: center;
	padding-top:5px;
	flex-wrap:wrap;
	.mmflflb_item{
		width:50%;
		@media (max-width:1024px){
			width:100%;
		}
	}
}

.mmflf_heading {
  position: relative;
  width: 100%;
  height: 50px;
  overflow: hidden;
  direction: rtl;
	font-weight: 700; 
    font-size: 40px;
	color:#fff;
	cursor:pointer;
	@media (min-width:1680px){
		font-size: 50px;
	}
	.mmflf_href{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		z-index:1;
		height:100%;
		display:block;
	}
	.heading_dot{
		position: absolute;
		background: #FA8511;
		width: 15px;
        height: 15px;
        bottom: 6px;
        border-radius: 50%;
        right: -20px;  
	}
	.span_text {
	  position: absolute;
	  top: 0;
	  left: 0;
	  white-space: nowrap;
	  transition: transform 0.2s ease; 
	  font-weight: bold;
	}
	.original-text {
	  transform: translateX(0%);
	}
	.hover-text {
	  right: 0;
	  transform: translateX(105%) scale(1);
	  color:#FA8511;
	}
	&:hover{
		.hover-text {
		  transform: translateX(-15%) scale(.70); 
		  animation: scalePulse .3s ease forwards;
		  animation-delay: 0.1s;
		} 
		 .original-text {
		  transform: translateX(-105%);
		}
		.heading_dot{
			left: 0; 
			right:unset;
		}
	}
	&[data-id="2"]{
		   max-width:210px;
		   margin-left:auto;
		   @media (min-width:1680px){
			    max-width:280px;
		   } 
			@media (max-width:1024px){
				display:none;
			}
	}
	&[data-id="3"]{
		   max-width:220px;
		   margin: 0 auto;
		  @media (min-width:1680px){
			    max-width:270px;
		   }
			@media (max-width:1024px){
				display:none;
			}
	}
}
 
@keyframes scalePulse {
  0% {
  	 transform: translateX(-4%) scale(0.87);  
  }
  50% {
	 transform: translateX(-20%) scale(.75);
  }
  100% {
    transform: translateX(0%) scale(1);
  }
}

.mmflflb_item{
	p{
		color: #FFF;
		font-family: "Inter", serif;
		font-size: 12px;
		font-style: normal;
		text-align: right;
		font-weight: 400;
		line-height: normal;
		text-transform: capitalize;
		@media (max-width:1024px){
			text-align: center;
		}
	}
}
.mmflf_detail{
	margin-top:15px;
	margin-bottom:15px;
	p{
		color: #FFF;
		font-family: "Inter", serif;
		font-size: 17px; 
		font-weight: 400;
		line-height: normal; 
	}
}
.mmflf_bottom_link{
	margin-top:20px;
	@media (max-width:1024px){
		margin-top:30px;
	}
	a{
		color: #FFF;
		font-family: "Inter", serif;
		font-size: 12px;
		text-decoration: none;
	}
}
.mmfrg_menu{	 
	.mmfrg_menu_inner{
		max-width: 290px;
        margin: 0 auto;
        min-height: 190px;
        position: relative;
        overflow: hidden;
		@media (max-width:1024px){ 
			min-height: unset;
			max-width: 100%;
		}
	}
}
.mmfrg_menu_list{
	padding:0 30px; 
	position:absolute;
	top:0;
	transition-duration: 1.2s;
	width:100%; 
	margin: 15px;
	max-width: 250px;
	@media (max-width:1024px){
		position:unset;
		margin: 0;
		padding:15px 0;
		border:none !important;
		max-width: 100%;
	}
		&:before, &:after{
			content:''; 
			top:-13px; 
			width:15px;
			height:15px;
			position: absolute;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
			background-image:url(images/Vector.png);
			@media (max-width:1024px){
				display:none;
			}
		}
	  &[data-id="1"]{
			left:-200%;
		    border-right:1px solid #fff;
		    &:before{
				right:-8px;
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				transform: rotate(90deg);
			} 
			 &:after{
				display:none;
		   }		  
		}
		&[data-id="2"]{
			right:-200%;
			border-left:1px solid #fff;			 
			&:before{
				left:-8px;
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				transform: rotate(90deg);
			} 
		    &:after{
				display:none;
		   }			
		}
		&[data-id="3"]{
			opacity:0;
			transition-duration: 1s;
			visibility:hidden;
			border-top:1px solid #fff;
			width:unset;
			padding-top:15px;
			@media (max-width:1024px){
				opacity:1;
				visibility:unset;				
			}
			&:before{
                 top:-8px;
				 left:-13px;
			}
			&:after{
				 top:-8px;
				 right:-13px;
			}
		}
	&.active{
		&[data-id="1"]{
			left:0;
		}
		&[data-id="2"]{
			right:0; 
		}
		&[data-id="3"]{
			opacity:1;
			visibility:visible; 
		}
	}
	li{
	 	list-style:none;
		line-height: 30px;
		a{
			color: #989797;
			font-family: "Inter", serif;
			font-size: 17px;
			font-weight: 100;
			text-decoration:none;
			line-height:100%;
			transition-duration: .6s; 
			&:hover{
				color: #FFF;
				font-size: 17px;
			}
		}
	}
}
.mmflf_fullbox{
	transition-duration: 1s; 
	position:relative;
	border-top:1px solid transparent;	
		&:before, &:after{
			content:''; 
			top:-8px; 
			width:15px;
			transition-duration: 1s; 
			height:15px;
			position: absolute;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
			background-image:url(images/Vector.png);
			opacity:0;
		}
		&:before{
			left:-14px;	
		}
		&:after{
			right:-14px;
		}
	&.active{
		border-color:#fff;
		&:before, &:after{
			opacity:1;
		}
	}
} 

.agrt_btn{
	margin-top:20px;
	.agrt_style{
		color:#fff;
		font-size: 20.33px;
		@media (min-width:1680px){
			font-size: 28.33px;
		}
	}
}
.project_flx{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around; 
	margin-top:150px;
	margin-bottom:-35%;
	@media (max-width:1024px){
		margin:0;
	}
	.pjt_item{
		width:30%; 
		/*
		&:nth-child(3n){
			width:60%;
			@media (max-width:1024px){
				width:100%; 
			}
		}
		*/
		@media (max-width:1024px){
			width:47%; 
			margin-bottom:15px; 
		}
		@media (max-width:680px){
			width:100%; 
		}
	}
}

.gutter_detail{
	background: #181D51;
	display:flex;
	gap:5px;
	justify-content: space-between;
	padding:30px 15px; 
    align-items: center;
	@media (max-width:768px){
		padding:20px;
	}
	.gtd_title{
		color: #FFF;
		font-family: "Inter", serif;
		font-size: 22px;
		font-style: normal;
		font-weight: 500;
		line-height: 86.018%; /* 86.018% */
	}
	.gtd_type_style {
		color: #FFF;
		font-family: Poppins;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 95.455%; /* 95.455% */
		letter-spacing: 1.54px;
		text-transform: uppercase;
	}
}
section.in_house {
	@media (min-width:1680px){
		padding:120px 75px;
	}
	.container-right-main{
		margin-left: auto;
		img{
			max-width:320px;
			object-fit:cover;	
			 aspect-ratio: 1 / 1.4;
		}
		 
	}
	.no-container{
		justify-content:space-between;
	}
}
 
.in_house_inner{
	width:28%;
	@media (max-width: 920px) {
		width:100%;
	}
}
.container-right{
	width:68%;
	@media (max-width: 920px) {
		width:100%;
	}
}

/***************************************/
.fstsl_img{
	img, video{
		transform: translateY(0);
		transition-duration: 0.6s;
		transition-delay:.1s;
		display:block;
		width:100%;
		object-fit: contain;
	} 
}
.stbx_style{
	position:relative;
	z-index:1;
}
.sec_section_top_inner{
	display:flex;
	justify-content:space-between;
}
.set_position{
	min-height:20px;
	min-width:20px;
}
/***************************************/

/****************service***********************/

.svcbn_flx{
	display:flex;
	gap:30px;
	align-items:center;
	padding-top:130px;
	flex-wrap:wrap;
	@media (max-width:768px){
		flex-direction: column-reverse;
		padding-top:60px;
	}
	.svcbn_txt{
		width:calc(40% - 30px); 
	}
	.svcbn_img{
		width:60%;
	}
	.svcbn_item{
		@media (max-width:768px){
			width:100%;
		}
	}
	.svcbn_img_inner{
		padding:20px;
		img{
			width:100%;
			display:block;
		}
	}
}
.svcbn_detail{
	.svcbn_heading{
		color: #EEEEF2;
		font-family: Poppins;
		font-size: 76px;
		font-style: normal;
		font-weight: 700;
		line-height: 87%; /* 87% */
		text-transform: uppercase;
		@media (max-width:1024px){
			font-size: 56px;
		}
		@media (max-width:768px){
			font-size: 46px;
		}
		@media (max-width:520px){
			font-size: 36px;
		}
		span{
			color: #FA8511;
			font-family: Poppins;
			font-weight: 700;
		}
	}
}
.svcbn_description {
	margin-top:85px;
	@media (max-width:768px){
		margin-top:25px;
	}
	.svcbn_subheading{
		color: #FFF;
		font-family: Poppins;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 70%; /* 21px */
		text-transform: uppercase;
		margin-bottom:20px;
	}
	.svcbn_style{
		max-width:280px;
		p{
			color: #FFF;
			font-family: Helvetica;
			font-size: 16px;
			font-style: normal;
			font-weight: 300;
			line-height: 125%; /* 27.5px */
			letter-spacing: 1.54px;
			text-transform: capitalize;
			@media (max-width:768px){
				font-size: 15px;
			}
		}
	}
}
.rds_dote{ 
	padding-left:20px;
	&:before{ 
		top:0; 
		transform:unset;
	}
	&:after{ 
		top:4.5px; 
		transform:unset;
	}
}
.svtxt_flx{
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	.svtxt_item{
		width:calc(33.33% - 20px);
		@media (max-width:768px){
			width:100%;
		}
	}
}
.svtxt_heading{ 
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0.05em;
    font-weight: bold;
	font-family: Poppins;
	text-transform:uppercase;
}
.svtxt_style{
	p{
		color: #EEEEF2;
		font-family: Inter;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		text-transform: lowercase;
	}
}
.scrl_box{
	border-radius: 23.657px;
	border: 1px solid #FFF;
	background: rgba(40, 41, 93, 0.70); 
	box-shadow: 0px -36.5px 67.3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px -36.5px 57.3px 0px rgba(0, 0, 0, 0.50);
	backdrop-filter: blur(18.700000762939453px); 
	overflow:hidden;
}
.scrl_flx{
	display:flex;
	gap:40px;
	flex-wrap:wrap;
	@media (max-width:1220px){
			gap:20px;
	} 
	.scrl_item{
		width:calc(50% - 20px);
		padding:38px 50px;
		@media (max-width:1220px){
			padding:25px;
		}
		@media (max-width:768px){
			width:100%;
		}
	}
}
.scrl_detail_inner{
	.scrl_heading{
		color: #FFF;
		font-family: Impact;
		font-size: 42px;
		font-style: normal;
		font-weight: 400 !important;
		line-height: 136%; /* 136% */
		text-transform: uppercase;
		padding-top:0;
		@media (max-width:1220px){
			font-size: 36px;
		}
		.point_last{
			width:9px;
			height:9px;
			display: inline-block;
			margin-left:2px;
			background-color: #FD7D06;
		}
	}
	.scrl_line{
		padding:0;
		margin:0;
		margin-top:25px;
		li, a{
			list-style:none;
			color: #FFF;
			font-family: Helvetica;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 207.52% ; /* 267.52% */
			text-transform: capitalize;
			text-decoration:none;
			@media (max-width:768px){
				font-size:17px;
			}
		}
	}
	.scrl_description{
		position:relative;
		margin-top:20px;
		padding-top:25px;
		&:before{
			width:70%;
			height:1px;
			top:0;
			left:0;
			position:absolute;
			content:'';
			opacity:.2;
			background-color:#fff;
		}
		p, li{
			color: #EEEEF2;
			font-family: Inter;
			font-size: 15px;
			font-style: normal;
			font-weight: 400;
			line-height: 110.546%; /* 110.546% */
			margin-bottom:10px;
		}
	}
	.scrl_link{
		color: #FA8511;
		font-family: Inter;
		font-size: 14.688px;
		font-style: normal;
		font-weight: 700;
		line-height: 126.984%; /* 126.984% */
		text-decoration:none;
	}
}
.scrl_img_flx{
	 
	column-count: 2;
	.scrl_img_item{
		width:calc(100% - 10px);
		margin-bottom: 20px;
		img{
			width:100%;
			display:block;
			object-fit:cover;
		}
	}
}
.scrl_title_txt{
	color: #EEEEF2;
	font-family: Impact;
	font-size: 36px;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 98.75%; /* 98.75% */
	text-transform: uppercase;
	position:relative;
	@media (max-width:1220px){
		font-size: 28px;
	}
	.point_last{
		width:7px;
		height:7px;
		display: inline-block;
		margin-left:2px;
		background-color: #FD7D06;
	}
}
.scrl_image{
	position:relative;
	&:before{
		position:relative;
		left:0;
		top:0;
		width:100%;
		height:100%;
		opacity: 0.55;
		background: #000;
		content:'';
		position: absolute;
        z-index: -1;
	}
}

.slcl_flx{
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	.slcl_item{
		width:calc(50% - 15px);
		@media (max-width:768px){
			width:100%;
		}
	}
}
.slcl_img_flx{
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	.slcl_img_item{
		width:calc(50% - 15px);
	}
}
.slcl_heading{
	color: #FFF;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 70%; /* 70% */
	text-transform: uppercase;
	margin-bottom: 85px;
	@media (max-width:768px){
		margin-bottom: 40px;
	}
}
.slcl_description{
	max-width:410px;
	width:100%;
	@media (max-width:768px){
		max-width:100%;
	}
	p{
		color: #FFF;
		font-family: Inter;
		font-size: 15.719px;
		font-style: normal;
		font-weight: 400;
		line-height: 121.905%; /* 121.905% */
		letter-spacing: -0.72px;
	}
}
.slcl_box{
	border-top:1px solid #fff;
	padding-top:40px;
}
.slcl_img{
	margin-top:35px;
	max-width: 410px;
	width:100%;
	img, video{
		width:100%;
		display:block;
	}
}
.slcl__img_inner{
	max-width:160px;
	width:100%;
	margin:0 auto;
	img{
		width:100%;
		display:block;
	}
}
.lstlg_header{
	.lstlg_heading{
		color: #FFF;
		font-family: Poppins;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 70%; /* 70% */
		letter-spacing: 2.1px;
		text-transform: uppercase;
		@media (max-width:768px){
			font-size: 20px;
			line-height: 100%;
		}
	}
}
.lll_flx{
	display:flex;
	gap:10px;
	align-items:center;
	.lll_img{
		width:50px;
		img{
			width:100%;
			display:block;
		}
	}
	 
}

.lstlg_logo_line{
	display:flex;
	align-items:center;
	justify-content:center;
}
.lstlg_title{
	text-align:center;
	position:absolute;
	top:50%;
	left:150%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition-duration: .8s;
	@media (max-width:768px){
		position:unset;
		transform:unset; 
		margin-bottom:10px;
	}
}
.lstlg_logo{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition-duration: .8s;
	transition-delay:.3s;
	@media (max-width:768px){
		position:unset;
		transform:unset; 
	}
}
.lstlg_list{ 
	margin-top:45px;
	.lstlg_line{
		/* border-top:1px solid #fff;  */
	}
}
.lstlg_line_inner{
	height:100px;
	overflow: hidden;
	position:relative;
	@media (max-width:768px){
		height:unset;
		padding-bottom: 20px;
	}
	.lll_title, .lstlg_hName{
		color: #FFF;
		font-family: Helvetica;
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: 125%; /* 125% */
		 white-space: pre;
		@media (max-width:768px){
			font-size: 18px;
			 white-space: unset;
		}
	}
	 
	&:hover{
		.lstlg_title{
			left:50%;
		}
		.lstlg_logo{
			left:150%;
		} 
		 
	}
}
.lstlg_section {
    margin: 0 25px;
}
.scrl_inner{
	.scrl_list{
		   position: sticky;
		   top: 500px; 
			padding:0 10px;
		&[data-list="1"]{
			top: 0px; 
			padding:0 190px;
		}
		&[data-list="2"]{
			top: 100px; 
			padding:0 60px;
			padding:0 160px;
		}
		&[data-list="3"]{
			top: 200px; 
			padding:0 130px;
		}
		&[data-list="4"]{
			top: 300px; 
			padding:0 100px;
		}
		&[data-list="5"]{
			top: 400px; 
			padding:0 60px;
		} 
		&[data-list="6"]{
			top: 500px; 
			padding:0;
		}
		@media (max-width:1024px){
			padding:0 !important;
			position: unset;
			margin-bottom: 50px;
		}
	}
}
.scrl_dote {
	color: #FFF; 
	font-family: Poppins;
	font-size: 15px; 
	font-weight: 400;
	line-height: 60%;  
	letter-spacing: 1.26px;
	text-transform: uppercase;
}
.scrl_image_inner {
    max-height: 90vh;
    overflow: hidden;
    overflow-y: scroll;
	scrollbar-width: none; 
	&::-webkit-scrollbar {
	  display: none;  
	  width: 0;
	}
}

.curve-line {
      svg {
		  width: 100%;
		  height: 100%;
	}
    .line-path {
      stroke: #fff;
      stroke-width: 1;
	 transition: d 0.6s ease; 
      fill: none;
    }
	&:hover{
		.line-path {
      		stroke: #FA8511;
		}
	}
}

   
/****************service**********************/

/****************service cat*****************/
.sctbn_inner{
	position:relative;
}
.sctbn_img{
	width:100%;
	height:100vh;
	@media (max-width:768px){
		max-height:100vh;
		height:unset;
	}
	img{
		display:block;
		width:100%;
		height:100%;
		object-fit:cover
	}
}
.sctbn_detail{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display: flex;
    align-items: center;
	@media (max-width:768px){
		position:unset;
	}
	/*
	&:before{
		content:'';
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-image:url(images/cat_bn.png);
		opacity:.6;
		position:absolute;
	}	
	*/
}
.sctbn_inner{
	text-align:center;
	.sctbn_heading {
		font-family: Poppins;
		font-weight: 800; 
		font-size: 110px; 
		line-height: 100%; 
		text-align: center;
		text-transform: uppercase;  
		padding-top:45px;
		&.sctbn_orang{
			color: #FA8511;
		}
		&.sctbn_white, span{
			color: #EEEEF2;
			font-weight: 800; 
			font-family: Poppins;
		}
		@media (max-width:1024px){
			font-size: 90px; 
		}
		@media (max-width:768px){
			font-size: 70px; 
		}
		@media (max-width:680px){
			font-size: 42px; 
		}
	}
	.sctbn_subheading{
		font-family: Poppins;
		font-weight: 800; 
		font-size: 48px; 
		line-height: 120%; 
		text-align: center;
		text-transform: uppercase;
		color: #FFFFFF; 
		margin:30px 0;
		@media (max-width:1024px){
			font-size: 38px; 
		}
		@media (max-width:768px){
			font-size: 28px; 
			font-weight: 600; 
		}
			
	}
}
.orang_btn{
	text-decoration:none;
	font-family: Poppins;
	font-weight: 700; 
	font-size: 26px; 
	line-height: 120%; 
	text-align: center;
	text-transform: uppercase;
	background: #FA8511;
	border-radius:30px;
	padding:10px 28px;
	display: inline-block;
	@media (max-width:768px){
		font-size: 20px; 
	}
}
.sctbn_nav{
	margin-top:50px;
	ul{
		padding:0;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin:0;
		li{
			list-style:none;
			a{
				font-family: Poppins;
				font-weight: 800; 
				font-size: 19px; 
				line-height: 130%; 
				text-transform: uppercase; 
				color:#fff;
				text-decoration:none;
				@media (max-width:768px){
					font-weight: 600; 
					font-size: 18px; 
				}
			}
		}
	}
}
.scttwt_inner{
	.scttwt_heading{
		color: #FFF;
		text-align: center;
		font-family: Poppins;
		font-size: 52px;
		font-style: normal;
		font-weight: 800;
		line-height: 125%; /* 125% */
		letter-spacing: 3.6px;
		text-transform: capitalize;
		max-width: 780px;
        margin: 0 auto 45px;
		@media (max-width:768px){
			font-size: 36px;
		}
		@media (max-width:520px){
			font-size: 32px;
			font-weight: 600;
			letter-spacing: 1.6px;
		}
		span{
			color: #FA8511;
			font-family: Poppins;
			font-weight: 800;
		}
	}
	.scttwt_detail{
		p{
			color: #FFF;
			text-align: center;
			 font-family: "Helvetica";  
			font-size: 18px;
			font-style: normal;
			font-weight: 700;
			line-height: 164.286%; /* 214.286% */
			letter-spacing: 1.16px; 
			@media (max-width:768px){
				font-size: 16px;
			}
		}
	}
}
.lsprj_heding{
	color: #FA8511;
	text-align: center;
	font-family: Poppins;
	font-size: 52px;
	font-style: normal;
	font-weight: 800;
	line-height: 170%; /* 170% */
	text-transform: uppercase;
	margin-bottom:55px;
	@media (max-width:768px){
			font-size: 42px;
	}
}
.lsprj_flx{
	display:flex;
	gap:35px;
	flex-wrap:wrap;
	.lsprj_item{
		width:calc(33.33% - 24px);
		.lsprj_inner{
			width:100%;
			height:100%;
		}
		img{
			width:100%;
			height:100%;
			object-fit:cover;
			border-radius:8px;
		}
	}
}
.sctbgt_section{
	/*background-image:url(https://opelsoluti1dev.wpenginepowered.com/wp-content/uploads/2025/07/6f136a02272af54c5389a82555427cd0238c4a66-scaled.jpg); */
	width:100%;
	height:100%;
	padding:90px 0;
	position:relative;
	background-position: center center;
    background-size: cover;
	&:before{
		content:'';
		left:0;
		top:0;
		width:100%;
		height:100%;
		opacity:.4;
		background-color:#000;
		position:absolute;
	}
	.sctbgt_inner{
		position:relative;
		z-index:1;
	}
	.sctbgt_heading{
		color: #EEEEF2;
		text-align: center;
		font-family: Poppins;
		font-size: 52px;
		font-style: normal;
		font-weight: 800;
		line-height: 170%; /* 170% */
		text-transform: capitalize;
		margin-bottom:35px;
		@media (max-width:768px){
			font-size: 42px;
			line-height: 120%; 
		}
		@media (max-width:520px){
			font-size: 32px;
			font-weight: 600;
		}
		span{
			font-family: Poppins;
			color: #FA8511;
			font-weight: 800;
		}
	}
	.sctbgt_detail{
		p{
			color: #EEEEF2;
			 font-family: "Helvetica";
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 170%; 
			text-align:center;
			@media (max-width:768px){
				font-size: 16px;
			}
		}
	}
}

.sctflt_box{
	margin-bottom:75px;
	.sctflt_heading{
		color: #EEEEF2;
		text-align: center;
		font-family: Poppins;
		font-size: 52px;
		font-style: normal;
		font-weight: 800;
		line-height: 125%; /* 125% */
		text-transform: capitalize;
		margin-bottom:40px;
		@media (max-width:768px){
			font-size: 42px;
		}
		@media (max-width:520px){
			font-size: 32px;
			font-weight: 600;
		}
		span{
			color: #FA8511;
			font-family: Poppins;
			font-weight: 800;
		}
	}
	.sctflt_detail{
		p{
			color: #FFF;
			text-align: center;
			 font-family: "Helvetica"; 
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 214.286%; /* 214.286% */ 
			@media (max-width:768px){
				font-size: 16px;
			}
		}
		ul{
			padding:0;
			margin:0;
			display:flex;
			justify-content:space-between;
			li{
				list-style:none;
				a{
					color: #FFF;
					font-family: Poppins;
					font-size: 19px;
					font-style: normal;
					font-weight: 800;
					line-height: 209%; /* 209% */
					text-transform: uppercase;
					text-decoration:none;
					@media (max-width:768px){
						font-size: 17px;
						font-weight: 600;
					}
				}
			}
		}
	}
}
.sctflt_btn{
	text-align:center; 
	margin-bottom: 110px; 
	position:relative;
	.sctflt_border{
		position:relative;
		max-width:620px;
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #fff;
		margin-top: 90px;
		&:before, &:after{
			content:'';
			width:5px;
			height:5px;			
			background-color:#fff;
			border-radius:50%;
			position:absolute;
			top:-2px;
		}
		&:before{
			left:0; 
		}
		&:after{
			right:0;
		}
	}
}
/****************service cat*****************/

/***************service detail*************/
.sdtbn_section{
	padding-bottom:60px;
	@media (max-width:768px){
		padding-bottom:0;
	}
}
.sdtbn_flx{
	display:flex;
	gap:15px;
	align-items: center;
	padding:90px 0 60px;
	flex-wrap:wrap;
	@media (max-width:768px){
			flex-direction: column-reverse;
		}
	.sdtbn_detail{
		width:calc(65% - 15px);
	}
	.sdtbn_img{
		width:35%;
	}
	.sdtbn_item{
		@media (max-width:768px){
			width:100%;
		}
	}
}
.sdtbn_nav{
	ul{
		padding:0;
		margin:0;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		li{
			list-style:none;
			a{
				color: #FFF;
				font-family: Poppins;
				font-size: 18px; 
				font-weight: 800;
				line-height: 129%; /* 209% */
				text-transform: capitalize;
				text-decoration:none;
				display:inline-block;
				@media (max-width:1024px){
					font-size: 16px;
					font-weight: 600;
				}
				@media (max-width:768px){
					font-size: 15px; 
				}
			}
		}
	}
}
.sdtbn_img_inner{
	img, video{
		width:100%;
		display:block;
		object-fit:contain;
	}
}
.sdtbn_detail_inner{
	.sdtbn_heading{
		margin-top:30px;
		color: #EEEEF2;
		font-family: Poppins;
		font-size: 120px;
		font-style: normal;
		font-weight: 800;
		line-height: 90%;
		text-transform: uppercase; 
		word-break: break-word;
		span{
			color: #FA8511;
			font-family: Poppins; 
			font-weight: 800;
		}
		@media (max-width:1440px){
			font-size: 90px;
		}
		@media (max-width:768px){
			font-size: 68px; 
		}
		@media (max-width:680px){
			font-size: 42px; 
			font-weight:600;
		}
	}
	.sdtbn_subheading{
		color: #FFF;
		font-family: Poppins;
		font-size: 52px;
		font-style: normal;
		font-weight: 800;
		line-height: 125%; /* 125% */
		text-transform: uppercase;
		margin:35px 0;
		@media (max-width:1220px){
			font-size: 42px;
			font-weight: 600;
		}
		@media (max-width:768px){
			font-size: 32px; 
		}
		@media (max-width:680px){
			font-size: 22px; 
		}
	}
}
.sdtfl_section{
	background: #2E3070;
}
.sdthwt_flx{
	display:flex;
	gap:75px;
	align-items:center;
	padding:65px;
	border-radius: 80px;
	border: 1px solid #EEEEF2;
	flex-wrap:wrap;
	@media (max-width:768px){
		padding:25px;
		border-radius: 20px;
		margin:0 25px;
		gap:45px;
	}
	@media (max-width:680px){
		padding:15px;
	}
	.sdthwt_img{
		width:calc(40% - 75px);		
	}
	.sdthwt_detail{
		width:60%;
	}
	.sdthwt_item {
		@media (max-width:768px){
			width:100%;
		}
	}
}
.full_width_img{
	width:100%;
	img{
		width:100%;
		display:block;
	}
}
.page_heading{
	color: #FFF;
	font-family: Poppins;
	font-size: 52px;
	font-style: normal;
	font-weight: 800;
	line-height: 125%; /* 125% */
	letter-spacing: 3.6px;
	text-transform: capitalize;
	position:relative;
	@media (max-width:1220px){
		font-size: 42px;
		letter-spacing: 2.6px;
	}
	@media (max-width:680px){
		font-size: 32px;
		letter-spacing: 1.6px;
	}
	span{
		color: #FA8511;
		font-family: Poppins;
		font-weight: 800;
		font-size: 62px;
		@media (max-width:1220px){
			font-size: 48px;
		}
		@media (max-width:680px){
			font-size: 36px; 
		}
	}
	.dot_heading{
		position: absolute;
        background: #FA8511;
        width: 11px;
        height: 11px;
        bottom: 13px;
        border-radius: 50%; 
	}
}
.sdthwt_txt{
	p{
		color: #FFF;
		 font-family: "Helvetica"; 
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 214.286%; /* 214.286% */
		letter-spacing: 1.26px; 
		@media (max-width:768px){
			font-size: 16px;
			letter-spacing: .26px; 
		}
	}
}
.sdthwt_heading{
	margin-bottom:45px;
}
.sdthwt_box {
    padding-top: 70px;
}
.sdlpj_header{
	.sdlpj_heading{
		color: #EEEEF2;
		font-family: Poppins;
		font-size: 80px;
		font-style: normal;
		font-weight: 800;
		line-height: 136%; /* 136% */
		text-transform: uppercase;
		@media (max-width:1024px){
			font-size: 60px;
		}
	}
}
.sdlpj_flx{
	columns:2;
	column-gap: 90px; 
	@media (max-width:680px){
		columns:1;
	}
	.sdlpj_item {
		margin-bottom:60px;
	}
}
.sdlpj_section{
	margin-top:90px;
	padding-bottom:50px;
	@media (max-width:768px){
		padding-bottom:0;
	}
}
.sdlrti_flx{
	display:flex;
	gap:70px;
	align-items:center;
	margin:60px 0;
	flex-wrap:wrap;
	&.flx_rev{
		flex-direction:row-reverse;
	}
	.sdlrti_img{
		width:calc(37% - 70px);
		@media (max-width:768px){
			width:100%;
		}
	}
	.sdlrti_detail{
		width:63%;
		@media (max-width:768px){
			width:100%;
		}
	}
	.sdlrti_heading {
		margin-bottom:65px;
	}
	.sdlrti_txt{
		p{
			color: #EEEEF2;
			 font-family: "Helvetica"; 
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 170%;
			text-transform: capitalize;
			@media (max-width:768px){
				font-size: 16px;
			}
		}
	}
}

.sdlt_section{
	display:flex;
	gap:70px;
	flex-wrap:wrap;
	align-items:center;
	padding-top:50px;
	@media (max-width:768px){
		gap:0;
	}
	.sdlt_detail{
		width:calc(100% - 485px);
	}
	.sdlt_list{
		width:380px;
	}
	@media (max-width:768px){
		.sdlt_item {
			width:100%;
		}
	}
	.sdlt_heading {
		margin-bottom:25px;
	}
	.sdlt_list{
		ul{
			padding:0;
			margin:0;
			li{
				list-style:none;
				margin-bottom:25px;
				.sdlt_href{
					color: #FFF;
					font-family: Poppins;
					font-size: 28.184px;
					font-style: normal;
					font-weight: 800;
					line-height: 129%; /* 209% */
					text-transform: capitalize;
					text-decoration:none;
					display:inline-block;
					@media (max-width:1024px){
						font-size: 22.184px;
					}
					@media (max-width:768px){
						font-size: 20px;
						font-weight: 600;
					}
				}
			}
		}
	}
}
.sdthbl_flx{
	display:flex;
	gap:70px;
	align-items:center;
	flex-wrap:wrap;
	@media (max-width:768px){
		gap:40px;
	}
	.sdthbl_item {
		width:calc(50% - 35px);
	}
	.sdthbl_style{
		p{
			color: #FFF;
			font-family: "Helvetica"; 
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 214.286% ; /* 214.286% */
			text-transform: capitalize;
			@media (max-width:768px){
				font-size:16px;
			}
		}
	}
	.sdthbl_item {
		@media (max-width:768px){
			width:100%;
		}
	}
}
.sdthbl_line{
	width:100%;
	height:1px;
	position:relative;
	 margin-top: 55px;
	background-color:#fff;
	&:before{
		content:'';
		position:absolute;
		left:0;
		top:-2px;
		width:5px;
		height:5px;
		background-color:#fff;
		border-radius:50%;
	}
}
.sdthbl_section{
	padding:70px 0; 
	@media (max-width:768px){
		padding:40px 0; 
	}
	.sdthbl_heading {
		margin-bottom:20px;		
	}
	.dot_style{
		position: absolute; 
		right: 0;
		padding-left: 0;
	}
}
/***************service detail************/

/***************about**********************/
.abbm_img{
	width:100%;
	position:relative;
	
	img{
		display:block;
		width:100%;
		object-fit:cover;
		height:100%;
		@media (max-width:768px){
			min-height:50vw;
		}
		@media (max-width:520px){
			min-height:90vw;
		}
	}
	&:before{
		content:'';
		position:absolute;
		left:0;
		top:0;
		background-image:url(images/cover.png);
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:cover;
	}
}
.abbm_inner{
	position:relative;
	.abbm_detail{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:flex;
		align-items:center;
		justify-content:center;
	}
}
.abbm_flx{
	display:flex;
	gap:25px;
	flex-wrap:wrap;
	@media (max-width:680px){
		gap:5px;
	}
	.abbmhd_style{
		color: #FFF; 
		font-family: Poppins;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height:  185.654%; /* 185.654% */
		letter-spacing: 1.26px;
		text-transform: uppercase;
	}
	.abbmhd_style {
		color: #FFF;
		text-align: center;
		font-family: Poppins;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 185.654% ; /* 185.654% */
		letter-spacing: 1.26px;
		text-transform: uppercase;
	}
}
.abbm_section{
	margin:0;
	padding:0;
}
.bmtm_section{
	background: #2E3070;
	margin:0;
	padding:0; 
}

.bmtm_flx{
	display:flex;
	gap:30px; 
	@media (max-width:768px){
		flex-wrap:wrap;
		.bmtm_item {
			width:100%;
		}
	}
	.bmtm_heading{
		color: #FFF;
		font-family: Inter;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 98.182%; /* 98.182% */
		letter-spacing: -0.72px;
		white-space: nowrap;
	}
	.bmtm_detail{
		p{
			color: #FFF;
			font-family: Helvetica;
			font-size: 24px;
			font-style: normal;
			font-weight: 400;
			line-height: 136.667%; /* 136.667% */
			@media (max-width:768px){
				font-size: 16px;
			}
		}
	}
}
.bmtm_tilt_flx{
	display:flex;
	transform: rotate(-7deg);
	transition-duration: 1.9s; 
	padding-top:50px;
	flex-wrap:wrap;
	@media (max-width:768px){
		transform: rotate(0);
	}
	.bmtmtlt_item{
		width:33.33%;
		position:relative; 
		@media (max-width:768px){
			width:100%;
		}
		.bmtmtlt_name{
			color: #FFF;
			font-family: Inter;
			font-size: 39.375px;
			font-style: normal;
			font-weight: 400;
			line-height:  111.746%; /* 111.746% */
			letter-spacing: -2px;
			position:absolute;
			padding:25px;
			width:100%;
			top:0;
			@media (max-width:1220px){
				font-size: 30.375px;
			}
			@media (max-width:768px){
				font-size: 26.375px;
				padding:15px;
			}
		}
	}
}
.bmtm_inner{
	overflow:hidden;
}
.bmtm_tilt{
    width:100vw;             
    margin-left:calc((100% - (100% - 220px)) / 2); 
	@media (max-width:768px){
		margin:0;
		padding:0 25px;
	}
}
.twt_section{
	border-radius: 24px 24px 0 0;
	background: #E3E1DE;
	padding:90px 0 40px;
	@media (max-width:1024px){
		padding:50px 0 30px;
	}
	margin:0;
	.twt_flx{
		display:flex;
		gap:90px;
		flex-wrap:wrap;
			@media (max-width:1024px){
				gap:40px;
			}
		.twt_item{
			width:calc(50% - 45px);
			@media (max-width:1024px){
				width:calc(50% - 20px);
			}
			@media (max-width:768px){
				width:100%;
			}
		}
	}
}
.twt_style{
	p{
		color: #181D51;
		font-family: Helvetica;
		font-size: 25px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 160% */
		@media (max-width:1024px){
			font-size: 20px;
		}
	}
}
.twtbtm_box{
	padding-top:90px;
	@media (max-width:1024px){
		padding-top:40px;
	}
	.twtbtm_style{
		color: #2E3070;
		font-family: Helvetica;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		text-align:center;
		line-height: 175%; /* 175% */
		@media (max-width:1024px){
			font-size: 18px;
		}
	}
}
.twtbg_box{
	background: #2E3070;
    margin: 0;
    padding: 0;
	z-index: 1;
    position: relative;
}
.ouprs_section{
	background: #2E3070;
	padding:75px 0 0;
	margin:0;
	position: relative;
    z-index: 1;
}
.ouprs_header{
	margin-bottom:40px;
	.ouprs_heading{
		color: #FFF;
		font-family: Poppins;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 70%; /* 70% */
		letter-spacing: 2.1px;
		text-transform: uppercase;
	}
}
.ouprs_box{
	border-radius: 30.5px;
	border: 1px solid #FFF;
	padding:110px 50px 40px;
	@media (max-width:768px){
		padding:90px 25px 50px;	
		border-radius: 20.5px;
	}
}
.ouprs_flx{
	display:flex;
	gap:100px;
	flex-wrap:wrap;
	justify-content: center;
	.ouprs_item{
		border-radius: 10px;
		border: 1px solid rgba(255, 255, 255, 0.30);
		background: rgba(0, 0, 0, 0.00);
		box-shadow: -17.5px 4.487px 109.5px 10.096px rgba(255, 255, 255, 0.23) inset;
		padding:35px;
		width:calc(50% - 50px);
		position:relative; 
		@media (max-width:1220px){
			padding:25px;
		}
		@media (max-width:768px){
			width:100%;
		}
	}
}
.ouprs_line{
 	position:absolute;			
	width:45px;
	height:45px;
		&:before{
			content:''; 
			background: #FA8511;
			position:absolute;
		}
	&[data-no="1"]{
		top: -70px;
        left: 100px;
		&:before{ 
			width:1px;
			height: 24px !important;
            left: 22px;
            top: 100%!important;
		}
	}
	&[data-no="2"]{
		top: calc(50% - 23px);
        left: -73px;
		&:before{ 
			width:100px;
			height: 1px;
            left: -28px;
            top: 50%;
		}
	}
	&[data-no="3"]{
		top: calc(50% - 23px);
        right: -74px;
		&:before{ 
			width:100px;
			height: 1px;
            left: -28px;
            top: 50%;
		}
	}
	&[data-no="4"]{
		top: -69px;
        left: calc(50% - 23px);
		&:before{ 
			width: 1px;
            height: 100px;
            left: 22px;
            top: -31px;
		}
	}
	&[data-no="5"]{
		top: -70px;
        left: 100px;
		&:before{ 
			width: 1px;
            height: 100px;
            left: 22px;
            bottom: -24px;
		}
	}
	@media (max-width:768px){
		top: -70px !important;
        left: 100px !important;
		&:before{ 
			width: 1px !important;
            height: 100px !important;
            left: 22px !important;
            top: -31px !important;
		}
	}
}

.ouprs_inner{
	.ouprs_number{
		color: #FFF;
		text-align: left;
		font-family: Poppins;
		font-size: 14.593px;
		font-style: normal;
		font-weight: 400;
		line-height: 185.654%; /* 185.654% */
		letter-spacing: 1.022px;
		text-transform: uppercase;
	}
	.ouprs_heading{
		color: #EEEEF2;
		font-family: Impact;
		font-size: 38.031px;
		font-style: normal;
		font-weight: 400;
		line-height: 142.576%; /* 142.576% */
		text-transform: uppercase;
		@media (max-width:1220px){
			font-size: 30.031px;
		}
		@media (max-width:768px){
			font-size: 26.031px;
		}
	}
	.ouprs_style{
		p{
			color: #FFF;
			font-family: Helvetica;
			font-size: 20.269px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%; /* 120% */
			@media (max-width:1220px){
				font-size: 18px;
			}
			@media (max-width:768px){
				font-size: 16px;
			}
		}
	}
}
.iht_section{
	padding:60px 0;
	border-top:1px solid #ffffff70;
	border-bottom:1px solid #ffffff70;
	margin-top:80px;
}
.iht_header{
	text-align:center;
	margin-bottom:60px;
	.iht_heading{
		color: #FFF;
		font-family: Helvetica;
		font-size: 26px;
		font-style: normal;
		font-weight: 400;
		line-height: 110%; /* 70% */
		letter-spacing: 2.1px; 
		@media (max-width:768px){
			font-size: 22px;
			letter-spacing: 1.1px; 
		}
	}
}
.iht_flx{
	display:flex;
	gap:60px;
	flex-wrap:wrap;
	.iht_item{
		width:calc(33.33% - 40px);
			position:relative;
		@media (max-width:768px){
			width:100%;
		}
			&:before{
				content:'';
				position:absolute;
				left:-20px;
				top:0;
				background-color:#ffffff70;
				height:90px;
				width:1px;
				@media (max-width:768px){
					display:none;
				}
			}
		&:first-child{
			&:before{
				display:none;
			}
		}
	}
	.iht_item_flx{
		display:flex;
		gap:20px;
		.iht_icon{
			width:40px;
		}
		.iht_detail{
			width:calc(100% - 60px);
		
		}
	}
}
.iht_detail_inner{
	.iht_detail_heading{
		color: #FFF;
		font-family: Helvetica;
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: 112%; /* 112% */
		letter-spacing: 1.75px;
		margin-bottom:10px;
		@media (max-width:768px){
			font-size: 20px;
		}
	}
	.iht_style{
		p{
			color: #FFF;
			font-family: Helvetica;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 140%; /* 140% */
			letter-spacing: 1.4px;	
			@media (max-width:768px){
				font-size: 15px;
			}
		}
	}
}
.abtmtxt_style{
	padding:110px 0 40px;
	.mmflf_heading {
		color: #FFF; 
		font-size: 148.419px;
		font-style: normal;
		font-weight: 700;
		line-height: 74.002%; /* 45.002% */
		height:120px;
		max-width: 450px;
		margin:0 auto;
		@media (max-width:768px){
			font-size: 98.419px;
			max-width: 380px;
		}
		@media (max-width:520px){
			font-size: 68.419px;
			max-width: 260px;
		}
		.heading_dot{			
			background: transparent;
			background-image:url('images/egit.png');
			background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
		}
		.span_text {
			font-family: 'TT-Tunnels';
		}
	}
}
.abtmtxt_section {
    padding-bottom: 60px;
}
.abtmtxt_inner{
	position:relative;
	margin-bottom: 20px;
	&:before{
		content: '';
        bottom: -8px;
        left: 86px;
        width: 15px;
        transition-duration: 1s;
        height: 15px;
        position: absolute;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(images/Vector.png);
	}
	&:after{
		content: '';
		width:calc(100% - 100px);
		height:1px;
		position:absolute;
		left:100px;
		background-color:#fff;
		bottom:0;
	}
}

.lens{
	  position: absolute;
	  width: 190px;
	  height: 190px;
	  border-radius: 50%;
	  overflow: hidden;
	  pointer-events: none;
	  z-index: 9;

	  /* Mirror border effect */
	  border: 2px solid rgba(255,255,255,0.3);
	  box-shadow: 0 0 25px rgba(255, 255, 255, 0.2),
				  inset 0 0 50px rgba(255, 255, 255, 0.2);

	  /* Radial shine around the edges */
	  background: radial-gradient(circle,
		rgba(255,255,255,0) 60%,
		rgba(255,255,255,0.15) 75%,
		rgba(255,255,255,0.3) 90%,
		rgba(255,255,255,0.4) 100%
	  ); 
	  backdrop-filter: blur(1px);
	  top:60px;
	  left:70px;
	  transition-duration: 2.2s;
	@media (max-width:768px){
		display:none;
	}
    .lens-view {
      position: absolute;
      transform: scale(0.6); /* convex feel */
      transform-origin: top left;
      filter: brightness(1.2) saturate(1.2) blur(0.8px) contrast(1.1);
    }
}
.bmtm_tilt_section {
    position: sticky;
    top: 0; 
	@media (max-width:768px){
		position:unset;
	}
	.bmtm_tilt_hidden{
		overflow: hidden;
	}
	&.active{
		.lens{
			left:calc(100% - 190px);
		}
		.bmtm_tilt_flx{
			transform: rotate(0);
		} 
	}
}
 
/***************about**********************/

/***************faq**********************/
.fqspg_section{
	.abbm_inner{
		.abbm_detail{
			 align-items: flex-start;
			 padding-top: 100px;
			@media (max-width:1220px){
				padding-top: 130px;
			}
			.abbm_bg{
				position:absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				background: linear-gradient(0deg, #d9d9d900 0%, #2E3070 100%);
            	mix-blend-mode: hue;
			}
		}	
	}
}
.fqspg_search{
	position: absolute;
    bottom: 0;
	width:100%;
	max-width:760px;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	@media (max-width:768px){
		display:none;
	}
	.fqspg_input{
		width:100%;
		background: rgba(255, 255, 255, 0.10);
		padding:14px;
		color: #FFF; 
		font-family: Montserrat;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		border: none;
        box-shadow: none;
        box-shadow: none;
		border: 1px solid #ffffff50;
		outline:none !important;
	}
	.fqspg_btn{
		position:absolute;
		background-color:transparent !important;
		padding:0;
		margin:0;
		border:none;
		right:10px;
		top:50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		span {
			display: flex;
			align-items: center;
			justify-content: center;
			img{
				width:20px;
			}
		}
	}
}
.fqspg_icon{
	position: absolute;
    bottom: 10px;
	width:100%;
	max-width:760px;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center; 
	height: 280px;
	@media (max-width:1220px){
		bottom: -50px;
		height: 230px;
	}
	@media (max-width:1024px){
		bottom: -30px;
		height: 180px;
	}
	@media (max-width:768px){
		bottom: -80px;
		height: 150px;
	}
	@media (max-width:680px){
		display:none;
	}
	.fqspg__bimg{
		width:260px;
		position:absolute;
		left:0;
		top:0;
		transition-duration:.8s;
		transition-delay: .5s;
		height:100%;
		@media (max-width:1024px){
			width:180px;
		}
		@media (max-width:768px){ 
			height: 150px;
		}
		img{
			width:100%;
			display:block;
			max-height: 290px;
            object-fit: contain;
			height: 100%;
		}
		
	}
	&.active{
		 .fqspg__2{
			left:calc(50% - 130px);	
			 @media (max-width:1024px){
				left:calc(50% - 200px);
			}
		}
		 .fqspg__3{
			left:calc(100% - 260px);
			  @media (max-width:1024px){
				left:calc(100% - 360px);
			}
		}
		.fqspg__4{
			left:calc(100% - 30px);
			 @media (max-width:1024px){
				left:calc(100% - 160px);
			}
		}
	}
}
.fqpgst_box{
	background: #2E3070;
	margin: 0;
    padding: 0;
}
.fqpg_outer{
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.10);
	padding:35px;
	border: 1px solid #ffffff50;
	position:relative;
	@media (max-width:680px){
		padding:15px;
		border-radius: 20px;
	}
}
.fqpg_listing{
	padding-top:120px;
	@media (max-width:680px){
		padding-top:120px;
	}
}
.fqpg_nav{
	text-align: center;
	position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	top:-26px;
	
	ul{
		padding:0;
		margin:0;
		display:inline-flex; 
		justify-content:center;
		border: 1px solid #ffffff50;
		border-radius: 42.5px;
		background: rgba(255, 255, 255, 0.10);
		align-items: center;
		&:before{
			content:'';
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			background: #2E3070;
			border-radius: 42.5px;
            z-index: -1;
		}
		li{
			list-style:none;
			cursor:pointer;
			color: #FFF;
			font-family: Montserrat;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			padding:15px 20px;
			
			@media (max-width:1220px){
				padding:15px 10px;
			}
			@media (max-width:680px){
				font-size: 14px;
				padding:10px 10px;
			}
			&:first-child{
				padding-left:35px;
				@media (max-width:680px){
					padding-left:15px;
				}
			}
			&:last-child{
				padding-right:35px;
				@media (max-width:680px){
					padding-right:15px;
				}
			}
			&.active{
				font-weight: 700;
			}
		}
	}
}
.fqpg_item_heading{
	color: #FFF; 
	font-family: Montserrat;
	font-size: 70px;
	font-style: normal;
	font-weight: 900;
	line-height: 85%; /* 59.5px */
	text-transform: uppercase;
	margin:75px 0 35px;
	@media (max-width:768px){
		font-size: 52px;
		font-weight: 600;
	}
	@media (max-width:680px){
		font-size: 36px;
		margin:40px 0 25px;
	}
}
.fqpg_flx{
	display:flex;
	gap:40px;
	flex-wrap:wrap;
	.fqpg_item{
		width:calc(50% - 20px);
		@media (max-width:1024px){
			width:100%;
		}
	}
	.fqqt_item{
		border-radius: 8px;
		background: rgba(121, 121, 121, 0.19);
		position:relative;
		padding:15px 35px 15px 15px;
		margin-bottom:12px;
		transition-duration: .4s;
		cursor:pointer;
		border:1px solid transparent;
		&:before{
			content:'';
			position:absolute;
			background-color:#2E3070;
			width:18px;
			height:18px;
			border-radius:50%;
			right:13px;
			top:50%;
			-webkit-transform:translateY(-50%);
			-moz-transform:translateY(-50%);
			transform:translateY(-50%);
			opacity:0;
			transition-duration: .4s;
		}
		.fqqt_style{
			color: #FFF; 
			font-family: Lato;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
			transition-duration: .4s;
			opacity:.7;
			@media (max-width:680px){
				font-size: 16px;
			}
		}
		&.active{
			border-color: #E7EEEC;
			background: #FFF;
			&:before{
				opacity:1;
			}
			.fqqt_style{ 
				color: #000; 
				opacity:1;
			}
		}
	}	
}
.fqpg_question_inner {
	display:none;
	&.active{
		display:block;
	}
}
.fqpg_answer_inner {
	border-radius: 16px;
	border: 0.5px solid #FFF;
	background: rgba(0, 0, 0, 0.00);
	padding:25px;
	@media (max-width:680px){
		padding:15px;
	}
	    display:none;
		&.active{
			display:block;
		}
	.fqans_item{
		display:none;
		.fqans_point{
			position:relative;
			width:100%;
			height:50px;
			&:before{
				content:'';
				width:18px;
				height:18px;
				border-radius: 50%;
				background: #FFF; 
				left:0;
				top:0;
				position:absolute;
			}
		}
		&.active{
			display:block;
		}
		.fqans_style{
			ul{
				@media (max-width:680px){
					padding-left:15px;
				}
			}
			p{
				color: #FFF;
				font-family: Lato;
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 121.14%; /* 24.228px */
				margin-bottom:30px;
				@media (max-width:680px){
					font-size:16px;
				}
			}
			li{
				color: #FFF;
				font-family: Lato;
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 121.14%; /* 24.228px */
				margin-bottom:15px;
				@media (max-width:680px){
					font-size:16px;
				}
			}
		}
	}
}
/***************faq**********************/

/*******************course****************/
 
.curbn_inner{
	position:relative;
	.curbn_img{
		width:100%;
		position:absolute;
		height:100%;
		&:before{
			content:'';
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			background-image:url('images/vintage_course.png?var-02');
			background-size:cover;
			background-position:bottom center;
		}
		img{
			display:block;
			width:100%;
			height:100%;
			object-fit:cover;
		}
	}
	.curbn_detail{
		position:relative;
		width:100%;
		height:100%;
		padding:160px 0 40px;
		@media (max-width:768px){
			padding-top:100px;
		}
		 
		.curbn_heading{
			color: #FAFAFA;
			text-align: center;
			font-family: Helvetica;
			font-size: 86px;
			font-style: normal;
			font-weight: 700;
			line-height: 86.4%; /* 86.4% */
			text-transform: capitalize;
			margin:0;
			margin-bottom:10px;
			padding:0;
			@media (max-width:1220px){
				font-size: 72px;
			}
			@media (max-width:768px){
				font-size: 52px;
			}
			@media (max-width:680px){
				font-size: 42px;
			}
		}
		.curbn_txt{
			p{
				color: rgba(255, 255, 255, 0.70);
				text-align: center;
				font-family: Inter;
				font-size: 18px;
				font-style: normal;
				font-weight: 400;
				line-height: 27px; /* 135% */
				letter-spacing: 0.54px;
				margin:0;
				padding:0;
				@media (max-width:768px){
					font-size: 16px;
				}
			}
		}
	}
}
.curbn_form{
	margin-top:25px;
	.wpcf7-form{
		display:flex;
		gap:15px;
		justify-content:center;
		flex-wrap:wrap;
		.crsfm_input{
			border-radius: 9px;
			border: 1px solid rgba(255, 255, 255, 0.10);
			background: #232139;
			box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
			max-width:260px;
			color: #999;
			font-family: Inter;
			font-size: 16.172px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			padding: 12px 16px;
			outline:none !important;
			@media (max-width:520px){
				max-width:100%;
				width:100%;
			}
		}
		[type="submit"]{
			border-radius: 9px;
			background: #2E3070 !important;
			
			padding: 10.2px 30px;
			color: #FAFAFA;
			text-align: center;
			font-family: Inter;
			font-size: 16.875px;
			font-style: normal;
			font-weight: 600;
			line-height: 25.2px; /* 149.333% */
			letter-spacing: 0.36px;
			text-transform: capitalize;
			outline:none !important;
			border:none;
			@media (max-width:768px){
				width:100%;
			}
		}
	}
}
.curbn_truest{
	display:flex;
	gap:15px;
	justify-content:center;
	align-items: center;
	margin:25px 0;
	@media (max-width:520px){
		flex-wrap:wrap;
		text-align:center;
		margin:15px 0;
		.curbn_item{
			width:100%;
		}
	}
	.curbn_icon{
		img{
			width:160px;
			display:block;
			@media (max-width:520px){
				margin:0 auto;	
			}
		}
	}
	.curbn_trst_txt{
		color: #FFF;
		font-family: Inter;
		font-size: 14.319px;
		font-style: normal;
		font-weight: 600;
		line-height: 26.78px; /* 187.027% */
		letter-spacing: 0.315px;
	}
	.curbn_trst_txt_img{ 
		max-width:210px;
		@media (max-width:520px){
			margin:0 auto;
		}
		img{
			width:100%;
			display:block;
		}
	}
}
.curbn_banner{
	margin:0;
}
.crsstdcr_secton{
	background: #1B1C4C;
	margin:0;
}
.crsstdcr_flx{
	  display: flex; 
	  gap: 30px;  
	.crsstdcr_item{
		width:calc(33.33% - 20px);
		margin-bottom:30px;
		@media (max-width:768px){
			width:calc(50% - 15px);
		}
	}
	.crsstdcr_img{
		width:100%;
		img{
			width:100%;
			display:block;
		}
	}
}
.crsstdcr_box{
	position:relative;
	padding-bottom:30px;
	.crsstdcr_scroll{
		height:90vh;
		overflow:hidden;
		overflow-y:scroll;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		&::-webkit-scrollbar {
		  width: 0;
		}
	} 
}
.crsstdcr_top_fade{
	position:relative;
	&:before{
		content:'';
		top:0;
		width:100%;
		height:200px;
		position:absolute;
		left:0;
		background-image:url('images/top_course.png');
		background-size: contain;
		background-repeat: repeat;
		background-position: bottom center;
		z-index:1;
	}
}
.crsstdcr_bottom_fade{
	   position:relative;
		&:after{
		content:'';
		bottom:0;
		width:100%;
		height:200px;
		position:absolute;
		left:0;
		background-image:url('images/bottom_course.png');
		background-size: contain;
        background-repeat: repeat;
        background-position: top center;
		z-index:1;
	}
}
.crst_sectoin{
	padding-top:30px;
}
.crsstdcr_header{
	padding:30px 0;
	.crsstdcr_subtxt{
		color: #FFD9D9;
		text-align: center;
		font-family: Inter;
		font-size: 17.049px;
		font-style: normal;
		font-weight: 700;
		line-height: 19.839px; /* 116.364% */
		letter-spacing: 0.433px;
		text-transform: capitalize;
	}
	.crsstdcr_heading{
		color: #FAFAFA;
		text-align: center;
		font-family: Inter;
		font-size: 46.948px;
		font-style: normal;
		font-weight: 600;
		line-height:129.076%; /* 129.076% */
		text-transform: capitalize;
		padding:10px 0;
		@media (max-width:1024px){
			font-size: 36px;
		}
		@media (max-width:680px){
			font-size: 28px;
		}
	}
	.crsstdcr_txt{
		color: rgba(255, 255, 255, 0.70);
		text-align: center;
		font-family: Inter;
		font-size: 12.963px;
		font-style: normal;
		font-weight: 400;
		line-height: 21.642px; /* 166.957% */
		letter-spacing: 0.433px;
	}
}
.mpcs_flx{
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	padding:30px 0 90px;
	.mpcs_item{
		width:calc(50% - 15px);
		border-radius: 20.121px;
		border: 0.894px solid rgba(255, 255, 255, 0.20);
		background: rgba(255, 255, 255, 0.05);
		overflow: hidden;
		@media (max-width:680px){
			width:100%;
		}
		.mpcs_img{
			width:100%;
			img{
				width:100%;
				display:block;
			}
		}
	}	
}
.mpcs_detail{
	text-align:center;
	padding:30px 20px 35px;
	.mpcs_title{
		color: #FAFAFA;
		text-align: center;
		font-family: Inter;
		font-size: 22.542px;
		font-style: normal;
		font-weight: 700;
		line-height: 28.974px; /* 128.536% */
		letter-spacing: 0.483px;
		text-transform: capitalize;
		margin-bottom:15px;
		@media (max-width:520px){
			font-size: 20px;
		}
	}
	.mpcs_txt{
		color: rgba(255, 255, 255, 0.70);
		text-align: center;
		font-family: Inter;
		font-size: 14.588px;
		font-style: normal;
		font-weight: 400;
		line-height: 24.145px; /* 165.517% */
		letter-spacing: 0.483px;
		margin-bottom:15px;
	}
	.mpcs_btn{
		.mpcs_link{
			color: #FAFAFA;
			text-align: center;
			font-family: Inter;
			font-size: 14.588px;
			font-style: normal;
			font-weight: 600;
			line-height: 22.536px; /* 154.483% */
			letter-spacing: 0.322px;
			text-transform: capitalize;
			border-radius: 8.048px;
			background: #FA8511;
			padding:10px 30px;
			text-decoration:none;
			display:inline-block;
		}
	}
}
.mpcs_box, .nwcr_box {
    max-width: 1060px;
    margin: 0 auto;
}
.nwcr_flx{
	display:flex;
	align-items:center;
	border-radius: 20.121px;
	border: 0.894px solid rgba(255, 255, 255, 0.20);
	background: #232139;
	overflow:hidden;
	flex-wrap:wrap;
	.nwcr_item{
		width:50%;
		@media (max-width:768px){
			width:100%;
		}
	}
}
.nwcr_img_inner{
	width:100%;
	img{
		width:100%;
		display:block;
	}
}
.nwcr_detail_inner{
	padding:45px;
	@media (max-width:680px){
		padding:40px 25px;
	}
	.nwcr_heading{
		color: #FAFAFA;
		font-family: Inter;
		font-size: 45.838px;
		font-style: normal;
		font-weight: 700;
		line-height: 115.885%; /* 115.885% */
		text-transform: capitalize;
		margin-bottom:20px;
		@media (max-width:1024px){
			font-size: 32px;
		}
	}
	.nwcr_description{
		color: rgba(255, 255, 255, 0.70);
		font-family: Inter;
		font-size: 14.462px;
		font-style: normal;
		font-weight: 400;
		line-height: 24.145px; /* 166.957% */
		letter-spacing: 0.483px;
		margin-bottom:20px;
	}
	.nwcr_tag{
		margin-bottom:30px;
		.nwcr_labe{
			color: rgba(255, 255, 255, 0.70);
			font-family: Inter;
			font-size: 10.847px;
			font-style: normal;
			font-weight: 400;
			line-height: 16.902px; /* 155.826% */
			letter-spacing: 0.241px;
			margin-bottom:10px;
		}
		.nwcr_tag_flx{
			display:flex;
			gap:7px;
			flex-wrap:wrap;
			.nwcrtg_item{
				color: rgba(255, 255, 255, 0.70);
				font-family: Inter;
				font-size: 11.129px;
				font-style: normal;
				font-weight: 400;
				line-height: 16.902px; /* 151.864% */
				letter-spacing: 0.483px;
				border-radius: 80.484px;
				border: 0.894px solid rgba(255, 255, 255, 0.20);
				padding:3px 10px;				
			}
		} 
	}
	.nwcr_btn{
		.nwcr_link{
			display:inline-block;
			border-radius: 8.048px;
			background: #FA8511;

			color: #FAFAFA;
			text-align: center;
			font-family: Inter;
			font-size: 14.588px;
			font-style: normal;
			font-weight: 600;
			line-height: 22.536px; /* 154.483% */
			letter-spacing: 0.322px;
			text-transform: capitalize;
			text-decoration:none;
			padding: 10px 30px;
		}
	}	
}
.crrwsl_header{
	.crrwsl_heading{
		color: #FAFAFA;
		text-align: center;
		font-family: Inter;
		font-size: 50.507px;
		font-style: normal;
		font-weight: 600;
		line-height: 133.856%; /* 133.856% */
		text-transform: capitalize;
		@media (max-width:1024px){
			font-size: 42px;
		}
		@media (max-width:680px){
			font-size: 32px;
		}
	}
	.crrwsl_txt{
		max-width:690px;
		width:100%;
		margin:10px auto;
		p{
			color: rgba(255, 255, 255, 0.70);
			text-align: center;
			font-family: Inter;
			font-size: 14.336px;
			font-style: normal;
			font-weight: 400;
			line-height: 24.145px; /* 168.421% */
			letter-spacing: 0.483px;
		}
	}
}
.crrwsl_section{
	padding-top:190px;
	@media (max-width:768px){
		padding-top:90px;
	}
}
.crrwsl_slider{ 
	position:relative; 
	.crrwsl_item{
		padding:60px 0;
	}
	.crrwsl_item_inner{
		padding:25px;
		max-width:720px;
		margin:0 auto;
		width:100%;
		border-radius: 16.097px;
		border: 0.894px solid rgba(255, 255, 255, 0.20);
		background: #232139;
		box-shadow: 0 3.577px 75.119px 0 rgba(0, 0, 0, 0.50);
	}
	.slick-arrow{
		width:60px;
		height:60px;
		border-radius:50%;
		background-color:#fff !important; 
		z-index:2;
		@media (max-width:768px){
			width:40px;
			height:40px;
		}
		&:before{
			width:14px;
			height:14px;
			position:absolute;
			left:50%;
			top:50%;
			content:'';
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			background-position:center;
			background-repeat:no-repeat;
			background-size:contain;
		}
		&.slick-prev{
			&:before{
				background-image:url(images/slider_left.png);
			}
		}
		&.slick-next{
			&:before{
				background-image:url(images/slider_right.png);
			}
		}
	}
}
.crrwsl_flx{
	display:flex;
	gap:45px;
	align-items:center;
	flex-wrap:wrap;
	@media (max-width:768px){
		gap:20px;
	}
	.crrwsl_img{
		width:30%;
		@media (max-width:680px){
			width:100%;
			max-width:180px;
			margin:0 auto;
		}
	}
	.crrwsl_detail{
		width:calc(70% - 45px);
		@media (max-width:768px){
			width:calc(70% - 20px);
		}
		@media (max-width:680px){
			width:100%;
		}
		.crrwsldt_txt{
			margin-bottom:25px;
			p{
				color: #FAFAFA;
				font-family: Inter;
				font-size: 14.462px;
				font-style: normal;
				font-weight: 400;
				line-height: 166.957%; /* 166.957% */
				letter-spacing: 0.483px;
				@media (max-width:768px){
					font-size: 13px;
				}
			}
		}
		.crrwsldt_name{
			color: #FFF;
			font-family: Inter;
			font-size: 18.706px;
			font-style: normal;
			font-weight: 700;
			line-height: 163.496%; /* 163.496% */
			letter-spacing: 0.402px;
			@media (max-width:768px){
				font-size: 16px;
			}
		}
		.crrwsldt_web{
			color: #FFD9D9;
			font-family: Inter;
			font-size: 14.462px;
			font-style: normal;
			font-weight: 400;
			line-height: 166.957%; /* 166.957% */
			letter-spacing: 0.483px;
			@media (max-width:768px){
				font-size: 13px;
			}
		}
	}
}
.crrwsl_img_inner{
	width:100%;
	img{
		width:100%;
		display:block;
		border-radius: 16.097px;
		background: url(<path-to-image>) lightgray -10.76px 0px / 107.529% 100% no-repeat;
		box-shadow: 0 11.626px 50.079px 0 rgba(0, 0, 0, 0.60);
	}
}
.crrwsl_box{
	position:relative;
	margin-top:30px;
	&:before{
		background-image:url('images/Blur.png?var=01');
		background-size: contain;
		background-position: center center;
		content:'';
		left:0;
		width:100%;
		height:calc(100% - 220px);
		top:110px;
		position:absolute;
	}	
}
.shqcr_box{
	max-width:980px;
	margin:0 auto;
	padding:90px 0 0;
	.shqcr_inner{ 
		padding:60px 0;
		border-radius: 16.097px;
		border: 0.894px solid rgba(255, 255, 255, 0.20);
		background: rgba(255, 255, 255, 0.05);
		@media (max-width:680px){
			padding:35px 20px; 
		}
	}
	.shqcr_img{
		max-width:120px;
		margin:0 auto 20px;
		img{
			width:100%;
			display:block;
		}
	}
	.shqcr_inner{
		text-align:center;
		.shqcr_heading{
			color: #FAFAFA;
			text-align: center;
			font-family: Inter;
			font-size: 22.542px;
			font-style: normal;
			font-weight: 700;
			line-height: 128.536%; /* 128.536% */
			letter-spacing: 0.483px;
			text-transform: capitalize;
			@media (max-width:680px){
				font-size: 20px;
			}
		}
		.shqcr_txt{
			color: rgba(255, 255, 255, 0.70);
			text-align: center;
			font-family: Inter;
			font-size: 14.336px;
			font-style: normal;
			font-weight: 400;
			line-height: 24.145px; /* 168.421% */
			letter-spacing: 0.483px;
			max-width:520px;
			margin:20px auto 25px;
		}
		.shqcr_btn{
			text-align:center;
			.shqcr_link{
				display:inline-block;
				border-radius: 8.048px;
				background: #FA8511;
				color: #FFF;
				padding:10px 25px;
				text-align: center;
				font-family: Inter;
				font-size: 14.839px;
				font-style: normal;
				font-weight: 600;
				line-height: 22.536px; /* 151.864% */
				letter-spacing: 0.322px;
				text-transform: capitalize;
				text-decoration:none;
			}
		}
	}
}
/*******************course****************/

/*******************blogs****************/
.blog_header{
	padding-top: 100px;
	position:relative;
}
.bghd_box{
	margin-top:80px;
	max-width:680px;
	width:100%;
	.bghd_heading{
		color: #FFF;
		font-family: Poppins;
		font-size: 50px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 50px */
		margin-bottom:10px;
		@media (max-width:768px){
			font-size: 42px;
		}
	}
	.bghd_txt{
		p{
			color: rgba(255, 255, 255, 0.60);
			/*font-family: 'Helvetica Neue'; */
			font-size: 19px;
			font-style: normal;
			font-weight: 400;
			line-height: 140%; /* 28px */
			letter-spacing: 0.2px; 
			@media (max-width:768px){
				font-size: 17px;
			}
		}
	}
}

.nwpt_flx{
	display:flex;
	gap:30px;
	border-radius: 38.4px;
	border: 1.2px solid rgba(255, 255, 255, 0.24);
	background: rgba(0, 0, 0, 0.22);
	padding:20px;
	flex-wrap:wrap;
	.nwpt_item {
		width:calc(50% - 15px);
		@media (max-width:768px){
			width:100%;
		}
	}
	.nwpt_img_inner{
		width:100%;
		position:relative;
		.nwpt_img_url{
			width:100%;
			height:100%;
			position:absolute;
			left:0;
			top:0;
		}
		img{
			width:100%;
			display:block;
			border-radius:16px;
			aspect-ratio:1 / .58;
			object-fit:cover;
		}
	}
	.nwpt_detail_inner{
		padding:25px;
		@media (max-width:768px){
			padding:20px 0;
		}
		.nwpt_heading{
			color: #FFF;
			font-family: Poppins;
			font-size: 32px;
			font-style: normal;
			font-weight: 700;
			line-height: 100%; /* 32px */
			letter-spacing: 0.32px;
			margin-bottom:15px;
			a{
				text-decoration:none;
				font-family: Poppins;
				font-size: 32px;
				font-style: normal;
				font-weight: 700;
				line-height: 100%; /* 32px */
				letter-spacing: 0.32px;
				display:inline-block;
				@media (max-width:768px){
					font-size: 28px;
				}
			}
		}
		.nwpt_txt{
			color: rgba(255, 255, 255, 0.80);
			/*font-family: "Helvetica Neue"; */
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 140%; /* 25.2px */
			letter-spacing: 0.18px;
			@media (max-width:768px){
				font-size: 17px;
			}
		}
	}
}

.mwpt_flw{
	display:flex;
	justify-content:space-between;
	border-radius: 28.8px;
	border: 1.2px solid #FFF;
	padding:8px 20px;
	align-items:center;
	margin-top:15px;
	.flw_label{
		color: #FFF;
		font-family: Roboto;
		font-size: 14.4px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%; /* 17.28px */
		letter-spacing: 0.144px;
		text-transform: uppercase;
		@media (max-width:680px){
			font-size: 13px;
		}
	}
	.mwpt_ul{
		padding:0;
		margin:0;
		display:flex;
		gap:5px;
		li{
			list-style:none;
			img{
				width:22px;
				display:block;
			}
		}
	}
}
.ftdps_box{
	border-radius: 38.4px;
	border: 1.2px solid rgba(255, 255, 255, 0.28);
	background: rgba(255, 255, 255, 0.06);
	padding:35px 0 35px 35px;
	@media (max-width:768px){
		padding:30px 0 30px 20px;
		border-radius: 20.4px;
	}
	.ftdps_heading{
		color: #FFF;
		font-family: Montserrat;
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 48px */
		letter-spacing: 0.48px;
		text-transform: uppercase;
		@media (max-width:768px){
			font-size: 38px;
		}
		@media (max-width:680px){
			font-size: 32px;
		}
	}
}
.ftdps_flx{
	display:flex;
	.ftdps_item{		
		padding:0 10px;
	}
}
.ftdps_item_inner{
		border-radius:22.737px;
		border: 0.947px solid rgba(255, 255, 255, 0.16);
		background: rgba(255, 251, 242, 0.00);
		background: rgba(0, 0, 0, 0.22);
		overflow: hidden;
		height:100%;
	.ftdps_img{
		position:relative;
		img{
			width:100%;
			display:block;
			aspect-ratio:1 / .57;
			object-fit:cover;
		}
		.ftdps_url{
			width:100%;
			height:100%;
			left:0;
			top:0;
			position:absolute;
		}
	}
	.ftdps_detail{
		padding:15px;
		.ftdps_title{ 
			margin-bottom:10px;
			a{
				text-decoration:none; 
				color: #FFF;
				font-family: Montserrat;
				font-size: 22.737px;
				font-style: normal;
				font-weight: 700;
				line-height: 120%; /* 27.285px */
				letter-spacing: -0.227px;
				display:inline-block;
				@media (max-width:768px){
					font-size: 20px;
				}
			}
		}
		.ftdps_txt{
			color: #FFF;
			font-family: Roboto;
			font-size: 15.158px;
			font-style: normal;
			font-weight: 300;
			line-height: 140%; /* 21.222px */
			letter-spacing: 0.152px;
		}
	}
}
.ftdps_time_readmore{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:35px;
	@media (max-width:768px){
		flex-wrap:wrap;
	}
	.ftdps__time{
		color: #FFF;
		font-family: Roboto;
		font-size: 11.369px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%; /* 13.642px */
		letter-spacing: 0.114px;
		text-transform: uppercase;
	}
	.ftdps__link{
		border-radius: 22.737px;
		border: 0.947px solid #FFF !important;
		display:inline-block;
		color: #FFF;
		font-family: Roboto;
		font-size: 13.263px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%; /* 13.263px */
		text-transform: uppercase;
		padding:8px 15px;
		white-space: nowrap;
        text-decoration: none;
	}
}
body{
	&.category {
		.main-home_sec{
			background:#2E3070;
			box-shadow:unset;
		}
	}
}
.ftdps_header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-right:35px;
	margin-bottom:35px;
	@media (max-width:768px){
		padding-right:20px;
	}
	.ftdps_arrow{
		display: flex;
		gap:5px;
		.ftdps_arrow_icon{
			width:40px;
			height:40px;
			position:relative;
			cursor:pointer;
			display: block;
			@media (max-width:768px){
				width:30px;
				height:30px;
			}
			&:before{
				content:'';
				position:absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				background-image: url(images/Arrow.png);
				background-position:center;
				background-repeat:no-repeat;
				background-size: contain;
			}
			&.ftdps_prev{
				&:before{
					-webkit-transform: rotate(180deg);
					-moz-transform: rotate(180deg);
					transform: rotate(180deg);
				}
			}
			&.active{
				opacity:.24;
			}
		}
	}
}

.tps_header{
	text-align:center;
	.tps_heading{
		color: #FFF;
		text-align: center;
		font-family: Montserrat;
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 48px */
		letter-spacing: 0.48px;
		text-transform: uppercase;
		 margin-bottom:15px;
		@media (max-width:768px){
			font-size: 32px;
		}
	}
	.tps_txt{
		color: rgba(255, 255, 255, 0.80);
		text-align: center;
		font-family: Roboto;
		font-size: 19.2px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%; /* 26.88px */
		letter-spacing: 0.192px;
		@media (max-width:768px){
			font-size: 17px;
		}
	}
}
.tps_header_inner {
    margin: 0 auto;
    max-width: 660px;
}

.tps_tags{
	margin:50px 0 80px;
	.blog-tags{
		padding:0;
		margin:0;
		display:flex;
		gap:10px;
		flex-wrap:wrap;
		justify-content: center;
		li{
			list-style:none;
			a{
				color: rgba(255, 255, 255, 0.40);
				font-family: Roboto;
				font-size: 16.8px;
				font-style: normal;
				font-weight: 500;
				line-height: 100%; /* 16.8px */
				text-transform: uppercase;
				border-radius: 28.8px;
				border: 1.2px solid rgba(255, 255, 255, 0.40) !important;
				text-decoration:none;
				padding: 7px 17px; 
				@media (max-width:768px){
					padding: 5px 12px; 
					font-size: 14px;
				}
			}
			&.active{
				a{
					color: #000;  
					border-color: #FFF!important;
					background: #FFF;
				}
			}
		}
	}
}
.the_post_section,
.abtmtxt_section{
	@media (max-width:768px){
		margin:0;
		padding:0;
	}
}
.abtmtxt_section{
	@media (max-width:768px){
		padding-bottom:25px;
	}
}
.tpsfl_box{
	.tpsfl_flx{
		display:flex;
		gap:30px;
		margin-bottom:90px;
		@media (max-width:1024px){
			margin-bottom:50px;
		}
		@media (max-width:768px){
			flex-wrap:wrap;
		}
		.tpsfl_item{
			width:calc(40% - 15px);
			transition-duration: .5s;
			&:nth-child(2){
				width:calc(60% - 15px);
				@media (max-width:768px){
					width:100%;
				}
			}
			@media (max-width:768px){
				width:100%;
			}
		}
		&:nth-child(2n){
			.tpsfl_item{
				width:calc(60% - 15px); 
				&:nth-child(2){
					width:calc(40% - 15px);
					@media (max-width:768px){
						width:100%;
					}
				}
				@media (max-width:768px){
					width:100%;
				}
			}
		}
		&.active{ 
			.tpsfl_item{
				 width:calc(40% - 15px);
				&:hover{
					width:calc(60% - 15px); 
					@media (max-width:768px){
						width:100%;
					}
				}
				@media (max-width:768px){
					width:100%;
				}
			} 
		}
	}
}

.tpsfl_inner{
	.tpsfl_img{
		position:relative;
		width:100%;
		img{
			width:100%;
			display:block;
			aspect-ratio: 1 / .7;
		}
		.tpsfl_url{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;			
		}
	}
	.tpsfl_detail{
		.tpsfl_title{
			color: #EDEBE9;
			font-family: Helvetica;
			font-size: 19.912px;
			font-style: normal;
			font-weight: 700;
			line-height: 31.859px; /* 160% */
			margin-top:15px;
		}
		.tpsfl_txt{
			p{
				color: #EDEBE9;
				font-family: Helvetica;
				font-size: 15.929px;
				font-style: normal;
				font-weight: 400;
				line-height: normal;
			}
		}
	}
}

.ptct_header{
	text-align:center;
	.ptct_tag{
		display:flex;
		gap:10px;
		justify-content:center;
		margin-bottom:15px;
		.ptctt_item{
			a{
				color: var(--Light, #FFFBF2);
				font-family: Roboto;
				font-size: 16.8px;
				font-style: normal;
				font-weight: 500;
				line-height: 100%; /* 16.8px */
				text-transform: uppercase;
				text-decoration:none;
				border-radius: 18.826px;
				background: #FA8511;
				padding:10px 25px;
			}
		}
	}
	.ptct_title{
		color: #FFF;
		text-align: center;
		font-family: Montserrat;
		font-size: 94.129px;
		font-style: normal;
		font-weight: 800;
		line-height: 100%; /* 94.129px */
		letter-spacing: -0.941px; 
		 max-width: 720px;
        margin: 0 auto 25px;
		@media (max-width:1024px){
			font-size: 82px;
		}
		@media (max-width:768px){
			font-size: 52px;
		}
		@media (max-width:520px){
			font-size: 32px;
		}
	}
	.ptct_detail{
		color: #FFF;
		text-align: center;
		font-family: Roboto;
		font-size: 18.709px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 34.592px */
		letter-spacing: 0.247px;
		max-width: 720px;
        margin: 0 auto;
		@media (max-width:768px){
			font-size: 16px;
		}
	}
}

.post_aacouden{
	.abbmhd_style{
		opacity:.7;
		&.abbmhd_active{
			opacity:1;
		}
	}
}
.ptct_main{
	border-radius: 37.652px;
	border: 1.177px solid rgba(255, 255, 255, 0.61);
	background: rgba(0, 0, 0, 0.22);
	padding: 70.303px 40.064px;
	@media (max-width:768px){
			border-radius: 20px;
			padding: 50.303px 20.064px;
	}
}
.ptct_meta{
	display:flex;
	justify-content:space-around;
	margin:40px 0;
	flex-wrap:wrap;
	.ptctmt_item{
		display:flex;
		gap:10px;
		align-items: center;
        justify-content: center;
		.ptctmt_icon{
			img{
				width:28px;
				display: block;
			}
		}
		.ptctmt_txt{
			color: #FFF;
			font-family: Montserrat;
			font-size: 16.179px;
			font-style: normal;
			font-weight: 600;
			line-height: 100%; /* 21.179px */
			letter-spacing: 0.424px;
			text-transform: uppercase;
			@media (max-width:768px){
					font-size: 15px;
			}
		}
	}
}
.post-featured-image{
	width:100%;
	img{
		max-width: 100% !important;
		object-fit:cover;
		border-radius: 28.239px;
        display:block;
	}
}
.ptdt_description{
	padding:55px 0 35px 35px;
	@media (max-width:1024px){
		padding:35px 0; 
	}
	@media (max-width:768px){
		ul{
			padding:0;
			margin:0;
		}
	}
	p, li{
		color: #FFF;
		font-family: Roboto;
		font-size: 18.826px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%; /* 26.356px */
		letter-spacing: 0.188px;
		margin-bottom:25px;
		@media (max-width:768px){
			font-size: 16px;
		}
	}
	a{
		color: #FFF;
		font-family: Roboto;
		font-size: 18.826px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%; /* 26.356px */
		letter-spacing: 0.188px;
		@media (max-width:768px){
			font-size: 16px;
		}
	}
	h3{
		color: #FFF;
		font-family: Montserrat;
		font-size: 28.239px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%; /* 33.886px */
		letter-spacing: -0.282px;
		margin-bottom:25px;
		@media (max-width:768px){
			font-size: 22px;
		}
	}
	h6{
		color: #FA8511;
		font-family: Montserrat;
		font-size: 21.179px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%; /* 21.179px */
		letter-spacing: 0.424px;
		text-transform: uppercase;
		margin-bottom:15px;
		margin-top:15px;
		@media (max-width:768px){
			font-size: 17px;
		}
	}
	h2{
		color: #FFF;
		font-family: Montserrat;
		font-size: 47.064px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 47.064px */
		letter-spacing: 0.471px;
		text-transform: uppercase;
		margin-bottom:25px;
		@media (max-width:768px){
			font-size: 35px;
		}
		@media (max-width:680px){
			font-size: 28px;
		}
	}
	hr{
		border-color:#fff;
		width: 100% !important;
        max-width: 100% !important;
        margin: 45px 0;
	}
}

.ptdt_social{
	max-width:490px;
	margin-left:35px;
	@media (max-width:680px){
		margin:0;
	}
}

.paut_flx{
	display:flex;
	gap:30px;
	margin-top:90px;
	margin-bottom:60px;
	flex-wrap:wrap;
	.paut_img{
		width:140px;
		img{
			width:100%;
			display:block;
		}
	}
	.paut_detail{
		width:calc(100% - 170px);
		@media (max-width:680px){
			width:100%;
		}
		.paut_title{
			color: #FFF;
			font-family: Roboto;
			font-size: 18.826px;
			font-style: normal;
			font-weight: 500;
			line-height: 120%; /* 22.591px */
			letter-spacing: 0.188px;
			margin-bottom:10px;
		}
		.paut_txt{
			color: #FFF;
			font-family: Roboto;
			font-size: 16.826px;
			font-style: normal;
			font-weight: 300;
			line-height: 130%; /* 26.356px */
			letter-spacing: 0.188px;
		}
		.paut_btn{
			display:inline-block;
			
			color: #FFF;
			font-family: Roboto;
			font-size: 16.473px;
			font-style: normal;
			font-weight: 500;
			line-height: 100%; /* 16.473px */
			text-transform: uppercase;
			border-radius: 28.239px;
			border: 1.177px solid #FFF !important;
			padding:10px 25px;
			text-decoration:none;
			margin-top:15px;
			text-align:center;
			@media (max-width:680px){
				font-size: 15px;
			}
		}
	}
}
.ftdps_post{
	@media (max-width:768px){
		margin:0;
	}
}
/*******************blogs****************/

.third_sec_video {
    width: 360px;
    position: absolute;
    z-index: 1;
	top:-120px;
	padding:0 !important;
    right: 0;
	@media (max-width:680px){
		position:unset;
		margin:0 auto;
	}
	video{
		width:100%;
		display:block;
	}
}

.ihm_flx{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	@media (max-width:768px){
		gap:60px;
	}
	.ihm_txt{
		width:25%;
		@media (max-width:1024px){
			width:32%;
		}
		@media (max-width:768px){
			width:100%;
		}
	}
	.ihm_img{
		width: 50%;
		@media (max-width:1024px){
			width:65%;
		}
		@media (max-width:768px){
			width:100%;
		}
	}
}
.ihm_img_flx{
	display:flex;
	flex-wrap:wrap;
	gap:60px;
	padding-right:40px;
	@media (max-width:1024px){
		padding-right:0;
	}
	.ihm__item{
		width:calc(50% - 30px); 
		@media (max-width:680px){
			width:100%;
		}
		h2{
			color: #EEEEF2;
			font-family: Poppins;
			font-size: 52.434px;
			font-style: normal;
			font-weight: 800;
			line-height: 119.89%; /* 119.89% */
			text-transform: uppercase;
			margin-bottom:20px;
			@media (max-width:1220px){
				font-size: 46px;
			}
			@media (max-width:1024px){
				font-size: 36px;
			}
			@media (max-width:680px){
				font-size: 28px;
			}
		}
	}
	.ihm__item_inner{
		width:100%;
		img{
			display:block;
			width:100%;
			aspect-ratio:1 / 1.4;
			object-fit:cover;
			border-radius:12px;
		}
	}
}
.ihm_txt_inner{
	h2{
		color: #FFF;
		font-family: Poppins;
		font-size: 42px;
		font-style: normal;
		font-weight: 600;
		line-height: 136%; /* 136% */
		margin-bottom:25px;
		@media (max-width:1220px){
			font-size: 36px;
		}
		@media (max-width:680px){
			font-size: 28px;
		}
	}
	.ihm_detail{
		color: #FFF;
		/* font-family: "Helvetica Neue"; */
		font-size: 22px;
		font-style: normal;
		font-weight: 400;
		line-height: 103.988%; /* 103.988% */
		@media (max-width:768px){
			font-size: 16px;
		}
	}
}
.fifth_sec_clients{
	margin-bottom:0;
}
.our_client_center_left{
	opacity:0;
	transition-duration:.6s;
	transition-delay:.3s;
	&.active{
		opacity:1;
	}
}
.scrl_dote_title{
	position:relative;
	a{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:block;
	}
}

.header_section{
	position:fixed;
	width:100%;
	left:0;
	top:15px;
	z-index:99;
	.sub-menu-toggle{
		display:none !important;
	}
}
.wshd_flx{
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.wshd_logo_inner{
	width:70px;
	@media (max-width:768px){
		width:50px;
	}
	@media (max-width:520px){
		width:40px;
	}
	img{
		width:100%;
		display:block;
	}
}
.wshd__contact_inner{
	    transition: all .3s linear;
	      text-align: center;
	@media (max-width:768px){
		display:none;
	}
	img{
		width: 51px;
   		 transition: all .3s linear;
		&:hover{
			    transform: scale(1.3);
		}
	}
 	span {
		display: block;
		width: max-content;
		font-size: 15px;
		margin-top: 10px;
		transition: all .3s linear;
	}
}

.wshd_nav_inner{
	border-radius: 100px; 
	position:relative;
	padding:5px; 
	@media (max-width:768px){
		position:fixed;
		top:0;
		right:-100%;
		width:420px;
		max-width:100%;
		height: 100vh;
        overflow-y: scroll;
		border-radius: 0; 
		transition-duration:.4s;
		border: 1px solid rgba(255, 255, 255, 0.46);
        background: rgba(0, 0, 0, 0.24);
        box-shadow: -17.5px 4.487px 109.5px 10.096px rgba(0, 0, 0, 0.23) inset;
        backdrop-filter: blur(12px);
		&.active{
			right:0; 
		}
	}
	&:before{
		width:100%;
		height:100%;
		content:'';
		left:0;
		top:0;
		border-radius: 100px;
		position:absolute;
		border: 1px solid rgba(255, 255, 255, 0.46);
		background: rgba(0, 0, 0, 0.24); 
	    box-shadow: -17.5px 4.487px 109.5px 10.096px rgba(0, 0, 0, 0.23) inset;
		backdrop-filter: blur(12px);
		@media (max-width:768px){
			border-radius: 0;
			display:none;
		}
	}
	
	.primary-menu-container{
		margin:0;
		
		.menu-item{
			background-color:transparent !important;
			@media (max-width:768px){ 
				width:100%;
				flex-wrap: wrap;
				.sub-menu-toggle{
					display:inline-block !important
				}
				.sub-menu{
					position:unset;
					border:none;
					padding-left:10px;
					&:before, &:after{
						display:none;
					}
					.menu-image{
						display:none !important;
					}
				}
			}
			
		}
		@media (min-width:769px){ 
			.drop_menu > .sub-menu{ 
				border: none;
				flex-wrap:wrap;
				gap:10px;	
				padding:20px;
				min-width:unset;
				/*
				min-width: 860px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				transform: translateX(-50%);
				padding-top:30px;
				*/
				
				&:before{
					content:'';
					position:absolute;
					left:0;
					top:10px; 
					border-radius: 5px;
					border: 1px solid rgba(255, 255, 255, 0.43);
					background: rgba(0, 0, 0, 0.24);
					box-shadow: -17.5px 4.487px 109.5px 10.096px rgba(0, 0, 0, 0.23) inset;
					width:100%;
					backdrop-filter: blur(12px);
					height:100%;
				}
				li{
					a{
						padding: 10px 0 !important;
					}
				}
				
			}
			.drop_menu > .sub-menu > li{
				width:calc(33.33% - 7px);
				position:relative;
				.sub-menu{
					padding:0;
					margin:0;
					li{
						a{
							font-size: 14px !important; 
							opacity:.6; 
							padding: 6px 0 !important;							
						} 
					}
				}
			}
		
			.mega_menu > .sub-menu > li{
				width:calc(33.33% - 7px);
			}
			.mega_menu > .sub-menu{
				min-width: 860px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				transform: translateX(-50%);
				padding-top:40px;
				.menu-item{
					position:relative; 
				}
				img{
					width: 100px !important;
					position: absolute;
					height: 140px !important; 
					object-fit: cover;
					border-radius: 10px;
					border: 1px solid #fff;
					left: 0;
					top: 0;
					padding: 0;
				}
				.sub-menu{
					padding-left:120px !important;
				}
				.menu-image-title{
					padding-left:120px;
					display: block;
				}
			}
			
			.menu-item-has-children {
				position:unset; 
				&.drop_menu{
					&:hover > .sub-menu{ 
						display:flex;
					}
				}
				.sub-menu{
					width:100%;
				}
				&:hover{
					.sub-menu{
						display:block;
						 &:after{
							display:none;
						}
					}	
				}			
			}
			
		}
		.drop_menu > a{
			border:1px solid transparent !important;
			border-radius:50px;
			&:hover{
				border-color: rgba(255, 255, 255, 0.46)!important; 
			}
		}
		
		
	}
	.menu-item{
		a{
			color: #FFF;
			font-family: Helvetica;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			text-decoration:none !important;
			padding: 14px 30px !important;
		}
	}	
}
.clients-main-new-sec_top_card{
	position:relative;
	.clients_url{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
	}
}
section.connect_us{
	padding-bottom:100px;
}

.spt_inner{
	position:relative;
	.spt_img{
		width:100%;
		img{
			width:100%;
			display:block;
			max-height:100vh;
			object-fit:cover;
			object-position:center top;
			min-height:50vw;
		}
	}
	.spt_detail{
		position:absolute;
		left:50%;
		top:50%;
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		@media (max-width:768px){
			   background: #2B2D6A;
			   position:unset;
				-webkit-transform:unset;
				-moz-transform:unset;
				transform:unset;
				width:100%;
				padding:35px 0 0;
		}
	}
}
.spt_heading{
	text-align:center;
	color: #EEEEF2;
	font-family: Poppins;
	font-size: 100px;
	font-style: normal;
	font-weight: 700;
	line-height: 87%; /* 87% */
	text-transform: uppercase;
	@media (max-width:1024px){
		font-size: 80px;
	}
	@media (max-width:768px){
		font-size: 52px;
	}
	span{
		color: #FA8511;
		font-weight: 700;
		font-family: Poppins;
		display: block;
	}
}
.spt_banner{
	margin:0;
	padding:0;
}
.spttxt_section{
	 background: #2B2D6A;
	 margin:0;
	 padding:80px 0;
}   
.spttxt_flx{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:100px;
	align-items:center;
	@media (max-width:1024px){
		gap:30px;
	}
	.spttxt_right{
		width:380px;
	}
	.spttxt_left{
		width:calc(100% - 480px);
	}
	.spttxt_item{
		@media (max-width:1024px){
			width:100%;
		}
	}
}
.spttxt_heading {
	color: #FFF;
	font-family: Poppins;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 70%; /* 70% */
	text-transform: uppercase;
	margin-bottom:25px;
	@media (max-width:1024px){
		font-size: 26px;
		line-height: 110%;
	}
}
.spttxtlt_style{
	color: #FFF; 
	font-size: 18px;
	font-style: normal;
	font-weight: 100;
	line-height: 27.5px; /* 125% */
	letter-spacing: 1.54px;
	text-transform: capitalize;
}
.spttxtrg_style{
	color: #EEEEF2;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 22.5px; /* 125% */
	text-transform: lowercase;
}

.support_section{
	background: #2B2D6A;
	margin:0;
	padding:80px 0;
}

.sgspbn_img{
	width:100%;
	position:relative;
	&:before{
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-color:#000;
		opacity:.6;
	}
	img{
		width:100% !important;
		display:block;
		object-fit:cover;
		max-width:100% !important;
		height:100vh!important;
	}
}
.sgspbn_inner{
	position:relative;
	.sgspbn_detail{
		position:absolute;
		left:0;
		width:100%;
		top:50%;
		transform:translatey(-50%);
	}
	.sgspbn_heading{
		color: #FFF;
		text-align: left;
		-webkit-text-stroke-width: 1.1px;
		-webkit-text-stroke-color: #FFF;
		font-family: Poppins;
		font-size: 93.301px;
		font-style: normal;
		font-weight: 600;
		line-height:  91.674%; /* 91.674% */
		letter-spacing: -1.866px;
		text-transform: uppercase;
		@media (max-width:1220px){
			font-size: 73.301px;
		}
		@media (max-width:768px){
			font-size: 52px;
		}
		@media (max-width:520px){
			font-size: 32px;
		}
		span{
			color: #FA8511;
			font-family: Poppins;
			font-weight: 600;
			-webkit-text-stroke-color: #FA8511;
			 display: block;
		}
		.sgspbn_iocn{
			display:inline-block;
			width:75px;
			margin-left:30px;
			@media (max-width:768px){
				width:45px;
			}
			@media (max-width:520px){
				width:25px;
				margin-left:20px;
			}
			img{
				width:100%;
				display:block;
			}
		}
	}
	.sgspbn_subheading{
		color: #FFF;
		text-align: right;
		-webkit-text-stroke-width: 1.08px;
		-webkit-text-stroke-color: #FFF;
		font-family: Poppins;
		font-size: 91.701px;
		font-style: normal;
		font-weight: 600;
		line-height: 91.674%; /* 91.674% */
		letter-spacing: -1.834px;
		text-transform: uppercase;
		margin-top:25px;
		@media (max-width:1220px){
			font-size: 70px;
		}
		@media (max-width:768px){
			font-size: 50px;
		}
		@media (max-width:520px){
			font-size: 30px;
		}
		span{
			color: #FA8511;
			font-weight: 600;
			font-family: Poppins;
			-webkit-text-stroke-color: #FA8511;
		}
	} 
}
.sgspbn_banner{
	margin:0;
}
.sgspct_section{
	margin:0;
	background: #2B2D6A;
    margin: 0;
    padding: 80px 0;
}
.sgspct_style{
	p, li, span, a{
		color: #FFF; 
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height:  142.857%; /* 142.857% */
		letter-spacing: 1.96px;
		text-transform: capitalize;
		@media (min-width:1720px){
			font-size: 28px;
		}
		@media (max-width:768px){
			font-size: 20px;
		}
	}
	p{
		margin-bottom:15px;
	}
}

.sgspct_liststle{
	padding:35px 0;
	.sgspcts_item{ 
		.sgspct_flx{
			display:flex;
			flex-wrap:wrap;
			align-items:center;
			margin-top:50px;
			gap:50px;
			
			.sgspct_item{
				width:calc(100% - 300px);
				@media (max-width:768px){
					width:100%;
				}
			}
			.sgspct_txt{				
				color: #FFF;
				font-family: Poppins;
				font-size: 28px;
				font-style: normal;
				font-weight: 700;
				line-height: normal;
				text-transform: uppercase;
				@media (max-width:768px){
					font-size: 22px;
				}
			}
			.sgspct_btn{
				width:250px;
				.sgspct_href{
					border-radius: 5px;
					display:inline-block;
					text-align:center;
					width:100%;
					padding:10px;
					border: 1px solid #FFF !important;
					color: #FFF; 
					font-size: 24px;
					font-style: normal;
					font-weight: 400;
					line-height: 142.857%; /* 142.857% */
					letter-spacing: 1.96px;
					text-transform: uppercase;
					text-decoration:none;
					@media (max-width:768px){
						font-size: 18px;
					}
				}
			}
		}
	}
}

@media (max-width:520px){
	.cfinpt_box{ 
		width:100%	
	}
}

.wshd__mbnavmenu{
	width:35px;
	cursor:pointer;
	padding:6px;
	@media (min-width:769px){
		display:none;
	}
	img{
		display:block;
		width:100%;
	}
}
.wshd_nav_close{
	width: 35px;
    margin-left: auto;
    margin-right: 20px;
    cursor: pointer;
    padding: 7px;
    margin-top: 10px;
	img{
		width:100%;
		display:block;
	}
	@media (min-width:769px){
		display:none;
	}
}

@media (max-width: 680px) {
    section.awards h4 span, section.awards h3, section.awards h4, section.awards h2 span {
        font-size: 62px;
    }
	.heading_dream_main-sec .first_section_g_img,
	.heading_dream_main-sec .heading_dream_proj{
        max-width: 100%;
		width:100%;
	}
	.heading_dream_main-sec{
		        flex-direction: column;
	}
}

.sgsv_faq {
    padding-bottom: 100px;
}
.sgsv_accouding{
		border-radius: 8px;
        background: rgba(121, 121, 121, 0.19);
        position: relative;
        padding: 15px 35px 15px 15px;
        margin-bottom: 12px;
        transition-duration: .4s;
        cursor: pointer;
        border: 1px solid transparent;
	.sgsv_question{
		position:relative;
		
		.sgsv_style{
			color: #FFF;
            font-family: Lato;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            transition-duration: .4s;
            opacity: .7;
		}
	}
	.sgsv_answer{
		 padding: 10px 0;
		 display:none;
		  p, li, a, span {
			  color: #FFF;
			  font-family: Lato;
			  font-size:18px;
			  font-style: normal;
			  font-weight: 400;
			  line-height: 121.14%; 
		}
	}
}

.arch_flx{
	display:flex;
	flex-wrap:wrap;
	gap:50px;
	margin-bottom:70px;
	.arch_item{
		position:relative;
		width:calc(33.33% - 34px);
		@media (max-width:1024px){
			width:calc(50% - 25px);
		}
		@media (max-width:680px){
			width:100%;
		}
		.arch_href{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			display:block;
		}
	}
}
.arch-description{
	margin:30px 0 70px;
	p{
		color: #FFF; 
		font-size: 45px;
		font-style: normal;
		font-weight: 400;
		line-height: 177.778%; /* 177.778% */
		letter-spacing: 3.15px;
		text-transform: uppercase;
		@media (max-width:1024px){
			font-size: 32px;
		}
		@media (max-width:680px){
			font-size: 26px;
		}
	}
}
.arch_img{
	width:100%;
	img{
		width:100%;
		height:100%;
		border-radius:30px;
		object-fit:cover;
		aspect-ratio:.93 / 1;
	}
}
.arch_info{
	.post_title{
		color: #FFF;
		font-family: Poppins;
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 425% */
		text-transform: uppercase;
		margin:25px 0;
		@media (max-width:768px){
			font-size: 26px;
		}
	}
	.post_excerpt{
		p{
			color: #FFF; 
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			text-transform: capitalize;
			@media (max-width:768px){
				font-size: 16px;
			}
		}
	}
}
.sdthbl_img{
	max-width:100%;
	margin-top:60px;
	@media (max-width:680px){
			margin-bottom:60px;
	}
}

.dflt_section{
	position:relative; 
	background: #2E3070;
	.dfltbg_section{
		position:absolute;
		width:100%;
		left:0;
		top:0;
		height:120vh;
		.dfltbg_img{
			width:100%;
			height:100%;
		}
		img{
			width:100%;
			height:100%;
			object-fit:cover;
			display:block;
		}
		&:before{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			background-image: url(images/cover.png);
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: cover;
		}
	}
}

.dfltbg_box{
	border-radius: 40px;
	position:relative;
	padding:45px;
	background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(10px);
	@media (max-width:768px){
		padding:25px;
	}
}
.dfltbg_inner{
	p{
		color: #FFF; 
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 145.294%; /* 145.294% */
		letter-spacing: 1.61px;
		margin-bottom:25px;
		@media (min-width:1720px){
			font-size: 23px;
		}
	}
}
.dfltbg_content{
	padding:120px 0 100px;
	position:relative;
	.dfltbg_txt{
		text-align:center;
		color: #FFF;
		text-align: center;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 167.088%; /* 167.088% */
		letter-spacing: 1.4px;
		margin-bottom:20px;
		@media (min-width:1720px){
			font-size: 20px;
		}
	}
}