/*!
Theme Name: Academy Integrative Homeopathy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: academy-integrative-homeopathy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Academy Integrative Homeopathy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! 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;
	-webkit-text-size-adjust: 100%;
}
html, body {
	overflow-x:hidden;
}

/* 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;
	height: 0;
	overflow: visible;
}

/**
 * 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, monospace;
	font-size: 1em;
}

/* 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;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * 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, monospace;
	font-size: 1em;
}

/**
 * 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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * 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;
	padding: 0;
}

/**
 * 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;
	outline-offset: -2px;
}

/**
 * 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;
	font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p:not(:last-child) {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #3b817f;
    border: 0;
    border-radius: 10px;
    padding: 16px 20px;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="range"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::placeholder,
textarea::placeholder {
	color: #3b817f;
}

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="range"]: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,
textarea:focus {
	color: #3b817f;
	outline: none;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	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. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* --- Custom CSS --- */
@font-face {
    font-family: "The Something Script";
    src: url('assets/fonts/TheSomething-Script.woff2') format('woff2'),
        url('assets/fonts/TheSomething-Script.woff') format('woff'),
        url('assets/fonts/TheSomething-Script.ttf') format('truetype'),
		url('assets/fonts/TheSomething-Script.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "The Something Sans";
    src: url('assets/fonts/TheSomethingSans-Regular.woff2') format('woff2'),
        url('assets/fonts/TheSomethingSans-Regular.woff') format('woff'),
        url('assets/fonts/TheSomethingSans-Regular.ttf') format('truetype'),
		url('assets/fonts/TheSomethingSans-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--primary: #0abab5;
	--secondry: #215063;
	--text: #131313;
	--light-text: #454545;
	--heading: #215063;
	--primary-light: #a2e5e3;
	--primary-gray: #e0eeed;
	--white: #FFFFFF;
	--black: #000000;
	--transparent: #00000000;
	--box-shadow: (0 0 12px rgba(55,55,55,0.31));

	--font-something-script: "The Something Script";
	--font-something-sans: "The Something Sans";
	--font-primary: "Montserrat", sans-serif;;

	--line-height-1-6: 1.6;

	--border-btn: 3px solid var(--secondry);
	--font-btn: 16px;
	--padding-btn: 14px 20px;

	--fw-300: 300;
	--fw-400: 400;
	--fw-500: 500;
	--fw-600: 600;
	--fw-700: 700;
	--fw-bolder: bolder;
	--fw-lighter: lighter;
	
	--heading180: 180px;
	--heading90H1: 90px;
	--heading120: 120px;
	--heading48: 48px;
	--heading36: 36px;
	--heading32: 32px;
	--heading29: 29px;
	--heading27: 27px;
	--heading26: 26px;
	--heading24: 24px;
	--heading22: 22px;
	--heading20: 20px;
	--text28: 28px;
	--text26: 26px;
	--text24: 24px;
	--text22: 22px;
	--text21: 21px;
	--text18: 18px;
	--text16: 16px;
	
	--gap-0: 0;
    --gap-1: 15px;
    --gap-2: 20px;
    --gap-3: 30px;
    --gap-4: 45px;
    --gap-5: 80px;

}

/* --- Typography --- */
* {
	box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
	font-size: var(--text18);
	line-height: var(--line-height-1-6);
	font-weight: 400;
	font-family: var(--font-primary);
	color: var(--text);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1;
	margin: 0px 0 22px 0;
	width: 100%;
	position: relative;
	font-weight: 400;
	color: var(--heading);
}
.section-title {
	font-size: var(--heading120);
}
h1 {
	font-size: var(--heading180);
	font-family: var(--font-something-script);
	letter-spacing: -4px;
	line-height: 1;
}
h2 {
	font-size: var(--heading48);
}
h3 {
	font-size: var(--heading32);
}
h4 {
	font-size: var(--heading26);
}
h5 {
	font-size: var(--heading24);
}
h6 {
	font-size: var(--heading22);
}
p {
	margin: 0 0 25px 0;
	font-size: var(--text18);
	line-height: var(--line-height-1-6);
}
p:last-child {
	margin: 0 !important;
}
blockquote {
	margin: 0 0 30px 0;
	padding: 30px;
	background-color: var(--primary-light);
	border-left: 8px solid var(--black);
}
a {
	transition: 0.5s;
	text-decoration: none;
	display: inline-block;
	color: var(--primary);
}
a:visited {
	color: var(--primary);
}
a:hover,
a:focus,
a:active {
	color: var(--text);
}
.section-title,
.font-something-script {font-family: var(--font-something-script);}
.font-something-sans {font-family: var(--font-something-sans);}
.heading48 {font-size: var(--heading48);}
.heading36 {font-size: var(--heading36);}
.heading32 {font-size: var(--heading32);}
.heading29 {font-size: var(--heading29);}
.heading27 {font-size: var(--heading27);}
.heading26 {font-size: var(--heading26);}
.heading24 {font-size: var(--heading24);}
.heading22 {font-size: var(--heading22);}
.heading20 {font-size: var(--heading20);}
.text28 {font-size: var(--text28);}
.text26 {font-size: var(--text26);}
.text24 {font-size: var(--text24);}
.text22 {font-size: var(--text22);}
.text21 {font-size: var(--text21);}
.text16 {font-size: var(--text16);}
body .sub-heading {font-size: var(--text24);font-weight: var(--fw-600);color: var(--secondry);}
/* --- # Typography --- */
/* --- Buttons --- */
.solid-btn {padding: var(--padding-btn);font-size: var(--font-btn);font-weight: var(--fw-500);color: var(--white) !important;background-color: var(--secondry);border: var(--border-btn);text-align: center;line-height: 1.2;border-radius: 10px;cursor: pointer;min-width: 170px;}
.solid-btn:hover {background-color: var(--transparent);color: var(--secondry) !important;border-color: var(--secondry);}

.outline-btn {padding: var(--padding-btn);font-size: var(--font-btn);font-weight: var(--fw-500);color: var(--secondry) !important;background-color: var(--transparent);border: var(--border-btn);text-align: center;line-height: 1.2;border-radius: 10px;cursor: pointer;min-width: 170px;}
.outline-btn:hover {background-color: var(--secondry);color: var(--white) !important;border-color: var(--secondry);}
/* --- # Buttons --- */

/* --- Grid Common Style --- */
.d-grid {
	display: grid;
}
.grid-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}
.grid-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}
.grid-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}
.grid-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}
.grid-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}
.grid-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}
.grid-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}


