/* GLOBAL_CSS_CHANGES_START_FROM_HERE */
* {
	margin: 0px;
	padding: 0px;
}
html {
	scroll-behavior: smooth;
}
body {
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, span, ul, li, a, .btn-default, textarea, label {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
button, input, textarea,select {
	outline: none !important;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
select.minimal {
	background-image: url(../images/selectArrow.png);
	background-position: calc(100% - 15px) calc(1em + 8px);
	background-repeat: no-repeat;
}
/* GLOBAL_CSS_CHANGES_END_HERE */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Chrome, Safari, Edge, Opera */

.container {
	max-width: 1440px;
}

/* GLOBAL_VAR_CSS_START_FROM_HERE */
:root {
	--white: #ffffff;
	--black: #000000;
	--main-color: #5CBB47;
	--btn-color: #283B87;
	--matter-medium: "Matter-Medium";
	--matter-semibold: "Matter-SemiBold";
	--matter-regular: "matter-regular";
	--satoshi-regular: "Satoshi-Regular";
	--satoshi-medium: "Satoshi-Medium";
}
/* GLOBAL_VAR_CSS_CSS_HERE */

/* FONT_CSS_START_FROM_HERE */
@font-face {
	font-family: "Matter-Medium";
	src: url("../webfonts/Matter-Medium.otf");
	font-weight: regular;
	font-style: normal;
}
@font-face {
	font-family: "Matter-SemiBold";
	src: url("../webfonts/Matter-SemiBold.otf");
	font-weight: regular;
	font-style: normal;
}
@font-face {
	font-family: "Matter-Regular";
	src: url("../webfonts/Matter-Regular.otf");
	font-weight: regular;
	font-style: normal;
}
@font-face {
	font-family: "Satoshi-Regular";
	src: url("../webfonts/Satoshi-Regular.otf");
	font-weight: regular;
	font-style: normal;
}
@font-face {
	font-family: "Satoshi-Medium";
	src: url("../webfonts/Satoshi-Medium.otf");
	font-weight: regular;
	font-style: normal;
}
/* FONT_CSS_END_HERE */

/* ONCLICK-TOP */
.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'unicons';
	content: '\f062';
	font: var(--fa-font-solid);
	text-align: center;
	font-size: 16px;
	color: var(--main-color);
	mix-blend-mode: difference;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: '\f062';
	font: var(--fa-font-solid);
	text-align: center;
	font-size: 16px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--white), var(--btn-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--main-color);
	stroke-width: 4;
	mix-blend-mode: difference;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
/* ONCLICK-TOP */

/* SCROLL-CSS */
body::-webkit-scrollbar {
	width: 5px;
}
body::-webkit-scrollbar-track {
	background: var(--white); 
}
body::-webkit-scrollbar-thumb {
	background-color: var(--black);
}
/* SCROLL-CSS */

/* LOADER-CSS */
/* LOADER-CSS */

/* HEADER-CSS */

.header-main-wrapper{
	background-color: var(--black);
	padding: 15px 0px;
	position: relative;
	z-index: 99999;
}
.header-wrap-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-wrap-links{
	display: flex;
	align-items: center;
	gap: 50px;
}
.header-wrap-links ul{
	display: flex;
	align-items: center;
	gap: 40px;
}
.header-wrap-links ul li a{
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--white);
	position: relative;
}
.header-wrap-links ul li a:hover::before{
	transform: translate(0px, 0px);
	opacity: 1;
}
.header-wrap-links ul li a::before {
	content: '';
	background-image: url(../images/links-hov.png);
	background-size: cover;
	background-position: center;
	width: 25px;
	height: 15px;
	position: absolute;
	top: -15px;
	transform: translate(60px, 0px);
	transition: 0.5s ease;
	left: 0;
	opacity: 0;
}
.dark-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--matter-semibold);
	font-size: 14px;
	color: var(--white);
	width: 130px;
	height: 45px;
	background-color: var(--btn-color);
	transition: 0.5s all;
}
.dark-btn:hover{
	background-color: #5CBB47;
	color: var(--white);
}
.light-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--matter-semibold);
	font-size: 14px;
	color: var(--black);
	width: 200px;
	height: 55px;
	background-color: var(--white);
	transition: 0.5s all;
}
.light-btn img{
	transform: translate(10px , 0px);
	transition: 0.5s all;
}
.light-btn:hover {
	background-color: var(--main-color);
	color: var(--white);
	box-shadow: 6px 6px 0px 0px #000;
}
.light-btn:hover img{
	transform: translate(20px , 0px);
	filter: invert(1) brightness(10);
}
/* HEADER-CSS */

