@import"bootstrap.min.css";
@import"plugins/fontawesome.min.css";
@import"plugins/nice-select.css";
@import"plugins/quill.snow.css";
@import"plugins/magnific-popup.css";
@import"plugins/swiper.min.css";
@import"plugins/jquery-ui-min.css";
@import"plugins/odometer-min.css";
@import"plugins/materialicons.css";
@import"plugins/animate.css";
@import"plugins/aos.css";
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";

:root {
	--body-font: "Inter", sans-serif;
	--transition: all 0.5s ease-in-out;
	--p1: #192f59;
	--p1-border: rgba(223, 255, 94, 0.3);
	--s1: #FFC700;
	--s2: #2FA75F;
	--s3: #F05D5D;
	--tw: #FFFFFF;
	--n0: #FFFFFF;
	--n1: #071431;
	--n10: #FAFAFB;
	--n20: #F5F6F7;
	--n30: #EBECEF;
	--n40: #DFE0E4;
	--n50: #C1C4CC;
	--n60: #B2B6BF;
	--n70: #A6AAB5;
	--n80: #979CA8;
	--n90: #888E9C;
	--n100: #798090;
	--n200: #6A7283;
	--n300: #5B6477;
	--n400: #4F586D;
	--n500: #404A60;
	--n600: #343E56;
	--n700: #fff;
	--n800: #13203B;
	--n900: #071;
	--n700: #222E48;
	--bg1: #1C1D20;
	--bg2: #262629;
	--header: rgba(223, 255, 94, 0.08);
	--gradient-p1: linear-gradient(90deg, rgba(12, 169, 64, 0.08) 0.68%, rgba(236, 88, 88, 0.08) 100%);
	--box-shadow: 0px 5.12694px 25.6347px 0px rgba(0, 0, 0, 0.08);
	--sbox-shadow-p1: 0px 6px 30px 0px rgba(0, 0, 0, 0.08)
}
.header-section .main-navbar .custom-nav .menu-item button::after {
	position: absolute;
	content: none !important;
}

.display-one {
	font-size: 120px
}

.display-two {
	font-size: 96px
}

.display-three {
	font-size: 76px
}

.display-four {
	font-size: 60px
}

.display-five {
	font-size: 56px
}

.display-six {
	font-size: 48px
}

.pragraph {
	font-size: 18px
}

@media(max-width: 575px) {
	.pragraph {
		font-size: 16px
	}
	

}

@media(max-width: 1200px) {
	
	#socal_links_css li {
    padding: 4px 5px !important;
}

}

.fs-one,
h1,
h1>a {
	font-size: 76px;
	font-weight: 600 !important
}

.fs-two,
h2,
h2>a {
	font-size: 57px;
	font-weight: 600 !important
}

.fs-three,
h3,
h3>a {
	font-size: 43px;
	font-weight: 600 !important
}

.fs-four,
h4,
h4>a {
	font-size: 32px;
	font-weight: 600 !important
}

.fs-five,
h5,
h5>a {
	font-size: 24px;
	line-height: 150%;
	font-weight: 600 !important
}

.fs-six,
h6,
h6>a {
	font-size: 18px;
	line-height: 150%;
	font-weight: 600 !important
}

.fs-seven {
	font-size: 16px;
	line-height: 150%
}

.fs-eight {
	font-size: 14px;
	line-height: 150%
}

.fs-nine {
	font-size: 12px !important;
	line-height: 150%
}

.fs20 {
	font-size: 20px;
	line-height: 1.4
}

@media(max-width: 1199px) {
	.fs20 {
		font-size: 16px !important;
		line-height: 1.4
	}
}

@media(max-width: 575px) {
	.fs20 {
		font-size: 16px !important;
		line-height: 1.4
	}
}

.fs18 {
	font-size: 18px;
	line-height: 1.5
}

.fs-22 {
	font-size: 22px
}

table thead tr th {
	font-size: 18px;
	line-height: 150%
}

a,
p,
button,
span,
label,
li {
	font-size: 16px;
	line-height: 150%
}

@media(max-width: 1199px) {

	h1,
	h1>a {
		font-size: 57px;
		line-height: 74.1px
	}

	h2,
	h2>a {
		font-size: 43px;
		line-height: 55.9px
	}

	.preloader {
		background-size: 30%
	}
}

.pt-120 {
	padding-top: 62px
}

.pt120 {
	padding-top: 120px
}

.pb120 {
	padding-bottom: 120px
}

.pb-120 {
	padding-bottom: 120px
}

@media(max-width: 1199px) {
	.display-one {
		font-size: 72px;
		line-height: 86.4px
	}

	.display-two {
		font-size: 64px;
		line-height: 76.8px
	}

	.display-three {
		font-size: 56px;
		line-height: 67.2px
	}

	.display-four {
		font-size: 48px;
		line-height: 46.4px
	}

	.display-five {
		font-size: 42px;
		line-height: 54.6px
	}

	.display-six {
		font-size: 32px;
		line-height: 38.4px
	}

	.fs-one,
	h1,
	h1>a {
		font-size: 40px;
		line-height: 48px
	}

	.fs-two,
	h2,
	h2>a {
		font-size: 32px;
		line-height: 38.4px
	}

	.fs-three,
	h3,
	h3>a {
		font-size: 24px;
		line-height: 31.2px
	}

	.fs-four,
	h4,
	h4>a {
		font-size: 20px;
		line-height: 26px
	}

	.fs-five,
	h5,
	h5>a {
		font-size: 18px;
		line-height: 20.8px
	}

	.fs-six,
	h6,
	h6>a {
		font-size: 16px;
		line-height: 18.8px
	}

	.fs-seven {
		font-size: 14px;
		line-height: 18.8px
	}

	.fs-eight {
		font-size: 12px;
		line-height: 18px
	}

	table thead tr th {
		font-size: 15px;
		line-height: 20.8px
	}

	a,
	p,
	span,
	button,
	label,
	li {
		font-size: 14px;
		line-height: 22px
	}

	.pt-120 {
		padding-top: 60px
	}

	.pb-120 {
		padding-bottom: 60px
	}

	.banner-section .overlay .sec-img {
		display: none
	}

	.banner-section .banner-content {
		padding: 80px 0 90px
	}
}

@media(max-width: 575px) {
	.display-one {
		font-size: 56px;
		line-height: 67.2px
	}

	.display-two {
		font-size: 48px;
		line-height: 46.4px
	}

	.display-three {
		font-size: 42px;
		line-height: 54.6px
	}

	.display-four {
		font-size: 32px;
		line-height: 38.4px
	}

	.display-five {
		font-size: 24px;
		line-height: 31.2px
	}

	.display-six {
		font-size: 32px;
		line-height: 38.4px
	}

	.pt-120 {
		padding-top: 50px
	}

	.pb-120 {
		padding-bottom: 50px
	}
}

html {
	scroll-behavior: smooth
}

body {
	font-family: var(--body-font);
	background-color: var(--n0);
	color: rgb(var(--n2));
	font-size: 18px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-weight: 400;
	overflow-x: hidden;
	position: relative
}

section,
footer {
	overflow: hidden
}

.over {
	overflow: hidden !important
}

a,
p,
button,
span,
label,
li {
	margin: 0;
	font-family: var(--body-font);
	color: var(--n700);
	font-weight: 400
}

a i,
p i,
button i,
span i,
label i,
li i {
	font-weight: 400
}

a {
	text-decoration: none;
	outline: none;
	color: var(--n0);
	transition: var(--transition)
}

a:focus,
a:hover {
	text-decoration: none;
	outline: none;
	color: var(--n700)
}

a i {
	font-weight: 400
}

h1,
h1>a,
h2,
h2>a,
h3,
h3>a,
h4,
h4>a,
h5,
h5>a,
h6,
h6>a,
.display-one,
.display-two,
.display-three,
.display-four,
.display-five,
.display-six,
.heading {
	font-family: var(--body-font);
	color: rgba(var(--n2), 1);
	font-weight: 600;
	padding: 0;
	margin: 0;
	line-height: 128%;
	display: block;
	transition: var(--transition)
}

h1 span,
h1>a span,
h2 span,
h2>a span,
h3 span,
h3>a span,
h4 span,
h4>a span,
h5 span,
h5>a span,
h6 span,
h6>a span,
.display-one span,
.display-two span,
.display-three span,
.display-four span,
.display-five span,
.display-six span,
.heading span {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	line-height: inherit;
	font-weight: inherit
}

h1 i,
h1>a i,
h2 i,
h2>a i,
h3 i,
h3>a i,
h4 i,
h4>a i,
h5 i,
h5>a i,
h6 i,
h6>a i,
.display-one i,
.display-two i,
.display-three i,
.display-four i,
.display-five i,
.display-six i,
.heading i {
	font-weight: 400
}

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

ul,
ol {
	padding: 0;
	margin: 0;
	list-style: none
}

ul li,
ol li {
	font-size: inherit;
	font-weight: inherit
}

button {
	border: none;
	cursor: pointer;
	font-size: 18px;
	line-height: 150%;
	padding: 0;
	background-color: rgba(0, 0, 0, 0)
}

input,
textarea {
	padding: 12px 20px;
	color: rgba(var(--n2), 1);
	width: 100%;
	font-family: var(--body-font);
	outline-color: rgba(0, 0, 0, 0);
	font-size: 14px;
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(var(--n4), 0.3)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	font-size: 16px
}

input::placeholder,
textarea::placeholder {
	font-size: 16px
}

input:focus,
textarea:focus {
	outline: 1px solid #06B4D1;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0)
}

::-moz-placeholder {
	color: var(--n100);
	font-size: 14px
}

::placeholder {
	color: var(--n100);
	font-size: 14px
}

.btn__v4 {
	min-width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--bg1);
	border: 4px solid var(--p1)
}

@media(min-width: 991px) {
	.container1600 {
		max-width: 1600px;
		margin: 0 auto
	}
}

.s2-clrbase-dot::before {
	background: var(--s2) !important;
	width: 4px !important;
	height: 4px !important
}

.cmn-dot {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 15px
}

.cmn-dot::before {
	position: absolute;
	left: 0;
	content: "";
	width: 6px;
	height: 6px;
	background: var(--n700);
	border-radius: 50%
}

.cmn-dot.alt {
	align-items: flex-start
}

.cmn-dot.alt::before {
	top: 10px
}

.cmn-dot2 {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 19px
}

.cmn-dot2::before {
	position: absolute;
	left: 0;
	content: "";
	width: 4px;
	height: 4px;
	background: var(--n700);
	border-radius: 50%
}

.cmn-dot2.alt {
	align-items: flex-start
}

.cmn-dot2.alt::before {
	top: 10px
}

@media(max-width: 1199px) {
	.cmn-dot2 {
		padding-left: 10px
	}
}

@media(min-width: 991px) {
	.topfixed {
		position: sticky;
		top: 120px
	}
}

@media(min-width: 991px) {
	.topfixed2 {
		position: sticky;
		top: 350px
	}
}

@media(min-width: 991px) {
	.event-fixed {
		transform: translateY(-120px);
		position: sticky;
		top: 240px
	}
}

.plan-bb {
	border-bottom: 1px solid #303426
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=checkbox] {
	width: initial;
	height: initial
}

select {
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	outline: none
}

.max-auto {
	max-width: 100%
}

.max61 {
	max-width: 661px
}

.max-un {
	max-width: unset
}

.quote {
	width: 56px;
	min-width: 56px;
	height: 56px;
	background: var(--n20)
}

@media(max-width: 1199px) {
	.quote {
		width: 42px;
		min-width: 42px;
		height: 42px
	}
}

@media(min-width: 1400px) {
	.max-xxl-un {
		max-width: unset
	}
}

@media(min-width: 1200px) {
	.max-xl-un {
		max-width: unset
	}
}

@media(min-width: 992px) {
	.max-lg-un {
		max-width: unset
	}
}

@media(min-width: 768px) {
	.max-md-un {
		max-width: unset
	}
}

.d-rtl {
	direction: rtl
}

.collapsing {
	transition: var(--transition)
}

.tl__posi {
	position: absolute !important;
	top: 0;
	left: 0
}

.tr__posi {
	position: absolute !important;
	top: 0;
	right: 0
}

.bl__posi {
	position: absolute !important;
	bottom: 0;
	left: 0
}

.br__posi {
	position: absolute !important;
	bottom: 0;
	right: 0
}

.posi-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.srgba {
	background: rgba(223, 255, 94, .4)
}

.edu-border {
	border-bottom: 1px solid rgba(223, 255, 94, .087)
}

.p1-color {
	color: #fff !important
}

.p1-border {
	color: var(--p1)
}

.p1-bg {
	background: var(--p1)
}

.s1-color {
	color: var(--s1)
}

.s2-color {
	color: var(--s2)
}

.s3-color {
	color: var(--s3)
}

.s2-border {
	border: 1px solid var(--s2)
}

.s1-bg {
	background: var(--s1) !important
}

.s2-bg {
	background: var(--s2) !important
}

.n0-color {
	color: var(--n0)
}

.n0-bg {
	background-color: var(--n0) !important
}

.n0border {
	border: 1px solid var(--n0)
}

.n1-color {
	color: var(--n1) !important
}

.n10-color {
	color: var(--n10)
}

.n10-bg {
	background: var(--n10) !important
}

.n20-color {
	color: var(--n20)
}

.n20-bg {
	background: var(--n20) !important
}

.n30-color {
	color: var(--n30)
}

.n30-border {
	border: 1px solid var(--n30);
	transition: all .4s
}

.n30-border:hover {
	border-color: var(--s2) !important
}

.n40-color {
	color: var(--n40)
}

.n40border {
	border: 1px solid var(--n40);
	transition: all .4s
}

.n40border:hover {
	border-color: var(--s2) !important
}

.bb-n40dash {
	border-bottom: 1px dashed var(--n40)
}

.bb-n40solid {
	border-bottom: 1px solid var(--n40)
}

.tb-n40dash {
	border-top: 1px dashed var(--n40)
}

.n50-color {
	color: var(--n50)
}

.bb-n50dash {
	border-bottom: 1px dashed var(--n50)
}

.tb-n50dash {
	border-top: 1px dashed var(--n50)
}

.n60-color {
	color: var(--n60)
}

.n70-color {
	color: var(--n70)
}

.n80-color {
	color: var(--n80)
}

.n90-color {
	color: var(--n90)
}

.n100-color {
	color: var(--n100)
}

.n200-color {
	color: var(--n200)
}

.n300-color {
	color: var(--n300)
}

.n400-color {
	color: var(--n400)
}

.n500-color {
	color: var(--n500)
}

.n600-color {
	color: var(--n600)
}

.n700-color {
	color: var(--n700)
}

.n700-bg {
	background: var(--n700)
}

.n800-color {
	color: var(--n800)
}

.n900-color {
	color: var(--n900)
}

.bg1-color {
	background: var(--bg1) !important
}

.bg2-color {
	background: var(--bg2) !important
}

.border-color {
	border: 1px solid var(--n40)
}

.header__bg {
	background: var(--header)
}

.box-shadow {
	box-shadow: 0px 5.12694px 25.6347px 0px rgba(0, 0, 0, .08);
	transition: var(--transition)
}

.box-shadow:hover {
	box-shadow: rgba(50, 50, 105, .15) 0px 2px 5px 0px, rgba(0, 0, 0, .05) 0px 1px 1px 0px
}

.box-shadow2 {
	box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, .06)
}

.box-shadow3 {
	box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, .06)
}

.gradient-p1 {
	background: var(--gradient-p1)
}

.scal {
	overflow: hidden
}

.scal .mimg {
	overflow: hidden;
	transition: all .4s
}

.scal:hover .mimg {
	transform: scale(1.01)
}

.simg{
    object-fit: cover;
    height: 300px;
}

.fw_400 {
	font-weight: 400 !important
}

.fw_500 {
	font-weight: 500 !important
}

.fw_600 {
	font-weight: 600
}

.text-gradient {
	background: var(--gradient-p1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.mx-ch {
	max-width: 60ch
}

.p1hover {
	transition: all .4s
}

.p1hover:hover {
	color: var(--p1) !important
}

.custom-loop-play {
	position: relative;
	border-radius: 900px;
	overflow: hidden;
	width: 306px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center
}

.custom-loop-play video {
	width: 100%;
	height: 100%;
	border-radius: 900px;
	-o-object-fit: fill;
	object-fit: fill
}

.custom-loop-play .popup-video {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	transform: translate(-50%, -50%)
}

.cmn__dropdown .dropdown-menu {
	inset: unset !important;
	right: 0 !important;
	top: 0 !important;
	padding: 10px 16px
}

.kewta-btn {
	transition: all .4s !important;
	border-radius: 100px;
	border: 1px solid var(--n800)
}

.kewta-btn::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: var(--n800);
	border-radius: 100px;
	z-index: -1
}

.kewta-btn::after {
	position: absolute;
	bottom: 0;
	top: 0;
	width: 0%;
	height: 100%;
	content: "";
	background: var(--p1);
	border-radius: 100px;
	z-index: -1;
	transition: all .5s
}

.kewta-btn .kew-text {
	font-size: 16px;
	font-weight: 700;
	padding: 14px 0px 15px 20px;
	display: block;
	border-radius: 100px;
	text-align: center;
	transition: all .4s
}

.kewta-btn .kew-arrow {
	position: relative;
	overflow: hidden;
	min-width: 48px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border-radius: 50%;
	transition: all .4s
}

.kewta-btn .kew-arrow .kt-one {
	position: absolute;
	top: 12px !important;
	left: -30px !important;
	transition: all .8s
}

.kewta-btn .kew-arrow .kt-one i,
.kewta-btn .kew-arrow .kt-one svg {
	transition: all .8s;
	font-size: 24px
}

.kewta-btn .kew-arrow .kt-two {
	transition: all .8s;
	position: absolute;
	top: 12px;
	left: 11px
}

.kewta-btn .kew-arrow .kt-two i,
.kewta-btn .kew-arrow .kt-two svg {
	transition: all .8s;
	font-size: 24px
}

.kewta-btn:hover {
	background: var(--p1)
}

.kewta-btn:hover::after {
	width: 100%
}

.kewta-btn:hover .kew-text {
	color: var(--n800)
}

.kewta-btn:hover .kew-arrow i {
	color: var(--n800)
}

.kewta-btn:hover .kew-arrow .kt-one {
	left: 11px !important
}

.kewta-btn:hover .kew-arrow .kt-two {
	left: 100px !important
}

.kewta-btn.kewta-alt .kew-arrow {
	transform: rotate(-40deg)
}

.kewta-n800:hover .kew-text {
	color: var(--n800) !important
}

.cmn-btn {
	font-size: 16px;
	font-weight: 600;
	transition: var(--transition);
	text-transform: capitalize;
	position: relative;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap
}

.cmn-btn i {
	position: relative;
	z-index: 1;
	transition: all .5s
}

.cmn-btn span {
	transition: all .4s;
	position: relative;
	z-index: 1;
	font-weight: 600
}

.cmn-btn::after,
.cmn-btn::before {
	content: "";
	position: absolute;
	transition: var(--transition)
}

.cmn-btn::before {
	width: 100%;
	height: 100%;
	background-color: var(--n1);
	top: 5px;
	border-radius: 100px;
	left: 0
}

.cmn-btn::after {
	width: 100%;
	height: 100%;
	background-color: var(--p1);
	top: 0;
	border-radius: 100px;
	left: 0
}

.cmn-btn:active {
	filter: brightness(0.8)
}

.cmn-btn:focus,
.cmn-btn:hover {
	color: var(--n0) !important
}

.cmn-btn:focus span i,
.cmn-btn:hover span i {
	transform: rotate(46deg) !important
}

.cmn-btn:focus i,
.cmn-btn:hover i {
	color: var(--n0);
	transform: rotate(46deg)
}

.cmn-btn:focus span,
.cmn-btn:hover span {
	color: var(--n0) !important
}

.cmn-btn:focus::before,
.cmn-btn:hover::before {
	background-color: var(--p1)
}

.cmn-btn:focus::after,
.cmn-btn:hover::after {
	background-color: var(--n1)
}

.cmn-btn.second-alt::before {
	top: 2px;
	border: 1px solid var(--n700);
	background-color: rgba(0, 0, 0, 0)
}

.cmn-btn.second-alt::after {
	background-color: rgba(0, 0, 0, 0)
}

.cmn-btn.second-alt:focus i,
.cmn-btn.second-alt:hover i {
	transform: rotate(46deg) !important
}

.cmn-btn.second-alt:focus::before,
.cmn-btn.second-alt:hover::before {
	border-color: var(--p1);
	background-color: var(--p1);
	top: 6px
}

.cmn-btn.second-alt:focus::after,
.cmn-btn.second-alt:hover::after {
	background-color: var(--n1)
}

.cmn-btn.third-alt {
	background-color: rgba(0, 0, 0, 0);
	color: var(--p1);
	border: 1px solid var(--p1)
}

.cmn-btn.third-alt i {
	color: var(--p1)
}

.cmn-btn.third-alt::before,
.cmn-btn.third-alt::after {
	background-color: var(--p1)
}

.cmn-btn.third-alt:hover i,
.cmn-btn.third-alt:focus i,
.cmn-btn.third-alt.active i {
	color: var(--p1)
}

.cmn-btn.fourth-alt {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(var(--n2));
	border: 1px solid var(--n700)
}

.cmn-btn.fourth-alt::before,
.cmn-btn.fourth-alt::after {
	background-color: var(--p1)
}

.cmn-btn.fourth-alt:hover,
.cmn-btn.fourth-alt.active {
	color: var(--p1)
}

.cmn-btn.fourth-alt:hover i,
.cmn-btn.fourth-alt.active i {
	color: var(--p1)
}

.cmn-btn.fifth-alt {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(var(--n2));
	border: 1px solid rgba(var(--n4), 0.3)
}

.cmn-btn.fifth-alt i {
	color: var(--p1)
}

.cmn-btn.fifth-alt::before,
.cmn-btn.fifth-alt::after {
	background-color: var(--p1)
}

.cmn-btn.fifth-alt:hover,
.cmn-btn.fifth-alt:focus,
.cmn-btn.fifth-alt.active {
	color: var(--p1)
}

.cmn-btn.fifth-alt:hover i,
.cmn-btn.fifth-alt:focus i,
.cmn-btn.fifth-alt.active i {
	color: var(--p1)
}

.cmn-btnblck::after {
	background: var(--bg2)
}

.cmn-btnblck:hover::after {
	background: var(--p1)
}

.cmn-btnblck:hover span {
	color: var(--n700) !important
}

.cmn-btnblck:hover::before {
	background: var(--bg1)
}

.cmn-20::after,
.cmn-20::before {
	border-radius: 20px
}

.cmn-btn-cilicon {
	font-size: 16px;
	font-weight: 600;
	transition: var(--transition);
	text-transform: capitalize;
	position: relative;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap
}

.cmn-btn-cilicon i {
	position: relative;
	z-index: 1;
	transition: all .3s
}

.cmn-btn-cilicon span {
	transition: all .3s;
	position: relative;
	z-index: 1;
	font-weight: 600
}

.cmn-btn-cilicon::after,
.cmn-btn-cilicon::before {
	content: "";
	position: absolute;
	transition: var(--transition)
}

.cmn-btn-cilicon::before {
	width: 100%;
	height: 100%;
	background-color: var(--n1);
	top: 5px;
	border-radius: 100px;
	left: 0
}

.cmn-btn-cilicon::after {
	width: 100%;
	height: 100%;
	background-color: var(--p1);
	top: 0;
	border-radius: 100px;
	left: 0
}

.cmn-btn-cilicon:active {
	filter: brightness(0.8)
}

.cmn-btn-cilicon:focus,
.cmn-btn-cilicon:hover {
	color: var(--n0) !important
}

.cmn-btn-cilicon:focus span,
.cmn-btn-cilicon:hover span {
	color: var(--n0) !important
}

.cmn-btn-cilicon:focus i,
.cmn-btn-cilicon:hover i {
	color: var(--n0) !important
}

.cmn-btn-cilicon:focus::before,
.cmn-btn-cilicon:hover::before {
	background-color: var(--p1)
}

.cmn-btn-cilicon:focus::after,
.cmn-btn-cilicon:hover::after {
	background-color: var(--n1)
}

.cmn-btn-cilicon.second-alt::before {
	top: 2px;
	border: 1px solid var(--n700);
	background-color: rgba(0, 0, 0, 0)
}

.cmn-btn-cilicon.second-alt::after {
	background-color: rgba(0, 0, 0, 0)
}

.cmn-btn-cilicon.second-alt:focus::before,
.cmn-btn-cilicon.second-alt:hover::before {
	border-color: var(--p1);
	background-color: var(--p1);
	top: 6px
}

.cmn-btn-cilicon.second-alt:focus::after,
.cmn-btn-cilicon.second-alt:hover::after {
	background-color: var(--n1)
}

.common__v {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 160px;
	height: 120px
}

.common__v img {
	border-bottom-right-radius: 80px;
	height: 100%
}

@media(max-width: 1399px) {
	.common__v img {
		width: 140px;
		height: 100px
	}
}

@media(max-width: 1399px) {
	.common__v img {
		width: 132px;
		height: 90px
	}
}

.common__r {
	position: absolute;
	bottom: 0px;
	right: 0px
}

.common__r .price-text {
	background: var(--p1);
	padding: 8px 16px;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	border-top-left-radius: 10px
}

.marketing-posi {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 0 20px
}

.marketing-posi .srgba {
	background: var(--p1) !important
}

.border-gradient {
	border-radius: 15px;
	transition: var(--transition)
}

.border-gradient:hover {
	border: 1px solid rgba(0, 0, 0, 0)
}

.file-upload {
	border-radius: 48px;
	border: 1px solid var(--p1)
}

.file-upload input {
	display: none
}

.file-upload .file {
	cursor: pointer;
	position: relative
}

.file-upload .file .file-custom {
	border-radius: 20px
}

.file-upload .add-file {
	color: var(--p1)
}

.btn-popup-animation {
	width: 80px;
	min-width: 80px;
	height: 80px;
	z-index: 0;
	transition: var(--transition)
}

.btn-popup-animation i {
	color: var(--p1)
}

.btn-popup-animation:before {
	content: "";
	position: absolute;
	width: 85%;
	height: 85%;
	background-color: var(--p1);
	border-radius: 50%;
	opacity: .6;
	z-index: -1;
	animation: pulse 2s ease-out infinite
}

.btn-popup-animation:after {
	content: "";
	position: absolute;
	width: 85%;
	height: 85%;
	background-color: var(--p1);
	border-radius: 50%;
	opacity: .6;
	z-index: -1;
	animation: pulse 2s 1s ease-out infinite
}

@keyframes pulse {
	100% {
		transform: scale(2);
		opacity: 0
	}
}

.circle-text {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: var(--s3);
	border: 1px solid var(--n40);
	position: relative
}

.circle-text .text {
	animation: rotate 50s linear infinite;
	width: 100%;
	height: 100%;
	position: absolute
}

.circle-text .text p {
	transform: translate(50%, 5px)
}

.circle-text .text span {
	position: absolute;
	font-size: inherit;
	font-weight: 600;
	transform-origin: 0 70px
}

.circle-text:hover .text {
	animation-play-state: paused
}

.circle-text.second {
	width: 120px;
	height: 120px;
	background-color: rgba(var(--n2), 1);
	border-color: rgba(0, 0, 0, 0)
}

.circle-text.second .text p {
	transform: translate(50%, 5px)
}

.circle-text.second .text span {
	transform-origin: 0 55px
}

.circle-text.third {
	width: 880px;
	height: 880px;
	border-color: rgba(0, 0, 0, 0)
}

.circle-text.third .text p {
	transform: translate(50%, 5px)
}

.circle-text.third .text span {
	transform-origin: 0 440px
}

.opa04 {
	opacity: .4
}

.v-border {
	background: var(--n40);
	width: 1px;
	height: 25px
}

.v-line::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 96px;
	background-color: var(--n40)
}

.v-line.lg::before {
	height: 111px
}

.v-line.sm::before {
	height: 30px
}

.v-line.dashed::before {
	border-right: 1px dashed var(--n700);
	background: rgba(0, 0, 0, 0)
}

.cmn__quantity input {
	width: 70px;
	margin: 0 auto;
	text-align: center;
	outline: none;
	padding: 0 0
}

.cmn__quantity input:hover {
	cursor: pointer
}

.cmn__quantity .up,
.cmn__quantity .down {
	font-size: 22px;
	transition: all .4s
}

.cmn__quantity .up:hover,
.cmn__quantity .down:hover {
	cursor: pointer;
	background: var(--bg1);
	color: var(--p1)
}

.cmn__quantity2 .down,
.cmn__quantity2 .up {
	height: auto;
	font-size: 13px
}

.cmn__quantity2 .down:hover,
.cmn__quantity2 .up:hover {
	background: rgba(0, 0, 0, 0);
	color: var(--n700)
}

.cmn__quantity2 .down {
	margin-bottom: -10px
}

