body{ margin: 0px; padding: 0px; font-size: 15px; background-color: #fff; font-family: "Outfit", sans-serif;}
a,a:hover,a:focus{ text-decoration: none !important; }
.btn.focus,.btn:focus{box-shadow: none;}
*{ outline: none !important; }
h1,h2,h3,h4,h5,h6 {}
ul{ margin:0; padding: 0px; }
li{list-style: none;}

.container{
	max-width: 1500px;
}
.main-header {
	background: #fff;
	height: 90px;
	padding: 19px 0;
	position: relative;
	z-index: 10;
}
.logo{
	position: absolute;
  top: 0;
}
img {
	max-width: 100%;
}
.logo img{
	max-width: 210px;
}
.header-menu ul, .header-login ul{
	margin: 0px;
	padding: 0px;
}
.header-menu ul li, .header-login ul li{
	list-style: none;
	display: inline-block;
}
.header-menu ul li a{
	color: #000;
	font-weight: 400;
	font-size: 18px;
	padding: 0 30px;
}
.header-menu ul li a:hover{
	color: #6518CA;
}
.header-login{
	text-align: right;
}
.header-login ul li a {
	color: #000;
	font-weight: 400;
	font-size: 18px;
	padding: 0 30px;
}
.header-login ul li a:hover{
	color: #6518CA;
}
.btn-primary {
	background: linear-gradient(90deg, #6518CA 2.4%, #1D50EB 100%);
	color: #fff !important;
	border-radius: 100px 50px 0 100px;
	padding: 14px 20px !important;
	border: none !important;
	font-size: 16px !important;
	font-weight: 600;
}
.btn-primary:hover {
	background: linear-gradient(90deg, #1D50EB  2.4%, #6518CA 100%);	
}






/*side-menu*/
.hummenu {
	color: #000;
	font-size: 24px;
	float: right;
}
.hummenu:hover{
	color: #43A756;
}
.menu-icon-area{
	display:none;
}

.slidemenu-overlay {
	position: fixed;
	inset: 0;
	background: rgba(13, 13, 13, 0.5);
	z-index: 10;
	opacity: 0;
	z-index: 9999;
	transition: all 0.3s;
	pointer-events: none;
	visibility: hidden;
}
.slidemenu-overlay.open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
}
.slidemenu {
	position: fixed;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: -515px;
	width: 515px;
	background: #000000;
	color: #ff4b4b;
	transition: all 0.3s;
}
@media only screen and (max-width: 400px) {
	.slidemenu {
		left: -100%;
		width: 100%;
   }
}
.slidemenu .slidemenu-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.slidemenu .slidemenu-header .dropdown-menu {
	position: absolute;
	right: 0;
	top: 100%;
	left: auto;
	width: 100%;
	background: #141414;
}
.slidemenu .slidemenu-header .dropdown-open {
	display: block;
}
.slidemenu .slidemenu-header button {
	padding: 0 20px;
	background: #000;
	border: transparent;
	color: #ffffff;
	font-size: 18px;
}
.slidemenu .slidemenu-header button::after {
	display: none;
}
.slidemenu .slidemenu-header .dropdown-menu a {
	color: #ffffff;
}
.slidemenu .slidemenu-header .close-menu {
	display: inline-block;
	padding: 10px 15px;
	font-size: 30px;
	color: #ffffff;
}
.slidemenu .slidemenu-menu-area {
	height: calc(100vh - 52px);
	overflow-y: auto;
}
.slidemenu .slidemenu-menu-area .login-signup {
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.slidemenu .slidemenu-menu-area .login-signup .btn {
	width: 45%;
	display: block;
}
.slidemenu .slidemenu-items {
	padding: 10px 20px;
}
.slidemenu .slidemenu-items .user-icon {
	position: relative;
	top: 2px;
	margin-right: 5px;
}
.slidemenu .slidemenu-items li.user-item a {
	position: relative;
}
.slidemenu .slidemenu-items li.user-item svg {
	position: absolute;
	top: 13px;
	left: 0;
}
.slidemenu .slidemenu-items a {
	color: #ffffff;
}
.slidemenu .slidemenu-items > li > a {
	padding: 12px 35px;
	display: block;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 20px;
	font-size: 18px;
	color: #ffffff;
}
.slidemenu .slidemenu-items > li > a:focus, .slidemenu .slidemenu-items > li > a:hover {
	text-decoration: none;
	color: #6518CA;
}
.slidemenu .slidemenu-items > li > a.collapsed i::before {
	content: "\ea13";
}
.slidemenu .slidemenu-items > li > a i {
	position: absolute;
	left: 0px;
	top: 18px;
	font-size: 20px;
}
.slidemenu .slidemenu-items > li > a i::before {
	content: "\f1af";
}
.slidemenu .list-unstyled {
	padding-left: 15px;
	list-style: none;
}
.slidemenu .sub-menu li a {
	color: #ffffff;
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 2.75px;
	line-height: 20px;
	text-transform: uppercase;
	padding: 6px 0;
}
.slidemenu .sub-menu li:last-child {
	margin-bottom: 15px;
}
.slidemenu.menu-open {
	left: 0;
}
@keyframes animName {
	0% {
		transform: rotate(0deg);
   }
	100% {
		transform: rotate(360deg);
   }
}
@keyframes mover {
	0% {
		transform: translateY(0);
   }
	100% {
		transform: translateY(-10px);
   }
}
@keyframes mover2 {
	0% {
		transform: translateX(0);
   }
	100% {
		transform: translateX(-10px);
   }
}









.banner {
	position: relative;
	background: url(../images/banner.jpg) no-repeat center center;
	background-size: cover;
	height: 90vh;
}
.membership-banner{
	background: url(../images/member-banner.jpg) no-repeat center center;
	height: 55vh;
	background-position: center center;
}
.banner::after{
	position: absolute;
	content: "";
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.banner-content {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 100px 0;
	z-index: 5;
	display: flex;
  align-items: center;
}
h1{
	font-size: 55px;
	font-weight: bold;
	margin-bottom: 30px;
}
p {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
}
.banner-content h1{
	color: #fff;
}
.banner-content p{
	color: #fff;
	max-width: 75%;
	position: relative;
}
.arw-img {
	position: absolute;
	bottom: -81px;
	left: 208px;
}
.arw-img img{
	max-width: 70px;
}
.banner-content .btn-primary{
	margin-top: 22px;
}
.banner-content .btn-primary img{
	max-width: 20px;
	margin-left: 10px;
	height: 20px;
}


/* New Section */
.section {
	padding-top: 90px;
	padding-bottom: 90px;
}
.title {
	margin-bottom: 45px;
}
.title h2 {
	font-size: 50px;
	font-weight: 600;
}
.communicative-sec .nav-tabs {
	border-bottom: 3px solid #AAA;
}
.communicative-sec .nav-tabs .nav-link {
	font-size: 20px;
	font-weight: 500;
	color: #000;
	border: transparent;
	border-bottom: 4px solid transparent;
}
.communicative-sec .nav-tabs .nav-link.active {
	border-color: #0E0E0E;
}
.communicative-sec .nav-tabs {
	border-bottom: 3px solid #AAA;
}

.communicative-tab-content {
	background: #F1F1F1;
}
.communicative-box {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
}
.communicative-box .core-text {
	padding: 15px 28px 25px;
}
.communicative-box .core-text p {
	font-size: 16px;
	color: #737373;
}
.communicative-box .core-text h4 {
	font-size: 18px;
	margin-bottom: 15px;
}
.communicative-box .core-text .btn {
	margin-top: 20px;
	border-radius: 5px;
	line-height: 1.1;
}

.flexible-box {
	text-align: center;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
	padding: 35px 30px;
	height: 100%;
	border-radius: 20px;
}
.flexible-box .label {
	display: inline-block;
	background: #C5DAFF;
	padding: 4px 12px;
	border-radius: 40px;
	font-size: 16px;
	margin: 0 0 10px;
}
.flexible-box h3 {
	font-size: 30px;
	font-weight: 700;
	color: #000;
	margin: 0 0 2px;
}
.flexible-box h3 img {
	vertical-align: top;
}
.flexible-box h5 {
	font-size: 18px;
	margin: 0 0 2px;
}
.flexible-box h5 strong {
	display: block;
	margin-top: 8px;
}
.flexible-box h6 {
	font-size: 15px;
	color: #9B9B9B;
	font-weight: 400;
}
.flexible-box h6 strong {
	display: block;
	color: #000;
	font-weight: 700;
}

.schedule-sec {
	background: #FBFBFB;
}
.schedule-sec .btn {
	margin-top: 100px;
}
.schedule-sec .btn img {
	width: 22px;
	height: 22px;
	margin-left: 10px;
}
.schedule-sec h2 {
	font-size: 50px;
	font-weight: 600;
}

.mentor-sec h2 {
	font-size: 50px;
	font-weight: 600;
}
.mentor-bg {
	padding: 80px 60px;
	background: #C5DAFF;
	border-radius: 50px;
}
.mentor-bg .mentor-img {
	border-radius: 30px;
}
.mentor-bg .btn {
	margin-top: 60px;
}
.mentor-bg .btn {
	margin-top: 60px;
	border-radius: 5px;
}


.get-in-sec {
	background: linear-gradient(102.48deg, #1D50EB -1.02%, #6518CA 87.72%);
	color: #fff;
}
.get-in-sec h2 {
	font-size: 50px;
	font-weight: 600;
}
.get-in-sec p {
	color: #fff;
}
.get-in-sec ul {
	list-style: none;
	margin-top: 30px;
}
.get-in-sec ul li {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
}
.get-in-sec ul li i {
	font-size: 24px;
	color: #fff;
	margin-right: 10px;
}
.get-in-sec li a {
	color: #fff;
}
.get-in-sec form .form-control, .get-in-sec form .form-select {
  height: 50px;
  border-radius: 6px;
  background-color: #fff;
  outline: none;
  padding: 7px 15px;
  margin-bottom: 20px;
  box-shadow: none;
  color: #555;
  border: 1px solid #cbcbcb;
}

.form-control::placeholder {
  color: #555;
}

.get-in-sec .form-control:focus, .get-in-sec .form-select:focus {
  border-color: #555;
}

.get-in-sec form .btn {
	border-radius: 5px;
	/* border: none; */
	/* outline: none; */
	box-shadow: none;
	background: #000;
	color: #fff;
	transition: all .3s;
	cursor: pointer;
	padding: 10px 40px !important;
}
.get-in-sec textarea.form-control {
  height: 100px;
  resize: none;
}
.arw-img2 {
	display: block;
	float: right;
	margin: -50px 0 0;
	transform: scaleX(-1);
	max-width: 90px;
}

.skills-sec {
	padding-bottom: 40px;
}
.skills-sec ul {
	margin: 15px 0 50px;
}
.skills-sec li {
	margin: 0 0 5px;
}
.skills-sec li a {
	color: #000;
	font-size: 16px;
}
.skills-sec li a:hover {
	color: #224ce9;
}
.skills-sec h4 {
	font-size: 22px;
}
/* New Section */



/* Footer */

.footer-area {
	border-top: 1px solid #C9C9C9;
	background: #F4F4F4;
	padding: 50px 0 15px 0;
}
.top-footer {
	padding-bottom: 40px;
}
.mb20{
	margin-bottom: 20px;
}
.footer-logo {
	display: block;
	margin-bottom: 20px;
}
.footer-logo img {
	max-width: 240px;
}
.fot-box h3{
	color: #000;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 20px;
}
.fot-box ul li{
	list-style: none;
	margin-bottom: 5px;
}
.fot-box ul li a {
	display: block;
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}
.fot-box ul li a:hover{
	color: #6518CA;
}
.store-img {
	display: block;
	margin-bottom: 20px;
}
.store-img img{
	max-width: 200px;
}
.below-footer {
	display: flex;
	border-top: 1px solid #B3B3B3;
	padding-top: 15px;
	justify-content: space-between;
	align-items: center;
}
.below-footer p{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4; 
	margin: 0px;
}
.socials ul li{
	display: inline-block;
	margin: 0 2px;
}
.socials ul li a {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: inline-flex;
	color: #fff;
	font-size: 16px;
	background: #000;
	font-weight: 500;
}
.socials ul li a:hover{
	background: linear-gradient(90deg, #6518CA 2.4%, #1D50EB 100%);
}

.membership-level{
	background: #FBFBFB;
}
.membership-box {
	background: #fff;
	padding: 30px;
	border-radius: 20px;
}
.membership-box .btn-primary{
	width: 100%;
}
.member-heads{
	text-align: center;
	padding: 25px 0;
}
.member-heads h4{
	color: #1C1C1C;
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: normal;
}
.member-heads h3{
	color: #1D50EB;
	font-size: 80px;
	margin-bottom: 10px;
	font-weight: normal;
}
.member-heads h3 sup {
	font-size: 29px;
	top: -39px;
}
.member-bodys {
	margin-bottom: 50px;
}
.member-bodys ul{
	margin: 0px;
	padding: 0px;
}
.member-bodys ul li{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: normal;
}
.member-bodys ul li::after {
	position: absolute;
	content: "";
	left: 0px;
	top: 6px;
	background: url(../images/tick.png) no-repeat left center;
	background-size: 18px;
	width: 18px;
	height: 18px;
}
.membership-flexable .flexible-box h6 strong{
	font-size: 22px;
	margin-top: 10px;
	font-weight: bold;
}













@media (min-width: 1600px) {
	.communicative-sec .nav-tabs {
		gap: 25px;
	}
	.communicative-sec .nav-tabs .nav-link {
		font-size: 22px;
	}
}
/*1600*/

@media only screen and (max-width: 1600px) {
	.container{
		max-width: 1360px;
	}
}
/*1600*/

@media only screen and (max-width: 1400px) {
.container{
	max-width: 1160px;
}
.logo img, .footer-logo img {
	max-width: 205px;
}
.header-menu ul li a {	
	font-size: 16px;
	padding: 0 20px;
}
.header-login ul li a {	
	font-size: 15px;
	padding: 10px 22px;
	border: 1px solid #000;
}
.header-login ul li a:hover {	
	border: 1px solid #43A756;
}
.footer-menu ul li a{
	font-size: 16px;
}
.copy-right-text {
	margin: 27px 0 0 0;	
	font-size: 17px;
}





}
/*1400*/


@media only screen and (max-width: 1199px) {
.main-header {
	padding: 10px 0;	
}
.header-menu ul li a {
	font-size: 15px;
	padding: 0 17px;
}
.header-login ul li a {
	font-size: 14px;
	padding: 9px 20px;
	border: 1px solid #000;
	margin-left: 2px;
}
.title h2 {
	font-size: 40px;
}
p {
	font-size: 18px;
}
.member-heads h4 {
	font-size: 23px;
}
.member-heads h3 {
	font-size: 66px;
}
.member-heads h3 sup {
	font-size: 22px;
}
.member-bodys ul li{
	font-size: 16px;
}
.member-bodys ul li::after{
	top: 4px;
}
.membership-flexable .flexible-box h6 strong {
	font-size: 19px;
}


}
/*1199*/

@media only screen and (max-width: 991px) {
.logo img, .footer-logo img {
	max-width: 170px;
}
.header-menu ul li a {
	font-size: 14px;
	padding: 0 12px;
}
.header-login ul li a {
	padding: 8px 15px;
}
.footer-menu ul li a {
	font-size: 14px;
	padding: 0 18px;
}
.copy-right-text {
	margin: 18px 0 0 0;
	font-size: 16px;
}
.main-footer {
	padding: 35px 0 25px 0;
}







}
/*991*/

@media only screen and (max-width: 767px) {
	.section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	h1 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	p {
		font-size: 15px;
		line-height: 1.4;
	}
	.title {
		margin-bottom: 25px;
	}
	.title h2 {
		font-size: 25px;
	}
	.btn-primary {
		padding: 8px 12px !important;
		font-size: 15px !important;
	}
	.no-show-mobile{
		display: none;
	}
	.menu-icon-area{
		display:block;
	}

	.main-header {
		height: 52px;
	}
	.header-login {
		padding: 0px;
		margin-right: -107px;
	}
	.header-login ul li.login {
		display: none;
	}

	.banner {
		height: 65vh;
	}
	.banner-content p {
		max-width: 100%;
	}

	.communicative-sec .nav-tabs {
		border-bottom: transparent;
		flex-wrap: initial;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		padding-bottom: 12px;
	}
	.communicative-sec .nav-tabs .nav-link {
		font-size: 15px;
	}
	.communicative-box {
		border-radius: 8px;
		height: auto;
		margin-bottom: 15px;
	}
	.communicative-box .core-text {
		padding: 15px;
	}
	.communicative-box .core-text p {
		font-size: 15px;
	}
	.communicative-box .core-text h4 {
		font-size: 14px;
	}

	.flexible-box {
		padding: 25px 15px;
		border-radius: 10px;
	}
	.flexible-box .label {
		padding: 4px 10px;
		font-size: 12px;
		margin: 0 0 15px;
	}
	.flexible-box h3 {
		font-size: 20px;
	}
	.flexible-box h3 img {
		max-width: 20px;
	}
	.flexible-box h5 {
		font-size: 14px;
	}
	.flexible-box h6 {
		font-size: 12px;
	}

	.schedule-sec h2 {
		font-size: 25px;
	}
	.schedule-sec .btn {
		margin-top: 30px;
	}

	.mentor-bg {
		padding: 15px;
		border-radius: 10px;
	}
	.mentor-sec h2 {
		font-size: 25px;
	}
	.mentor-bg .btn {
		margin-top: 15px;
	}

	.get-in-sec h2 {
		font-size: 25px;
	}
	.get-in-sec ul li {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.arw-img2 {
		margin: -30px 0 20px;
		transform: scaleX(01);
		max-width: 40px;
	}
	.skills-sec ul {
		margin: 10px 0 30px;
	}
	.skills-sec h4 {
		font-size: 20px;
	}

	.footer-logo {
		display: table;
		margin-bottom: 0;
	}
	.top-footer {
		padding-bottom: 15px;
	}
	.footer-area {
		padding: 30px 0 15px 0;
	}
	.fot-box h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.fot-box ul li a {
		font-size: 15px;
	}
	.below-footer {
		display: block;
		text-align: center;
	}
	.below-footer .socials {
		margin-top: 10px;
	}	
	.store-img {
		display: inline-block;
		margin-bottom: 0;
	}
	.store-img img {
		max-width: 130px;
	}
.membership-banner{
	height: 40vh;
}
.member-heads h4 {
	font-size: 19px;
}
.member-heads h3 {
	font-size: 50px;
}
.member-heads h3 sup {
	top: -24px;
}
.membership-box {
	padding: 20px;
	margin-bottom: 20px;
}
.membership-flexable .flexible-box h6 strong {
	font-size: 17px;
}






}
/*767*/


@media only screen and (max-width: 575px) {
.logo img, .footer-logo img {
  max-width: 95px;
}
.header-login ul li a {
	padding: 7px 11px;
	font-size: 13px;
	margin: 0;
}
.main-header {
	padding: 6px 0;
}


}
/*575*/

@media only screen and (max-width: 400px) {
.main-header .container{
	padding: 0px 7px;
}
.header-login ul li a {
	padding: 6px 9px;
}


}
/*400*/






.payment-options-new{
	padding: 20px 0px !important;
	display: inline-block !important;
}
.payment-options-new .form-check-inline {
	width: 50% !important;
	margin-bottom: 10px !important;
	display: inline-flex;
	gap: 5px;
	align-items: center;
}
.payment-options-new .form-check-label img {
	height: 41px !important;
	width: 252px !important;
	padding: 0 !important;
}
.payment-options-new .form-check-inline .form-check-input{
	margin-top: 0px !important;
}

@media only screen and (max-width: 1400px) {
.payment-options-new .form-check-inline {
	width: 100% !important;
}


}

@media only screen and (max-width: 480px) {
.payment-buttons{
	display: inline-block;
}
.payment-buttons .payment-button{
	width: 186px;
  margin: 0px 5px 5px 0;
  height: 49px;
  display: inline-block;
}

}



.payment-buttons-top {
	display: inline-block !important;
}
.payment-buttons-top .payment-button{
	width: 286px !important;
  margin: 10px 10px 0px 0;
  display: inline-block !important;
}


@media only screen and (max-width: 1400px) {
.payment-buttons-top .payment-button{
	width: 250px !important;
}


}