/*
  Company:   Aildco LLC
  Website:   https://aildco.com
  Customer:  Dr Shumara
  Website:   https://drshumara.com
*/


/*=============================
	 Google Fonts
===============================*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

/*=============================
	 Variable CSS
===============================*/
:root {
    --ngs-body-font-family: 'Open Sans', sans-serif;
    --ngs-heading-font-family: 'Open Sans', sans-serif;
	--ngs-main-color: #333;
	--ngs-second-color: #C7A0D8;
	--ngs-third-color: #BDE973;
	--ngs-body-font-size: 16px;
	--ngs-font-weight-normal: 400;
	--ngs-font-weight-medium: 500;
	--ngs-font-weight-semibold: 600;
	--ngs-font-weight-bold: 700;
	--transition: all 0.3s 0s ease-out;
	--ngs-white: #fff;
	--ngs-black: #000;
    --facebook: #3b5998;
    --twitter: #00acee;
    --linkedin: #1976d2;
    --pinterest: #3b5998;
    --youtube: #c4302b;
    --skype: #00aff0;
}
html {
	scroll-behavior: smooth;
}
body {
	font-family: var(--ngs-body-font-family);
	font-weight: var(--ngs-font-weight-medium);
	font-size: var(--ngs-body-font-size);
	font-style: normal;
}
img,
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
button,
i {
	-webkit-transition: var(--transition);
	   -moz-transition: var(--transition);
	    -ms-transition: var(--transition);
	     -o-transition: var(--transition);
		    transition: var(--transition);
	text-decoration: none;
}
a:focus,
.btn:focus,
button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: var(--ngs-main-color);
	text-decoration: none;
}
a,
button {
	color: var(--ngs-main-color);
	outline: medium none;
	text-decoration: none;
}
.btn:focus,
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
	outline: 0
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--ngs-heading-font-family);
	color: var(--ngs-main-color);
	margin-top: 0px;
	margin-bottom: .7rem;
	font-style: normal;
	font-weight: var(--ngs-font-weight-bold);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem;
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1rem;
}
.list-wrap {
	margin: 0px;
	padding: 0px;
}
.list-wrap li {
	list-style: none
}
p {
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-medium);
	color: var(--ngs-main-color);
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid var(--ngs-main-color);
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	cursor: pointer;
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-normal);
}
*::-moz-selection {
	background: var(--ngs-main-color);
	color: var(--ngs-white);
	text-shadow: none;
}
::-moz-selection {
	background: var(--ngs-main-color);
	color: var(--ngs-white);
	text-shadow: none;
}
::selection {
	background: var(--ngs-main-color);
	color: var(--ngs-white);
	text-shadow: none;
}
*::-moz-placeholder {
	font-size: var(--ngs-body-font-size);
	opacity: 1;
}
*::placeholder {
	font-size: var(--ngs-body-font-size);
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: var(--ngs-main-color) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid var(--ngs-main-color);
}

/* Bootstrap 5 */
.container {
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    --bs-gutter-x: 30px;
}
.row.g-0 {
	--bs-gutter-x: 0;
}
.gutter-y-30 {
  	--bs-gutter-y: 30px;
}

/*=============================
	Button style
===============================*/
.btn_default {
	border: 1px solid var(--ngs-main-color);
	color: var(--ngs-main-color);
	border-radius: 100px;
	cursor: pointer;
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-bold);
	padding: 16px 36px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
.btn_default:hover {
	background: var(--ngs-main-color);
	border-color: var(--ngs-main-color);
	color: var(--ngs-white);
}
.btn_style-two {
	color: var(--ngs-main-color);
	border: 1px solid var(--ngs-main-color);
	background-color: var(--ngs-white);
	font-size: var(--ngs-body-font-size);
	padding: 16px 36px;
	font-weight: var(--ngs-font-weight-semibold);
	border-radius: 100px;
}
.btn_style-two:hover {
	background-color: var(--ngs-third-color);
	color: var(--ngs-black);
}
.btn-read_more {
	width: 210px;
	padding: 15px 0;
	border-radius: 100px;
	border: 0.5px solid var(--ngs-black);
	background: var(--ngs-second-color);
	color: var(--ngs-main-color);
	text-align: center;
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-bold);
}
.btn-read_more:hover {
	background-color: #E8D8EF;
	color: var(--ngs-main-color);
}
.btn_training_monthly {
	display: block;
	width: 100%;
	border-radius: 100px;
	border: 0.5px solid #000;
	background: #B6CCFB;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
	padding: 15px 0;
	text-align: center;
	color: var(--ngs-main-color);
	font-weight: var(--ngs-font-weight-bold);
	font-size: var(--ngs-body-font-size);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}
.btn_training_monthly:hover {
	background-color: #E5EEFF;
}
.btn_training_annual {
	display: block;
	width: 100%;
	border-radius: 100px;
	border: 0.5px solid #000;
	background: #BDE973;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
	padding: 15px 0;
	text-align: center;
	color: var(--ngs-main-color);
	font-weight: var(--ngs-font-weight-bold);
	font-size: var(--ngs-body-font-size);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}
.btn_training_annual:hover {
	background-color: #E1FFAE;
}

/* scrollUp */
.scroll-top {
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	bottom: -10%;
	right: 30px;
	font-size: var(--ngs-body-font-size);
	border-radius: 50%;
	z-index: 99;
	color: var(--ngs-white);
	text-align: center;
	cursor: pointer;
	background: var(--ngs-second-color);
	transition: 1s ease;
	border: none;
}
.scroll-top.open {
	bottom: 30px;
}
.scroll-top::after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 70%);
}
.scroll-top:hover {
	background: var(--ngs-main-color);
}


