* {
	margin: 0;
	padding: 0
}

body {
	scroll-behavior: smooth;
	font-family: spock_essregular!important;
	overflow-x: hidden
}

input {
	font-family: spock_essregular!important
}

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

::-webkit-scrollbar-track {
	background: #e8e8e8
}

::-webkit-scrollbar-thumb:hover {
	background: #000
}

::-webkit-scrollbar-thumb {
	background-image: -webkit-linear-gradient(45deg, #000, #111);
	background-image: -o-linear-gradient(45deg, #000, #111);
	background-image: linear-gradient(45deg, #000, #111)
}

.home-navbar {
	padding: 17px 30px
}

.toggle-menu-button img {
	filter: brightness(0)!important
}

:focus {
	color: #000 !important;
}

.modal-body {
	padding: 0px;
}

.modal-dialog {
	width: 800px;
}
a.scheule-called
{
    display: inline-block;
    background: #000;
    padding: 8px 20px 8px 8px;
    border-radius: 100px;
    float: right;
    color: #fff;
}
a.scheule-called i.fa-phone
{
	width: 35px;
    height: 35px;
    background: red;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
}
a.scheule-called:hover
{
	color: #fff;
}

a.scheule-called:hover i.fa-phone
{
	color: #fff;
}
.nav-logo img {
	margin: 0 0 6rem
}

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

.top-banner {
	background: url(../images/banner.jpg) center no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	padding: 60px 0 130px 0;
	height: 98vh;
	min-height: 90%
}

.user_icon {
	width: 35px;
	height: 35px;
	background: #363636;
	border-radius: 50%
}

.banner-content {
	position: relative;
    margin: 0rem 11rem 0 0;
}

.banner-content h1 {
	font-size: 50px;
	font-weight: 500;
	margin: 0 0 18px 0;
	color: #fff
}

.banner-content h1 span {
	color: #cddc39
}

.banner-content h2 {
	font-size: 40px;
	margin: 0 55px 18px 0;
	color: #fff;
	font-weight: 400;
	font-stretch: normal;
	line-height: 1.5
}

.banner-content h2 span {
	color: #fcd300
}

.banner-content p {
	color: #fff;
	font-size: 25px;
	line-height: 1.5;
	margin: 18px 0 20px
}

.anchore-btn {
	font-size: 16px;
	padding: 18px 59px 16px 48px;
	border-radius: 100px;
	border: solid 3px #fff;
	color: #fff;
	display: inline-block
}

.formbox {
	width: 100%;
	margin: 140px 112px 130px 80px;
	padding: 30px 40px 30px 24px;
	border-radius: 27px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
	background-color: #fff;
	position: absolute;
	z-index: 99
}

.formbox div.title {
	font-size: 26px;
	font-weight: 700;
	color: #000;
	line-height: 2.04
}

.formbox span.tagline {
	font-size: 15px;
	color: #000;
	line-height: 2.79;
	margin: 0 0 0;
	display: block
}

.formbox label {
	font-weight: 700;
	font-size: 15px;
	color: #000;
	text-transform: uppercase
}

.inputbox {
	margin: 8px 0 0;
	background-color: #e8e8e8;
	width: 100%;
	border: none;
	padding: 10px 12px;
	height: 52px;
	display: block
}

.schedule-call {
	padding: 22px 60px!important;
	border-radius: 100px!important;
	background-color: #c5d508!important;
	text-align: center;
	color: #000!important;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 1.5rem 0 0
}

.blue-sec {
	background: #5c4ddb;
	padding: 60px 0;
	position: relative
}

.Path-33 {
	width: 200px;
	height: 200px;
	margin: 18rem 0 0 -2rem;
	background-color: #fcd300;
	border-radius: 50%
}

.key-content {
	position: relative
}

.key-content h3 {
	color: #fcd300;
	font-size: 30px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0 185px 25px 0
}

.key-content p {
	color: #fff;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 400;
	margin: 0 100px 25px 0
}

.feature-grid {
	display: grid;
	grid-template-columns: 30% 30% 30%;
	width: 100%;
	grid-column-gap: 5%;
	margin: 4rem 0 0
}

.feature-grid .grid-items {
	position: relative
}

.achiver {
	position: relative
}

.achiver .numero {
	font-size: 46px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: left;
	color: #fcd300
}

.achiver div.txt {
	font-size: 21px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	color: #fff
}

.abstract {
	position: absolute;
	right: 0;
	transform: translate(0, -5.8rem);
	z-index: 9
}

.abstract-dots {
	position: absolute;
	right: 0;
	transform: translate(-20rem, -5.5rem);
	z-index: 99
}

.certify h3 {
	font-size: 35px;
	font-weight: 500;
	line-height: 1.5;
	color: #000
}

.certify h3 strong {
	font-weight: 700
}

.certify img {
	margin: 2rem 0 0
}

.lineup {
	background: #5c4ddb;
	height: 4px;
	width: 180px;
	margin: 1rem 0 0
}

ul.poiter {
	list-style: none;
	margin: 20px 0 0
}

ul.poiter li {
	font-size: 16px;
	line-height: 1.8rem;
	margin: 0 0 18px 25px
}

ul.poiter li:before {
	height: 10px;
	width: 10px;
	background: #c5d508;
	border-radius: 50%;
	position: absolute;
	content: '';
	margin: 9px 0 18px -25px
}

.card {
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0 .75rem 1.5rem rgb(18 38 63 / 3%);
	transition: all .2s ease;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #eff2f7;
	border-radius: .375rem
}

.card:hover {
	transform: translateY(-10px)!important;
	box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%)
}

.card-imgae {
	padding: 1rem 0
}

.card-imgae img {
	margin: 0 auto;
	display: block
}

.card-txt {
	padding: 1rem 0
}

.course-preview {
	background-color: #fbfbfb;
	padding: 60px 0
}

.course-preview1 {
	position: relative;
	margin: 0 0 43px
}

.course-preview1 i.fa-list-ul {
	color: #c5d508;
	font-size: 40px
}

.course-preview1 ul {
	list-style: none;
	margin: 20px 0 0
}

.course-preview1 ul li {
	font-size: 16px;
	line-height: 1.8rem;
	margin: 0 0 10px 25px;
	color: #fff
}

.course-preview1 ul li:before {
	height: 10px;
	width: 10px;
	background: #c5d508;
	border-radius: 50%;
	position: absolute;
	content: '';
	margin: 9px 0 18px -25px
}

.course-preview1 h3 {
	font-size: 30px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	color: #fff;
	margin: 5px 0 10px
}

.course-preview1 p {
	font-size: 16px;
	line-height: 1.8
}

.course-box {
	position: relative;
	width: 100%;
	border-radius: 24px;
	overflow: hidden
}

.course-image {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}

.overlay-blue {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #5c4ddad1;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease
}

.course-box:hover .overlay-blue {
	height: 100%
}

.course-box:hover .img-content {
	opacity: 0
}

.overlay-yellow {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fcd300d1;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease
}

.course-box:hover .overlay-yellow {
	height: 100%
}

.overlay-red {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f64907d1;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease
}

.course-box:hover .overlay-red {
	height: 100%
}

.overlay-green {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #c6d508d1;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease
}

.course-box:hover .overlay-green {
	height: 100%
}

.text {
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 6%;
	right: 4%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(0, -50%);
	text-align: left
}

.course-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 32% 32% 32%;
	grid-column-gap: 2%;
	margin: 0 0 2rem
}

.course-grid-2 {
	width: 100%;
	display: grid;
	grid-template-columns: 32% 66%;
	grid-column-gap: 2%;
	margin: 0 0 3rem
}

.blackbox {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
	background-color: #0d0d0d;
	width: 100%;
	border-radius: 24px;
	padding: 60px 71px 73px 48px
}

.blackbox h4 {
	margin: 0 63px 16px 0;
	font-size: 42px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: #fff
}

.blackbox p {
	margin: 16px 0 0;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	color: #fff
}

.blackbox ul {
	list-style: none;
	margin-bottom: 0
}

.blackbox ul li {
	color: #fff;
	font-size: 15px;
	margin: 0 0 14px
}

.tutor-talk {
	position: relative;
	margin: 8rem 0 0
}

.tutor-talk h3 {
	font-size: 30px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.27;
	letter-spacing: normal;
	margin: 0 0 42px;
	width: 193px
}

.tutor-talk p {
	width: 547px;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal;
	text-align: left;
	margin: 2rem 0 0
}

.img-content {
	position: absolute;
	bottom: 4rem;
	left: 1rem;
	margin: 0 1rem 0 0
}

.img-content h5 {
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: normal;
	color: #fff;
	margin: 0 0 .5rem
}

.Rectangle-blue {
	width: 80px;
	text-align: center;
	padding: 4px 6px;
	background-color: #5c4ddb;
	font-size: 12px;
	color: #fff;
	display: block
}

.Rectangle-yellow {
	width: 80px;
	text-align: center;
	padding: 4px 6px;
	background-color: #fcd300;
	font-size: 12px;
	color: #000;
	display: block
}

.Rectangle-red {
	width: 80px;
	text-align: center;
	padding: 4px 6px;
	background-color: #f84808;
	font-size: 12px;
	color: #fff;
	display: block
}

.Rectangle-green {
	width: 80px;
	text-align: center;
	padding: 4px 6px;
	background-color: #c5d508;
	font-size: 12px;
	color: #000;
	display: block
}

.img-content .fa-angle-right.circle {
	color: #fff;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	margin: .5rem 0 0
}

.txt-blk .fa-angle-right.circle {
	color: #000;
	width: 50px;
	height: 50px;
	border: 2px solid #000;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	margin: 0 0 .6rem;
	font-size: 30px;
	display: inherit
}

.txt-blk span {
	color: #000;
	font-size: 23px;
	font-weight: 700;
	display: block;
	margin: 0 0 .8rem
}

.txt-blk .Rectangle-blue2 {
	width: 100px;
	text-align: center;
	padding: 6px 6px;
	background-color: #5c4ddb;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	display: block
}

.txt-blk .Rectangle-yellow2 {
	width: 100px;
	text-align: center;
	padding: 6px 6px;
	background-color: #fcd300;
	font-size: 12px;
	color: #000;
	font-weight: 400;
	display: block
}

.txt-blk .Rectangle-red2 {
	width: 100px;
	text-align: center;
	padding: 6px 6px;
	background-color: #f84808;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	display: block
}

.txt-blk .Rectangle-green2 {
	width: 100px;
	text-align: center;
	padding: 6px 6px;
	background-color: #c5d508;
	font-size: 12px;
	color: #000;
	display: block
}

.green-sec {
	position: relative;
	display: block;
	background: url(../images/linen-2.png) no-repeat 95% bottom #c5d508;
	padding: 100px 0
}

.black-sec {
	position: relative;
	display: block;
	background: url(../images/linen-2.png) no-repeat 95% bottom #000;
	padding: 100px 0
}

.grid50 {
	width: 100%;
	display: grid;
	grid-template-columns: 48% 48%;
	grid-column-gap: 2%
}

.grid50 .grid50-items {
	position: relative;
	margin: 0 0 3rem
}

.team-members {
	position: relative
}

.team-members .img-radius {
	width: 250px;
	height: 250px;
	margin: 0 0 1rem;
	border: solid 8px #fff;
	border-radius: 50%;
	overflow: hidden
}

.team-txt {
	position: relative;
	color: #f1f1f1
}

.team-txt h3 {
	font-size: 36px;
	font-weight: 700;
	line-height: inherit;
	margin: 0
}

.team-txt h2 {
	letter-spacing: 2px;
	font-size: 35px;
	color: #c5d508;
	margin: 0 0 2rem
}

.para {
	font-size: 15px;
	line-height: 1.5rem;
	margin: 0 0 1rem
}

.team-txt div {
	font-size: 20px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal
}

.team-txt p {
	margin: 22px 0 0;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56
}

.Course-Preview-1 {
	width: 100%;
	background-color: #ddd;
	padding: 50px 0 60px;
	position: relative;
	clear: both
}

.recriterss {
	position: relative;
	margin: 2rem 0 4rem
}

.recriterss h2 {
	text-transform: uppercase
}

.oalumin {
	position: relative;
	margin: 0 0 2rem
}

.oalumin h2 {
	text-transform: uppercase
}

.wh-family {
	width: 398px;
	font-size: 56px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.11;
	color: #000;
	margin: 50px 0 25px 0
}

.boxed {
	position: relative;
	margin: 2rem 0 0
}

.boxed h4 {
	font-size: 21px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.1;
	color: #5c4ddb
}

.paralline {
	position: absolute;
	content: '';
	width: 143px;
	height: 2px;
	margin: .7rem 0 0 .5rem;
	background-color: #fcd300
}

.boxed p {
	margin: 11px 0 0;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal
}

.yellow-sec {
	padding: 60px 0 90px 0;
	background-color: #fcd300
}

.Carr0 {
	position: relative
}

.Carr0 h3 {
	width: 914px;
	margin: 0 80px 16px 0;
	font-size: 56px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2;
	color: #101010;
}

.Carr0 p {
	width: 926px;
	margin: 16px 68px 45px 0;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal;
	color: #101010
}

.footerup {
	background-color: #1d1d1d
}

.gal-grid {
	display: grid;
	grid-template-columns: 15% 40% 20% 25%;
	align-items: center
}

button.pre-odr {
	padding: 12px 20px;
	background-color: #c5d508;
	font-size: 12px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	color: #fff;
	border-radius: 0!important
}

.NLz {
	margin: 9px 0 0;
	font-size: 24px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.38;
	color: #fff;
	width: 384px
}

.video-link {
	display: flex;
	align-items: center
}

.video-link i {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	margin: 0 10px 0 0
}

.video-link span {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	font-stretch: normal
}

.price-bx {
	display: flex;
	align-items: center
}

.price-bx span {
	font-size: 27px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.85;
	letter-spacing: normal;
	text-align: left;
	color: #c5d508
}

.price-bx button {
	margin: 0 0 0 10px;
	padding: 26px 80px;
	border-radius: 45px;
	background-color: #c5d508;
	font-size: 20px;
	color: #fff;
	font-weight: 500
}

.lp-form {
	margin: 0!important;
	display: block;
	width: 100%!important
}

.analysis-text {
	position: relative;
	z-index: 1;
	margin-top: 25px
}

.analysis-text ul {
	padding: 0;
	margin: 20px 0 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap
}

.analysis-text ul li {
	position: relative;
	color: #fff;
	margin-bottom: 15px;
	padding-left: 0;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	font-size: 18px
}

.multiple-sec {
	background: #5c4ddb;
	position: relative;
	overflow: hidden
}

.multiple-sec:before {
	position: absolute;
	content: '';
	background: 0 0;
	display: inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 60%
}

.grid-views {
	display: grid;
	grid-template-columns: 40% 60%;
	width: 100%
}

.carter {
	position: relative
}

.carter h3 {
	font-size: 35px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 .5rem
}

.scard {
	position: relative
}

.scard img {
	max-width: 130px!important;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #c5d508
}

.scard-txt {
	padding: 10px
}

.scard-txt h4 {
	font-size: 18px;
	color: #111;
	font-weight: 600;
	margin: 0 0 .5rem;
	text-align: center
}

.scard-txt p {
	font-size: 14px;
	line-height: 1.5rem;
	color: #111;
	font-weight: 500;
	margin: 0 0 .5rem;
	text-align: center
}

.carter h4 {
	font-size: 25px;
	color: #fff;
	font-weight: 500;
	margin: 0 0 .5rem
}

.carter p {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin: 0 0 .5rem
}

.placer {
	background: #f4f4f4;
	display: block;
	padding: 30px 40px
}

.txt1 {
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	color: #333;
	margin: 0;
	line-height: 1
}

.gap-10 {
	margin: 3rem 0 0
}

.txt2 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #444;
	margin: 0
}