/* INDEX-CSS */

.index-banner-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90vh;
	position: relative;
	overflow: hidden;
}
.index-banner-wrapper::before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: #0000005e;
	position: absolute;
	top: 0;
	z-index: 1;
}
.index-banner-wrap-vid{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
}
.index-banner-wrap-text{
	position: relative;
	z-index: 3;
}
.index-banner-wrap-text1 h6{
	font-family: var(--matter-medium);
	font-size: 150px;
	color: var(--white);
	line-height: 0.8;
}
.index-banner-wrap-text1 h6 span {
	letter-spacing: -17px;
}
.index-banner-wrap-text {
	width: 66%;
	margin: 0 auto;
}
span.regularff{
	font-family: var(--matter-regular) !important;
}
.index-banner-wrap-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px 0px 0px 0px;
}
.index-first-wrapper{
	padding: 100px 0px;
	background-color: var(--black);
}
.index-first-wrap-ttext{
	text-align: center;
}
.index-first-wrap-ttext h5{
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--white);
}
.index-first-wrap-ttext h6{
	font-family: var(--matter-medium);
	font-size: 60px;
	color: var(--white);
	width: 50%;
	margin: 0px auto 10px auto;
}
.index-first-wrap-box-text h6 {
	font-family: var(--matter-medium);
	font-size: 25px;
	color: var(--white);
	margin: 0px 0px 30px 0px;
}
.index-first-wrap-box-btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.index-first-wrap-box{
	text-align: center;
	overflow: hidden;
}
.index-first-wrap-box-img {
	position: relative;
	width: 100%;
	height: 500px;
	margin: 0px 0px 20px 0px;
}
.index-first-wrap-box-img video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index-first-wrap-box-img img{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: 0.5s all;
	visibility: visible;
}
.index-first-wrap-box:hover .index-first-wrap-box-img img{
	opacity: 0;
	transform: translate(-40px , -50px) rotate(10deg);
	visibility: hidden;
}
/* INDEX-CSS */

/* INNER-CSS */