/*=============================
	Header
===============================*/
.header-style {
	height: 100px;
	border: 1px solid #393939;
	background: linear-gradient(180deg, #F3F3F3 0%, #F8F8F8 0.01%, #ECECEC 100%);
	-webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
}
#header-fixed-height.active-height {
    display: block;
    height: 96px;
}
.menu-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.navbar-wrap {
	display: flex;
	flex-grow: 1;
}
.navbar-wrap ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    padding: 0 0;
	margin: 0 20% 0 auto;
}
.navbar-wrap ul li {
    list-style: none;
	display: block;
	position: relative;
}
.navbar-wrap ul li a {
	font-size: 15px;
	font-weight: var(--ngs-font-weight-medium);
	color: var(--ngs-main-color);
	padding: 35px 20px 38px 20px;
	display: block;
	position: relative;
	z-index: 1;
}
.navbar-wrap ul li:hover a::after {
	display: block;
}
.navbar-wrap ul li a::after {
	display: none;
	content: "";
	position: absolute;
	left: 48%;
	bottom: 25%;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: var(--ngs-second-color);
}
.navbar-wrap ul li.active a::after {
	display: block;
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a {
	color: var(--ngs-second-color);
}
.navbar-wrap ul li .sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-width: 230px;
    border: 1px solid #f5f5f5;
    background: var(--ngs-white);
    margin: 0 0;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    border-radius: 5px;
    padding: 18px 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
}
.navbar-wrap ul li .sub-menu .sub-menu {
	right: auto;
	left: 100%;
	top: 0;
}
.navbar-wrap ul li .sub-menu li {
	margin-left: 0;
	text-align: left;
	display: block;
}
.navbar-wrap ul li .sub-menu li a {
	padding: 9px 15px 9px 25px;
	line-height: 1.4;
    font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-medium);
	color: var(--ngs-second-color);
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 5px;
}
.navbar-wrap ul li .sub-menu li a::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--ngs-main-color);
    transition: .3s ease-in-out;
}
.navbar-wrap ul li .sub-menu > li.active > a,
.navbar-wrap ul li .sub-menu li a:hover {
    color: var(--ngs-main-color);
}
.navbar-wrap ul li .sub-menu > li.active > a::before,
.navbar-wrap ul li .sub-menu li a:hover::before {
    width: 10px;
}
.navbar-wrap ul li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.sticky-menu {
	position: fixed;
	left: 0;
	margin: auto;
	top: 0;
	width: 100%;
	z-index: 99;
	background: var(--ngs-white);
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
}
.header-top-btn a {
	font-weight: var(--ngs-font-weight-bold);
	font-size: 14px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	line-height: 0;
	background: var(--ngs-main-color);
	color: var(--ngs-white);
	padding: 17px 25px;
}
.header-top-btn a i {
	font-size: var(--ngs-body-font-size);
	margin-right: 10px;
}
.section-title span {
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-bold);
	display: inline-block;
	color: var(--ngs-second-color);
	margin-bottom: 12px;
}
.section-title .title {
	font-weight: var(--ngs-font-weight-semibold);
	font-size: 32px;
	font-style: normal;
	text-transform: capitalize;
}


/*=============================
	Preloader
===============================*/
#preloader{
	background-color: var(--ngs-white);
	height: 100%;
	width: 100%;
	position: fixed;
	margin-top: 0px;
	top: 0px;
	z-index: 999;
}
#loading-center {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loader {
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 75px;
	display: inline-block;
	vertical-align: middle;
}
.loader .loader-outer {
	position: absolute;
	border: 4px solid #9229bc;
	border-left-color: transparent;
	border-bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: loader-outer 1s cubic-bezier(.42, .61, .58, .41) infinite;
	animation: loader-outer 1s cubic-bezier(.42, .61, .58, .41) infinite;
}
.loader .loader-inner {
	position: absolute;
	border: 4px solid #9229bc;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	border-right: 0;
	border-top-color: transparent;
	-webkit-animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
	animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
}
@-webkit-keyframes loader-outer {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loader-outer {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loader-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes loader-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}


/*=============================
	Mobile Menu
===============================*/
.nav-outer .mobile-nav-toggle {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	display: none;
	color: var(--ngs-white);
	margin-right: 30px;
	top: 15px;
}
.nav-logo img {
	max-width: 135px;
}
.mobile-search {
	padding: 0 20px 25px 25px;
}
.mobile-search form {
	position: relative;
}
.mobile-search input {
	display: block;
	width: 100%;
	border: none;
	padding: 10px 45px 10px 20px;
	font-size: 14px;
	font-weight: var(--ngs-font-weight-medium);
	height: 45px;
	color: var(--ngs-second-color);
}
.mobile-search input::placeholder {
	font-size: 14px;
	font-weight: var(--ngs-font-weight-medium);
}
.mobile-search button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	padding: 0;
	right: 20px;
	line-height: 1;
	background: transparent;
	color: var(--ngs-second-color);
}
.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 320px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	z-index: 99;
	border-radius: 0px;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)e;
	-o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.mobile-menu .navbar-collapse {
	display: block !important;
}
.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}
.mobile-menu-visible {
	overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
	-webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.mobile-menu .navigation li.current>a:before {
	height: 100%;
}
.menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.5);
}
.mobile-menu-visible .menu-backdrop {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: var(--ngs-white);
	padding: 0px 0px;
	z-index: 5;
	box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}
.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .close-btn {
    position: absolute;
    right: 15px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    color: #292b37;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}
.mobile-menu .navigation ul {
	padding: 0;
	margin: 0;
}
.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation li > a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 60px 10px 25px;
    font-size: var(--ngs-body-font-size);
    font-weight: var(--ngs-font-weight-bold);
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
}
.mobile-menu .navigation li.active > a {
	color: var(--ngs-second-color);
}
.mobile-menu .navigation li ul li > a {
	font-size: var(--ngs-body-font-size);
	margin-left: 20px;
	text-transform: capitalize;
}
.mobile-menu .navigation li ul li ul li a {
    margin-left: 40px;
}
.mobile-menu .navigation li ul li ul li ul li a {
    margin-left: 60px;
}
.mobile-menu .navigation li > a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
	display: none;
}
.mobile-menu .social-links ul {
    display: flex;
    position: relative;
    text-align: center;
    padding: 30px 20px 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 6px 10px;
}
.mobile-menu .social-links li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: relative;
	line-height: 32px;
	font-size: var(--ngs-body-font-size);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.mobile-menu .social-links li a:hover {
	border-color: var(--ngs-main-color);
	background: var(--ngs-main-color);
	color: var(--ngs-white);
}
.menu-area .mobile-nav-toggle {
	position: relative;
	float: right;
	font-size: 27px;
	cursor: pointer;
	line-height: 1;
	color: var(--ngs-main-color);
	display: none;
	margin-top: 2px;
	padding: 5px 10px;
	border: 1px solid var(--ngs-main-color);
}