.cus-border {
	border-color: var(--n40) !important;
	transition: all .4s
}

.cus-border.second {
	border-color: var(--n700) !important;
	transition: all .4s
}

.cus-border.third {
	border-color: var(--n500) !important;
	transition: all .4s
}

.cus-border:hover {
	border-color: var(--s2) !important
}

.border-bottom-dash {
	border-bottom: 1px dashed rgba(0, 0, 0, 0)
}

.bt-dash {
	border-top: 1px dashed var(--p1-border)
}

.bb-dash {
	border-bottom: 1px dashed var(--p1-border)
}

.bb-opa03 {
	border-bottom: 1px dashed var(--p1-border)
}

.bb-704 {
	border-bottom: 1px dashed rgba(34, 46, 72, .4)
}

.tb-704 {
	border-top: 1px dashed rgba(34, 46, 72, .4)
}

.bb-n40 {
	border-bottom: 1px dashed #dfe0e4
}

.bb-700 {
	border-bottom: 1px solid var(--n700)
}

.bbdash-700 {
	border-bottom: 1px dashed rgba(34, 46, 72, .4)
}

.bbsolid-700 {
	border-bottom: 1px solid var(--n700)
}

.bbd-50 {
	border-bottom: 1px dashed var(--n50)
}

.w40 {
	width: 40px;
	min-width: 40px;
	height: 40px
}

.w60 {
	width: 60px;
	min-width: 60px;
	height: 60px;
	background: var(--bg1)
}

.w60::before {
	border: unset !important
}

@media(max-width: 991px) {
	.w60 {
		width: 40px;
		min-width: 40px;
		height: 40px
	}
}




.radius32 {
	border-radius: 8px !important
}

.radius16 {
	border-radius: 16px !important
}

.radius17 {
	border-radius: 17px !important
}

.radius18 {
	border-radius: 18px !important
}

.ul-dots li {
	list-style: disc
}

.ul-decimal li {
	list-style: decimal
}

.social-area a {
	width: 48px;
	min-width: 48px;
	height: 48px;
	border: 1px solid var(--p1);
	border-radius: 50%;
	display: block;
	transition: var(--transition)
}

.social-area a i {
	color: var(--p1);
	transition: all .4s
}

.social-area a:hover {
	background-color: var(--p1)
}

.social-area a:hover i {
	color: var(--n1)
}

@media(max-width: 991px) {
	.social-area a {
		width: 38px;
		min-width: 38px;
		height: 38px
	}
}

.social-area.w32 a {
	width: 32px;
	min-width: 32px;
	height: 32px
}

.social-area.w32 a i {
	font-size: 14px
}

.social-area.alt a {
	border-color: var(--p1);
	background: var(--p1)
}

.social-area.alt a i {
	color: var(--n1)
}

.social-area.alt a:hover {
	background: rgba(0, 0, 0, 0)
}

.social-area.alt a:hover i {
	color: var(--n0)
}

.social-items a i,
.social-items a span {
	transition: var(--transition)
}

.social-items a:hover i,
.social-items a:hover span {
	color: var(--p1)
}

.cmn__social {
	width: 48px;
	min-width: 48px;
	height: 48px;
	border: 1px solid var(--p1);
	border-radius: 50%;
	display: block;
	transition: var(--transition)
}

.cmn__social i {
	color: var(--p1);
	transition: all .4s
}

.cmn__social:hover {
	background-color: var(--p1)
}

.cmn__social:hover i {
	color: var(--n1)
}

@media(max-width: 991px) {
	.cmn__social {
		width: 38px;
		min-width: 38px;
		height: 38px
	}
}

.soc__box.second-alt {
	width: 48px;
	height: 48px
}

.soc__box.second-alt::before {
	border-color: var(--p1)
}

@media(max-width: 1399px) {
	.soc__box.second-alt {
		width: 42px;
		height: 42px
	}
}

.mouse-follower {
	z-index: 10
}

.mouse-follower span {
	z-index: 10;
	opacity: 1;
	top: -10px;
	left: -10px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	position: fixed;
	transition: 100ms ease-in-out;
	pointer-events: none
}

.mouse-follower .cursor-outline {
	height: 30px;
	width: 30px;
	border: 1px solid var(--p1)
}

.mouse-follower .cursor-dot {
	height: 6px;
	width: 6px;
	background: var(--p1)
}

.mouse-follower.hide-cursor span {
	border-color: rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0)
}

@media(max-width: 991px) {
	.mouse-follower {
		display: none
	}
}

span {
	display: inline-block
}

.table thead th,
.table td,
.table th {
	border: none
}

.ovf-unset {
	overflow-x: unset !important
}

iframe {
	border: 0;
	width: 100%
}

*::-webkit-scrollbar {
	width: 6px
}

.cmn-rightclickbody-profile::-webkit-scrollbar {
	width: 2px
}

.cmn-rightclickbody::-webkit-scrollbar {
	width: 2px
}

.cmn-leftclickbody::-webkit-scrollbar {
	width: 2px
}

.scrolling-chat::-webkit-scrollbar {
	width: 2px
}

.cmn-leftclickbody:hover::-webkit-scrollbar,
.scrolling-chat:hover::-webkit-scrollbar {
	width: 2px;
	opacity: 1;
	display: block
}

.cmn-leftclickbody:hover::-webkit-scrollbar-button,
.cmn-leftclickbody:hover::-webkit-scrollbar-thumb,
.scrolling-chat:hover::-webkit-scrollbar-button,
.scrolling-chat:hover::-webkit-scrollbar-thumb {
	background: var(--p1)
}

.home-scroolls::-webkit-scrollbar {
	width: 2px
}

.home-scroolls:hover::-webkit-scrollbar {
	width: 2px;
	opacity: 1;
	display: block
}

.home-scroolls:hover::-webkit-scrollbar-button,
.home-scroolls:hover::-webkit-scrollbar-thumb {
	background: var(--p1)
}

.scrolling-chat::-webkit-scrollbar-button,
.scrolling-chat::-webkit-scrollbar-thumb {
	background: var(--n0)
}

.chat-body::-webkit-scrollbar {
	width: 2px
}

.chat-body:hover::-webkit-scrollbar {
	width: 2px
}

.chat-body:hover::-webkit-scrollbar-button,
.chat-body:hover::-webkit-scrollbar-thumb {
	background: var(--p1)
}

.chat-body::-webkit-scrollbar-button,
.chat-body::-webkit-scrollbar-thumb {
	background: var(--n0);
	-webkit-transition: all .4s;
	transition: all .4s
}

.dashboar-leftbar::-webkit-scrollbar {
	width: 2px;
	opacity: 1;
	display: block
}

.dashboar-leftbar::-webkit-scrollbar-button,
.dashboar-leftbar::-webkit-scrollbar-thumb {
	background: var(--n40)
}

.customtable-responsive::-webkit-scrollbar {
	width: 2px;
	opacity: 1;
	display: block
}

.customtable-responsive::-webkit-scrollbar-button,
.customtable-responsive::-webkit-scrollbar-thumb {
	background: var(--n40)
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-thumb {
	background: var(--p1)
}

.cus-scro80 {
	height: 180px;
	overflow-y: scroll
}

.cus-scro80 .list {
	height: 150px;
	overflow-y: scroll
}

.cus-scrollbar {
	overflow-y: auto;
	overflow-x: hidden;
	position: sticky;
	max-height: 90vh;
	top: 100px
}

.cus-scrollbar::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0)
}

.cus-scrollbar::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(0, 0, 0, 0)
}

.cus-scrollbar::-webkit-scrollbar-button,
.cus-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0)
}

.cus-scrollbar:hover::-webkit-scrollbar {
	width: 3px
}

.cus-scrollbar:hover::-webkit-scrollbar-track {
	background: rgba(255, 211, 198, .5)
}

.cus-scrollbar:hover::-webkit-scrollbar-button,
.cus-scrollbar:hover::-webkit-scrollbar-thumb {
	background: var(--p1)
}

.d-center {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}

.cus-nz1 {
	z-index: -1
}

.cus-z0 {
	z-index: 0
}

.cus-z1 {
	z-index: 1
}

.cus-z2 {
	z-index: 2
}

.scrollToTop {
	position: fixed;
	bottom: 0;
	width: 40px;
	height: 40px;
	right: 30px;
	background-color: var(--p1);
	padding: 0 12px;
	line-height: 120%;
	font-size: 12px;
	text-align: center;
	z-index: 9;
	cursor: pointer;
	transition: all 1s;
	transform: translateY(100%);
	    color: #fff !important;
}

.scrollToTop.active {
	bottom: 30px;
	transform: translateY(0%)
}

#preloader {
	background: rgba(5, 44, 18, .927);
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center
}

.singleTab .nav-links {
	cursor: pointer
}

.singleTab .tabContents {
	position: relative
}

.singleTab .tabContents .tabItem {
	transform: translateY(100px);
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: .8s all
}

.singleTab .tabContents .tabItem.active {
	position: initial;
	z-index: 1;
	opacity: 1;
	transform: translateY(0)
}

.singleTab.pros-cros .nav-item {
	border-radius: unset;
	background: rgba(12, 169, 64, .7);
	font-weight: 700;
	color: rgba(var(--p2))
}

.singleTab.pros-cros .nav-item .active {
	background: var(--p1)
}

.singleTab.pros-cros .nav-item button {
	transition: var(--transition)
}

.cmnshadow {
	transition: all .4s;
	border-radius: 32px
}

.cmnshadow:hover {
	box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px !important;
	border-color: var(--n20) !important
}

.pro-shadow {
	box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, .04)
}

.cmnshadow2 {
	transition: all .4s
}

.cmnshadow2:hover {
	box-shadow: 0px 5.12694px 25.6347px 0px rgba(0, 0, 0, .08)
}

.explore__item {
	transition: all .4s
}

.cmnhover {
	overflow: hidden;
	transition: all .4s
}

.cmnhover .thumb {
	border-radius: 8px;
	position: relative
}

.cmnhover .thumb::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 300px;
	transition: all .6s;
	box-shadow: rgba(137, 134, 134, .656) 0px 2px 8px 0px;
	opacity: 0
}

/*.cmnhover:hover {*/
/*	box-shadow: rgba(0, 0, 0, .1) 0px 4px 12px*/
/*}*/

.cmnhover:hover .thumb::before {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	opacity: 1
}

.search-area::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
	background: var(--bg1);
	z-index: -1
}

.search-area .search-box {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(5, 1fr)
}