.recruter {
	background: #333;
	display: block;
	padding: 30px 40px
}

.txt3 {
	text-align: center;
	font-size: 70px;
	font-weight: 700;
	color: #f4f4f4;
	margin: 0;
	line-height: 1
}

.txt4 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #f4f4f4;
	margin: 0
}

.psdr {
	position: absolute;
	bottom: 0;
	right: 5rem
}

.Carr0 h4 {
	font-size: 32px;
	color: #000;
	margin: 0 0 10px;
	font-weight: 600
}

.Carr0 ul {
	list-style: none;
	margin-bottom: 3rem
}

.Carr0 ul li {
	margin: 0 0 10px;
	font-size: 18px;
	color: #000
}

.formhold {
	position: relative;
	clear: both
}

.formbox {
	width: 370px;
	position: fixed;
	z-index: 999;
	top: 10rem;
	right: 6rem;
	background: #eee
}

.aaft-slider {
	margin: 2rem 0 0
}

.carousel-inner .active.left {
	left: -33%
}

.carousel-inner .next {
	left: 33%
}

.carousel-inner .prev {
	left: -33%
}

.carousel-control.left,
.carousel-control.right {
	background-image: none
}

.carousel-multi .carousel-inner>.item {
	transition: .5s ease-in-out left
}