/* --- Flex Common Style --- */
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}
.justify-evenly {
  justify-content: space-evenly !important;
}
.align-start {
  align-items: flex-start !important;
}
.align-end {
  align-items: flex-end !important;
}
.align-center {
  align-items: center !important;
}
.align-baseline {
  align-items: baseline !important;
}
.align-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
/* General gap */
.gap-0 { gap: var(--gap-0) !important; }
.gap-1 { gap: var(--gap-1) !important; }
.gap-2 { gap: var(--gap-2) !important; }
.gap-3 { gap: var(--gap-3) !important; }
.gap-4 { gap: var(--gap-4) !important; }
.gap-5 { gap: var(--gap-5) !important; }

/* Row gap */
.row-gap-1 { row-gap: var(--gap-1) !important; }
.row-gap-2 { row-gap: var(--gap-2) !important; }
.row-gap-3 { row-gap: var(--gap-3) !important; }
.row-gap-4 { row-gap: var(--gap-4) !important; }
.row-gap-5 { row-gap: var(--gap-5) !important; }

/* Column gap */
.column-gap-1 { column-gap: var(--gap-1) !important; }
.column-gap-2 { column-gap: var(--gap-2) !important; }
.column-gap-3 { column-gap: var(--gap-3) !important; }
.column-gap-4 { column-gap: var(--gap-4) !important; }
.column-gap-5 { column-gap: var(--gap-5) !important; }
/* --- Flex Common Style --- */
/* --- Common classes --- */
.clearfix::before,
.clearfix::after {
	visibility: hidden;
	display: table;
	content: " ";
	clear: both;
}
.line {
	display: block;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.fw-normal {
	font-weight: var(--fw-400);
}
.fw-medium {
	font-weight: var(--fw-500);
}
.fw-semibold {
	font-weight: var(--fw-600);
}
.fw-bold {
	font-weight: var(--fw-700);
}
.fw-bolder {
	font-weight: var(--fw-bolder);
}
.fw-lighter {
	font-weight: var(--fw-lighter);
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}

.ptb-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.padding-0 {
	padding: 0 !important;
}
.mtb-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.ml-auto {
	margin-left: auto !important;
}
.mr-auto {
	margin-right: auto !important;
}
.margin-0 {
	margin: 0 !important;
}
.pt-60 {
	padding-top: 60px !important;
}
.pb-60 {
	padding-bottom: 60px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
body .section-padding {
	padding: 100px 0;
}
.d-none {
	display: none !important;
}
/* --- # Common classes --- */
/* --- Container Wrapper --- */
.wrapper {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
.large-wrapper {
	max-width: 1760px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
/* --- # Container Wrapper --- */
/* --- Gravity Form --- */
.gform_wrapper ::-webkit-input-placeholder {
    color: #4e4e4e;
	opacity: 1;
}
.gform_wrapper :-moz-placeholder {
    color: #4e4e4e;
	opacity: 1;
}
.gform_wrapper ::-moz-placeholder {
    color: #4e4e4e;
	opacity: 1;
}
.gform_wrapper :-ms-input-placeholder {
	color: #4e4e4e;
	opacity: 1;
}
body .gform_wrapper form .gform_body .gform_fields .gfield input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body .gform_wrapper.gravity-theme select,
body .gform_wrapper.gravity-theme textarea {padding: 15px 18px;line-height: 1.2;outline: none;border-radius: 5px;font-weight: normal;font-size: 16px;background-color: #fff;border: 1px solid #eee;}
body select,
body .gform_wrapper.gravity-theme select {background-image: url(assets/images/select-field-icon.svg);background-repeat: no-repeat;background-position: center right 15px;background-size: 12px;appearance:none;-webkit-appearance: none;}

body .gform_wrapper.gravity-theme form .gform_footer {padding: 0;margin: 20px 0 0;}
body .gform_wrapper.gravity-theme form .gform_footer .gform_button {color: #FFFFFF;border-width: 0px;border-radius: 5px;font-size: var(--font-btn);text-transform: uppercase;background: var(--secondry);padding: var(--padding-btn);font-weight: var(--fw-500);box-shadow: none;outline: none;cursor: pointer;line-height: 1.2 !important;margin: 0;min-width: 260px;}
body .gform_wrapper.gravity-theme form .gform_footer .gform_button:hover {background: var(--black);}

body .gform_wrapper.gravity-theme .gfield_validation_message, 
body .gform_wrapper.gravity-theme .validation_message {padding: 9px 7px 6px !important;line-height: 1.2 !important;font-size: 14px;border-radius: 5px;}
body .gform_wrapper.gravity-theme .gform_validation_errors {padding: 7px;}
body .gform_wrapper.gravity-theme .gform_validation_errors > h2.hide_summary {padding-bottom: 0;font-size: 14px;text-align: center;font-family: var(--font-primary);color: #c02b0a !important;}
body .gform_wrapper.gravity-theme .gform_validation_errors .hide_summary .gform-icon {display: none;}

body .gform_confirmation_wrapper .gform_confirmation_message {background-color: green;color: white;padding: 10px;border-radius: 3px;line-height: 1.2;text-align: center;font-size: 14px;}
/* --- # Gravity Form --- */

/* --- Image --- */
img {max-width: 100%;display: block;}
.image-wrap {position: relative;}
.image-wrap > img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
/* --- # Image --- */

body.home {padding-top: var(--headerHeight);}
body:not(.home) .site-header:not(.sticky) {background: transparent;}
body:not(.home) .site-header.sticky {background: var(--primary);}
/* --- Slick Slider --- */
body .slick-dots {bottom: 0;padding-top: 25px;padding-left: 0;position: relative;list-style-type: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0;}
body .slick-arrow svg {width: 100%;height: 100%;}
body .slick-dots li {margin: 0 12px;}
body .slick-dots li button {font-size: 0;line-height: 0;width: 12px;height: 12px;cursor: pointer;color: transparent;background-color: var(--primary);border-radius: 50%;border: 0;}
body .slick-active button {background-color: var(--primary-light) !important;}
body .slick-dots li button::before,
body .slick-dots li::before {display: none;}
body .slick-dotted.slick-slider {margin-bottom: 0;}
body .slick-arrow {padding: 0;background-color: transparent;border-radius: 50%;cursor: pointer;display: inline-block;opacity: 1;transition: 0.5s;border: 0 !important;font-size: 0;}
body button.slick-arrow {position: absolute;left: -60px;top: 50%;}
body button.custom-next {left: unset;right: -60px;}
body .slick-arrow:hover i {color: var(--secondry) !important;}
body .slick-arrow path {transition: 0.5s;}
body .slick-arrow:hover path {fill: var(--white);}
body .slick-arrow circle,
body path {transition: 0.5s;}
body .slick-arrow::before {all: unset;}
body .slick-arrow i {font-size: 45px;color: var(--primary);}

/* --- Site Header --- */
.site-header {padding: 20px 0;position: relative;
background: #0ABAB5;background: linear-gradient(90deg, rgba(10, 186, 181, 1) 0%, rgba(10, 186, 181, 1) 62%, rgba(255, 255, 255, 1) 0%);
position: fixed;top: 0;width: 100%;z-index: 999;transition: all 0.3s;}
.site-header.hidden  {top: -162px;}
.site-header .site-branding {max-width: 120px;margin-right: 80px;}
.site-header .site-branding a {display: block;}
.site-header .site-branding .site-title {display: none;}

body .main-navigation {width: auto;}
body .main-navigation .menu {display: flex;flex-wrap: wrap;flex-direction: row;column-gap: 60px;row-gap: 20px;}
body .main-navigation .menu .menu-item a {font-size: 20px;line-height: 1.2;color: #454545;font-weight: 500;}
body .main-navigation .menu > .menu-item > a {padding: 10px 0;}
body .main-navigation .menu-toggle {padding: 0;background: none;border: 0;cursor: pointer;}
body .main-navigation .menu-toggle .text {visibility: visible;opacity: 0;text-indent: 100%;position: absolute;}
body .main-navigation .menu-toggle .icon {width: 30px;height: 22px;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;}
body .main-navigation .menu-toggle .icon span {height: 4px;width: 100%;background: #333;border-radius: 2px;transition: all 0.4s ease;}
body:not(.home) .main-navigation .menu-toggle .icon span {background: var(--white);}
body .main-navigation .menu-toggle[aria-expanded="true"] .icon span:nth-child(1) {transform: translateY(9px) rotate(45deg);}
body .main-navigation .menu-toggle[aria-expanded="true"] .icon span:nth-child(2) {opacity: 0;}
body .main-navigation .menu-toggle[aria-expanded="true"] .icon span:nth-child(3) {transform: translateY(-9px) rotate(-45deg);}
body .main-navigation .menu-item.menu-item-has-children > a {position: relative;padding-right: 30px !important;}
body .main-navigation .menu-item.menu-item-has-children a > .submenu-arrow {position: absolute;right: 0px;top: 50%;transform: translateY(-45%);font-size: 0.8em;pointer-events: none;}
body .main-navigation .menu-item.menu-item-has-children:hover > a > .submenu-arrow,
body .main-navigation .menu-item.menu-item-has-children.focus > a > .submenu-arrow {transform: translateY(-50%) rotate(180deg);}
body .main-navigation .sub-menu .menu-item.menu-item-has-children a > .submenu-arrow {right: 15px;}
body .main-navigation .sub-menu .menu-item.menu-item-has-children > a {padding-right: 36px !important;}
body .main-navigation .menu > .menu-item > a:hover, body .main-navigation .menu > .menu-item.current-menu-item > a, body .main-navigation .menu > .menu-item.current_page_ancestor > a {color: var(--primary-gray);}
body .header-btn {margin-left: auto;}
body:not(.home) .outline-btn:not(:hover) {color: var(--white) !important;border-color: var(--white) !important;}
/* --- #Site Header --- */


/* --- Footer css --- */
.footer-top {background: var(--primary-gray);padding: 50px 0px;}
.footer-logo-col .footer-logo {max-width: 130px;}
.footer-desc {margin-top: 20px;}
.footer-desc * {font-size: 16px;color: var(--heading);font-family: var(--font-primary);font-weight: var(--fw-400);}
.social-links-wrap {margin-top: 30px;}
.social-links-wrap .social-media-link {color: var(--heading);font-size: 22px;}
.social-links-wrap .social-media-link:hover {color: var(--primary);}
.footer-logo-col {max-width: 390px;margin: 0 auto;}
.footer-title {font-weight: var(--fw-600);text-transform: uppercase;}
.footer-navigation ul.menu {margin: 0;padding: 0;list-style-type: none;}
.footer-navigation ul.menu li {margin-bottom: 7px;}
.footer-navigation ul.menu li:last-child {margin-bottom: 0;}
.footer-contact-col .footer-contact-text {margin-bottom: 15px;}
.footer-contact-col .footer-contact-text:last-child {margin-bottom: 0;}
.footer-navigation ul.menu li a, .footer-contact-col .footer-contact-text {color: var(--heading);font-weight: var(--fw-400);font-size: 16px;line-height: 1.5em;}
.footer-contact-col .footer-contact-text i {margin-top: 5px;}
.footer-contact-col .footer-contact-text i.fa-location-dot {font-size: 22px;}
.footer-navigation ul.menu li.current-menu-item a, .footer-navigation ul.menu li a:hover {font-weight: var(--fw-500);}
.footer-contact-col a.footer-contact-text:hover {color: var(--primary);}
.footer-links-col {max-width: 280px;margin: 0 auto;width: 100%;}
.footer-top-col.footer-links-col, .footer-top-col.footer-contact-col {padding-top: 40px;}
.footer-contact-col a[href^="mailto:"] {word-break: break-all;}
.footer-bottom {background: var(--primary);padding: 10px 0;}
.footer-copywrite-text * {font-size: 15px;line-height: 1.5em;font-family: var(--font-primary);font-weight: var(--fw-300);color: #193f4e;}
.footer-copywrite-text a:not(:hover) {color: var(--white);}
.newsletter-section-main {background: var(--primary);padding: 80px 0 100px;}
.newsletter-section-main .section-title {color: var(--white);}
.newsletter-section-main .newsletter-subtitle {color: var(--secondry);}
.newsletter-form {padding-top: 30px;}
.newsletter-form form {display: flex;align-items: center;justify-content: center;gap: 10px;}
.newsletter-form form input[type="text"], input[type="email"] {min-width: 260px;}
.newsletter-form .newsletter-submit-btn {padding: var(--padding-btn);font-size: var(--font-btn);font-weight: var(--fw-500);color: var(--white) !important;background-color: var(--secondry);border: var(--border-btn);text-align: center;line-height: 1.2;border-radius: 10px;cursor: pointer;min-width: 180px;}
.newsletter-form .newsletter-submit-btn:hover {background-color: var(--transparent);color: var(--secondry) !important;border-color: var(--secondry);}

/* --- #Footer css --- */


/* --- Page css --- */
.hero-section-main {background: linear-gradient(90deg, rgba(10, 186, 181, 1) 0%, rgba(10, 186, 181, 1) 62%, rgba(255, 255, 255, 1) 0%);padding: 20px 0 100px;}
.hero-right {padding-right: 30px;}
.hero-left .hero-content {color: var(--secondry);font-family: var(--font-primary);font-weight: var(--fw-300);margin-top: 20px;}
.hero-button-wrp {margin-top: 60px;}
.academy-logo-wrp, .hero-content {max-width: 360px;margin: 0 auto;}
.hero-course {background: var(--primary-gray);border-radius: 25px;overflow: hidden;box-shadow: 0 0 12px rgba(55, 55, 55, 0.31);}
.hero-course-bottom {max-width: 450px;margin: 0 auto;text-align: center;padding: 20px;}
.course-image-wrp {padding-top: 50px;background: var(--secondry);}
.founder-section-main {background: var(--primary);padding: 100px 0;}
.founder-section-main .section-title {color: var(--white);}
.founder-section-main .founder-subtitle {color: var(--secondry);}
.founder-left img {border-radius: 25px;box-shadow: 0 0 12px rgba(55, 55, 55, 0.31);max-height: 820px;}
.founder-right {max-width: 700px;}
body .section-title {letter-spacing: 2px;line-height: 1em;margin-bottom: 0;}
.founder-right .founder-subtitle {font-weight: var(--fw-500);}
.founder-right .founder-content {margin-top: 30px;}
.founder-content * {color: var(--white);font-size: 16px;}
.course-text {color: var(--text);font-family: var(--font-primary);font-weight: var(--fw-400);}
.course-button.button {color: var(--heading);font-weight: var(--fw-700);font-style: italic;margin-top: 20px;gap: 10px;}
.course-button.button:hover {color: var(--primary);}
.courses-grid-main {padding: 80px 0;}
.courses-grid-inner .courses-grid-subtitle,
.courses-slider-inner .courses-slider-subtitle {max-width: 600px;margin: 0 auto;}
.courses-grid-row {margin-top: 50px;}
.courses-grid-right {width: 720px;max-width: 100%;}
.right-course-card {margin-bottom: 40px;}
.right-course-card:last-child {margin-bottom: 0;}
.right-course-card .right-thumb {line-height: 0;}
.right-course-card .right-thumb {line-height: 0;min-width: 300px;max-width: 300px;/*height: 200px;*/}
.right-course-card .right-thumb > a {display: block;}
.right-course-card .right-thumb img.right-thumb-img {/*height: 100%;*/object-fit: cover;width: 100%;border-radius: 20px;}
.courses-grid-row .courses-title a {color: var(--heading);}
.courses-grid-row .courses-title {margin-bottom: 10px;font-weight: var(--fw-500);}
/* .right-content {padding-top: 15px;} */
.courses-grid-row .courses-desc {color: var(--heading);font-weight: var(--fw-400);margin-bottom: 12px;}
.left-course-card .left-image {line-height: 0;height: 100%;}
.left-course-card .left-image a {display: block;}
.left-course-card .left-image img.left-thumb-img {width: 100%;/*height: 680px;object-fit: cover;*/border-radius: 20px;box-shadow: 0 0 12px rgba(55, 55, 55, 0.31);}
.left-course-card {position: relative;}
.left-course-card .left-content {padding: 40px;background: #ffffffc2;position: absolute;bottom: 0;left: 0;border-radius: 10px 10px 20px 20px;}
.courses-slider-main {padding: 80px 0;}
.courses-slider-inner .slick-track {display: flex !important;}
.courses-slider-row-inner .slick-dots {padding-top: 50px;}
.courses-slider-row .courses-slider-card {padding: 0 20px;display: flex !important;height: auto !important;}
.courses-slider-row .slick-list {margin-left: -30px;margin-right: -30px;}
.courses-slider-card-inner {margin: 10px;display: flex;flex-direction: column;}
.courses-slider-row-inner .courses-slider-content {background-color: var(--primary-gray);border-radius: 15px;padding: 20px 40px;padding-top: 150px;box-shadow: 0 0 12px rgba(55,55,55,0.31);min-height: 356px;flex-grow: 1;}
.courses-slider-row-inner .courses-slider-thumb {line-height: 0;max-width: 250px;min-width: 250px;margin: 0 auto;text-align: center;margin-bottom: -120px;position: relative;}
.courses-slider-row-inner img.courses-slider-img {height: 350px;object-fit: cover;box-shadow: 0 0 12px rgba(55, 55, 55, 0.31);}
.courses-slider-content .courses-slider-title {margin-bottom: 25px;}
.courses-slider-content .courses-slider-title a {color: var(--heading);}
.courses-slider-content .courses-slider-desc {color: var(--heading);font-weight: var(--fw-500);}
.testimonial-slider-main {padding: 70px 0 100px;}
.testimonial-slider-row {max-width: 750px;margin: 0 auto;}
.testimonial-slider-row button.slick-arrow {transform: translateY(-50px);}
.testimonial-slider-row .slick-arrow i {font-size: 32px;color: var(--primary);}
.testimonial-content .testimonial-slider-desc {font-style: italic;font-weight: var(--fw-300);}
.testimonial-content .testimonial-slider-desc p {font-size: inherit;}
.testimonial-content .testimonial-title {color: #3b817f;margin-bottom: 0;margin-top: 15px;}
.testimonial-content {margin-top: 40px;}
.testimonial-quote {font-size: 100px;color: var(--primary);font-weight: var(--fw-400);line-height: 0.5em;position: absolute;top: 20px;}
/* --- #Page css --- */

/* --- courses-listing-grid ---*/
.courses-listing-grid .large-wrapper {display: flex;flex-wrap: wrap;gap: 30px;}
.courses-listing-grid .course-card {background: #ffffff;border-radius: 25px;overflow: hidden;box-shadow: 0 0 12px rgba(55,55,55,0.31);display: flex;flex-direction: column;width: calc((100% - 90px) / 4);}
/* .courses-listing-grid .course-image img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} */
.courses-listing-grid .course-content {padding: 25px 38px;}
.courses-listing-grid .course-content .title {margin: 0 0 10px;font-weight: 500;}
.courses-listing-grid .course-content .description {margin: 0 0 15px;color: var(--secondry);}
/* .courses-listing-grid .course-image {padding-top: 60%;position: relative;overflow: hidden;} */
.courses-listing-grid .course-content h3 a {color: inherit;}
.courses-listing-grid .course-content h3 a:hover {color: var(--primary);}
/* --- #courses-listing-grid ---*/

.inner-page-hero {min-height: 500px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: relative;z-index: 1;color: var(--white);text-align: center;background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: var(--headerHeight) !important;}
.inner-page-hero::before {content: "";background-color: var(--primary);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.9;z-index: -1;}
body .noOverlay::before {opacity: 0;}
.inner-page-hero .inner-hero-title {color: var(--white);margin-bottom: 6px;}
.inner-page-hero .inner-hero-subtitle {max-width: 460px;margin: 0 auto;line-height: var(--line-height-1-6);}
body .headingFontInherit h1{font-family: inherit;font-size: var(--heading90H1);}

/* --- About page --- */
.two-columns-section .left-column, .two-columns-section .right-column {width: calc(50% - (var(--gap-5) / 2));}
.two-columns-section .right-column img {border-radius: 10px;max-height: 835px;width: 100%;object-fit: cover;}
.two-columns-section .content {margin-top: 30px;}
.two-columns-section .center-image {max-width: 400px;margin-top: 20px;}

.faqs-section .content a {font-weight: var(--fw-600);color: var(--text);text-decoration: underline;}
.faqs-list {max-width: 980px;margin: 0 auto;}
.faqs-list .faq-question {background-color: var(--secondry);border-radius: 3px;color: var(--white);display: flex;gap: 20px;flex-direction: row-reverse;justify-content: space-between;padding: 30px;font-size: var(--heading20);font-weight: var(--fw-600);line-height: 1.2;}
.faqs-list .faq-item:not(:last-child) {margin-bottom: 3px;}
.faqs-list .faq-answer {padding: 30px;background-color: var(--primary-gray);}

section[style="background-color:#0abab5;"] .section-title,
section[style="background-color:#0abab5;"] .section-title2,
section[style="background-color:#0abab5;"] .content {color: var(--white);}

.top-row {max-width: 885px;margin: 0 auto;}
.section-title2::after {content: "";width: 228px;height: 2px;background-color: var(--white);display: block;margin: 20px auto 0px;}
.heading-image-content-section .left-column {width: calc(40% - (var(--gap-5) / 2));}
.heading-image-content-section .right-column {width: calc(60% - (var(--gap-5) / 2));}
.heading-image-content-section .left-column img {box-shadow: 0 0 12px rgba(55,55,55,0.51);border-radius: 10px;}

.ul2col ul {margin-left: 20px;padding-left: 0;column-count: 2;column-gap: 2rem;-webkit-column-count: 2;-webkit-column-gap: 2rem;-moz-column-count: 2;-moz-column-gap: 2rem;}
.ul2col ul li {break-inside: avoid;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;margin-bottom:8px;}

body .Ulstyle1 ul {list-style: none;margin-left:0;padding-left:0;}
body .Ulstyle1 ul li {position: relative;padding-left: 22px;}
body .Ulstyle1 ul li::before {content: "";position: absolute;left: 0;top: 10px;width: 10px;height: 10px;border-radius: 5px;background-color: #215063;}
/* --- #About page --- */

/* --- Responsive --- */
@media (min-width: 1024px) {
	/* --- Site Header --- */
	body .main-navigation .menu .menu-item .sub-menu {flex-direction: column;}
	body .main-navigation .menu .sub-menu .menu-item:hover .sub-menu {left: 100%;}
	body .main-navigation .menu .menu-item .sub-menu a {padding: 15px 18px;width: 260px;background-color: var(--secondry);color: var(--white);}
	body .main-navigation .menu .menu-item .sub-menu a:hover,
	body .main-navigation .menu .menu-item .sub-menu .current_page_item a {background-color: var(--primary-light);color: var(--text);}
	body .main-navigation .menu .menu-item .sub-menu .menu-item:not(:last-child) a {border-bottom: 1px solid rgba(255,255,255,0.15);}

	body:not(.home) .main-navigation .menu .menu-item a {color: var(--white);}
	body:not(.home) .main-navigation .menu > .menu-item > a:hover,
	body:not(.home) .main-navigation .menu > .menu-item.current-menu-item > a,
	body:not(.home) .main-navigation .menu > .menu-item.current_page_ancestor > a {color: var(--text);}
	/* --- #Site Header --- */	
	
	.two-columns-section .center-image {left: 100%;position: relative;transform: translateX(-50%);margin-left: 40px;}
	.large-wrapper.flex-row-reverse .center-image {right: 100%;left: 0;margin-right: 40px;margin-left: 0;}
	/* --- #About page --- */


}
/* Extra large screens (1440px - 1759px) */
@media (max-width: 1800px) {
	:root {
		--padding-btn: 16px 20px;
		--font-btn: 15px;
		--heading90H1: 80px;
	
		--gap-4: 30px;
	    --gap-5: 50px;
	}
/* 	.solid-btn,
	.outline-btn {min-width: 230px;} */

	/* --- Site Header --- */
	.site-header {padding: 20px 0;}
	/* --- #Site Header --- */

	.inner-page-hero {min-height: 480px;}
	
  
}
/* Large laptops (1280px - 1439px) */
@media (max-width: 1439px) {
	:root {
		--padding-btn: 14px 20px;
		--border-btn: 2px solid var(--secondry);

		--heading180: 160px;
		--heading90H1: 75px;
		--heading120: 110px;
		--heading48: 46px;
		--heading36: 32px;
		--text28: 26px;
		--text26: 24px;
		--text24: 22px;
		
	    --gap-5: 40px;
		
	}
	body .section-padding {padding: 80px 0;}
	.solid-btn,
	.outline-btn {min-width: 200px;min-width: 150px;}
	
	
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
		padding: 14px 20px;
	}

	/* --- Site Header --- */
	.site-header .site-branding {max-width: 130px;margin-right: 30px;}
	body .main-navigation .menu {column-gap: 50px;}
	body .main-navigation .menu .menu-item a {font-size: 20px;}
	/* --- #Site Header --- */
	
	/* --- Page css --- */
	.hero-right {
		padding-right: 0;
	}
	.hero-right .hero-course {
		max-width: 680px;
	}
	/* --- #Page css --- */

	.courses-listing-grid .large-wrapper {gap: 30px;}
	.courses-listing-grid .course-card {width: calc((100% - 60px) / 3);}
	.courses-listing-grid .course-content {padding: 20px 25px;}

	.inner-page-hero {min-height: 400px;}
	
	.faqs-list .faq-question,
	.faqs-list .faq-answer {padding: 20px;}

	
}
/* Small laptops and tablets (1024px - 1279px) */
@media (max-width: 1279px) {
	:root {
		--padding-btn: 13px 20px;
		--font-btn: 14px;
		
		--heading180: 150px;
		--heading90H1: 60px;
		--heading120: 100px;
		--heading48: 42px;
		--heading36: 32px;
		--heading32: 30px;
		--heading29: 28px;
		--heading27: 26px;
		--heading26: 25px;
		--heading24: 23px;
		--text28: 24px;
		--text26: 22px;
		--text24: 20px;
		--text22: 20px;
		--text21: 19px;
		--text18: 16px;
		
		--gap-5: 30px;

	}
	
	.solid-btn,
	.outline-btn {min-width: 140px;}

	.wrapper,
	.large-wrapper {padding: 0 20px;}
	
	.pt-60 {
		padding-top: 40px !important;
	}
	.pb-60 {
		padding-bottom: 40px !important;
	}
	.pt-50 {
		padding-top: 30px !important;
	}
	.pb-50 {
		padding-bottom: 30px !important;
	}

	body .Ulstyle1 ul li::before {top: 8px;width: 9px;height: 9px;}
	
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
		padding: 13px 20px;
	}

	/* --- Site Header --- */
	.site-header .site-branding {max-width: 120px;margin-right: 20px;}
	body .main-navigation .menu {column-gap: 40px;}
	body .main-navigation .menu .menu-item a {font-size: 18px;}
	/* --- #Site Header --- */
	
	/* --- Page css --- */
	.hero-right .hero-course {    max-width: 500px;}
	.founder-section-inner {
		gap: 40px !important;
	}
	.right-course-card .right-thumb {
		min-width: 260px;
		max-width: 260px;
	}
	.right-course-card {
		gap: 20px !important;
	}
	.courses-grid-right {
		width: 620px;
		max-width: 100%;
	}
	/* --- #Page css --- */
  
	.inner-page-hero {min-height: 300px;}
}
/* Small laptops and tablets (1024px - 1199px) */
@media (max-width: 1199px) {
	body .section-padding {padding: 60px 0;}
	.founder-left img {
		max-height: unset;
	}
	.courses-grid-right {
		width: 550px;
	} 
	.right-content {
		padding-top: 0;
	}
	.footer-links-col {
		max-width: 170px;
	}
	.courses-listing-grid .large-wrapper {gap: 20px;}
	.courses-listing-grid .course-card {width: calc((100% - 40px) / 3);}
	.inner-page-hero {min-height: 260px;}
	.left-course-card .left-content {padding: 20px;}
	
}
/* Tablets (768px - 1023px) */
@media (max-width: 1023px) {
	:root{
		--heading180: 120px;
		--heading90H1: 55px;
		--heading120: 90px;
		--heading48: 40px;
		--heading36: 30px;
		--heading32: 28px;
		--heading29: 26px;
		--heading27: 24px;
		--heading26: 23px;
		--heading24: 21px;
		--heading22: 20px;
		--heading20: 19px;
		--text28: 22px;
		--text26: 20px;
		--text24: 19px;
		--text22: 19px;
		--text21: 18px;

	}
	
	.solid-btn,
	.outline-btn {min-width: 130px;}

	/* --- Site Header --- */
	.site-header .site-branding {max-width: 110px;margin-right: 0;}
	body .main-navigation {order: 1;}
	body .main-navigation .menu-toggle {display: block;}
	body .main-navigation .menu-toggle[aria-expanded="false"] + .menu-primary-menu-container {display: none;}

	body .main-navigation .menu-primary-menu-container {position: absolute;left: 0;top: 100%;width: 100%;background-color: var(--primary-gray);z-index: 9;box-shadow: 0 0 12px rgba(55, 55, 55, 0.31);}
	body .main-navigation .menu {display: flex;flex-direction: column;gap: 0;}
	body .main-navigation .menu .menu-item a {padding: 14px 18px;font-size: 16px;}
	body .main-navigation .menu .menu-item a:hover,
	body .main-navigation .menu .menu-item.current_page_item a {background-color: var(--secondry);color: var(--white);}
	body .main-navigation .menu .menu-item:not(:last-child) a {border-bottom: 1px solid rgba(255,255,255,0.15);}
	body .main-navigation .menu .menu-item.focus > .sub-menu {opacity: 1;height: auto;}
	body .main-navigation .menu .menu-item .sub-menu {position: static;float: none;box-shadow: none;opacity: 0;height: 0;}
	body .main-navigation .menu .menu-item .sub-menu a {width: 100%;padding-left: 25px;}
	body .main-navigation .menu .menu-item .sub-menu .sub-menu a {padding-left: 35px;}
	body .main-navigation .menu .menu-item .sub-menu .sub-menu .sub-menu a {padding-left: 45px;}
	body .main-navigation .menu-item.menu-item-has-children a > .submenu-arrow {right: 15px;font-size: 16px;}
	.site-header {
		background: var(--primary);
	}
	/* --- #Site Header --- */
	
	/* --- Footer --- */
	.footer-top-row {
		grid-template-columns: repeat(2, 1fr);
	}
	.footer-logo-col {
		grid-column: 1 / -1;
		max-width: 550px;
	}
	/* --- Footer --- */
	
	/* --- Page css --- */
	.hero-section-inner {    flex-direction: column;    justify-content: flex-start !important;
		gap: 35px !important;}
	.hero-section-main {
		background: var(--primary);
		padding: 50px 0 80px;
	}
	.hero-button-wrp {
		margin-top: 40px;
	}
	.hero-right .hero-course {    max-width: 600px;}
	.testimonial-slider-main {
		padding: 60px 0 80px;
	}
	.founder-section-main {
		padding: 80px 0;
	}
	.founder-right {
		max-width: 500px;
	}
	.newsletter-section-main, .courses-slider-main {
		padding: 70px 0;
	}
	.courses-grid-main {
		padding: 50px 0;
		padding-bottom: 20px;
	}
	.courses-grid-row {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 30px;
	}
	.right-course-card {
		margin-bottom: 30px;
	}
	.courses-slider-row .slick-list {
		margin-left: -20px;
		margin-right: -20px;
	}
	.courses-slider-row .courses-slider-card {
		padding: 0 10px;
	}
	.courses-slider-row-inner .slick-dots {
		padding-top: 20px;
	}
	.courses-grid-right {    width: 100%;}
	.footer-links-col {    max-width: 280px;}
	/* --- #Page css --- */

	.inner-page-hero {min-height: 200px;}
	
	.left-course-card {display: flex;gap: 20px;}
	.left-course-card .left-image {min-width: 260px;max-width: 260px;}
	.left-course-card .left-content {position: static;padding: 0;background: transparent;border-radius: 0;}
	.left-course-card .left-image img.left-thumb-img,
	.right-course-card .right-thumb img.right-thumb-img {/*height: 100%;*/object-fit: unset;width: auto;max-width: 100%;box-shadow: none;}
  
	.two-columns-section > .d-flex {flex-direction: column-reverse !important;}
	.two-columns-section .left-column,
	.two-columns-section .right-column {width: 100%;}
	.two-columns-section .center-image {max-width: 350px;margin: 20px auto 0;}
	.two-columns-section .right-column img {max-height: unset;}
	.two-columns-section .content {margin-top: 20px;}

	.heading-image-content-section > .d-flex {flex-direction: column !important;}
	.heading-image-content-section .left-column,
	.heading-image-content-section .right-column {width: 100%;}
}

/* Tablets landscape (768px - 991px) */
@media (max-width: 991px) {
	.founder-section-inner {flex-direction: column;}
	.founder-right {max-width: 100%;}
	
	/* --- Page css --- */
	.footer-top-col.footer-links-col, .footer-top-col.footer-contact-col {padding-top: 0;}	
	/* --- #Page css --- */
	
	.courses-listing-grid .course-card {width: calc((100% - 20px) / 2);}
	.courses-listing-grid .course-content {padding: 20px;}
	

}


/* Mobile landscape (576px - 767px) */
@media (max-width: 767px) {
	:root{
		--heading180: 110px;
		--heading90H1: 45px;
		--heading120: 80px;
		--heading48: 36px;
		--heading36: 28px;
		--heading32: 26px;
		--heading29: 24px;
		--heading27: 22px;
		--heading26: 21px;
		--heading24: 20px;
		--heading22: 19px;
		--heading20: 18px;
		--text28: 20px;
		--text26: 18px;
		--text24: 18px;
		--text22: 18px;
		--text21: 18px;
		--text18: 16px;

	}	
	body .section-padding {padding: 50px 0;}
	h1 br, h2 br, h3 br {display: none;}
	/* --- Site Header --- */
	.site-header .site-branding {max-width: 100px;}
	/* --- #Site Header --- */
	
	/* --- Footer --- */
	.footer-top-row {    grid-template-columns: repeat(1, 1fr);}
	.social-links-wrap {
		justify-content: flex-start !important;
	}
	.footer-top-col {
		text-align: left;
		width: 100%;
		max-width: 100%;
	}
	.social-links-wrap {
		margin-top: 20px;
		gap: 20px !important;
	}
	.footer-title {
		margin-bottom: 15px;
	}
	.footer-copywrite-text * {
		font-size: 13px;
	}
	.footer-desc {
		margin-top: 15px;
	}
	.newsletter-form form {
		flex-direction: column;
	}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {    padding: 13px 20px;    font-size: 14px;}
	/* --- #Footer --- */
	
	/* --- Page --- */
	.hero-section-main {    padding: 50px 0 60px;}
	
	.course-button.button {
		margin-top: 10px;
	}
	.testimonial-quote {
		font-size: 80px;
	}
	.founder-section-main, .newsletter-section-main, .testimonial-slider-main, .courses-slider-main {
		padding: 60px 0;
	}
	.founder-right .founder-content {
		margin-top: 20px;
	}
	.academy-logo-wrp, .hero-content {
		max-width: 100%;
	}
/* 	.right-course-card .right-thumb {
		height: 180px;
	}	 */

	/* --- #Page --- */
  
}
/* Mobile portrait (up to 575px) */
@media (max-width: 575px) {
	:root{
		--heading180: 100px;
		--heading90H1: 36px;
		--heading48: 32px;
		--heading36: 27px;
		--heading32: 25px;
		--heading29: 23px;
		--heading27: 20px;
		--heading26: 20px;
		--heading24: 18px;
		--heading22: 18px;
		--heading20: 18px;
		--text28: 18px;
		--text26: 16px;
		--text24: 16px;
		--text22: 16px;
		--text21: 16px;
		--text18: 16px;

	}	
	.solid-btn,
	.outline-btn {min-width: 100px;}
	
	.newsletter-form .newsletter-submit-btn, .newsletter-form form input[type="text"], .newsletter-form form input[type="email"] {
		width: 100%;
	}
	
	.ul2col ul {column-count: 1;-webkit-column-count: 1;-moz-column-count: 1;-moz-column-gap: 1;}
	
	/* --- Page --- */
	.hero-button-wrp {
		flex-wrap: wrap;
		gap: 20px !important;
		margin-top: 30px;
	}
	.right-course-card,
	.left-course-card{
		flex-direction: column;
		gap: 0 !important;
	}
	.left-course-card .left-image,
	.right-course-card .right-thumb {
		max-width: 100%;
/* 		height: 220px; */
	}
/* 	.left-course-card .left-content {
		padding: 20px;
	} */
/* 	.left-course-card .left-image img.left-thumb-img {
		height: 500px;
	} */
	.left-course-card .left-content,
	.right-content {
		padding-top: 15px;
	}
	.left-course-card .left-image a {height: 100%;}
	/* --- #Page --- */
	.courses-listing-grid .course-card {width: 100%;}
  
}