@media(max-width: 1199px) {
	.search-area .search-box {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media(max-width: 767px) {
	.search-area .search-box {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(max-width: 575px) {
	.search-area .search-box {
		grid-template-columns: repeat(1, 1fr)
	}
}

.section__title .sec__title {
	max-width: 636px
}

.section__title .sec__pra {
	max-width: 416px
}

.section__title .sec__pra .cmnhober-rotate {
	transition: all .5s
}

.section__title .sec__pra .cmnhober-rotate i {
	transition: all .4s
}

.section__title .sec__pra .cmnhober-rotate:hover {
	color: var(--s2) !important;
	border-bottom: 1px solid var(--s2) !important
}

.section__title .sec__pra .cmnhober-rotate:hover i {
	color: var(--s2) !important;
	transform: rotate(46deg) !important;
	padding-left: 2px !important
}

@media(max-width: 1399px) {
	.section__title .sec__title {
		font-size: 48px;
		padding-top: 15px;
	}
}

@media(max-width: 991px) {
	.section__title .sec__title {
		font-size: 28px
	}

	.section__title .sec__pra {
		max-width: 316px
	}
}

@media(max-width: 767px) {
	.section__title {
		flex-wrap: wrap
	}

	.section__title .sec__title {
		font-size: 28px;
	
		
	}
}

/*@media(max-width: 1200px) {*/
/*.section__title	.sec__title {*/
/*		padding-top: 42px !important;*/
/*	}*/
/*}*/

	.section__title .sec__title {
		font-size: 28px;
		padding-top: 60px;
		
	}
}

.sec__titletwo .two__title {
	font-size: 56px;
	font-weight: 600;
	line-height: 120%
}

@media(max-width: 1199px) {
	.sec__titletwo .two__title {
		font-size: 42px;
		font-weight: 600;
		line-height: 120%
	}
}

@media(max-width: 575px) {
	.sec__titletwo .two__title {
		font-size: 38px
	}
}

@media(max-width: 500px) {
	.sec__titletwo .two__title {
		font-size: 28px
	}

	.sec__titletwo p {
		font-size: 16px
	}
}

.pagination li {
	transition: all .4s
}

.pagination li a {
	transition: all .4s;
	color: var(--n700)
}

.pagination li a i {
	color: none;
}

.pagination li:hover a {
	transition: all .4s;
	background: var(--p1) !important;
	border-color: var(--p1) !important;
	color: #fff !important;
}

.pagination .page-item .page-link {
	outline: none;
	bottom: 0;
	padding: 0;
	width: 32px;
	height: 32px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 5px;
	z-index: 999
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link.active,
.pagination .page-item .page-link:focus {
	background-color: var(--p1);
	border-color: rgba(0, 0, 0, 0);
	box-shadow: none
}

.video__cmn {
	width: 64px;
	min-width: 64px;
	height: 64px
}

.video__56 {
	width: 56px;
	min-width: 56px;
	height: 56px
}

@media(max-width: 1399px) {
	.video__56 {
		width: 48px;
		min-width: 48px;
		height: 48px
	}
}

.nice-select {
	background-color: rgba(0, 0, 0, 0);
	border: rgba(0, 0, 0, 0);
	float: initial;
	overflow: initial;
	height: initial;
	padding: 0;
	display: inline-flex;
	align-items: center;
	line-height: 150%;
	width: 100%
}

.nice-select:focus,
.nice-select:hover {
	border-color: rgba(0, 0, 0, 0)
}

.nice-select::after {
	height: 10px;
	width: 10px;
	right: 15px;
	top: initial;
	border-color: rgba(var(--n2), 0.6)
}

.nice-select .list {
	width: initial;
	background-color: rgba(var(--n8), 1);
	box-shadow: none;
	overflow: initial;
	box-shadow: rgba(0, 0, 0, .15) 0px 3px 3px 0px;
	width: 100%;
	top: 100%;
	padding: 0;
	max-height: 50vh;
	overflow-x: auto
}

.nice-select .list::-webkit-scrollbar {
	width: 2px;
	opacity: 1;
	display: block
}

.nice-select .list::-webkit-scrollbar-button,
.nice-select .list::-webkit-scrollbar-thumb {
	background: var(--s2)
}

.nice-select .option {
	background-color: rgba(0, 0, 0, 0);
	font-size: 16px;
	line-height: 150%;
	padding: 4px 5px;
	min-height: initial;
	font-weight: 500
}

.nice-select .option:hover,
.nice-select .option:focus,
.nice-select .option.selected.focus {
	background-color: rgba(0, 0, 0, 0)
}

.nice-select .current {
	font-weight: 500
}

.checkbox-single {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.checkbox-single input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkbox-single .checkmark {
	position: absolute;
	left: 0;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid var(--n40)
}

.checkbox-single .checkmark::after {
	content: ""
}

.checkbox-single input:checked~.checkmark::after {
	content: "done";
	position: absolute;
	font-family: "Material Symbols Outlined";
	color: var(--n500)
}

.checkbox-single input:checked~.checkmark:after {
	display: block
}

.single-radio {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: relative
}

.single-radio:hover input~.checkmark {
	background-color: rgba(0, 0, 0, 0)
}

.single-radio .checkmark {
	position: absolute;
	left: 0;
	height: 16px;
	width: 16px;
	border: 1px solid var(--p1);
	border-radius: 50%
}

.single-radio .checkmark::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0)
}

.single-radio input:checked~.checkmark {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid
}

.single-radio input:checked~.checkmark::after {
	display: block;
	background: var(--p1)
}

.slider-btn.active i,
.slider-btn:hover i {
	transform: rotate(0deg) !important
}

.slider-btn .cmn-btn.active i,
.slider-btn .cmn-btn:hover i {
	transform: rotate(0deg) !important
}

.slide-button {
	outline: none;
	bottom: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 5px;
	z-index: 5
}

.slide-button.ara-prev {
	transform: rotate(180deg)
}

.slider-pagination {
	width: initial
}

.slider-pagination span {
	letter-spacing: 10px;
	color: var(--s2)
}

.radius100 {
	border-radius: 50%
}

.radius30 {
	border-radius: 100px
}

.input-area {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--n40)
}

.input-area:focus-within {
	border: 1px solid solid;
	outline: 1px solid var(--s2);
	border-color: rgba(0, 0, 0, 0)
}

.input-area input,
.input-area textarea {
	border-radius: 0;
	padding: 0;
	border: none;
	outline: none;
	background: rgba(0, 0, 0, 0);
	font-size: 16px
}

.input-area input::-moz-placeholder,
.input-area textarea::-moz-placeholder {
	color: var(--n300);
	font-weight: 500
}

.input-area input::placeholder,
.input-area textarea::placeholder {
	color: var(--n300);
	font-weight: 500
}

.input-area .nice-select {
	padding-right: 40px !important
}

.input-area .nice-select::-moz-placeholder {
	color: rgba(var(--n3), 1)
}

.input-area .nice-select::placeholder {
	color: rgba(var(--n3), 1)
}

.input-area .nice-select:focus,
.input-area .nice-select:hover {
	border: none;
	outline: none;
	color: rgba(var(--n3), 1)
}

.input-area .nice-select .current {
	color: rgba(var(--n3), 1);
	font-size: 16px;
	border: none;
	outline: none
}

.input-area .nice-select .list {
	border: 1px solid rgba(var(--n6), 0.2);
	bottom: initial;
	padding: 8px 16px;
	background: var(--bg1);
	color: rgba(var(--n3), 1)
}

.input-area .nice-select::after {
	display: block;
	right: 24px
}

.input-area.second {
	border-radius: 48px;
	border: 1px solid rgba(var(--n5), 1)
}

.input-area.second input {
	font-size: 16px
}

.ser7-bg {
	background: rgba(47, 167, 95, .05) !important
}

.search__icon1 {
	width: 48px;
	min-width: 48px;
	height: 48px
}

.search__icon1::before {
	left: -5px;
	top: 0
}

.search__icon40 {
	width: 40px;
	min-width: 40px;
	height: 40px
}

.search__icon40::before {
	left: -5px;
	top: 0
}

.cmn__icon32 {
	width: 32px;
	min-width: 32px;
	height: 32px
}

.cmn__icon32::before {
	left: -5px;
	top: 0
}

.cmn__icon40 {
	width: 32px;
	min-width: 32px;
	height: 32px
}

.cmn__icon40::before {
	left: -5px;
	top: 0
}

.cmn__icon36 {
	width: 36px;
	min-width: 36px;
	height: 36px
}

.cmn__icon36::before {
	left: -5px;
	top: 0
}

@media(max-width: 1399px) {
	.cmn__icon36 {
		width: 30px;
		min-width: 30px;
		height: 30px
	}
}

.cmn__icon64 {
	width: 64px;
	min-width: 64px;
	height: 64px
}

.cmn__icon64::before {
	left: -5px;
	top: 0
}

.cmn__icon60 {
	width: 60px;
	min-width: 60px;
	height: 60px
}

@media(max-width: 1399px) {
	.cmn__icon60 {
		width: 50px;
		min-width: 50px;
		height: 50px
	}
}

.cmn__icon60::before {
	left: -5px;
	top: 0
}

.cmn__icon48 {
	width: 48px;
	min-width: 48px;
	height: 48px
}

.cmn__icon48::before {
	left: -5px;
	top: 0
}

.cmn__icon44 {
	width: 44px;
	min-width: 44px;
	height: 44px
}

.cmn__icon44::before {
	left: -5px;
	top: 0
}

.cmn__icon40 {
	width: 40px;
	min-width: 40px;
	height: 40px
}

.cmn__icon40::before {
	left: -5px;
	top: 0
}

.cmn__icon32 {
	width: 32px;
	min-width: 32px;
	height: 32px
}

.cmn__icon32::before {
	left: -5px;
	top: 0
}

.cmn__icon24 {
	width: 24px;
	min-width: 24px;
	height: 24px
}

.cmn__icon24::before {
	left: -5px;
	top: 0
}

.cmn__icon56 {
	width: 56px;
	min-width: 56px;
	height: 56px
}

.cmn__icon56::before {
	left: -5px;
	top: 0
}

@media(max-width: 991px) {
	.cmn__icon56 {
		width: 42px;
		min-width: 42px;
		height: 42px
	}
}

.cmn__icon80 {
	width: 80px;
	min-width: 80px;
	height: 80px
}

.cmn__icon80::before {
	left: -5px;
	top: 0
}

@media(max-width: 1399px) {
	.cmn__icon80 {
		width: 60px;
		min-width: 60px;
		height: 60px
	}
}

.cmn__icon72 {
	width: 72px;
	min-width: 72px;
	height: 72px
}

.cmn__icon72::before {
	left: -5px;
	top: 0
}

@media(max-width: 1399px) {
	.cmn__icon72 {
		width: 60px;
		min-width: 60px;
		height: 60px
	}
}

.cmn__icon88 {
	width: 88px;
	min-width: 88px;
	height: 88px
}

.cmn__icon88::before {
	left: -5px;
	top: 0
}

@media(max-width: 1399px) {
	.cmn__icon88 {
		width: 65px;
		min-width: 65px;
		height: 65px
	}
}

.cmn__icon88 {
	width: 72px;
	min-width: 72px;
	height: 72px
}

.cmn__icon88::before {
	left: -5px;
	top: 0
}

.cmn__icon100 {
	width: 100px;
	min-width: 100px;
	height: 100px
}

.cmn__icon100::before {
	left: -5px;
	top: 0
}

@media(max-width: 1399px) {
	.cmn__icon100 {
		width: 70px;
		min-width: 70px;
		height: 70px
	}
}

.cmn__icon115 {
	width: 115px;
	min-width: 115px;
	height: 115px
}

.cmn__icon115::before {
	left: -5px;
	top: 0
}

@media(max-width: 1399px) {
	.cmn__icon115 {
		width: 90px;
		min-width: 90px;
		height: 90px
	}
}

.cmn__icon190 {
	width: 190px;
	min-width: 190px;
	height: 190px
}

.cmn__icon190::before {
	left: -5px;
	top: 0
}

@media(max-width: 1399px) {
	.cmn__icon190 {
		width: 150px;
		min-width: 150px;
		height: 150px
	}
}

@media(max-width: 767px) {
	.cmn__icon190 {
		width: 100px;
		min-width: 100px;
		height: 100px
	}
}

.img80 {
	width: 80px;
	min-width: 80px;
	height: 80px
}

.img50 {
	width: 50px;
	min-width: 50px;
	height: 50px
}

.img170 {
	width: 170px;
	min-width: 170px;
	height: 170px
}

@media(max-width: 991px) {
	.img170 {
		width: 140px;
		min-width: 140px;
		height: 140px
	}
}

@media(max-width: 500px) {
	.img170 {
		width: 120px;
		min-width: 120px;
		height: 120px
	}
}

.img160 {
	width: 160px;
	min-width: 160px;
	height: 160px
}

@media(max-width: 991px) {
	.img160 {
		width: 130px;
		min-width: 130px;
		height: 130px
	}
}

@media(max-width: 500px) {
	.img160 {
		width: 110px;
		min-width: 110px;
		height: 110px
	}
}

.w32 {
	min-width: 32px !important;
	min-height: 32px !important
}

.cmn__icon56border::after {
	background: rgba(0, 0, 0, 0);
	border: 1px solid var(--n500)
}

.cmn__icon56border::before {
	background: rgba(0, 0, 0, 0)
}

.cmn__btnradius .ex__btn .cmn-btn::after,
.cmn__btnradius .ex__btn .cmn-btn::before {
	border-radius: 20px
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 50%, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeIn1st {
	0% {
		opacity: 0;
		transform: translate3d(10%, 0, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeIn2nd {
	0% {
		opacity: 0;
		transform: translate3d(-10%, 0, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes prixClipFix {
	0% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
	}

	25% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
	}

	50% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
	}

	75% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
	}

	100% {
		-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
		clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(180deg)
	}
}

@media(max-width: 991px) {
	.cmn__rightclick {
		overflow: hidden;
		position: relative
	}
}

.clickhere-active {
	z-index: 99;
	position: relative
}

@media(min-width: 991px) {
	.clickhere-active {
		display: none
	}
}

@media(max-width: 991px) {
	.cmn-rightclickbody {
		overflow: auto;
		position: absolute;
		height: 65vh;
		top: 120px;
		right: -320px;
		width: 317px;
		transition: all .6s;
		opacity: 0
	}

	.cmn-rightclickbody.active {
		right: 10px;
		opacity: 1;
		z-index: 99
	}
}

@media(max-width: 520px) {
	.cmn-rightclickbody.active {
		right: 1px
	}
}

.global-scale .overall-activeoverlay.active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: rgba(0, 0, 0, .233)
}

.global-scale .overall-activeoverlaycommunity.active {
	width: calc(100% - 315px);
	opacity: 0
}

@media(max-width: 991px) {
	.cmn__rightclick {
		overflow: hidden;
		position: relative
	}
}

.clickhere-active {
	z-index: 99;
	position: relative
}

@media(min-width: 991px) {
	.clickhere-active {
		display: none
	}
}

@media(max-width: 991px) {
	.cmn-leftclickbody {
		overflow: auto;
		position: absolute;
		height: 65vh;
		top: 120px;
		transform: translateX(-320px);
		width: 300px;
		transition: all .6s;
		opacity: 0;
		visibility: hidden
	}

	.cmn-leftclickbody.active {
		transform: translateX(0px);
		z-index: 99;
		opacity: 1;
		visibility: visible
	}
}

@media(max-width: 991px) {
	.cmn-rightclickbody-profile {
		overflow: auto;
		position: absolute;
		height: 65vh;
		top: 50px;
		right: -320px;
		width: 300px;
		transition: all .6s;
		opacity: 0;
		visibility: hidden
	}

	.cmn-rightclickbody-profile.active {
		right: 8px;
		z-index: 9999;
		opacity: 1;
		visibility: visible;
		position: fixed
	}
}

@media(max-width: 991px) {
	.cmn-leftclickbodyevent-details {
		top: 50px
	}
}

@media(max-width: 991px) {
	.ov-dsh {
		transition: all .8s;
		background: rgba(120, 139, 44, .881);
		z-index: 99999;
		position: fixed;
		top: 0;
		height: 0%;
		width: 100%;
		left: 0
	}

	.ov-dsh.active {
		height: 100%
	}
}

@media(max-width: 991px) {
	.dashboar-leftbar {
		position: fixed;
		z-index: 99999;
		top: 0;
		left: -320px;
		transition: all .9s;
		overflow-y: scroll;
		height: 100vh;
		background: var(--n0);
		width: 320px
	}

	.dashboar-leftbar.active {
		left: 0px
	}

	.dashboar-leftbar .cmn-dashboard-inner {
		width: 280px;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px
	}

	.dashboar-leftbar .cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem {
		background: var(--n20)
	}
}

@media(max-width: 991px) {
	.header-cmnbg-added .navbar-toggle-item {
		background: var(--bg1)
	}

	.header-cmnbg-added .navbar-toggle-item .custom-nav .menu-item button {
		color: var(--n0)
	}

	.header-cmnbg-added .navbar-toggle-item .custom-nav .menu-item .sub-menu li a {
		color: var(--n0)
	}
}

.header-section {
	width: 100%;
	z-index: 100
}

.header-section .nav-brand {
	max-width: 265px
}

@media(max-width: 991px) {
	.header-section .nav-brand {
		max-width: 150px
	}
}

@media(max-width: 767px) {
	.header-section .search-toggle-box {
		display: none;
		position: absolute;
		width: 100%;
		top: 60px;
		z-index: 10
	}
}

@media(max-width: 991px) {
	.header-section .main-navbar .navbar-toggle-item {
		display: none
	}
}

@media(min-width: 992px) {
	.header-section .main-navbar .navbar-toggle-item {
		display: initial !important
	}
}

.header-section .main-navbar .logo {
	display: none
}

.header-section .main-navbar .custom-nav .menu-item button::after {
	position: absolute;
	/*content: "";*/
	font-family: "FontAwesome";
	font-weight: 500;
	font-size: 14px;
	right: 0px;
	z-index: -1;
	transition: all 1s ease
}

.header-section .main-navbar .custom-nav .menu-item .home-scroolls {
	height: 30vh;
	overflow-y: scroll;
	overflow-x: hidden
}

.header-section .main-navbar .custom-nav .menu-item button,
.header-section .main-navbar .custom-nav .menu-item a,
.header-section .main-navbar .custom-nav .menu-link button,
.header-section .main-navbar .custom-nav .menu-link a {
	font-size: 16px !important
}

@media(max-width: 991px) {

	.header-section .main-navbar .custom-nav .menu-item button,
	.header-section .main-navbar .custom-nav .menu-item a,
	.header-section .main-navbar .custom-nav .menu-link button,
	.header-section .main-navbar .custom-nav .menu-link a {
		font-size: 14px !important;
		font-weight: 400 !important
	}
}

@media(max-width: 575px) {

	.header-section .main-navbar .custom-nav .menu-item button,
	.header-section .main-navbar .custom-nav .menu-item a,
	.header-section .main-navbar .custom-nav .menu-link button,
	.header-section .main-navbar .custom-nav .menu-link a {
		font-size: 16px
	}
}

.header-section .main-navbar .custom-nav .menu-item button:hover,
.header-section .main-navbar .custom-nav .menu-item button.active,
.header-section .main-navbar .custom-nav .menu-item a:hover,
.header-section .main-navbar .custom-nav .menu-item a.active,
.header-section .main-navbar .custom-nav .menu-link button:hover,
.header-section .main-navbar .custom-nav .menu-link button.active,
.header-section .main-navbar .custom-nav .menu-link a:hover,
.header-section .main-navbar .custom-nav .menu-link a.active {
	color: var(--p1)
}

@media(max-width: 991px) {
	.header-section .main-navbar .custom-nav {
		width: 100%
	}

	.header-section .main-navbar .custom-nav .sub-menu {
		display: none;
		padding: 10px 14px 14px;
		border-left: 2px solid var(--p1);
		margin-top: 20px;
		margin-bottom: 10px;
		background: var(--bg2) !important
	}

	.header-section .main-navbar .custom-nav .sub-menu li a {
		font-size: 14px !important;
		font-weight: 400 !important;
		letter-spacing: 2px
	}
}

@media(min-width: 992px) {
	.header-section .main-navbar .custom-nav .menu-item {
		padding: 34px 0
	}

	.header-section .main-navbar .custom-nav .menu-item button:hover button::after {
		transform: rotate(-180deg)
	}

	.header-section .main-navbar .custom-nav .sub-menu {
		position: absolute;
		top: 20px;
		left: -30px;
		min-width: 240px;
		opacity: 0;
		width: -moz-max-content;
		width: max-content;
		visibility: hidden;
		transform: translateY(50px);
		transition: var(--transition);
		display: initial !important;
		background: var(--bg1);
		z-index: 10;
		pointer-events: none;
		box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px
	}

	.header-section .main-navbar .custom-nav .sub-menu .sub-menu {
		border-left: 2px solid var(--p1);
		left: 99%;
		top: -55px;
		z-index: 9
	}

	.header-section .main-navbar .custom-nav .menu-item {
		position: relative
	}

	.header-section .main-navbar .custom-nav .menu-item:hover>.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(60px);
		pointer-events: auto
	}
}

.header-section .main-navbar .navbar-toggle-btn {
	width: 36px;
	height: 24px;
	position: relative;
	right: 0;
	transition: var(--transition);
	top: 0
}

.header-section .main-navbar .navbar-toggle-btn span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--p1);
	border-radius: 9px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: var(--transition)
}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(1) {
	top: 0
}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(2),
.header-section .main-navbar .navbar-toggle-btn span:nth-child(3) {
	top: 12px
}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(4) {
	top: 24px
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(2) {
	transform: rotate(45deg)
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(3) {
	transform: rotate(-45deg)
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%
}

@media(max-width: 575px) {

	.cmn-s2color-header .main-navbar .custom-nav .menu-item button,
	.cmn-s2color-header .main-navbar .custom-nav .menu-item a,
	.cmn-s2color-header .main-navbar .custom-nav .menu-link button,
	.cmn-s2color-header .main-navbar .custom-nav .menu-link a {
		font-size: 16px
	}
}

.cmn-s2color-header .main-navbar .custom-nav .menu-item button:hover,
.cmn-s2color-header .main-navbar .custom-nav .menu-item button.active,
.cmn-s2color-header .main-navbar .custom-nav .menu-item a:hover,
.cmn-s2color-header .main-navbar .custom-nav .menu-item a.active,
.cmn-s2color-header .main-navbar .custom-nav .menu-link button:hover,
.cmn-s2color-header .main-navbar .custom-nav .menu-link button.active,
.cmn-s2color-header .main-navbar .custom-nav .menu-link a:hover,
.cmn-s2color-header .main-navbar .custom-nav .menu-link a.active {
	color: var(--s2) !important
}

.cus__scroll {
	max-height: 65vh;
	overflow-y: scroll;
	overflow-x: hidden
}

.header-fixed {
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	background: var(--bg1)
}

.header-fixed .main-navbar .logo {
	display: block
}

@media(max-width: 991px) {
	.header-fixed .main-navbar .logo {
		display: none
	}
}

.shop__styleone li .headerv3-cmnicon {
	transition: all .6s
}

.shop__styleone li .headerv3-cmnicon i {
	transition: all .5s
}

.shop__styleone li a {
	width: 44px;
	min-width: 44px;
	height: 44px;
	display: block;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .6s
}

.shop__styleone li a i {
	transition: all .5s
}

.shop__styleone li:hover .headerv3-cmnicon,
.shop__styleone li:hover a {
	background: var(--p1) !important
}

.shop__styleone li:hover .headerv3-cmnicon i,
.shop__styleone li:hover a i {
	color: var(--n700) !important
}

.serial {
	width: 22px;
	min-width: 22px;
	height: 22px;
	position: absolute;
	top: -9px;
	right: -9px
}

@media(max-width: 991px) {
	.one__header .one__mainheader {
		padding: 24px 0
	}

	.one__header .itembg__1 {
		padding: 14px 20px 18px;
		background: var(--bg2);
		display: flex;
		width: 100%;
		align-items: center
	}

	.one__header .itembg__1::after {
		right: 20px !important
	}
}

.category__oneadjust .nice-select {
	width: unset !important;
	gap: 20px;
	font-size: 16px
}

.category__oneadjust .nice-select::after {
	position: initial
}

.category__oneadjust .nice-select .list {
	max-height: 20vh;
	background: var(--bg2);
	width: 180px;
	padding: 5px 8px;
	overflow-y: scroll
}

.category__oneadjust .nice-select .list li {
	color: var(--n0);
	font-size: 14px
}

.category__oneadjust .search-toggle-box {
	width: 497px
}

@media(max-width: 1399px) {
	.category__oneadjust .search-toggle-box {
		width: unset
	}
}

@media(max-width: 460px) {
	.category__oneadjust .nice-select {
		display: none
	}
}

.category__oneadjust.version2 .search-toggle-box .input-area {
	border: unset
}

.category__oneadjust.version2 .search-toggle-box .input-area input {
	font-size: 14px;
	font-weight: 400;
	color: var(--n40)
}

.category__oneadjust.version2 .search-toggle-box .input-area ::-moz-placeholder {
	color: var(--n40)
}

.category__oneadjust.version2 .search-toggle-box .input-area ::placeholder {
	color: var(--n40)
}

.category__oneadjust.version2 .nice-select .current {
	color: var(--n0)
}

.designers {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--n0);
	color: rgba(0, 0, 0, 0);
	transition: all .5s;
	position: relative
}

.designers::before {
	content: attr(data-text);
	position: absolute;
	color: var(--s2);
	width: 0px;
	overflow: hidden;
	animation: pulse-width 3s ease-in infinite;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--s2)
}

@keyframes pulse-width {
	50% {
		width: 100%
	}
}

.header__two {
	border-top: 1px dashed var(--p1-border)
}

@media(min-width: 991px) {
	.header__two {
		display: none
	}
}

.header__two.header-fixed {
	display: block
}

.head-border {
	border-bottom: 1px solid var(--n30)
}

.header-v3 .category__oneadjust .catev3 {
	border: 1px solid var(--n30);
	background: var(--n20);
	border-radius: 60px;
	padding: 13px 32px
}

.header-v3 .category__oneadjust .nice-select {
	gap: 10px
}

.header-v3 .category__oneadjust .nice-select::after {
	border-bottom: 2px solid var(--n500);
	border-right: 2px solid var(--n500);
	width: 9px;
	height: 9px
}

.header-v3 .category__oneadjust .nice-select .current {
	color: var(--n500) !important
}

.header-v3 .search-toggle-box {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 220px
}

.header-v3 .langv3 {
	position: relative
}

.header-v3 .langv3 .nice-select {
	position: absolute;
	top: 0;
	left: 0
}

.header-v3 .langv3 .nice-select::after {
	display: none
}

.header-v3 .langv3 .nice-select .current {
	opacity: 0;
	width: 100%;
	display: block;
	padding-top: 10px
}

.header-v3 .langv3 .nice-select .list {
	border: 1px solid var(--n30);
	background: var(--n0);
	width: 100px;
	right: 0;
	padding: 5px 10px 5px;
	height: 180px
}

.header-v3 .headerv3-cmnicon {
	width: 42px;
	min-width: 42px;
	height: 42px;
	border: 1px solid var(--n30);
	background: var(--n20);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.header-v3 .dropdown .dropdown-menu {
	text-align: left;
	margin: 20px 0 0 35px !important
}

.header-v3 .dropdown .dropdown-menu li a {
	width: unset;
	height: unset;
	text-align: left;
	border-radius: unset;
	justify-content: flex-start
}

.header-v3 .sub-menu {
	background: var(--n0) !important
}

.header-v3 .container {
	max-width: 1760px;
	margin: 0 auto
}

@media(max-width: 991px) {
	.header-v3 .sub-menu {
		background: var(--n0)
	}

	.header-v3 .itembg__1 {
		color: var(--n0)
	}

	.header-v3 .navbar-toggle-btn span {
		background: var(--n500) !important
	}

	.header-v3 .left__navbox {
		width: 100%
	}

	.header-v3 .search-toggle-box {
		left: 0
	}
}

@media(max-width: 1399px) {
	.header-v3 .category__oneadjust .catev3 {
		padding: 9px 22px
	}

	.header-v3 .category__oneadjust .catev3 .nice-select option {
		font-size: 10px !important
	}

	.header-v3 .category__oneadjust .catev3 .current {
		font-size: 13px
	}

	.header-v3 .headerv3-cmnicon {
		width: 36px;
		min-width: 36px;
		height: 36px
	}
}

.togglebox-one .input-area {
	position: relative !important;
	z-index: 1 !important
}

.cmnlangv3 {
	position: relative
}

.cmnlangv3 .nice-select {
	position: absolute;
	top: 0;
	left: 0
}

.cmnlangv3 .nice-select::after {
	display: none
}

.cmnlangv3 .nice-select .current {
	opacity: 0;
	width: 100%;
	display: block;
	padding-top: 10px
}

.cmnlangv3 .nice-select .list {
	border: 1px solid var(--n30);
	background: var(--n0);
	width: 100px;
	right: 0;
	padding: 5px 10px 5px;
	height: 180px
}

.cmnuser-proposition .dropdown .dropdown-menu {
	text-align: left;
	margin: 20px 0 0 0px !important;
	inset: 0 0 0 auto !important;
	height: 85px
}

.cmnuser-proposition .dropdown .dropdown-menu li a {
	width: unset;
	height: unset;
	text-align: left;
	border-radius: unset;
	justify-content: flex-start
}

.header-v5 {
	position: absolute;
	top: 0;
	left: 0
}

.header-v5 .category__oneadjust .search-toggle-box {
	position: initial;
	width: 400px
}

@media(max-width: 1500px) {
	.header-v5 .category__oneadjust .search-toggle-box {
		width: 200px
	}
}

.hero__fivesection::before {
	position: absolute;
	top: 50px;
	left: 0;
	content: "";
	background: url(../images/vectors/ellip.png) no-repeat center center;
	background-size: cover;
	width: 500px;
	height: 500px
}

.header5-btn {
	width: unset !important;
	height: unset !important;
	min-width: unset !important;
	min-height: unset !important
}

.header-v6 .category__oneadjust {
	width: 100%
}

.header-v6 .category__oneadjust .search-toggle-box {
	width: 100%
}

.header-v6 .category__oneadjust .search-toggle-box .input-area {
	background: var(--n20) !important
}

@media(max-width: 767px) {
	.header-v6 .category__oneadjust {
		justify-content: space-between;
		width: 100%
	}

	.header-v6 .category__oneadjust .search-toggle-box {
		width: 90%
	}

	.header-v6 .category__oneadjust .search-toggle-box .input-area {
		width: 90%
	}
}

.header-v6 .category__oneadjust .nice-select {
	display: inline-flex
}

@media(min-width: 991px) {

	.header-v6 .custom-nav a,
	.header-v6 .custom-nav button {
		color: var(--n500) !important
	}
}

@media(max-width: 991px) {
	.header-v6 .custom-nav button {
		color: var(--n0)
	}
}

.header-v6 .sub-menu {
	background: var(--n0) !important
}

@media(max-width: 991px) {
	.header-v6 .sub-menu li {
		color: var(--n500)
	}

	.header-v6 .sub-menu li button {
		color: var(--n500)
	}

	.header-v6 .sub-menu li a {
		color: var(--n500);
		font-weight: 500
	}
}

.toggle-black span {
	background: var(--n500) !important
}

.head7-category .nice-select {
	width: unset !important;
	gap: 10px;
	font-size: 16px;
	color: var(--n500)
}

.head7-category .nice-select::after {
	position: initial;
	border-bottom: 1px solid var(--n500);
	border-right: 1px solid var(--n500)
}

.head7-category .nice-select .current {
	color: var(--n500) !important
}

.head7-category .nice-select .list {
	background: var(--bg2);
	width: 180px;
	padding: 5px 8px
}

.head7-category .nice-select .list li {
	color: var(--n0);
	font-size: 14px
}

.header__topsix .category__oneadjust .category {
	border-right: 1px solid var(--n40)
}

.header__topsix .category__oneadjust .search-toggle-box input {
	background: var(--n20);
	font-size: 10px;
	color: var(--n300)
}

.header__topsix .category__oneadjust .search-toggle-box ::-moz-placeholder {
	color: var(--n300);
	font-size: 14px
}

.header__topsix .category__oneadjust .search-toggle-box ::placeholder {
	color: var(--n300);
	font-size: 14px
}

.header__topsix .category__oneadjust .nice-select {
	gap: 10px;
	padding: 0 0 0 18px;
	border-radius: 0;
	padding-right: 28px !important
}

.header__topsix .category__oneadjust .nice-select::after {
	border-bottom: 1px solid var(--n500);
	border-right: 1px solid var(--n500)
}

.hero-border {
	border-top: 1px solid var(--n30)
}

.hero__tentsection {
	padding-top: 95px
}

@media(max-width: 575px) {
	.footer__logo {
		width: 70%
	}
}

.footer__link {
	width: 30px;
	min-width: 30px;
	height: 30px
}

@media(max-width: 575px) {
	.footer__link {
		width: 26px;
		min-width: 26px;
		height: 26px
	}
}

.widget__linkone li:not(:last-child) {
	margin-bottom: 16px
}

@media(max-width: 1199px) {
	.widget__linkone li:not(:last-child) {
		margin-bottom: 10px
	}
}

.footer__onewidget__link {
	border-left: 1px dashed var(--p1-border);
	height: 100%;
	padding-left: 66px
}

@media(max-width: 1199px) {
	.footer__onewidget__link {
		padding-left: 15px
	}
}

@media(max-width: 991px) {
	.footer__onewidget__link {
		padding-left: 0px;
		border-left: unset;
		margin-top: 30px
	}
}

@media(max-width: 575px) {
	.footer__onewidget__link {
		margin-top: 20px
	}
}

.footer__two {
	position: relative
}

.footer__two::before {
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	width: calc(100% - 580px);
	content: "";
	background: var(--bg1)
}

@media(max-width: 1899px) {
	.footer__two::before {
		width: calc(100% - 540px)
	}
}

@media(max-width: 1760px) {
	.footer__two::before {
		width: calc(100% - 500px)
	}
}

@media(max-width: 1680px) {
	.footer__two::before {
		width: calc(100% - 450px)
	}
}

@media(max-width: 1600px) {
	.footer__two::before {
		width: 100%
	}
}

.footer__v2item .iconv2 {
	width: 48px;
	min-width: 48px;
	height: 48px
}

.footer__v2item .banner__video {
	position: initial !important
}

.footer__v2item .banner__video .cmn__video {
	background: var(--bg1)
}

.footer__v2item .banner__video .cmn__video i {
	color: var(--n0)
}

@media(max-width: 991px) {
	.footer__v2item h1 {
		font-size: 28px
	}

	.footer__v2item .banner__video {
		top: calc(100% - 44px);
		right: calc(100% - 250px);
		width: 50px;
		height: 50px;
		padding: 1px
	}

	.footer__v2item .banner__video .cmn__video {
		width: 30px;
		height: 30px
	}

	.footer__v2item .banner__video .cmn__video i {
		font-size: 16px
	}

	.footer__v2item .banner__video img {
		width: 48px;
		height: 48px
	}
}

.navigate {
	transition: all .4s;
	padding-left: 12px
}

.navigate::before {
	transition: all .4s;
	position: absolute;
	content: "";
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--n0)
}

.navigate:hover {
	color: var(--p1)
}

.navigate:hover::before {
	background: var(--p1)
}

.subscribebox {
	border-left: 1px dashed var(--p1-border);
	padding-left: 32px;
	padding-top: 20px
}

.subscribebox form {
	background: var(--bg2)
}

.subscribebox form input {
	color: var(--n0);
	outline: none
}

.subscribebox form ::-moz-placeholder {
	font-size: 14px;
	color: var(--n0)
}

.subscribebox form ::placeholder {
	font-size: 14px;
	color: var(--n0)
}

.subscribebox form .btn__v4 {
	background: var(--p1);
	border-color: var(--bg1)
}

.subscribebox form .btn__v4 i {
	color: var(--n700)
}

@media(max-width: 767px) {
	.subscribebox {
		padding-left: 0;
		border-left: unset;
		padding-top: 0
	}
}

.footright__v2 {
	border-top: 1px solid var(--n500)
}

.fbottom-leftv2 {
	gap: 130px
}

@media(max-width: 1199px) {
	.fbottom-leftv2 {
		gap: 60px
	}
}

@media(max-width: 767px) {
	.fbottom-leftv2 {
		gap: 30px 60px;
		order: 1
	}
}

.f__v2item-space {
	padding-bottom: 120px
}

@media(max-width: 1899px) {
	.f__v2item-space {
		padding-bottom: 50px
	}
}

@media(max-width: 1199px) {
	.f__v2item-space {
		padding-bottom: 20px
	}
}

.soci-box .social-area li a {
	width: 32px;
	min-width: 32px;
	height: 32px
}

@media(max-width: 1600px) {
	.order2 h5 {
		color: var(--n0)
	}

	.order2 .widget__contactone li .iconv2 {
		background: var(--bg2) !important
	}

	.order2 .widget__contactone li a {
		color: var(--n0)
	}

	.order2 .widget__contactone li a span {
		color: var(--n0)
	}
}

.footv2__logo2 {
	display: none
}

@media(max-width: 1600px) {
	.footv2__logo {
		display: none
	}

	.footv2__logo2 {
		display: block
	}
}

.footer__topfour .subscribebox {
	padding-left: 0;
	border-left: unset
}

.footer__topfour .navigate-four .navigate-box {
	display: flex;
	gap: 98px
}

@media(max-width: 500px) {
	.footer__topfour .navigate-four {
		flex-wrap: wrap
	}

	.footer__topfour .navigate-four .navigate-box {
		display: flex;
		gap: 40px
	}
}

@media(max-width: 380px) {
	.footer__topfour .navigate-four .navigate-box {
		gap: 18px
	}
}

@media(max-width: 991px) {
	.foote-right-wrapfour {
		margin-top: 40px
	}
}

@media(max-width: 767px) {
	.foote-right-wrapfour {
		margin-top: 24px
	}
}

.foote-right-wrapfour .app-goggle {
	max-width: 180px
}

.foote-right-wrapfour .apps {
	width: 100%
}

.header-v5 .one__header.header-fixed {
	background: var(--n0)
}

@media(max-width: 510px) {
	.edubox-f5-form {
		flex-wrap: wrap
	}
}

.edubox-f5 {
	width: 470px
}

.footer-fivelink {
	gap: 16px
}

@media(max-width: 575px) {
	.footer-fivelink {
		flex-wrap: wrap;
		gap: 40px
	}
}

.themeborder {
	border-bottom: 1px solid var(--p1)
}

.footer-edutop {
	padding: 80px 0
}

.footer-edutop .foo6-link {
	display: flex;
	align-items: center;
	gap: 24px
}

.footer-edutop .foo6-link li a {
	display: flex;
	align-items: center;
	padding-left: 10px;
	position: relative;
	color: var(--n0)
}

.footer-edutop .foo6-link li a::before {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--n0);
	position: absolute;
	left: 0;
	content: ""
}

.footer-edutop .foo6-link li a:hover {
	color: var(--p1)
}

.footer-edutop .foo6-link li a:hover::before {
	background: var(--p1)
}

@media(max-width: 1399px) {
	.footer-edutop {
		padding: 60px 0
	}
}

@media(max-width: 1199px) {
	.footer-edutop {
		padding: 40px 0
	}
}

@media(max-width: 991px) {
	.footer-edutop {
		padding: 30px 0;
		flex-wrap: wrap;
		justify-content: center
	}

	.footer-edutop .footer6-logo {
		display: none
	}
}

@media(max-width: 767px) {
	.footer-edutop {
		justify-content: center;
		gap: 14px
	}

	.footer-edutop .foo6-link {
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px
	}
}

.bordern015-top {
	border-top: 1px solid rgba(255, 255, 255, .15)
}

.bordern015-bottom {
	border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.footer6-body {
	display: flex;
	justify-content: space-between
}

.footer6-body .subscribebox {
	padding-left: 0px;
	border-left: 1px solid rgba(255, 255, 255, .15);
	width: 520px
}

.footer6-body .custom-bleftf {
	border-left: 1px solid rgba(255, 255, 255, .15)
}

.footer6-body .student__countitem {
	padding: 0 0 0
}

.footer6-body .footer6-spance {
	padding: 120px 40px
}

@media(max-width: 991px) {
	.footer6-body .disig {
		font-size: 13px !important
	}

	.footer6-body .footer6-spance {
		padding: 60px 10px
	}
}

@media(max-width: 575px) {
	.footer6-body {
		flex-wrap: wrap;
		justify-content: center
	}

	.footer6-body .subscribebox {
		border-left: unset;
		border-top: 1px solid rgba(255, 255, 255, .15)
	}
}

@media(max-width: 550px) {
	.footer6-body .custom-bleftf {
		border-left: unset;
		border-top: 1px solid rgba(255, 255, 255, .15)
	}
}

.f5-recent a:hover {
	color: var(--s1)
}

@media(max-width: 1399px) {
	.footer__eight .footer5-recent h6 {
		font-size: 16px !important;
		line-height: 1.5
	}

	.footer__eight .footer5-recent h6 span {
		font-size: 14px
	}
}

.footer__onewidget-v8 {
	justify-content: space-between;
	gap: 20px
}

.footer__onewidget-v8 .footer-v8lteft {
	max-width: 526px
}

@media(max-width: 500px) {
	.footer__onewidget-v8 {
		flex-wrap: wrap;
		gap: 20px
	}
}

@media(max-width: 1700px) {
	.about-study .badge1-eleemnt {
		display: none
	}
}

.about-studyleft .thumb .as-counter {
	margin-bottom: 8px
}

.about-studyleft .thumb .as-counter::before {
	border-radius: 20px
}

.about-studyleft .thumb .as-counter::after {
	border-radius: 20px
}

.about-studyleft .thumb .shape-as {
	height: 175px;
	width: 275px
}

.about-studyleft .as-cate {
	justify-content: space-between;
	gap: 16px 0
}

.about-studyleft .as-cate li {
	width: 50%
}

@media(max-width: 1399px) {
	.about-studyleft .thumb .shape-as {
		height: 155px;
		width: 225px
	}

	.about-studyleft .as-cate li {
		width: 100%
	}
}

@media(max-width: 1199px) {
	.about-studyleft .thumb .shape-as {
		height: 110px;
		width: 200px
	}
}

.badge1-eleemnt {
	position: absolute;
	top: 92px;
	right: 70px
}

@media(max-width: 1399px) {
	.about-studyright .bl-shapecmn {
		width: 110px
	}
}

.header-scrollfixed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.pt-fixed250 {
	padding-top: 250px
}

@media(max-width: 991px) {
	.pt-fixed250 {
		padding-top: 200px
	}
}

.pt-fixed250-v7 {
	padding-top: 250px
}

@media(max-width: 991px) {
	.pt-fixed250-v7 {
		padding-top: 100px
	}
}

@media(max-width: 767px) {
	.pt-fixed250-v7 {
		padding-top: 80px
	}
}

.pt-fixed150 {
	padding-top: 150px
}

@media(max-width: 991px) {
	.pt-fixed150 {
		padding-top: 220px
	}
}

.limitless__leftcont {
	max-width: 452px;
	position: relative;
	padding: 30px 52px
}

.limitless__leftcont h3 {
	font-size: 40px
}

@media(max-width: 1600px) {
	.limitless__leftcont {
		padding: 26px 24px
	}

	.limitless__leftcont h3 {
		font-size: 36px
	}
}

@media(max-width: 1399px) {
	.limitless__leftcont {
		padding: 114px 24px 24px
	}
}

@media(max-width: 1199px) {
	.limitless__leftcont h3 {
		font-size: 28px
	}
}

@media(max-width: 991px) {
	.limitless__leftcont h3 {
		font-size: 20px
	}
}

.limitless__contright {
	padding-left: 40px;
	padding-top: 70px;
	position: relative
}

.limitless__contright h3 {
	font-size: 40px
}

@media(max-width: 1399px) {
	.limitless__contright {
		padding-left: 10px;
		padding-top: 0
	}

	.limitless__contright h3 {
		font-size: 36px
	}

	.limitless__contright .banner__video {
		top: -150px;
		right: 0;
		width: 80px;
		height: 80px;
		padding: 5px
	}

	.limitless__contright .banner__video .cmn__video {
		width: 40px;
		height: 40px
	}

	.limitless__contright .banner__video .cmn__video i {
		font-size: 18px
	}

	.limitless__contright .banner__video img {
		width: 72px;
		height: 72px
	}
}

@media(max-width: 1199px) {
	.limitless__contright h3 {
		font-size: 28px
	}
}

@media(max-width: 991px) {
	.limitless__contright {
		padding-top: 15px
	}

	.limitless__contright .banner__video {
		top: calc(100% - 190px);
		right: 0
	}
}

@media(max-width: 767px) {
	.limitless__contright .banner__video {
		top: calc(100% - 44px);
		right: calc(100% - 250px);
		width: 50px;
		height: 50px;
		padding: 1px
	}

	.limitless__contright .banner__video .cmn__video {
		width: 30px;
		height: 30px
	}

	.limitless__contright .banner__video .cmn__video i {
		font-size: 16px
	}

	.limitless__contright .banner__video img {
		width: 48px;
		height: 48px
	}
}

@media(max-width: 450px) {
	.limitless__contright {
		padding-top: 10px;
		padding-left: 0
	}

	.limitless__contright h3 {
		font-size: 20px
	}
}

.banner__video {
	position: absolute;
	top: -130px;
	right: 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	padding: 5px;
	background: var(--p1)
}

.banner__video .text__circle {
	position: absolute;
	animation: cir36 10s linear infinite
}

.banner__video .cmn__video {
	background: var(--n0);
	width: 73px;
	height: 73px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: 50%;
	transform: translate(-50%, -50%)
}

.banner__video .cmn__video i {
	color: var(--n1);
	font-size: 20px
}

.limitless__left {
	position: relative
}

.limitless__left .limit__thumb {
	margin-left: auto;
	position: relative
}

.limitless__left::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80%;
	content: "";
	background: var(--p1);
	border-radius: 37px
}

.limitless__left .students {
	position: absolute;
	top: 102px;
	left: 0px;
	width: 190px;
	height: 110px;
	padding: 0 36px
}

.limitless__left .students h3 {
	font-size: 40px
}

.limitless__left .students .cmn__vector1 {
	position: absolute;
	top: 0;
	left: 0
}

.limitless__left .students img {
	height: 100%;
	width: 100%
}

@media(max-width: 1399px) {
	.limitless__left::before {
		height: 100%
	}

	.limitless__left .students {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 190px;
		height: 110px;
		padding: 0 36px
	}
}

@media(max-width: 767px) {
	.limitless__left .students {
		padding: 0 24px 24px;
		width: 160px;
		height: 100px
	}

	.limitless__left .students h3 {
		font-size: 32px
	}
}

@media(max-width: 450px) {
	.limitless__left .limit__thumb {
		display: none
	}
}

@media(max-width: 450px)and (max-width: 767px) {
	.limitless__left .students {
		padding: 0 24px 24px;
		height: 85px
	}

	.limitless__left .students h3 {
		font-size: 24px
	}
}

.hero__onecontent h1 {
	font-size: 120px
}

@media(max-width: 1399px) {
	.hero__onecontent h1 {
		font-size: 80px
	}

	.hero__onecontent .custom-loop-play {
		width: 206px;
		height: 60px
	}
}