/*=============================
	Banner
===============================*/
.banner-bg {
	border: 0.5px solid #363636;
	background: linear-gradient(91deg, rgba(216, 216, 216, 0.60) 0%, rgba(243, 243, 243, 0.39) 100%);
	min-height: 770px;
	display: flex;
	align-items: flex-end;
	padding: 65px 0 0;
	position: relative;
	z-index: 1;
    overflow: hidden;
}
.banner-content .sub-title {
	font-weight: var(--ngs-font-weight-semibold);
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ngs-main-color);
	border-radius: 50px;
	display: inline-block;
	padding: 4px 13px;
	margin-bottom: 15px;
}
.banner-content .title {
	font-size: 40px;
	font-weight: var(--ngs-font-weight-bold);
	margin-bottom: 30px;
	line-height: 1;
}
.banner-content p {
	font-size: 32px;
	font-weight: var(--ngs-font-weight-normal);
	margin-bottom: 35px;
}
.banner-content .banner-btn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
/*.banner-area .popup-play-button .play-btn {
	display: flex;
	position: relative;
}
.banner-area .popup-play-button a.play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid var(--ngs-main-color);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	animation: pulse-border 1500ms ease-out infinite;
}*/
.banner-shape-wrap span {
	position: absolute;
	z-index: -1;
}
.banner-shape-wrap span.blue_shape {
	top: -5%;
	right: -15%;
	width: 569px;
	height: 636px;
	transform: rotate(162.776deg);
	border-radius: 636px;
	background: #B6CCFB;
	filter: blur(83px);
}
.banner-shape-wrap span.green_shape {
	top: -30%;
	right: 0;
	width: 783px;
	height: 464px;
	transform: rotate(162.776deg);
	border-radius: 783px;
	background: rgba(189, 233, 115, 0.42);
	filter: blur(40px);
}
.banner-shape-wrap span.purple_shape {
	top: 5%;
	right: 6%;
	width: 639px;
	height: 716px;
	transform: rotate(178.476deg);
	border-radius: 716px;
	background: rgba(212, 164, 233, 0.71);
	filter: blur(83px);
}
@keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

.ball {
	opacity: 1;
	z-index: -2;
	position: absolute;
	border-radius: 50%;
}
@keyframes ribbonRotate {
  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  25%,
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}

@-webkit-keyframes dash_animation {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes dash_animation {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
@-webkit-keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
@keyframes alltuchtopdown {
	0% {
		transform: rotateX(0deg) translateY(0px);
	}
	50% {
		transform: rotateX(0deg) translateY(-50px);
	}
	100% {
		transform: rotateX(0deg) translateY(0px);
	}
}

/* Video Pop-up */
.video-container {
	position: relative;
}
.video-container a.popup-video-link::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid var(--ngs-main-color);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	animation: pulse-border 1500ms ease-out infinite;
}
.video-container .close-button {
	position: absolute;
	top: 0px;
	right: 5px;
	background-color: transparent;
	border: none;
	font-size: 30px;
	cursor: pointer;
}
.video-container .video-popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	background-color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 40px;
	transition: transform 0.3s ease;
	max-width: 90%;
	width: 70%;
	height: 70%;
	z-index: 999;
}
.video-container .popup-visible {
	transform: translate(-50%, -50%) scale(1);
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* Overlay rengi ve opaklığı */
	display: none;
	z-index: 1; /* Pop-up'ın üzerinde olmalı */
}
.popup-visible .overlay {
	display: block;
}

/*=============================
	Video section
===============================*/
.video-area {
	position: relative;
	overflow: hidden;
}
.video-area .video-border {
	height: 543px;
	margin-top: 75px;
	border-radius: 10px;
	border: 0.5px solid var(--ngs-black);
	background: linear-gradient(184deg, #F8F8F8 3.00%, rgba(217, 217, 217, 0.00) 85.93%, rgba(230, 230, 230, 0.68) 98.11%);
}
.video-area .video-shape {
	right: 0;
	top: 0;
	width: 424px;
	height: 342px;
	position: absolute;
	z-index: -1;
}
.video-area .video-img-wrap {
	position: relative;
}
.video-area .video-img-wrap img {
	position: relative;
	top: -56px;
	left: 0;
	/*z-index: 1;*/
}
.video-area .video-img-wrap .green_shape {
	width: 242px;
	height: 159px;
	transform: rotate(52deg);
	background: rgba(189, 233, 115, 0.57);
	filter: blur(83px);
	position: absolute;
	right: -35px;
	top: 100px;
	border-radius: 50%;
}
.video-area .video-img-wrap .purple_shape {
	width: 218px;
	height: 221px;
	transform: rotate(52deg);
	background: rgba(212, 164, 233, 0.75);
	filter: blur(83px);
	position: absolute;
	right: -35px;
	bottom: 90px;
	border-radius: 50%;
}
.video-area .video-content {
	position: relative;
	padding-right: 85px;
}
.video-area .video-content .main-video {
	position: relative;
	/*margin: 67px 0 30px 0;*/
	margin-bottom: 30px;
	height: 254px;
}
.video-area .video-content .main-video img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(50%);
}
.video-area .video-content .main-video .play-btn {
	position: absolute;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(to right, rgba(226, 226, 226, 1), rgba(212, 164, 233, 1));
	opacity: 90%;
	color: var(--ngs-white);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 0.5px solid #363636;
}
.video-area .video-content .main-video .play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid var(--ngs-white);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	animation: pulse-border 1500ms ease-out infinite;
}
.video-area .video-content .main-video .play-btn i.fa-play {
	font-size: 19px;
}
.video-area .video-content .list-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
	/*flex-wrap: wrap;*/
}
.video-area .video-content .small-video .list-wrap li {
	display: flex;
	align-items: center;
	position: relative;
	flex: 50%;
	width: 270px;
	height: 108px;
}
.video-area .video-content .small-video .list-wrap li img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(50%);
}
.video-area .video-content .small-video .list-wrap li .play-btn {
	position: absolute;
	width: 47px;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to right, rgba(226, 226, 226, 1), rgba(212, 164, 233, 1));
	opacity: 90%;
	border-radius: 50%;
	color: var(--ngs-white);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 0.5px solid #363636;
}
.video-area .video-content .small-video .list-wrap li .play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid var(--ngs-white);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	animation: pulse-border 1500ms ease-out infinite;
}
.video-area .video-content .small-video .list-wrap li .play-btn i.fa-play {
	font-size: var(--ngs-body-font-size);
}