.carousel-multi .carousel-inner>.item>.media-card {
	background: #f4f4f4;
	border-right: 10px solid #5c4ddb;
	display: table-cell;
	padding: 0 10px 10px;
	height: 200px
}

.carousel-multi .carousel-inner>.item>.media-card:last-of-type {
	border-right: none
}

.carousel-multi .carousel-inner .active {
	display: table
}

.carousel-multi .carousel-inner .active.left {
	left: -33%
}

.carousel-multi .carousel-inner .active.right {
	left: 33%
}

.carousel-multi .carousel-inner .next {
	left: 33%
}

.carousel-multi .carousel-inner .prev {
	left: -33%
}

.carousel-control {
	opacity: 1!important;
	top: 4rem!important;
	left: -6rem!important
}

.carousel-control span.fa-angle-right,
span.fa-angle-left {
	background: #fff;
	height: 50px;
	width: 50px;
	color: #111;
	border-radius: 50%;
	line-height: 50px
}

.carousel-control.left {
	background: 0 0!important;
	text-shadow: none
}

.carousel-control.right {
	background: 0 0!important;
	text-shadow: none;
	background: 0 0!important;
	text-shadow: none;
	top: 4rem!important;
	right: -6rem!important;
	left: inherit!important;
	opacity: 1
}