@media(max-width: 1199px) {
	.hero__onecontent h1 {
		font-size: 70px
	}
}

@media(max-width: 991px) {
	.hero__onecontent .idealz {
		display: none
	}

	.hero__onecontent .custom-loop-play {
		display: none
	}
}

@media(max-width: 767px) {
	.hero__onecontent h1 {
		font-size: 42px
	}
}

@media(max-width: 440px) {
	.hero__onecontent h1 {
		font-size: 36px
	}
}

@media(max-width: 400px) {
	.hero__onecontent h1 {
		font-size: 30px
	}
}

.hero__sun {
	position: absolute;
	left: 70px;
	top: 240px;
	z-index: -1;
	animation: cir36 15s linear infinite
}

.banner__socone {
	position: absolute;
	bottom: 120px;
	left: calc(10% - 80px)
}

.banner__socone .follow__rot {
	transform: rotate(-90deg);
	position: absolute;
	top: -70px;
	left: -10px;
	width: 80px
}

.banner__socone .follows {
	gap: 12px;
	display: grid
}

@media(max-width: 1700px) {
	.banner__socone {
		position: initial;
		display: none
	}

	.banner__socone .follow__rot {
		display: none
	}

	.banner__socone .follows {
		display: flex;
		margin-top: 30px
	}

	.banner__socone .follows i {
		padding-top: 1px
	}
}

@keyframes cir36 {
	100% {
		transform: rotate(360deg)
	}
}

@media(max-width: 1399px) {
	.hero__sun {
		display: none
	}
}

@media(max-width: 991px) {
	.bn__three-cont .display-four {
		font-size: 36px !important
	}
}

.bn__right3 .thumb .banner__video {
	position: relative
}

.bn__right3 .thumb .bn3__vid {
	position: absolute;
	top: calc(100% + 9px);
	right: 0
}

.bn__right3 .thumb .bn3__vec {
	width: 150px
}

.bn__right3 .boxline {
	position: relative;
	display: block
}

.bn__right3 .boxline::before {
	top: -50px;
	left: 0;
	position: absolute;
	content: "";
	height: 108px;
	border: 1px dashed var(--n40)
}

@media(max-width: 991px) {
	.bn__right3 .boxline::before {
		display: none
	}
}

.bn3-rightbox {
	max-width: 282px
}

@media(max-width: 370px) {
	.video-adjust .watch-de {
		display: none
	}
}

.bn__four-cont h1 {
	font-size: 80px;
	text-transform: uppercase
}

.bn__four-cont h1 .suc {
	color: #2fa75f;
	border-bottom: 2px solid #2fa75f;
	display: inline-block
}

@media(max-width: 1399px) {
	.bn__four-cont .milion {
		font-size: 14px
	}
}

@media(max-width: 1199px) {
	.bn__four-cont h1 {
		font-size: 54px
	}
}

@media(max-width: 991px) {
	.bn__four-cont {
		padding: 60px 0
	}

	.bn__four-cont h1 {
		font-size: 40px
	}
}

@media(max-width: 550px) {
	.bn__four-cont h1 {
		font-size: 32px
	}
}

.banner__rightv4 {
	width: 717px;
	height: 696px
}

.banner__rightv4 .bn4-five {
	position: absolute;
	top: 0;
	left: 70px;
	border-bottom-left-radius: 120px;
	border-bottom-right-radius: 120px
}

.banner__rightv4 .bn4-six {
	position: absolute;
	bottom: 0;
	right: 88px;
	border-top-left-radius: 120px;
	border-top-right-radius: 120px
}

.banner__rightv4 .bn4-v4 {
	position: absolute;
	right: 140px;
	top: 60px
}

.banner__rightv4 .bn4-v3 {
	position: absolute;
	bottom: 60px;
	left: 140px
}

.banner__rightv4 .bn4-v1 {
	position: absolute;
	right: 0;
	top: 220px;
	animation: updown8 2s linear infinite
}

.banner__rightv4 .bn4-v2 {
	position: absolute;
	bottom: 200px;
	left: 0;
	animation: lfrt10 2s linear infinite
}

.banner__rightv4 .vidposi {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media(max-width: 1600px) {
	.banner__rightv4 {
		height: 600px;
		width: 650px
	}

	.banner__rightv4 .bn4-six {
		position: absolute;
		bottom: 0;
		right: 88px;
		border-top-left-radius: 120px;
		border-top-right-radius: 120px
	}

	.banner__rightv4 .bn4-v4 {
		right: 140px;
		top: 10px
	}

	.banner__rightv4 .bn4-v3 {
		bottom: 10px;
		left: 140px
	}

	.banner__rightv4 .bn4-v1 {
		right: 0;
		top: 220px
	}

	.banner__rightv4 .bn4-v2 {
		bottom: 200px;
		left: 0
	}
}

@media(max-width: 991px) {
	.banner__rightv4 {
		height: 500px;
		width: 600px
	}

	.banner__rightv4 .bn4-five {
		top: 0;
		left: 0px;
		width: 140px
	}

	.banner__rightv4 .bn4-v1 {
		right: 320px;
		top: 140px
	}

	.banner__rightv4 .bn4-six {
		bottom: 0;
		right: 290px;
		width: 140px
	}

	.banner__rightv4 .bn4-v4 {
		right: 277px;
		top: 10px;
		width: 90px
	}

	.banner__rightv4 .bn4-v3 {
		bottom: 10px;
		left: 40px;
		width: 90px
	}

	.banner__rightv4 .vidposi {
		position: absolute;
		top: 51%;
		left: 24%;
		transform: translate(-50%, -50%)
	}

	.banner__rightv4 .banner4__video {
		width: 140px;
		height: 140px
	}

	.banner__rightv4 .banner4__video .text__circle {
		width: 128px
	}

	.banner__rightv4 .banner4__video .cmn__video {
		width: 80px;
		height: 80px
	}
}

@media(max-width: 767px) {
	.banner__rightv4 {
		margin-top: 20px
	}

	.banner__rightv4 .bn4-six {
		bottom: 0;
		right: 88px
	}

	.banner__rightv4 .bn4-v1 {
		position: absolute;
		right: 240px;
		top: 40px
	}

	.banner__rightv4 .bn4-v2 {
		position: absolute;
		bottom: 150px;
		left: 90px
	}

	.banner__rightv4 .bn4-v4 {
		position: absolute;
		right: 80px;
		top: 60px
	}

	.banner__rightv4 .vidposi {
		position: absolute;
		top: 45%;
		left: 45%
	}
}

@media(max-width: 575px) {
	.banner__rightv4 {
		width: 100%
	}

	.banner__rightv4 .bn4-six {
		bottom: 0;
		right: 0
	}

	.banner__rightv4 .bn4-v1 {
		position: absolute;
		right: 20px;
		top: 0px
	}

	.banner__rightv4 .bn4-v2 {
		position: absolute;
		bottom: 150px;
		left: 30px
	}

	.banner__rightv4 .bn4-v3 {
		bottom: 10px;
		left: 0px
	}

	.banner__rightv4 .bn4-v4 {
		position: absolute;
		right: 0px;
		top: 60px
	}

	.banner__rightv4 .vidposi {
		position: absolute;
		top: 48%;
		left: 45%
	}
}

.banner4__video {
	position: relative;
	width: 176px;
	height: 176px;
	border-radius: 50%;
	padding: 5px;
	background: var(--n0);
	border: 1.2px solid var(--n500)
}

.banner4__video .text__circle {
	position: absolute;
	animation: cir36 10s linear infinite
}

.banner4__video .cmn__video {
	background: var(--n0);
	border: 1.2px solid var(--n500);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: 50%;
	transform: translate(-50%, -50%)
}

.banner4__video .cmn__video i {
	color: #2fa75f;
	font-size: 60px
}

.bn__five-cont {
	padding-top: 60px
}

.bn__five-cont .empower {
	border: 1px solid var(--s2);
	padding: 8px 24px;
	border-radius: 100px
}

.bn__five-cont h1 {
	font-size: 80px;
	font-weight: 600
}

@media(max-width: 1399px) {
	.bn__five-cont h1 {
		font-size: 56px
	}
}

@media(max-width: 1199px) {
	.bn__five-cont h1 {
		font-size: 48px
	}
}

@media(max-width: 991px) {
	.bn__five-cont {
		padding-top: 140px
	}

	.bn__five-cont h1 {
		font-size: 38px
	}
}

.bn5-one .vidposi {
	position: absolute;
	top: -80px;
	right: 80px
}

.bn5-one .icon-badge {
	position: absolute;
	right: -20px;
	top: 180px;
	border: 5px solid var(--n0)
}

@media(max-width: 1399px) {
	.bn5-one .vidposi {
		right: 60px
	}

	.bn5-one .banner4__video {
		width: 140px;
		height: 140px
	}

	.bn5-one .banner4__video .text__circle {
		width: 128px
	}

	.bn5-one .banner4__video .cmn__video {
		width: 80px;
		height: 80px
	}
}

.bn5-two .studenbox {
	width: 155px;
	min-width: 155px;
	height: 155px;
	border: 5px solid var(--n0);
	position: absolute;
	bottom: -40px;
	left: 80px;
	animation: lfrt10 2s linear infinite
}

.bn5-two .studenbox .student-vec {
	position: absolute;
	bottom: -35px;
	left: -35px
}

@media(max-width: 1199px) {
	.bn5-two .studenbox {
		width: 110px;
		min-width: 110px;
		height: 110px
	}
}

.bn5-vidbox {
	border: 4px solid var(--n0);
	display: inline-block;
	width: 80px;
	min-width: 80px;
	height: 80px;
	background: var(--s1);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 200px;
	left: -20px
}

.bn5-vid {
	width: 55px;
	min-width: 55px;
	height: 55px;
	background: var(--n0);
	display: block
}

.banner__rightv5 {
	height: 900px;
	width: 727px
}

.banner__rightv5 .bn5-two {
	position: absolute;
	top: -70px;
	left: 0
}

.banner__rightv5 .bn5-two .bn5-tcourse {
	position: absolute;
	top: 130px;
	left: -220px;
	animation: updown8 2s linear infinite
}

.banner__rightv5 .bn5-one {
	position: absolute;
	bottom: 0;
	right: 0
}

@media(max-width: 1750px) {
	.banner__rightv5 {
		width: 627px
	}

	.banner__rightv5 .bn5-two {
		left: -80px
	}
}

@media(max-width: 1550px) {
	.banner__rightv5 {
		width: 600px
	}

	.banner__rightv5 .bn5-two {
		left: -80px;
		width: 420px
	}

	.banner__rightv5 .bn5-one {
		width: 360px
	}
}

@media(max-width: 1399px) {
	.banner__rightv5 {
		width: 500px;
		height: 650px
	}

	.banner__rightv5 .bn5-two {
		left: -5px;
		width: 300px
	}

	.banner__rightv5 .bn5-two .bn5-vidbox {
		bottom: 100px
	}

	.banner__rightv5 .bn5-one {
		width: 220px;
		right: 40px
	}
}

@media(max-width: 991px) {
	.banner__rightv5 {
		margin-top: 25px
	}

	.banner__rightv5 .bn5-two {
		top: 0px
	}

	.banner__rightv5 .bn5-two .bn5-tcourse {
		top: 60px;
		left: calc(100% - 100px)
	}
}

@media(max-width: 575px) {
	.banner__rightv5 {
		margin-top: 25px;
		height: 480px
	}

	.banner__rightv5 .bn5-two {
		width: 190px;
		top: 0px
	}

	.banner__rightv5 .bn5-two .bn5-tcourse {
		top: 10px;
		left: calc(100% - 70px)
	}

	.banner__rightv5 .bn5-two .bn5-vidbox {
		left: 100%
	}

	.banner__rightv5 .bn5-one {
		width: 140px;
		right: 200px
	}

	.banner__rightv5 .bn5-one .vidposi {
		display: none
	}

	.banner__rightv5 .bn5-one .icon-badge {
		right: 100%
	}
}

@media(max-width: 430px) {
	.banner__rightv5 .bn5-two .bn5-tcourse {
		display: none !important
	}
}

.bn6__content {
	position: relative;
	z-index: 1
}

.bn6__content h1 {
	font-size: 80px
}

.bn6__content p {
	font-size: 24px;
	line-height: 150%
}

.bn6__content .bn6-form {
	border: 1px solid var(--n40);
	border-radius: 100px;
	background: var(--n20)
}

.bn6__content .bn6-form .search-toggle {
	width: 100%;
	border-left: 1px solid var(--n40);
	padding-left: 1px
}

.bn6__content .bn6-form .search-toggle input {
	outline: none;
	border: unset
}

.bn6__content .bn6-form .icon-category {
	padding-left: 30px;
	padding-right: 44px
}

.bn6__content .bn6-form .nice-select {
	display: flex;
	align-items: center
}

.bn6__content .bn6-form .nice-select .list {
	padding: 5px 9px;
	width: 200px;
	background: var(--n0);
	box-shadow: 0px 5.12694px 25.6347px 0px rgba(0, 0, 0, .08);
	left: -40px
}

.bn6__content .bn6-form .nice-select::after {
	right: -18px;
	border-bottom: 2px solid var(--n500);
	border-right: 2px solid var(--n500)
}

@media(max-width: 420px) {
	.bn6__content .bn6-form {
		flex-wrap: wrap
	}

	.bn6__content .bn6-form .search-toggle {
		border-left: unset;
		padding-right: 10px
	}

	.bn6__content .bn6-form .icon-category {
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 16px;
		padding-right: 16px;
		border-bottom: 1px solid var(--n40);
		text-align: center;
		justify-content: center;
		margin: 0 auto
	}
}

@media(max-width: 1399px) {
	.bn6__content h1 {
		font-size: 58px
	}
}

@media(max-width: 1199px) {
	.bn6__content h1 {
		font-size: 44px
	}

	.bn6__content p {
		font-size: 18px
	}
}

@media(max-width: 767px) {
	.bn6__content {
		margin-bottom: 10px
	}

	.bn6__content h1 {
		font-size: 36px
	}

	.bn6__content p {
		font-size: 18px
	}
}

@media(max-width: 575px) {
	.bn6__content {
		margin-bottom: 10px
	}

	.bn6__content h1 {
		font-size: 32px
	}

	.bn6__content p {
		font-size: 16px
	}
}

.b6-inspaire {
	padding-left: 14px
}

.b6-inspaire::before {
	position: absolute;
	left: 0;
	content: "";
	background: var(--s2);
	width: 8px;
	height: 8px;
	border-radius: 50%
}

.bn6-vector {
	z-index: -1;
	animation: updown8 2s linear infinite
}

@media(max-width: 1199px) {
	.bn6-vector {
		width: 500px
	}
}

@media(max-width: 767px) {
	.bn6-vector {
		width: 300px
	}
}

@media(max-width: 575px) {
	.bn6-vector {
		width: 200px;
		opacity: .2
	}
}

.b5-feature {
	background: rgba(47, 167, 95, .05)
}

@media(max-width: 1199px) {
	.b5-feature .bn5-featureitem {
		width: 33.3333333333%
	}
}

@media(max-width: 767px) {
	.b5-feature .bn5-featureitem {
		width: 33.3333333333%;
		flex-wrap: wrap
	}
}

@media(max-width: 480px) {
	.b5-feature .bn5-featureitem {
		width: 47%;
		flex-wrap: wrap
	}
}

.bcate {
	border: 1px solid var(--s2)
}

.hero__seven {
	overflow: hidden;
	background: rgba(47, 167, 95, .05)
}

.bn7__content {
	padding: 140px 0 146px;
	position: relative;
	z-index: 1
}

@media(max-width: 1399px) {
	.bn7__content {
		padding: 80px 0 84px
	}

	.bn7__content h1 {
		font-size: 58px
	}
}

@media(max-width: 1199px) {
	.bn7__content h1 {
		font-size: 46px
	}
}

@media(max-width: 767px) {
	.bn7__content {
		padding: 70px 0 20px
	}
}

@media(max-width: 575px) {
	.bn7__content h1 {
		font-size: 32px
	}
}

.bn__right7 {
	width: 440px;
	margin-bottom: -14px
}

.bn__right7 img {
	width: 100%;
	height: 100%
}

.bn__right7 .banner4__video {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.bn__right7 .banner4__video .text__circle {
	width: 90%;
	height: 90%
}

.bn__right7 .bn7-userbox {
	position: absolute;
	right: -20px;
	top: 90px;
	animation: lfrt10 2s linear infinite
}

.bn__right7 .bn5-tcourse {
	position: absolute;
	right: -150px;
	bottom: 129px;
	animation: updown8 2s linear infinite
}

@media(max-width: 1450px) {
	.bn__right7 .bn5-tcourse {
		right: -50px
	}
}

@media(max-width: 1199px) {
	.bn__right7 {
		width: 380px
	}

	.bn__right7 .banner4__video {
		width: 120px;
		height: 120px
	}

	.bn__right7 .banner4__video .cmn__video {
		width: 65px;
		height: 65px
	}

	.bn__right7 .banner4__video .cmn__video i {
		font-size: 24px
	}

	.bn__right7 .bn5-tcourse {
		right: -10px
	}
}

@media(max-width: 991px) {
	.bn__right7 {
		width: 280px
	}

	.bn__right7 .banner4__video {
		width: 90px;
		height: 90px
	}

	.bn__right7 .banner4__video .cmn__video {
		width: 45px;
		height: 45px
	}

	.bn__right7 .banner4__video .cmn__video i {
		font-size: 20px
	}

	.bn__right7 .bn5-tcourse {
		right: -20px;
		bottom: 10px
	}

	.bn__right7 .bn7-userbox {
		right: -10px;
		top: 70px
	}
}

@media(max-width: 767px) {
	.bn__right7 {
		width: 70%
	}

	.bn__right7 .bn5-tcourse {
		right: -150px;
		bottom: 20px
	}

	.bn__right7 .bn7-userbox {
		right: 0px;
		top: 70px
	}
}

@media(max-width: 767px) {
	.bn__right7 {
		width: 70%
	}

	.bn__right7 .bn5-tcourse {
		right: -90px;
		bottom: 20px
	}

	.bn__right7 .bn7-userbox {
		right: 0px;
		top: 70px
	}
}

.bn7-vector {
	z-index: -1
}

@media(max-width: 1399px) {
	.bn7-vector {
		opacity: .2
	}
}

.hero__eightsection {
	padding: 143px 0 120px
}

@media(max-width: 991px) {
	.hero__eightsection {
		padding: 123px 0 120px
	}
}

.bn__eight-cont .second-alt::before {
	border: 1px solid var(--n50)
}

@media(max-width: 1399px) {
	.bn__eight-cont .display-one {
		font-size: 76px
	}
}

@media(max-width: 1199px) {
	.bn__eight-cont .display-one {
		font-size: 56px
	}

	.bn__eight-cont .mx526 {
		line-height: 1.5;
		font-size: 18px
	}
}

@media(max-width: 991px) {
	.bn__eight-cont .mx526 {
		line-height: 1.5;
		font-size: 15px
	}

	.bn__eight-cont .discover-texts {
		gap: 30px
	}
}

@media(max-width: 767px) {
	.bn__eight-cont .second-alt {
		font-size: 14px;
		flex-wrap: wrap
	}

	.bn__eight-cont .second-alt span {
		font-size: 12px
	}

	.bn__eight-cont .second-alt i {
		display: none
	}

	.bn__eight-cont .discover-texts {
		gap: 20px
	}
}

@media(max-width: 560px) {
	.bn__eight-cont .display-one {
		font-size: 42px
	}
}

@media(max-width: 500px) {
	.bn__eight-cont .display-one {
		font-size: 36px
	}
}

@media(max-width: 480px) {
	.bn__eight-cont .display-one {
		font-size: 32px
	}
}

.bn8-thumb img {
	max-width: unset
}

.bn8-thumb .banner4__video {
	width: 124px;
	height: 124px;
	position: absolute;
	top: -65px;
	left: 465px
}

.bn8-thumb .banner4__video .cmn__video {
	width: 70px;
	height: 70px
}

.bn8-thumb .banner4__video .cmn__video i {
	font-size: 34px
}

.bn8-thumb .banner4__video .text__circle {
	width: 92%;
	height: 92%
}

@media(max-width: 1399px) {
	.bn8-thumb .banner4__video {
		left: 400px
	}
}

@media(max-width: 1199px) {
	.bn8-thumb .banner4__video {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}
}

.bn__nine-cont {
	padding: 130px 0 140px;
	max-width: 636px
}

.bn__nine-cont h2 {
	font-size: 64px;
	line-height: 120%
}

@media(max-width: 1199px) {
	.bn__nine-cont h2 {
		font-size: 42px
	}
}

@media(max-width: 991px) {
	.bn__nine-cont {
		padding: 70px 0 40px
	}
}

@media(max-width: 767px) {
	.bn__nine-cont {
		padding: 60px 0 35px
	}

	.bn__nine-cont h2 {
		font-size: 36px
	}
}

@media(max-width: 480px) {
	.bn__nine-cont h2 {
		font-size: 32px
	}
}

.bn9-thumb {
	padding-bottom: 36px
}

.bn9-thumb .banner4__video {
	position: absolute;
	bottom: 180px;
	left: -100px
}

.bn9-thumb .mimg {
	max-width: unset
}

.bn9-thumb::before {
	position: absolute;
	content: "";
	width: 838px;
	height: 94%;
	border: 1px solid var(--n50);
	left: -20px;
	z-index: -1;
	top: 32px
}

@media(max-width: 1399px) {
	.bn9-thumb {
		padding-bottom: 0px
	}

	.bn9-thumb::before {
		position: absolute;
		content: "";
		height: 100%;
		top: 0
	}
}

@media(max-width: 1199px) {
	.bn9-thumb {
		margin-bottom: 70px
	}
}

@media(max-width: 991px) {
	.bn9-thumb {
		margin-top: 30px
	}

	.bn9-thumb .banner4__video {
		position: absolute;
		bottom: 50%;
		left: 50%;
		transform: translate(-50%, 50%)
	}

	.bn9-thumb .mimg {
		width: 100%
	}

	.bn9-thumb::before {
		display: none
	}
}

@media(max-width: 991px) {
	.bn9-thumb .banner4__video {
		width: 120px;
		height: 120px
	}

	.bn9-thumb .banner4__video .cmn__video {
		width: 70px;
		height: 70px
	}

	.bn9-thumb .banner4__video .cmn__video i {
		font-size: 36px
	}

	.bn9-thumb .banner4__video .text__circle {
		width: 90%
	}
}

.trustpilot-9 {
	margin-right: -3px
}

.trustpilot-9 .bline {
	width: 1px;
	height: 30px;
	background: var(--n700)
}

.trustpilot-9::before {
	position: absolute;
	left: -50%;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	content: "";
	background: var(--n20)
}

@media(max-width: 991px) {
	.trustpilot-9 {
		padding-left: 14px
	}

	.trustpilot-9::before {
		display: none
	}

	.trustpilot-9 .bline {
		display: none
	}
}

.bn__ten-cont {
	max-width: 660px;
	padding: 130px 0 130px
}

.bn__ten-cont .display-three {
	font-size: 80px
}

@media(max-width: 1399px) {
	.bn__ten-cont .display-three {
		font-size: 58px
	}
}

@media(max-width: 1199px) {
	.bn__ten-cont {
		padding: 100px 0 100px
	}

	.bn__ten-cont .display-three {
		font-size: 48px
	}
}

@media(max-width: 991px) {
	.bn__ten-cont {
		padding: 70px 0 60px
	}
}

@media(max-width: 767px) {
	.bn__ten-cont .display-three {
		font-size: 38px
	}
}

@media(max-width: 500px) {
	.bn__ten-cont {
		padding: 50px 0 50px
	}

	.bn__ten-cont .display-three {
		font-size: 32px
	}

	.bn__ten-cont .custom__bigbtn {
		display: grid;
		flex-wrap: wrap
	}
}

.sponsor-v10 {
	margin-top: -121px
}

@media(max-width: 1399px) {
	.sponsor-v10 {
		margin-top: -112px
	}
}

@media(max-width: 1199px) {
	.sponsor-v10 {
		margin-top: 0
	}
}

.bn10-thumb {
	margin-top: -120px;
	z-index: 99
}

.bn10-thumb .mimg {
	max-width: unset
}

@media(max-width: 1199px) {
	.bn10-thumb {
		width: 100%;
		margin-top: 0
	}

	.bn10-thumb .mimg {
		max-width: 100%
	}
}

@media(max-width: 991px) {
	.bn10-thumb {
		display: none
	}
}

.bn10-vid {
	max-width: 306px;
	border-radius: 100px;
	height: 90px
}

.bn10-vid img {
	border-radius: 100px;
	height: 100%;
	width: 100%
}

.bn10-vid::before {
	position: absolute;
	inset: 0;
	content: "";
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #071431;
	border-radius: 100px
}

.bn10-vid .popup-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.bn10-vid .popup-video i {
	font-size: 22px;
	color: var(--p1)
}

@media(max-width: 991px) {
	.bn10-vid {
		height: 70px
	}
}

.bn10-vids .custom-loop-play {
	width: 240px;
	height: 90px
}

.bn10-custombtn {
	min-width: 148px;
	height: 197px
}

.bn10-custombtn::before {
	border: 1px solid var(--n50) !important
}

.bn10-custombtn i {
	color: var(--n700) !important
}

.bn10-custombtn:hover i {
	transform: rotate(-90deg) !important
}

@media(max-width: 1399px) {
	.bn10-custombtn {
		min-width: 120px;
		height: 150px
	}
}

@media(min-width: 991px) {
	.courses-details-righwrap {
		transform: translateY(-120px);
		margin-bottom: -120px;
		position: sticky;
		top: 120px
	}
}

@media(max-width: 575px) {
	.thumb-courses {
		margin-bottom: 36px
	}

	.thumb-courses .mimg {
		height: 100%;
		margin-bottom: 24px
	}

	.thumb-courses .breadcrumnd {
		position: initial !important;
		padding: 8px 0px
	}

	.thumb-courses .bread-rights {
		display: none
	}
}

.bread-lefts {
	width: 340px;
	left: -2px;
	top: -1px
}

.bread-rights {
	width: 340px;
	top: -1px;
	right: -1px
}

.space-bread1 {
	padding: 8px 24px
}

@media(max-width: 1199px) {
	.vidprice__item .vid-pshape {
		width: 140px
	}
}

.courses-detailswrap-v2 .bread-rights {
	left: -1px;
	top: -1px
}

.courses-detailswrap-v2 .thumb-courses {
	height: 100%
}

.comparison-thumb {
	max-height: 358px;
	height: 358px
}

.comparison-thumb::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(223, 255, 94, 0) 0%, rgba(223, 255, 94, 0.1) 33.4%, rgba(223, 255, 94, 0.7) 65.44%, #DFFF5E 100%)
}

.comparison-thumb .comparison-thumb-cont {
	position: absolute;
	left: 0;
	bottom: 0
}

.comparison-thumb img {
	height: 100%
}

@media(max-width: 1399px) {
	.comparison-thumb {
		height: auto
	}
}

.comparison-compare .nice-select {
	border: 1px solid var(--n40);
	color: var(--n500);
	font-size: 16px;
	padding: 12px 24px;
	border-radius: 100px
}

.comparison-compare .nice-select .current {
	color: var(--n500)
}

.comparison-compare .nice-select::after {
	right: 24px
}

.comparison-compare .nice-select .list {
	background: var(--n0);
	padding: 5px 5px;
	height: 20vh;
	overflow-y: scroll
}

@media(max-width: 991px) {
	.additional-tablebox .t-responsive {
		overflow-x: scroll
	}

	.additional-tablebox .t-responsive .table {
		width: 800px
	}
}

.additional-tablebox table {
	width: 100%
}

.additional-tablebox table thead tr th {
	background: var(--n20);
	font-size: 16px;
	color: var(--n500);
	font-weight: 600;
	padding: 16px 32px
}

@media(max-width: 1399px) {
	.additional-tablebox table thead tr th {
		padding: 12px 12px
	}
}

.additional-tablebox table tbody tr:nth-child(even) td {
	background: var(--n20)
}

.additional-tablebox table tbody tr td {
	background: var(--n0);
	font-size: 16px;
	color: var(--n500);
	font-weight: 400;
	padding: 16px 32px
}

@media(max-width: 1399px) {
	.additional-tablebox table tbody tr td {
		padding: 12px 12px
	}
}

.additional-tablebox table tbody tr td:first-child {
	font-size: 16px;
	color: var(--n500);
	font-weight: 600
}

.instructor-innerbefore {
	position: relative
}

.instructor-innerbefore::before {
	position: absolute;
	height: 320px;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--n20);
	content: ""
}

.frontend-overview .explore__tab .tablinks {
	justify-content: flex-start;
	gap: 0 !important;
	flex-wrap: wrap
}

.frontend-overview .explore__tab .tablinks .nav-links button {
	background: var(--n0);
	padding: 16px 26px;
	border-bottom: 4px solid var(--n0)
}