/*======================
		About
========================*/
.about-bg {
	background: linear-gradient(180deg, #F4EEF7 100%, #FDFCFD 0%);
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 430px;
}
.about-top .top-img img {
	position: relative;
	top: -40px;
	left: 20px;
	float: right;
}
.about-top .top-content h2.title {
	color: var(--ngs-main-color);
	font-size: 40px;
	font-weight: var(--ngs-font-weight-bold);
	margin-bottom: 30px;
	text-align: center;
}
.about-top .top-content p.text-1 {
	font-size: 28px;
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-main-color);
	margin-bottom: 28px;
	text-align: center;
}
.about-top .top-content p.text-2 {
	color: var(--ngs-main-color);
	font-size: 28px;
	font-weight: var(--ngs-font-weight-normal);
	margin-bottom: 40px;
	text-align: center;
}
.about-top .top-content a {
	margin-left: 50%;
}
.about-bottom .bottom-content {
	width: 945px;
	min-height: 445px;
	margin: 65px auto;
	padding: 115px 160px;
	background: linear-gradient(180deg, rgba(217, 217, 217, 0.28) 0%, rgba(217, 217, 217, 0.21) 100%);
	position: relative;
}
.about-bottom .bottom-content p {
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-black);
	position: relative;
	z-index: 1;
}
.about-bottom .bottom-content .shape-1 {
	width: 218px;
	height: 244px;
	transform: rotate(178deg);
	background: rgba(212, 164, 233, 0.42);
	filter: blur(83px);
	position: absolute;
	left: 32px;
	top: 50px;
	border-radius: 50%;
}
.about-bottom .bottom-content .shape-2 {
	width: 218px;
	height: 244px;
	transform: rotate(178deg);
	background: rgba(182, 204, 251, 0.42);
	filter: blur(83px);
	position: absolute;
	left: 51px;
	top: 148px;
	border-radius: 50%;
}
.about-bottom .bottom-content .shape-3 {
	width: 218px;
	height: 244px;
	transform: rotate(178deg);
	background: rgba(189, 233, 115, 0.42);
	filter: blur(83px);
	position: absolute;
	left: 149px;
	top: 44px;
	border-radius: 50%;
}
.about-bottom .bottom-content .shape-4 {
	width: 218px;
	height: 244px;
	transform: rotate(178deg);
	background: rgba(212, 164, 233, 0.42);
	filter: blur(83px);
	position: absolute;
	right: 133px;
	top: 26px;
	border-radius: 50%;
}
.about-bottom .bottom-content .shape-5 {
	width: 218px;
	height: 244px;
	transform: rotate(178deg);
	background: rgba(182, 204, 251, 0.42);
	filter: blur(83px);
	position: absolute;
	right: 114px;
	top: 124px;
	border-radius: 50%;
}
.about-bottom .bottom-content .shape-6 {
	width: 218px;
	height: 244px;
	transform: rotate(178deg);
	background: rgba(189, 233, 115, 0.42);
	filter: blur(83px);
	position: absolute;
	right: 16px;
	top: 20px;
	border-radius: 50%;
}
.ico {
	margin: 0 auto;
	text-align: center;
	width: 50px;
	height: 50px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	filter: url("#goo");
}
.ico .circle {
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	transform-origin: 0%;
}
.ico .circle.circle-top {
	height: 10px;
	width: 20px;
	-webkit-animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
	animation: blob-1-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
	z-index: 0;
	top: 0;
}
.ico .circle.circle-bottom {
	height: 10px;
	width: 20px;
	-webkit-animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
	animation: blob-2-anim 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
	z-index: 9;
	bottom: 0px;
}
.ico .st-arrow {
	fill: #55544f;
	-webkit-animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
	animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
	perspective: 9000px;
	transform: translateZ(0);
	transform-origin: bottom;
}

.svg {
	z-index: 9;
	position: relative;
}

@-webkit-keyframes blob-1-anim {
	0% {
		transform: translateX(-50%) translateY(0);
	}
	14% {
		transform: translateX(-50%) translateY(-8px);
	}
	24% {
		transform: translateX(-50%) translateY(0);
	}
	100% {
		transform: translateX(-50%) translateY(0);
	}
}

@keyframes blob-1-anim {
	0% {
		transform: translateX(-50%) translateY(0);
	}
	14% {
		transform: translateX(-50%) translateY(-8px);
	}
	24% {
		transform: translateX(-50%) translateY(0);
	}
	100% {
		transform: translateX(-50%) translateY(0);
	}
}
@-webkit-keyframes blob-2-anim {
	0% {
		transform: scale(1) translate(-50%, 10px);
	}
	30% {
		transform: scale(1) translate(-50%, 10px);
	}
	70% {
		transform: scale(1) translate(-50%, 10px);
	}
	95% {
		transform: scale(1) translate(-50%, 26px);
	}
	100% {
		transform: scale(1) translate(-50%, 10px);
	}
}
@keyframes blob-2-anim {
	0% {
		transform: scale(1) translate(-50%, 10px);
	}
	30% {
		transform: scale(1) translate(-50%, 10px);
	}
	70% {
		transform: scale(1) translate(-50%, 10px);
	}
	95% {
		transform: scale(1) translate(-50%, 26px);
	}
	100% {
		transform: scale(1) translate(-50%, 10px);
	}
}
@-webkit-keyframes scrolly {
	0% {
		transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
	}
	30% {
		transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
	}
	70% {
		transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
	}
	95% {
		transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
	}
	100% {
		transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
	}
}
@keyframes scrolly {
	0% {
		transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
	}
	30% {
		transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
	}
	70% {
		transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
	}
	95% {
		transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
	}
	100% {
		transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
	}
}