.media.media-card div.media-category {
	text-align: center;
	font-size: 18px;
	font-weight: 600
}

.media.media-card h4.media-heading {
	text-align: center;
	font-size: 16px;
	font-weight: 600
}

@media all and (transform-3d),
(-webkit-transform-3d) {
	.carousel-multi .carousel-inner>.item {
		transition: .5s ease-in-out all;
		backface-visibility: visible;
		transform: none!important
	}
}

#accordion {
	margin: 2.5rem 0 2rem;
	max-width: 100%
}

.panel-heading {
	padding: 12px 15px!important
}

.panel-heading a {
	display: block;
	position: relative;
	font-weight: 700;
	padding: 0 20px 0 0
}

.panel-heading a:after {
	content: "";
	border: solid #000;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(45deg)
}

.panel-heading a[aria-expanded=true]:after {
	transform: rotate(-135deg);
	top: 5px
}

.panel-body ul {
	list-style: none;
	margin-bottom: 0;
}

.panel-body ul li p {
	font-size: 18px;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 0 8px;
	margin: 0 0 10px 20px
}

.panel-body p {
	font-size: 18px;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 0 8px;
	margin: 0 0 10px 20px
}

.close {
	position: absolute;
	right: -30px;
	top: -20px;
	z-index: 999;
	font-size: 2rem!important;
	color: #fff!important;
	opacity: 1!important
}