.frontend-overview .explore__tab .tablinks .nav-links.active button {
	border-radius: 0;
	background: none;
	border-bottom: 4px solid var(--n700)
}

@media(max-width: 1399px) {
	.frontend-overview .explore__tab .tablinks {
		gap: 10px !important
	}

	.frontend-overview .explore__tab .tablinks .nav-links button {
		background: var(--n0);
		padding: 12px 16px
	}

	.frontend-overview .explore__tab .tablinks .nav-links.active button {
		border-radius: 0;
		background: none
	}
}

.commutiny-leftside .explore__tab.course-profile-tab .nav-links {
	padding: 0px 0px
}

.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink {
	padding: 16px 20px !important;
	background: var(--n0);
	border-bottom: 4px solid var(--n0);
	font-size: 20px
}

@media(max-width: 1399px) {
	.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink {
		font-size: 18px
	}
}

@media(max-width: 1199px) {
	.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink {
		font-size: 16px
	}
}

@media(max-width: 991px) {
	.commutiny-leftside .explore__tab.course-profile-tab .nav-links .tablink {
		font-size: 14px
	}
}

.course-profile-before {
	position: relative
}

.course-profile-before::before {
	position: absolute;
	bottom: 0;
	box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, .04);
	content: "";
	width: 100%;
	height: 160px;
	background: var(--n0);
	border-radius: 32px
}

@media(max-width: 1199px) {
	.course-profile-before {
		background: var(--n0);
		padding: 14px
	}

	.course-profile-before::before {
		height: 100%
	}
}

.courses-profile-body {
	transform: translateY(-230px);
	margin-bottom: -230px
}

@media(max-width: 1399px) {
	.courses-profile-body {
		margin-top: 70px;
		transform: translateY(0px);
		margin-bottom: 0px
	}
}

.isra-box {
	width: 306px;
	height: 306px
}

.isra-box .isra-ahmed {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 0;
	bottom: 0
}

.isra-box .isra-ahmed img {
	width: 100%;
	height: 100%
}

.isra-box .isra-ahmed .penicon {
	position: absolute;
	bottom: -2px;
	right: -2px
}

@media(max-width: 1399px) {
	.isra-box {
		width: 180px;
		height: 180px
	}

	.isra-box .isra-ahmed {
		width: 100%;
		height: 100%
	}
}

@media(max-width: 1199px) {
	.isra-box {
		width: 120px;
		height: 120px
	}

	.isra-box .isra-ahmed {
		width: 100%;
		height: 100%
	}
}

.subscribebox form input {
	border: none
}

.subscribebox form span {
	transition: all .4s
}

.subscribebox form:hover span {
	transform: rotate(46deg)
}

.group-profile-wrapper .tabitem {
	display: none
}

.group-profile-wrapper .tabitem.active {
	display: block
}

.chat-sidebar {
	border-right: 1px solid var(--n40)
}

.chat-side-recent li {
	padding: 2px 20px
}

.chat-side-recent li:not(:first-child) {
	padding-top: 0 !important
}

.chat-side-recent li:hover a {
	background: var(--n20)
}

@media(max-width: 1399px) {
	.chat-side-recent li {
		padding: 0px 8px
	}
}

@media(max-width: 1199px) {
	.chat-side-recent li {
		padding: 0px 8px
	}
}

.scrolling-chat {
	max-height: 72vh;
	overflow-y: scroll
}

.lois-active {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--p1);
	position: absolute;
	bottom: 4px;
	right: 4px
}

.chat-body-wrap .chat-body {
	max-height: 72vh;
	overflow-y: scroll
}

.chat-body-wrap li {
	max-width: 40%
}

.chat-body-wrap .you-message .youmessage {
	margin-top: 20px
}

.chat-body-wrap .you-message .youmessage::before {
	position: absolute;
	bottom: 100%;
	left: 14px;
	width: 24px;
	height: 14px;
	content: "";
	background: var(--n0);
	-webkit-clip-path: polygon(48% 26%, 0% 100%, 100% 100%);
	clip-path: polygon(48% 26%, 0% 100%, 100% 100%)
}

.chat-body-wrap .me-message {
	margin-left: auto
}

.chat-body-wrap .me-message .memessage {
	margin-bottom: 20px
}

.chat-body-wrap .me-message .memessage::before {
	position: absolute;
	top: 100%;
	right: 14px;
	width: 24px;
	height: 14px;
	content: "";
	background: var(--n0);
	-webkit-clip-path: polygon(53% 70%, 0 0, 100% 0);
	clip-path: polygon(53% 70%, 0 0, 100% 0)
}

.chat-body-wrap .me-message .img50 {
	margin-left: auto
}

@media(max-width: 1199px)and (min-width: 991px) {
	.chat-body-wrap li {
		max-width: 80%
	}
}

@media(max-width: 991px) {
	.chat-body-wrap li {
		margin-bottom: 42px
	}
}

@media(max-width: 575px) {
	.chat-body-wrap li {
		max-width: 70%
	}
}

.active-userbox form input {
	border: none
}

.contact-right form .form-cmn input {
	font-size: 12px !important
}

.contact-right form .form-cmn .nice-select {
	background: var(--n20);
	border-radius: 100px;
	padding: 14px 24px;
	border: 1px solid var(--n40)
}

.contact-right form .form-cmn .nice-select .list {
	height: 20vh;
	overflow-y: scroll;
	background: var(--n0);
	padding: 8px 8px
}

.light-bulp {
position: absolute;
    top: 63px;
    right: 10px;
    width: 200px;
}

@media(max-width: 1199px) {
	.light-bulp {
		display: none
	}
}

.map-section iframe {
	height: 600px
}

@media(max-width: 1199px) {
	.map-section iframe {
		height: 400px
	}
}

@media(max-width: 575px) {
	.map-section iframe {
		height: 350px
	}
}

.subscribe-map {
	transform: translateY(-160px);
	margin-bottom: -160px
}

.faq-wrapper-tab .explore__tab {
	max-width: 720px;
	margin: 0 auto
}

.faq-wrapper-tab .accordion-btn {
	padding-right: 30px
}

.gallery-tab .explore__tab {
	max-width: 640px;
	margin: 0 auto
}

@media(max-width: 991px) {

	.blog-classic-section,
	.checkout-section,
	.courses-detailsv-2,
	.courses-detailsv-2,
	.community-section {
		overflow: hidden !important
	}
}

@media(min-width: 991px) {

	.blog-classic-section,
	.checkout-section,
	.courses-detailsv-2,
	.courses-detailsv-2,
	.community-section {
		overflow: visible !important
	}
}

.form-cmn input {
	font-size: 14px !important
}

.form-cmn .nice-select .list {
	overflow-y: scroll;
	height: 20vh
}

.journy-community-text form .form-cmn {
	background: var(--n20);
	border-radius: 100px
}

.journy-community-text form .form-cmn input {
	border: unset;
	outline: none;
	padding: 9px 14px 11px;
	background: none;
	color: var(--n200);
	font-size: 12px
}

.journy-community-text form .form-cmn ::-moz-placeholder {
	color: var(--n200);
	font-size: 12px
}

.journy-community-text form .form-cmn ::placeholder {
	color: var(--n200);
	font-size: 12px
}

.journy-community-text form .form-cmn .nice-select {
	padding-right: 24px;
	padding-left: 14px
}

.journy-community-text form .form-cmn .nice-select::after {
	width: 8px;
	height: 8px
}

.journy-community-text form .form-cmn .nice-select .list {
	background: var(--n20);
	padding: 8px 8px
}

.journy-community-text form .icon {
	border: 2px solid var(--n0)
}

.journy-inner {
	background: url(../images/common/journy-inner.jpg) no-repeat center center;
	background-size: cover
}

.journy-inner::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	inset: 0;
	opacity: .75;
	background: var(--bg-color-bg-color-01, #1C1D20)
}

.journy-inner::after {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 98%;
	height: 90%;
	content: "";
	border: 1px solid var(--p1);
	opacity: .3;
	border-radius: 5px
}

@media(max-width: 575px) {
	.journy-inner::after {
		display: none
	}
}

.journy__innerwrap {
	padding: 140px 10px
}

@media(max-width: 575px) {
	.journy__innerwrap {
		padding: 80px 10px
	}
}

@media(max-width: 480px) {
	.journy__innerwrap {
		padding: 60px 10px
	}

	.journy__innerwrap h2 {
		font-size: 22px
	}
}

.counter-journy {
	position: absolute;
	right: -80px;
	bottom: -80px
}

@media(max-width: 1600px) {
	.counter-journy {
		right: 14px;
		bottom: 14px
	}
}

.sign-thumb img {
	max-width: unset
}

@media(max-width: 991px) {
	.sign-thumb {
		width: 100%
	}

	.sign-thumb img {
		width: 100%
	}
}

.sign-thumb-v1 {
	padding-left: 65px
}

@media(max-width: 991px) {
	.sign-thumb-v1 {
		padding-left: 0
	}
}

.eye-icon {
	position: absolute;
	right: 18px;
	top: 14px
}

.privacy-rightbar {
	transform: translateY(-100px);
	margin-bottom: -100px
}

@media(max-width: 991px) {
	.privacy-rightbar {
		transform: translateY(0px);
		margin-bottom: 0px
	}
}

.browse-head .brow-title {
	font-size: 80px;
	line-height: 120%
}

@media(max-width: 991px) {
	.browse-head .brow-title {
		font-size: 48px;
		line-height: 120%
	}
}

@media(max-width: 575px) {
	.browse-head .brow-title {
		font-size: 38px;
		line-height: 120%
	}
}

@media(max-width: 500px) {
	.browse-head .brow-title {
		font-size: 28px;
		line-height: 120%
	}
}

.allcourses-btn li a {
	display: inline-block;
	border: 1px solid #dfe0e4;
	font-size: 14px;
	color: var(--n700);
	padding: 12px 24px;
	border-radius: 100px;
	transition: all .4s
}

.allcourses-btn li:hover a {
	border-color:#06b4d1;
}

@media(min-width: 1399px) {
	.sponsor__section-v6 .container {
		max-width: 1600px;
		margin: 0 auto
	}
}

.sponsor__section-v6 .sponsor6__bg {
	padding: 80px 152px
}

@media(max-width: 1399px) {
	.sponsor__section-v6 .sponsor6__bg {
		padding: 70px 40px
	}
}

@media(max-width: 400px) {
	.sponsor__section-v6 .sponsor6__bg {
		padding: 60px 20px
	}
}

.ins__relatedbox1 {
	background: rgba(223, 255, 94, .6)
}

.ins__relatedbox1 .boxs {
	max-width: 310px;
	z-index: 1
}

.ins__relatedbox1 .vpro1 {
	position: absolute;
	right: 0;
	bottom: 0
}

@media(max-width: 1199px) {
	.ins__relatedbox1 .vpro1 {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 180px
	}
}

@media(max-width: 450px) {
	.ins__relatedbox1 .vpro1 {
		display: none
	}
}

.ins__relatedbox2 {
	background: rgba(255, 199, 0, .4)
}

.vpro11 {
	position: absolute;
	left: 24px;
	bottom: 0;
	width: 200px
}

@media(max-width: 1399px) {
	.vpro11 {
		width: 140px
	}
}

@media(max-width: 1199px) {
	.vpro11 {
		width: 90px
	}
}

@media(max-width: 991px) {
	.vpro11 {
		display: none
	}
}

.course__helthservice .explore__item .thumb {
	width: calc(100% - 224px);
	max-width: 224px
}

@media(max-width: 1399px) {
	.course__helthservice .explore__item .content h6 {
		font-size: 14px
	}

	.course__helthservice .explore__item .content h5 {
		font-size: 16px
	}

	.course__helthservice .explore__item .ser-see span {
		font-size: 16px
	}
}

@media(max-width: 1199px)and (min-width: 991px) {
	.course__helthservice .explore__item .thumb {
		min-width: 172px;
		height: 236px
	}

	.course__helthservice .explore__item .thumb img {
		-o-object-fit: cover;
		object-fit: cover
	}
}

@media(max-width: 991px) {
	.course__helthservice .explore__item .thumb {
		width: 100%;
		max-width: 100%
	}

	.course__helthservice .explore__item .thumb img {
		width: 100%
	}
}

@media(min-width: 991px) {
	.explore__bloglist {
		display: flex;
		align-items: center;
		gap: 32px
	}

	.explore__bloglist .thumb {
		width: 278px;
		height: 234px
	}

	.explore__bloglist .thumb img {
	        width: 300px;
        height: 300px;
        object-fit: cover;
	}

	.explore__bloglist .content {
		width: calc(100% - 278px)
	}
}

@media(min-width: 991px)and (max-width: 1399px) {
	.explore__bloglist {
		gap: 16px
	}

	.explore__bloglist .thumb {
		width: 220px;
		height: 234px
	}

	.explore__bloglist .content {
		width: calc(100% - 220px)
	}
}

@media(max-width: 991px) {
	.explore__bloglist .thumb {
		width: 100%
	}

	.explore__bloglist .thumb img {
		width: 100%
	}

	.explore__bloglist .content {
		padding-top: 20px
	}
}

.classic-linktag li a {
	transition: all .4s
}

.classic-linktag li a:hover {
	background: var(--p1) !important
}

@media(max-width: 575px) {
	.blog-detailsbred {
		position: initial !important;
		padding-top: 24px
	}
}

@media(max-width: 575px) {
	.blog-detailshape {
		display: none
	}
}

.blog-details-right {
	transform: translateY(-120px);
	margin-bottom: -120px
}

@media(min-width: 991px) {
	.blog-details-right {
		position: sticky;
		top: 240px
	}
}

@media(max-width: 991px) {
	.school-9thumb {
		margin-top: 20px
	}
}

@media(max-width: 1199px)and (min-width: 991px) {
	.excelent__conteight .fs20 {
		font-size: 18px
	}
}

.excelent-thumb8 {
	width: 100%;
	height: 600px
}

.excelent-thumb8 .excelent8-v1 {
	position: absolute;
	top: 0;
	left: 0
}

.excelent-thumb8 .excelent8-v2 {
	border: 4px solid var(--n0);
	position: absolute;
	bottom: 0;
	right: 0
}

@media(max-width: 1199px) {
	.excelent-thumb8 .excelent8-v1 {
		width: 70%
	}

	.excelent-thumb8 .excelent8-v2 {
		width: 70%
	}
}

@media(max-width: 991px) {
	.excelent-thumb8 {
		height: auto
	}

	.excelent-thumb8 .excelent8-v1 {
		position: initial
	}

	.excelent-thumb8 .excelent8-v2 {
		position: initial;
		display: none
	}
}

.excelent8-countent {
	width: 167px;
	position: absolute;
	top: 0;
	right: 0
}

.excelent8-countent h3 {
	font-size: 40px
}

@media(max-width: 1399px) {
	.excelent8-countent {
		top: 30px
	}
}

@media(max-width: 991px) {
	.excelent8-countent {
		top: 0px
	}
}

@media(max-width: 767px) {
	.student__countwrap .vlines {
		display: none
	}
}

.student__countitem {
	text-align: center;
	padding: 50px 4px 60px
}

.student__countitem .counters {
	font-size: 80px
}

@media(max-width: 1199px) {
	.student__countitem {
		padding: 30px 4px 40px
	}

	.student__countitem .counters {
		font-size: 42px
	}

	.student__countitem .disig {
		font-size: 16px
	}
}

@media(max-width: 767px) {
	.student__countitem {
		padding: 22px 4px 20px
	}

	.student__countitem .counters {
		font-size: 36px
	}

	.student__countitem .disig {
		font-size: 16px
	}
}

@media(max-width: 400px) {
	.student__countitem {
		padding: 22px 4px 20px
	}

	.student__countitem .counters {
		font-size: 28px
	}

	.student__countitem .disig {
		font-size: 14px
	}
}

.vlines {
	position: relative;
	transition: all .4s
}

.vlines::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: var(--n40);
	display: block;
	transition: all .4s
}

.vlines:hover::before {
	background: var(--s2) !important
}

.legacy__thumb .progress {
	height: 6px;
	background: #f5f6f7
}

.legacy__thumb .progress .progress-bar {
	height: 6px;
	background: #2fa75f;
	border-radius: 6px
}

.legacy__thumb .progress2 .progress-bar {
	background: #ffc700
}

.legacy__thumb .progress3 .progress-bar {
	background: #404a60
}

.legacy__thumb .off-one {
	position: absolute;
	top: 40px;
	right: -40px;
	animation: updown8 2s linear infinite
}

.legacy__thumb .off-one2 {
	position: absolute;
	bottom: 40px;
	left: -40px;
	animation: lfrt10 2s linear infinite
}

.legacy__thumb .legacy__sha {
	position: absolute;
	left: -40px;
	top: 50px;
	z-index: -1
}

@media(max-width: 1199px) {
	.legacy__thumb .off-one {
		right: -10px
	}

	.legacy__thumb .off-one2 {
		left: -10px
	}
}

@media(max-width: 1199px) {
	.legacy__thumb .off-one {
		top: 20px;
		right: 5px
	}

	.legacy__thumb .off-one2 {
		bottom: 20px;
		left: 5px
	}
}

.thumb-team {
	overflow: hidden
}

.thumb-team .name__cont {
	width: 85%;
	position: absolute;
	bottom: -60px;
	left: 20px;
	transition: all .4s;
	opacity: 0;
	visibility: hidden
}

.thumb-team .name__cont-team {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, rgba(28, 29, 32, 0.4) 21.21%, rgba(28, 29, 32, 0.75) 46.89%, rgba(28, 29, 32, 0.85) 73.28%, rgba(28, 29, 32, 0.9) 100%)
}

.thumb-team .team-social::before {
	left: -5px;
	top: 0
}

.thumb-team .team-social .social-area {
	z-index: 1;
	position: relative
}

.thumb-team .team-social .social-area li a {
	width: 44px;
	min-width: 44px;
	height: 44px;
	border: 1px solid var(--n700)
}

.thumb-team .team-social .social-area li a i {
	color: var(--n700)
}

.thumb-team .team-social .social-area li:hover a {
	background: var(--n700)
}

.thumb-team .team-social .social-area li:hover a i {
	color: var(--p1)
}

.thumb-team .team-social:hover::after {
	background: var(--p1)
}

.thumb-team .team-social:hover::before {
	background: var(--n700)
}

.thumb-team:hover .name__cont {
	bottom: -1px;
	opacity: 1;
	visibility: visible
}

@media(max-width: 1399px) {
	.thumb-team .name__cont .cont h5 {
		font-size: 18px
	}

	.thumb-team .name__cont .cont span {
		font-size: 14px
	}
}

.team-light {
	position: absolute;
	top: 50px;
	left: 50px
}

@media(max-width: 991px) {
	.team-light {
		display: none
	}
}

.thumb-team9 .teaching-social {
	position: absolute;
	top: 24px;
	right: 24px;
	overflow: hidden
}

.thumb-team9 .teaching-social .social-area {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .6s;
	z-index: 9
}

.thumb-team9 .teaching-social:hover {
	cursor: pointer;
	overflow: visible
}

.thumb-team9 .teaching-social:hover .icon .social-area {
	opacity: 1;
	transition: all .4s
}

.thumb-team9 .social-area li a {
	width: 44px;
	min-width: 44px;
	height: 44px
}

.thumb-team9 .social-area li a i {
	color: var(--n700)
}

.thumb-team9 .social-area li a:hover {
	background: var(--p1) !important
}

.thumb-team9 .social-area li a:hover i {
	color: var(--n700)
}

.thumb-team9 .name__contv8 {
	position: absolute;
	bottom: 0;
	left: 0
}

.thumb-team9::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45.21%, rgba(0, 0, 0, 0.32) 67.45%, #000 100%);
	border-radius: 16px
}

.masonry {
	-moz-column-count: 3;
	column-count: 3;
	margin: 24px;
	padding: 0;
	-moz-column-gap: 24px;
	column-gap: 24px
}

.masonry .item {
	position: relative;
	display: inline-block;
	margin: 0 0 24px;
	width: 100%;
	-webkit-transition: 1s ease all;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.masonry .item img {
	width: 100%;
	height: 100%
}

.masonry .item::before {
	position: absolute;
	inset: 0;
	content: "";
	width: 100%;
	height: 100%;
	opacity: .3;
	background: var(--brand-color-neutral, #071431);
	border-radius: 16px;
	transition: all .4s;
	transform: scale(0)
}

.masonry .item .popup-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .4s;
	opacity: 0
}

.masonry .item:hover::before {
	transform: scale(1)
}

.masonry .item:hover .popup-video {
	opacity: 1
}

@media(max-width: 991px) {
	.masonry {
		-moz-column-gap: 14px;
		column-gap: 14px;
		margin: 14px
	}

	.masonry .item {
		margin: 0 0 14px
	}
}

@media(max-width: 575px) {
	.masonry {
		-moz-column-count: 2;
		column-count: 2
	}
}

@media(max-width: 500px) {
	.masonry {
		-moz-column-count: 1;
		column-count: 1
	}
}

.extra-cmnitem {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: all .4s;
	box-sizing: border-box
}

.extra-cmnitem img {
	width: 100%;
	height: 100%
}

.extra-cmnitem::before {
	position: absolute;
	inset: 0;
	content: "";
	width: 100%;
	height: 100%;
	opacity: .3;
	background: var(--brand-color-neutral, #071431);
	border-radius: 16px;
	transition: all .4s;
	transform: scale(0)
}

.extra-cmnitem .popup-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .4s;
	opacity: 0
}

.extra-cmnitem:hover::before {
	transform: scale(1)
}

.extra-cmnitem:hover .popup-video {
	opacity: 1
}

.course__expolorewrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 36px
}

.course__expolorewrap .explore__item {
	width: 31.3333333333%
}

@media(max-width: 1399px) {
	.course__expolorewrap {
		gap: 18px 24px
	}

	.course__expolorewrap .explore__item {
		width: 30%
	}
}

@media(max-width: 991px) {
	.course__expolorewrap {
		gap: 18px 24px
	}

	.course__expolorewrap .explore__item {
		width: 45%
	}
}

@media(max-width: 550px) {
	.course__expolorewrap {
		gap: 21px 24px
	}

	.course__expolorewrap .explore__item {
		width: 100%
	}
}

.explore__item .explore__text {
	font-size: 32px;
	transition: all .4s
}

.explore__item h4 a {
	font-size: 30px !important
}

.explore__item .ex__btn {
	position: absolute;
	top: 0;
	left: -3px;
	padding-left: 8px;
	z-index: 1
}

@media(max-width: 1399px) {
	.explore__item .explore__text {
		font-size: 22px
	}

	.explore__item h4 a {
		font-size: 22px !important
	}
}

@media(max-width: 1399px) {
	.explore__item .explore__text {
		font-size: 20px
	}

	.explore__item h4 a {
		font-size: 20px !important
	}
}

.ex__btn .cmn-btn {
	color: var(--n700) !important
}

.ex__btn .cmn-btn span {
	color: var(--n700) !important
}

.ex__btn .cmn-btn::after {
	background: var(--p1) !important;
	top: 0 !important
}

.ex__btn .cmn-btn::before {
	background: var(--n1) !important;
	top: 5px !important
}

.ex__btn:hover .cmn-btn {
	cursor: default !important;
	color: var(--n700) !important
}

.ex__btn:hover .cmn-btn::after {
	background: var(--p1) !important;
	top: 0 !important
}

.ex__btn:hover .cmn-btn::before {
	top: 5px !important
}

.ex__btn:hover .cmn-btn span {
	color: var(--n700) !important
}

.explore__filter .tablinks {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.explore__filter .tablinks .nav-links .tablink {
	color: var(--n500);
	font-size: 20px;
	font-weight: 600;
	padding: 16px 20px
}

.explore__filter .tablinks .nav-links.active .tablink {
	background: var(--n20);
	border-radius: 16px;
	font-size: 20px;
	font-weight: 600;
	color: var(--n500)
}

@media(max-width: 1199px) {
	.explore__filter .tablinks .nav-links .tablink {
		font-size: 18px;
		font-weight: 500;
		padding: 8px 16px
	}

	.explore__filter .tablinks .nav-links.active .tablink {
		border-radius: 16px;
		font-size: 18px;
		font-weight: 500
	}
}

@media(max-width: 991px) {
	.explore__filter .tablinks {
		flex-wrap: wrap;
		justify-content: center
	}

	.explore__filter .tablinks .nav-links .tablink {
		font-size: 16px;
		padding: 10px 16px
	}

	.explore__filter .tablinks .nav-links.active .tablink {
		font-size: 16px
	}
}

.position-spacebtn {
	bottom: 15px !important;
	right: 16px !important
}

.product-items .cart {
	position: absolute;
	right: 16px;
	top: 16px
}

.product-items a {
	transition: all .4s
}

.product-items a i {
	transition: all .4s
}

.product-items .thumb {
	overflow: hidden
}

.product-items .thumb img {
	transition: all .4s
}

.product-items:hover .thumb {
	overflow: hidden
}

.product-items:hover .thumb img {
	transition: all .4s;
	transform: scale(1.025)
}

.product-items:hover .bbsolid-700 {
	border-bottom: 1px solid var(--s2)
}

.product-items:hover a {
	color: var(--s2);
	transition: all .4s
}

.product-items:hover a i {
	transform: rotate(46deg);
	transition: all .4s
}

@media(min-width: 991px) {
	.product-leftbar {
		position: sticky;
		top: 120px
	}
}

.product-details-shape .bread-rights {
	width: 400px
}

.pro-rightbar {
	transform: translateY(-100px);
	margin-bottom: -100px
}

@media(min-width: 991px) {
	.pro-rightbar {
		position: sticky;
		top: 220px
	}
}

@media(max-width: 991px) {
	.pro-rightbar {
		transform: translateY(0px);
		margin-bottom: 0px
	}
}

.cmn-apply {
	border-radius: 100px
}

.cmn-apply input {
	outline: none
}

.billing-box form input {
	font-size: 14px;
	color: var(--n100)
}

.billing-box form ::-moz-placeholder {
	font-size: 14px;
	color: var(--n100)
}

.billing-box form ::placeholder {
	font-size: 14px;
	color: var(--n100)
}

.billing-box .nice-select {
	background: var(--n10);
	padding: 14px 24px;
	border: 1px solid var(--n40);
	border-radius: 100px;
	font-size: 14px
}

.billing-box .nice-select .current {
	color: var(--n700);
	font-size: 14px
}

.billing-box .nice-select .list {
	background: var(--n0);
	padding: 8px 8px
}

.billing-box .nice-select::after {
	width: 8px;
	height: 8px
}

.payment-billing .checkmark {
	position: absolute;
	left: 0;
	height: 16px;
	width: 16px;
	border: 2px solid var(--n700) !important;
	border-radius: 50%
}

.payment-billing .checkmark::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0)
}

.payment-billing input:checked~.checkmark {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid
}

.payment-billing input:checked~.checkmark::after {
	display: block;
	background: var(--n700)
}

.subtotal-box .subitem-cart span {
	width: 50%
}

@media(max-width: 767px) {
	.product-cart table {
		width: 600px;
		overflow-x: scroll
	}
}

.product-cart table thead tr {
	border-bottom: 1px solid var(--n40)
}

.product-cart table thead th {
	padding-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
	color: var(--n700)
}

.product-cart table tbody tr td {
	padding-top: 20px;
	vertical-align: middle
}

@media(max-width: 767px) {
	.product-cart .table-responsive {
		margin-bottom: 20px
	}
}

@media(min-width: 991px) {
	.browse-sticy2 {
		position: sticky;
		top: 120px
	}
}

.be-none::after {
	display: none !important
}

.newest__filter .nice-select {
	color: var(--n700);
	display: flex;
	align-items: center;
	gap: 10px
}

.newest__filter .nice-select::after {
	width: 8px;
	height: 8px;
	right: 18px
}

.newest__filter .nice-select .list {
	width: 100%;
	background: var(--n0);
	padding: 8px 12px
}

.excelent-box {
	position: absolute;
	bottom: -50px;
	right: -90px;
	animation: updown8 2s linear infinite
}

.excelent-box .excel-skill {
	margin-bottom: -50px
}

.excelent-box .excel-skill .percent-box {
	width: 38px;
	font-size: 12px;
	color: var(--n0);
	display: block;
	border-radius: 5px;
	background: var(--s1);
	padding: 2px 6px;
	height: 22px;
	position: absolute;
	top: -10px;
	right: -10px
}

.excelent-box .excel-skill .percent-box::before {
	position: absolute;
	left: 12px;
	top: 100%;
	content: "";
	width: 13px;
	height: 13px;
	background: var(--s1);
	-webkit-clip-path: polygon(52% 100%, 0 0, 100% 0);
	clip-path: polygon(52% 100%, 0 0, 100% 0)
}

.excelent-box .excel-skill .world-cup {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translate(-50%)
}

@media(max-width: 1399px) {
	.excelent-box {
		right: -50px
	}
}