.common-banner-wrapper{
	padding: 100px 0px;
	position: relative;
	overflow: hidden;
}
.common-banner-text h6{
	font-family: var(--matter-medium);
	font-size: 90px;
	color: var(--white);
}
.common-banner-text h6 span {
	letter-spacing: -17px;
}
.common-banner-text p{
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--white);
	width: 60%;
}
.about-first-wrapper{
	padding: 100px 0px;
	background-color: var(--black);
}
.about-first-wrap-text h6{
	font-family: var(--matter-medium);
	font-size: 60px;
	color: var(--white);
	margin: 0px 0px 10px 0px;
}
.about-first-wrap-text p{
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--white);
	margin: 0px 0px 10px 0px;
}
.about-first-wrap-img{
	text-align: center;
}
.about-second-wrapper{
	padding: 100px 0px;
	background-color: var(--white);
}
.about-second-wrap-text{
	text-align: center;
}
.about-second-wrap-text h5{
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--black);
}
.about-second-wrap-text h6{
	font-family: var(--matter-medium);
	font-size: 60px;
	color: var(--black);
	width: 50%;
	margin: 0px auto 60px auto;
}
.about-second-warp-cr-text h6{
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--btn-color);
	margin: 0px 0px 10px 0px;
}
.about-second-warp-cr-text h5{
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.about-second-warp-cr-text p {
	font-family: var(--matter-regular);
	font-size: 14px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.about-second-warp-cr-text {
	padding: 20px 0px 20px 0px;
}
.about-second-warp-cr-text a{
	font-family: var(--matter-regular);
	font-size: 14px;
	color: var(--main-color);
	display: flex;
	align-items: center;
	transition: 0.5s all;
}
.about-second-warp-cr-text a img{
	transform: translate(10px,0px);
	transition: 0.5s all;
}
.about-second-warp-cr-text a:hover{
	color: var(--btn-color);
}
.about-second-warp-cr-text a:hover img{
	transform: translate(20px,0px);
}
.about-second-warp-cr-img{
	overflow: hidden;
}
.about-second-warp-cr-img img{
	transition: 0.5s all;
}
.about-second-warp-cr-box:hover .about-second-warp-cr-img img{
	transform: scale(1.1);
}
.about-third-wrapper{
	padding: 100px 0px;
	background-color: var(--black);
}
.about-third-wrap-ttext{
	text-align: center;
}
.about-third-wrap-ttext h5{
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--white);
}
.about-third-wrap-ttext h6{
	font-family: var(--matter-medium);
	font-size: 60px;
	color: var(--white);
	width: 60%;
	margin: 0px auto 60px auto;
}
.about-testi-box-main {
	background-color: var(--white);
	padding: 20px;
	height: 370px;
	transition: 0.5s all;
}
.about-testi-box-main:hover{
	transform: translate(0px , -40px);
	background-color: var(--black);
	box-shadow: 2px 2px 10px 0px var(--main-color);
}
.about-testi-box-main:hover .about-testi-boxq{
	background-color: var(--main-color);
	transform: rotate(360deg);
}
.about-testi-box-main:hover .about-testi-box-textf h6{
	color: var(--white);
}
.about-testi-box-main:hover .about-testi-box-text1 p{
	color: var(--white);
}
.about-testi-box-textf{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0px 0px 10px 0px;
}
.about-testi-boxq{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: var(--btn-color);
	border-radius: 30px;
	transition: 0.5s all;
}
.about-testi-boxq i{
	color: var(--white);
	font-size: 20px;
}
.about-testi-box-textf h6 {
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--btn-color);
	transition: 0.5s all;
}
.about-testi-box-text1 p {
	font-family: var(--matter-regular);
	font-size: 14px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
	transition: 0.5s all;
}
.about-third-slider .owl-stage-outer {
	padding: 40px 0px;
}
.courses-first-wrapper{
	padding: 100px 0px;
	background-color: var(--black);
}
.courses-first-wrap-ttext{
	text-align: center;
}
.courses-first-wrap-ttext h5 {
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--white);
}
.courses-first-wrap-ttext h6 {
	font-family: var(--matter-medium);
	font-size: 60px;
	color: var(--white);
	width: 50%;
	margin: 0px auto 30px auto;
}
.courses-first-wrap-ttext p {
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--white);
	width: 80%;
	margin: 0 auto 60px auto;
}
.courses-first-wrap-cr-text{
	background-color: var(--white);
	padding: 20px;
}
.courses-first-wrap-crtext-ct{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0px 0px 10px 0px;
}
.courses-first-wrap-crtext-ct span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 30px;
	background-color: #5cbb47;
	color: var(--white);
	border-radius: 30px;
	font-size: 16px;
}
.courses-first-wrap-cr-img {
	height: 340px;
	overflow: hidden;
	object-fit: cover;
	position: relative;
}
.courses-first-wrap-cr-price span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 40px;
	background-color: #5cbb47;
	color: var(--white);
	position: absolute;
	top: 10px;
	left: 10px;
}
.courses-first-wrap-cr-text h6 {
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.courses-first-wrap-cr-text p {
	font-family: var(--matter-regular);
	font-size: 14px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.courses-first-wrap-crtext p span{
	font-family: var(--matter-medium);
	font-size: 16px;
	color: var(--black);
}
.courses-first-wrap-crbtn a {
	font-family: var(--matter-regular);
	font-size: 14px;
	color: var(--btn-color);
	display: flex;
	align-items: center;
	transition: 0.5s all;
}
.courses-first-wrap-crbtn a:hover{
	color: var(--main-color);
}
.courses-first-wrap-crbtn a img{
	transform: translate(10px , 0px);
	transition: 0.5s all;
}
.courses-first-wrap-crbtn a:hover img{
	transform: translate(20px , 0px);
}
.courses-first-wrap-cr-box{
	overflow: hidden;
}
.courses-first-wrap-cr-img img{
	transition: 0.5s all;
}
.courses-first-wrap-cr-box:hover .courses-first-wrap-cr-img img{
	transform: scale(1.1);
}
.courses-second-wrapper{
	padding: 100px 0px;
	background-color: #252525;
}
.courses-second-wrap-ttext{
	text-align: center;
}
.courses-second-wrap-ttext h6{
	font-family: var(--matter-medium);
	font-size: 60px;
	color: var(--white);
	width: 50%;
	margin: 0px auto 30px auto;
}
.courses-sec-plan-wrap{
	background-color: var(--white);
	padding: 20px;
}
.courses-plan-box-main{
	background-color: var(--btn-color);
	padding: 40px 20px;
	text-align: center;
	transition: 0.5s all;
}
.courses-plan-box-main:hover{
	/* box-shadow: 6px 6px 10px var(--main-color); */
}
.courses-plan-box-text h5{
	font-family: var(--matter-medium);
	font-size: 20px;
	color: var(--white);
	margin: 0px 0px 10px 0px;
}
.courses-plan-box-text h6{
	font-family: var(--matter-medium);
	font-size: 50px;
	color: var(--white);
	display: flex;
	justify-content: center;
	margin: 0px 0px 10px 0px;
}
.courses-plan-box-text h6 span{
	font-size: 22px;
}
.courses-plan-box-text p{
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--white);
	width: 70%;
	margin: 0px auto 10px auto;
}
.courses-plan-box-text {
	height: 260px;
}
.courses-plan-box-btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.courses-plan-box-btn button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 45px;
	font-family: var(--matter-semibold);
	background-color: var(--white);
	color: var(--black);
	border: none;
	font-size: 12px;
	transition: 0.5s all;
}
.courses-plan-box-btn button:hover {
	background-color: #000000;
	color: var(--white);
	/* box-shadow: 6px 6px 10px 0px var(--black); */
}
.index-login-wrapper{
	background-color: var(--black);
	padding: 100px 0px;
}
.login-wrap-ttext{
	text-align: center;
	margin: 0px 0px 100px 0px;
} 
.login-wrap-ttext h6{
	color: var(--white);
	font-family: var(--satoshi-medium);
	font-size: 60px;
}
.login-wrap-input input {
	color: var(--white);
	background-color: var(--black);
	border: 1px solid #fff;
	width: 100%;
	height: 55px;
	padding: 0px 20px;
	display: flex;
	align-items: center;
}
.login-wrap-input input::placeholder{
	color: var(--white);
}
.login-wrap-btn button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 55px;
	margin: 0px auto 0px auto;
	background-color: var(--white);
	color: var(--black);
	font-family: var(--satoshi-medium);
	font-size: 18px;
	border: none;
	transition: 0.5s all;
}
.login-wrap-btn button:hover{
	background-color: var(--btn-color);
	color: var(--white);
	box-shadow: 4px 4px 5px var(--white);
}
.login-main-warp {
	display: flex;
	align-items: center;
	justify-content: center;
}
.login-wrap-input h6 {
	font-family: var(--satoshi-medium);
	font-size: 18px;
	color: var(--white);
	margin: 0px 0px 20px 0px;
}
/* CONTACT-CSS */

