/*=======================================================================

              [Table of Contents]

=========================================================================



01. normalize css

02. Custom base css

03. custom comman css

04. header-banner css

    header-banner-v1

    header-banner-v2

    header-banner-v3

    header-banner-v4

    header-banner-v5

    header-banner-v18

    header-banner-v19

    header-banner-v20

    header-banner-v22

05. search btn css 

06. course css

07. course-category css

    Course Category-V2

    Course Category-V3

08. online__coaching

09. learning__platform

010. student__profile

011. partners css

012. JoinUs

013. Custom-V2 Css 

    large__course-v2

    investing

    Passionates-Content

014. Custom-V3 Css

     feature-v3

     Testimonals

     platform-v3

015. Custom-V4 css

016. Custom-V5 css

     popular-v5

     Teacher-Creators

     deal-section

017. Custom-V14 Css     

018. Custom-V15 Css

019. registed Form

018. Custom-V18 Css

018. Custom-V15 Css

019. Custom-V19 Css  

     blogs

020. Custom-V6 Css

021. Contact us

022. About us

023. 404 page 

024. custom-slider css

025. footer css

026. responsive css

    responsive 1440px

    responsive 1199px

       v2-responsive

       v3-responsive 

       v6-responsive 

       v7-responsive

    responsive 1024px



    responsive 991px

        v2-responsive

        v3-responsive

        v4-responsive

        v5-responsive

        v6-responsive

        v14-responsive

        v19-responsive

        v20-responsive

        contact-us-responsive

        register-form 

        Teacher profile

        404page

    responsive 767px

        footer css

        v2-responsive

        v3-responsive

        v4-responsive

        v5-responsive

        v6-responsive

        v14-responsive

        v20-responsive

    responsive 575px

        v2-responsive

        v3-responsive

        v5-responsive

        v6-responsive

        v14-responsive

        v20-responsive

        v22-responsive

        contact-us-responsive

        register-form 

        Teacher profile

    responsive 480px

        v2-responsive

        v3-responsive

        v4-responsive

        v5-responsive

        v6-responsive

        v14-responsive

        v19-responsive

        v20-responsive

        register-form 

        Teacher profile

        404 page







/* ================================= */


/*===== normalize css =====*/


/* ================================= */

html {
	line-height: 1.15;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="search"] {
	outline-offset: -2px;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.hidden,
[hidden] {
	display: none !important;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.sr-only.focusable:active,
.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}

.clearfix::after {
	clear: both;
}

@media print {
	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]::after {
		content: " (" attr(href) ")";
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}


/* ================================= */


/*===== Custom base css  =====*/


/* ================================= */

.cursor--pointer {
	cursor: pointer;
}

.line--through {
	text-decoration: line-through !important;
}

.border-radius-5px {
	border-radius: 5px;
}

.box--shadow-none {
	box-shadow: none !important;
}

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

.text--align-left {
	text-align: center;
}

.text--align-right {
	text-align: right;
}

.font--10 {
	font-size: 10px !important;
}

.font--12 {
	font-size: 12px !important;
}

.font--14 {
	font-size: 14px !important;
}

.font--16 {
	font-size: 16px !important;
}

.font--18 {
	font-size: 18px !important;
}

.font--20 {
	font-size: 20px !important;
}

.font--22 {
	font-size: 22px !important;
}

.font--24 {
	font-size: 24px !important;
}

.dis--none {
	display: none !important;
}

.dis--block {
	display: block !important;
}

.dis--in-block {
	display: inline-block;
}

.pos--relative {
	position: relative !important;
}

.pos--absolute {
	position: absolute !important;
}

.flex--normal {
	display: flex !important;
	flex-wrap: wrap !important;
}

.no--wrap {
	flex-wrap: nowrap !important;
}

.flex--row {
	display: flex !important;
	flex-direction: row !important;
}

.flex--column {
	display: flex !important;
	flex-direction: column !important;
}

.flex--align-normal {
	align-items: normal !important;
}

.flex--align-center {
	align-items: center !important;
}

.flex--align-start {
	align-items: flex-start !important;
}

.flex--align-end {
	align-items: flex-end !important;
}

.flex--jus-center {
	justify-content: center !important;
}

.flex--jus-left {
	justify-content: left !important;
}

.flex--jus-right {
	justify-content: right !important;
}

.flex--jus-sb {
	justify-content: space-between !important;
}

.flex--jus-se {
	justify-content: space-evenly !important;
}

.flex--jus-sa {
	justify-content: space-around !important;
}

.col--10 {
	width: 10% !important;
}

.col--15 {
	width: 15% !important;
}

.col--20 {
	width: 20% !important;
}

.col--25 {
	width: 25% !important;
}

.col--30 {
	width: 30% !important;
}

.col--35 {
	width: 35% !important;
}

.col--40 {
	width: 40% !important;
}

.col--45 {
	width: 45% !important;
}

.col--50 {
	width: 50% !important;
}

.col--55 {
	width: 55% !important;
}

.col--60 {
	width: 60% !important;
}

.col--65 {
	width: 65% !important;
}

.col--70 {
	width: 70% !important;
}

.col--80 {
	width: 80% !important;
}

.col--90 {
	width: 70% !important;
}

.col--100 {
	width: 100% !important;
}

.padd--0 {
	padding: 0 !important;
}

.padd--10 {
	padding: 10px !important;
}

.padd--10-0 {
	padding: 10px 0 !important;
}

.padd--0-10 {
	padding: 0 10px !important;
}

.padd--15 {
	padding: 15px !important;
}

.padd--15-0 {
	padding: 15px 0 !important;
}

.padd--0-15 {
	padding: 0 15px !important;
}

.padd--20 {
	padding: 20px !important;
}

.padd--20-0 {
	padding: 20px 0 !important;
}

.padd--0-20 {
	padding: 0 20px !important;
}

.padd--25 {
	padding: 25px !important;
}

.padd--25-0 {
	padding: 25px 0 !important;
}

.padd--0-25 {
	padding: 0 25px !important;
}

.padd--30 {
	padding: 30px !important;
}

.padd--30-0 {
	padding: 30px 0 !important;
}

.padd--0-30 {
	padding: 0 30px !important;
}

.padd--35 {
	padding: 35px !important;
}

.padd--35-0 {
	padding: 35px 0 !important;
}

.padd--0-35 {
	padding: 0 35px !important;
}

.padd--40 {
	padding: 40px !important;
}

.padd--40-0 {
	padding: 40px 0 !important;
}

.padd--0-40 {
	padding: 0 40px !important;
}

.padd--45 {
	padding: 45px !important;
}

.padd--45-0 {
	padding: 45px 0 !important;
}

.padd--0-45 {
	padding: 0 45px !important;
}

.padd--50 {
	padding: 50px !important;
}

.padd--50-0 {
	padding: 50px 0 !important;
}

.padd--0-50 {
	padding: 0 50px !important;
}

.padd--100 {
	padding: 100px !important;
}

.padd--100-0 {
	padding: 100px 0 !important;
}

.padd--0-100 {
	padding: 0 100px !important;
}

.padd--120-0 {
	padding: 120px 0 !important;
}

.padd--150-0 {
	padding: 150px 0 !important;
}

.marg--0 {
	margin: 0 !important;
}

.marg--10 {
	margin: 10px !important;
}

.marg--10-0 {
	margin: 10px 0 !important;
}

.marg--0-10 {
	margin: 0 10px !important;
}

.marg--15 {
	margin: 15px !important;
}

.marg--15-0 {
	margin: 15px 0 !important;
}

.marg--0-15 {
	margin: 0 15px !important;
}

.marg--20 {
	margin: 20px !important;
}

.marg--20-0 {
	margin: 20px 0 !important;
}

.marg--0-20 {
	margin: 0 20px !important;
}

.marg--25 {
	margin: 25px !important;
}

.marg--25-0 {
	margin: 25px 0 !important;
}

.marg--0-25 {
	margin: 0 25px !important;
}

.marg--30 {
	margin: 30px !important;
}

.marg--30-0 {
	margin: 30px 0 !important;
}

.marg--0-30 {
	margin: 0 30px !important;
}

.marg--35 {
	margin: 35px !important;
}

.marg--35-0 {
	margin: 35px 0 !important;
}

.marg--0-35 {
	margin: 0 35px !important;
}

.marg--40 {
	margin: 40px !important;
}

.marg--40-0 {
	margin: 40px 0 !important;
}

.marg--0-40 {
	margin: 0 40px !important;
}

.marg--45 {
	margin: 45px !important;
}

.marg--45-0 {
	margin: 45px 0 !important;
}

.marg--0-45 {
	margin: 0 45px !important;
}

.marg--50-0 {
	margin: 50px 0 !important;
}

.marg--50-0 {
	margin: 50px 0 !important;
}

.marg--0-50 {
	margin: 0 50px !important;
}

.marg--100 {
	margin: 100px !important;
}

.marg--100-0 {
	margin: 100px 0 !important;
}

.marg--0-100 {
	padding: 0 100px !important;
}

.marg--120-0 {
	margin: 120px 0 !important;
}

.marg--150-0 {
	margin: 150px 0 !important;
}


/* ================================= */


/*===== custom comman css =====*/


/* ================================= */

:focus {
	outline: none;
}

body {
	font-family: 'Montserrat';
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.container {
	max-width: 1200px;
	padding: 0 15px;
	width: 100%;
	margin: 0 auto;
}

ul {
	list-style: none;
}

summary {
	display: block !important;
}

a,
p,
h2,
h3,
h4,
h5,
h6,
label {
	color: #302D3A;
}

a {
	text-decoration: none;
}

.semi--bold {
	font-weight: 600;
}

h1,
.h5 {
	font-weight: bold;
}

h2,
h6 {
	font-weight: 500;
}

h4,
h3 {
	font-weight: normal;
}

img {
	max-width: 100%;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.minus-margin {
	margin-left: -15px;
	margin-right: -15px;
}

.minus-margin-5 {
	margin: 0 -5px;
}

.b-radius-40 {
	border-radius: 40px;
}

.check__out__btn,
.coupen__btn,
.pay__btn,
.pink--btn {
	background-color: #F56962;
	border: none;
	color: #FFFFFF;
	padding: 15px;
	font-size: 18px;
	font-weight: 300;
	border-radius: 5px;
	text-transform: capitalize;
}
.pink--btn:hover{
	background-color: #d64b43;;
}

.nav__btn a,
.nav__btn button {
	text-transform: capitalize;
	font-size: 18px;
	display: inline-block;
	letter-spacing: 0.54px;
	color: #FFFFFF;
	padding: 15px 25px;
	border-radius: 4px;
	background: #F56962 0% 0% no-repeat padding-box;
	transition: all 0.2s linear 0s;
}

.nav__btn a:hover,
.check__out__btn:hover,
.coupen__btn:hover,
.pay__btn:hover {
	background-color: #d64b43;
	box-shadow: 0 0 10px -2px #afafaf;
}

.section__wrapper {
	padding: 80px 0 !important;
}

.section__wrapper-pd {
	padding: 80px 0 125px;
}

.opportunities {
	padding-top: 130px;
}

.blog__list {
	padding: 80px 0 100px;
}

.blog__list-v22 {
	padding: 130px 0 100px;
}

.section__wrapper-lpd {
	padding: 80px 0px 160px;
}

.card__wrapper {
	padding: 15px;
}

.teacher__banner {
	padding-top: 80px;
}

.header__banner-v4 {
	padding: 30px 0 130px;
}

.header,
.header-v3 {
	padding: 25px 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	transition: 0.3s;
}

footer {
	padding: 80px 0 20px;
}

.investing__content {
	padding: 80px 100px;
}

.testimonal-v5 {
	padding-bottom: 80px;
}

.flex--r,
.flex--r--a,
.flex--r--a--s,
.banner__form,
.shopping__content,
.cart__card,
.cart__check .cart__price,
.cart__coupen,
.payment__cards,
.read__more,
.follow__profile,
.view__profile,
.articles__cards,
.header__banner-v19,
.header__banner-v5 .banner__contant,
.blog__list__cards,
.main,
.register__nav,
.register__password,
.cookie__content {
	display: flex;
}

.header__inner,
.responsive__header,
.nav,
.nav__navbar,
.banner__content,
.section__header,
.list,
.card__icons,
.card__icon,
.card__profile,
.platform__inner,
.join__cards,
.course__cards-f,
.step,
.passionates__content,
.testimonal__info,
.lesson,
.img__row,
.img__row1,
.platform-v3__content,
.total__price,
.bnr__ftr__btns,
.follow__person,
.tech__cards ul {
	display: flex;
	flex-wrap: wrap;
}

.img__row {
	align-items: flex-end;
}

.category__card .list,
.flex--c,
.cart__info,
.tech__img {
	display: flex;
	flex-direction: column;
}

.category__card .list,
.footer .list,
.facility .list {
	align-items: flex-start;
}

.step,
.img__row1 {
	justify-content: center;
}

.flex--r--a,
.flex--c--a,
.flex--r--a--s,
.header__inner,
.responsive__header,
.nav,
.nav__navbar,
.banner__content,
.section__header,
.list,
.card__icons,
.card__icon,
.card__profile,
.platform__inner,
.testimonal__info,
.lesson,
.cart__check .cart__price,
.total__price,
.read__more,
.bnr__ftr__btns,
.follow__person,
.follow__profile,
.view__profile,
.header__banner-v5 .banner__contant,
.cookie__content {
	align-items: center;
}

.flex--r--a--s,
.banner__content,
.header__inner,
.nav,
.nav__navbar,
.section__header,
.list,
.card__icons,
.card__profile,
.course__cards-f,
.lesson,
.img__row,
.cart__info,
.cart__card,
.cart__check .cart__price,
.payment__cards,
.total__price,
.read__more,
.follow__person,
.header__banner-v5 .banner__contant,
.cookie__content {
	justify-content: space-between;
}

.header__banner,
.online__coaching,
.join__us,
.large__course-v2,
.bg-color-pink {
	background-color: #fff;
}

.bg-color-white {
	background-color: #FFFFFF;
}

.bg-color-gray {
	background-color: #efeff6;
}

.footer {
	background-color: #282834;
}

.bg-color-brown {
	background-color: #B3A092;
}

.bg-color-bgray {
	background-color: #64929F;
}

.bg--color-red {
	background-color: #F54504;
}

.bg--color-yred {
	background-color: #D51000;
}

.bg-color-chary {
	background-color: #DF4161;
}

.banner__inner-v2,
.investing__content,
.student__testimonal {
	background-color: #33333D;
}

.bg-color-lpurpol {
	background-color: #EFEFF6;
}

.bg-color-lorange {
	background-color: #F68C201A;
}

.bg-color-blue {
	background-color: #4761A6;
}

.bg--color-sblue {
	background-color: #6C63FF1A;
}

.bg-color-tblue {
	background-color: #56B4F5;
}

.bg-color-iblue {
	background-color: #3C82C0;
}

.bg-color-lblue {
	background-color: #BBF0FF80;
}

.bg-color-wgreen {
	background-color: #54CC61;
}

.bg-color-sgreen {
	background-color: #EFFCFA;
}

.bg-color-lgreen {
	background-color: #CEF6D680;
}

.banner__summary p,
.form__control::placeholder,
.card__text p,
.coaching__text p,
.platform__text p,
.facility,
.join__card .list__item p,
.step__text p,
.sign__up h4,
.sign__in h4,
.nav__box button,
.sign__google span,
.or,
.deal__card span,
.tech__info p,
.bannerv19__left h3,
.banner-v19__info,
.articles__info,
.bnr__ftr__info p,
.follow__person>span,
.teacher__post,
.font--color-lblue,
.teacher__intro {
	color: #5F5982;
}

.student__testimonal .heading h2,
.testimonal__text p {
	color: #FFFFFF;
}

.color--white {
	color: #FFFFFF !important;
}

.heading h2,
.profile__image h2,
.nav__box-c button {
	color: #09162a;
}

.step1 h5 {
	color: #302D3A;
}

.profile__price h5,
.bannerv19__by {
	color: #F68C20;
}

.profile__image h3 {
	color: #91929A;
}

.profile__price h4,
.font--color-lgray {
	color: #CAC6D4;
}
.font--color-lgray{
	z-index: 9999;
}

.list__item h6 {
	color: #4b5463;
}

.profile__image h4,
.font--color-7a7a7a,
.icon__text h4 {
	color: #7A7A7A;
}

.copy__right__text p {
	color: #777777;
}

.form__control {
	padding: 0 20px;
	border-style: none;
	border-radius: 5px 0 0 5px;
	height: 70px;
	width: 100%;
	outline: 0;
}

.form__control::placeholder {
	font-size: 16px;
	letter-spacing: 0.8px;
}


/* ================================= */


/*===== header-banner css =====*/


/* ================================= */

.nav__btn {
	text-transform: capitalize;
}

.nav__icons {
	margin: 0 10px;
}

.on__hover .form__control {
	width: 100%;
}

.nav__item {
	margin: 0 20px;
}

.nav__navbar li:nth-child(1) {
	margin-left: 0;
}

.nav__link {
	font-size: 16px;
	color: #09162a;
	display: block;
}

.nav__profile.active {
	display: flex;
	align-items: center;
}

.nav__profile {
	display: none;
}

.header__inner {
	position: relative;
}

.nav__link:hover+.on__hover {
	max-height: 400px;
}

.on__hover:hover {
	max-height: 400px;
	opacity: 1;
}

.on__hover {
	transition: all 0.3s linear 0s;
	position: absolute;
	z-index: 10;
	top: 40px;
	left: 0;
	max-height: 0px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 0 10px #ccc;
	max-width: 200px;
	width: 100%;
	min-width: 170px;
}

.on__hover a:last-child {
	padding-bottom: 15px;
}

.on__hover a {
	display: block;
	text-transform: capitalize;
	font-size: 14px;
	padding: 15px 15px 0;
	color: #09162a;
}


/*===== header-banner-v1 =====*/


/* .header-v1 {
	padding-bottom: 0;
} */

.header-with-shadow {
	box-shadow: 0 0 20px #ccc;
	/* position: relative;
	z-index: 9; */
}

.header__banner {
	position: relative;
	z-index: 1;
}

.banner__heading h1 {
	margin: 0 0 15px;
	font-size: 60px;
	line-height: 1.3;
	color: #09162a;
}

.banner__text {
	padding-right: 100px;
}

.banner__summary p {
	font-size: 18px;
	line-height: 1.7;
}

.banner__form {
	margin: 50px 0;
}

.dots__pic,
.dots__pic__second,
.dbl__dots__pic,
.scnd__dbl__dots__pic {
	position: absolute;
}

.dbl__dots__pic img,
.scnd__dbl__dots__pic img {
	width: 120px;
	display: block;
	margin-top: 15px;
}

.header__banner .dots__pic {
	bottom: 0;
}

.dots__pic__second {
	top: 150px;
	right: 0;
}

.banner__img .slick-dots li button:before {
	font-size: 60px;
	color: #b7b3b3;
	line-height: 45px;
}

.banner__img img {
	height: 520px;
	object-fit: cover;
}

.slick-dots li.slick-active button:before {
	color: #f68c20;
}

.banner__slider {
	padding-right: 50px;
}

.banner__video {
	position: relative;
}

.banner__video::after {
	content: "";
	position: absolute;
	right: 0;
	top: 70px;
	z-index: -1;
	border: 3px solid #F68C20;
	border-radius: 40px;
	height: 100%;
	width: 80%;
}

.search__icon {
	width: auto;
}

.search__icon,
.input {
	box-shadow: 0 40px 70px 0px #F5B5B0;
}


/*===== header-banner-v2 =====*/

.banner-v2 {
	padding: 0 15px 20px;
	max-width: 1700px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.banner__inner-v2 {
	border-radius: 50px;
	padding-top: 100px;
}

.banner__inner-v2 .banner__text {
	padding-bottom: 90px;
}

.banner-v2 h1,
.banner-v2 p {
	color: #FFFFFF;
}

.banner-v2 .search__icon,
.banner-v2 .input {
	box-shadow: none;
}

.banner__inner-v2 .banner__video img {
	transform: scale(1.2);
	position: relative;
	bottom: 35px;
}

.banner__inner-v2 .banner__video::after {
	display: none;
}


/*===== header-banner-v3 =====*/

.banner-v3 {
	background-image: url("../img/verson3-header.png");
	background-position: bottom;
	z-index: 1;
	position: relative;
}

.banner-v3::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.28);
	z-index: -1;
}

.header-v3 .nav__link,
.header-v3 .form__control:focus,
.header__banner-v3,
.banner__info-v3 h4 {
	color: #FFFFFF;
}

.nav__navbar .nav__item {
	position: relative;
}

.nav__form-v3 {
	width: 280px;
}

.header-v3 .form__control {
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.28);
	height: 45px;
	position: relative;
	top: 0;
}

.nav__form-v3 .search_btn {
	position: absolute;
	top: 0;
	right: 20px;
	height: 45px;
}

.header-v3 .form__control::placeholder {
	font-size: 14px;
	letter-spacing: 0.8px;
	color: #FFFFFF;
}

.header__banner-v3 {
	padding: 150px 0 150px;
	text-align: center;
}

.banner__heading-v3 h1 {
	font-size: 60px;
	margin: 0;
	line-height: 1.3;
}

.banner__info-v3 {
	max-width: 600px;
    margin: 22px auto 24px;
}

.banner__info-v3 h4 {
	font-size: 22px;
}

.header__banner-v3 .nav__btn a {
	font-size: 18px;
	padding: 15px 25px;
	letter-spacing: 0.66px;
}


/*===== header-banner-v4 =====*/

.header__banner-v4 .dots__pic {
	bottom: 95px;
	left: 890px;
}

.header__banner-v4 .nav__btn button {
	background-color: transparent;
	border: 1px solid #F56962;
	color: #F56962;
}
.header__banner-v4 .nav__btn button:hover{
	background-color: #d64b43;
	color: #fff;

}

.lesson__wrapper {
	padding: 10px;
}

.lesson {
	padding: 20px;
	border-radius: 5px;
}

.lesson__img img {
	width: 93%;
	height: 170px;
	object-fit: cover;
	border-radius: 5px;
}

.pofile__name,
.profile__img {
	vertical-align: middle;
}

.lesson__contant {
	max-width: 355px;
	width: 100%;
}

.lesson__contant span {
	font-size: 14px;
	color: #7A7A7A;
}

.lesson__name h4 {
	font-size: 24px;
	line-height: 1.3;
	margin: 0px 0 15px;
	color: #09162a;
}

.profile__img {
	margin-right: 10px;
}

.progess__bar {
	background: #EFEFF6;
	height: 3px;
	width: 100%;
	margin-top: 20px;
	border-radius: 10px;
}

.progess__inner {
	background-color: #f68c20;
	height: 3px;
	border-radius: 10px;
}


/*===== header-banner-v5 =====*/

.nav__profile__img img {
	border-radius: 100%;
	margin-right: 20px;
}

.header__banner-v5 {
	z-index: 1;
}

.header__banner-v5 .dots__pic img {
	height: 80px;
}

.header__banner-v5 .banner__form {
	width: 80%;
}

.header__banner-v5 .dots__pic,
.header__banner-v14 .dots__pic,
.header__banner-v15 .dots__pic {
	transform: rotate(90deg);
	right: -30px;
}


/*===== header-banner-v18 =====*/

.teacher__banner {
	position: relative;
}

.teacher__banner .dbl__dots__pic {
	top: 0;
}

.teacher__contant {
	position: relative;
}

.teacher__contant,
.teacher__name {
	display: flex;
}

.teacher__banner {
	position: relative;
	z-index: 2;
}

.teacher__banner::after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
}