@media(max-width: 991px) {
	.excelent-box {
		right: 10px;
		bottom: 10px
	}
}

@media(max-width: 410px) {
	.excelent-box {
		display: none !important
	}
}

.range__barcustom .price-input {
	margin-top: 10px;
	position: relative
}

.range__barcustom .price-input .field {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	width: 16%
}

.range__barcustom .price-input .field span {
	font-size: 14px
}

.range__barcustom .separators {
	margin-left: -16px
}

.range__barcustom .field input {
	height: 100%;
	outline: none;
	-moz-appearance: textfield;
	background: rgba(0, 0, 0, 0);
	border: unset;
	font-size: 14px;
	font-weight: 400;
	color: var(--n700);
	padding: 0
}

.range__barcustom .field input span {
	font-size: 14px;
	font-weight: 400;
	color: var(--n700)
}

.range__barcustom input[type=number]::-webkit-outer-spin-button,
.range__barcustom input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none
}

.range__barcustom .price-input .separator {
	font-size: 14px;
	font-weight: 400;
	color: var(--n700)
}

.range__barcustom .slider {
	height: 6.75px;
	position: relative;
	background: #dfe0e4;
	border-radius: 5px
}

.range__barcustom .slider .progress {
	height: 100%;
	left: 25%;
	right: 25%;
	position: absolute;
	border-radius: 5px;
	background: var(--n500)
}

.range__barcustom .range-input {
	position: relative;
	display: flex;
	justify-content: center
}

.range__barcustom .range-input input {
	position: absolute;
	width: 100%;
	height: 6.75px;
	top: -7px;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0;
	outline: none
}

.range__barcustom input[type=range]::-webkit-slider-thumb {
	height: 17px;
	width: 7px;
	border-radius: 5px;
	background: var(--n0);
	border: 1.125px solid var(--n500);
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

.reset__filter {
	border: 1px solid var(--n700);
	border-radius: 100px
}

.course-v8item {
	transition: all .4s
}

.course-v8item .icon img {
	width: 40px
}

.course-v8item:hover {
	background: var(--p1) !important
}

.course-v8item .course-v81 {
	position: absolute;
	bottom: 0;
	right: 0
}

.courses__featuretab .tablinks {
	gap: 16px;
	justify-content: flex-start
}

.courses__featuretab .tablinks .nav-links {
	border-radius: 100px !important
}

.courses__featuretab .tablinks .nav-links .tablink {
	border-radius: 100px !important;
	padding: 12px 32px;
	border: 1px solid var(--n500)
}

.courses__featuretab .tablinks .nav-links.active {
	border-radius: 100px !important
}

.courses__featuretab .tablinks .nav-links.active .tablink {
	border: 1px solid var(--p1);
	background: var(--p1) !important
}

@media(max-width: 1399px) {
	.courses__featuretab .tablinks .nav-links .tablink {
		padding: 9px 26px;
		font-size: 16px
	}

	.courses__featuretab .tablinks .nav-links.active {
		border-radius: 100px !important
	}

	.courses__featuretab .tablinks .nav-links.active .tablink {
		padding: 9px 26px;
		font-size: 16px
	}
}

@media(max-width: 1199px) {
	.courses__featuretab .tablinks {
		justify-content: center
	}
}

@media(max-width: 1199px) {
	.courses__fetext {
		text-align: center;
		justify-content: center;
		margin: 0 auto
	}

	.courses__fetext .sec__title {
		text-align: center;
		margin: 0 auto 20px
	}
}

.language-course::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background: var(--n20);
	content: "";
	z-index: -1
}

.language__box-course2 {
	background: rgba(255, 200, 0, .2) !important
}

.language__box-course {
	background: rgba(222, 255, 92, .5)
}

.language__box-course .cmn-btn::before {
	display: none
}

.language__box-course .cmn-btn::after {
	background: var(--bg1)
}

.cmnraidus16 {
	border-radius: 16px !important
}

.cmnraidus16::after,
.cmnraidus16::before {
	border-radius: 16px
}

.explore__itemtwo .thumb {
	min-width: 275px;
	height: 290px
}

.explore__itemtwo .thumb img {
	width: 100%;
	height: 100%
}

.explore__itemtwo .explore__text {
	font-size: 24px
}

@media(max-width: 1399px) {
	.explore__itemtwo .explore__text {
		font-size: 18px
	}

	.explore__itemtwo .cmn-btn {
		padding: 12px 28px !important
	}

	.explore__itemtwo .cmn__icon64 {
		width: 50px;
		height: 50px;
		padding-right: 71px !important
	}

	.explore__itemtwo .cmn__icon64::after,
	.explore__itemtwo .cmn__icon64::before {
		width: 50px;
		height: 50px
	}

	.explore__itemtwo .content h6 {
		font-size: 14px !important
	}
}

@media(max-width: 1199px) {
	.explore__itemtwo .thumb {
		min-width: 200px;
		height: 220px
	}

	.explore__itemtwo .thumb img {
		width: 100%;
		height: 100%
	}
}

@media(max-width: 991px) {
	.explore__itemtwo {
		width: 100% !important
	}

	.explore__itemtwo .thumb {
		min-width: unset;
		height: unset
	}

	.explore__itemtwo .thumb img {
		width: 100%;
		height: 100%
	}
}

.instructor__section::before {
	position: absolute;
	bottom: 0;
	content: "";
	width: 100%;
	height: 75%;
	background: var(--p1)
}

@media(max-width: 1199px) {
	.instructor__section::before {
		height: 90%;
		position: absolute;
		bottom: 0;
		content: "";
		width: 100%;
		background: var(--p1)
	}
}

@media(max-width: 991px) {
	.instructor__section::before {
		height: 95%
	}

	.instructor__section .dlr__box {
		display: none
	}
}

.instructor__thumb {
	max-width: unset
}

.instructor__thumb img {
	max-width: unset
}

.instructor__thumb .trp {
	position: absolute;
	top: 190px;
	right: -80px;
	width: 133px;
	height: 133px;
	animation: updown8 1.5s linear infinite
}

.instructor__thumb .trp img {
	width: 100%;
	height: 100%
}

@media(max-width: 1199px) {
	.instructor__thumb {
		width: 100%
	}

	.instructor__thumb .trp {
		width: 100px;
		height: 100px;
		top: 100px;
		right: -30px
	}

	.instructor__thumb img {
		width: 100%
	}
}

@media(max-width: 991px) {
	.instructor__thumb {
		display: none
	}

	.instructor__thumb .trp {
		display: none
	}
}

.dlr__box {
	position: absolute;
	left: 0;
	bottom: 0
}

.instructor__content {
	padding: 80px 0
}

.instructor__content .cmn-btn::before {
	background: var(--p1)
}

.instructor__content .cmn-btn::after {
	background: var(--bg1)
}

@media(max-width: 1199px) {
	.instructor__content {
		padding: 60px 0
	}
}

.editor2 {
	border: 1px solid var(--n40)
}

.editor2 .ql-editor {
	height: 180px;
	background: var(--n10)
}

.ql-toolbar {
	width: 100%
}

.ql-formats {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 auto
}

.ql-toolbar.ql-snow {
	border: 1px solid var(--n30);
	box-sizing: border-box;
	padding: 8px;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
	width: 100%
}

.ql-container.ql-snow {
	border: 1px solid var(--n30);
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	overflow: hidden
}

.apexcharts-legend-marker,
.apexcharts-legend-text {
	display: none !important
}

.circle-dashtext li {
	font-size: 14px;
	font-weight: 400;
	color: var(--n500);
	position: relative;
	padding-left: 10px;
	display: flex;
	align-items: center
}

.circle-dashtext li::before {
	position: absolute;
	left: 0;
	width: 4px;
	height: 4px;
	background: #5d69f4;
	content: "";
	border-radius: 50%
}

@media(min-width: 575px) {
	.instructor-profive1 .widing-thumb {
		min-width: 160px;
		height: 160px;
		border-radius: 50%
	}

	.instructor-profive1 .widing-thumb img {
		width: 100%;
		height: 100%
	}
}

@media(max-width: 575px) {
	.instructor-profive1 .widing-thumb {
		width: 80px
	}
}

.writere-v1 textarea,
.writere-v1 input {
	border-radius: 30px;
	border: 1px solid var(--n40);
	background: var(--n0);
	padding: 12px 20px
}

.tab-faq .accordion-single {
	transition: all .4s
}

.tab-faq .accordion-single.active {
	background: var(--p1) !important
}

.tab-faq .header-area .accordion-btn::before {
	border-radius: 50%;
	width: 36px;
	min-width: 36px;
	height: 36px;
	font-size: 16px;
	background: var(--bg1)
}

.tab-faq .header-area .accordion-btn::after {
	font-size: 24px;
	color: var(--p1)
}

.course-reviewfixed {
	top: 350px;
	position: sticky
}

@media(max-width: 1399px) {
	.course-reviewfixed {
		top: 116px
	}
}

.journy-roaate i {
	transition: all .5s
}

.journy-roaate:hover i {
	transform: rotate(46deg)
}

.average-review-v1 .progress {
	width: 100%;
	background: var(--n30);
	height: 12px
}

.average-review-v1 .progress .progress-bar {
	width: 100%;
	background: var(--s1)
}

.comments__box .reply__content {
	margin-top: 30px;
	display: none
}

.dnone {
	display: none
}

.discussion-box {
	border-radius: 100px
}

.discussion-box input {
	outline: none;
	border: unset
}

.dot-fixed {
	width: 4px;
	height: 4px;
	background: var(--p1);
	border-radius: 50%
}

.community-body {
	transform: translateY(-120px);
	margin-bottom: -120px
}

@media(min-width: 991px) {
	.community-body .community-rightside {
		position: sticky;
		top: 220px
	}
}

@media(max-width: 991px) {
	.community-body {
		transform: translateY(30px);
		margin-bottom: 0px
	}
}

.classic-linktag .fs20 {
	font-size: 16px !important
}

.instructor2__section {
	position: relative
}

@media(min-width: 1399px) {
	.instructor2__section .container {
		max-width: 1600px;
		margin: 0 auto
	}
}

.instructor2__wrap {
	padding: 0px 152px
}

@media(max-width: 1399px) {
	.instructor2__wrap {
		padding: 0px 30px
	}
}

@media(max-width: 550px) {
	.instructor2__wrap {
		padding: 0px 24px
	}
}

.growth__section::before {
	position: absolute;
	bottom: 0;
	content: "";
	width: 100%;
	height: 40%;
	background: var(--bg1);
	z-index: -1
}

.growth__section .vec__abc {
	position: absolute;
	bottom: 70px;
	left: 70px;
	z-index: -1
}

.growth__item {
	transition: all .4s;
	background: var(--n0)
}

.growth__item .icon {
	width: 124px;
	height: 124px;
	background: var(--bg1);
	transition: all .4s
}

.growth__item .online {
	height: 1px;
	width: 60px;
	background: var(--n500)
}

@media(max-width: 1199px) {
	.growth__item .icon {
		width: 90px;
		height: 90px;
	}
}

.growth__item:hover {
	background: var(--p1);
	border-color: var(--p1) !important
}

.testi__oneitem {
	background: var(--n20);
	transition: all .4s;
	height: 250px !important;
}

.testi__oneitem .cont .cameron {
	font-size: 20px;
	font-weight: 600
}

.testi__oneitem .ratting {
	top: 16px;
	left: 20px
}

@media(max-width: 1199px) {
	.testi__oneitem .cont .cameron {
		font-size: 18px
	}
}

.testi__oneitem .quote {
	position: absolute;
	bottom: 0;
	right: 0
}

@media(max-width: 1199px) {
	.testi__oneitem p {
		font-size: 16px
	}
}

.testi__oneitem:hover {
	box-shadow: #ccdbe8 3px 3px 6px 0px inset, rgba(255, 255, 255, .5) -3px -3px 6px 1px inset
}

.testi__oneitem:hover .quote {
	background: var(--p1)
}

.cmn__white {
	position: absolute;
	right: 0;
	bottom: 0
}

@media(max-width: 1199px) {
	.cmn__white {
		width: 52px
	}
}

@media(max-width: 1399px) {
	.testi-twothumb .cmn__icon100 i {
		font-size: 30px
	}
}

@media(max-width: 1500px) {
	.testi-twotext p {
		line-height: 1.5
	}
}

@media(max-width: 1399px) {
	.testi-twotext p {
		font-size: 18px
	}
}

.text2__shape {
	width: 130px
}

@media(max-width: 1399px) {
	.text2__shape {
		width: 90px
	}
}

.subscribtion {
	position: relative
}

@media(min-width: 1399px) {
	.subscribtion .container {
		max-width: 1600px;
		margin: 0 auto
	}
}

.subscribtion::before {
	position: absolute;
	width: 100%;
	height: 40%;
	content: "";
	background: var(--bg1);
	bottom: 0;
	left: 0;
	z-index: -1
}

.subscribtion__wrap {
	padding: 80px 152px;
	position: relative
}

.subscribtion__wrap .subscribe__thumb2 {
	position: absolute;
	right: 50px;
	bottom: -1px
}

@media(max-width: 1399px) {
	.subscribtion__wrap {
		padding: 60px 40px
	}
}

@media(max-width: 1199px) {
	.subscribtion__wrap .subscribe__thumb2 {
		right: 10px;
		bottom: -1px;
		max-width: 300px
	}

	.subscribtion__wrap .subscribe__thumb2 img {
		width: 100%
	}
}

@media(max-width: 991px) {
	.subscribtion__wrap .subscribe__thumb2 {
		display: none
	}
}

@media(max-width: 550px) {
	.subscribtion__wrap {
		padding: 50px 24px
	}
}

.subscrib__content h3 {
	font-size: 40px
}

.subscrib__content form {
	background: var(--bg1);
	border-radius: 100px;
	padding: 4px
}

.subscrib__content form input {
	width: 100%;
	box-shadow: none;
	color: var(--n0);
	font-size: 14px;
	outline: none;
	padding: 0 32px
}

.subscrib__content form input:focus {
	outline: none;
	box-shadow: none
}

.subscrib__content form .btn__v4 {
	border: unset;
	background: var(--p1)
}

.subscrib__content form .btn__v4 i {
	color: var(--n800)
}

.subscrib__content form i {
	font-size: 20px;
	color: var(--p1);
	transition: all .4s
}

.subscrib__content form span {
	transition: all .4s
}

.subscrib__content form ::-moz-placeholder {
	font-size: 14px;
	font-weight: 400
}

.subscrib__content form ::placeholder {
	font-size: 14px;
	font-weight: 400
}

.subscrib__content form button:hover span {
	transform: rotate(46deg)
}

.subscrib__content .subscrib__check .checkbox-single input:checked~.checkmark::after {
	color: var(--p1)
}

.subscrib__content .subscrib__check .checkbox-single .checkmark {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	border: 1px solid var(--n1);
	background-color: var(--bg1)
}

@media(max-width: 1199px) {
	.subscrib__content h3 {
		font-size: 32px
	}
}

@media(max-width: 500px) {
	.subscrib__content h3 {
		font-size: 18px
	}
}

.subscribe__thumb {
	right: -70px;
	bottom: 0px
}

@media(max-width: 1399px) {
	.subscribe__thumb {
		right: 0;
		bottom: -25px
	}
}

@media(max-width: 1199px) {
	.subscribe__thumb {
		right: 0;
		bottom: -70px
	}
}

.trustpilot li {
	background: var(--p1);
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center
}

.excellent-truspot {
	position: relative
}

.excellent-truspot::before {
	position: absolute;
	top: 24px;
	left: 46%;
	width: 1px;
	height: 30px;
	content: "";
	background: var(--n30);
	z-index: 1
}

@media(max-width: 991px) {
	.excellent-truspot::before {
		display: none
	}
}

.tabcontents {
	position: relative
}

.tabitem {
	transform: translateY(100px);
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: .5s all
}

.tabitem.active {
	position: initial;
	z-index: 1;
	opacity: 1;
	transform: translateY(0)
}

.rocket__vector {
	position: absolute;
	right: 100px;
	top: 100px;
	z-index: -1;
	animation: updown 2s linear infinite
}

@media(max-width: 1800px) {
	.rocket__vector {
		width: 70px
	}
}

@media(max-width: 1399px) {
	.rocket__vector {
		right: 20px;
		top: 40px
	}
}

@media(max-width: 991px) {
	.rocket__vector {
		display: none
	}
}

.gorwth__light {
	position: absolute;
	right: 20px;
	top: 120px;
	animation: zoominout 3s linear infinite;
	z-index: -1
}

@media(max-width: 1800px) {
	.gorwth__light {
		display: none
	}
}

@keyframes updown {
	50% {
		transform: translateY(-20px)
	}
}

@keyframes zoominout {
	50% {
		transform: scale(1.05)
	}
}

.bn__tworight::before {
	position: absolute;
	top: -80px;
	content: "";
	right: 0;
	width: 380px;
	height: 420px;
	background: rgba(223, 255, 94, .3);
	z-index: -1
}

@media(max-width: 991px) {
	.bn__tworight {
		margin-top: 40px
	}
}

.bn__tworeview__thumb a img {
	width: 48px;
	min-width: 48px;
	height: 48px;
	border: 2px solid var(--n0);
	border-radius: 50%
}

.bn__tworeview__thumb a:not(:first-child) {
	margin-left: -20px
}

.bn__tworeview__thumb .review__circle {
	width: 48px;
	min-width: 48px;
	height: 48px;
	display: block;
	background: var(--p1);
	border: 2px solid var(--n0)
}

.bn__tworeview__thumb .review__circle i {
	color: var(--n700);
	font-size: 20px
}

.bn__tworeview__thumb.alt a img {
	width: 48px;
	min-width: 48px;
	height: 48px;
	border: 2px solid var(--p1);
	border-radius: 50%
}

.bn__tworeview__thumb.alt a:not(:first-child) {
	margin-left: 0px
}

.bn__tworeview__thumb.alt a:not(:first-child) {
	margin-left: 0px;
	margin-top: -20px
}

.bn__tworeview__thumb.alt2 a img {
	width: 32px;
	min-width: 32px;
	height: 32px;
	border: 1px solid var(--p1);
	border-radius: 50%
}

.bn__tworeview__thumb.alt2 a:not(:first-child) {
	margin-left: -10px
}

.bn__twothumb .bn__twotextf {
	animation: updown8 2s linear infinite
}

.bn__twothumb .bn__twotext2 {
	margin-left: 70px;
	animation: lfrt10 2s linear infinite
}

.bn__twothumb .bn__twotext3 {
	position: absolute;
	right: -100px;
	animation: lfrt10 2s linear infinite
}

.bn__twothumb .bn__twoman {
	width: 196px;
	animation: updown8 2s linear infinite
}

.bn__twothumb .bn__twoman1 {
	margin-right: -40px
}

@media(max-width: 1520px) {
	.bn__twothumb .bn__twotext3 {
		right: -10px
	}
}

@media(max-width: 1399px) {
	.bn__twothumb .bn__twotext3 {
		right: 0px
	}

	.bn__twothumb .bn__twoman1 {
		margin-right: -5px
	}

	.bn__twothumb .bn__twotext2 {
		margin-left: -70px
	}

	.bn__twothumb .bn__twotext1 .pragraph {
		font-size: 15px
	}
}

@media(max-width: 991px) {
	.bn__twothumb .bn__twotext3 {
		top: -50px;
		right: 33%
	}

	.bn__twothumb .bn__twoman2 {
		position: absolute;
		top: -200px;
		left: 33%
	}

	.bn__twothumb .bn__twotext2 {
		margin-left: -18px
	}

	.bn__twothumb .bn__tworeview__thumb {
		position: absolute;
		right: 10px;
		top: 110px
	}
}

@media(max-width: 767px) {
	.bn__twothumb .bn__twotext3 {
		top: -50px;
		right: 33%;
		position: initial
	}

	.bn__twothumb .bn__twoman2 {
		display: none
	}

	.bn__twothumb .bn__twotext2 {
		margin-left: -5px
	}

	.bn__twothumb .bn__tworeview__thumb {
		right: 10px;
		top: 50px;
		position: initial;
		margin-top: -90px !important
	}
}

@media(max-width: 410px) {
	.bn__twothumb .bn__twoman1 {
		display: none
	}
}

.job {
	width: 48px;
	min-width: 48px;
	height: 48px;
	background: #875bf7
}

.job.job2 {
	background: #40b25b
}

.job-s2 {
	width: 48px;
	min-width: 48px;
	height: 48px;
	background: #ffc700
}

.callicon {
	width: 32px;
	min-width: 32px;
	height: 32px;
	transition: all .4s
}

.callicon i {
	color: var(--p1)
}

.callicon:hover {
	background: var(--p1) !important
}

.callicon:hover i {
	color: var(--n1)
}

.call__icons {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%)
}

.count__bntwo {
	display: flex
}

@media(max-width: 410px) {
	.count__bntwo {
		flex-wrap: wrap
	}

	.count__bntwo .bn__twocount {
		width: 100%
	}
}

@media(max-width: 991px) {
	.count__bntwo {
		margin-top: -170px
	}
}

@media(max-width: 991px)and (max-width: 767px) {
	.count__bntwo {
		margin-top: -1px
	}
}

@keyframes updown8 {
	50% {
		transform: translateY(-8px)
	}
}

@keyframes lfrt10 {
	50% {
		transform: translateX(-8px)
	}
}

.marque__section {
	padding: 120px 0
}

@media(max-width: 1399px) {
	.marque__section {
		padding: 90px 0
	}
}

@media(max-width: 991px) {
	.marque__section {
		padding: 60px 0
	}
}

.marquee-wrapper {
	background: var(--p1);
	box-shadow: 0px 4px 0px 0px #1c1d20;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	transform: rotate(-5deg);
	margin-right: -20px;
	margin-left: -20px
}

.text-slider {
	padding: 13px 20px;
	font-size: 32px;
	height: 100px;
	font-weight: 600;
	color: var(--white);
	text-transform: capitalize
}

@media(max-width: 1199px) {
	.text-slider {
		padding: 15px 16px
	}
}

@media(max-width: 991px) {
	.text-slider {
		padding: 20px 16px;
		font-size: 20px
	}
}

.marquee-wrapper {
	position: relative;
	overflow: hidden;
	white-space: nowrap
}

.marquee-inner {
	position: absolute;
	display: inline-flex;
	width: 200%
}

.marquee-list {
	float: left;
	width: 50%
}

.marquee-item {
	float: left;
	transition: animation .2s ease-out
}

.marquee-inner.to-left {
	animation: marqueeLeft 25s linear infinite
}

@keyframes marqueeLeft {
	0% {
		left: 0
	}

	100% {
		left: -100%
	}
}

.online-courseitem {
	transition: all .4s
}

.online-courseitem .icon {
	transition: all .4s
}

.online-courseitem .arow-icon {
	transition: all .4s
}

.online-courseitem .course-hovers {
	padding: 8px 16px;
	border-radius: 100px;
	transition: all .4s
}

.online-courseitem:hover {
	border-color: var(--s2) !important;
	background: var(--n0) !important
}

.online-courseitem:hover .course-hovers {
	background: var(--p1)
}

.online-courseitem:hover .arow-icon {
	transform: rotate(46deg) !important
}

.online-courseitem:hover .icon {
	border-color: var(--s2) !important;
	transform: rotate(-20deg) !important
}

.online-courseitem-v2 {
	background: rgba(47, 167, 95, .05)
}

.online-courseitem-v2 .icon svg {
	width: 35px
}

.online-courseitem-v2 .icon img {
	width: 34px;
	filter: sepia(10%)
}

.online-courseitem-v2:hover {
	background: var(--s2) !important;
	border-color: var(--s2) !important
}

.online-courseitem-v2:hover .cont h5 {
	color: var(--n0)
}

.online-courseitem-v2:hover .cont .cor {
	color: var(--n0)
}

.online-courseitem-v2:hover .arow-icon {
	background: var(--n0) !important;
	border-color: var(--n0) !important
}

.ser-see {
	border-bottom: 1px solid var(--n700);
	transition: all .5s
}

.ser-see i {
	transition: all .4s
}

.ser-see:hover {
	color: var(--s2);
	border-bottom: 1px solid var(--s2) !important
}

.ser-see:hover i {
	color: var(--s2);
	transform: rotate(46deg);
	padding-left: 2px
}

.cmnhober-rotate {
	transition: all .5s
}

.cmnhober-rotate i {
	transition: all .4s
}

.cmnhober-rotate:hover {
	color: var(--s2) !important;
	border-bottom: 1px solid var(--s2) !important
}

.cmnhober-rotate:hover i {
	color: var(--s2) !important;
	transform: rotate(46deg) !important;
	padding-left: 2px !important
}

.course__explorewrp6 .explore__item {
	transition: all .4s;
	border: 1px solid var(--n30)
}

.course__explorewrp6 .explore__item:hover {
	border-color: var(--s2)
}

.course__explorewrp6 .explore__item:hover h4 a {
	color: var(--s2)
}

.courses__section7 .explore__item {
	transition: all .4s;
	border: 1px solid var(--n30)
}

.courses__section7 .explore__item:hover {
	border-color: var(--s2)
}

.courses__section7 .explore__item:hover h4 a {
	color: var(--s2)
}

.upco-thumb .cmn__video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

.upco-thumb::before {
	position: absolute;
	inset: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--p1);
	opacity: .2
}

.upcomming-item .datebox {
	width: 120px;
	border-right: 1px dashed var(--n60)
}

.upcomming-item .joinbox {
	width: 195px;
	border-left: 1px dashed var(--n60);
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.upcomming-item .joinbox a {
	width: initial
}

@media(max-width: 1399px) {
	.upcomming-item {
		flex-wrap: wrap;
		display: grid
	}

	.upcomming-item .datebox {
		width: 100%;
		border-right: unset;
		border-bottom: 1px dashed var(--n30);
		padding-bottom: 10px;
		margin-bottom: 10px
	}

	.upcomming-item .joinbox {
		width: 100%;
		justify-content: flex-start;
		border-left: unset
	}

	.upcomming-item .cod-text {
		margin-bottom: 16px
	}
}

.ptext636 {
	max-width: 636px
}

.world-satisfied {
	min-width: 228px;
	height: 324px;
	padding: 80px 8px;
	border-radius: 100px
}

.world-satisfied .cmn__icon56 {
	position: absolute;
	top: 14px;
	right: 14px
}

.world-satisfied .cmn__icon56::after {
	background: var(--bg1)
}

.world-satisfied .cmn__icon56::before {
	background: var(--p1)
}

.world-satisfied .cmn__icon56:hover i {
	transform: rotate(0deg)
}

@media(max-width: 1199px) {
	.world-satisfied {
		min-width: 140px;
		padding: 100px 8px;
		height: 250px
	}
}

@media(max-width: 400px) {
	.worldwide__counter {
		flex-wrap: wrap
	}

	.worldwide__counter .world-satisfied {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px
	}
}

.circle-area {
	transition: transform .5s
}

.instructor-v7item .thumb {
	padding: 24px
}

.instructor-v7item .thumb .instructor__vector {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-60deg);
	z-index: -1;
	transition: all .9s
}

.instructor-v7item .thumb .social-44 {
	position: absolute;
	left: 0%;
	top: 50%;
	z-index: 1;
	transform: scale(0);
	transition: all .4s
}

.instructor-v7item .thumb .mimg::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	border-radius: 100%;
	padding: 24px;
	z-index: 1;
	opacity: 0;
	background: var(--brand-color-neutral, #071431);
	transform: translate(-50%, -50%);
	transition: all .4s
}

.instructor-v7item:hover .thumb .circle-area .instructor__vector {
	transform: translate(-50%, -50%) rotate(60deg)
}

.instructor-v7item:hover .mimg::before {
	opacity: .2
}

.instructor-v7item:hover .social-44 {
	left: 50%;
	transform: translate(-50%, -50%)
}

@keyframes ro {
	50% {
		transform: translate(-50%, -50%)
	}
}

.mx526 {
	max-width: 520px
}

.testimonial__onewrap6 .swiper-slide.swiper-slide-active .testi__oneitem {
	border-color: var(--s2) !important;
	background: rgba(47, 167, 95, .05)
}

.community-hub {
	background: var(--n0)
}

.community-hub::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	background: url(../images/common/ex1.png) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .4s
}

.community-hub::after {
	position: absolute;
	content: "";
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(7, 20, 49, .68);
	opacity: 0;
	transition: all .4s
}

.community-hub .box {
	position: relative;
	z-index: 1
}

.community-hub p {
	transition: all .4s
}

.community-hub:hover::before {
	opacity: 1
}

.community-hub:hover::after {
	opacity: 1
}

.community-hub:hover h5 a {
	color: var(--n0)
}

.community-hub:hover p {
	color: var(--n0)
}

.sucbadge {
	display: inline-block;
	color: #2fa75f !important;
	border-bottom: 2px solid #2fa75f
}

.excelent-twothumb .idea {
	box-shadow: 0px 6px 30px 0px rgba(47, 167, 95, .53);
	position: absolute;
	top: 50px;
	left: -40px;
	animation: updown8 2s linear infinite
}