.main{
	display: flex;
	position: relative;
}
.main::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #7f685c36;
	z-index: 1;
}
.main-left-side {
	width: 57%;
	object-fit: cover;
	height: 100vh;
	overflow: hidden;
}
.main-right-side {
	width: 43%;
	overflow: hidden;
	background-color: #000000;
	padding: 40px;
}
.o-field {
	display: flex;
	align-items: baseline;
	position: relative;
	padding-bottom: 0.25rem;
	line-height: 1.5;
	z-index: 9;
}
.o-field_label {
	padding-right: 1rem;
	opacity: .8;
	text-transform: uppercase;
	font-family: var(--matter-regular);
}
.o-field_input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border-style: none;
	flex-grow: 1;
	height: 50px;
	color: #ccc;
	padding: 0px 10px;
}
.o-field:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--white);
	bottom: 0;
	left: 0;
	opacity: .5;
	transition: opacity .6s ease;
}
.o-field:focus-within:before {
	opacity: 1;
}
.o-field.-textarea .o-field_input {
	line-height: 1.2;
	width: 100%;
	resize: none;
	height: 100px;
	color: #c2c2c2;
}
.o-field.-textarea .o-field_input::placeholder{
	color: #c9c8c8;
}
.o-field.-textarea {
	flex-direction: column;
	align-items: flex-start;
}
.o-field.-checkbox {
	flex-direction: column;
	align-items: flex-start;
}
.o-field.-checkbox input[type=checkbox], .o-field.-checkbox input[type=radio] {
	position: absolute;
	top: 0.25em;
	opacity: 0;
}
.o-field.-checkbox .o-field_label {
	opacity: 1;
	font-size: .875rem;
	line-height: 1.25rem;
	margin-right: 0;
}
.o-field_label {
	flex-shrink: 0;
	color: var(--white);
	border-right: 1px solid;
}
.o-field.-checkbox input[type=checkbox]+label .o-field_checkbox-active, .o-field.-checkbox input[type=checkbox]+label .o-field_checkbox-base, .o-field.-checkbox input[type=radio]+label .o-field_checkbox-active, .o-field.-checkbox input[type=radio]+label .o-field_checkbox-base {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.o-field.-checkbox input[type=checkbox]+label .o-field_checkbox-active, .o-field.-checkbox input[type=radio]+label .o-field_checkbox-active {
	opacity: 0;
	transform: translateY(5px) scale(.3);
	transition: all .4s ease;
}
.o-field.-checkbox input[type=checkbox]+label .o-field_checkbox, .o-field.-checkbox input[type=radio]+label .o-field_checkbox {
	--stroke-width: 2px;
	--checkbox-size: 1.2em;
	width: 10px;
	height:10px;
	position: absolute;
	left: 0;
	top: .25em;
	margin: auto;
	z-index: 1;
}
.o-cta {
	display: flex;
	justify-content: flex-end;
}
[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
}
[role=button], button {
	cursor: pointer;
}
button, select {
	text-transform: none;
}
.o-cta_text {
	margin-top: -.125em;
	font-size: 3.5rem;
	font-weight: 300;
	text-transform: uppercase;
	line-height: .9;
	position: relative;
	padding-bottom: .5rem;
}
.o-cta {
	display: flex;
	justify-content: flex-end
}
.o-cta>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(1.25rem * var(--tw-space-x-reverse));
	margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.o-cta_text {
	margin-top: -.125em;
	font-size: 3.5rem;
	font-weight: 300;
	text-transform: uppercase;
	line-height: .9;
	position: relative;
	padding-bottom: .5rem;
	font-family: var(--matter-medium);
}
.o-cta_text:before {
	position: absolute;
	bottom: 0;
	left: 0;
	height: .25rem;
	width: 100%;
	content: "";
	background-color: currentColor;
	transform: scaleX(1);
	transform-origin: left;
	transition: transform .6s ease
}
.o-cta_text.-small {
	font-size: 1.5rem;
	line-height: 2rem;
	line-height: .9;
	padding-bottom: .25rem;
	margin-top: .5rem
}
.o-cta_text.-small:before {
	height: 1px
}
.o-cta_text.-small+.o-cta_icon {
	margin-top: 0
}
.o-cta_icon {
	margin-top: .25rem;
	position: relative;
	width: 2.1875rem
}
.o-cta_icon-arrow {
	width: 47%;
	height: 19.7%
}
.o-cta:focus-within .o-cta_text:before,.o-cta:hover .o-cta_text:before {
	opacity: 1;
	transform: scaleX(0);
	transform-origin: right
}
.contact-wrap-btn button {
	border: 0;
	color: var(--white);
}
.contact-wrap-btn {
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 9;
}
.checkbox-wrapper input[type="checkbox"] {
	visibility: hidden;
	display: none;
}
.checkbox-wrapper *, .checkbox-wrapper ::after, .checkbox-wrapper ::before {
	box-sizing: border-box;
	user-select: none;
	color: #fff;
	font-family: var(--matter-regular);
}  
.checkbox-wrapper {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.checkbox-wrapper .label {
	cursor: pointer;
}
.checkbox-wrapper .check {
	width: 50px;
	height: 50px;
	position: absolute;
	opacity: 0;
}
.checkbox-wrapper .label svg {
	vertical-align: middle;
}
.checkbox-wrapper .path1 {
	stroke-dasharray: 400;
	stroke-dashoffset: 400;
	transition: .5s stroke-dashoffset;
	opacity: 0;
}
.checkbox-wrapper .check:checked + label svg g path {
	stroke-dashoffset: 0;
	opacity: 1;
}
.r-contact-logo h6{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.r-contact-logo h6{
	font-family: var(--matter-semibold);
	font-size: 40px;
	color: var(--white);
	margin: 0px 0px 20px 0px;
}
.r-contact-logo h6 a {
    font-family: var(--matter-regular);
    font-size: 20px;
    color: var(--white);
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
	transition: 0.5s all;
}
.r-contact-logo h6 a img {
    filter: brightness(10);
    transform: rotate(-180deg) translate(10px, 0px);
	transition: 0.5s all;
}
.r-contact-logo h6 a:hover img{
    transform: rotate(-180deg) translate(15px, 0px);
}
.r-contact-logo p {
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--white);
	width: 70%;
	margin: 0px 0px 30px 0px;
	text-transform: capitalize;
}
span.o-field_optional {
	color: var(--white);
}
.custom-s {
    position: relative;
    z-index: 9;
    margin: 0px 0px 40px 0px;
}
.custom-s span{
	color: var(--white);
	font-size: 14px;
	font-family: var(--matter-regular);
}
.custom-s a{
	color: var(--white);
}
.main-left-side video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* CONTACT-CSS */
/* INNER-CSS */

/* FOOTER-CSS */

.footer-wrapper{
	padding: 100px 0px;
	background-image: url(../images/footer-bg.png);
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 999;
}
.footer-wrap-logo-wrap img{
	margin: 0px 0px 20px 0px;
}
.footer-wrap-logo-wrap ul{
	display: flex;
	align-items: center;
	gap: 50px;
}
.footer-wrap-logo-wrap ul li a img{
	transition: 0.5s all;
}
.footer-wrap-logo-wrap ul li a img:hover{
	transform: scale(1.1);
}
.footer-wrap-logo-btn{
	display: flex;
	align-items: center;
	gap: 20px;
}
.footer-wrap-logo-btn a {
	font-family: var(--satoshi-regular);
	font-size: 16px;
	color: var(--white);
	text-decoration: underline;
	margin: 0px 0px 20px 0px;
	transition: 0.5s all;
}
.footer-wrap-logo-btn a:hover {
	color: var(--main-color);
}
.footer-copyright-text p{
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--white);
}
.footer-links h5{
	font-family: var(--matter-semibold);
	font-size: 25px;
	color: var(--white);
	margin: 0px 0px 60px 0px;
	position: relative;
}
.footer-links h5::before{
	content: '';
	width: 50%;
	height: 1.4px;
	background-color: var(--white);
	position: absolute;
	bottom: -28px;
	left: 0px;
}
.footer-links ul li a {
	font-family: var(--satoshi-medium);
	font-size: 18px;
	color: var(--white);
	line-height: 40px;
	transition: 0.5s all;
}
.footer-links ul li a:hover {
	color: var(--main-color);
}
.footer-links ul li a img{
	transform: translate(-10px , 0px);
	transition: 0.5s all;
}
.footer-links ul li a:hover img{
	transform: translate(0px , 0px);
}
.footer-links-input{
	display: flex;
	align-items: center;
}
.footer-links-input input{
	background-color: var(--white);
	font-family: var(--satoshi-regular);
	font-size: 16px;
	border: none;
	color: #02033B;
	width: 100%;
	height: 50px;
	padding: 0px 10px;
}
.footer-links-input button{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--matter-semibold);
	width: 200px;
	font-size: 16px;
	color: var(--white);
	background-color: var(--btn-color);
	border: 0;
	height: 50px;
	transition: 0.5s all;
}
.footer-links-input button:hover{
	background-color: var(--main-color);
	color: var(--white);
}
/* FOOTER-CSS */