button.videoplus {
	background-color: transparent;
	font-weight: 500;
	color: #c5d508!important;
	font-size: 16px;
	border-radius: 100px!important;
	border: 2px solid #c5d508!important;
	padding: 14px 25px
}

button.videoplus:hover {
	color: #fff
}

button.videoplus img {
	width: 30px;
	margin: 0 5px 0 0
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%
}

.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center
}

.nbs-flexisel-inner {
	overflow: hidden;
	float: none;
	width: 100%;
	background: 0 0
}

.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
	line-height: 0
}

.nbs-flexisel-item img {
	width: 100%;
	cursor: pointer;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 180px
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	opacity: .8
}

.nbs-flexisel-nav-left {
	left: -25px;
	background: url(../images/left-arrow.png) no-repeat
}

.nbs-flexisel-nav-right {
	right: -25px;
	background: url(../images/right-arrow.png) no-repeat
}

.panel-default {
	border-color: transparent!important
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #fff!important;
	border-color: transparent!important;
	box-shadow: 0 .75rem 1.5rem rgb(18 38 63 / 3%);
	border: none!important
}

.work {
	display: block;
	line-height: normal;
	word-break: break-word;
	margin: .2rem 0
}

@media all and (max-width:1600px) and (min-width:1200px) {
	.top-banner {
		padding: 30px 0 90px 0
	}
	.nav-logo img {
		margin: 0 0 5rem
	}
	.banner-content h1 {
		font-size: 40px;
		font-weight: 600
	}
	.banner-content h2 {
		font-size: 35px
	}
	.banner-content p {
		font-size: 20px
	}
	.formbox {
		margin: 0;
		padding: 30px
	}
	.formbox div.title {
		line-height: inherit
	}
	.formbox span.tagline {
		line-height: inherit;
		margin: 0 0 10px
	}
	.key-content h3 {
		font-size: 30px;
		margin: 0 0 15px 0
	}
	.key-content p {
		font-size: 15px;
		margin: 0 0 25px 0;
		text-align: justify
	}
	.achiver div.txt {
		font-size: 15px
	}
	.Path-33 {
		width: 150px;
		height: 150px;
		margin: 9rem 0 0 0
	}
	.blackbox {
		padding: 30px 20px 20px 40px
	}
	.blackbox h4 {
		margin: 0 20px 10px 0;
		font-size: 30px
	}
	.blackbox p {
		margin: 10px 0 0;
		font-size: 15px;
		line-height: 1.8
	}
	.img-content h5 {
		font-size: 23px;
		font-weight: 500
	}
	.txt-blk span {
		font-size: 23px;
		font-weight: 500
	}
	.abstract-dots {
		transform: translate(-15rem, -3.7rem)
	}
	.abstract-dots img {
		width: 70%
	}
	.boxed h4 {
		font-size: 18px
	}
	.paralline {
		margin: .7rem 0 0 .5rem
	}
	.Carr0 h3 {
		width: 625px;
		font-size: 40px
	}
	.Carr0 p {
		width: 765px;
		font-size: 15px; 
		color: #000;
		margin: 0 0 .8rem
	}
	.gal-grid {
		grid-template-columns: 20% 30% 20% 30%
	}
	.NLz {
		margin: 10px 0 0;
		font-size: 18px;
		line-height: 1.5;
		width: 315px
	}
	.price-bx span {
		font-size: 20px
	}
	.price-bx button {
		margin: 0 0 0 40px;
		padding: 20px 40px;
		font-size: 18px;
		border-radius: 100px
	}
	.boxed p {
		font-size: 15px
	}
}