.excelent-twothumb .off-one {
	position: absolute;
	bottom: 50px;
	left: -60px;
	animation: lfrt10 2s linear infinite
}

.excelent-twothumb .off-two {
	position: absolute;
	right: -80px;
	top: 50px;
	animation: lfrt10 2s linear infinite
}

@media(max-width: 1399px) {
	.excelent-twothumb .idea img {
		width: 26px
	}
}

@media(max-width: 1199px) {
	.excelent-twothumb .idea {
		top: 15px;
		left: 15px
	}

	.excelent-twothumb .off-one {
		left: 15px;
		bottom: 1px
	}
}

@media(max-width: 1199px) {
	.excelent-twothumb .off-two {
		right: 15px;
		top: 15px
	}
}

.excelent__list .cmn__icon80 img {
	width: 40px
}

@media(max-width: 1399px) {
	.excelent__list .cmn__icon80 img {
		width: 30px
	}
}

@media(max-width: 991px) {
	.certificate__thumb {
		width: 100%
	}

	.certificate__thumb img {
		width: 100%
	}
}

@media(max-width: 575px) {
	.certificate__thumb {
		margin-top: -40px
	}
}

.free__liveitem .video__cmn {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%)
}

.free__liveitem .livestudent {
	padding-left: 15px
}

.free__liveitem .livestudent::before {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ffc700;
	content: "";
	left: 0
}

.scom-thumb .student__countitem {
	position: absolute;
	right: 0;
	bottom: 0
}

.educational__event::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 56%;
	width: 100%;
	content: "";
	background: var(--n20)
}

@media(max-width: 1399px) {
	.event-eduitem .content h4 a {
		font-size: 20px
	}
}

@media(max-width: 1399px) {
	.edu__shape {
		width: 75px
	}
}

@media(max-width: 1399px) {
	.edub__shape {
		width: 140px;
		height: 100px
	}
}

@media(max-width: 1199px) {
	.edub__shape {
		width: 115px;
		height: 75px
	}
}

.educational__innerbg::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 550px;
	width: 100%;
	content: "";
	background: var(--bg1)
}

.event-border {
	position: relative;
	display: block
}

.event-border::before {
	position: absolute;
	content: "";
	left: 0;
	border: dashed 1px var(--n500);
	height: 150px
}

@media(max-width: 991px) {
	.event-border {
		display: none
	}
}

.event-form .input-area {
	border: 1px solid var(--n500)
}

.event-form input {
	color: var(--n40);
	font-size: 16px
}

.event-form ::-moz-placeholder {
	color: var(--n40)
}

.event-form ::placeholder {
	color: var(--n40)
}

.event-details .bread-rights {
	width: 380px;
	top: -3px;
	right: -3px
}

@media(max-width: 575px) {
	.event-details .thumb-courses .space-bread1 {
		background: var(--n0);
		padding: 20px 16px 24px
	}

	.event-details .bread-rights {
		display: none
	}
}

.auto-renews-shadow .switch-label {
	text-align: center;
	opacity: .6;
	font-size: 18px;
	cursor: pointer;
	padding: 0 12px;
	color: var(--n0)
}

.auto-renews-shadow .switch-label .save-money {
	color: #3498db;
	font-style: italic;
	padding-left: .5rem
}

.auto-renews-shadow .save-money--mobile {
	color: #3498db;
	font-style: italic;
	display: none
}

.auto-renews-shadow .switch-label.active {
	opacity: 1
}

.auto-renews-shadow .switch {
	position: relative;
	display: inline-block;
	width: 59px;
	height: 32px;
	vertical-align: -50%;
	margin: 0
}

.auto-renews-shadow .switch input {
	display: none
}

.auto-renews-shadow .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--n20) !important;
	border-radius: 34px;
	transition: .1s
}

.auto-renews-shadow .slider:before {
	position: absolute;
	content: "";
	height: 28px;
	width: 28px;
	right: 0%;
	bottom: 2px;
	padding-right: 2px;
	background-color: var(--n60) !important;
	border-radius: 50%;
	transition: .1s
}

.auto-renews-shadow .beforenone::after {
	display: none !important
}

.auto-renews-shadow .beforenone::before {
	display: none !important
}

.auto-renews-shadow #js-pricing-switch2 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews-shadow #js-pricing-switch2 input:checked+.slider:before {
	right: calc(100% - 30px)
}

.auto-renews-shadow #js-pricing-switch4 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews-shadow #js-pricing-switch4 input:checked+.slider:before {
	right: calc(100% - 30px)
}

.auto-renews-shadow #js-pricing-switch7 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews-shadow #js-pricing-switch7 input:checked+.slider:before {
	right: calc(100% - 30px)
}

.auto-renews-shadow #js-pricing-switch9 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews-shadow #js-pricing-switch9 input:checked+.slider:before {
	right: calc(100% - 30px)
}

@media(max-width: 980px) {
	.auto-renews-shadow .switch-label {
		display: inline-block;
		width: auto
	}

	.auto-renews-shadow .save-money {
		display: none
	}

	.auto-renews-shadow .save-money--mobile {
		display: block;
		font-weight: bold
	}
}

.auto-renews .switch-label {
	text-align: center;
	opacity: .6;
	font-size: 18px;
	cursor: pointer;
	padding: 0 12px;
	color: var(--n0)
}

.auto-renews .switch-label .save-money {
	color: #3498db;
	font-style: italic;
	padding-left: .5rem
}

.auto-renews .save-money--mobile {
	color: #3498db;
	font-style: italic;
	display: none
}

.auto-renews .switch-label.active {
	opacity: 1
}

.auto-renews .switch {
	position: relative;
	display: inline-block;
	width: 59px;
	height: 32px;
	vertical-align: -50%;
	margin: 0
}

.auto-renews .switch input {
	display: none
}

.auto-renews .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--p1);
	border-radius: 34px;
	transition: .1s
}

.auto-renews .slider:before {
	position: absolute;
	content: "";
	height: 28px;
	width: 28px;
	left: 0px;
	bottom: 2px;
	background-color: var(--bg1);
	border-radius: 50%;
	transition: .1s
}

.auto-renews #js-pricing-switch input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews #js-pricing-switch input:checked+.slider:before {
	transform: translateX(calc(100% + 1px))
}

.auto-renews #js-pricing-switch3 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews #js-pricing-switch3 input:checked+.slider:before {
	transform: translateX(calc(100% + 1px))
}

.auto-renews #js-pricing-switch5 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews #js-pricing-switch5 input:checked+.slider:before {
	transform: translateX(calc(100% + 1px))
}

.auto-renews #js-pricing-switch6 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews #js-pricing-switch6 input:checked+.slider:before {
	transform: translateX(calc(100% + 1px))
}

.auto-renews #js-pricing-switch8 input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.auto-renews #js-pricing-switch8 input:checked+.slider:before {
	transform: translateX(calc(100% + 1px))
}

@media(max-width: 980px) {
	.auto-renews .switch-label {
		display: inline-block;
		width: auto
	}

	.auto-renews .save-money {
		display: none
	}

	.auto-renews .save-money--mobile {
		display: block;
		font-weight: bold
	}
}

.pricing__section .switch-label {
	text-align: center;
	opacity: .6;
	font-size: 18px;
	cursor: pointer;
	padding: 0 12px;
	color: var(--n0)
}

.pricing__section .switch-label .save-money {
	color: #3498db;
	font-style: italic;
	padding-left: .5rem
}

.pricing__section .save-money--mobile {
	color: #3498db;
	font-style: italic;
	display: none
}

.pricing__section .switch-label.active {
	opacity: 1
}

.pricing__section .switch {
	position: relative;
	display: inline-block;
	width: 73px;
	height: 40px;
	vertical-align: -50%;
	border: 1px solid #4c4343;
	margin: 0;
	border-radius: 100px
}

.pricing__section .switch input {
	display: none
}

.pricing__section .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bg2);
	border-radius: 34px;
	transition: .1s
}

.pricing__section .slider:before {
	position: absolute;
	content: "";
	height: 36px;
	width: 36px;
	left: 0px;
	bottom: 2px;
	background-color: var(--p1);
	border-radius: 50%;
	transition: .1s
}

.pricing__section #js-pricing-switch input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

.pricing__section #js-pricing-switch input:checked+.slider:before {
	transform: translateX(calc(100% - 2px))
}

@media(max-width: 980px) {
	.pricing__section .switch-label {
		display: inline-block;
		width: auto
	}

	.pricing__section .save-money {
		display: none
	}

	.pricing__section .save-money--mobile {
		display: block;
		font-weight: bold
	}
}

.pricing__item {
	padding: 40px 40px 154px;
	transition: all .5s
}

.pricing__item .pri__shpet {
	width: 210px
}

.pricing__item .pri__cuss {
	width: 180px;
	height: 92px
}

.pricing__item .icon {
	width: 90px;
	min-width: 90px;
	height: 90px
}

.pricing__item .icon i {
	font-size: 46px
}

.pricing__item .pri-list li {
	transition: all .4s
}

.pricing__item .price__count .adjust span {
	font-size: 56px;
	color: var(--p1);
	font-weight: 600;
	line-height: 76px;
	transition: all .4s
}

@media(max-width: 1399px) {
	.pricing__item {
		padding: 20px 20px 134px
	}

	.pricing__item .pri__shpet {
		width: 195px
	}

	.pricing__item .pri__shpeb {
		width: 90px
	}

	.pricing__item .cmn__icon88 i {
		font-size: 30px
	}

	.pricing__item .icon {
		width: 60px;
		min-width: 60px;
		height: 60px
	}

	.pricing__item .icon i {
		font-size: 23px
	}
}

@media(max-width: 1199px) {
	.pricing__item .pri__shpet {
		width: 175px;
		height: 75px
	}

	.pricing__item .pri-list li {
		font-size: 16px
	}
}

.pricing__item.active,
.pricing__item:hover {
	background: var(--p1) !important
}

.pricing__item.active .pri-list li,
.pricing__item:hover .pri-list li {
	color: var(--n700)
}

.pricing__item.active .pri-list li i,
.pricing__item:hover .pri-list li i {
	color: var(--n700) !important
}

.pricing__item.active .pri-list .opa04,
.pricing__item:hover .pri-list .opa04 {
	opacity: 1
}

.pricing__item.active .price__count .month,
.pricing__item:hover .price__count .month {
	color: var(--n700)
}

.pricing__item.active .price__count .adjust span,
.pricing__item:hover .price__count .adjust span {
	color: var(--n700)
}

.bgnone-p1 {
	border-radius: 50%;
	overflow: hidden
}

.bgnone-p1:hover {
	background: rgba(0, 0, 0, 0)
}

.instructor__thumb8 {
	margin-bottom: -50px
}

@media(max-width: 1199px) {
	.instructor__thumb8 {
		width: 400px
	}
}

.story__change {
	position: relative
}

.story__change .file-upload {
	display: none
}

.story__change img {
	width: 100%;
	height: 100%
}

.story__change .p-image {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
	margin: 0 auto;
	width: 100%;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.story__change .p-image .boxes {
	position: relative;
	z-index: 1
}

.story__change .p-image .boxes:hover {
	cursor: pointer
}

.group-change {
	width: 160px;
	height: 160px
}

.group-change .penicon {
	position: absolute;
	bottom: 20px;
	right: 0
}

.group-change .penicon input {
	position: absolute;
	outline: none;
	border: unset;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.group-change img {
	width: 100%;
	height: 100%
}

@media(max-width: 1199px) {
	.group-change {
		width: 110px;
		height: 110px
	}
}

.penicon {
	position: relative
}

.penicon input {
	position: absolute;
	outline: none;
	border: unset;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.post-border:not(:last-child) {
	border-right: 1px dashed var(--n40);
	padding-right: 8px
}

.post-border:not(:first-child) {
	padding-left: 8px
}

.commutiny-leftside .explore__tab .nav-links .tablink {
	padding: 16px 38px !important
}

@media(max-width: 480px) {
	.commutiny-leftside .explore__tab .nav-links .tablink {
		font-size: 14px;
		padding: 6px 10px !important;
		border-radius: 5px;
		border-bottom: 1px solid var(--n700) !important
	}
}

@media(max-width: 480px) {
	.commutiny-leftside .explore__tab .nav-links.active .tablink {
		font-size: 14px
	}
}

@media(max-width: 1199px) {
	.commutiny-leftside .explore__tab .nav-links .tablink {
		font-size: 14px;
		padding: 6px 10px !important;
		border-radius: 5px;
		border-bottom: 1px solid var(--n700) !important
	}
}

@media(max-width: 1199px)and (max-width: 480px) {
	.commutiny-leftside .explore__tab .nav-links.active .tablink {
		font-size: 14px
	}
}

.story-box .small-pro {
	position: absolute;
	top: 20px;
	left: 20px
}

.main-story {
	position: relative
}

.main-story .slider-btn {
	position: absolute;
	bottom: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	transform: translateY(50%);
	transition: all .4s
}

.main-story .slider-btn:hover i {
	transform: rotate(0deg)
}

.main-story .story-next {
	margin-left: 16px
}

.main-story .story-prev {
	margin-right: 16px
}

@media(min-width: 1399px) {
	.main-story .slider-btn {
		opacity: 0
	}

	.main-story:hover .slider-btn {
		opacity: 1
	}
}

.add-post textarea {
	font-size: 14px;
	color: var(--n200);
	outline: none;
	border: unset
}

.add-post ::-moz-placeholder {
	font-size: 14px;
	color: var(--n200)
}

.add-post ::placeholder {
	font-size: 14px;
	color: var(--n200)
}

.thumb-faculty .iconbox {
	position: absolute;
	bottom: -30px;
	right: 15px
}

.thumb-faculty .iconbox .team-social {
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all .6s;
	z-index: 9
}

.thumb-faculty .iconbox:hover {
	cursor: pointer
}

.thumb-faculty .iconbox:hover .team-social {
	bottom: 0;
	opacity: 1
}

.all-sucess-students .student__countitem {
	border-radius: 32px;
	transition: all .4s
}

.all-sucess-students .student__countitem .counters {
	-webkit-text-stroke: 2px #fff;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.all-sucess-students .student__countitem .disig {
	color: var(--n0);
	transition: all .4s
}

.all-sucess-students .student__countitem:hover {
	background: var(--p1)
}

.all-sucess-students .student__countitem:hover .counters {
	color: var(--n700);
	-webkit-text-stroke: 2px var(--n700);
	-webkit-text-fill-color: var(--n700)
}

.all-sucess-students .student__countitem:hover .disig {
	color: var(--n7) !important
}

.faq .header-area {
	cursor: pointer
}

.faq .header-area button {
	font-size: inherit
}

@media(max-width: 1199px) {
	.faq .header-area button {
		padding-right: 16%
	}
}

.faq .header-area button::before,
.faq .header-area button::after {
	position: absolute;
	z-index: 1;
	right: 0;
	border-radius: 5px
}

.faq .header-area button::before {
	content: "";
	background-color: var(--p1);
	width: 38px;
	min-width: 38px;
	height: 38px;
	transition: var(--transition)
}

@media(max-width: 575px) {
	.faq .header-area button::before {
		width: 28px;
		min-width: 28px;
		height: 28px;
		padding-right: 20px
	}
}

.faq .header-area button::after {
	content: "add";
	font-family: "Material Symbols Outlined";
	font-size: 24px;
	transform: rotate(0deg);
	transition: var(--transition);
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(var(--p2-fixed));
	width: 38px;
	min-width: 38px;
	height: 38px
}

@media(max-width: 1199px) {
	.faq .header-area button::after {
		font-size: 20px !important
	}
}

@media(max-width: 575px) {
	.faq .header-area button::after {
		width: 36px;
		min-width: 36px;
		height: 36px;
		justify-content: center
	}
}

.faq .content-area {
	display: none
}

.faq .active button::after {
	content: "remove";
	transform: rotate(180deg)
}

.faq .active button::before {
	background-color: var(--s1)
}

.faq-cmn .accordion-single.active .header-area {
	background: var(--p1)
}

.faq-cmn .header-area {
	cursor: pointer
}

.faq-cmn .header-area button {
	font-size: inherit
}

@media(max-width: 575px) {
	.faq-cmn .header-area button {
		padding-right: 15%
	}
}

.faq-cmn .header-area button::before,
.faq-cmn .header-area button::after {
	position: absolute;
	z-index: 1;
	right: 0;
	border-radius: 5px
}

.faq-cmn .header-area button::after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	transform: rotate(0deg);
	transition: var(--transition);
	font-weight: 900
}

.faq-cmn .content-area {
	display: none
}

.faq-cmn .active button::after {
	content: "";
	transform: rotate(180deg)
}

.cmn-accorborder {
	border-left: 4px solid rgba(28, 29, 32, .3)
}

.student-banner-content {
	transform: translateY(-80px);
	margin-bottom: -80px;
	border-radius: 0 0 16px 16px
}

@media(max-width: 991px) {
	.student-banner-content {
		transform: translateY(0px);
		margin-bottom: 0px
	}
}

.earn-countwrap {
	padding: 40px 0
}

.earn-countwrap .earn-count-item {
	border-right: 1px dashed var(--n50);
	padding: 0 24px
}

.earn-countwrap .earn-count-item .max93 {
	max-width: 93px
}

@media(max-width: 767px) {
	.earn-countwrap {
		margin-top: 20px;
		border-top: 1px dashed var(--n50);
		order: 1
	}

	.earn-countwrap .earn-count-item {
		padding: 0 10px
	}

	.earn-countwrap .earn-count-item:last-child {
		border: unset
	}
}

.student-img .penicon {
	position: absolute;
	bottom: 2px;
	right: 2px
}

.student-social {
	border-left: 1px dashed var(--n50);
	padding: 30px 60px
}

.student-social li .cmn-btn {
	width: 40px;
	min-width: 40px;
	height: 40px;
	background: var(--bg1)
}

.student-social li .cmn-btn::before,
.student-social li .cmn-btn::after {
	width: 40px;
	min-width: 40px;
	height: 40px;
	top: 0
}

.student-social li .cmn-btn i {
	color: var(--p1)
}

.student-social li .cmn-btn:hover i {
	color: var(--n500)
}

.student-social li .cmn-btn:hover::before {
	left: -4px;
	top: 0;
	background: var(--bg1)
}

.student-social li .cmn-btn:hover::after {
	background: var(--p1);
	left: 0;
	top: 0
}

@media(max-width: 991px) {
	.student-social {
		padding: 5px 30px
	}
}

@media(max-width: 767px) {
	.student-social {
		text-align: center;
		border-top: 1px dashed var(--n50);
		padding-top: 18px;
		border-left: unset;
		padding-left: 0
	}

	.student-social ul {
		justify-content: center
	}
}

.student-profilebox {
	width: 400px;
	margin-top: -80px;
	padding-bottom: 24px
}

@media(max-width: 991px) {
	.student-profilebox {
		margin-top: 0;
		padding-bottom: 0
	}
}

@media(max-width: 767px) {
	.student-profilebox {
		width: auto;
		margin: 24px auto
	}
}

.mycourses-table {
	overflow: hidden
}

.mycourses-table table {
	width: 100%
}

.mycourses-table table thead tr th {
	font-size: 16px;
	font-weight: 600;
	color: var(--n500);
	padding: 18px 20px;
	background: var(--n20)
}

.mycourses-table table tbody tr {
	vertical-align: middle
}

.mycourses-table table tbody tr:nth-child(even) td {
	background: var(--n20)
}

.mycourses-table table tbody tr td {
	background: var(--n0);
	font-size: 16px;
	color: var(--n500);
	font-weight: 400;
	padding: 16px 16px
}

@media(max-width: 1399px) {
	.mycourses-table table tbody tr td {
		padding: 12px 12px
	}
}

.mycourses-table table tbody tr td:first-child {
	font-size: 16px;
	color: var(--n500);
	font-weight: 600
}

.mycourses-table table tbody tr td .progress {
	width: 60px;
	background: var(--n30);
	height: 4px;
	border-radius: 10px
}

.mycourses-table table tbody tr td .progress .progress-bar {
	width: 100%;
	background: var(--s1);
	border-radius: 10px
}

@media(max-width: 1199px) {
	.customtable-responsive {
		overflow: scroll
	}

	.customtable-responsive table {
		width: 900px
	}
}

.dashboad-language {
	border: 1px solid var(--n30) !important;
	font-size: 12px !important;
	width: 110px;
	color: var(--n500);
	border-radius: 100px;
	text-align: center;
	padding: 9px 8px
}

.dashboad-language .nice-select {
	border: 1px solid var(--n30) !important;
	font-size: 12px !important;
	width: 110px;
	color: var(--n500);
	border-radius: 100px
}

.dashboad-language .nice-select .current {
	font-size: 12px !important
}

.dashboad-language .nice-select .list {
	padding: 8px 8px;
	background: var(--n0)
}

.dashboad-language .nice-select .list option {
	font-size: 12px !important
}

.dashboad-language .nice-select::after {
	width: 7px;
	height: 7px
}

.dbg-clr1 {
	background: rgba(223, 255, 94, .2)
}

.dbg-clr2 {
	background: rgba(255, 199, 0, .1)
}

.cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem {
	padding: 12px 16px;
	background: var(--n0);
	border-radius: 100px;
	border-left: 4px solid var(--n0);
	transition: all .4s
}

.cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem.active,
.cmn-dashboard-inner .cmn-dash-menu li .cmn-dashitem:hover {
	background: var(--p1);
	border-left: 4px solid var(--bg1)
}

.used-plan .progress {
	height: 8px
}

.used-plan .progress .progress-bar {
	background: var(--s1)
}

.max500 {
	max-width: 500px
}

.renewal-list {
	margin: 0 0 -16px
}

.renewal-list li {
	width: 33.3333333333%;
	padding: 0 0 16px
}

@media(max-width: 1199px) {
	.renewal-list li {
		width: 50%
	}
}

@media(max-width: 550px) {
	.renewal-list li {
		width: 100%
	}
}

.curriculum-dashboard-faq .header-area .accordion-btn::before {
	border-radius: 50%;
	width: 38px;
	min-width: 38px;
	height: 38px;
	font-size: 16px;
	background: var(--bg1);
	right: 20px
}

.curriculum-dashboard-faq .header-area .accordion-btn::after {
	font-size: 24px;
	color: var(--p1);
	right: 20px
}

.student-quiz .thumb {
	width: 170px;
	height: 120px;
	margin: 0 auto
}

.student-quiz .thumb img {
	width: 100%;
	height: 100%
}

.cmn-quizitem {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -16px
}

.cmn-quizitem .checkbox-single .checkmark {
	position: absolute;
	left: 0;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid var(--n500)
}

.cmn-quizitem .checkbox-single {
	width: 50%;
	margin: 0 0 16px
}

@media(max-width: 550px) {
	.cmn-quizitem .checkbox-single {
		width: 100%
	}
}

.genter-slected .checkmark {
	position: absolute;
	left: 0;
	height: 16px;
	width: 16px;
	border: 1px solid var(--s2) !important;
	border-radius: 50%
}

.genter-slected input:checked~.checkmark::after {
	display: block;
	background: var(--s2)
}

.s2-clrsingle input:checked~.checkmark::after {
	color: var(--s2)
}

.edit-prolocation .nice-select {
	border-radius: 16px
}

.linked-infoactive {
	border: 1px solid var(--s2) !important;
	background: rgba(47, 167, 95, .05) !important
}

.banner-instructor .max140 {
	max-width: 140px
}

.banner-instructor .instructor-profilebox-v2 {
	width: 280px;
	transform: translateY(-120px);
	margin-bottom: -120px
}

.banner-instructor .earn-countwrap-v2 {
	margin-left: 40px;
	border-right: 1px dashed var(--n50);
	margin-right: 48px
}

.banner-instructor .earn-countwrap-v2 .earn-count-item {
	border-right: unset;
	padding-right: 32px;
	border-left: 1px dashed var(--n50);
	padding-left: 32px
}

.banner-instructor .earn-countwrap-v2 .earn-count-item:first-child {
	padding-left: 48px
}

.banner-instructor .earn-countwrap-v2 .earn-count-item:last-child {
	padding-right: 48px
}

.banner-instructor .earn-countwrap-v2 {
	padding: 0px 0
}

.banner-instructor .instructor-social-v2 {
	padding: 0 0px;
	border: unset
}

@media(max-width: 991px) {
	.banner-instructor .earn-countwrap-v2 {
		margin-left: 14px;
		margin-right: 14px
	}

	.banner-instructor .earn-countwrap-v2 .earn-count-item {
		padding-right: 14px;
		padding-left: 14px
	}

	.banner-instructor .earn-countwrap-v2 .earn-count-item:first-child {
		padding-left: 14px
	}

	.banner-instructor .earn-countwrap-v2 .earn-count-item:last-child {
		padding-right: 14px
	}
}

@media(max-width: 767px) {
	.banner-instructor .instructor-profilebox-v2 {
		margin: 0 auto;
		width: unset;
		margin-bottom: -120px;
		border-bottom: 1px dashed var(--n50);
		padding-bottom: 20px
	}

	.banner-instructor .instructor-profilebox-v2 .student-imgwap {
		margin: 0 auto
	}

	.banner-instructor .instructor-social-v2 {
		padding-top: 20px;
		border-bottom: 1px dashed var(--n50);
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.banner-instructor .earn-countwrap-v2 {
		order: 1;
		margin-left: 1px
	}
}

.instructor-banner-content {
	padding: 30px 0 60px
}

@media(max-width: 991px) {
	.instructor-banner-content {
		padding: 30px 0 30px
	}
}
@media(max-width: 576px) {
	   #icon_mobile {
	       right: 212px !important;
}
}

.s2-dashline {
	position: relative
}

.s2-dashline::before {
	position: absolute;
	top: -5px;
	left: 0;
	border: 1px dashed var(--n50);
	content: "";
	height: 15px
}

.lbg {
	background: rgba(47, 167, 95, .07) !important
}

.custom-display-none .content-area {
	display: block
}

.payout-range .progress {
	height: 4px
}

.payout-range .progress .progress-bar {
	height: 4px
}

.earning-range .progress {
	height: 4px;
	background: var(--p1)
}

.earning-range .progress .progress-bar {
	height: 4px;
	background: var(--n500)
}

.cmn-quizinput input {
	font-size: 14px;
	color: var(--n100)
}

.cmn-quizinput::-moz-placeholder {
	color: var(--n100);
	font-size: 14px
}

.cmn-quizinput::placeholder {
	color: var(--n100);
	font-size: 14px
}

.affnone::after {
	display: none
}

/*# sourceMappingURL=style.min.css.map */




.page-content {
  display: grid;
  grid-gap: 1rem;
  padding: 1rem;
  
  margin: 0 auto;
  font-family: var(--font-sans);
}

@media (min-width: 600px) {
  .page-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .archite_card {
    margin: 0rem 0rem !important;
}
}

#demo_jj_slider .carousel-control-prev-ico i{
    margin-top: 12px;
}

/*@media (min-width: 0px) and (max-width: 991px) {*/
/*     #login_btn_res span {*/
/*         color:#fff !important;*/
/*     }*/
/*}*/

@media (min-width: 991px)  {
  .page-content {
    grid-template-columns: repeat(4, 1fr);
  }
}



/*.card:nth-child(1):before {
  background-image: url(img/arch-cad.jpg);
}
.card:nth-child(2):before {
  background-image: url(https://images.unsplash.com/photo-1533903345306-15d1c30952de?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.card:nth-child(3):before {
  background-image: url(https://images.unsplash.com/photo-1545243424-0ce743321e11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.card:nth-child(4):before {
  background-image: url(https://images.unsplash.com/photo-1531306728370-e2ebd9d7bb99?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}*/
.content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1rem;
  transition: transform var(--d) var(--e);
  z-index: 1;
}
.content > * + * {
  margin-top: 1rem;
}
.title {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.2;
}
/*.copy {*/
/*  font-family: var(--font-serif);*/
/*  font-size: 1.125rem;*/
/*  font-style: italic;*/
/*  line-height: 1.35;*/
/*}*/

@media (hover: hover) and (min-width: 600px) {
  .card:after {
    transform: translateY(0);
  }
  .content {
    transform: translateY(calc(100% - 4.5rem));
  }
  .content > *:not(.title) {
    opacity: 0;
    transform: translateY(1rem);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e);
  }
  .card:hover, .card:focus-within {
    align-items: center;
  }
  .card:hover:before, .card:focus-within:before {
    transform: translateY(-4%);
  }
  .card:hover:after, .card:focus-within:after {
    transform: translateY(-50%);
  }
  .card:hover .content, .card:focus-within .content {
    transform: translateY(0);
  }
  .card:hover .content > *:not(.title), .card:focus-within .content > *:not(.title) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--d) / 8);
  }
  .card:focus-within:before, .card:focus-within:after, .card:focus-within .content, .card:focus-within .content > *:not(.title) {
    transition-duration: 0s;
  }
}