/* ANIMATIONS */
/* ANIMATIONS */

/*ADDITIONAL CSS*/

.gallery-wrapper {
	padding: 10vw;
	height: 100%;
	min-height: 500vh;
	overflow: visible;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow-y: visible;
	background: #000;
}
.credit {
	text-align: center;
	z-index: 999;
	font-size: 0.8rem;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	writing-mode: vertical-rl;
	text-orientation: mixed;

	a {
		color: #fff;
	}
}
.gallery-mid-text{
	font-weight: 800;
	margin: 2rem auto;
	font-size: clamp(3vw, 2rem, 4rem);
	text-align: center;
	z-index: 999;
	max-width: 800px;
	mix-blend-mode: difference;
	pointer-events: none;
	color: white;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	place-items: center;
}
.gallery {
	z-index: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	overflow: visible;

	@media (max-width: 768px) {
		width: 160%;
	}
}
.col {
	display: flex;
	flex: 1;
	flex-direction: column;
	width: 100%;
	align-self: flex-start;
	justify-self: flex-start;
}
.col:nth-child(2) {
	align-self: flex-end;
	justify-self: flex-end;
}
.image {
	width: 100%;
	filter: saturate(0);
	padding: 1rem;
}

.image:hover {
	z-index: 99999999999 !important;
	filter: saturate(1);	
}
.courses-plan-box-main:hover {
	background: #5cbb47;
}
.gallery-img{
	transition: 0.3s ease-out;
	overflow: hidden;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
	0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06),
	0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
	0 100px 80px rgba(0, 0, 0, 0.12);
	width: 100%;
}