.teacher__name {
	justify-content: space-between;
}

.teacher__name>h2 {
	color: #09162a;
}

.teacher__post {
	font-size: 12px;
	letter-spacing: 1px;
}

.img__wrapper {
	margin-right: 25px;
}

.teacher__img {
	padding: 15px;
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 10px #ccc;
}

.teacher__img img {
	height: auto;
}

.teacher__name h2 {
	font-weight: 500;
	font-size: 26px;
}

.teacher__intro {
	letter-spacing: 0.32px;
	line-height: 1.7;
}

.teacher__info {
	margin-bottom: 50px;
}

.teacher__info .card__icons {
	justify-content: flex-start;
}

.teacher__info .card__icons .list {
	width: auto;
}

.teacher__info .card__icons .list li {
	margin-right: 20px;
}


/*===== header-banner-v19 =====*/

.header__banner-v19 .dbl__dots__pic {
	top: 0;
}

.bannerv19__left {
	padding: 80px 50px 80px 0;
}

.bannerv19__content {
	max-width: 550px;
	margin-left: auto;
	width: 100%;
	padding-left: 15px;
}

.banner-v19__heading {
	font-size: 40px;
	line-height: 1.3;
	margin: 10px 0 15px;
	font-weight: 500;
	color: #09162a;
}

.bannerv19__img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.banner-v19__info,
.articles__infom,
.contact__text {
	line-height: 1.9;
	letter-spacing: 0.32px;
	margin-bottom: 20px;
}


/*===== header-banner-v20 =====*/

.header__banner-v20 .dbl__dots__pic {
	top: 0;
}

.header__banner-v20 .nav__btn {
	text-align: right;
	width: 40%;
}


/*===== header-banner-22 =====*/

.header__banner-v22 .dbl__dots__pic {
	top: 0;
}

.banner__left {
	padding-right: 25px;
}

.banner__img-v22 {
	margin-bottom: -130px;
}


/* ================================= */


/*===== search btn css =====*/


/* ================================= */

.on__search {
	z-index: -2;
	transition: all 1s linear 0s;
	opacity: 0;
	display: none;
}

.page__fixed {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	padding-top: 130px;
	background-color: #efeff6;
}

.on__search.active {
	position: fixed;
	top: 120px;
	left: 0;
	z-index: 9999;
	opacity: 1;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 120px;
	overflow: scroll;
}

.on__search .container {
	position: relative;
	top: 0;
	left: 0;
}

.close__search {
	position: absolute;
	top: 0;
	right: 15px;
}

.close__search svg {
	height: 15px;
	width: 15px;
}

.rearch__form input {
	border-bottom: 1px solid #000;
	border-radius: 0;
	background-color: #efeff6;
}

.on__search .main__section__nav {
	margin: 35px auto 25px;
	max-width: 750px;
}

.on__search .nav__box-c button {
	border: 1px solid #5F5982;
}


/* ================================= */


/*===== course css =====*/


/* ================================= */

.section__nav {
	position: relative;
}

.section__nav .nav {
	width: 100%;
}

.list__item {
	margin: 0 50px;
}

.heading h2 {
	font-size: 40px;
	line-height: 1.2;
}

.course {
	position: relative;
}

.course .dots__pic {
	bottom: 95px;
	left: 890px;
}

.course__card__wrapper {
	padding: 15px;
	outline: none;
	width: 33.33%;
}
.course__card {
	padding: 15px;
	display: inline-block;
	background-color: #FFFFFF;
	transition: all 0.2s linear 0s;
	height: 100%;
}

.card__top {
	border-bottom: 1px solid #ccc;
}

.card__img img {
	height: 263px;
	width: 100%;
	margin: auto;
	object-fit: cover;
}

.card__icons .list {
	width: 100%;
}

.card__icons .list__item {
	margin: 0;
}

.card__icon {
	margin: 10px 0;
}

.icon__img {
	margin-right: 10px;
}

.share__icon {
	width: 20px;
	height: 20px;
}

.course__card h4 {
	font-size: 14px;
}