/*=============================
	Services
===============================*/
.services-area {
	padding: 100px 0 80px;
}
.services-area .parent {
	display: flex;
	flex-direction: row;
	margin-bottom: 60px;
}
.services-area .parent .column {
	width: 270px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.services-area .parent .column .title {
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-main-color);
	padding: 0 30px;
}
.services-area .parent .column p {
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-main-color);
	padding: 0 35px;
	text-align: center;
	line-height: 1.3;
}
.services-area .shape:nth-child(4n-7) .parent .column .item_shape {
	border-radius: 269px;
	background: rgba(232, 232, 232, 0.75);
	top: 9%;
	left: 11%;
	width: 218px;
	height: 269px;
}
.services-area .shape:nth-child(4n-6) .parent .column .item_shape {
	border-radius: 287px;
	background: rgba(189, 233, 115, 0.57);
	top: 16%;
	left: 8%;
	width: 242px;
	height: 287px;
}
.services-area .shape:nth-child(4n-5) .parent .column .item_shape {
	border-radius: 269px;
	background: rgba(212, 164, 233, 0.75);
	top: 18%;
	left: 20%;
	width: 167px;
	height: 269px;
}
.services-area .shape:nth-child(4n-4) .parent .column .item_shape {
	border-radius: 287px;
	background: #B6CCFB;
	top: 19%;
	left: 23%;
	width: 129px;
	height: 287px;
}
.services-area .load_more {
	text-align: center;
}
.services-area .load_more a {
	font-size: 32px;
	font-weight: var(--ngs-font-weight-semibold);
}
.services-area .load_more a:hover {
	color: var(--ngs-second-color);
}
.services-area .services-item {
	width: 100%;
	/*height: 390px;*/
	position: relative;
	margin-bottom: 30px;
	border-radius: 219px;
	border: 1px solid #000;
	background: linear-gradient(359deg, #FFF 0%, #E4E4E4 100%);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}
.services-area .services-item:hover {
	transform: translateY(-22px);
}
.services-area .services-item .services-thumb {
	width: 230px;
	height: 230px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	margin-top: 20px;
}
.services-area .services-item .services-thumb img {
	width: 100%;
	height: 100%;
	border-radius: 230px;
	border: 1px solid #000;
}
.services-area .shape .item_shape {
	position: absolute;
	filter: blur(83px);
	transform: rotate(178deg);
	flex-shrink: 0;
}
.services-area .shape:nth-child(4n-7) .item_shape {
	border-radius: 269px;
	background: rgba(212, 164, 233, 0.75);
	top: 18%;
	left: 20%;
	width: 167px;
	height: 269px;
}
.services-area .shape:nth-child(4n-6) .item_shape {
	border-radius: 269px;
	background: rgba(232, 232, 232, 0.75);
	top: 9%;
	left: 11%;
	width: 218px;
	height: 269px;
}
.services-area .shape:nth-child(4n-5) .item_shape {
	border-radius: 287px;
	background: rgba(189, 233, 115, 0.57);
	top: 16%;
	left: 8%;
	width: 242px;
	height: 287px;
}
.services-area .shape:nth-child(4n-4) .item_shape {
	border-radius: 287px;
	background: #B6CCFB;
	top: 19%;
	left: 23%;
	width: 129px;
	height: 287px;
}
.services-area .services-content {
	position: relative;
	z-index: 1;
	max-height: 140px;
}
.services-area .services-content .title {
	margin: 27px 0 81px 0;
	font-size: 24px;
	color: var(--ngs-main-color);
	text-align: center;
	font-weight: var(--ngs-font-weight-semibold);
}
.hidden {
	display: none;
}


/*=============================
	Articles section
===============================*/
.articles-area .article-post-item {
	margin-bottom: 30px;
	border-radius: 10px;
	border: 0.5px solid #000;
	background: #FFF;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}
.articles-area .article-post-thumb {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 154px;
}
.articles-area .article-post-thumb img {
	transition: .3s linear;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.articles-area .article-post-item:hover {
	transform: translateY(-15px);
}
.articles-area .article-post-item:hover .article-post-thumb img {
	transform: scale(1.1);
}
.articles-area .article-post-content {
	height: 116px;
	border-radius: 10px;
	padding: 10px 14px;
	background: var(--ngs-white);
	display: flex;
	flex-direction: column;
}
.articles-area .article-post-content .title {
	color: var(--ngs-main-color);
	font-size: 15px;
	font-weight: var(--ngs-font-weight-semibold);
	margin-bottom: auto;
}
.articles-area .article-post-content .title:hover a {
	color: var(--ngs-second-color);
}
.articles-area .bottom-content .list-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px 10px;
}
.articles-area .bottom-content .list-wrap li {
	color: var(--ngs-main-color);
	font-size: 14px;
	margin-top: auto;
}
.articles-area .categories .dropdown-toggle::after {
	display: none;
}
.articles-area .categories a.main_btn {
	display: inherit;
	width: 210px;
	height: 34px;
	border-radius: 5px;
	border: 0.5px solid var(--ngs-main-color);
	background: #E7E7E7;
	/*padding: 4px 4px 4px 37px;*/
	padding-left: 37px;
	font-size: 20px;
	font-weight: var(--ngs-font-weight-bold);
}
.articles-area .categories a.main_btn i {
	padding-right: 40px;
}
.articles-area .categories ul.dropdown-menu {
	width: 210px;
	height: 200px;
	overflow-y: scroll;
	border-radius: 5px;
	border: 0.5px solid var(--ngs-main-color);
	background: #E7E7E7;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
	inset: 8px auto auto 0px!important;
	padding: 15px 16px 15px 20px;
}
/* width */
.articles-area .categories ul.dropdown-menu::-webkit-scrollbar {
	width: 16px;
}
/* Track */
.articles-area .categories ul.dropdown-menu::-webkit-scrollbar-track {
	border-radius: 5px;
	border: 0.5px solid var(--ngs-main-color);
	background: #E7E7E7;
}
/* Handle */
.articles-area .categories ul.dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 10px;
	border: 0.5px solid var(--ngs-main-color);
	background: #FFF;
	padding: 4px 3px;
}
/* Handle on hover */
.articles-area .categories ul.dropdown-menu::-webkit-scrollbar-thumb:hover {
	opacity: .7;
}
.articles-area .categories ul.dropdown-menu li a.dropdown-item:active,
.articles-area .categories ul.dropdown-menu li a.dropdown-item:focus,
.articles-area .categories ul.dropdown-menu li a.dropdown-item:hover {
	border-radius: 5px;
	border: 0.5px solid var(--ngs-main-color);
	background: var(--ngs-white);
	color: var(--ngs-main-color);
}
.latest-articles {
	margin: 30px 0;
	background: linear-gradient(180deg, #FFF 0%, rgba(223, 190, 238, 0.09) 50%, rgba(243, 216, 255, 0.35) 76.14%, rgba(195, 149, 216, 0.02) 100%);
}

.article-details-area {
	margin-bottom: 50px;
}
.article-details-area .banner {
	position: relative;
}
.article-details-area .banner img {
	border-radius: 0px 0px 10px 10px;
	border: 0.5px solid #000;
	border-top: none;
}
.article-details-area .banner .breadcrumb {
	position: absolute;
	top: 30px;
	left: 30px;
	color: var(--ngs-black);
}
.article-details-area .banner .breadcrumb a {
	margin-left: 5px;
	position: relative;
	top: -5px;
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-black);
}
.article-details-area .banner .breadcrumb a:hover {
	color: var(--ngs-second-color);
}
.article-details-area .content {
	margin-top: 15px;
}
.article-details-area .content .top {
	margin-bottom: 30px;
}
.article-details-area .content .top .title {
	font-size: 15px;
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-main-color);
}
.article-details-area .content .top .date {
	float: right;
	font-size: 14px;
	font-weight: var(--ngs-font-weight-normal);
	font-style: italic;
	color: var(--ngs-main-color);
}
.article-details-area .content p {
	font-size: 14px;
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-black);
	margin-bottom: 15px;
}
.article-details-area .share {
	text-align: center;
	margin-top: 25px;
}
.article-details-area .share .title {
	font-size: 15px;
	font-weight: var(--ngs-font-weight-bold);
	color: var(--ngs-black);
	margin-bottom: 30px;
}
.article-details-area .share .social-networks ul {
	list-style-type: none;
	padding-left: 0;
	display: inline-flex;
	gap: 30px;
	margin-bottom: 0;
}
.article-details-area .share .social-networks ul li a {
	font-size: 25px;
}
.article-details-area .share .social-networks ul li a:hover {
	color: var(--ngs-second-color);
}

