/************ T BLE OF CONTENTS ***************

  Theme Default CSS
	Preloader
	Headers
	Hero Section
	Services Section
	Portfolio Section
	Popup Section
	Resume Section
	Skills Section
	Testimonials Section
	Blog Section
	Blog Standard Page
	Blog Details Page
	Contact Section
	Footer Area
	Sidebar Menu
	Sidebar Widgets
	Breadcrumb Area

**********************************************/

/*
* ===============================
*  START: Theme Default CSS
* ===============================
*/
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");

:root {
	/* ----------------------------------
   @font family declaration
  ------------------------------------ */
	--tj-ff-body: "Sora", sans-serif;
	--tj-ff-heading: "Sora", sans-serif;
	--tj-ff-russo: "Russo One", sans-serif;
	--tj-ff-fontawesome: "Font Awesome 6 Pro";
	/* ----------------------------------
   @color declaration
  ------------------------------------ */
	--tj-body: #dddddd;
	--tj-white: #ffffff;
	--tj-black: #000000;
	--tj-black-2: #050709;
	--tj-heading-primary: #101010;
	--tj-heading-secondary: #ea1826;
	--tj-theme-primary: #8750f7;
	--tj-theme-secondary: #2a1454;
	--tj-theme-accent-1: #0f0715;
	--tj-theme-accent-2: #140c1c;
	--tj-grey-1: #747779;
	--tj-grey-2: #d9d9d9;
	--tj-grey-3: #dddddd;
	--tj-grey-4: #22272c;
	/* ----------------------------------
   @font weight declaration
  ------------------------------------ */
	--tj-fw-normal: normal;
	--tj-fw-elight: 200;
	--tj-fw-light: 300;
	--tj-fw-regular: 400;
	--tj-fw-medium: 500;
	--tj-fw-sbold: 600;
	--tj-fw-bold: 700;
	--tj-fw-ebold: 800;
	--tj-fw-black: 900;
	/* ----------------------------------
    @font size declaration
  ------------------------------------ */
	--tj-fz-body: 16px;
	--tj-fz-btn: 15px;
	--tj-fz-p: 18px;
	--tj-fz-h1: 65px;
	--tj-fz-h2: 45px;
	--tj-fz-h3: 30px;
	--tj-fz-h4: 24px;
	--tj-fz-h5: 22px;
	--tj-fz-h6: 18px;
	--tj-fz-sub-title: 36px;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	scrollbar-width: thin;
	scrollbar-color: var(--tj-theme-primary) var(--tj-theme-secondary);
}

::-webkit-scrollbar {
	height: 4px;
	width: 4px;
	background: var(--tj-theme-secondary);
}

::-webkit-scrollbar-thumb {
	background: var(--tj-theme-primary);
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
	background: transparent;
}

html,
body {
	min-height: 100%;
	overflow-x: hidden;
	background-color: #EBE6D9;
}

img {
	max-width: 100%;
}

body {
	font-family: var(--tj-ff-body);
	font-size: var(--tj-fz-body);
	font-weight: var(--tj-fw-regular);
	color: var(--tj-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--tj-ff-heading);
	font-weight: var(--tj-fw-bold);
	line-height: 1.2;
	color: var(--tj-white);
	margin-bottom: 15px;
}

h1 {
	font-size: var(--tj-fz-h1);
}

h2 {
	font-size: var(--tj-fz-h2);
}

h3 {
	font-size: var(--tj-fz-h3);
}

h4 {
	font-size: var(--tj-fz-h4);
}

h5 {
	font-size: var(--tj-fz-h5);
}