.card__footer {
	margin-top: 10px;
}

.card__profile {
	margin: 15px 0 0;
}

.card__footer .heading h2 {
	font-size: 20px;
	line-height: 1.3;
}

.card__profile .list__item {
	margin: 0;
}

.card__profile .list__item>img {
	margin-right: 10px;
}

.profile__price h4 {
	font-size: 16px;
	color: #CAC6D4;
	text-decoration: line-through;
	margin-right: 5px;
}

.profile__price h5,
.profile__price h4 {
	letter-spacing: 0.35px;
}

.profile__price h5 {
	font-size: 18px;
}

.course-v3 .course__card,
.course-v4 .course__card,
.development .course__card,
.trending .course__card,
.popular .course__card,
.course-v18 .course__card {
	box-shadow: 0 0 10px #ccc;
}


/* ================================= */


/*===== course-category css =====*/


/* ================================= */

.section__header {
	margin-bottom: 50px;
}

.category__card {
	border-radius: 5px;
	padding: 30px 20px;
	transition: all 0.2s linear 0s;
}

.category__card:hover {
	box-shadow: 0 0 20px 2px #ddd;
}

.card__top {
	position: relative;
}

.whishlist__heart {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

.heart__svg {
	stroke: #fff;
	stroke-width: 20px;
}

.heart__svg,
.heart__path {
	transition: all 0.5s 0s;
}

.whishlist__heart .heart__path {
	fill: transparent;
}

.heart__stroke {
	fill: #fff;
}

.whishlist__heart.active .heart__svg {
	stroke: #ff0000;
}

.whishlist__heart.active .heart__svg .heart__path {
	fill: #ff0000;
}

.category__card:hover h2,
.category__card:hover p {
	color: #FFFFFF;
}

.bg-color-lpurpol .category__img img {
	background-color: #e2ddff;
}

.bg-color-lorange .category__img img {
	background-color: #fae0d0;
}

.bg-color-lblue .category__img img {
	background-color: #bbf0ff;
}

.bg-color-lgreen .category__img img {
	background-color: #cef6d6;
}

.category__img img {
	padding: 10px;
	width: 60px;
	border-radius: 5px;
}

.category__card:hover .category__img img {
	background-color: #FFFFFF;
}

.category__cards .list__item {
	margin: 0;
	width: 25%;
	padding: 15px;
}

.category__card h2 {
	font-size: 22px;
	margin: 15px 0 10px;
}

.card__text p {
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: 0.32px;
}

.course__category .bg-color-lpurpol:hover {
	background-color: #5444a5;
}

.course__category .bg-color-lorange:hover {
	background-color: #F68C20;
}

.course__category .bg-color-lblue:hover {
	background-color: #36bbf0;
}

.course__category .bg-color-lgreen:hover {
	background-color: #5fd46d;
}


/*===== Course Category-V2 =====*/

.course__category-v2 .category__card {
	text-align: center;
	padding: 30px 5px 20px;
}

.course__category-v2 .category__card h2 {
	font-size: 18px;
}

.course__category-v2 .category__card:hover h2 {
	color: #302D3A;
}

.course__category-v2 .category__img img {
	height: 60px;
	width: 60px;
	object-fit: scale-down;
}

.course__category-v2 .list__item {
	width: 16.6%;
	padding: 5px;
}


/*===== Course Category-V3 =====*/

.top__categories .card__wrapper {
	width: 25%;
}

.categories__card {
	background-color: #FFFFFF;
	padding: 20px;
	border-radius: 9px;
	text-align: center;
	transition: all 0.2s linear 0s;
}

.categories__card:hover {
	box-shadow: 0 0 20px 2px #ddd;
}

.categories__image img {
	width: 100%;
	height: 183px;
	object-fit: cover;
}

.categories__card {
	padding: 15px;
}

.categories__info {
	margin-top: 20px;
}

.categories__info h2 {
	color: #09162a;
}


/*===== online__coaching =====*/

.online__coaching {
	position: relative;
}

.inner__coaching {
	position: relative;
}

.coaching__contant {
	text-align: center;
}

.coaching__text {
	margin: 15px 0 30px;
}

.coaching__text p {
	font-size: 22px;
}

.coaching__contant .nav__btn {
	width: 250px;
	margin: 0 auto;
}

.online__coaching .dots__pic {
	bottom: 0;
	left: 0;
}

.online__coaching .dots__pic__second {
	top: 33%;
	right: 0;
	opacity: 0.3;
}

.pos--abso {
	position: absolute;
}

.img__scale:hover {
	animation: scale 1.5s linear 0s infinite;
}

@keyframes scale {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(0.9);
	}
	50% {
		transform: scale(1.1);
	}
	75% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

.img1 {
	top: 15px;
	left: 0px;
}

.img2 {
	top: 0px;
	right: 0px;
}

.img3 {
	bottom: 0px;
	left: 75px;
}

.img4 {
	bottom: 15px;
	right: 0;
}

.img5 {
	top: 47%;
	left: 130px;
}

.circle1 {
	top: 47%;
	left: 320px;
}

.img6 {
	top: 47%;
	right: 130px;
}

.circle2 {
	top: 27%;
	right: 200px;
}


/*===== learning__platform =====*/

.platform__content {
	padding-right: 100px;
}

.steps .step__item:last-child {
	margin: 0;
}

.platform__text p {
	font-size: 18px;
	margin: 15px 0 25px;
	line-height: 1.7;
}

.facility .nav__btn {
	max-width: 250px;
	text-align: center;
}

.facility .list__item h6 {
	margin-left: 25px;
	font-size: 20px;
}

.facility .list__item {
	margin: 10px 0;
}

.facility .list__item.marg--30-0 {
	margin: 25px 0 0 !important;
}

.platform__img {
	border: 5px solid #F56962;
}

.platform__img,
.border__img {
	border-radius: 0 180px 0 0;
}

.platform__img img {
	position: relative;
	left: -50px;
	top: 52px;
}

.learning__platform-v5 .heading {
	margin-bottom: 15px;
}

.learning__platform-v5 {
	padding-bottom: 80px;
}

.learning__platform-v5 .platform__content {
	padding: 160px 0 160px 50px;
	position: relative;
}

.learning__platform-v5 .platform__content::after {
	content: "";
	height: 100%;
	width: 150px;
	position: absolute;
	top: 0;
	left: 100%;
	background-color: #fef0ef;
}

.learning__platform-v5 .platform__img {
	border: none;
	position: relative;
	top: 0;
}

.learning__platform-v5 .platform__img img {
	position: static;
	max-width: 570px;
	width: 100%;
	height: 468px;
	object-fit: cover;
}


/*===== student__profile =====*/

.student__profile {
	position: relative;
	top: 0;
	z-index: 1;
}

.student__profile .dots__pic {
	left: 825px;
	bottom: 60px;
	z-index: -1;
}

.student__card__wrapper {
	padding: 0 15px;
	outline: none;
}

.student__card {
	padding: 20px;
	border-radius: 0 30px 0 0;
	background-color: #ffffff70;
	transition: all 0.3s linear 0s;
	border-left: 4px solid #EFEFF6;
}

.student__card .card__profile {
	margin: 0 0 15px;
}

.student__card:hover {
	background-color: #FFFFFF;
	border-left: 4px solid #F68C20;
	box-shadow: 0 0 20px -3px #ddd;
}

.student__card .card__text p {
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: normal;
}

.student__card .list__item {
	margin: 0;
}

.profile__image h2 {
	font-size: 22px;
}

.student__cards-v2 .student__card {
	border-left: none;
}

.student__cards-v2 .student__card:hover {
	border-left: 4px solid #F68C20;
	border-left: none;
}


/* ================================= */


/*===== partners css =====*/


/* ================================= */

.partners__list .list__item {
	margin: 0;
}

.partners__names a {
	outline: none;
}

.partners__names button {
	padding: 0 5px;
}


/* ================================= */


/*===== JoinUs =====*/


/* ================================= */

.join__us {
	position: relative;
}

.join__us .dots__pic {
	opacity: 0.7;
	bottom: 0;
}

.join__us .dots__pic__second {
	top: 0;
	opacity: 0.2;
}

.join__card {
	padding: 0 15px;
	position: relative;
	z-index: 2;
}

.join__card .card__profile {
	background-color: #FFFFFF;
	padding: 25px;
	transition: all 0.3s linear 0s;
	margin: 0;
}

.join__card .card__profile:hover {
	box-shadow: 0 0 35px 1px #f5696270;
}

.join__card .list__item {
	margin: 0;
}

.join__card .list__item:nth-child(1) {
	margin-right: 25px;
}

.join__card .list__item h2 {
	font-size: 28px;
}

.join__card .list__item p {
	margin: 5px 0 20px;
	font-size: 16px;
	line-height: 1.7;
}

.join__card .list {
	align-items: normal;
}


/* ================================= */


/*===== Custom-V2 Css =====*/


/* ================================= */

.large__course-v2 {
	position: relative;
}

.large__course .dots__pic {
	bottom: 95px;
	left: 890px;
}


/*===== investing =====*/

.investing__content {
	border-radius: 0 200px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.investing__content h2 {
	color: #FFFFFF;
}

.investing__content p {
	font-size: 18px;
	color: #FFFFFF;
	margin: 10px 0 25px;
	text-align: center;
	line-height: 1.7;
}

.investing__content .dots__pic {
	transform: rotate(90deg);
	bottom: 75px;
	right: -65px;
}


/*===== Passionates-Content =====*/

.passionates {
	position: relative;
}

.passionates .dots__pic {
	right: 10px;
	top: 110px;
}

.passionates .dots__pic img {
	height: 70px;
}

.passionates__imgs {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.passionates__imgs img {
	object-fit: cover;
}

.passionate__img1 {
	margin-bottom: 25px;
}

.passionate__img1 img,
.passionate__img2,
.passionate__img3 img {
	border-radius: 20px;
}

.passionate__img1 img {
	height: 220px;
	width: 175px;
}

.passionate__img2 {
	height: 255px;
	width: 205px;
	position: absolute;
	right: 50px;
	top: 150px;
}

.passionate__img3 img {
	border-radius: 20px;
	height: 300px;
	width: 245px;
}

.step__contant {
	max-width: 450px;
}

.step {
	flex-wrap: nowrap;
}

.step__item {
	margin-bottom: 35px;
}

.count {
	margin-right: 25px;
}

.count h5::after {
	content: " ";
	border-right: 1px solid #ccc;
	margin: 30px auto 0;
	height: 70px;
	display: block;
	width: 1px;
}

.steps .step__item:last-child .count h5::after {
	display: none;
}

.step h5 {
	font-weight: 600;
	font-size: 24px;
	color: #4b5463;
}

.step__text p {
	letter-spacing: 0.32px;
	line-height: 1.9;
}

.step__heading {
	margin-bottom: 15px;
}


/* ================================= */


/*===== Custom-V3 Css =====*/


/* ================================= */


/*===== feature-v3 =====*/

.feature__inner-v3 {
	box-shadow: 0 3px 15px -7px #000;
	padding: 0 10px;
	position: relative;
	top: -80px;
	z-index: 2;
	background-color: #33333d;
}

.feature__item {
	padding: 30px;
}

.feature__icon {
	border-radius: 50%;
	border: 2px solid #344264;
	display: inline-block;
	margin-right: 15px;
}

.feature__icon img {
	background-color: #344264;
	border-radius: 50%;
	padding: 8px;
	margin: 10px;
}

.feature__info {
	display: inline-block;
}

.feature__info h2 {
	color: #09162a;
}

.feature__icon-red {
	border: 2px solid #F56962;
	background: #fff;
}

.feature__icon-red img {
	background-color: #F56962;
}


/*===== Testimonals =====*/

.student__testimonal {
	position: relative;
}

.student__testimonal .dots__pic {
	bottom: 75px;
	right: -60px;
	transform: rotate(90deg);
}

.testimonal__text .profile__image h2 {
	color: #fff;
	font-size: 20px;
}

.testimonal__text p {
	font-size: 26px;
	font-weight: 300;
	line-height: 1.5;
}

.testimonal__text .card__profile {
	margin-top: 25px;
}

.testimonal__img img {
	height: 460px;
	width: 470px;
	object-fit: cover;
}

.testimonal-v5 .testimonal__info {
	padding: 80px;
}

.testimonal-v5 .testimonal__text p {
	color: #09162a;
	font-style: italic;
	font-weight: 500;
}

.testimonal-v5 .testimonal__by h3 {
	font-size: 16px;
	margin-top: 15px;
	color: #5F5982;
}

.testimonal-v5 .testimonal__img {
	text-align: right;
}

.testimonal-v5 .testimonal__img img {
	width: 478px;
	height: 364px;
}


/*===== platform-v3 =====*/

.platform-v3__steps .step {
	justify-content: left;
}

.platform-v3__imgs {
	position: relative;
}

.img__row {
	margin-bottom: 25px;
}

.bg__circle {
	background-color: #fb9e99;
	border-radius: 100%;
	position: absolute;
	padding: 200px;
	z-index: -1;
	top: 130px;
	left: 90px;
}

.platform-v3__img1 li {
	background-color: #f3f1f1;
	height: 7px;
	margin: 15px 0;
}

.platform-v3__img1,
.platform-v3__img2,
.platform-v3__img3 {
	padding: 15px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #d2c3c2;
	border-radius: 5px;
}

.platform-v3__img1 img,
.platform-v3__img2 img,
.platform-v3__img3 img {
	object-fit: cover;
}

.platform-v3__img1 img {
	width: 219px;
	height: 173px;
}

.platform-v3__img2 img,
.platform-v3__img3 img {
	width: 233px;
	height: 184px;
}


/* ================================= */


/*===== Custom-V4 css =====*/


/* ================================= */

.recommended .dots__pic {
	bottom: 95px;
	left: 890px;
}

.students__view .dots__pic {
	bottom: 95px;
	left: 890px;
}


/* ================================= */


/*===== Custom-V5 css =====*/


/* ================================= */


/*===== popular-v5 =====*/

.main__section__nav {
	position: relative;
	max-width: 750px;
	margin: 0 auto 50px;
}

.main__section__nav button {
	cursor: pointer;
}

.nav__box>button {
	border: 1px solid #CAC6D4;
	border-radius: 4px;
	background-color: transparent;
	padding: 10px 15px;
}

.nav__box-c button {
	border: none;
	background-color: #EFEFF6;
	border-radius: 4px;
	padding: 12px 20px;
	letter-spacing: 0.32px;
	transition: all 0.3s linear 0s;
}

.nav__box-c button:hover {
	background-color: #afafaf;
}

.Popular__btn.active+.on__hover,
.filter__btn.active+.on__hover {
	max-height: 1000px;
}

.Popular__option {
	top: 70px;
}

.Popular__option button {
	padding: 15px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #CAC6D4;
}

.filter__hover {
	max-width: 1200px;
	width: 100%;
	top: 70px;
	right: 0;
}

.filter__heading {
	padding: 15px;
	text-align: left;
	margin: 15px;
	border-bottom: 1px solid #CAC6D4;
}

.filter__items {
	display: flex;
	margin-top: 15px;
}

.filter__heading h2,
.filter__item label {
	color: #5F5982;
}

.filter__items .filter__item {
	margin-right: 50px;
}

.filter__item label {
	margin-left: 5px;
	font-size: 16px;
}

.filter__img {
	width: 24px;
	height: 24px;
	object-fit: scale-down;
	margin-right: 10px;
}


/*===== Teacher-Creators =====*/

.tech__cards .card__wrapper {
	width: 33%;
}

.teacher__creator .tech__card {
	margin-top: 170px;
}

.tech__card {
	padding: 15px;
	border: 1px solid #CAC6D4;
}

.tech__img {
	position: relative;
	padding: 100px 0;
	height: 200px;
	align-items: center;
	box-shadow: 0 20px 50px -50px #b9b9b9;
	transition: all 0.2s linear 0s;
}

.tech__card:hover .tech__img {
	box-shadow: 0 40px 45px -30px #b9b9b9;
}

.tech__img .image-wrapper {
	position: absolute;
	bottom: 0;
	overflow: hidden;
}

.tech__img .image-wrapper img {
	transform: translateY(20px);
	transition: all 0.3s linear 0s;
}

.tech__card:hover .image-wrapper img {
	transform: translateY(0);
}

.tech__info {
	padding: 30px 0;
}

.tech__info h2 {
	color: #09162a;
	font-size: 26px;
	margin: 0px 0 15px;
}

.tech__info p {
	letter-spacing: 0.32px;
	line-height: 1.9;
}

.tech__img::before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 100%;
	height: 80px;
}

.teacher__creator .bg--color-dgreen::before {
	content: "";
	background-color: #06b47e;
}

.teacher__creator .bg--color-dpurple::before {
	content: "";
	background-color: #5F5982;
}

.teacher__creator .bg--color-dorange::before {
	content: "";
	background-color: #F68C20;
}

.teacher__creator .bg--color-dyellow::before {
	content: "";
	background-color: #FFC065;
}

.teacher__creator .bg--color-dred::before {
	content: "";
	background-color: #F56962;
}

.teacher__creator .bg--color-dgray::before {
	content: "";
	background-color: #91929A;
}

.bg--color-dgreen {
	background-color: #06B47E;
}

.bg--color-dpurple {
	background-color: #5F5982;
}

.bg--color-dorange {
	background-color: #F68C20;
}

.bg--color-dyellow {
	background-color: #FFC065;
}

.bg--color-dred {
	background-color: #F56962;
}

.bg--color-dgray {
	background-color: #91929A;
}


/*===== deal-section =====*/

.deal {
	position: relative;
}

.deal__cards .card__wrapper {
	padding: 18px;
}

.deal__card {
	background-color: #FFFFFF;
	padding: 30px 25px;
	position: relative;
	min-height: 300px;
}

.deal__text {
	width: 200px;
}

.deal__card span {
	font-size: 16px;
	display: block;
}

.card__tittle h3 {
	margin-top: 5px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	color: #09162a;
}

.back__svg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 175px;
	width: 100%;
	overflow-y: hidden;
}

.back__svg img {
	width: 100%;
}

.deal__img img {
	position: absolute;
	bottom: 0;
	right: 0;
}

.discount__card {
	border-radius: 5px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: -15px;
	width: 100%;
	max-width: 150px;
}

.deal__card:hover .discount__card {
	animation: wid 0.6s linear 0s;
}

@keyframes wid {
	0% {
		max-width: 0;
		opacity: 0;
	}
}

.discount__card span,
.discount__card h2 {
	color: #FFFFFF;
}

.discount__card span {
	font-size: 16px;
}

.discount__card h2 {
	font-size: 40px;
}


/* ================================= */


/*===== Custom-V14 Css =====*/


/* ================================= */

.shopping__cart,
.check__out {
	top: -80px;
}

.cart__card {
	border: 1px solid #302D3A33;
	border-radius: 5px;
	background-color: #FFFFFF;
	margin-top: 25px;
}

.cart__img img {
	height: 125px;
	width: 100%;
	object-fit: cover;
}

.cart__detail .cart__price {
	width: 20%;
}

.remove__cart {
	width: 5%;
}

.cart__info {
	padding-right: 15px;
	width: 70%;
}

.cart__info h6 {
	color: #09162a;
	font-size: 22px;
}

.cart__detail {
	display: flex;
	width: 70%;
}

.cart__img {
	width: 30%;
	margin-right: 15px;
}

.cart__profile img {
	margin-right: 15px;
}

.cart__profile span {
	color: #7A7A7A;
	font-size: 14px;
}

.cart__price {
	align-self: center;
	margin-right: 20px;
}

.cart__price h6 {
	font-size: 24px;
	margin-bottom: 5px;
	color: #5F5982;
}

.cart__price h4 {
	font-size: 16px;
}

.remove__cart {
	background-color: transparent;
	border: none;
}

.cart__check>h2 {
	color: #09162a;
}

.check__out__btn,
.pay__btn {
	width: 100%;
}

.cart__coupen {
	margin-top: 30px;
}

.coupen__input {
	border: 1px solid #F56962;
	height: 55px;
	width: calc(100% - 80px);
}

.coupen__btn {
	border-radius: 0 5px 5px 0;
	width: 80px;
}


/* ================================= */


/*===== Custom-V15 Css =====*/


/* ================================= */

.cart__details {
	position: relative;
	padding-left: 30px;
}

.cart__details.active .cart__check,
.pay__payment {
	display: none;
}

.cart__details.active .pay__payment {
	display: block;
}

.cart__details .dots__pic {
	right: 0;
}

.cart__details .dots__pic img {
	width: 120px;
	display: block;
	margin-bottom: 10px;
}

.card__type {
	margin: 20px 0;
}

.paymant__cards {
	margin-top: 15px;
}

.pay__payment {
	color: #09162a;
}

.card__type h6 {
	font-size: 18px;
	margin-bottom: 15px;
	color: #5F5982;
}

.payment__cards>input {
	display: none;
}

.payment__cards>input+label {
	border: 1px solid transparent;
	cursor: pointer;
}

.payment__cards>input:checked+label {
	border: 1px solid #000;
}

.input__wrapper,
.total__price {
	margin-bottom: 20px;
}

.payment__form .form__control {
	border: 1px solid #CAC6D4;
	height: 55px;
}

.form__control::placeholder {
	font-size: 14px;
}

.total__price h6 {
	font-size: 24px;
}


/* ================================= */


/*===== registed Form =====*/


/* ================================= */

.responsive__logo {
	display: none;
	text-align: center;
	margin-bottom: 22px;
}

.register__form,
.form__outter.register .login__form {
	display: none;
}

.form__outter.register .register__form,
.form__outter.login .login__form {
	display: block;
}

.form__outter {
	width: 60%;
	padding: 50px 25px 100px;
}

.register__nav {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

.register__left {
	background-color: #FD9697;
	padding: 50px 65px 100px 100px;
	min-height: 100vh;
}

.register__left .dots__pic.top1 {
	right: 15px;
	top: 15px;
}

.register__left .dots__pic.top2 {
	right: 160px;
	top: 15px;
}

.register__left .dots__pic.bottom1 {
	left: 15px;
	bottom: 15px;
	opacity: 0.5;
}

.register__left .dots__pic.bottom2 {
	left: 160px;
	bottom: 15px;
	opacity: 0.5;
}

.form__logo {
	margin-bottom: 50px;
}

.register__left__text {
	position: relative;
	z-index: 9;
	text-align: center;
}

.register__left__text h1 {
	font-size: 40px;
	color: #FFFFFF;
	margin: 25px 0 5px;
}

.register__left__text p {
	font-size: 20px;
	color: #FFFFFF;
}

.register__nav h3,
.form__text {
	color: #544E7A;
}

.register__form,
.login__form {
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
}

.register__btn,
.login__btn {
	padding: 15px 25px;
}

.form__title {
	font-size: 40px;
	margin-bottom: 5px;
}

.form__text {
	font-size: 18px;
	line-height: 1.7;
}

.main__form {
	margin-top: 50px;
}

.main__form label {
	font-size: 20px;
	align-items: baseline;
}

.main__form input {
	margin: 5px 0 30px;
}

.main__form .form__control {
	border: 1px solid #CAC6D4;
	border-radius: 5px;
	height: 55px;
}

.register__password {
	justify-content: space-between;
}

.show__password {
	position: absolute;
	top: 20px;
	right: 25px;
}

.forget__pass {
	color: #6C63FF;
	font-size: 16px;
}

.submit__btn {
	width: 100%;
	padding: 25px 0;
}

.or {
	text-align: center;
	font-size: 24px;
	position: relative;
	margin-bottom: 30px;
}

.or span {
	position: relative;
	padding: 0 15px;
	background-color: #fff;
}

.or::before {
	content: "";
	position: absolute;
	top: 50%;
	border-top: 2px solid #CAC6D4;
	width: 100%;
}

.or::after {
	right: 0;
}

.or::before {
	left: 0;
}

input[type=submit] {
	cursor: pointer;
}

.sign__google {
	border: 1px solid #CAC6D4;
	border-radius: 5px;
	text-align: center;
	padding: 15px 0;
	margin-bottom: 35px;
	width: 100%;
	display: block;
}

.sign__google span {
	margin-left: 20px;
	font-size: 18px;
}

.sign__up h4 {
	line-height: 1.9;
}

.sign__up button,
.sign__in button {
	color: #F56962;
}


/* ================================= */


/*===== Custom-V18 Css  =====*/


/* ================================= */

.course-v18 .Popular__btn+.on__hover {
	right: 0;
	left: auto;
	width: 200px;
}


/* ================================= */


/*===== Custom-V19 Css  =====*/


/* ================================= */

.blog__list__card {
	position: relative;
	display: block;
}

.blog__list__name {
	position: absolute;
	bottom: -20px;
	right: 0px;
	z-index: 1;
	padding: 10px 15px;
	border-radius: 5px;
	background-color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	box-shadow: 0 2px 10px 0 #ccc;
	color: #09162a;
}
.blog__list__name:hover{
	transition: all 0.1s;
	transform: translateY(-10px);
}

.blog__list__img {
	height: 270px;
	width: 100%;
	object-fit: cover;
}

.blog__card {
	display: block;
	box-shadow: 0 0 10px -3px #b39391;
	padding: 20px 20px 25px;
	position: relative;
}

.blog__card .whishlist__heart {
	top: 30px;
	right: 30px;
}

.blog__card__info>a {
	font-size: 24px;
	color: #09162a;
	font-weight: 500;
}

.blog__card__info .card__profile {
	margin: 10px 0;
}

.view__profile img {
	margin-right: 15px;
}

.blog__img {
	margin-bottom: 20px;
	width: 100%;
}

.view__profile {
	margin-right: 15px;
}

.popular__blog .dots__pic {
	bottom: 100px;
	left: 890px;
}

.articles__card {
	position: relative;
	z-index: 2;
	display: inline-block;
	background-color: #FFFFFF;
}

.articles__cards .dbl__dots__pic {
	top: -30px;
	left: -90px;
}

.articles__cards .scnd__dbl__dots__pic {
	top: -30px;
	right: -90px;
}

.articles__cards {
	position: relative;
}

.articles__card .blog__img {
	height: 390px;
	object-fit: cover;
}

.articles__info {
	margin-top: 10px;
}

.read__more .font--22 {
	font-size: 18px !important;
}


/* ================================= */


/*===== Custom-V20 Css  =====*/


/* ================================= */

.banner__footer {
	position: relative;
	top: -80px;
}

.banner__footer .container {
	position: relative;
	z-index: 2;
}

.banner__footer .dbl__dots__pic {
	top: -50px;
	right: -75px;
	z-index: -1;
}

.bnr__ftr__img {
	height: 485px;
	width: 100%;
	object-fit: cover;
	margin-bottom: 25px;
}

.bnr__ftr__info {
	margin-bottom: 50px;
}

.bnr__ftr__info p {
	line-height: 1.9;
	margin-bottom: 15px;
	letter-spacing: 0.48px;
}

.bnr__ftr__btns {
	margin-bottom: 50px;
}

.bnr__ftr__btn {
	text-align: left;
	padding: 15px;
	border-radius: 5px;
	margin: 10px 10px 0 0;
	width: calc(16.66% - 10px);
}

.bnr__ftr__btn span {
	color: #FFFFFF;
	letter-spacing: 0.32px;
	margin-left: 15px;
	font-size: 16px;
	vertical-align: middle;
}

.banner__footer .nav__box-c {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

.banner__footer .nav__box-c button {
	margin-right: 30px;
	padding: 15px 30px;
}

.follow__person>span {
	font-size: 16px;
	letter-spacing: 0.32px;
}

.follow__profile {
	display: flex;
}

.follow__profile img {
	margin-right: 25px;
}

.follow__profile h3 {
	font-size: 22px;
	font-weight: 600;
}

.folow__btn {
	padding: 13px 25px;
	color: #F56962;
	border-radius: 4px;
	border: 1px solid #F56962;
	transition: all 0.2s linear 0s;
}
.folow__btn:hover{
	background-color: #d64b43;
	color: #fff;
}


/* ================================= */


/*===== Custom-V6 Css  =====*/


/* ================================= */

section.paid-course {
	background: #FEF0EF;
}

.mx-706 {
	max-width: 706px;
}

.paid-course-title h1 {
	color: #09162a;
	font-size: 40px;
	line-height: 1.5;
	font-weight: 500;
	margin: 0;
}

.paid-course-title p {
	color: #5F5982;
	font-size: 20px;
	margin: 15px 0 25px 0;
	line-height: 1.5;
}

.paid-course-title.w-65 {
	margin: 0;
}

.paid-course-badge ul,
.paid-course-row {
	display: flex;
	justify-content: space-between;
}

.paid-course-row {
	align-items: center;
	margin-bottom: 25px;
}

.w-65 {
	width: 65%;
}

.paid-course-badge.wrap {
	width: 35%;
}

.paid-course-badge ul li {
	color: #7a7a7a;
	font-size: 14px;
}

.paid-course-badge.wrap ul {
	flex-wrap: wrap;
}

.paid-course-badge.wrap ul li {
	width: 50%;
	padding: 0 10px;
	line-height: 3;
}

.paid-course-badge ul li span {
	margin-left: 10px;
	display: inline-block;
}

.course-vdo-section {
	display: flex;
	position: relative;
	top: 0;
	left: 0;
}

.main-review-box-v7 .inner-review-box {
	margin-top: 50px;
}

.main-review-box-v7 {
	position: relative;
	top: -80px;
	left: 0;
}

.vdo img {
	height: 419px;
	width: 100%;
	object-fit: cover;
}

.my-456 {
	max-height: 456px;
}

.py {
	padding-top: 205px;
}

.top--auto {
	top: auto !important;
}

.main-buy-box {
	max-width: 380px;
	width: 100%;
	background: #fff;
	border-radius: 5px;
	padding: 25px;
	position: absolute;
	top: 0;
	right: 0px;
	box-shadow: 0 0 20px #ccc;
}

.main-buy-box.top--auto {
	padding: 0 25px 25px 25px;
}

.course-vdo video {
	border-radius: 5px;
	object-fit: cover;
	width: 100%;
}

.price-txt {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

span.current-price {
	font-size: 40px;
	color: #09162a;
	font-weight: 500;
}

span.old-price,
span.dis-price {
	color: #5F5982;
	font-size: 20px;
	margin-left: 10px;
}

.discount-exp span {
	font-size: 16px;
	color: #F68C20;
	margin: 15px 0 20px;
	display: block;
	text-align: center;
}
.discount-exp span svg{
	vertical-align: bottom;
}

a.buy-btn {
	font-size: 18px;
	background: #F56962;
	color: #fff;
	padding: 15px;
	display: inline-block;
	border-radius: 5px;
	width: 100%;
	text-align: center;
}
a.buy-btn:hover{
	background: #d64b43;
	transition: all 0.5s;
}

.course-include ul li {
	font-size: 16px;
	color: #5F5982;
	padding: 5px;
}

span.course-include-txt {
	margin-left: 15px;
	vertical-align: bottom;
}

.course-include {
	border-bottom: 1px solid #CAC6D4;
	padding-bottom: 25px;
}

.course-include h4 {
	margin: 23px 0;
	font-size: 24px;
	color: #09162a;
	font-weight: 600;
}

.course-traning h5 {
	font-size: 22px;
	color: #09162a;
	font-weight: 500;
	margin-bottom: 15px;
}

.course-traning {
	padding: 25px 0;
	border-bottom: 1px solid #CAC6D4;
}

.course-traning p {
	color: #5F5982;
	line-height: 1.5;
}

.course-traning p a {
	color: #F68C20;
}

.share-course {
	border-bottom: none;
}

.social-icon {
	display: flex;
	justify-content: space-between;
}

.social-icon svg path.a {
	fill: #cac6d4 !important;
	opacity: 1;
}

.insta svg:hover path.a {
	fill: url("#myGradient") !important;
}

.youtube svg:hover path.a {
	fill: #fc0a00 !important;
}

.fb svg:hover path.a {
	fill: #4267b2 !important;
}

.whatsapp svg:hover path.a {
	fill: #1bd741 !important;
}

.twitter svg:hover path.a {
	fill: #03a9f4 !important;
}

.linked svg:hover path.a {
	fill: #0084b1 !important;
}

.reddit svg:hover path.a {
	fill: #ff5722 !important;
}

button.review-btn {
	background-color: #EFEFF6;
	padding: 15px 20px;
	border-style: none;
	color: #09162a;
	border-radius: 5px;
	margin-right: 30px;
	font-weight: 500;
}

.tab-content h4 {
	color: #09162a;
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: 500;
}

.tab-content.overview p {
	color: #5F5982;
	line-height: 1.7;
}

.mx-770 {
	max-width: 735px;
}

.inner-tab-content-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 30px;
	background-color: #FEF9E5;
	padding: 20px;
	border-radius: 5px;
}

a.pro-btn {
	background-color: #F68C20;
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	display: inline-block;
}

.tab-content-heading h4 {
	margin: 0px 0 15px;
}

span.course-duration {
	color: #f68c20;
	font-size: 14px;
}

span.course-duration img {
	margin-right: 4px;
	margin-top: -3px;
}

.vdo-icon video {
	border-radius: 5px;
	height: 100px;
	width: 120px;
	object-fit: cover;
}

.tab-content-heading {
	margin: 0 0px 0 15px;
	width: 60%;
}

.try-btn {
	margin-left: auto;
}

.second-box {
	background-color: #F4F9FD;
}

.third-box {
	background-color: #43C8B11A;
}

.fourth-box {
	background-color: #F569621A;
}

.tab-content.instructor {
	background: #FEF0EF;
	padding: 30px;
	border-radius: 5px;
	margin-top: 30px;
}

.course-instructor {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.teacher-img {
	width: 20%;
}

.teacher-img img {
	max-height: 150px;
	height: 100%;
}

.about-course {
	width: 80%;
	align-self: flex-start;
	padding-left: 25px;
}

.about-course h4 {
	font-weight: 600;
	color: #09162a;
}

.about-course p {
	color: #5F5982;
	line-height: 1.5;
}

.about-course .paid-course-badge ul {
	margin: 15px 0;
}

.course-para {
	margin-top: 25px;
}

.course-para h5 {
	margin-bottom: 10px;
	color: #09162a;
	font-size: 22px;
	font-weight: 500;
}

.course-para p {
	line-height: 1.7;
	color: #5F5982;
}

.tab-content.review {
	background: #fef0ef;
	padding: 30px;
	border-radius: 5px;
	margin-top: 30px;
}

.review-heading h5 {
	color: #302D3A;
	font-size: 24px;
	margin-bottom: 30px;
}

.rating {
	display: flex;
	align-items: center;
}

.rating-box {
	background: #FFFFFF;
	padding: 15px;
	text-align: center;
	border-radius: 5px;
}

.rating-heading span {
	font-size: 60px;
	color: #09162a;
	font-weight: 600;
}

.rating-star {
	margin: 0 0 10px 0;
}

p.course-txt {
	color: #5F5982;
}

.progress-bar {
	flex: 1;
	margin: 0 15px;
}

.progress-bar ul li {
	height: 10px;
	width: 100%;
	background: #ffffff;
	margin: 22px 0;
	border-radius: 10px;
	position: relative;
}

.progress-bar ul li:after {
	position: absolute;
	width: 59%;
	height: 100%;
	background-color: #F68C20;
	content: "";
	border-radius: 3px;
}

.progress-bar ul li:nth-child(2):after {
	width: 31%;
}

.progress-bar ul li:nth-child(3):after {
	width: 20%;
}

.progress-bar ul li:nth-child(4):after {
	width: 5%;
}

.progress-bar ul li:nth-child(5):after {
	width: 3%;
}

.progress-percent {
	color: #5F5982;
	font-size: 16px;
	margin-left: 15px;
}

.progress-rating-star ul li {
	margin: 10px 0;
}

.inner-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 30px;
}

.student-img img {
	width: 50px;
	height: 50px;
}

.student-name {
	flex: 1;
	margin-left: 15px;
}

.student-review-txt {
	width: 100%;
	margin: 20px 0 0px 0;
}

.student-name h5 {
	color: #09162a;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
}

.student-name p {
	color: #5F5982;
	margin-top: 5px;
	font-size: 14px;
}

.student-review-txt p,
.student-review-star p {
	color: #5F5982;
	line-height: 1.5;
}

.student-review-star p {
	text-align: right;
	font-size: 14px;
	text-transform: capitalize;
}

.tab-content {
	display: none;
}

.overview__list li {
	margin-top: 30px;
}

.tab-content.active {
	display: block;
}

button.review-btn.active {
	background-color: #F68C20;
	color: #fff;
	border-style: none;
}


/* ================================= */


/*===== Contact us=====*/


/* ================================= */

.contact__info {
	padding: 100px 50px;
	position: relative;
}

.contact__cards .contact__card:last-child {
	margin: 0;
}

.contact__card {
	margin-bottom: 80px;
}

.contact__info::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	background-color: #fef0ef;
	height: 100%;
	width: 100px;
	z-index: -1;
}

.contact__card .bg--color-sblue::after {
	background-color: #6C63FF1A;
	left: -100px;
}

.contact__card .bg-color-sgreen::after {
	background-color: #EFFCFA;
}

.contact__info h2 {
	margin: 5px 0 20px;
}

.contact__loction {
	display: flex;
	margin-top: 35px;
}

.contact__loction p {
	margin: 0 0 0 15px;
	font-weight: 500;
	color: #4b5463;
}


/* ================================= */


/*===== About us =====*/


/* ================================= */

.about__inner .platform__content {
	padding: 0 0 0 100px;
}

.about__inner .platform__img img {
	right: -50px;
	left: auto;
}

.about__inner .platform__img,
.about__inner .border__img {
	border-radius: 180px 0 0 0;
}

.error .section__header {
	margin: 0;
}

.error .section__header a,
.error .section__header span {
	font-size: 18px;
}

.error__content {
	padding: 50px 0;
	text-align: center;
}

.error__img {
	margin-bottom: 50px;
}

.error__info p {
	color: #5F5982;
	margin: 10px 0 25px;
	font-size: 20px;
	line-height: 1.7;
}

.error__detail>a {
	display: inline-block;
}


/* ================================= */


/*===== custom-slider css =====*/


/* ================================= */

.slider__btn-gray .slick-prev,
.partners .slick-next {
	background-color: #EFEFF6 !important;
}

.slider__arrow .slick-prev,
.slider__arrow .slick-next {
	top: -70px;
	background-color: #fff;
	border-radius: 5px;
	padding: 25px;
	transition: all 0.2s linear 0s;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.5;
}

.slider__arrow .slick-prev:hover,
.slider__arrow .slick-next:hover {
	opacity: 1;
}

.slider__arrow .slick-next {
	right: 15px;
	background-image: url("../img/slidernext.png");
}

.slider__arrow .slick-prev {
	right: 90px;
	left: auto;
	background-image: url("../img/sliderprev.png");
}

.slider__arrow .slick-prev:before,
.slider__arrow .slick-next:before {
	line-height: 0;
	color: transparent;
	font-size: 0px;
}

.slider__with__dots .slick-prev,
.slider__with__dots .slick-next {
	top: auto;
	bottom: -100px;
	background-color: rgb(255, 254, 254);
	border-radius: 5px;
	padding: 25px;
	opacity: 0.5;
	transition: all 0.2s linear 0s;
	background-repeat: no-repeat;
	background-position: center;
}

.slider__with__dots .slick-prev:hover,
.slider__with__dots .slick-prev:focus,
.slider__with__dots .slick-next:hover,
.slider__with__dots .slick-next:focus {
	opacity: 1;
}

.slider__with__dots .slick-next {
	right: 15px;
	background-image: url("../img/slidernext.png");
}

.slider__with__dots .slick-prev {
	left: 15px;
	background-image: url("../img/sliderprev.png");
}

.slider__with__dots .slick-prev:before,
.slider__with__dots .slick-next:before {
	opacity: 1;
	line-height: 0;
	color: transparent;
	font-size: 0px;
}

.slider__with__dots .slick-dots {
	display: flex;
	max-width: 950px;
	bottom: -52px;
	position: relative;
	margin: 0 auto;
}

.slider__with__dots .slick-dots li {
	width: 300px;
	height: 3px;
	border-radius: 7px;
	background-color: rgba(189,189,193,0.7);
}

.slider__with__dots .slick-dots li.slick-active {
	background-color: #F68C20;
}

.slider__with__dots .slick-dots li button:before {
	font-size: 0;
}


/* ================================= */


/*===== footer css=====*/


/* ================================= */

.footer h2 {
	color: #FFFFFF;
	line-height: 1.65;
}

.list__heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list__heading svg {
	display: none;
}

.footer__list {
	padding-bottom: 40px;
}

.footer__list>.flex--r--a--s {
	align-items: normal;
}

.footer__list>.flex--r--a--s>li {
	width: 33.333%;
}

.footer__social,
.foot__pages {
	display: flex;
	width: 100%;
}

.footer__social a {
	margin-right: 15px;
}

.foot__pages {
	flex-wrap: wrap;
}

.foot__pages li {
	width: 50%;
}

.footer__social img {
	height: 25px;
	width: 25px;
}

.copy__right__text {
	text-align: center;
}

.foot__links,
.foot__content {
	max-width: 350px;
	width: 100%;
}

.foot__link {
	font-size: 16px;
	color: #91929A;
	margin: 25px 0;
	display: block;
}

.foot__pages {
	margin-top: 12.5px;
}

.foot__pages .foot__link {
	margin: 12.5px 0;
}

.foot__main {
	display: flex;
	align-items: center;
	margin: 25px 0;
}

.foot__main svg {
	margin-right: 10px;
	height: 20px;
	width: 20px;
	fill: #f56962;
}

.foot__link-i {
	font-size: 16px;
	color: #91929A;
}

.copy__right__text p {
	font-size: 14px;
}

.copy__right {
	padding-top: 20px;
	border-top: 1px solid #3F3F48;
}

.language__menu {
	width: 100%;
	color: #91929A;
	background-color: transparent;
	font-size: 16px;
	border: 1px solid #91929A;
	padding: 5px 0 5px 10px;
}

option {
	text-transform: capitalize;
	background-color: #282834;
}


/* ================================= */


/*===== responsive css =====*/


/* ================================= */


/*===== responsive 1440px =====*/

@media only screen and (max-width: 1440px) {
	.header__banner .dots__pic,
	.header__banner .dots__pic__second,
	.img5,
	.img6,
	.img2,
	.img3 {
		display: none;
	}
	.online__coaching .circle1 {
		left: 10%;
	}
	.online__coaching .circle2 {
		top: 15%;
	}
	.online__coaching .img4 {
		right: 10%;
	}
	.online__coaching .circle1,
	.online__coaching .circle2 {
		width: 70px;
	}
	.banner__footer .dbl__dots__pic {
		display: none;
	}
	.register__left {
		padding: 50px 50px 100px;
	}
	.register__left__text h1 {
		font-size: 34px;
	}
	.register__left__text p {
		font-size: 18px;
	}
	.scnd__dbl__dots__pic {
		display: none;
	}
}


/*===== responsive 1199px =====*/

@media only screen and (max-width: 1199px) {
	.header__banner.section__wrapper-pd,
	.banner__inner-v2 {
		padding: 80px 0 55px;
	}
	.banner__form {
		margin: 25px 0;
	}
	.nav .nav__icons,
	.nav .nav__btn,
	.nav__form-v3 {
		display: none;
	}
	.responsive__header {
		display: block !important;
	}
	.nav__icons .nav__item,
	.nav__icons {
		margin: 0 !important;
	}
	.nav__icons .nav__item {
		margin-left: 20px !important;
	}
	.nav__navbar :nth-child(1).home__menu__wrapper button {
		flex-direction: row;
		justify-content: end;
	}
	.header-v3 .nav,
	.header-v3 .on__hover {
		background-color: rgba(0, 0, 0, 0.9);
	}
	.header-v3 .nav__link {
		color: #09162a;
	}
	.home__menu {
		margin: 0;
	}
	.home__menu a {
		margin: 0;
		border-radius: 0;
	}
	.nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		align-items: flex-start;
		opacity: 0;
		background-color: rgba(0, 0, 0, 0.3);
		max-width: 100%;
		width: 100%;
		height: 100vh;
		min-height: 700px;
		transform: scale(0);
	}
	.active .nav {
		opacity: 1;
		transform: scale(1);
		overflow: auto;
	}
	.nav>.nav__navbar {
		width: 100%;
		display: block;
		background-color: #fff;
		position: fixed;
		top: 0;
		right: -100%;
		padding: 30px 5px;
		max-width: 300px;
		height: 100%;
		min-height: 940px;
		transition: all 0.5s linear 0s;
	}
	.nav>.nav__navbar .nav__item {
		border-bottom: 1px solid #ddd;
		width: 100%;
		padding: 15px 0;
		margin: 0;
		z-index: 99;
	}
	.active .nav>.nav__navbar {
		top: 0;
		right: 0;
	}
	.header .on__hover {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		height: 100%;
		max-height: 100%;
		min-height: 940px;
		width: 0;
		min-width: 0;
		max-width: 250px;
		opacity: 0;
		z-index: -1;
		padding: 10px 5px;
		background-color: #fff;
	}
	.header .on__hover a {
		border-bottom: 1px solid #ddd;
		width: 100%;
		padding: 15px 0;
		font-size: 16px;
	}
	.on__hover {
		transition: all 0.01s linear 0s;
	}
	.nav__item.active>.on__hover {
		opacity: 1;
		z-index: 3;
		right: 300px;
		width: 100%;
	}
	.nav__link {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		width: 100%;
		justify-content: flex-end;
	}
	.categories .nav__link {
		flex-direction: row;
		justify-content: flex-start;
	}
	.nav__link>img {
		transform: rotate(90deg);
	}
	.slider__with__dots .slick-dots li {
		width: 200px;
	}
	.header__banner .banner__img,
	.join__us .dots__pic__second,
	.join__us .dots__pic {
		display: none;
	}
	.slider__with__dots .slick-dots {
		max-width: 70%;
	}
	.header__banner .banner__text {
		padding: 0;
	}
	.header__banner .input {
		width: 70% !important;
		margin-left: auto;
	}
	.header__banner .search__icon {
		margin-right: auto;
	}
	.header__banner .banner__text {
		width: 100% !important;
		text-align: center;
	}
	.course .dots__pic {
		bottom: 65px;
		left: 400px;
	}
	.coaching__contant {
		padding: 100px 50px !important;
	}
	.online__coaching .circle1 {
		display: none;
	}
	.join__card .card__profile {
		height: 100%;
	}
	.register__left {
		padding: 50px 25px 100px;
	}
	.register__left__text h1 {
		font-size: 32px;
	}
	/*===== v2-responsive   =====*/
	.passionates .section__header .heading h2 {
		margin: 0;
	}
	/*=====v3-responsive  =====*/
	.header-v3 {
		z-index: 9;
		background-position: top;
	}
	.header__banner-v3 {
		padding: 80px 0 30px;
	}
	.feature__inner-v3 .list {
		flex-wrap: nowrap;
		text-align: center;
	}
	.feature__icon {
		margin: 0 0 10px 0;
	}
	.feature-v3 {
		padding: 80px 0;
	}
	.feature__inner-v3 {
		top: 0;
	}
	/*===== v6-responsive  =====*/
	.paid-course .container {
		display: flex;
		flex-direction: column;
	}
	.course-vdo video {
		height: auto;
	}
	.course-traning {
		padding: 15px 0;
	}
	.course-include {
		padding-bottom: 15px;
	}
	.course-include h4 {
		margin: 25px 0 10px;
	}
	.buy-box-btn__wrapper {
		margin-top: 25px;
	}
	.buy-box-btn__wrapper,
	.course-include ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.social-icon,
	.paid-course-badge ul {
		justify-content: flex-start;
	}
	.paid-course-badge ul {
		flex-wrap: wrap;
	}
	.social-icon div {
		margin-right: 15px;
	}
	.paid-course-badge li {
		margin: 10px 15px 0 0;
	}
	.price-txt {
		margin: 0;
	}
	a.buy-btn {
		padding: 10px 25px;
	}
	.discount-exp span {
		margin: 0 10px;
	}
	.paid-course-banner.mx-706 {
		margin-bottom: 50px;
	}
	.main-buy-box {
		position: static;
		max-width: 100%;
	}
	.paid-course-title p {
		margin: 10px 0;
	}
	.mx-706,
	.mx-770 {
		max-width: 100%;
	}
	.course-instructor {
		justify-content: flex-start;
	}
	.teacher-img {
		width: auto;
	}
	.main-review-box.section__wrapper-pd {
		padding: 80px 0;
	}
	/*===== v7-responsive   =====*/
	.course-vdo-section {
		display: block;
	}
	.paid-course-row {
		flex-wrap: wrap;
	}
	.paid-course-badge.wrap {
		width: 100%;
	}
	.paid-course-badge.wrap ul li {
		width: auto;
		padding: 0;
	}
	.paid-course-title {
		width: 100%;
	}
	.main-buy-box.top--auto {
		padding: 1px 25px 15px;
	}
	.scnd__dbl__dots__pic {
		display: none;
	}
}


/*===== responsive 1024px =====*/

@media only screen and (max-width: 1024px) {
	.slider__with__dots .slick-dots li {
		width: 150px;
	}
}


/*===== responsive 991px =====*/

@media only screen and (max-width: 991px) {
	.heart__svg:hover {
		stroke: #ffff;
	}
	.heart__svg:hover .heart__path {
		fill: transparent;
	}
	.at--991 {
		display: none;
	}
	.db-at-991 {
		display: block !important;
	}
	.width-50--991 {
		width: 50% !important;
	}
	.platform__text p {
		margin: 15px 0 20px;
	}
	.banner__heading h1 {
		font-size: 50px;
	}
	.banner__summary p {
		font-size: 18px;
	}
	.heading h2 {
		font-size: 32px;
	}
	.coaching__text p {
		font-size: 18px;
	}
	.facility .list__item h6 {
		margin-left: 5px;
		font-size: 20px;
	}
	.slick-dots li button:before {
		opacity: .1;
	}
	.slick-dots li.slick-active button:before {
		opacity: 0;
		color: black;
	}
	.slider__with__dots .slick-dots li {
		width: auto;
		height: auto;
		border-radius: 100%;
	}
	.slider__with__dots .slick-dots li button:before {
		font-size: 60px;
	}
	.section__nav .nav__btn a {
		font-size: 16px;
		padding: 12px 20px;
	}
	.card__img img {
		width: 100%;
	}
	.category__cards .list {
		justify-content: normal;
	}
	.category__cards .list__item {
		width: 33%;
	}
	.about__inner .platform__content {
		padding: 0;
	}
	.learning__platform-v5 .platform__content::after {
		display: none;
	}
	.online__coaching img,
	.platform__img,
	.dots__pic,
	.dots__pic__second {
		display: none;
	}
	.coaching__contant {
		padding: 0px 50px !important;
	}
	.learning__platform {
		padding-bottom: 80px;
	}
	.platform__content {
		width: 100% !important;
		padding: 0;
		text-align: center;
	}
	.facility .list {
		flex-direction: row;
	}
	.facility .list__item {
		width: 50%;
		margin: 10px 0;
	}
	.facility .list__item:last-child {
		width: 100%;
	}
	.facility .nav__btn {
		max-width: 100% !important;
	}
	.join__card .list {
		flex-wrap: wrap !important;
	}
	.join__card .card__profile {
		padding: 15px 20px;
	}
	.join__card .list__item {
		margin: 0px 0 10px;
	}
	.join__card .list__item p {
		margin: 10px 0 15px;
	}
	.footer__list>ul,
	.copy__right {
		flex-wrap: wrap;
	}
	.copy__right {
		justify-content: center;
	}
	.copy__right__text {
		order: 1;
		width: 100%;
		text-align: center;
	}
	/*===== v2-responsive   =====*/
	.banner__heading-v3 h1 {
		font-size: 44px;
	}
	.banner__info-v3 h4 {
		font-size: 20px;
	}
	.header__banner-v3 .nav__btn a {
		font-size: 16px;
		padding: 15px 20px;
		letter-spacing: 0.66px;
	}
	.categories__info {
		margin-top: 15px;
	}
	.categories__info h2 {
		font-size: 20px;
	}
	.course__card__wrapper {
		width: 50%;
	}
	.investing__content {
		padding: 50px 100px;
	}
	.passionates .section__header .heading {
		max-width: 100%;
	}
	.passionates__imgs {
		display: none;
	}
	.passionates__text,
	.platform-v3__text {
		width: 100% !important;
	}
	.step__item {
		margin-bottom: 25px;
	}
	.step h5 {
		font-size: 20px;
	}
	.count {
		margin-right: 25px;
	}
	.step__contant {
		max-width: 100%;
	}
	.step__heading {
		margin-bottom: 15px;
	}
	.count h5::after {
		height: 50px;
		margin-top: 20px;
	}
	/*===== v3-responsive   =====*/
	.feature__item {
		padding: 15px;
	}
	.categories__cards .list {
		justify-content: flex-start;
	}
	.categories__cards .card__wrapper {
		width: 33.33%;
	}
	.platform-v3__imgs {
		display: none !important;
	}
	.testimonal__img img {
		height: 350px;
		width: 100%;
		padding-right: 20px;
	}
	.testimonal__text p {
		font-size: 20px;
		line-height: 1.5;
	}
	/*===== v4-responsive   =====*/
	.lesson__img {
		width: 100%;
	}
	.lesson__name h4 {
		font-size: 18px;
		margin-top: 5px;
	}
	.lesson__contant span {
		font-size: 12px;
	}
	.lesson__profile .profile__img {
		width: 32px;
	}
	/*===== v5-responsive   =====*/
	.banner__contant {
		flex-wrap: wrap;
	}
	.banner__contant .heading {
		margin-bottom: 25px;
	}
	.banner__form .form__control,
	.banner__form .search__icon img {
		height: 55px;
	}
	.tech__cards .card__wrapper {
		width: 50%;
	}
	.header__banner-v5 .banner__form {
		width: 100%;
	}
	.main__section__nav .list .dis--none {
		display: block !important;
	}
	.main__section__nav .responsive__nav__item {
		width: 50% !important;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
		order: 1 !important;
	}
	.main__section__nav .m-nav__item {
		order: 3;
	}
	.learning__platform-v5 .platform__content {
		padding: 80px 15px;
	}
	.testimonal-v5 .testimonal__info {
		padding: 80px 25px;
	}
	.facility .list.flex--c .list__item.marg--30-0 {
		margin: 30px 0 0 !important;
	}
	.tech__info {
		padding: 15px 0 0;
	}
	.tech__info h2 {
		margin: 0 0 5px;
	}
	/*===== v6-responsive   =====*/
	span.current-price {
		font-size: 34px;
	}
	.about-course .paid-course-badge ul {
		margin: 0 0 10px 0;
	}
	span.old-price,
	span.dis-price {
		font-size: 18px;
	}
	/*===== v14-responsive   =====*/
	.section__wrapper-lpd {
		padding-bottom: 110px;
	}
	.shopping__cart,
	.shopping__content {
		flex-wrap: wrap;
	}
	.cart__total {
		width: 100% !important;
		padding: 0;
		margin-top: 25px;
	}
	.cart__price {
		justify-content: flex-start !important;
		margin: 10px 0 0 !important;
	}
	.cart__price h4 {
		font-size: 16px;
	}
	.cart__total .cart__price h4 {
		margin-left: 15px;
	}
	.cart__form>input {
		order: 2;
		width: 30%;
	}
	.cart__coupen {
		order: 1;
		width: 50%;
	}
	.cart__form {
		margin-top: 20px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.cart__cards {
		width: 100% !important;
	}
	.cart__card {
		margin-top: 15px;
	}
	.cart__img {
		margin-right: 10px;
	}
	.cart__coupen {
		margin: 0;
	}
	.cart__form input {
		height: 50px;
	}
	.check__out__btn,
	.coupen__btn {
		padding: 0 10px;
	}
	.cart__price h6 {
		font-size: 26px;
		margin-right: 15px !important;
	}
	.payment__cards {
		justify-content: flex-start;
	}
	.payment__cards label {
		margin-right: 20px;
	}
	.cart__details {
		width: 100% !important;
		padding: 0;
		margin-top: 50px;
	}
	/*===== v19-responsive   =====*/
	.bannerv19__left {
		padding: 80px 0;
		width: 100% !important;
	}
	.bannerv19__content {
		max-width: 100%;
		padding: 0 15px;
		margin: 0 auto;
	}
	.blog__list__cards,
	.articles__cards {
		flex-wrap: wrap;
	}
	.blog__list__cards .card__wrapper {
		margin-bottom: 15px;
	}
	.blog__list__cards .card__wrapper,
	.articles__cards .card__wrapper {
		width: 50% !important;
	}
	/*===== v20-responsive   =====*/
	.header__banner-v20 .container {
		flex-wrap: wrap;
	}
	.header__banner-v20 .nav__btn {
		text-align: left;
		margin-bottom: 25px;
		width: 100%;
	}
	.bnr__ftr__img {
		margin-bottom: 5px;
	}
	.bnr__ftr__info,
	.bnr__ftr__btns {
		margin-bottom: 25px;
	}
	.bnr__ftr__info p {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.banner__footer .nav__box-c button,
	.bnr__ftr__btn {
		width: calc(25% - 10px);
	}
	.banner__footer .nav__box-c button {
		margin: 10px 5px 0 0;
		padding: 15px 20px;
	}
	.follow__profile img {
		margin-right: 10px;
	}
	/*===== v22-responsive   =====*/
	.banner__left {
		width: 100% !important;
	}
	.blog__list-v22 {
		padding: 80px 0 100px;
	}
	/*===== contact-us-responsive   =====*/
	.contact__card {
		flex-wrap: wrap;
	}
	.contact__info {
		padding: 100px 25px 25px;
		width: 100% !important;
		order: 2;
	}
	.contact__img {
		width: 100% !important;
		text-align: center;
		order: 1;
	}
	.contact__img img {
		margin: 0 0 -75px 0;
		position: relative;
		z-index: 9;
		width: 80%;
		height: 300px;
		object-fit: cover;
	}
	.contact__info::after {
		display: none;
	}
	.contact__info h2 {
		margin: 15px 0 10px;
	}
	.contact__loction {
		margin-top: 15px;
	}
	/*===== register-form   =====*/
	.register__left {
		padding: 50px 25px;
	}
	.register__left__text h1 {
		font-size: 26px;
	}
	.register__form {
		max-width: 100%;
	}
	/*===== Teacher profile  =====*/
	.teacher__banner {
		padding: 80px 0px 50px;
	}
	.teacher__banner::after {
		display: none;
	}
	.teacher__contant {
		flex-wrap: wrap;
	}
	.img__wrapper {
		margin: 0 0 25px 0;
	}
	.teacher__info {
		width: 100% !important;
		margin: 0;
	}
	.platform__content {
		margin-bottom: 15px;
	}
	/*===== 404page Start =====*/
	.error__info p {
		font-size: 18px;
	}
}


/*===== responsive 767px =====*/

@media only screen and (max-width: 767px) {
	.platform__text p {
		font-size: 16px;
	}
	.card__footer .heading h2 {
		line-height: 1.3;
	}
	.list__heading svg {
		display: block;
	}
	.list__Img {
		text-align: center;
	}
	.foot__main,
	.footer__social {
		justify-content: center;
	}
	.foot__main {
		margin: 15px 0;
	}
	.foot__links {
		max-height: 0;
		overflow: hidden;
		transition: all 1s linear 0s;
	}
	.foot__links.active {
		max-height: 700px;
	}
	.foot__link {
		margin: 15px 0;
	}
	.foot__pages .foot__link {
		margin: 7.5px 0;
	}
	.foot__links,
	.foot__content {
		max-width: 100%;
	}
	.footer__list>.flex--r--a--s>li {
		padding: 0 0 15px;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		margin-bottom: 15px;
	}
	.copy__right {
		border: none;
		padding: 0;
	}
	/*===== footer css =====*/
	.section__header .heading {
		max-width: 70%;
	}
	.student__profile .section__header .heading {
		max-width: 100% !important;
	}
	.banner__heading h1 {
		font-size: 42px;
	}
	.banner__form .form__control {
		height: 50px;
	}
	.category__cards .list__item {
		width: 50%;
	}
	.banner__form .search__icon img {
		height: 50px;
	}
	.section__nav .nav__btn a {
		font-size: 14px;
		padding: 10px 20px;
	}
	.section__nav .nav__link {
		font-size: 14px;
	}
	.section__nav .list__item {
		margin: 0 10px;
	}
	.platform__content .heading {
		font-size: 32px;
	}
	.facility .list__item h6 {
		font-size: 16px;
	}
	.facility.nav__btn a {
		font-size: 16px;
	}
	.student__profile .profile__image {
		margin-bottom: 15px;
	}
	.card__footer,
	.card__profile,
	.student__card .card__profile {
		margin-bottom: 0;
	}
	.student__card .card__text p {
		font-size: 16px;
	}
	.join__card {
		width: 100% !important;
		padding: 15px;
	}
	.join__card .list {
		display: block;
	}
	.join__card .profile__image {
		width: 100%;
		text-align: center;
	}
	.join__card .list__item:nth-child(1) {
		margin: 0 0 10px 0;
	}
	.join__card .nav__btn,
	.join__card h2,
	.join__card p {
		text-align: center;
	}
	.join__card p {
		font-size: 16px;
	}
	.join__card .list__item h2 {
		font-size: 22px;
	}
	.nav__btn a,
	.join__card .list__item p {
		font-size: 14px;
	}
	.foot__pages>li {
		width: 100%;
	}
	.slider__arrow .slick-dots li.slick-active {
		background-color: #F68C20;
	}
	.slider__arrow .slick-dots {
		bottom: -40px;
	}
	.slider__arrow .slick-dots li {
		background-color: #ccc;
		border-radius: 50%;
		height: 15px;
		width: 15px;
	}
	.footer h2 {
		font-size: 20px;
	}
	.copy__right__text p {
		font-size: 14px;
	}
	/*===== v2-responsive =====*/
	.course__category-v2 .category__card {
		padding: 20px 5px;
	}
	.slider__arrow .slick-prev,
	.slider__arrow .slick-next {
		top: -85px;
	}
	.partners .section__header .heading {
		max-width: 100%;
	}
	.investing__content {
		padding: 30px 20px;
		border-radius: 0 80px;
	}
	.investing__content p {
		font-size: 16px;
	}
	/*===== v3-responsive =====*/
	.feature__inner-v3 .list {
		text-align: left;
	}
	.feature__inner-v3 .list {
		flex-direction: column;
	}
	.feature__inner-v3 .feature__item {
		width: 100%;
	}
	.feature__icon {
		margin: 0;
	}
	.categories__cards .card__wrapper {
		width: 50%;
	}
	.testimonal__img img {
		width: 100%;
		margin-bottom: 15px;
		padding-right: 0;
	}
	.testimonal__img,
	.testimonal__text {
		width: 100% !important;
	}
	/*===== v4-responsive =====*/
	.lesson {
		padding: 15px;
	}
	.lesson__img {
		width: 35%;
	}
	.lesson__img img {
		max-height: 170px;
		height: 100%;
		min-height: 120px;
	}
	.lesson__contant {
		max-width: 100%;
	}
	/*===== v5-responsive =====*/
	.teacher__creator .section__header {
		margin: 0;
	}
	.testimonal-v5 .testimonal__info {
		padding: 25px;
	}
	.testimonal-v5 .testimonal__info .testimonal__contant {
		order: 2;
		width: 100% !important;
	}
	.testimonal-v5 .testimonal__by h3 {
		margin-top: 10px;
		font-size: 14px;
	}
	.testimonal__text p {
		font-size: 18px;
	}
	.testimonal-v5 .testimonal__info .testimonal__img {
		order: 1;
		padding: 0;
	}
	.testimonal-v5 .testimonal__img img {
		width: 100%;
	}
	.facility .list.flex--c .list__item.marg--30-0 {
		margin: 15px 0 0 !important;
	}
	.nav__box-c button {
		width: 100%;
		padding: 15px 10px;
	}
	.main__section__nav .width-33--767 {
		width: 33.3%;
		padding: 10px;
	}
	.filter__items>button {
		margin: 5px 0;
	}
	.filter__items {
		margin-top: 5px;
		flex-wrap: wrap;
	}
	.filter__items .filter__item {
		width: 50%;
		margin: 5px 0;
	}
	/*===== v6-responsive =====*/
	.tab-content.overview p,
	.course-para p,
	.about-course p {
		font-size: 14px;
	}
	.paid-course-title h1 {
		font-size: 34px;
	}
	.paid-course-title p {
		font-size: 18px;
	}
	.tab-content.instructor {
		padding: 25px;
	}
	.vdo-icon {
		width: 100%;
	}
	.vdo-icon video {
		width: 100%;
		height: auto;
	}
	.tab-content-heading {
		margin: 15px 0 0 0;
		width: 70%;
	}
	a.pro-btn {
		padding: 10px 25px;
	}
	button.review-btn {
		margin: 10px 10px 10px 0;
	}
	.buy-box-btn__wrapper {
		justify-content: space-between;
	}
	.buy-box-btn {
		margin: 10px 0;
	}
	/*===== v14-responsive =====*/
	.cart__img img {
		height: 100%;
	}
	.cart__card {
		padding: 15px !important;
		flex-wrap: wrap;
	}
	.cart__detail {
		width: 100%;
		margin-bottom: 15px;
	}
	.cart__info {
		padding: 0;
	}
	.remove__cart img {
		height: 25px;
	}
	.cart__info h6 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.cart__price h6 {
		font-size: 22px;
	}
	.cart__coupen {
		width: 60%;
	}
	/*===== v20-responsive =====*/
	.bnr__ftr__btn,
	.banner__footer .nav__box-c button {
		width: calc(33.3% - 10px);
		padding: 10px 15px;
	}
	.follow__profile {
		width: 70%;
	}
	.folow__btn__wrapper {
		width: 30%;
	}
	.follow__profile {
		order: 1;
	}
	.folow__btn__wrapper {
		order: 2;
		text-align: right;
	}
	.follow__person {
		justify-content: left;
	}
	.follow__person>span {
		order: 3;
		margin: 30px 30px 0 0;
	}
	/*===== register-form =====*/
	.responsive__logo {
		display: block;
	}
	.main {
		justify-content: center;
	}
	.form__outter {
		width: 90%;
		padding: 25px 25px 100px;
	}
	.register__left {
		display: none;
	}
	.form__title {
		font-size: 32px;
	}
	.form__text {
		font-size: 18px;
	}
	.submit__btn {
		padding: 20px 0;
	}
	.sign__google {
		padding: 10px 0;
	}
	/*===== Teacher profile   =====*/
	.folow__btn {
		padding: 10px 25px;
	}
	.teacher__intro {
		font-size: 14px;
		line-height: 1.5;
	}
	/*===== 404page   =====*/
	.error__info p {
		font-size: 16px;
	}
	.footer__list {
		padding-bottom: 5px;
	}
}


/*===== responsive 575px =====*/

@media only screen and (max-width: 575px) {
	.page__fixed {
		padding-top: 25px;
	}
	.on__search.active {
		top: 95px;
	}
	.nav>.nav__navbar,
	.header .on__hover {
		max-width: 225px;
	}
	.nav__item.active>.on__hover {
		right: 225px;
	}
	.section__header {
		text-align: center;
		margin-bottom: 35px;
	}
	.at--575 {
		display: none;
	}
	.platform__text p {
		font-size: 14px;
	}
	.banner__heading h1 {
		font-size: 34px;
		margin: 10px;
	}
	.banner__summary p {
		font-size: 16px;
	}
	.header__banner .input {
		width: 60% !important;
	}
	.section__nav .nav__btn a {
		font-size: 14px;
	}
	.category__card .heading h2 {
		font-size: 22px;
	}
	.category__card .card__text p {
		font-size: 12px;
	}
	.section__header .heading {
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.section__nav {
		width: 100%;
		margin-top: 20px;
	}
	.coaching__text {
		margin: 10px 0 20px;
	}
	.coaching__text p {
		font-size: 16px;
	}
	.deal__img img {
		right: -15px;
	}
	.heading h2 {
		font-size: 26px;
	}
	.nav__btn a {
		font-size: 14px;
	}
	.facility .list {
		justify-content: center;
	}
	.facility .list__item {
		width: 70%;
	}
	.coaching__contant {
		padding: 0 !important;
	}
	/*===== v2-responsive   =====*/
	.course__card__wrapper {
		width: 100%;
	}
	/*===== v3-responsive   =====*/
	.banner__heading-v3 h1 {
		font-size: 34px;
	}
	.banner__info-v3 h4 {
		font-size: 16px;
	}
	.feature__info h2 {
		font-size: 18px;
	}
	.feature__icon img {
		padding: 5px;
		margin: 4px;
		width: 30px;
	}
	/*===== v5-responsive   =====*/
	.tech__cards .card__wrapper {
		width: 100%;
	}
	.testimonal__text p {
		font-size: 16px;
	}
	.learning__platform-v5 .heading {
		margin-bottom: 20px;
	}
	.facility .list {
		justify-content: flex-start;
	}
	.tech__info p {
		line-height: 1.5;
	}
	.rating-star img {
		height: 20px;
		width: 20px;
	}
	.rating-heading span {
		font-size: 40px;
	}
	.student-img img {
		height: 45px;
		width: 45px;
	}
	.student-name,
	.student-review-star p {
		font-size: 14px;
	}
	.review-heading h5 {
		margin: 0;
	}
	/*===== v6-responsive   =====*/
	.buy-box {
		text-align: center;
	}
	.buy-box-btn {
		width: 100%;
		max-width: 350px;
	}
	.social-icon {
		justify-content: center;
	}
	.tab-content-heading {
		width: 100%;
	}
	.try-btn {
		margin-top: 10px;
	}
	.buy-box-btn__wrapper {
		justify-content: center;
	}
	.discount-exp {
		width: 100%;
	}
	.paid-course-title h1 {
		font-size: 26px;
	}
	.paid-course-title p {
		font-size: 16px;
	}
	.student-review-txt p {
		font-size: 14px;
	}
	.about-course {
		padding-left: 20px;
	}
	.progress-rating-star img {
		display: none;
	}
	.student-name p {
		margin-top: 5px;
	}
	.student-review-txt {
		margin-top: 15px;
	}
	.discount-exp span {
		margin: 10px 0;
	}
	.course-instructor,
	.rating {
		flex-wrap: wrap;
	}
	.about-course {
		width: 100%;
		padding: 0;
		margin-top: 15px;
	}
	.main-buy-box,
	.tab-content.instructor {
		padding: 20px 15px;
	}
	/*===== v14-responsive   =====*/
	.cart__profile img {
		width: 30px;
		margin-right: 5px;
	}
	.cart__info h6 {
		margin-bottom: 15px;
	}
	.remove__cart img {
		height: auto;
	}
	/*===== v19-responsive   =====*/
	.banner-v19__heading {
		font-size: 32px;
	}
	.articles__cards .card__wrapper {
		width: 100% !important;
	}
	.blog__card {
		padding: 25px 15px;
	}
	/*===== v20-responsive   =====*/
	.bnr__ftr__info p {
		font-size: 12px;
	}
	.bnr__ftr__img {
		height: 300px;
	}
	.follow__profile h3 {
		font-size: 18px;
	}
	.profile__details h4 {
		font-size: 12px !important;
	}
	.teacher__post {
		font-size: 14px;
	}
	.folow__btn {
		padding: 10px 20px;
	}
	/*===== v22-responsive   =====*/
	.banner__left {
		padding: 0;
		text-align: center;
	}
	/*===== contact-us-responsive   =====*/
	.contact__info {
		padding: 100px 15px 20px;
	}
	.contact__info h2 {
		margin: 5px 0;
	}
	.contact__text {
		font-size: 14px;
		letter-spacing: 1.5px;
		margin: 0;
	}
	/*===== register-form   =====*/
	.form__outter {
		width: 100%;
	}
	/*===== Teacher profile  =====*/
	.img__wrapper {
		width: 100%;
		text-align: center;
	}
	.teacher__img {
		display: inline-block;
	}
	.profile__image .list h2 {
		font-size: 22px;
	}
}


/*===== responsive 480px =====*/

@media only screen and (max-width: 480px) {
	.nav>.nav__navbar,
	.header .on__hover {
		max-width: 200px;
	}
	.nav__item.active>.on__hover {
		right: 200px;
	}
	.header-v3 .sign__btn,
	.header-v3 .log__btn {
		color: #fff;
	}
	.sign__btn,
	.log__btn {
		border-bottom: 1px solid #ddd;
		padding: 10px 0;
		text-align: right;
		width: 100%;
	}
	.at--480 {
		display: none;
	}
	.banner__heading h1 {
		font-size: 24px;
	}
	.banner__summary p {
		font-size: 14px;
	}
	.header__banner .input {
		width: 70% !important;
		margin-left: auto;
	}
	.banner__form .form__control,
	.banner__form .search__icon img {
		height: 45px;
	}
	.section__nav .nav__btn a {
		font-size: 12px;
		padding: 10px;
	}
	.category__card {
		text-align: center;
	}
	.category__cards .list__item {
		width: 100%;
		padding: 15px 25px;
	}
	.coaching__contant .nav__btn {
		width: 100%;
	}
	.coaching__contant {
		padding: 0px !important;
	}
	.course__card .profile__price {
		margin-top: 10px;
	}
	.card__icon {
		margin: 7px 0;
	}
	.card__icons .list__item {
		margin: 0;
	}
	.card__img img {
		height: 200px;
		object-position: top;
	}
	.facility .list {
		padding: 0;
	}
	.facility .list__item {
		width: 100%;
		margin: 5px 0;
	}
	.facility .list__item h6 {
		font-size: 14px;
	}
	.student__card .card__text p {
		font-size: 12px;
	}
	.student__profile .profile__image {
		width: 100%;
	}
	.student__profile .profile__image .list__item h2 {
		font-size: 18px;
	}
	.student__profile .profile__image .list__item h3 {
		font-size: 16px;
	}
	.icon__img {
		margin-right: 2px;
	}
	.student__card .card__text {
		margin: 0;
		text-align: center;
	}
	.slider__with__dots .slick-dots {
		bottom: -25px;
	}
	.slick-dotted.slick-slider {
		margin: 0;
	}
	.form__control::placeholder,
	.form__control {
		font-size: 14px;
	}
	.nav__btn a {
		padding: 10px 15px;
	}
	.join__card .list__item p {
		font-size: 14px;
	}
	.deal__text {
		width: 100%;
	}
	.card__tittle h3 {
		margin-top: 10px;
	}
	.deal__img img {
		display: none;
	}
	.deal__card {
		min-height: 270px;
		padding: 20px;
		text-align: center;
	}
	.deal__text {
		position: relative;
		z-index: 3;
	}
	.deal__cards .card__wrapper {
		padding: 15px 0;
	}
	.discount__card {
		z-index: 3;
		max-width: 200px;
		left: 50%;
		transform: translateX(-50%);
	}
	.copy__right__text p {
		font-size: 12px;
	}
	.icon__text h4 {
		font-size: 12px;
	}
	.student__card__wrapper {
		padding: 0;
	}
	/*===== v2-responsive  =====*/
	.step__text p {
		font-size: 12px;
	}
	.investing__content h2 {
		font-size: 24px;
	}
	.investing__content p {
		font-size: 12px;
		margin: 10px 0 20px;
	}
	/*===== v3-responsive  =====*/
	.banner__heading-v3 h1 {
		font-size: 30px;
		margin: 0;
	}
	.banner__info-v3 {
		margin: 15px 0 20px;
	}
	.banner__info-v3 h4 {
		font-size: 14px;
	}
	.categories__cards .card__wrapper {
		width: 90%;
		margin: 0 auto;
	}
	.feature__0icon {
		margin-right: 5px;
	}
	.feature__info h2 {
		font-size: 14px;
	}
	.student__profile .card__profile .raing__stars {
		display: none;
	}
	.student__profile .card__profile .list {
		justify-content: flex-start;
	}
	.course-v18 .section__nav form {
		text-align: center;
	}
	.testimonal__text .card__profile h2 {
		font-size: 18px;
	}
	.testimonal__text p {
		text-align: center;
	}
	.testimonal__text .profile__image img {
		height: 40px;
		width: 40px;
	}
	.testimonal__text .card__profile h2 {
		font-size: 18px;
	}
	.testimonal__text .card__profile h3 {
		font-size: 14px;
	}
	.testimonal__text .card__profile {
		justify-content: center;
	}
	.testimonal__text .card__profile .raing__stars {
		margin-top: 10px;
	}
	.testimonal__text .card__profile .profile__image,
	.testimonal__text .card__profile .raing__stars {
		width: 100%;
	}
	.testimonal__text .card__profile .profile__image>.list,
	.testimonal__text .card__profile .raing__stars>.list {
		justify-content: center;
	}
	.step h5 {
		font-size: 18px;
	}
	.coaching__contant h2 {
		font-size: 24px;
	}
	.coaching__text p {
		font-size: 14px;
	}
	/*===== v4-responsive  =====*/
	.lesson {
		flex-wrap: wrap !important;
	}
	.lesson__img {
		width: 100%;
	}
	.lesson__img img {
		height: auto;
		width: 100%;
		max-height: 100%;
	}
	.lesson__contant {
		width: 100%;
		max-width: 100%;
		margin-top: 10px;
	}
	.st__view__cards .course__card__wrapper,
	.course__cards .course__card__wrapper,
	.blog__cards .card__wrapper,
	.large__course__cards .course__card__wrapper {
		padding: 0;
	}
	/*===== v5-responsive  =====*/
	.filter__items .filter__item {
		width: 100%;
	}
	.nav__box-c button {
		padding: 10px;
	}
	.tech__info h2 {
		font-size: 22px;
	}
	.tech__info p {
		font-size: 14px;
	}
	.main__section__nav .width-33--767 {
		width: 50%;
	}
	/*===== v6-responsive  =====*/
	.paid-course-title h1 {
		font-size: 24px;
	}
	.rating-box {
		width: 100%;
		margin-top: 15px;
	}
	.try-btn {
		width: 100%;
		margin-top: 15px;
	}
	a.pro-btn {
		text-align: center;
		width: 100%;
	}
	.inner-box {
		text-align: center;
	}
	.student-img,
	.student-name,
	.student-review-star {
		width: 100%;
	}
	.student-review-star p {
		display: inline;
	}
	.social-icon {
		justify-content: space-between;
	}
	.social-icon div {
		margin: 0;
	}
	.review-box-tab {
		text-align: center;
	}
	button.review-btn {
		margin: 10px 5px;
		width: 100%;
		max-width: 150px;
	}
	.paid-course-badge li {
		width: 100% !important;
		margin: 0;
		line-height: 3;
	}
	.buy-box-btn__wrapper {
		margin: 15px;
	}
	/*===== v14-responsive  =====*/
	.cart__info h6 {
		font-size: 20px;
		margin-top: 10px;
	}
	.cart__img img {
		height: auto;
	}
	.cart__img,
	.cart__info {
		width: 100%;
	}
	.cart__detail,
	.cart__form {
		flex-wrap: wrap;
	}
	.cart__coupen,
	.cart__form>input {
		width: 100%;
	}
	.cart__coupen {
		margin: 0 0 15px 0;
	}
	/*===== v19-responsive  =====*/
	.header__banner-v19,
	.header__banner-v20,
	.header__banner-v20 .nav__btn {
		text-align: center;
	}
	.banner-v19__heading {
		font-size: 26px;
	}
	.banner-v19__info {
		font-size: 14px;
	}
	.blog__list__cards .card__wrapper {
		width: 100% !important;
	}
	.blog__card__info>a h2 {
		font-size: 22px;
	}
	/*===== v20-responsive  =====*/
	.bnr__ftr__btn,
	.banner__footer .nav__box-c button {
		width: calc(50% - 10px);
	}
	/*===== register-form  =====*/
	.responsive__logo {
		display: block;
	}
	.register__nav {
		flex-wrap: wrap;
		justify-content: center;
	}
	.register__nav>h3 {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.form__title,
	.form__text {
		text-align: center;
	}
	.main__form {
		margin-top: 35px;
	}
	.register__btn,
	.login__btn {
		padding: 12px 25px;
	}
	.form__text {
		font-size: 16px;
	}
	/*===== Teacher profile =====*/
	.teacher__info .card__icons .list {
		margin-top: 15px;
		flex-direction: column;
		align-items: flex-start;
	}
	.teacher__info .card__icons li {
		margin: 0;
	}
	.teacher__name {
		align-items: center;
	}
	.teacher__name h2 {
		line-height: 1;
		width: 100%;
	}
	.teacher__name {
		margin-bottom: 15px;
	}
	/*===== 404page =====*/
	.error__info p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 410px) {
	.nav__link {
		font-size: 14px;
	}
	.header .on__hover a {
		font-size: 14px;
	}
	.nav>.nav__navbar {
		max-width: 150px;
	}
	.nav__item.active>.on__hover {
		right: 150px;
		max-width: 150px;
	}
}


/*-------------slider top txt bigners css start------------------  */
		.card__top::after{
			content: '';
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: 3;
			color:#fff;
			border-radius: 3px;
			padding: 2px 5px;
			font-size: 12px;
		}
		.beginner-level::after{
			content: "Beginner";
			background-color: #276ccc;
		}
		.advance-level::after{
			content: "Advance";
			background-color: 	#bd0505;
		}
		.inter-level::after{
			content: "Intermediate";	
			background-color: #ffa500;
		}
/* ------------- slider top txt bigners css End ------------------  */
/* ------------- course cards hover effects css start ------------ */
		.course__card:hover{
			transform: translateY(-10px);

		}
		.discount__exp__mdb{
			vertical-align: bottom;
		}
		.course-include__mdb{
			height: 24px;
			width: 24px;
			object-fit: scale-down;
		}
		.course-include ul li{
			display: flex;
			align-items: center;
		}
		.paid-course-badge ul li img{
			height: 24px;
			width:24px;
			object-fit: scale-down;
		}
		.paid-course-badge ul li{
			display: flex;
			align-items: center	;
		}
/* ------------- course cards hover effects end start ------------ */