#hedding_0lok span{
	    text-align: center;
    font-size: 45px;
/*    padding: 2rem 0rem;*/
}

.carousel-inner {
     max-height: 750px !important;
    object-fit: cover !important;
}
/*@media (max-width: 1399px) {*/
/*.header-v3 .headerv3-cmnicon {*/
/*    width: 42px;*/
/*    min-width: 42px;*/
/*    height: 48px;*/
/*}*/
/*}*/

@media (max-width: 991px) {
.hero__one {
   padding-top: 0px !important;
}
}
/*.header-section .main-navbar .custom-nav .menu-item button::after {*/
/*    display:none !important;*/
/*}*/

/*FOOTER CSS*/

#cad_footer_sec {
    background: #344150;
    padding: 5rem;
}
#cad_footer_sec .cad_footer-grid {
    display: grid;
    grid-template-columns: 315px 1fr 1.5fr 1fr;
    gap: 50px;
    padding: 0px;
}
#cad_footer_sec .cad_footer-grid h5 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    padding: 12px 0px;
}
#cad_footer_sec .cad_footer-grid li {
    list-style: none;
    color: #ffff;
    font-weight: 400;
    width: fit-content;
}
#cad_footer_icon {
    display: flex;
    padding: 1rem 0rem !important;
}
#cad_footer_icon li {
    width: 40px !important;
    height: 40px;
    background: #616d76e3;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 10px;
    list-style: none;
}
#cad_footer_sec .cad_footer-grid li {
    list-style: none;
    color: #ffff;
    font-weight: 400;
    width: fit-content;
}
#cad_footer_sec .cad_footer-grid li a {
    list-style: none;
    color: #ffff;
    font-weight: 400;
}
#cad_footer_sec .cad_footer-grid li a {
    text-decoration: none;
}
.cad_footer_copyright .copyright {
    background: #344150;
    padding: 1rem;
    list-style: none;
    color: #ffff;
    font-weight: 400;
    border-top: solid 1px #67707c;
}
.animated{
    text-decoration: none;
    display: inline-block;
 }
 .animated::after{
    content: '';
    display: block;
    width: 0;  
    height: 1px;
    background:#fff;
    transition: width 0.3s ease;
 }
 .animated:hover::after{
    width: 100%;  
 }
 #menu-academics {
    display: grid !important;
    grid-row-gap: 15px !important;
}
#cad_footer_icon li:hover {
    background: #27b4d3b5;
}

@media screen and (min-width: 0px) and (max-width: 575.98px) {
    #cad_footer_sec .cad_footer-grid {
        grid-template-columns: 1fr !important;
    }
        #cad_footer_sec {
        padding: 2rem !important;
    }
        #hedding_0lok span {
        font-size: 25px;
                  
      }

      #hedding_0lok span {
    color: #2FA75F;
    padding-top: 0rem !important;
   }

 #architectral_mobile  #hedding_font {
    font-size: 32px !important;
    margin-top: 1rem;
}

}

@media screen and (min-width: 576px) and (max-width: 768.98px) {
    #cad_footer_sec .cad_footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
        #cad_footer_sec {
        padding: 2rem !important;
    }
     #hedding_0lok span {
        font-size: 30px;
      }
      #hedding_font {
     font-size: 37px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    #cad_footer_sec .cad_footer-grid {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
        #cad_footer_sec {
        padding: 2rem !important;
    }
}



.back_image{
    
background-image: url(../images/page-title.jpg);  
 

}

.back_image2{
    
/*background-image: url(../images/page-title.jpg);  */
    background: #F5F6F7;

}

:root: color:#DFFF5E;
.scrollToTop {
      background: #1b2945 !important;
      color: #fff;
}


/*.cmn-btn:focus::before, .cmn-btn:hover::before {*/
/*    background-color: #1b2945 !important;*/
/*}*/

/*.cmn-btn::after {*/
   
/*    background-color: #109dc9 !important;*/
/*}*/
/*.cmn-btn span {*/
/*    color: #fff !important;*/
/*}*/


/*.cmn-btn::after {*/
    
/*    background-color: #06b4d1 !important;*/
   
/*}*/
/*.cmn-btn::before {*/
    
/*    background-color: #1b2945 !important;*/
    
/*}*/
/*.cmn-btn span {*/
/*    color: #fff !important;*/
/*}*/



.cmn-btn-cilicon:focus::before, .cmn-btn-cilicon:hover::before {
    background-color: #06b4d1 !important;
}

.cmn-btn-cilicon:focus::after, .cmn-btn-cilicon:hover::after {
    background-color: var(--n1) !important;
}

.cmn-btn-cilicon:focus::before, .cmn-btn-cilicon:hover::before {
    background-color: #06b4d1 !important;
}
.cmn-btn-cilicon::after {
  
    background-color: #06b4d1;
   
}


.cmn-btn:focus::before, .cmn-btn:hover::before {
    background-color: #1b2945important;
}

.cmn-btn:focus::after, .cmn-btn:hover::after {
    background-color: #06b4d1 !important;
}

.cmn-btn span {
    
    color: #fff !important;
}


ul.trustpilot.d-flex.align-items-center.gap-1, li {
    color: #1b2945;
}

.kewta-n800:hover .kew-text {
    color: #fff !important;
}

.online-courseitem:hover .course-hovers {
   
    color: #fff !important;
}

.thumb-team .team-social .social-area li a i {
    color: #ffffff;
}

.thumb-team .team-social .social-area li a i {
    color: #ffffff !important;
}

i.ti.ti-quote.fs-five.n700-color:hover{
    color: #ffffff;
}

.cmn-btn i{
    color:#fff;
}



/*blog css*/
@media (max-width: 991px) {
.resposive_padding{
    padding-top:20px;
}  
img.w-100.radius32{
    margin-top: 64px;
}
}

/*end*/



/*our project media css*/
@media (max-width:991px){
    .responsive-space{
    
            padding-top:20px !important;
        }
        .filter-space{
            margin-bottom: 0px !important;
        }
    }


/*end*/


/*about us*/

.pt-abs{
    
    padding-top:120px;
    padding-bottom: 40px;
}
.pt-abs2{
     padding-top:50px;
}
.pb-sec{
    
     padding-bottom:60px;
}
@media (min-width: 992px) {
    .header-section .main-navbar .custom-nav .sub-menu {
               position: absolute;
        top: 36px;
        left: 0px !important;
        min-width: 210px !important;
        
        
    }
}




@media (max-width: 768px) {
    .pt-abs2 {
       padding:0px;
    }
    .pt-abs {
    
    padding-top:80px;
    
}
.cad_index_featur_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr) !important;
    
}
}


@media (max-width: 991px) {
    .header-cmnbg-added .navbar-toggle-item {
        background: var(--bg1);
    }
}
.header-fixed {

	background: #FFF !important;
}


.header-section .main-navbar .custom-nav .menu-item button:hover, .header-section .main-navbar .custom-nav .menu-item button.active, .header-section .main-navbar .custom-nav .menu-item a:hover, .header-section .main-navbar .custom-nav .menu-item a.active, .header-section .main-navbar .custom-nav .menu-link button:hover, .header-section .main-navbar .custom-nav .menu-link button.active, .header-section .main-navbar .custom-nav .menu-link a:hover, .header-section .main-navbar .custom-nav .menu-link a.active {
    color:#06B4D1 !important;
}


.div_img_dec {
    position: absolute;
    top: 0px;
    max-height: 400px;
    z-index: -99;
}
.p_dec {
    font-size: 41px;
    font-weight: 700;
    display: inline-block;
}
.div_mr {
    margin-inline-start: 20px;
    text-align: justify;
}
.it-section-subtitle {
    color: #163269;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 22px;
    display: inline-block;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: rgba(10, 185, 156, .2);
}
.text_dic {
    color: #333931;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
}
.img_img_msg {
    border: 10px solid #ffffff !important;
}
.img_img_msg {
    z-index: 8;
    max-height: 400px;
    object-fit: cover;
    min-width: 287px;
    /* border-radius: 12px; */
}
.img_for_anni {
    position: absolute;
    top: -30px;
    max-width: 180px;
    right: 87px !important;
    z-index: -99;
    animation: itupdown .8s infinite alternate;
}
.img_dec_p {
    position: absolute;
    bottom: 0px;
    /* overflow-y: hidden; */
    max-width: 180px;
    right: 170px;
    z-index: -99;
    display: inline-block;
}

 .carousel-control-prev-icon ,.carousel-control-next-icon {
            margin-top: 63px;
    }
    
    .gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
           border: 1px solid #ffffff;
        border-radius: 5px;
        text-align: center;
        color: #ffffff;
        margin-bottom: 30px;
        background-color: #192f59 !important;
        font-size: 15px !important;

}
.filter-button:focus {
        outline:none!important;
        outline-offset: 0px;
        color: #11c0d4 !important;
    }
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;

}
#img_fix_cover{
        height: 250px;
    object-fit: fill;
    width: 100%;
}
.n30-border:hover {
    border-color: #06B4D1 !important;
}
.cus-border:hover {
    border-color: #06B4D1 !important;
}
@media screen and (min-width:0px) and (max-width:991.98px){
.n500-color {
   color:#fff !important;
}
.header-cmnbg-added .navbar-toggle-item {
        margin-top: 30px !important;
}
.contact-seection {
        padding-top: 3rem !important;
}

#architeuc_repl_sec .card {
    min-height: 0px !important;
}


}

  #login_btn_res span{
    color: #1b2945;
}
 #login_btn_res i{
    color:#1b2945;
}

@media screen and (min-width:0px) and (max-width:991.98px){
  #login_btn_res span {
          color: #fff !important;
  }
  
  #login_btn_res .cmn-btn.second-alt::before {
    top: 2px;
    border: 1px solid #ebebeb;
    background-color: rgba(0, 0, 0, 0);
}
#login_btn_res a{
        margin: 1rem;
    margin-top: 0px;
}
#login_btn_res i{
    color:#fff !important;
}
   #login_btn_res {
                   width: fit-content;
        margin: 0 auto;
        text-align: center;
    }
    

}

@media screen and (min-width:650px) and (max-width:991.98px){
   #login_btn_res {
                   width: fit-content;
        margin: 0 auto;
        text-align: center;
    }
    
}

@media screen and (min-width:991px) and (max-width:2670.98px){
 #login_btn_res span {
    color: #1b2945 !important;
}
    
}




@media screen and (min-width:768px) and (max-width:991.98px){
#margin_mobi {
    margin: 0 auto;
}
}

 .n500-color11{
        color: #222E48 !important;
}
.header-section .main-navbar .custom-nav .menu-link a:focus {
    color:#06B4D1 !important;
}
.header-section .main-navbar .custom-nav .menu-link a:hover {
    color:#06B4D1 !important;
}
.header-section .main-navbar .custom-nav .menu-item a:hover {
      color:#06B4D1 !important;
}
.header-section .main-navbar .custom-nav .menu-item a:focus {
      color:#06B4D1 !important;
}
.header-section .main-navbar .custom-nav .menu-item button:hover {
      color:#06B4D1 !important;
}
/*.header-section .main-navbar .custom-nav .menu-item button:focus {
      color:#06B4D1 !important;
}
*/

.navbar-toggle-item .active {
 color:red !important;
  
}


/*gallery css*/


.wrapper nav{
  display: flex;
  justify-content: center;
     margin-top: 4rem;
}
.wrapper .items{
  display: block;
  max-width: max-content;
  width: 100%;
  justify-content: space-between;
      text-align: center;
}
.items span{
  padding: 7px 10px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  color: #192F59;
  border-radius: 50px;
  border: 2px solid #192F59;
  transition: all 0.3s ease;
  margin:5px;
}
.items span.active,
.items span:hover{
  color: #fff;
  background: #192F59;
}

.gallery{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 2rem;
        margin-bottom: 4rem;
}
.gallery .image{
 
  padding: 7px;
}
.gallery .image span{
  display: flex;
  width: 100%;
  overflow: hidden;
}
.gallery .image img{
     width: 100%;
    vertical-align: middle;
    transition: all 0.3s ease;
    cursor: pointer;
    height: 250px;
    object-fit: cover;
}
.gallery .image:hover img{
  transform: scale(1.1);
}
.gallery .image.hide{
  display: none;
}
.gallery .image.show{
  animation: animate 0.4s ease;
}
@keyframes animate {
  0%{
    transform: scale(0.5);
  }
  100%{
    transform: scale(1);
  }
}

.preview-box{
         position: fixed;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        background: #fff;
        max-width: 60%;
        width: 100%;
        z-index: 5;
        opacity: 0;
        pointer-events: none;
        border-radius: 3px;
        padding: 0 5px 5px 5px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.preview-box.show{
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.3s ease;
}
.preview-box .details{
  padding: 13px 15px 13px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
      float: right;
}
.details .title{
  display: flex;
  font-size: 18px;
  font-weight: 400;
}
.details .title p{
  font-weight: 500;
  margin-left: 5px;
}
.details .icon{
  color: #007bff;
  font-style: 22px;
  cursor: pointer;
}
.preview-box .image-box{
  width: 100%;
  display: flex;
}
.image-box img{
  width: 100%;
  border-radius: 0 0 3px 3px;
      height: 400px;
    object-fit: cover;
}
.shadow{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  display: none;
  background: rgba(0,0,0,0.4);
}
.shadow.show{
  display: block;
}


@media (max-width: 700px) {
  .wrapper nav .items{
    max-width: 600px;
  }
  nav .items span{
    padding: 7px 15px;
  }
}
@media (max-width: 600px) {
  .wrapper{
    margin: 30px auto;
  }
  .wrapper nav .items{
    flex-wrap: wrap;
    justify-content: center;
  }
  nav .items span{
    margin: 5px;
  }
  .gallery .image{
    width: 100%;
  }
}
@media screen and (min-width:0px) and (max-width:575.98px){
.gallery {
    display: grid;
    grid-template-columns: 1fr;
}
.wrapper nav {
        display: flex;
        justify-content: center;
        margin-top: 0rem;
    }
    .preview-box {
         max-width: 100% !important;
    }
    #cad_gallery_sec ul {
            grid-template-columns: 1fr !important;
    }
        .it-section-subtitle {
            margin-top: 1rem !important;
        }
        #founder_jj {
                    font-size: 29px;
                    padding:0px !important;
        }
            .div_mr {
        margin: 0px !important;
        text-align: justify;
    }
        .p_dec {
        font-size: 30px !important;
            
        }
        #directer{
                padding-bottom: 0px !important;
        }
        #mobile_s {
            margin-top:1rem !important;
        }
        .title_div {
    padding-top: 135px !important;
    text-align: center !important;
    padding-bottom: 50px !important;
    }
    .title_com {
    font-size: 28px;
    }
    #team_mobilese {
            padding-top: 0px;
    }
    #partner_with_us_sec .img_contant {
    position: absolute;
    top: 65%;
        
    }
    #partner_with_us_sec .wixui-rich-text__text {
    font-size: 26px !important;
            line-height: 35px !important;
    }
} 


#part_top_img {
           height: 350px;
    object-fit: cover;
}

@media screen and (min-width:576px) and (max-width:768.98px){

	 #partner_with_us_sec .wixui-rich-text__text {
    font-size: 26px !important;
            line-height: 35px !important;
    }
.gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
            margin-top: 1rem;
}
 #cad_gallery_sec ul {
            grid-template-columns: 1fr 1fr !important;
    }
    .it-section-subtitle {
            margin-top: 1rem !important;
        }
}
@media screen and (min-width:768px) and (max-width:991.98px){
 #cad_gallery_sec ul {
            grid-template-columns: 1fr 1fr 1fr !important;
    }
        #mobile_s {
            margin-top:1rem !important;
        }
}
#our_vision_sec{
        padding: 2rem 0rem 4rem 0rem;
}

/*consultancy css*/

#cad_index_featur_sec {
    background: #F5F6F7;
}
.fiteer_annimate {
    position: relative !important;
}
#cad_index_featur_sec .cad_inde_contant_h {
    text-align: center;
}
.pb_hedding {
    padding: 60px 0px;
}
.cad_index_featur_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.pb_box {
    padding-bottom: 60px;
}
.cad_index_featur_grid .cad_features_cards {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #F5F6F7;
}
.cad_features_cards {
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    transition: all 0.6s ease;
}
.cad_index_featur_grid .cad_features_cards .cad_featu_img {
          width: 100%;
        height: auto;
        object-fit: cover;
}
.cad_index_featur_grid .cad_features_cards h3 {
    font-size: 21px;
    font-weight: 700;
    text-transform: none;
    color: #383838;
    text-align: center;
}
.cad_index_featur_grid .cad_features_cards p {
    font-weight: 300;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 20px;
    color:#222E48;
    font-size: 17px;
    text-align: center;
}
.it-section-subtitle-2 {
    color: #22a3d1;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 22px;
    display: inline-block;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: rgba(0, 175, 239, .2);
}
.p_table {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    font-family: sans-serif;
            color: #222E48;
}
.box_shaowww {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}
.gdlr-core-pbf-wrapper-content {
    position: relative;
}
.gdlr-core-pbf-column {
    position: relative;
}
.gdlr-core-pbf-column-content-margin {
    position: relative;
}
.gdlr-core-pbf-column-content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    min-height: 1px;
}
.gdlr-core-pbf-element {
    clear: both;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
table tr:nth-child(odd) {
    background-color: #f9f9f9;
}
table tr:nth-child(odd) {
    color: #949494;
}
table tr th {
    background-color: #3db166;
}
table tr th {
    padding: 13px 0px;
    font-size: 16px;
    font-weight: normal;
}
table tr td {
    padding: 15px 0px;
    color: #222E48;
    font-size: 17px;
}
table tr th {
    color: #ffffff;
}
table tr th {
    padding: 13px;
    font-size: 16px;
    font-weight: normal;
}


/*about page css*/


.timeline:before {
     content: '';
    position: absolute;
    height: 100%;
    left: 50%;
    width: 2px;
    top: -20px;
    background: #fff;
}
.timeline{
  position:relative;
 
}


.timeline ul{
  margin:0;
  padding:0 ;
}

.timeline ul li{
  list-style:none;
  box-sizing:border-box; 
  line-height:normal;
  position:relative;
  width:50%;
  padding: 40px 70px;
}

.timeline ul li .right_content h2{
     color: #fff;
    padding: 0px 2px 18px 0px;
    font-size: 30px;
}
.timeline ul li .right_content p {
    color: #fff;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}

.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}

.left_content{
  padding-bottom:20px;
}

.timeline ul li:nth-child(odd):before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #1D9FBC;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(58, 112, 239, 0.2);
    right: -8px;
    top: -22px;
}

.timeline ul li:nth-child(even):before{
content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #1D9FBC;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(58, 112, 239, 0.2);
    left: -7px;
    top: 30px;
}

.timeline ul li:nth-child(odd) .left_content{
    position: absolute;
    top: 13px;
    right: -163px;
    margin: 0;
    padding: 2px 12px;
    color: #fff;
    box-shadow: 0 0 0 3px #1D9FBC;
    border-radius: 18px
  
}
.timeline ul li:nth-child(odd) .left_content h3 {
    font-size: 27px;
}

.timeline ul li:nth-child(even) .left_content{
    position: absolute;
    top: 12px;
    left: -175px;
    margin: 0;
    padding: 3px 15px;
    color: #fff;
    box-shadow: 0 0 0 3px #1D9FBC;
    border-radius: 18px;
  
}
.timeline ul li:nth-child(even) .left_content h3 {
        font-size: 27px;
}

@media (max-width: 1000px){
  
  .timeline{
    width:100%;
  }
}

@media (max-width: 576px){
.signup-section {
     padding-top: 8rem !important;
}
}
@media (max-width: 767px){
  .timeline{
    width:100%;
  }
  .timeline:before{
    left:20px;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even){
    width:100%;
    text-align:left;
   padding-left:50px; 
  }
  
  .timeline ul li:nth-child(odd):before
    {
          top: -27px;
        left: 2px;
  }
  .timeline ul li:nth-child(even):before
  { 
            top: 45px;
        left: 1px;

  }
  
    .timeline ul li:nth-child(odd) .left_content,
  .timeline ul li:nth-child(even) .left_content
  {
    top:-30px;
    left:50px;
    right:inherit;
  }

  #project_color_jj {
	width: 62% !important;
}

  
}


    #cad_gallery_sec ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 20px;
    /* grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); */
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 100%;
  
        margin-top: 6rem;
}
#cad_gallery_sec ul li {
    display: inline-block;
    background: #fff;
  padding:10px;
  width: 100%;
    transition: 1s ease all;
    box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
        text-align: center;
}
    #cad_gallery_sec ul li a:is(:hover, :focus) figcaption {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: opacity 600ms 400ms, transform 600ms 400ms;
    }
}
{
        text-align: center;
}
#cad_gallery_sec ul li img {
    width: 100%;
    display: block;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform 1000ms;
}
#cad_gallery_sec ul li a figure::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    background: rgba(0, 0, 0, 0.5);
    transform-origin: center;
    opacity: 0;
    transform: scale(2);
    transition: opacity 300ms;
}
    #cad_gallery_sec ul li a figure::after {
        border-radius: 50%;
        opacity: 1;
        transform: scale(0);
        transition: transform 900ms;
    }
}
#cad_gallery_sec ul li a figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    place-items: center;
    text-align: center;
    padding: 1rem;
    color: white;
    font-size: 1.2rem;
    z-index: 1;
    opacity: 0;
    transition: opacity 600ms, transform 600ms;
}
.it-btn_01 {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 25px;
    height: 54px;
    line-height: 54px;
    position: relative;
    transition: .4s;
    border-radius: 5px;
    z-index: 1;
    background-color: #1A064F;
    color: #fff;
    border: none;
    top: 20px;
}
.text_fig{
        text-align: center;
    font-size: 19px;
    padding: 15px 0px;
    color: #222E48;
        padding-bottom: 0px;
}
#cad_gallery_sec button{
        margin: 0px;
}
.title_div {
        padding-top: 200px !important;
    text-align: center !important;
    padding-bottom: 160px !important;
}
.title_com {
    font-size: 48px;
    margin-bottom: 0px;
        color: #fff;
}
#partner_with_us_sec .img_contant {
       position: absolute;
    top: 53%;
    left: 0%;
    width: 100%;
    font-weight: 600;
        text-align: center;
}
#partner_with_us_sec .wixui-rich-text__text {
        font-size: 45px;
    font-weight: 500;
}


.time_animate {
animation:backInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 4s; /* don't forget to set a duration! */
}

.time_animate_r{
   animation:backInRight; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 4s; /* don't forget to set a duration! */ 
}

.time_animate_y{
   animation:flash; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 4s; /* don't forget to set a duration! */ 
}

   #architeuc_repl_sec .card {
      text-align: center;
    padding: 20px;
    border-radius: 0px;
    border: none;
        min-height: 370px;
     }
     .archite_card {
      margin: 1rem 0rem;
     }
    #architeuc_repl_sec .card i  {
      font-size: 28px;
          padding-top: 1rem;
     }
    #architeuc_repl_sec .card .card-body {
        padding: 0px;
     }


























:root {
--rose1: linear-gradient(to right,#E50091,#AE0D97);
--rose2: linear-gradient(to right,#D219B4,#E50091);
--blue1: linear-gradient(to right,#3b29cf,#4267D9);
--blue2: linear-gradient(to right,#4267D9,#17B1EF);
--green1: linear-gradient(to right,#42c966,#5BD80B);
--green2: linear-gradient(to right,#04E2CB,#42c966);
--orange1: linear-gradient(to right,#E03C30,#FF7125);
--orange2: linear-gradient(to right,#FF7125,#EFBC2F);
}

/*body {*/
/*  background:#dee7ff;*/
/*}*/

#home_timeline{
         padding-bottom: 3rem;
    background-color: #ff0000;
    background-image: linear-gradient(rgb(0 0 0 / 32%), rgb(0 0 0 / 24%)), url(/img/slideimage3.jpg);
    background-position: center;
    background-size: cover;
    color: #ffffff;
    text-align: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#home_timelin .timeline-icon i{
        background: #fff;
    padding: 6px;
    border-radius: 50px;
    color: #000;
}
.main-timeline{
    font-family: sans-serif;
    position: relative;
}
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: 50%;
    padding: 0 0 0 70px;
    margin: 0 0 0 50px;
    float: right;
    position: relative;
}
.main-timeline .timeline:before{
    content: '';
    background-color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -70px;
    top: 50%;
}
.main-timeline .timeline-content{
    color: #fff;
    background: #fff;
    min-height: 140px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px -5px #555;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after{
    content: '';
    background:#fff;
    height: 16px;
    width: 16px;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    left: -8px;
    top: 50%;
}
.main-timeline .timeline-content:after{
    background: #fff;
    transform: translateY(-50%) rotate(0);
    left: -140px;
    width: 140px;
    height: 5px;
}
.main-timeline .timeline-content:hover{ 
    text-decoration: none; 
}
.main-timeline .timeline-icon{
       font-size: 24px;
    position: absolute;
    top: 15px;
    left: -90px;
    background: #000;
    padding: 5px;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    line-height: 31px;
    text-align: center;
}
.main-timeline .title{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}
.main-timeline .description{
    font-size: 15px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){
    padding: 0 70px 0 0;
    margin: 0 70px 0 0;
    float: left;
}
.main-timeline .timeline:nth-child(even):before{
    left: auto;
    right: -71px;
}
.main-timeline .timeline:nth-child(even) .timeline-content:before{
    left: auto;
    right: -8px;
}
.main-timeline .timeline:nth-child(even) .timeline-content:after{
    left: auto;
    right: -140px;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: -90px;
}
.main-timeline .timeline:nth-child(4n+2):before{ 
    background-color: #fff; 
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content{
    background: #fff;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content:before{ 
    background: #fff; 
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content:after{
    background: #fff;
}
.main-timeline .timeline:nth-child(4n+3):before{ 
    background-color: #fff; 
}
.main-timeline .timeline:nth-child(4n+3) .timeline-content{
    background: #fff;
}
.main-timeline .timeline:nth-child(4n+3) .timeline-content:before{ 
    background: #fff; 
}
.main-timeline .timeline:nth-child(4n+3) .timeline-content:after{
    background: #fff;
}
.main-timeline .timeline:nth-child(4n+4):before{
    background-color: #fff; 
}
.main-timeline .timeline:nth-child(4n+4) .timeline-content{
    background: #fff;
}
.main-timeline .timeline:nth-child(4n+4) .timeline-content:before{ 
    background: #fff; 
}
.main-timeline .timeline:nth-child(4n+4) .timeline-content:after{
    background: #fff;
}

@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding: 0 0 0 40px;
        margin-bottom: 20px;
    }
    .main-timeline .timeline:before,
    .main-timeline .timeline:nth-child(even):before{
        transform: translateY(0);
        left: 0;
        right: auto;
        top: 47px;
    }
    .main-timeline .timeline:nth-child(4n+2) .timeline-content{
        background: #fff;
    }
    .main-timeline .timeline:nth-child(4n+4) .timeline-content{
        background: #fff;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before{
        transform: translateY(0) rotate(45deg);
        top: 45px;
        left: -4px;
    }
    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(even) .timeline-content:after{
        width: 40px;
        transform: translateY(0);
        right: auto;
        left: -38px;
        top: 50px;
    }
    .main-timeline .timeline:nth-child(even) .timeline-content:after{
        transform: translateY(0) rotateY(180deg);
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        font-size: 22px;
        left: -30px;
        right: auto;
    }
}
@media screen and (max-width:567px){
    .main-timeline .title{ font-size: 18px; }
}




#swiper_img_h2{
	   
    object-fit: cover !important;

}

#consul_img_size{
	height: 50px !important;
    width: 50px !important;
    object-fit: cover !important;
}

#icon_btn_silder{
	border: solid 1px #36A0BB;
    border-radius: 50px;
    background: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
}


.plc_img{
    height: 350px;
    object-fit: cover;
    width: 100%;
}







.header-section  .active a {
 color: #fff !important;
  
}

#hedding_0lok span {
	    color: #2FA75F;
	    padding-top: 2rem;
}
#hedding_font{
	    text-align: center;
    font-size: 45px;
}

#our_clint_height img {
	height: 250px !important;
    object-fit: cover !important;
}

#demo_jj_slider .carousel-control-prev {
	top: 17%;
}

#demo_jj_slider .carousel-control-next {
	top: 17%;
}

@media(max-width: 576px) {
#architectral_mobile #hedding_0lok span {
   padding: 0px !important;
}
}




/*wahtsupp icon*/
.btn-whatsapp-pulse {
  background: #25d366;
    color: white;
    position: fixed;
    bottom: 82px;
    right: 22px;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 28px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
        z-index: 999999999;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#swiper_img_h{
	   width: 100% !important;
    object-fit: cover !important;
    height: 300px;
}
#socal_links_css {
    display: inline-flex;
}
#socal_links_css li {
   margin:0px 3px !important;
    background: #06B4D1;
    padding: 0px 5px;
    border-radius: 50px;
}