/*ADDITIONAL CSS*/





input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
.user_dashboard_wrapper {
	padding: 70px 0px;
}
.user_dashboard_row {
	display: flex;
	gap: 20px;
}
.user_dashboard_left_col {
	width: 300px;
}
.user_dashboard_right_col {
	width: calc(100% - 300px);
}
.search_group {
	position: relative;
	max-width: 300px;
	width: 100%;
	margin-bottom: 10px;
}
.search_group input {
	background-color: var(--white);
	font-family: var(--satoshi-regular);
	font-size: 14px;
	border: none;
	color: #02033B;
	width: 100%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.search_group .dark-btn {
	font-size: 14px;
	height: 40px;
	width: 100%;
	border: 0;
	background: #5CBB47;	
}
.search_btn {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background: var(--btn-color);

}
.search_btn img {
	max-width: 22.5px;
	filter: brightness(1) invert(1);
}
.user_dashboard_row .nav {
	flex-direction: column;
}
.nav-pills .nav-link {
	width: 100%;
	height: 50px;
	font-family: var(--matter-regular);
	font-size: 18px;
	color: var(--black);
	position: relative;
	border-radius: 0;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	margin: 5px 0px;
	text-align: left;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background: var(--btn-color);
}
.video-box-rel{
	position: relative;
}
.delete-video-icon i {
    position: absolute;
    right: -5px;
    top: -20px;
    z-index: 2;
    color: var(--white);
    background-color: #283b87;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    transition: 0.5s all;
}
.delete-video-icon i:hover {
    transform: rotate(360deg) scale(1.1);
    background-color: #5CBB47;
}
.image-box{
	position: relative;
}
.delete-icon i {
	position: absolute;
    right: -5px;
    top: -20px;
    z-index: 2;
    color: var(--white);
    background-color: #283b87;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    transition: 0.5s all;
}
.delete-icon i:hover{
	transform: rotate(360deg) scale(1.1);
    background-color: #5CBB47;
}
.vid_box {
    max-width: 600px;
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
}
.vid_box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vid_box img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
.vid_play_btn {
	width: 130px;
	height: 130px;
	border-radius: 100%;
	background: #0000004f;
	backdrop-filter: blur(2px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 46px;
	color: #fffc;
	transition: all 0.25s;
}
.vid_play_btn:hover {
	color: var(--white);
}
.vid_details_box .title {
    font-family: var(--matter-medium);
    font-size: 25px;
    color: var(--black);
    line-height: 1;
    padding-bottom: 10px;
}
.vid_details_box .scroll_container {
	max-height: 335px;
	overflow-y: auto;
}
.vid_details_box .scroll_container::-webkit-scrollbar {
	width: 3px;
}
.vid_details_box .scroll_container::-webkit-scrollbar-track {
	background: #fff;
}
.vid_details_box .scroll_container::-webkit-scrollbar-thumb {
	background: var(--btn-color);
}
.message_box {
	position: relative;
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
}
.message_box .top_info {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 8px;
}
.message_box .ms_img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	object-fit: cover;
	object-position: center;
}
.message_box .text_box {
	width: calc(100% - 35px);
}
.message_box .ms_name {
	font-size: 16px;
	font-weight: 500;
	color: var(--black);
	padding-bottom: 5px;
	line-height: 1;
}
.message_box .ms_tagline {
	font-size: 12px;
	color: #858688;
	line-height: 1;
}
.message_box .bottom_info {
	display: flex;
	gap: 20px;
}
.message_box .text_msg {
	font-size: 14px;
	color: #5b5c5e;
}
.message_box .cmnt_img img {
	width: 65px;
	height: 65px;
	border-radius: 8px;
	overflow: hidden;
	object-fit: cover;
	object-position: center;
}
.gen_input {
	font-size: 15px;
	padding: 15px;
	resize: none;
	height: 300px;
}
.drop_qr_img {
	width: 100%;
	height: 60px;
	border: 2px dashed #000;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}
.drop_qr_img p {
	font-size: 14px;
	color: rgba(153, 153, 153, 1);
}
.drop_qr_img p span {
	color: rgba(255, 183, 3, 1);
}
.up_circle {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--btn-color);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
}
.up_circle img {
	max-width: 25px;
}
.upload_content_form {
	max-width: 850px;
}
.gen_textarea {
	background-color: var(--white);
	font-family: var(--satoshi-regular);
	font-size: 16px;
	border: none;
	color: #02033B;
	width: 100%;
	height: 225px;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	resize: none;
}
.gen_label {
	font-family: var(--matter-regular);
	font-size: 18px;
	color: var(--black);
	line-height: 1;
	font-weight: 600;
}
.upload_content_form .dark-btn {
	margin-left: auto;
	border: 0;
}
.modal-footer {
    border: none;
}
.user-flex{
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0px 0px 20px 0px ;
}
.user-flex .user-img{
	width: 8%;
	overflow: hidden;
}
.user-flex .user-img img{
	border-radius: 50%;
}
.user-flex .user-text h6{
font-family: var(--matter-medium);
font-size: 25px;
color: var(--black);
line-height: 1;
padding-bottom: 10px;
}
.user-img{
	position: relative;
}
.user-img .user-edit-img{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.user-img .user-edit-img i{
	color: black;
	font-size: 25px;
}
.user-edit-img button{
	background-color: white;
	border-radius: 20px;
	border: none;
	transition: 0.5s;
}
.user-edit-img button:hover{
	background-color: #5CBB47;
}
textarea.comment-area {
	background-color: var(--white);
    font-family: var(--satoshi-regular);
    font-size: 16px;
    border: none;
    color: #02033B;
    width: 100%;
    height: 150px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    resize: none;
}
input.change-pass {
    background-color: var(--white);
    font-family: var(--satoshi-regular);
    font-size: 16px;
    border: none;
    color: #02033B;
    width: 100%;
    height: 70px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    resize: none;
}
.comment-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--matter-semibold);
	font-size: 14px;
	color: var(--white);
	width: 130px;
	height: 45px;
	background-color: var(--btn-color);
	transition: 0.5s all;
	border: none;
}
.comment-btn:hover{
	background-color: #5CBB47;
	color: var(--white);
}
.dlt-comment {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 16px;
    background-color: #283b86;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: 0.5s all;
    cursor: pointer;
}
.dlt-comment a i {
    color: white;
}
.dlt-comment:hover{
	transform: rotate(360deg) scale(1.1);
    background-color: #5CBB47;
	color: var(--white);
	z-index: 2;
	overflow: hidden;
}
.custom_modal_wrapper {
	width: 100vw;
	height: 100vh;
	background: #0000007d;
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom_modal_wrapper  .modal_body {
	width: 500px;
	background: #fff;
	padding: 20px 0px 0px 0px;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #fff;
}
.custom_modal_wrapper  .modal_body p {
	font-family: var(--matter-regular);
	font-size: 18px;
	color: var(--black);
	margin: 20px 0px 30px 0px;
	text-align: center;
}
.custom_modal_wrapper  .modal_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--matter-semibold);
	font-size: 18px;
	color: var(--white);
	width: 100%;
	height: 70px;
	background-color: #283b87;
	transition: 0.5s all;
	border: 0;
}
.custom_modal_wrapper1 {
    width: 80vw;
    height: 80vh;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom_modal_wrapper1  .modal_body1 {
    width: 500px;
    height: 340px;
    background: #fff;
    padding: 20px 0px 0px 0px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px 2px #00000021;
}
.tag-main-wrapper{
	padding: 150px 0px 100px 0px;
}
.tag-box-main-wrapf{
	display: flex;
    height: 100vh;
    justify-content: space-between;
    position: sticky;
    top: 100px;
}
.tag-box-wrap-1 {
    width: 400px;
    padding: 0px 40px 0px 100px;
}
.tag-box-wrap-2 {
    width: 400px;
    padding: 0px 40px;
}
.tag-box-2 {
    width: calc( 100% - 800px);
    margin: 0 auto;
    position: relative;
    margin-top: -100vh;
}
.tag-box-2-img {
    margin: 0px 0px 30px 0px;
}
.tag-box-wrap-1-text h6{
	font-family: var(--matter-medium);
	font-size: 25px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.tag-box-wrap-1-text1 h6{
	font-family: var(--matter-medium);
	font-size: 25px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.tag-box-wrap-1-text ul li a{
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.tag-box-wrap-1-text ul li a:hover{
	text-decoration: underline;
}
.tag-box-wrap-1-text1 ul li{
	border-bottom: 1px solid #66686f1c;
	line-height: 30px;
}
.tag-box-wrap-1-text1 ul li:hover{
	border-bottom: 1px solid #66686f;
}
.tag-box-wrap-1-text1 ul li a{
	font-family: var(--matter-regular);
	font-size: 16px;
	color: var(--black);
	display: flex;
	width: 100%;
}
.tag-box-2-com-f{
	display: flex;
	align-items: normal;
	gap: 10px;
	padding: 20px;
	background-color: #eeee;
}
.tag-box-2-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tag-box-2-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tag-box-2-com-img1 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
}	
.tag-box-2-com-img2 {
    width: 155px;
    height: 82px;
    border-radius: 100%;
    object-fit: cover;
    overflow: hidden;
}	
.tag-box-2-com-text {
    margin: auto 0;
}