h6 {
	font-size: var(--tj-fz-h6);
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover {
	text-decoration: none;
}

.site-content {
	overflow: hidden;
}

.ul-reset {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tj-btn-primary {
	text-decoration: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: var(--tj-fz-btn);
	line-height: 1;
	font-weight: var(--tj-fw-bold);
	color: var(--tj-white);
	text-transform: capitalize;
	background-size: 200%;
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	border: none;
	border-radius: 50px;
	padding: 17px 35px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.tj-btn-primary i {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.tj-btn-primary:hover {
	background-position: -100%;
}
.tj-btn-primary:hover i {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.tj-btn-secondary {
	text-decoration: none;
	font-size: var(--tj-fz-btn);
	line-height: 1;
	font-weight: var(--tj-fw-medium);
	color: white;
	border-radius: 50px;
	padding: 17px 35px;
	border: 1px solid #FC466B;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	letter-spacing: 1px;
}
.tj-btn-secondary:hover {
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.lead {
	font-size: 20px;
}
.social-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.social-icons li {
	margin-right: 20px;
}
.social-icons li:last-child {
	margin-right: 0;
}
.social-icons li a {
	color: #FC466B;
	
	width: 35px;
	height: 35px;
	border: 1px solid #3F5EFB;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
.social-icons li a i {
	transition: 0.3s;
}
.social-icons li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border-radius: 50%;
	z-index: -1;
}
.social-icons li a:hover {
	border: 1px solid var(--tj-theme-primary);
	color: var(--tj-white);
}
.social-icons li a:hover::before {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.funfact-item {
	gap: 15px;
}

.funfact-item .number {
	font-size: 64px;
	line-height: 1;
	font-weight: var(--tj-fw-bold);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center; 
	color: #3F5EFB;  /* fallback for old browsers */
	align-items: center;
}
.section-header {
	margin-bottom: 50px;
	max-width: 700px;
	width: 100%;
}
.section-header .section-title {
	font-size: 45px;
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}
.section-header p:last-child {
	margin-bottom: 0;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	padding: 3px !important;
}
.owl-dots {
	text-align: center;
	margin-top: 25px;
}
.owl-dots .owl-dot {
	margin-right: 5px;
}
.owl-dots .owl-dot:last-child {
	margin-right: 0;
}
.owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	background: var(--tj-grey-2);
	border-radius: 50%;
	display: block;
	opacity: 0.2;
}
.owl-dots .owl-dot.active span {
	background: var(--tj-theme-primary);
	opacity: 1;
}
.tj-nice-select {
	float: none;
	width: 100%;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: var(--tj-grey-1);
}
.tj-nice-select:hover {
	border-color: rgba(255, 255, 255, 0.1);
}
.tj-nice-select:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: var(--tj-theme-primary);
}
.tj-nice-select::after {
	content: "";
	top: 50%;
	right: 10px;
	position: absolute;
	background: url(../img/icons/down-arrow.svg);
	background-position: center;
	background-size: cover;
	border: none;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	width: 15px;
	height: 12px;
	margin-top: -6px;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
.tj-nice-select.open::after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option {
	color: var(--tj-theme-accent-1);
}
/* END: Theme Default CSS */

/*
* ===============================
*  START: Preloader
* ===============================
*/
body.loaded {
	overflow: hidden !important;
	height: 100% !important;
}

.preloader {
	position: fixed;
	z-index: 10;
	height: 100vh;
	width: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: transparent;
	z-index: 99999999999999;
}

.preloader svg {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 110vh;
	fill: var(--tj-black-2);
}

.preloader .preloader-heading .load-text {
	font-size: 20px;
	font-weight: 200;
	letter-spacing: 15px;
	text-transform: uppercase;
	z-index: 20;
}

.load-text span {
	-webkit-animation: loading 1s infinite alternate;
	animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.load-text span:nth-child(2) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

@-webkit-keyframes loading {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes loading {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* END: Preloader */

/*
* ===============================
* START: Headers
* ===============================
*/

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	80% {
		-webkit-transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceInUp {
	0%,
	10%,
	35%,
	50%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	10% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	35% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 2px, 0);
		transform: translate3d(0, 2px, 0);
	}
	80% {
		-webkit-transform: translate3d(0, -90px, 0);
		transform: translate3d(0, -90px, 0);
	}
	to {
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}
}
@keyframes bounceInUp {
	0%,
	10%,
	35%,
	50%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	10% {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	35% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 2px, 0);
		transform: translate3d(0, 2px, 0);
	}
	80% {
		-webkit-transform: translate3d(0, -90px, 0);
		transform: translate3d(0, -90px, 0);
	}
	to {
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}
}
.tj-header-area {
	padding: 40px 0 20px;
	position: fixed;
	z-index: 9;
	background: black;
}
.tj-header-area.header-absolute {
	position: fixed;
	background-color: #08080d;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}
.tj-header-area.header-2 {
	width: 100%;
	position: fixed;
	top: -90px;
	left: 0;
	padding: 15px 0;
	z-index: 100;
	opacity: 0;
	transition: 0.3s;
	background-color: #08080d;
	/* box-shadow: 0 0 30px rgba(135, 80, 247, 0.2); */
}
.tj-header-area.header-2.sticky {
	top: 0;
	opacity: 1;
	animation: bounceInDown 1s;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.tj-header-area.header-2.sticky-out {
	top: 0;
	opacity: 1;
	animation: bounceInUp 1s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.tj-header-area .logo-box {
	max-width: 60px;
	width: 100%;
	margin-right: 35px;
}
.tj-header-area .logo-box a {
	display: inline-block;
}
.tj-header-area .header-info-list ul li {
	margin-right: 25px;
}
.tj-header-area .header-info-list ul li a {
	color: var(--tj-white);
	font-size: var(--tj-fz-btn);
	font-weight: var(--tj-fw-medium);
	text-decoration: none;
}
.tj-header-area .header-menu {
	margin-left: auto;
}
.tj-header-area .header-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	column-gap: 35px;
}
.tj-header-area .header-menu ul li {
	position: relative;
}
.tj-header-area .header-menu ul li a {
	display: flex;
	color: var(--tj-white);
	font-size: var(--tj-fz-btn);
	font-weight: var(--tj-fw-medium);
	text-decoration: none;
	position: relative;
	padding: 10px 0;
}
.tj-header-area .header-menu ul li a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background: var(--tj-theme-primary);
	background: -o-linear-gradient(
		190deg,
		var(--tj-theme-secondary) 0%,
		var(--tj-theme-primary) 100%
	);
	background: linear-gradient(
		260deg,
		var(--tj-theme-secondary) 0%,
		var(--tj-theme-primary) 100%
	);
	bottom: 9px;
	left: 0;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tj-header-area .header-menu ul li.current-menu-ancestor a::before,
.tj-header-area .header-menu ul li:hover a::before {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.tj-header-area .header-button {
	margin-left: 55px;
}
.tj-header-area .menu-bar {
	margin-left: 25px;
}
.tj-header-area .menu-bar button {
	border: none;
	padding: 0;
	background-color: transparent;
	height: 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	transform-origin: center center;
	transform: rotate(0deg);
	cursor: pointer;
	transition: transform 300ms ease;
}
.tj-header-area .menu-bar button span {
	height: 3px;
	width: 35px;
	display: block;
	background: var(--tj-white);
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
	margin-left: auto;
}
.tj-header-area .menu-bar button span:nth-child(2) {
	width: 40px;
	transition-delay: 200ms;
}
.tj-header-area .menu-bar button span:nth-child(3) {
	width: 30px;
}
.tj-header-area .menu-bar button span:nth-child(4) {
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 3px;
	height: 0;
	transition: height 400ms;
}
.tj-header-area .menu-bar.menu-bar-toggeled button {
	transform: rotate(45deg);
	transition-delay: 400ms;
}
.tj-header-area .menu-bar.menu-bar-toggeled button span:nth-child(1) {
	width: 0;
}
.tj-header-area .menu-bar.menu-bar-toggeled button span:nth-child(3) {
	width: 0;
}
.tj-header-area .menu-bar.menu-bar-toggeled button span:nth-child(4) {
	height: 40px;
	transition: height 200ms ease;
	transition-delay: 200ms;
}
/* END: Headers */

/*
* ===============================
*  START: Hero Section
* ===============================
*/
.hero-section {
	padding: 80px 0 50px;
	background: #101010;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.hero-section:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 322px;
	height: 308px;
	border-radius: 50%;
	
	margin-right: -5%;
	margin-top: -5%;
	z-index: -1;
}
.hero-section .intro_text svg {
	font-family: var(--tj-ff-russo);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 55%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: end;
	z-index: -1;
	left: 40%;
	margin-top: 100px;
}
.hero-section .intro_text svg text {
	text-transform: uppercase;
	animation: stroke 4s;
	stroke-width: 1.2;
	stroke: #4b4b4b;
	fill: transparent;
	font-size: 240px;
	display: inline-block;
	opacity: 0.4;
	
}


@keyframes stroke {
	0% {
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		stroke-width: 1;
	}
	100% {
		stroke-dashoffset: 100%;
		stroke-dasharray: 100% 0;
		stroke-width: 1;
	}
}

.hero-sub-title {
	font-size: var(--tj-fz-sub-title);
	font-weight: var(--tj-fw-bold);
	display: block;
	margin-bottom: 10px;
}

.hero-title {
	font-size: 65px;
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero-content-box span{
	color:black;
}
.hero-content-box p{
	color:black;
}
.hero-content-box .lead {
	max-width: 550px;
	width: 100%;
	margin-bottom: 0;
}
.hero-content-box .button-box {
	margin-top: 50px;
	gap: 25px;
}

.hero-image-box img {
	border-radius: 38px;
	-webkit-transform: rotate(4.29deg);
	-ms-transform: rotate(4.29deg);
	transform: rotate(4.29deg);
	position: relative;
	border: 2px solid var(--tj-theme-secondary);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.hero-image-box img:hover {
	border: 2px solid var(--tj-theme-primary);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.hero-image-box {
	position: relative;
}

.hero-image-box:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: var(--tj-theme-primary);
	background: -o-linear-gradient(
		190deg,
		var(--tj-theme-primary) 0%,
		rgba(115, 67, 210, 0) 100%
	);
	background: linear-gradient(
		260deg,
		var(--tj-theme-primary) 0%,
		rgba(115, 67, 210, 0) 100%
	);
	-webkit-filter: blur(150px);
	filter: blur(150px);
	margin-left: -5%;
	margin-bottom: -5%;
}

.hero-section .funfact-area {
	margin-top: 120px;
}
/* END: Hero Section */

/*
* ===============================
*  START: Services Section
* ===============================
*/





/* END: Services Section */

/*
* ===============================
*  START: Portfolio Section
* ===============================
*/

/*  END: Portfolio Section */

/*
* ===============================
*  START: Popup Section
* ===============================
*/

/* END: Popup Section */

/*
* ===============================
*  START: Resume Section
* ===============================
*/


/* END: Resume Section */

/*
* ===============================
*  START: Skills Section
* ===============================
*/

/*  END: Skills Section */

/*
* ===============================
*  START: Testimonials Section
* ===============================
*/

/* END: Blog Section */

/*
* ===============================
*  START: Blog Standard Page
* ===============================
*/


/* END: Blog Standard Page */

/*
* ===============================
*  START: Blog Details Page
* ===============================
*/
/* END: Blog Details Page */

/*
* ===============================
*  START: Contact Section
* ===============================
*/
/* END: Contact Section */

/*
* ===============================
*  START: Footer Area
* ===============================
*/

.tj-footer-area {
	background:#08080d;
	padding: 50px 0 20px;
	
}
.footer-logo-box {
	max-width: 95px;
	width: 100%;
	margin: 0 auto 35px;
}
.footer-logo-box a {
	display: inline-block;
}
.footer-menu ul {
	margin: 0 0 27px;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 150px;
}
.footer-menu ul li a {
	color: White;
	font-size: var(--tj-fz-btn);
	font-weight: var(--tj-fw-bold);
	text-decoration: none;
	position: relative;
	padding: 6px;
}
.footer-menu ul li a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background: var(--tj-theme-primary);
	background: -o-linear-gradient(
		190deg,
		var(--tj-theme-secondary) 0%,
		var(--tj-theme-primary) 100%
	);
	background: linear-gradient(
		260deg,
		var(--tj-theme-secondary) 0%,
		var(--tj-theme-primary) 100%
	);
	bottom: -1px;
	left: 0;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.copy-text p {
	margin-bottom: 0;
	color: white;
	font-weight: var(--tj-fw-light);
}
.copy-text span{
	color:red;
}
.copy-text p > a {
	text-decoration: none;
	color: inherit;
	font-weight: var(--tj-fw-medium);
	font-family: inherit;
}
.copy-text p > a:hover {
	color: var(--tj-theme-primary);
}
/* END: Footer Area */

/*
* ===============================
*  START: Sidebar Menu
* ===============================
*/
.side-navbar {
	position: fixed;
	top: 50%;
	left: 1rem;
	background: var(--tj-white);
	border-radius: 10px;
	padding: 1rem 0;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.03);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.03);
	z-index: 10000;
	-webkit-transform: translateY(-50%) translateX(-120%);
	-ms-transform: translateY(-50%) translateX(-120%);
	transform: translateY(-50%) translateX(-120%);
	background: var(--tj-theme-secondary);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.side-navbar.sticky-sidebar {
	-webkit-transform: translateY(-50%) translateX(0);
	-ms-transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
}
.side-navbar li a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 3.5rem;
	width: 5.5rem;
	color: var(--tj-theme-primary);
	-webkit-transition: 250ms ease all;
	-o-transition: 250ms ease all;
	transition: 250ms ease all;
	text-decoration: none;
}
.side-navbar li.active-bg {
	width: 3.5rem;
	height: 3.5rem;
	background-color: var(--tj-theme-primary);
	border-radius: 17.5px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: -2px;
	z-index: -1;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.side-navbar li a span {
	position: absolute;
	left: 100%;
	-webkit-transform: translate(-3rem);
	-ms-transform: translate(-3rem);
	transform: translate(-3rem);
	margin-left: 1rem;
	opacity: 0;
	pointer-events: none;
	color: var(--tj-theme-primary);
	background: var(--tj-white);
	padding: 0.75rem;
	-webkit-transition: 250ms ease all;
	-o-transition: 250ms ease all;
	transition: 250ms ease all;
	border-radius: 17.5px;
}
.side-navbar li.is-current a,
.side-navbar li:hover a {
	color: var(--tj-white);
}
.side-navbar li a i {
	font-size: 30px;
	display: inline;
	line-height: 1;
}
.side-navbar li.is-current a span,
.side-navbar li:hover a span {
	opacity: 1;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}
.side-navbar li:first-child.is-current a span {
	opacity: 0;
}
.side-navbar ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* END: Sidebar Menu */

/*
* ===============================
*  START: Sidebar Widgets
* ===============================
*/
.tj_main_sidebar .sidebar_widget {
	background-color: var(--tj-theme-accent-2);
	padding: 30px 25px;
	border-radius: 8px;
}
.tj_main_sidebar .sidebar_widget:not(:last-child) {
	margin-bottom: 30px;
}
.sidebar_widget .widget_title {
	margin-bottom: 25px;
}
.sidebar_widget .widget_title .title {
	font-size: 20px;
	text-transform: uppercase;
	color: var(--tj-white);
	letter-spacing: 0.02em;
	margin-bottom: 0;
}
.sidebar_widget.services_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.sidebar_widget.services_list ul li {
	display: flex;
	width: 100%;
	align-items: center;
}
.sidebar_widget.services_list ul li button {
	display: flex;
	align-items: start;
	width: 100%;
	text-align: left;
	border: none;
	background: transparent;
	color: var(--tj-body);
	padding: 15px 20px;
	border-radius: 8px;
	font-size: 16px;
	transition: 0.4s;
	position: relative;
	z-index: 1;
}
.sidebar_widget.services_list ul li button::before {
	content: "\f105";
	font-family: var(--tj-ff-fontawesome);
	font-weight: var(--tj-fw-normal);
	position: absolute;
	right: 20px;
	top: 16px;
}

.sidebar_widget.services_list ul li:hover button {
	background-color: var(--tj-theme-secondary);
	color: var(--tj-white);
}
.sidebar_widget.services_list ul li.active button {
	background-color: var(--tj-theme-primary);
	color: var(--tj-white);
}
.sidebar_widget.services_list ul li button i {
	font-size: 25px;
	line-height: 1;
	margin-right: 10px;
	color: var(--tj-body);
	transition: all 0.4s ease-in-out 0s;
}

.sidebar_widget.services_list ul li.active button i,
.sidebar_widget.services_list ul li:hover button i {
	color: var(--tj-white);
}
.sidebar_widget.contact_form .form_group {
	margin-bottom: 10px;
}
.sidebar_widget.contact_form .form_group textarea {
	height: 150px;
}
.sidebar_widget.contact_form .form_btn .btn {
	width: 100%;
}

.tj-widget__search.form_group {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	margin: 0;
}
.tj-widget__search.form_group
	input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
	padding: 16px 60px 16px 20px;
}
.tj-widget__search.form_group .search-btn {
	border: none;
	padding: 0;
	background-color: var(--tj-theme-primary);
	font-size: 20px;
	color: white;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: all 0.4s ease-in-out 0s;
}
.tj-widget__search.form_group .search-btn:hover {
	background-color: var(--tj-theme-secondary);
}
.sidebar_widget.widget_categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidebar_widget.widget_categories ul li {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	color: var(--tj-theme-primary);
	font-size: 16px;
	font-weight: var(--tj-fw-medium);
}
.sidebar_widget.widget_categories ul li:not(:last-child) {
	margin-bottom: 20px;
}
.sidebar_widget.widget_categories ul li ul {
	margin-left: 20px;
}
.sidebar_widget.widget_categories ul li a {
	display: block;
	text-decoration: none;
	font-size: inherit;
	font-weight: inherit;
	color: var(--tj-body);
	transition: all 0.4s ease-in-out 0s;
}
.sidebar_widget.widget_categories ul li a:hover {
	color: var(--tj-theme-primary);
}
.tj_recent_posts ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tj_recent_posts ul li {
	display: flex;
	width: 100%;
	align-items: start;
	flex-wrap: wrap;
	gap: 20px;
}
.tj_recent_posts ul li:not(:last-child) {
	margin-bottom: 30px;
}

.tj_recent_posts ul li .recent-post_thumb {
	max-width: 80px;
	width: 100%;
	height: 80px;
	overflow: hidden;
}
.tj_recent_posts ul li .recent-post_thumb a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.tj_recent_posts ul li .recent-post_thumb a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.8s ease-in-out 0s;
}
.tj_recent_posts ul li:hover .recent-post_thumb a img {
	transform: scale(1.1);
}
.tj_recent_posts ul li .recent-post_content {
	max-width: calc(100% - 100px);
}
.tj_recent_posts ul li .recent-post_content .tj-post__meta {
	margin-bottom: 10px;
}
.tj_recent_posts ul li .recent-post_content .recent-post_title {
	font-size: 18px;
	line-height: 1.3;
	color: var(--tj-white);
	margin-bottom: 0;
	letter-spacing: 0.01em;
	font-weight: var(--tj-fw-medium);
}
.tj_recent_posts ul li .recent-post_content .recent-post_title a {
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	line-height: inherit;
	transition: all 0.4s ease-in-out 0s;
}
.tj_recent_posts ul li .recent-post_content .recent-post_title a:hover {
	color: var(--tj-theme-primary);
}
.tagcloud {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.tagcloud a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--tj-grey-1);
	text-decoration: none;
	background-color: transparent;
	color: var(--tj-white);
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.01em;
	padding: 10px 15px;
	border-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
.tagcloud a:hover {
	color: var(--tj-white);
	background-color: var(--tj-theme-primary);
	border-color: var(--tj-theme-primary);
}
/* END: Sidebar Widgets */

/*
* ===============================
*  START: Breadcrumb Area
* ===============================
*/

/* END: Breadcrumb Area */
.course-content p{
	color:#000000;
	text-align: justify;
	font-size: 20px;
	Width:80%;
}
.course-sec{
	margin: 75px;
	h4{
		font-size: 25px;
		color: black;
		font-weight: 500;
	}
	h5{
		font-size: 20px;
		color: black;
		font-weight: 500;
	}
	h2{
		font-size: 40px;
		background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	span{
		color: black;
	}
}
.coursesec-left img{
	width: 30%;
	margin-bottom: -360px;
	margin-left: 68%; 
}
.course-content{
	margin-top: -45px;
	width: 65%;
}
/* responsive code start */
@media (max-width: 768px) {
    .coursesec-left img {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
    }

    .course-content {
        margin-top: 0;
        width: 100%;
    }
    .course-content p {
			margin-top: 0;
			width: 100%;
	}
}


@media (min-width: 769px) {
    .coursesec-left img {
        width: 30%;
        margin-bottom: -360px;
        margin-left: 68%;
    }

    .course-content {
        margin-top: -45px;
        width: 65%;
    }
}

/* responsive code end */
.faq-container {
	margin-top: -100px;

	
  }
  .faq-head {
	padding-top: 50px;
	padding-bottom: 50px;
  }
  .faq-head h1 {
	color: white;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-weight: 780;
	font-size: 20px;
  }
  .faq-head h3 {
	color:black;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 12px;
  }
  
  .faq-questionborder {
	border: 0.1px solid rgb(207, 193, 193);
	
	margin-bottom: 20px;
	
	padding: 15px;
	border-radius: 10px;
  }
  .faq-questionborder:hover{
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B);

  }

  .faq-questionborder h4 {
	color: black;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	
	font-size: 20px;
	margin: 5px;
	padding-left: 10px;
	text-align: left;
  }
  .faq-questionborder p {
	
	color:black;
	/* font-family: sans-serif;
	font-weight: 549; */
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	padding: 0px 50px 0px 50px;
	text-align: justify;
	line-height: 30px;
  }
  .faq-question {
	cursor: pointer;
	font-weight: bold;
	margin-left: 50px;
	margin-bottom: 10px;
	position: relative;
  }
  .faq-arrow {
	position: absolute;
	left: -20px;
	top: 40%;
	transform: translateY(-50%);
	transition: transform 0.6s;
	color: black;
  }
  .faq-answer {
			display: none;
	background-color: white;
	padding-bottom: 5px;
	text-align: start;
	li{
		color: black;
		margin-left: 60px;
	}

	
  }
  .faq-open .faq-arrow {
	transform: translateY(-50%) rotate(180deg);
  }


  .curriculum_faq-answer {
		font-size: 10px;
	display: none;
	background-color: white;
	padding-bottom: 5px;
	
	li{
		color: black;
		margin-left: 60px;
		
	}
	p{
		font-size: 15px;	
	}
	span{
		margin-left: 65%; 
		font-size: 15px;
	}
	
	
  }

  @media (max-width: 768px) {
		.faq-container{
			padding-left: -100px;
			padding-right: -100px;}
			.faq-container h5{
				margin-left: -120px;
			}
		
		.faq-container h2{
		margin-left: -120px;
	}
	.curriculum_faq-answer{
		
		min-width: 250px;
		max-width: 100%;
	}
	.course-sec{
		margin: 20px;
	}
	.coursesec-left img{
		width: 90%;
		
		/* margin-left: 35%; */
	}
  .course-sec h2{
		font-size: 25px;
	}
	.curriculum_faq-answer p span {
	  font-size: 13px;
	  margin-left: 10px;
	}
  
	.preview_bt {
	  width:50px;
	  height: 20px;
	  font-size: 10px;
	 
	}
  }

  .preview_bt{
  width: 100px;
  height: 40px;
  border: 3px solid #315cfd;
  border-radius: 45px;
  transition: all 0.3s;
  cursor: pointer;
  text-decoration: none;
  background: white;
  font-size: 15px;
  font-weight: 550;
  font-family: 'Montserrat', sans-serif;
  padding: 10px;
}

.preview_bt:hover {
	background: #FC466B;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3F5EFB, #FC466B);
  color: white;
  font-size: 12pxem;
}

  /* For mobile devices (up to 767px wide) */
  @media only screen and (max-width: 767px) {
	/* CSS rules specific to mobile devices go here */
	.faq-container{
	 width:100%;
	 margin: 0px;
	}
	
	.faq-head h1 {
	  font-size: 30px;
	  width: 100%;
	}
	.faq-head h3 {
	  font-size: 20px;
	  width: 100%;
	}
	.faq{
		width: 90%;
		margin-left: 5%;
		padding: 15px;
	}
	.faq-questionborder
	{
		width: 100%;margin: 0;
		padding: 15px;
		font-size: smaller;
		margin-bottom: 20px;
	}
	.faq-questionborder2
	{
		width: 100%;margin: 0;
		padding: 15px;
		font-size: smaller;
		margin-bottom: 20px;
	}
	
	.course-sec{
		display: block;
		position: relative;
	}
  }
  
  /* For tablet devices (768px to 1023px wide) */
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* CSS rules specific to tablet devices go here */
	.faq-head h1 {
	  font-size: 60px;
	}
	
	.faq-head h3 {
	  font-size: 40px;
	  padding: 0px 10px 0px 10px;
	}
	.faq-questionborder {
	  width: 675px;
	  margin-left: 10px;
	  margin-bottom: 5px;
	}
	.faq-questionborder h4 {
	  font-size: 40px;
	  padding: 0px 10px 0px 10px;
	}
	.faq-questionborder p {
	  font-size: 35px;
	  line-height: 50px;
	}
	.faq-questionborder2 {
	  width: 675px;
	  margin-left: 10px;
	  margin-bottom: 5px;
	}
	.faq-questionborder2 h4 {
	  font-size: 40px;
	  padding: 0px 10px 0px 10px;
	}
	.faq-questionborder2 p {
	  font-size: 35px;
	  line-height: 50px;
	}
  }

  .coursecontent-nav{
	border: 1px solid black;
	width: 50%;
	background-color: rgb(230, 193, 199);
	text-align: center;
	border: none;
  }
  .coursecontent-nav button{
	background-color:transparent;
	border: 1px solid white;
	padding: 5px;
	
	margin: 5px;
  }
  .selected {
	background-color: #c41717;
  }
 
  


  .intructor-container {
	display: flex;
  }
  .intructor-details {
	margin-left: 20px;
	color: #08080d;
  }
  .intructor-details svg {
	padding-bottom: 5px;
	padding-left: 10px;
  }
  .fas fa-star {
	background-color: goldenrod;
	color: #3f5efb;
  }
  @media only screen and (max-width: 767px) {
	.intructor-container {
	  display: block;
	}
	/* .intructor-details {
	  margin-left: -10px;
	} */
	.intructor-details svg {
	  padding-bottom: 10px;
	}
  }

  /* dropdown */
.dropdown {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	
	
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color:black;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	width: 180px;
	text-align: center;
	border-radius: 10px;
  }
  
  .tj-header-area .header-menu ul .dropdown-content a:hover {
	color:  var(--tj-theme-primary);
	
  }
  
  .dropdown:hover .dropdown-content {
	display: block;
  }

  .tj-header-area .header-menu ul .dropdown-content a{
	font-size: 13px;
	font-weight: lighter;
  }

/* dropdown end */

#canvas
{
width: 100%;
justify-content: right;
height: 900px;
position: absolute;
z-index: -1;

}
.hero-section {
	padding: 200px 0 50px;
	background: #101010;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.hero-section:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 322px;
	height: 308px;
	border-radius: 50%;
	
	margin-right: -5%;
	margin-top: -5%;
	z-index: -1;
}
.hero-section .intro_text svg {
	font-family: var(--tj-ff-russo);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 55%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: end;
	z-index: -1;
	left: 40%;
}
.hero-section .intro_text svg text {
	text-transform: uppercase;
	animation: stroke 4s;
	stroke-width: 1.2;
	stroke: #4b4b4b;
	fill: transparent;
	font-size: 240px;
	display: inline-block;
	opacity: 0.4;
}


@keyframes stroke {
	0% {
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		stroke-width: 1;
	}
	100% {
		stroke-dashoffset: 100%;
		stroke-dasharray: 100% 0;
		stroke-width: 1;
	}
}

.hero-sub-title {
	font-size: var(--tj-fz-sub-title);
	font-weight: var(--tj-fw-bold);
	display: block;
	margin-bottom: 10px;
}

.hero-title {
	font-size: 65px;
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero-content-box .lead {
	max-width: 550px;
	width: 100%;
	margin-bottom: 0;
}
.hero-content-box .button-box {
	margin-top: 50px;
	gap: 25px;
}

.hero-image-box img {
	border-radius: 38px;
	-webkit-transform: rotate(4.29deg);
	-ms-transform: rotate(4.29deg);
	transform: rotate(4.29deg);
	position: relative;
	border: 2px solid var(--tj-theme-secondary);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.hero-image-box img:hover {
	border: 2px solid var(--tj-theme-primary);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.hero-image-box {
	position: relative;
}

.hero-image-box:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: var(--tj-theme-primary);
	background: -o-linear-gradient(
		190deg,
		var(--tj-theme-primary) 0%,
		rgba(115, 67, 210, 0) 100%
	);
	background: linear-gradient(
		260deg,
		var(--tj-theme-primary) 0%,
		rgba(115, 67, 210, 0) 100%
	);
	-webkit-filter: blur(150px);
	filter: blur(150px);
	margin-left: -5%;
	margin-bottom: -5%;
}

.hero-section .funfact-area {
	margin-top: 120px;
}
/* END: Hero Section */


@media (min-width: 768px) {
	.hero-section .intro_text svg {
		font-family: var(--tj-ff-russo);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 55%;
		transform: translate(-50%, -50%);
		display: flex;
		align-items:center;
		justify-content: center;
		z-index: -1;
		left:66%;
	}
	.hero-section .intro_text svg text {
		text-transform: uppercase;
		animation: stroke 4s;
		stroke-width: 1.2;
		stroke: #4b4b4b;
		fill: transparent;
		font-size: 240px;
		display: inline-block;
		opacity: 0.4;
	}
	.trusted-by
	{
		align-items:right;
		justify-content: right;
		background: #FC466B;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		
	}
}


@media only screen and (max-width: 767px) {
	.get_certified h2{
		margin-left: 0;
		margin-right: 0;
		font-size: 25px;		
	}
}
.faq-container{
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 100px;
	text-align: center;
	h5{
	    margin-top:120px;
		margin-left: 15%;
	margin-right: 15%;
	font-weight: 600;
		font-size: 45px;
		background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
	}
	h2{
		margin-top:120px;
	margin-left: 15%;
margin-right: 15%;

	font-size: 40px;
	background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;	
}
}
@media only screen and (max-width: 768px) {
	.faq-container h2 {
		margin:0px;
		font-size: 25px;
				
	}
	.faq-container h5 {
		margin:0px;
		font-size: 25px;
				
	}
}
.students-are-viewing-course {
	border: 1px solid;
	padding: 10px;
	
	/* background-color: #dbd0d0; */
	width: 430px;
	margin-left: 80px;
	border-radius: 20px;
	box-shadow: 0 15px 25px rgba(37, 36, 36, 0.2);
	backdrop-filter: blur(1px);
  }
  .students-are-viewing-course:hover {
		box-shadow: 0 15px 25px rgba(37, 36, 36, 0.2);
	}
  .students-are-viewing-course img {
	margin-top: 20px;
	width: 400px;
	transition: tranform 1.9s ease;
  }
  .students-are-viewing-course img:hover {
	transform: scale(1.02);
  }
  .savc-title {
		background: #FC466B;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-size: 20px;
			font-weight: 600;
	text-decoration: none;
	
  }
	.savc-title-container{
		margin-top: 20px;
		padding: 0px 30px;
	}
  .savc-title:hover {
	color: #001eff;
  }
	@media (max-width: 768px) {
		.students-are-viewing-course {
			width: calc(80% - 20px);
			margin-left: 12%; /* Adjust width to fit two items per row */
		}
	}
	
	.get_certified{
	margin-top: -60px;
	display: flex;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 100px;
	text-align:left;
	h2{
	
		width: 50%;
	/* margin-right: 15%; */
		font-size: 40px;
		margin-top: 60px;
		background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	p{
padding: 20px;
width: 50%;
		color: black;
		text-align: center;
		text-align: justify;
		justify-content: center;
	}
	
}
@media (max-width: 768px) {
	.get_certified {
		display:block;
		/* margin: 0 auto;
		width: 90%; */
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 20px;
	}
	.get_certified h2 {
		margin-left: -5%;
		font-size: 25px;
		margin-top: 30px;
		text-align: center;
		width: 120%;
	}
	.get_certified p {
		width: 110%;
		padding: 10px;
		font-size: 14px;
	}	
	}
	


.training-moodess {
  display: flex;
	margin: 20px;
  flex-direction: row;
  align-items: center; /* Align items vertically in the center */
}

.training-moodess-images {
  flex: 1; /* Take up all available space */
  order: 1; /* Order image to appear first */

}

.voipp {
  flex: 1; /* Take up all available space */
  order: 2; /* Order content to appear second */
  text-align: right; /* Align content to the right */
	padding-bottom: 50px;
}
.voipp h2{
	text-align: left;
		font-size: 40px;
		background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.voipp li{
	text-align: left;
	color:black;
}
.training-moodess-images img {
  width: 70%; /* Set the desired width */
  height: auto;
	margin-left: 20%;
	margin-top: -20%; /* Maintain aspect ratio */
}

@media (max-width: 767px) {
  .training-moodess {
		display: flex;
		margin: 20px;
		flex-direction: column; /* Change to column layout */
	}
	
	.training-moodess-images {
		order: 1; /* Move image to the top */
		text-align: center; /* Center image */
		margin-left: -10%;
	}
	
	.voipp {
		order: 2; /* Move content below the image */
		text-align: center; /* Center content */
		padding-bottom:0px;
	}
	.voipp h2
	{font-size: 25px;}
}


.voip{
	margin-top: -60px;
	margin-left: 10%;
	
	
	margin-bottom: 100px;
	text-align: left;
	h5{

		font-size: 30px;
		background: #FC466B;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	p{
       padding: 20px;
		color: black;
		
		text-align: justify;
		justify-content: center;
		width:45%;
	
	
	}
	
	
}
.voip img{
     width: 40%;
		margin-bottom: -360px;
		margin-left: 83%; 
	}
	/* img css */
	@media (max-width: 768px) {
		.voip img {
			width: 100%;
			margin-bottom: 0;
			margin-left: 0;
		}
	}
	@media (min-width: 769px) {
		.voip img {
			width: 40%;
			margin-bottom: -360px;
			margin-left: 53%;
		}
	}




@media only screen and (max-width: 767px) {
	.voip h5{
		margin-left:-5%;
		margin-right: 0;
		font-size: 25px;
		width: 100%;		
	}
	.voip p{
		margin-left: -30px;
		margin-right: -30px;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
.faq-container{

	width: 100%;margin: 0;
	padding: 0;

}
.faq-questionborder
{
	width: 100%;margin: 0;
	padding: 0;
	font-size: smaller;
	margin-bottom: 20px;
}
.faq-question h4
{
	width: 100%;margin: 0;
	padding: 0;
	font-size: medium;
}
.faq-question h3
{
	width: 100%;margin: 0;
	
	font-size: medium;
}

}
.faq-question h3 {
		color:black;
		text-align: left;
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		font-size: 20px;
		padding: 5px;
		}

		.faq-questionborder2 {
			border: 0.1px solid rgb(207, 193, 193);
			background-color: white;
			margin-bottom: 20px;
			
			padding: 15px;
			border-radius: 10px;
			}
			.faq-questionborder2:hover{
			background: #FC466B;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #3F5EFB, #FC466B);
		
			}
		
			.faq-questionborder2 h4 {
			color: black;
			font-family: "Roboto", sans-serif;
			font-weight: 600;
			
			font-size: 20px;
			margin: 5px;
			padding-left: 10px;
			text-align: left;
			}
			.faq-questionborder2 p {
			
			color:black;
			/* font-family: sans-serif;
			font-weight: 549; */
			font-family: "Roboto", sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 20px;
			padding: 0px 50px 0px 50px;
			text-align: justify;
			line-height: 30px;
			}

.relatedcourse h3{
	color:black;
	padding-left:5%;
}
.container h5{
	font-weight: 900;
	margin-top: 15px;
}




/* WhatsApp Chat Widget Styles */
#whatsapp-chat {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 9999;
}


    

#whatsapp-chat img {
    width: 70px; /* Adjust the size of the WhatsApp icon as needed */
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}



#whatsapp-chat a {
    display: inline-block;
    /* background-color: #25D366; */
    color: #FFFFFF;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 25px;
    position: relative; /* Added position relative for positioning the tooltip */
}

#whatsapp-chat .tooltip {
    position: absolute;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
    border-radius: 3px;
    bottom: 100%; /* Position the tooltip above the link */
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#whatsapp-chat a:hover .tooltip {
    opacity: 1;
}
  /* Contact FORM STARTS */
  .Contact-card {
	margin-left: 35%;
	  width: 30%;
	  height: 20rem;
	  background: lightgrey;
	  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  /* border-top-left-radius: 2rem;
	  border-bottom-right-radius: 2rem; */
	  border-radius: 2rem;
	  padding: 1rem;
	  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
	  transition: 0.5s ease-in-out;
	}
	.Contact-card p{
	 color: white;
	
		 font-size: 30px;
	  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
	}
	.Contact-card-heading {
	  text-align: center;
	  font-weight: 600;
	  padding-top: 1rem;
	  font-size: large;
	}
	
	.Contact-card-input-div {
	  display: flex;
	  margin-top: 1rem;
	  transition: 0.5s ease-in-out;
	}
	
	.Contact-card input {
	  /* background-color: transparent; */
	  border: none;
	  border-bottom: 1px solid rgb(82, 81, 81);
	  width: 97%;
	  padding: 8px;
	  outline: none;
	  color: black;
	}
	
	.Contact-card-button-div {
	  text-align: center;
	}
	
	.Contact-card-submit {
	  margin-top: 1rem;
	 
	  padding: 8px 3rem;
	  border: none;
	  border-radius: 40px;
	background-color: black;
	  color: white;
	  transition: 0.3s ease-in-out;
	  cursor: pointer
	}
	
	.Contact-card-submit:hover {
	  background-color: aliceblue;
	  color: black;
	}
	
	.Contact-card-card input::placeholder {
	  color: black;
	}
	
	.Contact-card-input:focus {
	  transition: 0.2s ease-in-out;
	  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
	}
	
	.Contact-card-input:hover {
	  transition: 0.2s ease-in-out;
	  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
	}
	
	@media(max-width:768px){
	  .Contact-card{
		width:75%;
		margin: 10%;
	  }
	  .contact_us_bt{
		margin-left: 25%;
	  }
	  .need_helps{
		h4{
			font-size: 25px;
		}
		h5{
			font-size: 18px;
		}
	  }
	}
  /* Contact Form Ends */
  	.breadcrumbs {
  	    
  	    margin-left:6%;
  	}
  	.breadcrumbs a{
color: #0f0715;
	text-decoration: none;
	
	}
	.breadspan{
	    color:black;
	}
	
		.breadcrumbs a:hover{
			color:blue;
			}
			.breadcrumbs .breadnow a{
				color:#FC466B;
				text-decoration:underline;
			}
			.breadcrumbs .breadnow a:hover{
				color:blue:
			}