/*=============================
	Media
===============================*/
.media-area .video-content {
	margin-top: 30px;
}
.media-area .video-content .img-sec {
	position: relative;
}
.media-area .video-content .img-sec img {
	width: 100%;
	height: 260px;
	border-radius: 10px;
	object-fit: cover;
	filter: brightness(50%);
}
.media-area .video-content .img-sec .play-btn {
	position: absolute;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(to right, rgba(226, 226, 226, 1), rgba(212, 164, 233, 1));
	opacity: 90%;
	color: var(--ngs-white);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 0.5px solid #363636;
}
.media-area .video-content .img-sec .play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid var(--ngs-white);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	animation: pulse-border 1500ms ease-out infinite;
}
.media-area .video-content .content .top {
	margin: 15px 0;
}
.media-area .video-content .content .top .title {
	font-size: 20px;
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-black);
}
.media-area .video-content .content .top .date {
	float: right;
	font-size: 12px;
	font-weight: var(--ngs-font-weight-normal);
	font-style: italic;
	color: var(--ngs-main-color);
}
.media-area .video-content .content .top .summary {
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-main-color);
}
.media-area .pagination-wrap .pagination {
	justify-content: center;
	flex-wrap: wrap;
}
.media-area .pagination-wrap .pagination li.page-item {
	line-height: 40px;
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
}
.media-area .pagination-wrap .pagination li.page-item.active {
	font-weight: var(--ngs-font-weight-bold);
}
.media-area .pagination-wrap .pagination .page-item:first-child {
	margin-right: 23px;
}
.media-area .pagination-wrap .pagination .page-item:last-child {
	margin-left: 23px;
}
.media-area .pagination-wrap .pagination .page-link-number {
	margin-right: 4px;
}
.media-area .pagination-wrap .pagination .page-item:nth-last-child(2) .page-link-number {
	margin-right: 0;
}
.media-area .pagination-wrap .pagination .page-link {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	color: var(--ngs-main-color);
	border: 0.5px solid var(--ngs-main-color);
	background: linear-gradient(180deg, #D8F1AD 0%, rgba(189, 233, 115, 0.00) 100%);
}
.media-area .pagination-wrap .pagination li.page-item.active {

}
.media-area .pagination-wrap .pagination .page-item.active .page-link,
.media-area .pagination-wrap .pagination .page-link:hover {
	background: var(--ngs-main-color);
	border-color: var(--ngs-main-color);
	color: var(--ngs-white);
}
.media-area .pagination-wrap .pagination .page-link:focus {
	color: var(--ngs-white);
	background-color: var(--ngs-main-color);
	border-color: var(--ngs-main-color);
	outline: 0;
	box-shadow: none;
}
.media-area .pagination-wrap .pagination .page-link i {
	font-weight: var(--ngs-font-weight-semibold);
}


/*=============================
	Training
===============================*/
.training-area .training-box-monthly {
	border-radius: 10px;
	border: 0.5px solid #000;
	background: linear-gradient(136deg, #E9E9E9 0%, #FDF9F9 100%);
	margin-bottom: 30px;
	position: relative;
}
.training-area .training-box-monthly .training-head {
	padding: 12px 0;
	text-align: center;
	background: linear-gradient(180deg, #B6CCFB 0%, rgba(182, 204, 251, 0.00) 100%);
	border-bottom: 0.5px solid #000;
	border-radius: 10px 10px 0 0;
}
.training-area .training-head .title {
	font-weight: var(--ngs-font-weight-semibold);
	font-size: 24px;
	color: var(--ngs-main-color);
	margin: 0;
	text-transform: capitalize;
}
.training-area .training-box-annual {
	border-radius: 10px;
	border: 0.5px solid #000;
	background: linear-gradient(180deg, #BDE973 0%, rgba(189, 233, 115, 0.00) 100%);
	margin-bottom: 30px;
	position: relative;
}
.training-area .training-box-annual .training-head {
	padding: 12px 0;
	text-align: center;
	border-bottom: 0.5px solid #000;
	border-radius: 10px 10px 0 0;
}
.training-area .training-bottom .title {
	color: var(--ngs-main-color);
	font-size: 24px;
	font-weight: var(--ngs-font-weight-semibold);
	margin-bottom: 40px;
	padding-left: 50px;
	padding-top: 30px;
	text-transform: uppercase;
}
.training-area .training-bottom .content h2 {
	font-size: 40px;
	color: var(--ngs-main-color);
	font-weight: var(--ngs-font-weight-semibold);
	margin-bottom: 30px;
	padding: 0 80px;
}
.training-area .training-bottom .content span.price {
	font-size: var(--ngs-body-font-size);
	color: var(--ngs-main-color);
	font-weight: var(--ngs-font-weight-normal);
	padding-left: 80px;
}
.training-area .training-bottom .training-btn {
	text-align: center;
	margin: 40px 80px;
}
.trainings .training-item {
	margin-bottom: 50px;
}
.trainings .training-item .content {
	padding: 40px;
}
.trainings .training-item .content .content-left img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 15px;
	border: 0.5px solid var(--ngs-black);
	background: no-repeat;
}
.trainings .training-item .content .content-left .bottom {
	margin-top: 15px;
}
.trainings .training-item .content .content-left .bottom span.title {
	font-size: 15px;
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-main-color);
	text-align: left;
}
.trainings .training-item .content .content-left .bottom span.date {
	font-size: 14px;
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-main-color);
	font-style: italic;
	float: right;
}
.trainings .training-item .content .content-right {
	margin-left: 30px;
}
.trainings .training-item .content .content-right .title {
	font-size: 24px;
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-main-color);
	text-transform: uppercase;
	margin-bottom: 40px;
}
.trainings .training-item .content .content-right .price-sec {
	margin-top: 40px;
	margin-bottom: 50px;
}
.trainings .training-item .content .content-right .price-sec h2 {
	font-size: 40px;
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-main-color);
	margin-bottom: 40px;
}
.trainings .training-item .content .content-right .price-sec span {
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-main-color);
}