@media all and (max-width:640px) and (min-width:100px) {
	.modal-dialog {
		width: auto;
		top: 20%;
	}
	.call-btn {
		color: #000;
		display: block;
		text-align: center;
		padding: 12px 6px;
		font-size: 15px;
		font-weight: 600
	}
	.inq-btn {
		color: #000;
		display: block;
		text-align: center;
		padding: 12px 6px;
		font-size: 15px;
		font-weight: 600
	}
	.border-right {
		border-right: 1px solid #818c04
	}
	.dest {
		display: none !important;
	}
	.fixedfooter {
		background-color: #c5d508;
		color: #000;
		padding: 0 20px;
		display: block;
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 99999
	}
	.title2 {
		font-size: 20px;
		line-height: 1;
		color: #000;
		font-weight: 600
	}
	.tagline2 {
		font-size: 14px;
		margin: 0 0 10px;
		color: #000;
		line-height: 2.79;
		display: block
	}
	.second-form {
		background: #f5f5f5;
		padding: 20px
	}
	.nav-logo img {
		width: 100px;
		margin: 0 0 3rem
	}
	.abstract {
		transform: translate(0, -2.4rem);
		width: 40%
	}
	.banner-content {
		position: relative;
		margin: 6rem 0 0
	}
	.callup {
		position: absolute;
		right: 15px;
		z-index: 99;
		margin: -45px 0 0 0
	}
	.scheule-btn {
		background-color: #c5d508;
		color: #000;
		padding: 14px 18px;
		border-radius: 100px;
		font-size: 14px;
		cursor: pointer;
		display: inline-block;
		font-weight: 600;
		float: right;
	}
	button.videoplus {
		font-size: 15px;
		padding: 12px 20px
	}
	.callup {
		position: absolute;
		right: 15px;
		z-index: 99;
		margin: -45px 0 0 0
	}
	.lineup {
		display: none
	}
	.m-t-80 {
		margin-top: 60px
	}
	.certify h3 {
		font-size: 30px;
		margin: 0 85px 0 0
	}
	.col-8 {
		width: 100%
	}
	.banner-content h2 {
		font-size: 25px;
		margin: 0 15px 10px 0;
		font-weight: 600
	}
	.top-banner {
		padding: 30px 0 60px 0;
		background:url(../images/interior/mobile-banner.jpeg) center no-repeat;
		display: block;
		background-size: cover
	}
	.banner-content p {
		font-size: 15px;
		margin: 10px 30px 15px 0
	}
	.course-scheduler {
		background: #ffffffd4;
		border-radius: 4px;
		padding: 10px 20px;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		width: 100%;
		display: block;
	}
	.col-4 {
		width: 100%
	}
	.formbox {
		margin: 0 12px 30px;
		padding: 25px 20px;
		border-radius: 16px;
		position: relative;
		width: auto;
		top: inherit;
		right: inherit
	}
	.formbox div.title {
		font-size: 20px;
		line-height: 1
	}
	.formbox span.tagline {
		font-size: 14px;
		margin: 0 0 10px
	}
	.col-7 {
		width: 100%
	}
	.key-content h3 {
		font-size: 18px;
		margin: -45px 0 0 0;
		writing-mode: vertical-lr;
		text-transform: uppercase;
		position: absolute;
		right: -10px;
		height: 260px;
		transform: rotate(180deg);
		top: 0;
		letter-spacing: 4px
	}
	.key-content p {
		font-size: 15px;
		margin: 0 0 25px 0
	}
	.feature-grid {
		display: block;
		margin: 2rem 0 0
	}
	.achiver {
		padding: 20px
	}
	.Path-33 {
		width: 150px;
		height: 150px;
		margin: 0 0 40px 0
	}
	.course-preview1 {
		margin: 0 0 0
	}
	.course-grid {
		display: block
	}
	.course-grid-items {
		margin: 0 0 2rem
	}
	.course-grid-2 {
		display: block
	}
	.course-grid-2-items {
		margin: 0 0 2rem
	}
	.blackbox {
		padding: 40px 30px 60px 30px
	}
	.blackbox h4 {
		margin: 0 0 16px 0;
		font-size: 25px
	}
	.tutor-talk {
		position: relative;
		margin: 4rem 0 0
	}
	.tutor-talk p {
		width: auto;
		font-size: 18px;
		margin: 1rem 0 0
	}
	.abstract-dots {
		position: absolute;
		right: 0;
		transform: translate(0, -3.2rem);
		z-index: 999
	}
	.abstract-dots img {
		display: none
	}
	.team-txt h2 {
		font-size: 25px;
		text-align: center
	}
	.black-sec {
		background: #000;
		padding: 50px 0 30px
	}
	.grid50 {
		display: block
	}
	.team-members .img-radius {
		margin: 0 auto 2rem
	}
	.team-txt h3 {
		font-size: 30px;
		text-align: center
	}
	.team-txt div {
		text-align: center;
		margin: 0 0 1rem
	}
	.grid-views {
		display: block
	}
	.psdr {
		position: relative;
		bottom: 0;
		right: inherit
	}
	.img-center {
		margin: 0 auto;
		display: block
	}
	.team-txt p {
		font-size: 16px;
		text-align: center;
		margin: 0 0 0
	}
	.green-sec {
		background: #c5d508;
		padding: 60px 0 20px
	}
	.Course-Preview-1 {
		padding: 60px 0 60px
	}
	.wh-family {
		width: auto;
		font-size: 35px;
		line-height: 1.3;
		margin: 0 3rem 1.5rem 0;
		font-weight: 500
	}
	ul.poiter li {
		font-size: 15px;
		margin: 0 0 0 25px
	}
	.recriterss h2 {
		font-size: 20px;
		letter-spacing: -1px
	}
	.nbs-flexisel-nav-left {
		left: 0
	}
	.nbs-flexisel-nav-right {
		right: 0
	}
	.scard img {
		max-width: 170px!important
	}
	.col-6 {
		width: 100%
	}
	.boxed p {
		margin: 10px 0 0;
		font-size: 15px;
		line-height: 1.7
	}
	.paralline {
		width: 70px
	}
	.Carr0 h3 {
		width: auto;
		margin: 0;
		font-size: 25px
	}
	.Carr0 p {
		margin: 1rem 0 2rem;
		font-size: 18px;
		width: auto
	}
	.yellow-sec {
		padding: 60px 0 60px 0
	}
	.gal-grid {
		display: block;
		grid-template-columns: 40% 40%;
		align-items: center
	}
	.gal-grid-items {
		padding: 1rem 1rem
	}
	.NLz {
		margin: 10px 0 0;
		font-size: 16px;
		width: auto
	}
	.price-bx {
		display: block
	}
	.price-bx span {
		font-size: 20px;
		text-align: center;
		display: block
	}
	.price-bx button {
		margin: 0 auto;
		padding: 20px 60px;
		font-size: 16px;
		color: #fff;
		width: 65%;
		display: block
	}
}

@media all and (min-width:641px) {
	.mob {
		display: none
	}
	.callup {
		display: none
	}