/*=============================
	Testimonial
===============================*/
.testimonial-area .bg {
	margin-bottom: 30px;
}
.testimonial-area .content {
	padding: 39px;
	border-radius: 10px;
	border: 0.5px solid #000;
}
.testimonial-area .bg:nth-child(3n-5) .content {
	background: linear-gradient(180deg, rgba(189, 233, 115, 0.57) 0%, rgba(189, 233, 115, 0.00) 100%);
}
.testimonial-area .bg:nth-child(3n-4) .content {
	background: linear-gradient(180deg, rgba(212, 164, 233, 0.57) 0%, rgba(212, 164, 233, 0.00) 100%);
}
.testimonial-area .bg:nth-child(3n-3) .content {
	background: linear-gradient(180deg, rgba(182, 204, 251, 0.49) 0%, rgba(182, 204, 251, 0.00) 100%);
}
.testimonial-area .content .img-sec {
	border-radius: 10px;
	border: 0.5px solid #000;
	background: var(--ngs-white);
	margin-bottom: 10px;
}
.testimonial-area .content .img-sec img {
	width: 100%;
	height: 200px;
	object-fit: fill;
	border-radius: 10px;
}
.testimonial-area .content .top .title {
	color: var(--ngs-main-color);
	font-size: 15px;
	font-weight: var(--ngs-font-weight-semibold);
	text-align: left;
}
.testimonial-area .content .top .date {
	color: var(--ngs-main-color);
	font-size: 14px;
	font-weight: var(--ngs-font-weight-normal);
	font-style: italic;
	float: right;
}
.testimonial-area .content .bottom {
	height: 145px;
	border-radius: 10px;
	border: 0.5px solid var(--ngs-black);
	padding: 10px 20px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.testimonial-area .content .bottom p {
	margin-bottom: 0;
}


/*=============================
	Contact
===============================*/
.contact-area .form-sec {
	width: 100%;
	border-radius: 10px;
	border: 0.5px solid var(--ngs-main-color);
	background: linear-gradient(180deg, rgba(189, 233, 115, 0.44) 0%, rgba(189, 233, 115, 0.00) 100%);
	margin-top: 50px;
	margin-left: 0;
}
.contact-area .form-sec .grid {
	display: grid;
	gap: 60px;
	padding: 80px 70px 90px 120px;;
}
.contact-area .form-sec .grid input {
	border: none;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 1px solid var(--ngs-black);
	color: var(--ngs-black);
	background-color: transparent;
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
	padding-left: 0;
	padding-bottom: 8px;
}
.contact-area .form-sec .grid input::placeholder {
	color: var(--ngs-black);
}
.contact-area .form-sec .grid .contact_btn {
	width: 155px;
	color: var(--ngs-main-color);
	border: 1px solid var(--ngs-main-color);
	background-color: transparent;
	font-size: var(--ngs-body-font-size);
	padding: 16px 36px;
	font-weight: var(--ngs-font-weight-semibold);
	border-radius: 100px;
}
.contact-area .form-sec .grid .contact_btn:hover {
	background-color: var(--ngs-third-color);
	color: var(--ngs-black);
}
.contact-area .form-sec .img-sec {
	position: relative;
}
.contact-area .form-sec .img-sec img {
	display: block;
	position: absolute;
	top: -22px;
}
.contact-area .contact-details {
	margin-top: 70px;
}
.contact-area .contact-details .row {
	display: flex;
	justify-content: center;
	gap: 190px;
}
.contact-area .contact-details .col {
	max-width: 250px;
}
.contact-area .contact-details .title {
	font-size: var(--ngs-body-font-size);
	color: var(--ngs-main-color);
	font-weight: var(--ngs-font-weight-bold);
	margin-bottom: 20px;
}
.contact-area .contact-details p {
	font-size: 15px;
	color: var(--ngs-black);
	font-weight: var(--ngs-font-weight-normal);
	margin-bottom: 35px;
}
.contact-area .contact-details .bottom a {
	font-size: 15px;
	color: var(--ngs-black);
	font-weight: var(--ngs-font-weight-normal);
}
.contact-area .contact-details .bottom a:hover {
	color: var(--ngs-second-color);
}
.contact-area .contact-details .bottom a img {
	margin-right: 10px;
}
.contact-area .contact-details .bottom ul.list-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}
.contact-area .contact-details .bottom ul.list-wrap li a {
	font-size: 20px;
}
.contact-area .contact-details .bottom ul li a:hover {
	color: var(--ngs-second-color);
}


/*=============================
	Subscription
===============================*/
.subscription-area {
	margin-bottom: 100px;
}
.subscription-area p {
	color: var(--ngs-black);
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-normal);
	line-height: 3;
}
.subscription-area .subs-form {
	display: flex;
	flex-direction: row;
	gap: 15px;
}
.subscription-area input[type=email] {
	width: 310px;
	height: 50px;
	border-radius: 10px;
	border: 0.5px solid var(--ngs-main-color);
	background: rgba(255, 253, 253, 0.00);
	color: var(--ngs-main-color);
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
	padding: 15px 27px;
	float: right;
}
.subscription-area input[type=email]::placeholder {
	color: var(--ngs-main-color);
}
.subscription-area input[type=email]:hover,
.subscription-area input[type=email]:focus {
	background: rgba(84, 26, 26, 0.05);
	box-shadow: none;
}
.subscription-area button {
	height: 50px;
	padding: 0px 42px;
	text-align: center;
	border-radius: 10px;
	border: 1px solid var(--ngs-main-color);
	color: var(--ngs-main-color);
	background: #BDE973;
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-bold);
}
.subscription-area button:hover,
.subscription-area button:focus {
	background-color: #E1FFAE;
	color: var(--ngs-main-color);
	border-color: var(--ngs-main-color);
}

/*=============================
	Privacy & Policy
===============================*/
.privacy-area .content {
	padding: 100px 140px;
	border-radius: 10px;
	border: 0.5px solid var(--ngs-main-color);
	background: linear-gradient(180deg, rgba(212, 164, 233, 0.15) 0%, rgba(189, 233, 115, 0.00) 100%);
	margin-top: 50px;
}
.privacy-area .content p {
	padding-bottom: 15px;
	color: var(--ngs-black);
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
}

/*=============================
	Terms & Conditions
===============================*/
.terms-area .content {
	padding: 100px 140px;
	border-radius: 10px;
	border: 0.5px solid var(--ngs-main-color);
	background: linear-gradient(180deg, rgba(182, 204, 251, 0.49) 0%, rgba(189, 233, 115, 0.00) 100%);
	margin-top: 50px;
}
.terms-area .content p {
	padding-bottom: 15px;
	color: var(--ngs-black);
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
}

/*=============================
	Error (404)
===============================*/
.error-area {
	padding: 210px 0;
}
.error-content {
	text-align: center;
}
.error-content .error-404 {
	font-size: 400px;
	margin-bottom: 50px;
	line-height: .74;
	font-weight: var(--ngs-font-weight-bold);
	color: var(--ngs-main-color);
}
.error-content .error-404 span {
	color: var(--ngs-second-color);
}
.error-content .title {
	margin-bottom: 40px;
	font-weight: var(--ngs-font-weight-semibold);
	font-size: 36px;
	text-transform: capitalize;
}

/*=============================
	Footer
===============================*/
.footer-area {
	border: 0.5px solid #333;
	background: linear-gradient(180deg, #F8F8F8 0%, #D9D8D8 100%);
}
.footer-top {
	padding: 40px 0;
}
.footer-top .footer-logo {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 12px;
	grid-template-columns: 80px auto 1rem;
}
.footer-area .footer-widget .column span.name {
	font-size: var(--ngs-body-font-size);
	font-weight: var(--ngs-font-weight-semibold);
	color: var(--ngs-main-color);
}
.footer-area .footer-widget .column .email a {
	color: var(--ngs-main-color);
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
}
.footer-area .footer-widget .column .email a:hover {
	color: var(--ngs-second-color);
}
.footer-area .footer-link .list-wrap li:last-child {
	margin-bottom: 0;
}
.footer-top .footer-link .list-wrap li a {
	color: var(--ngs-main-color);
	font-size: 15px;
	font-weight: var(--ngs-font-weight-normal);
	position: relative;
}
.footer-top .footer-link .list-wrap li a:hover {
	color: var(--ngs-second-color);
}
.footer-area .footer-link .list-wrap li a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: var(--ngs-second-color);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	transition: transform 0.4s cubic-bezier(.74, .72, .27, .24);
}
.footer-area .footer-link .list-wrap li a:hover::before {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.footer-area .footer-widget .language-sec ul {
	list-style-type: none;
	text-align: right;
}
.footer-area .footer-widget .language-sec ul li {
	display: inline-block;
	margin-right: 15px;
}
.footer-area .footer-widget .language-sec ul li:last-child {
	margin-right: 0;
}
.footer-area .footer-widget .language-sec ul li a {
	font-size: 14px;
	font-weight: var(--ngs-font-weight-normal);
	color: var(--ngs-main-color);
	letter-spacing: 0.7px;
}
.footer-area .footer-widget .language-sec ul li a:hover {
	color: var(--ngs-second-color);
}
.footer-area .footer-widget .language-sec ul li.active a {
	color: var(--ngs-second-color);
}
.footer-area .footer-bottom {
	margin-bottom: 40px;
}
.footer-area .footer-bottom .developed-by p {
	margin-bottom: 8px;
	color: #4F4F4F;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: var(--ngs-font-weight-semibold);
}
.footer-area .copyright-text p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #7c8db1;
}
.footer-area .footer-social .list-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
	margin-top: 7%;
}
.footer-area .footer-social .list-wrap li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
.footer-area .footer-social .list-wrap li:hover a i {
	color: var(--ngs-second-color);
}
.footer-area .copyright-text p {
	font-size: 14px;
	color: #666;
	font-style: normal;
	font-weight: var(--ngs-font-weight-normal);
	letter-spacing: 0.7px;
	line-height: 5;
}