/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Manrope:wght@200;300;400;600;700;800&family=Righteous&display=swap');
body {
	font-family: 'Manrope', sans-serif;
	color: #46494b;
	padding-top:204px;
}
body.dash-inner {
	font-family: 'Manrope', sans-serif;
	color: #46494b;
	padding-top:0px;
}
textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active, select:hover, select:focus, select:active {
	outline:0px !important;
	-webkit-appearance:none;
	box-shadow: none !important;
}
a {
	color: #9c1517;
	text-decoration: none;
}
a:hover {
	color: #46494b;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .font-primary {
	font-family: 'Manrope', sans-serif;
}
h2 {
	font-weight: 600;
	font-size: 36px;
	color:#231f20;
}
p {
	font-family: 'Manrope', sans-serif;
	color: #46494b;
	font-size:16px;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background: #ffa126;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}
.back-to-top i {
	font-size: 24px;
	color: #fff;
	line-height: 0;
}
.back-to-top:hover {
	background: #ee7843;
	color: #fff;
}
.back-to-top.active {
	visibility: visible;
	opacity: 1;
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
 [data-aos-delay] {
 transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	transition: all 0.5s;
	z-index: 997;
	transition: all 0.5s;
	background: #fff;
	padding:62px 0;
}
#header .logo h1 {
	font-size: 30px;
	margin: 0;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 2px;
}
#header .logo h1 a, #header .logo h1 a:hover {
	color: #231f20;
	text-decoration: none;
}
#header .logo img {
	padding: 0;
	margin: 0;
	max-height: 40px;
}
#main {
	margin-top: 72px;
}
.login-btn {
	border:#9c1517 1px solid;
	border-radius: 4px;
	color:#46494b;
	font-weight:600;
}
.login-btn:hover {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
}
.login-btn:active, .login-btn:focus {
	border:#9c1517 1px solid!important;
}
.subscribe-btn {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
}
.subscribe-btn:hover {
	border:#9c1517 1px solid;
	background:#fff;
	border-radius: 4px;
	color:#46494b;
}
.subscribe-btn:active, .subscribe-btn:focus {
	border:#9c1517 1px solid!important;
}
header button.btn {
	padding:10px 20px;
}
.logo-cntr {
	position:relative;
}
.logo-centr-inn {
	position:relative;
	margin-bottom:-50px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.navbar a.nav-link {
	color:#46494b;
	font-size:16px;
	font-weight:600;
}
.navbar .active a{color:#9c1517; text-decoration:underline;}
.dropdown-menu {
	position:relative;
	background:rgba(156, 21, 23, 0.9);
	border-radius:6px;
	padding:10px 20px 20px 20px;
}
.dropdown-menu:before {
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	position:absolute;
	top:-12px;
	left:26px;
	content:"";
	background:rgba(156, 21, 23, 0.9);
	width:24px;
	height:12px;
}
.logo-new img {
	/*margin-bottom:-35px;*/
}
.dropdown-menu li {
}
.dropdown-menu a {
	color:#fff;
	border-bottom:#fff 1px solid;
	padding:10px 0;
	font-weight:700;
}
.dropdown-menu a:hover {
	background:transparent;
	color:#fffc00;
}

/*.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
   /* pointer-events: none;
}*/
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
	width: 100%;
	background: #ffeae6;
}
#hero ul.course-list {
	margin:12px 0;
	padding:0;
	list-style:none;
}
#hero ul.course-list li {
	display:inline-block;
	color:#231f20;
	font-size:32px;
	position:relative;
	text-align:left;
	margin-right:30px;
	line-height:34px;
	font-weight:600;
}
#hero ul.course-list li span {
	color:#231f20;
	font-size:20px;
}
#hero ul.course-list li:after {
	position:absolute;
	background:#9c1517;
	height:36px;
	width:3px;
	right:-15px;
	top:0px;
	content:"";
}
#hero ul.course-list li:last-child:after {
	background:none;
}
#hero h1 {
	margin: 0;
	font-size: 48px;
	font-weight: 800;
	line-height: 56px;
	color:#231f20;
}
#hero h2 {
	color:#231f20;
	margin: 15px 0 0 0;
	font-size: 24px;
}
#hero .btn-get-started {
	font-family: 'Manrope', sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 28px;
	border-radius: 3px;
	transition: 0.5s;
	margin-top: 30px;
	color: #fff;
	background: #eb5d1e;
}
#hero .btn-get-started:hover {
	background: #ef7f4d;
}
#hero .animated {
	animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.hero-img {
	position:relative;
	padding:40px 0;
}
.carousel-indicators [data-bs-target]{ background-color:#9c1517;}
.mob-botnav{ display:none;}
/*.hero-img-out {
	position: absolute;
	top:-92px;
	right:0;
}*/
.daystrial-btn {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
	border-radius: 4px;
	padding:12px 20px;
	margin-right:14px;
	font-weight:600;
}
.daystrial-btn:hover {
	border:#9c1517 1px solid;
	background:none;
	border-radius: 4px;
	color:#46494b;
}
.subscnow-btn {
	border:#9c1517 1px solid;
	border-radius: 4px;
	color:#46494b;
	padding:12px 20px;
	font-weight:600;
}
.subscnow-btn:hover {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
}
 @media (max-width: 991px) {

 #hero .animated {
 -webkit-animation: none;
 animation: none;
}
 #hero .hero-img {
 text-align: center;
 display:none;
}
 #hero .hero-img img {
 width: 50%;
}
}
 @media (max-width: 768px) {
 #hero h1 {
 font-size: 28px;
 line-height: 36px;
}
 #hero h2 {
 font-size: 18px;
 line-height: 24px;
}
 #hero .hero-img img {
 width: 70%;
}
}
 @media (max-width: 575px) {
 #hero .hero-img img {
 width: 80%;
}
}
 @-webkit-keyframes up-down {
 0% {
 transform: translateY(10px);
}
 100% {
 transform: translateY(-10px);
}
}
 @keyframes up-down {
 0% {
 transform: translateY(10px);
}
 100% {
 transform: translateY(-10px);
}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
	padding: 50px 0;
}
.section-bg {
	background-color: #fef8f5;
}
.section-title {
	text-align: center;
	padding-bottom: 30px;
}
.section-title h2 {
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 0;
	line-height: 1px;
	margin-bottom: 15px;
	color: #c2b7b1;
}
.section-title p {
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
	font-size: 32px;
	font-weight: 700;
	color: #46494b;
}
 .section-title p::after {
 content: "";
 position: absolute;
 display: block;
 width: 60px;
 height: 2px;
 background: #eb5d1e;
 bottom: 0;
 left: calc(50% - 30px);
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
	padding: 15px 0;
	background-color: #fef5f1;
	min-height: 40px;
}
.breadcrumbs h2 {
	font-size: 24px;
	font-weight: 300;
}
.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.breadcrumbs ol li+li {
	padding-left: 10px;
}
 .breadcrumbs ol li+li::before {
 display: inline-block;
 padding-right: 10px;
 color: #6c757d;
 content: "/";
}
 @media (max-width: 768px) {
 .breadcrumbs .d-flex {
 display: block !important;
}
 .breadcrumbs ol {
 display: block;
}
 .breadcrumbs ol li {
 display: inline-block;
}
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-banner{
 width:100%;
 background-color:#f5eeff;
 	
	}
.about-bg {
	background:url(../img/light-flower-bg.png) no-repeat top left;
	padding-top:46px;
}
.about h2 {
	font-weight: 600;
	font-size: 36px;
	color:#231f20;
}
.about h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 5px;
	color:#231f20;
}
.about i {
	font-size: 48px;
	margin-top: 15px;
	color: #f39e7a;
}
.abtblue-btn {
	background:#59d6ff;
	font-weight:600;
	color:#fff;
	border-radius: 4px;
	padding:12px 30px;
	margin-top:15px;
}
.abtblue-btn:hover {
	background:#9c1517;
	border-radius: 4px;
	color:#fff;
}
 @media (max-width: 991px) {
 .about .about-img img {
 max-width: 70%;
}
}
 @media (max-width: 767px) {
 .about .about-img img {
 max-width: 90%;
}
}
/*--------------------------------------------------------------
# Parent student
--------------------------------------------------------------*/

.parent-bx {
	background: linear-gradient(90deg, #fff7eb 50%, #daf6ff 50%);
	position:relative;
	text-align:center;
	padding:44px 0;
}
.parent-bx h2 {
	font-weight:600;
	margin-bottom:18px;
}
.parent-bx:before {
	background:url(../img/hm-student-bg.png) no-repeat;
	background-size:100%;
	content:'';
	position:absolute;
	left:40px;
	top:75px;
	width:269px;
	height:385px;
}
.parent-bx:after {
	background:url(../img/hm-parent-bg.png) no-repeat;
	background-size:100%;
	content:'';
	position:absolute;
	right:33px;
	top:75px;
	width:275px;
	height:395px;
}
.student-col {
	padding:0 80px;
}

.student-col li { text-align:left!important; margin-bottom:5px; line-height:25px; background:url(../img/list.png) no-repeat 0 7px; list-style:none; padding:0 0 0 19px}

.stu-img {
	width:191px;
	text-align:center;
	margin:0 auto 18px auto;
}
/*--------------------------------------------------------------
# Our Courses
--------------------------------------------------------------*/
.courses .icon-box-red {
	padding: 50px 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	transition: all 0.3s ease-in-out;
	border-radius: 40px;
	text-align: center;
	border: 1px solid rgba(235, 113, 99, .2)
}
.courses .icon-box-org {
	padding: 50px 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	transition: all 0.3s ease-in-out;
	border-radius: 40px;
	text-align: center;
	border: 1px solid rgba(255, 161, 38, .2)
}
.courses .icon-box-pur {
	padding: 50px 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	transition: all 0.3s ease-in-out;
	border-radius: 40px;
	text-align: center;
	border: 1px solid rgba(177, 113, 255, .2)
}

.courses .icon-box-blu {
	padding: 50px 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	transition: all 0.3s ease-in-out;
	border-radius: 40px;
	text-align: center;
	border: 1px solid rgba(179, 233, 47, .4)
}
.courses .icon-box-red:hover, .courses .icon-box-org:hover, .courses .icon-box-pur:hover, .courses .icon-box-blu:hover {
	transform: translateY(-5px);
	border-color: #9c1517;
}
.courses .icon {
	background:#fff7eb;
	width:210px;
	height:210px;
	border-radius:50%;
	margin:0 auto 25px auto; padding:40px;
}
.courses .icon img{width:130px; }
.courses .title {
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 28px;
	color:#231f20;
}
.courses .description {
	font-size: 22px;
	margin-bottom: 28px;
	color:#231f20;
}
.courses .subs-redbtn {
	border:#ff6b5a 1px solid;
	background:#ff6b5a;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding: 8px;
}
.courses .subs-redbtn:hover {
	border:#ff6b5a 1px solid;
	background:#fff;
	border-radius: 4px;
	color:#ff6b5a;
}
.courses .subs-orgbtn {
	border:#ffa126 1px solid;
	background:#ffa126;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding: 8px;
}
.courses .subs-orgbtn:hover {
	border:#ffa126 1px solid;
	background:#fff;
	border-radius: 4px;
	color:#ffa126;
}
.courses .subs-purbtn {
	border:#b171ff 1px solid;
	background:#b171ff;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding: 8px;
}
.courses .subs-purbtn:hover {
	border:#b171ff 1px solid;
	background:#fff;
	border-radius: 4px;
	color:#b171ff;
}
.courses .subs-blubtn {
	border:#b3e92f 1px solid;
	background:#b3e92f;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding: 8px;
}
.courses .subs-blubtn:hover {
	border:#b3e92f 1px solid;
	background:#fff;
	border-radius: 4px;
	color:#b171ff;
}
.courses .view-btn {
	border:#59d6ff 1px solid;
	background:#59d6ff;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding: 8px;
}
.courses .view-btn:hover {
	border:#59d6ff 1px solid;
	background:#fff;
	border-radius: 4px;
	color:#59d6ff;
}

.courses .owl-theme .owl-nav{ position:absolute; top:40%; left:0; right:0; margin:0 auto; width:100%;}
.courses .owl-nav button.owl-prev span{ position:absolute; left:-30px; font-size:32px; line-height:45px; background:#9c1517;  border-radius:50%; width:50px; height:50px; color:#fff;}
.courses .owl-nav button.owl-next span{ position:absolute; right:-30px; font-size:32px; line-height:45px; background:#9c1517;  border-radius:50%; width:50px; height:50px; color:#fff;}

/*.courses .owl-theme .owl-nav.disabled+.owl-dots{ margin-top:0px;}*/
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
	background: #efe4fd;
	padding: 60px 0;
}
.team .member {
	background: #fff;
	position: relative;
	overflow: hidden;
	padding:35px 35px 20px 35px;
	border-radius:20px;
	margin:0 auto;
}
.team .member img {
	margin-bottom:15px;
}
.team .member .member-info-content {
	font-size: 16px;
	color: #46494b;
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.supporter {
	padding: 60px 0;
}
.support-bg {
	background:url(../img/shape-topcor.jpg) no-repeat top center #daf6ff;
	border-radius: 0px 0px 20px 20px;
	width:100%;
	background-size:100%;
	position:relative;
	padding:172px 108px 40px 108px;
}
.support-bg:before {
	background:url(../img/flower-img.png) no-repeat;
	background-size:100%;
	content:'';
	position:absolute;
	right:-160px;
	top:-50px;
	width:235px;
	height:236px;
}
.clnt-logo {
	background:#fff;
	border-radius:8px;
	padding:10px;
	margin:0 auto 28px auto;
	width:100%;
}
/*owl slide*/
.owl-theme .owl-dots .owl-dot span {
	width: 30px;
	height: 5px;
	margin: 0px 4px;
	background: #141d40;
	display: block;
	-webkit-backface-visibility: visible;
 transition: opacity .2s ease;
	border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #9c1517;
	width: 48px;
	height: 5px;
}
.owl-carousel .owl-item img {
	max-width:100%;
	margin:0 auto;
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-slider .swiper-slide img {
	opacity: 0.5;
	transition: 0.3s;
}
.clients .clients-slider .swiper-slide img:hover {
	opacity: 1;
}
.clients .clients-slider .swiper-pagination {
	margin-top: 20px;
	position: relative;
}
.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #eb5d1e;
}
.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #eb5d1e;
}
/*--------------------------------------------------------------
# Counter
--------------------------------------------------------------*/
.counts {
	background: rgb(248,248,248);
	background: linear-gradient(0deg, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.count-box {
	text-align:center;
}
.count-img {
	margin-bottom:20px;
}
.count-box span.blue-count {
	color:#59d6ff;
	font-size:3.5rem;
	font-weight:700;
}
.count-box span.red-count {
	color:#ff6b5a;
	font-size:3.5rem;
	font-weight:700;
}
.count-box span.org-count {
	color:#ffa126;
	font-size:3.5rem;
	font-weight:700;
}
.count-box h6 {
	font-size:1.5rem;
	font-weight:600;
	color:#46494b;
}
/*--------------------------------------------------------------
# Counter end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# customer review
--------------------------------------------------------------*/
.reviews {
	background:url(../img/feedback-bg.png) no-repeat;
	background-position: center 80px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	width:100%;
	padding-bottom:50px;
}
.customer-feedback .owl-item img {
	width:120px!important;
	height:120px;
	margin:0 auto;
}
.feedback-slider-item {
	position: relative;
	padding: 60px;
	margin-top: -40px;
}
.customer-name {
	margin-top:40px;
	margin-bottom: 25px;
	font-size: 28px;
	font-weight: 600;
	color:#46494b;
}
.customer-name span {
	font-size:16px;
	color:#46494b
}
.feedback-slider-item p {
	line-height: 1.875;
	text-align:center;
}
.customer-rating {
	background-color: #eee;
	border: 3px solid #fff;
	color: rgba(1, 1, 1, 0.702);
	font-weight: 700;
	border-radius: 50%;
	position: absolute;
	width: 47px;
	height: 47px;
	line-height: 44px;
	font-size: 15px;
	right: 0;
	top: 77px;
	text-indent: -3px;
}
.thumb-prev .customer-rating {
	top: -20px;
	left: 0;
	right: auto;
}
.thumb-next .customer-rating {
	top: -20px;
	right: 0;
}
.customer-rating i {
	color: rgb(251, 90, 13);
	position: absolute;
	top: 10px;
	right: 5px;
	font-weight: 600;
	font-size: 12px;
}
/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	top: 103px;
	background-color: #fff;
	border-radius:10px;
	z-index: -1;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(217, 59, 42, 0.10);
	-moz-box-shadow: 0px 0px 15px 0px rgba(217, 59, 42, 0.10);
	box-shadow: 0px 0px 15px 0px rgba(217, 59, 42, 0.10);
}
.thumb-prev, .thumb-next {
	position: absolute;
	z-index: 99;
	top: 45%;
	width: 194px;
	height: 194px;
	background:#fff;
	left: -316px;
	cursor: pointer;
	transition: all 0.3s;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(217, 59, 42, 0.15);
	-moz-box-shadow: 0px 0px 40px 0px rgba(217, 59, 42, 0.15);
	box-shadow: 0px 0px 40px 0px rgba(217, 59, 42, 0.15);
}
.thumb-next {
	left: auto;
	right: -316px;
}
.feedback-slider-thumb {
	background:url(assets/img/coma.png) no-repeat 85% 70%
}
.feedback-slider-thumb img {
	width: 50%;
	height: 66%;
	border-radius: 50%;
	overflow: hidden;
}
.feedback-slider-thumb:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .customer-feedback .owl-nav [class*="owl-"] {
position: relative;
display: inline-block;
bottom:75px;
transition: all 0.2s ease-in;
}
.customer-feedback .owl-nav i {
	background-color: transparent;
	color:#202020;
	font-size: 25px;
}
.customer-feedback .owl-prev {
	left: -15px;
}
.customer-feedback .owl-prev:hover {
	left: -20px;
}
.customer-feedback .owl-next {
	right: -15px;
}
.customer-feedback .owl-next:hover {
	right: -20px;
}
/* DOTS */
.customer-feedback .owl-dots {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -56px;
}
.customer-feedback .owl-dot {
	display: inline-block;
}
.customer-feedback .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	margin: 0 5px;
	background: #eeeeee;
	border: 1px solid rgb(156, 21, 23, 0);
	display: block;
	-webkit-backface-visibility: visible;
	transition: all 200ms ease;
	border-radius: 50%;
}
.customer-feedback .owl-dots .owl-dot.active span {
	background-color: rgb(156, 21, 23);
	border: 1px solid rgb(156, 21, 23);
	padding:5px;
}
.customer-feedback .owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit;
	border: #fff 1px solid;
	border-radius: 50%;
	height: 26px;
	margin: 4px;
}
.customer-feedback .owl-carousel button.active {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit;
	border: #9c1517 1px solid;
	border-radius: 50%;
	height: 26px;
	margin: 4px;
}

/* RESPONSIVE */
@media screen and (max-width: 767px) {
.feedback-slider-item:after {
left: 30px;
right: 30px;
}
.customer-feedback .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 45px;
bottom: auto;
}
.customer-feedback .owl-prev {
left: 0;
}
.customer-feedback .owl-next {
right: 0;
}
}

/*--------------------------------------------------------------
# customer review end
--------------------------------------------------------------*/



 @-webkit-keyframes animate-loading {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
 @keyframes animate-loading {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	padding: 0 0 0px 0;
	color:#46494b;
}
.footer-newsletter {
	background:url(../img/shapeyellow-topcor.jpg) no-repeat top center #fde74c;
	border-radius: 0px 0px 20px 20px;
	width:100%;
	background-size:100%;
	position:relative;
	padding:116px 108px 56px 108px;
	margin-bottom:64px;
}
.footer-newsletter:before {
	background:url(../img/subs-left-circle.png) no-repeat;
	background-size:100%;
	content:'';
	position:absolute;
	left:-38px;
	bottom:-50px;
	width:248px;
	height:202px;
}
.footer-newsletter:after {
	background:url(../img/subs-right-bag.png) no-repeat;
	background-size:100%;
	content:'';
	position:absolute;
	right:64px;
	bottom:-40px;
	width:192px;
	height:206px;
}
#footer .footer-newsletter ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer .footer-newsletter ul li {
	display:inline-block;
	padding:0 5px;
	vertical-align:middle;
}
#footer .footer-newsletter ul li h4 {
	font-size: 30px;
	margin-bottom:0;
	padding: 0;
	font-weight: 600;
	color: #231f20;
}
#footer .footer-newsletter a.trial-btn1 {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding:15px 20px;
	font-size:18px;
}
#footer .footer-newsletter a.trial-btn1:hover {
	border:#9c1517 1px solid;
	background:transparent;
	border-radius: 4px;
	color:#46494b;
}
.footer-newsletter a.subsnow-btn {
	border:#9c1517 1px solid;
	border-radius: 4px;
	color:#46494b;
	font-weight:600;
	padding:15px 20px;
	font-size:18px;
}
.footer-newsletter a.subsnow-btn:hover {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
}
#footer .footer-top {
	padding: 30px 0 20px 0;
	background: #fff;
	border-top:#7ad3f0 1px solid;
	border-bottom: #7ad3f0 1px solid;
	position:relative;
	z-index:0;
}
/*#footer .footer-top .appointment, #footer .footer-top2 .appointment{
 position:absolute;
 z-index:99;
 width:148px;
 right:78px;
 bottom:52px;
}*/


#footer .footer-top2 {
	padding: 60px 0 30px 0;
	background: #fff;
	border-bottom: #7ad3f0 1px solid;
	position:relative;
	z-index:0;

}
#footer .footer-contact {
	margin-bottom: 30px;
}
#footer .footer-contact p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: 'Manrope', sans-serif;
	color: #5c5c5c;
}
#footer .footer-top h4, #footer .footer-top2 h4 {
	font-size: 18px;
	font-weight: bold;
	color: #231f20;
	position: relative;
	padding-bottom: 12px;
	font-weight: 700;
}
#footer .footer-links {
	margin-bottom: 30px;
}
#footer .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .footer-links ul i {
	padding-right: 2px;
	color: #f39e7a;
	font-size: 18px;
	line-height: 1;
}
#footer .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
}
#footer .footer-links ul li:first-child {
	padding-top: 0;
}
#footer .footer-links ul a {
	color: #5c5c5c;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
}
#footer .footer-links ul a:hover {
	text-decoration: none;
	color: #eb5d1e;
}
#footer .social-links a {
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	margin-right: 4px;
	text-align: center;
	transition: 0.3s;
}
#footer .social-links a:hover {
	text-decoration: none;
}
#footer .social-links a.facebook {
	color:#b171ff;
}
#footer .social-links a.instagram {
	color:#ffa126;
}
#footer .social-links a.youtube {
	color:#ff6b5a;
}
#footer .copyright {
	text-align: center;
}
ul.address-list {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
}
ul.address-list li {
	padding:0 0 10px 35px;
	position:relative;
}
ul.address-list li i {
	font-size:24px;
	position:absolute;
	left:0;
	color:#000;
}

.appointment{ position:fixed; z-index:999; width:148px; bottom:45px; right:74px;}
.light-footer{ position:relative;  text-align:center;}
.light-footer a{display:inline-block; text-align:center; width:148px;}
.light-footer .img1{ height:118px; margin-left:-68px;}
.light-footer .img2{height: 100%; margin-top: -32px; width: 118px;}
.bg-imp{ background-color:transparent!important; border-color:transparent!important; position:relative;}
.cross-btn{ position:absolute; z-index:99; right:26px; top:26px;}

@media (max-width: 575px) {
 #footer .copyright, #footer .credits {
 float: none;
 -moz-text-align-last: center;
 text-align-last: center;
 padding: 3px 0;
}
}
/*====================== Course Page start ==========================*/

#course-inner {
	width: 100%;
	background: #ecf7fb;
	min-height:560px;
	position:relative;
	z-index:2;
}
#course-inner ul.course-list {
	margin:12px 0;
	padding:0;
	list-style:none;
}
#course-inner ul.course-list li {
	display:inline-block;
	color:#231f20;
	font-size:36px;
	position:relative;
	text-align:center;
	margin-right:30px;
	line-height:34px;
	font-weight:600;
}
#course-inner ul.course-list li span {
	color:#231f20;
	font-size:22px;
}
#course-inner ul.course-list li:after {
	position:absolute;
	background:#9c1517;
	height:36px;
	width:3px;
	right:-15px;
	top:0px;
	content:"";
}
#course-inner ul.course-list li:last-child:after {
	background:none;
}
#course-inner h1 {
	margin: 0 0 10px 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	color:#231f20;
}
#course-inner h2 {
	color:#231f20;
	margin: 15px 0 0 0;
	font-size: 24px;
}
#course-inner h4 {
	font-size: 36px;
	font-weight:700;
	color:#231f20;
	margin-bottom:10px;
}
#course-inner .btn-get-started {
	font-family: 'Manrope', sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 28px;
	border-radius: 3px;
	transition: 0.5s;
	margin-top: 30px;
	color: #fff;
	background: #eb5d1e;

}
#course-inner .btn-get-started:hover {
	background: #ef7f4d;
}
#course-inner .animated {
	animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
.course-inner-img {
	position:relative;
}
.course-inner-img-out {
	position: absolute;
	top:-145px;
	right:0;
}
#inner-main {
	margin-top: 0px;
}
.class-topic {
	background:#fffdec;
	padding-top:48px;
	position:relative;
	z-index:0;
}
.class-topic:after {
	background:url(../img/flower-img.png) no-repeat;
	background-size:100%;
	content:'';
	position:absolute;
	right:40px;
	bottom:-60px;
	width:235px;
	height:236px;
}
.class-topic h1 {
	color:#231f20;
	font-size:36px;
	font-weight:600;
	border-bottom:#f55697 2px solid;
	padding-bottom:10px;
	margin-bottom:40px;
}
.cor-blu-list {
	background:#daf6ff;
	border-radius:20px;
	padding:38px;
}
.cor-blu-list h5 {
	color:#231f20;
	font-size:20px;
	font-weight:600;
	border-bottom:#3fcefc 1px solid;
	padding-bottom:10px;
}
ul.cor-list {
	margin:15px 0 0 0px;
	padding:0;
	list-style:none;
}
ul.cor-list {
	color:#46494b;
	font-size:16px;
	line-height:36px;
}
ul.cor-list li {
	background:url(../img/course-tringle-ico.png) no-repeat left top 12px;
	padding-left:20px;
}
.pink-btn {
	border:#f55697 1px solid;
	background:#f55697;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding:15px 30px;
}
.pink-btn:hover {
	border:#f55697 1px solid;
	border-radius: 4px;
	color:#f55697;
}
/*<!--equal height css-->*/
 .row-flex {
	display: flex;
	flex-wrap: wrap;
}
.content {
	height: 100%;
	color: #fff;
}
.class-head {
	float:left;
	text-align:center;
}
.class-head h3 {
	background:#ffe84d;
	border-radius:6px;
	color:#231f20;
	padding:15px 30px;
	font-size:28px;
	font-weight:600;
}
.class-selbtn {
	float:right;
}
.class-selbtn .sel-txt {
	color:#231f20;
	font-size:20px;
	padding:16px 0;
	font-weight: 600;
}
.class-dropsel {
	color:#231f20;
	font-size:20px;
	border-radius:6px;
}
.class-dropsel .form-select {
	display: block;
	width: 100%;
	padding: 1rem 3rem 1rem 1.5rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.5;
	color: #212529;
	background-color: #ffe84d !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f55697' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px 12px;
	border: 0px solid #ced4da;
 border-radius: .375rem;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*<!--equal height css-->*/
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-inner {
	padding: 0px 0;
}
.team-inner .member {
	background: #efe4fd;
	position: relative;
	overflow: hidden;
	padding:35px 35px 20px 35px;
	border-radius:20px;
	margin:0 auto;
}
.team-inner .member img {
	margin-bottom:15px;
}
.team-inner .member .member-info-content {
	font-size: 16px;
	color: #46494b;
}
/*--------------------------------------------------------------
# Choose package
--------------------------------------------------------------*/

.choose-package {
margin:0px;
	padding: 0px 0;
	background:#efe4fd;
}
/*.choose-package .math-sub {
	position:relative;
	z-index:0;
	text-align:center;
	background:#ff6b5a;
	color:#fff;
	border-radius:16px;
	padding: 82px 20px 15px 20px!important;
	min-height:266px;
	border-width: 0!important;
	display:block;
	font-size:36px;
	font-weight:600;
}
.choose-package .math-sub:after {
	position:absolute;
	top:150px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
	background: url(../img/math-icon.png) no-repeat;
	width:206px;
	height:206px;
	background-size:100%;
	z-index:99;
	content:'';
}
.choose-package .eng-sub {
	position:relative;
	z-index:0;
	text-align:center;
	background:#ffa126;
	color:#fff;
	border-radius:16px;
	padding: 82px 20px 15px 20px!important;
	min-height:266px;
	border-width: 0!important;
	display:block;
	font-size:36px;
	font-weight:600;
}
.choose-package .eng-sub:after {
	position:absolute;
	top:150px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
	background: url(../img/english-icon.png) no-repeat;
	width:206px;
	height:206px;
	background-size:100%;
	z-index:99;
	content:'';
}
.choose-package .sci-sub {
	position:relative;
	z-index:0;
	text-align:center;
	background:#59d6ff;
	color:#fff;
	border-radius:16px;
	padding: 82px 20px 15px 20px!important;
	min-height:266px;
	border-width: 0!important;
	display:block;
	font-size:36px;
	font-weight:600;
}
.choose-package .sci-sub:after {
	position:absolute;
	top:150px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
	background: url(../img/science-ico.png) no-repeat;
	width:206px;
	height:206px;
	background-size:100%;
	z-index:99;
	content:'';
}
.choose-package .gk-sub {
	position:relative;
	z-index:0;
	text-align:center;
	background:#b171ff;
	color:#fff;
	border-radius:16px;
	padding: 82px 20px 15px 20px!important;
	min-height:266px;
	border-width: 0!important;
	display:block;
	font-size:36px;
	font-weight:600;
}
.choose-package .gk-sub:after {
	position:absolute;
	top:150px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
	background: url(../img/gk-ico.png) no-repeat;
	width:206px;
	height:206px;
	background-size:100%;
	z-index:99;
	content:'';
}*/

.choose-package .math-sub:hover, .choose-package .math-sub:focus, .choose-package .math-sub:active, 
.choose-package .eng-sub:hover, .choose-package .eng-sub:focus, .choose-package .eng-sub:active,
.choose-package .sci-sub:hover, .choose-package .sci-sub:focus, .choose-package .sci-sub:active, 
.choose-package .gk-sub:hover, .choose-package .gk-sub:focus, .choose-package .gk-sub:active {
	background:#9c1517;
	color:#fff;
	border:0px solid transparent!important;
}
.choose-package .btn-check:active+.btn, .choose-package .btn-check:checked+.btn, .choose-package .btn.active, .choose-package .btn.show, .choose-package .btn:active {
	color: #fff;
	background-color: #9c1517;
	border-color: #9c1517 0px transparent!important;
	position:relative;
	z-index:0;
	padding: 82px 20px 15px 20px;
}
.choose-package .btn-check:active+.btn:before, .choose-package .btn-check:checked+.btn:before, .choose-package .btn.active:before, .choose-package .btn.show:before, .choose-package .btn:active:before {
	content: "\ed31";
	position:absolute;
	left:0px;
	right:0px;
	top:38px;
	color:#fff;
	font-size:42px;
	z-index:1;
	font-family: boxicons!important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*--------------------------------------------------------------
# Buy Now
--------------------------------------------------------------*/
.class-check {
	margin:0px;
	padding:0;
}
.class-check .blue-uncheck {
	background:#59d6ff;
	color:#fff;
	font-size:24px;
	font-weight:600;
	padding:15px 42px 15px 55px;
	border-radius:6px;
	width:100%;
}
.blue-uncheck {
	border-width: 0!important;
}
.class-check .blue-uncheck:hover, .class-check .blue-uncheck:focus, .class-check .blue-uncheck:active {
	background:#9c1517;
	color:#fff;
	border:0px solid transparent!important;
}
.class-check .btn-check:active+.btn, .class-check .btn-check:checked+.btn, .class-check .btn.active, .class-check .btn.show, .class-check .btn:active {
	color: #fff;
	background-color: #9c1517;
	border-color: #9c1517 0px transparent!important;
	position:relative;
	z-index:0;
	padding:15px 42px 15px 55px;
}
.class-check .btn-check:active+.btn:before, .class-check .btn-check:checked+.btn:before, .class-check .btn.active:before, .class-check .btn.show:before, .class-check .btn:active:before {
	content: "\ed31";
	position:absolute;
	left:19px;
	top:20px;
	color:#fff;
	font-size:28px;
	z-index:1;
	font-family: boxicons!important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.blue-plan1 {
	background:#fff;
	border-radius:40px;
	-webkit-box-shadow: 0px 0px 15px 4px rgba(89, 214, 255, 0.4);
	-moz-box-shadow: 0px 0px 15px 4px rgba(89, 214, 255, 0.4);
	box-shadow: 0px 0px 15px 4px rgba(89, 214, 255, 0.4);
	text-align:center;
	margin:0 auto;
	padding:0px 0 50px 0;
	cursor:pointer;
	transition: box-shadow 0.5s ease-in-out;
}
.blue-plan1:hover {
	-webkit-box-shadow: 0px 0px 50px 4px rgba(89, 214, 255, 0.4);
	-moz-box-shadow: 0px 0px 50px 4px rgba(89, 214, 255, 0.4);
	box-shadow: 0px 0px 50px 4px rgba(89, 214, 255, 0.4);
	transition: box-shadow 0.5s ease-in-out;
}
.blue-plan1 h6 {
	color:#231f20;
	font-size:24px;
	font-weight:600;
	margin-bottom:35px;
}
.month-bluhead {
	background:#59d6ff;
	font-size:38px;
	text-align:center;
	border-radius: 40px 40px 0px 0px;
	font-weight:700;
	color:#fff;
	margin-bottom:160px;
	padding: 20px 20px 100px 20px;
	position:relative;
	z-index:0;
}
.blue-plan1 .blue-buybtn {
	color:#fff;
	background:#59d6ff;
	border-radius:6;
	font-size:22px;
	font-weight:700;
	padding: 14px 18%;
}
.blue-plan1 .blue-buybtn:hover, .blue-plan1 .blue-buybtn.active {
	border-color:transparent!important;
}
.purp-plan1 {
	background:#fff;
	border-radius:40px;
	-webkit-box-shadow: 0px 0px 15px 4px rgba(177, 113, 255, 0.4);
	-moz-box-shadow: 0px 0px 15px 4px rgba(177, 113, 255, 0.4);
	box-shadow: 0px 0px 15px 4px rgba(177, 113, 255, 0.4);
	text-align:center;
	margin:0 auto;
	padding:0px 0 50px 0;
	cursor:pointer;
	transition: box-shadow 0.5s ease-in-out;
}
.purp-plan1:hover {
	-webkit-box-shadow: 0px 0px 50px 4px rgba(177, 113, 255, 0.4);
	-moz-box-shadow: 0px 0px 50px 4px rgba(177, 113, 255, 0.4);
	box-shadow: 0px 0px 50px 4px rgba(177, 113, 255, 0.4);
	transition: box-shadow 0.5s ease-in-out;
}
.purp-plan1 h6 {
	color:#231f20;
	font-size:24px;
	font-weight:600;
	margin-bottom:35px;
}
.month-purhead {
	background:#b171ff;
	font-size:38px;
	text-align:center;
	border-radius: 40px 40px 0px 0px;
	font-weight:700;
	color:#fff;
	margin-bottom:160px;
	padding: 20px 20px 100px 20px;
	position:relative;
	z-index:0;
}
.purp-plan1 .purp-buybtn {
	color:#fff;
	background:#b171ff;
	border-radius:6;
	font-size:22px;
	font-weight:700;
	padding: 14px 18%;
}
.purp-plan1 .purp-buybtn:hover, .purp-plan1 .purp-buybtn.active {
	border-color:transparent!important;
}
.org-plan1 {
	background:#fff;
	border-radius:40px;
	-webkit-box-shadow: 0px 0px 15px 4px rgba(255, 161, 38, 0.4);
	-moz-box-shadow: 0px 0px 15px 4px rgba(255, 161, 38, 0.4);
	box-shadow: 0px 0px 15px 4px rgba(255, 161, 38, 0.4);
	text-align:center;
	margin:0 auto;
	padding:0px 0 50px 0;
	cursor:pointer;
	transition: box-shadow 0.5s ease-in-out;
}
.org-plan1:hover {
	-webkit-box-shadow: 0px 0px 50px 4px rgba(255, 161, 38, 0.4);
	-moz-box-shadow: 0px 0px 50px 4px rgba(255, 161, 38, 0.4);
	box-shadow: 0px 0px 50px 4px rgba(255, 161, 38, 0.4);
	transition: box-shadow 0.5s ease-in-out;
}
.org-plan1 h6 {
	color:#231f20;
	font-size:24px;
	font-weight:600;
	margin-bottom:35px;
}
.month-orghead {
	background:#ffa126;
	font-size:38px;
	text-align:center;
	border-radius: 40px 40px 0px 0px;
	font-weight:700;
	color:#fff;
	margin-bottom:160px;
	padding: 20px 20px 100px 20px;
	position:relative;
	z-index:0;
}
.org-plan1 .org-buybtn {
	color:#fff;
	background:#ffa126;
	border-radius:6;
	font-size:22px;
	font-weight:700;
	padding: 14px 18%;
}
.org-plan1 .org-buybtn:hover, .org-plan1 .org-buybtn.active {
	border-color:transparent!important;
}
.circle-price {
	border-radius:50%;
	max-width:220px;
	min-height:220px;
	padding:14px;
	background:#9c1517;
	color:#fff;
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top:152px;
	z-index:2;
}
.circle-bordr {
	max-width:192px;
	min-height:192px;
	border:#fff 6px solid;
	border-radius:50%;
}
.rupee-sig {
	font-size:60px;
	font-weight:700;
	line-height:50px;
	margin-top:14px;
	margin-bottom:5px;
}
.price-yel {
	color:#ffd200;
	font-size:38px;
	font-weight:700;
}
.price-cross {
	font-size:24px;
	color:#fff;
	font-weight:700;
	text-decoration:line-through;
}

/*--------------------------------------------------------------
# Login page
--------------------------------------------------------------*/
::-webkit-input-placeholder { /* Edge */
 color: #46494b;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #46494b;
}
::placeholder {
 color: #46494b;
}
.career-bg {
	background:url(../img/join-left.jpg) no-repeat center top;
	min-height:811px;
	width:100%;
	background-size:cover;
}
.login-bg {
	background:url(../img/login-leftbg.jpg) no-repeat center top;
	min-height:811px;
	width:100%;
	background-size:cover;
}
.frame-mob {
	max-width:260px;
}
.login-bg2 {
	background:#fffcec;
	}
.login-form {
	width:100%;
	padding:0 124px;
}
.login-hitxt img {
	margin-right:25px;
}
.login-hitxt {
	color:#b171ff;
	font-size:36px;
	font-weight:800;
}
.login-form h5 {
	color:#231f20;
	font-size:36px;
	font-weight:800;
	margin-top:40px;
	margin-bottom:32px;
}
.login-bx {
	width:100%;
}
.login-bx h6 {
	color:#9c1517;
	font-size:30px;
	font-weight:700;
	margin-bottom:20px;
}
.login-bx .form-control {
	border:0px;
	border-bottom:#59d6ff 1px solid;
	border-radius:0px;
	background:transparent;
	padding:15px 0;
}
.form-space {
	margin-bottom:30px;
}
.next-btn {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding:10px 30px;
}
.next-btn:hover {
	border:#9c1517 1px solid;
	background:transparent;
	border-radius: 4px;
	color:#46494b;
}
.next-btn:active, .next-btn:focus {
	border:#9c1517 1px solid!important;
	color:#46494b;
}
.login-form-pass {
	width:100%;
	padding:0 98px;
	color:#231f20;
}
.login-form-pass h5 {
	color:#231f20;
	font-size:28px;
	font-weight:600;
	margin-bottom:10px;
}
.login-form-pass h6 {
	color:#9c1517;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
}
.pass-bx { width:100%;}
ul.pass-check {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
ul.pass-check li {
	display:inline-block;
	padding:0px;
	margin:0 5px 15px 5px;
	width:62px;
	height:62px;
}
ul.pass-check li label.btn {
--bs-btn-padding-x:0rem;
--bs-btn-padding-y:0rem;
}
.pass-check .blue-checkbor {
	border:#59d6ff 2px solid;
	border-radius:6px;
	width:100%;
}
.pass-check .blue-checkbor:hover, .pass-check .blue-checkbor:focus, .pass-check .blue-checkbor:active {
	background-color: #fff;
	border:#9c1517 2px solid !important;
}
.pass-check .btn-check:active+.btn, .pass-check .btn-check:checked+.btn, .pass-check .btn.active, .pass-check .btn.show, .pass-check .btn:active {
	background-color: #fff;
	border:#9c1517 2px solid !important;
	position:relative;
	z-index:0;
}
.forgt-bx {
	margin-top:12px;
	width:100%;
}
.for-txt {
	display:block;
	margin-bottom:12px;
}



ul.pass-check2 {
	margin:0;
	padding:0 32px;
	list-style:none;
}
ul.pass-check2 li {
	display:inline-block;
	padding:0px;
	margin:0 5px 15px 5px;
	width:62px;
	height:62px;
}
ul.pass-check2 li label.btn {
--bs-btn-padding-x:0rem;
--bs-btn-padding-y:0rem;
}
.pass-check2 .blue-checkbor {
	border:#59d6ff 2px solid;
	border-radius:6px;
	width:100%;
}
.pass-check2 .blue-checkbor:hover, .pass-check2 .blue-checkbor:focus, .pass-check2 .blue-checkbor:active {
	background-color: #fff;
	border:#9c1517 2px solid !important;
}
.pass-check2 .btn-check:active+.btn, .pass-check2 .btn-check:checked+.btn, .pass-check2 .btn.active, .pass-check2 .btn.show, .pass-check2 .btn:active {
	background-color: #fff;
	border:#9c1517 2px solid !important;
	position:relative;
	z-index:0;
}


/*--------------------------------------------------------------
# Free Trial page
--------------------------------------------------------------*/

.trial-bg {
	background:url(../img/trial-bg.png) no-repeat center top;
	background-size:cover;
	min-height:811px;
	width:100%;
}
.trial-img {
	max-width:506px;
}

.trial-bg2{background:#faffed;}
.trial-bg3{background:#fffcec;}

.trial-form {
	    color: #231f20;
	width:100%;
	padding:0px 100px;
	
}
.trial-form h5 {
	color:#231f20;
	font-size:36px;
	font-weight:800;
	margin-bottom:28px;
}
.trial-bx { width:100%; }
.trial-bx h6 {
	color:#9c1517;
	font-size:30px;
	font-weight:700;
	margin-bottom:20px;
}
.trial-bx label.form-label{ display:none;}
.trial-bx .form-control, .trial-bx .form-select {
	border:0px;
	border-bottom:#59d6ff 1px solid;
	border-radius:0px;
	background-color:transparent;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
	padding:15px 0;
	color:#46494b;
}

.reciv-txt{ margin-bottom:20px; font-size:16px!important; color:#46494b;}

.trial-bx .form-control-otp {
	border:#59d6ff 1px solid;
	border-radius:4px;
	background:transparent;
	padding:10px 0px;
	text-align:center;
}

.otp-btn {
	border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding:10px 30px;
}
.otp-btn:hover {
	border:#9c1517 1px solid;
	background:transparent;
	border-radius: 4px;
	color:#46494b;
}
.otp-btn:active, .otp-btn:focus {
	border:#9c1517 1px solid!important;
	color:#46494b;
}

.emailtxt{ color:#46494b; font-size:16px;}
.trial-bx .form-check-input:checked {
    background-color: #59d6ff;
    border-color: #59d6ff;
}

.trial-bx .form-check-input{ width:1.2em; height:1.2em;}
.font-14{font-size:14px;}

.otp-count{ display:inline-flex; text-align:start; justify-content: space-between;}
.otp-count input{ margin:0 5px;}


/*--------------------------------------------------------------
# Dashboard page
--------------------------------------------------------------*/

.dashboard-headbg{ background:#ecf7fb; padding:20px 0;}
.dash-logo{max-width:170px; margin-bottom:24px;}
.back-side{max-width:170px; }
.back-btn{ text-align:center;
border:#9c1517 1px solid;
	background:#9c1517;
	color:#fff;
	border-radius: 4px;
	font-weight:600;
	padding:10px 30px 10px 15px;
	width:118px;
}
.back-side i{ font-size: 26px; line-height: 27px;}
.back-btn:hover {
	border:#9c1517 1px solid;
	background:transparent;
	border-radius: 4px;
	color:#46494b;
}
.back-btn:active, .back-btn:focus {
	border:#9c1517 1px solid!important;
}
.reward-bg{ width:94%; position:relative; z-index:0; background:#59d6ff; color:#fff; font-size:22px; font-weight:700; border-radius:60px; padding:25px 25px 25px 106px; line-height:24px; margin-top:94px; margin-left:6%;}
.reward-circle{ position:absolute; z-index:1; width:118px; min-height:118px; bottom:0px; left:-6%; background:#59d6ff; padding:18px; border-radius:50%;}
.reward-bg img {border-radius:100%;}
.reward-bg h6{ color:#fff; font-size:20px; font-weight:600; max-width:67%; overflow:hidden;}
.reward-lthouse{position:absolute; z-index:2; width:112px; right:22px; bottom:14px; color:#231f20; font-size:18px; text-align:center; background: url(../img/lighthouse-sm.png) no-repeat top right; top: 12px;}


.reward-bg2{ width:94%; position:relative; z-index:0; background:#59d6ff; color:#fff; font-size:16px; font-weight:700; border-radius:60px; padding:12px 15px 12px 65px; line-height:24px; margin-top:34px; left:0px; margin-left:6%;}
.reward-coin{ margin-top:16px;}
.reward-circle2{ position:absolute; z-index:1; width:75px; min-height:75px; bottom:0px; left:-6%; background:#59d6ff; padding:8px; border-radius:50%;}
.reward-circle2 img {border-radius:100%;}
.reward-bg2 h6{ color:#fff; font-size:16px; font-weight:600; max-width:100%; overflow:hidden;}
.rew-num{ background:#59d6ff; width:40px; height:40px; border-radius:50%; color:#000; text-align:center; line-height:40px; margin: 22px 0 0 10px;}

.dash-rtmenu{ width:100%; background:url(../img/pencil.png) no-repeat left top; padding:0 0 0 130px;}
.dash-rtmenu ul.dh-menutop{ margin:0; padding:0; list-style:none;}
.dash-rtmenu ul.dh-menutop li{display:inline-block; width:32.5%; text-align:center; font-size:15px; color:#231f20;}
.dash-rtmenu ul.dh-menutop li a.redmenu{ width:66px; height:58px; padding:8px 0; margin:0 auto 10px auto; background:#ff6b5a; border-radius:4px; text-align:center; display:block;}
.dash-rtmenu ul.dh-menutop li a.redmenu:hover{background:#9c1517;}

.dash-rtmenu ul.dh-menutop li a.orgmenu{ width:66px; height:58px; padding:8px 0; margin:0 auto 10px auto; background:#ffa126; border-radius:4px; text-align:center; display:block; }
.dash-rtmenu ul.dh-menutop li a.orgmenu:hover{background:#9c1517;}

.dash-rtmenu ul.dh-menutop li a.purmenu{ width:66px; height:58px; padding:8px 0; margin:0 auto 10px auto; background:#b171ff; border-radius:4px; text-align:center; display:block; }
.dash-rtmenu ul.dh-menutop li a.purmenu:hover{background:#9c1517;}


.dash-rtmenu ul.dh-menubottom{ margin:22px 0 0 0; padding:0; list-style:none;}
.dash-rtmenu ul.dh-menubottom li{display:inline-block; width:32.5%; text-align:center; font-size:15px; color:#231f20;}
.dash-rtmenu ul.dh-menubottom li a.dr-redmenu{ width:56px; height:56px; padding:10px 0; margin:0 auto 10px auto; background:#9c1517; border-radius:50%; text-align:center; display:block; position:relative;}

.dash-rtmenu ul.dh-menubottom li a.dr-redmenu:hover{ background:#59d6ff;}
.triangle-right-top-1 {
    border-width: 6px 0 12px 20px;
    border-color: transparent transparent transparent #9c1517;
	width: 0;
    height: 0;
	border-style: solid;
	left: 10px;
	position: absolute;
	bottom:-5px;
}
.dash-rtmenu ul.dh-menubottom li a.dr-redmenu:hover .triangle-right-top-1{border-color: transparent transparent transparent #59d6ff;}

.triangle-right-top-2 {
    border-width: 6px 0 12px 20px;
    border-color: transparent transparent transparent #59d6ff;
	width: 0;
    height: 0;
	border-style: solid;
	left: 10px;
	position: absolute;
	bottom:-5px;
}
.dash-rtmenu ul.dh-menubottom li a.dr-redmenu:hover .triangle-right-top-2{border-color: transparent transparent transparent #59d6ff;}


 
 .dashboard-bg-animation2{ width:100%; float:left; background-color:#1a4a97} 
 



 
@media (min-width:1025px) {
 .dashboard-bg-animation{ width:100%; background-image:url('../img/animation/lighthouse-bg2.svg'); background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; float:left; background-color:#1a4a97} 
}


@media (max-width:1024px) {
.dashboard-bg-animation{ width:100%; background-image:url('../img/animation/lighthouse-bg2.jpg'); background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; float:left; background-color:#1a4a97}
}



 







.dash-map{ float:right; margin-top:30px; text-align:center;}
.dash-map a.redhome{ width:66px; height:58px; padding:8px 0; margin:0 auto 10px auto; background:#ff6b5a; border-radius:4px; text-align:center; display:block; position:relative; z-index:99; }
.dash-map a.redhome:hover{background:#9c1517;}
.dash-logo2{max-width:170px; z-index:999; position:relative;}
.dash-map a.redhome .bxs-home{ font-size:44px; color:#fff;}
	

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 30px;
	bottom:30px;
    left: -250px;
    height: 94vh;
    z-index: 999;
    background-color: rgb(28,73,152);
    background-color: linear-gradient(306deg, rgba(28,73,152,1) 0%, rgba(24,148,166,1) 100%);
	background-image: url(../img/left-menubg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100%;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-radius:30px;
}

#sidebar.active {
    left: 30px;
	top:30px;
	bottom:30px;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
	background:#ff6b5a;
	border-radius:50%;

}

#dismiss i{ font-size:24px; line-height:36px; color:#fff;}



.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding:30px 20px 20px 20px;
    background: #fff;
	border-radius:30px 30px 0 0;
}

#sidebar ul.components {
    padding: 20px;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}
#sidebar ul li{ padding:10px 0;}
#sidebar ul li ul.list-unstyled li{padding:2px;}

#sidebar ul li a {
    padding: 0 0 0 40px;
    font-size: 18px;
    display: block;
	color:#fff;
	font-weight:600;
	line-height:32px;
}

#sidebar ul li a:hover {
    color: #f7f7f7;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #f7f7f7;
}

#sidebar ul li a.home{background: url(../img/left-home.png) no-repeat left top; width:32px; height:32px;}
#sidebar ul li a.star{background: url(../img/left-star.png) no-repeat left top; width:32px; height:32px;}
#sidebar ul li a.reward{background: url(../img/left-reward.png) no-repeat left top; width:32px; height:32px;}
#sidebar ul li a.leader{background: url(../img/left-leader.png) no-repeat left top; width:32px; height:32px;}
#sidebar ul li a.bookmark{background: url(../img/left-bookmark.png) no-repeat left top; width:32px; height:32px;}
#sidebar ul li a.profile{background: url(../img/left-profile.png) no-repeat left top; width:32px; height:32px;}
#sidebar ul li a.logout{background: url(../img/left-logout.png) no-repeat left top; width:32px; height:32px;}

a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 40px !important;
    background: #59d6ff;

}

.topic-btn {
	background-color:#fff;
	font-size:30px;
	text-align:center;
	text-decoration:none;
	color:#9c1517;
	font-weight:700;
	position:relative;
	padding:20px 70px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
}

.topic-btn:active {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

/* ---------------------------------------------------
    Dashboard Select Topic
----------------------------------------------------- */
.sel-topic-btn {
	width:100%;
	min-height:150px;
	display:block;
	background-color:#fff;
	font-size:16px;
	text-decoration:none;
	color:#231f20;
	font-weight:700;
	position:relative;
	padding:38px 20px 26px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
}
.sel-topic-btn:active {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
}
.sel-topic-btn span{ font-size:14px; color:#9c1517;}
.dashboard-bg-animation h2{ color:#fff; font-size:32px; margin-bottom:28px;}
.search-bx {
	width:100%;
	min-height:70px;
	display:block;
	background-color:#59d6ff;
	font-size:16px;
	text-decoration:none;
	color:#231f20;
	font-weight:700;
	position:relative;
	padding:16px 26px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
	-webkit-box-shadow: inset 0px 1px 0px #00aee7, 0px 10px 0px 0px #00aee7, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #00aee7, 0px 10px 0px 0px #00aee7, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #00aee7, 0px 10px 0px 0px #00aee7, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #00aee7, 0px 10px 0px 0px #00aee7, 0px 10px 5px transparent;
}
.search-bx .form-control{ background-color:transparent; border-color:transparent; border-bottom:#fff 2px solid; padding-left:0; padding-right:0; border-radius:0; margin-right:5px}
.search-bx .form-control::placeholder{color:#234699;} 
.search-btn{ border-color:transparent; width:38px; height:38px; background-color:#9c1517; -webkit-border-radius: 50%;
	-moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
	.search-btn:hover{border-color:transparent; background-color:#9c1517;}
	.search-bx .input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
     margin-left: 0px; 
     border-top-left-radius:50%; 
     border-bottom-left-radius: 50%; 
}
.search-btn .bx-search{ color:#fff; font-size:24px;}
.search-bx .btn {
    --bs-btn-padding-x: 8px;
    --bs-btn-padding-y: 8px;
	}
	
/* ---------------------------------------------------
    Dashboard Leaderboard
----------------------------------------------------- */	
.tab-frame{ background-color:#2b2b37; width:100%; -webkit-border-radius: 80px; -moz-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; border:#fff 4px solid; padding:20px;}
.tab-frame-blue{background-color:#59d6ff; width:100%; min-height:920px -webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; padding:38px 20px 38px 40px;}
.tab-frame-blue h5{ color:#2b2b37; font-size:30px; text-align:center; font-weight:700;}
.tab-frame-blue h6{ color:#fff; text-align:center; font-size:20px; font-weight:700; margin-bottom:32px;}

ul.leader-list{ margin:0; padding:0; list-style:none;}
ul.leader-list li{ background-color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; display:block; margin-bottom:12px; padding:8px 18px; color:#2b2b37; }

ul.leader-list li div.numb{ font-size:30px; font-weight:700; position:relative; z-index:0; text-align:center;}
ul.leader-list li div.numb .gold{ position:absolute; z-index:1; background:url(../img/gold-tik.png) no-repeat center top; width:42px; height:27px; left:-2px; right:0; top:15px; }
ul.leader-list li div.numb .silver{ position:absolute; z-index:1; background:url(../img/silver-tik.png) no-repeat center top; width:42px; height:27px; left:-2px; right:0; top:15px; }
ul.leader-list li div.numb .brownse{ position:absolute; z-index:1; background:url(../img/brownse-tik.png) no-repeat center top; width:42px; height:27px; left:-2px; right:0; top:15px; }
ul.leader-list li div.proimg{ font-size:18px; font-weight:600;}
ul.leader-list li div.proimg img{ width:76px; height:76px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right:5px;}
ul.leader-list li div.light-txt{font-size:22px; font-weight:700;}
ul.leader-list li div.light-txt span{ font-size:14px; display:block;}


.yr-section-btn {
	background-color:#ff6b5a;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:700;
	position:relative;
	padding:10px 24px;
	margin:0 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
}
.yr-section-btn:hover {
color:#fce058;
}

.yr-section-btn:active {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
}

.ct-rank-btn {
	background-color:#fff;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	color:#9c1517;
	font-weight:700;
	position:relative;
	padding:10px 24px;
	margin:0 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
}


.ct-rank-btn:active {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
	box-shadow: inset 0px 1px 0px #dfdfdf, 0px 5px 0px 0px #dfdfdf, 0px 5px 3px transparent;
}

/* ---------------------------------------------------
   Rewards
----------------------------------------------------- */
.reward-frame{ background-color:#ff6b5a; width:100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding:20px;}

.reward-frame-white{ background-color:#fff; width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding:20px;}

.appear-bx{border-bottom:#ff6b5a 2px solid; padding-bottom:18px;}
.appear-bx h5{font-size:20px; font-weight:600; margin-bottom:24px;}
.appear-boy{max-width:254px; margin:0 auto;}
.appear-txt{margin-top:15px; text-align:center;}
.appear-txt h6{font-size:20px; font-weight:600; margin-bottom:5px;}
.reward-num{ font-size:30px; font-weight:700;}
.earn-bx{ margin-top:30px;}
.earn-bx h5{font-size:20px; font-weight:600; margin-bottom:24px;}
.reward-girl{max-width:330px; margin:0 auto;}

/* ---------------------------------------------------
   My Profile
----------------------------------------------------- */
.prof-picbx{ background-color:#ff6b5a; width:100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding:16px; margin-top:63px;}
.prof-picbx2{ background-color:#ff6b5a; width:100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding:16px; margin-top:0px;}
.prof-picbx-white{ background-color:#fff; width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding:26px;}
.am-title{ font-size:18px; font-weight:600;}
.pro-boyimg{ font-size:16px; font-weight:600; text-align:center;}
.pro-boyimg img{width:76px; height:76px; -webkit-border-radius: 50%; -moz-border-radius: 50%; display:block; text-align:center; margin:0 auto;}



.profile-frame{ background-color:#ff6b5a; width:100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding:16px;}

.profile-frame-white{ background-color:#fff; width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding:32px;}

.profile-img{ position:relative; z-index:0;  }
.profile-imgedit{ position:absolute; z-index:1; width:32px; height:32px; background:#ff6b5a; bottom:0; right:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; padding:6px;}
.profile-imgedit .bxs-camera{font-size:20px; color:#fff;}
.profile-img img{width:96px; height:96px; background:#25469a; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.profile-name h6{ font-size:20px; color:#231f20; font-weight:600;}
.rew-ern-spark{ width:100%; background:#59d6ff; border-radius:60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; padding: 16px 20px 16px 60px; color:#231f20; font-size:22px; font-weight:700; position:relative; z-index:0; min-height:76px; line-height:22px;}
.rew-ern-lighthouse{ position:absolute; z-index:1; bottom:-4px; left:16px; }
.rew-ern-spark p{ margin:0px; padding:0;}
.set-btn{ width:100%; margin:0 auto;}

.setting-frame-white{ background-color:#fff; width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding:24px; margin:0 auto; text-align:center;}


.setting-btn {
width:138px;
	background-color:#ff6b5a;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:700;
	position:relative;
	padding:10px 24px;
	margin:0 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
}
.setting-btn:hover {
color:#fce058;
}

.setting-btn:active {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
}

/*gender select*/
.gender-check {
	margin:0px;
	padding:0;
}
.gender-check .blue-uncheck {
	font-weight:600;
	width:100%;
	border-width: 0!important;
	padding:0;
}
.gender-check .blue-uncheck:hover, .gender-check .blue-uncheck:focus, .gender-check .blue-uncheck:active {
	border:0px solid transparent!important;
}
.gender-check .btn-check:active+.btn, .gender-check .btn-check:checked+.btn, .gender-check .btn.active, .gender-check .btn.show, .gender-check .btn:active {
	border-color: #9c1517 0px transparent!important;
	position:relative;
	z-index:0;
	color:#9c1517;
}
.gender-check .btn-check:active+.btn:before, .gender-check .btn-check:checked+.btn:before, .gender-check .btn.active:before, .gender-check .btn.show:before, .gender-check .btn:active:before {
	content: "\ed31";
	position:absolute;
	left:0;
	top:0px;
	color:#9c1517;
	font-size:28px;
	z-index:1;
	font-family: boxicons!important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	display: inline-block;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#fff;
	border-radius:100%;
}

/*gender select*/
.prof-img{ position:relative; width:110px; min-height:110px; margin:0 auto;}
.profile-pic {
    width: 200px;
    max-height: 200px;
    display: inline-block;
}

.file-upload {
    display: none;
}
.circle {
    border-radius: 100% !important;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0px;
}

.p-image {
  position: absolute;
  top: 68px;
  right: 14px;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
  font-size: 1.4em;
  padding:4px;
  color:#fff;
  border-radius:50%;
  background:#ff6b5a;
}

.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #f4f4f4;
}




.profile-tab .nav-link{ background-color:#59d6ff; font-size:18px; font-weight:600; padding:18px 30px; margin-right:8px; color:#fff; border-color:transparent;}
.profile-tab { margin-left:25px;}
.nav-tabs .nav-link:hover{ border-color:transparent;}
.nav-tabs .nav-link.active{ background-color:#ff6b5a; color:#fff;  border-color:transparent;}
.nav-tabs{border-color:transparent; --bs-nav-tabs-border-width:0px;}
.profile-frame-white .form-control{background-color:#ecf7fb; border:0px; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; padding: 0.938rem 1.375rem;}

.profile-frame-white .form-select{background-color:#ecf7fb; border:0px; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; padding: 0.938rem 1.375rem;}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.save-btn {
	background-color:#ff6b5a;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:700;
	position:relative;
	padding:10px 24px;
	margin:0 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
}
.save-btn:hover {
color:#fce058;
background-color:#ff6b5a;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent!important;
	border-color:transparent;
}
.save-btn:active  {
color:#fce058;
background-color:#ff6b5a;
	top:3px!important;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	border-color:transparent;
}
.save-btn:focus{color:#fff;
background-color:#ff6b5a;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent!important;
	border-color:transparent;
	}
.subs-title{ font-size:20px; font-weight:600; color:#231f20; margin-bottom:18px;}
.subscript-bx{ width:100%; background:#ecf7fb; padding:26px; font-size:18px; color:#231f20; border-radius:6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;}
.subscript-bx span{ color:#ff6b5a; font-style:italic;}
.setting-pass h5{ font-size:20px; font-weight:600; margin-bottom:5px; text-align:center;}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #828282;
    text-align: center;
    white-space: nowrap;
    background-color: #ecf7fb;
    border: 0px solid transparent;
    border-radius: 0.2rem;
}
.sel-spark-white {
	width:100%;
	display:block;
	background-color:#fff;
	font-size:16px;
	text-decoration:none;
	color:#231f20;
	font-weight:700;
	position:relative;
	padding:10px 25px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
}

.sel-spicon{ float:left; margin-right:20px; }
.sel-sptxt{ font-size:24px; color:#231f20; text-align:left; line-height:26px;}
.sel-sptxt span{ display:block; font-size:20px;}

.quest-point{ margin-top:110px;}
.quest-point h4{ color:#fff; font-size:24px; font-weight:600; text-align:center; margin-bottom:50px;}
.quest-button{ margin-top:50px;}
.correct-main{float:left; width:120px; color:#fff; text-align:center; }
.correct-main p, .wrong-main p{ text-align:center; font-size:24px; font-weight:600; padding-top:10px; color:#fff;}
.correct-bx{
	width:85px;
	display:block;
	background-color:#0bd544;
	font-size:36px;
	line-height:80px;
	text-decoration:none;
	color:#fff;
	font-weight:700;
	position:relative;
	text-align:center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 1px 0px #09aa36, 0px 10px 0px 0px #09aa36, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #09aa36, 0px 10px 0px 0px #09aa36, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #09aa36, 0px 10px 0px 0px #09aa36, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #09aa36, 0px 10px 0px 0px #09aa36, 0px 10px 5px transparent;
	margin:0 auto;

}

.wrong-main{float:right; width:120px; color:#fff; text-align:center;}
.wrong-bx{
width:85px;
display:block;
background-color:#ff6b5a;
font-size:36px;
line-height:80px;
text-decoration:none;
color:#fff;
font-weight:700;
position:relative;
text-align:center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
margin:0 auto;
}



.map-btn {
	display:inline-block;
	background-color:#ff6b5a;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:700;
	position:relative;
	padding:16px 30px;
	margin:0 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
}
.map-btn:hover {
color:#fce058;
}

.map-btn:active {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
}


/* ---------------------------------------------------
   Quiz page
----------------------------------------------------- */

.quiz-bg{background: url(../img/quiz-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover;
  -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:0px;}
.quiz-whitearea{ background-color:#fff; position:relative; z-index:0; border-radius:40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; padding:64px 50px; margin-top:75px; margin-bottom:74px;}
.quiz-timebx{ position:absolute; z-index:2; max-width:360px; width:100%; background-color:#fde74c; border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; padding:30px 32px; left:50px; top:-56px; font-size:20px; font-weight:600; line-height:50px; }
.quiz-timebx2{ position:absolute; z-index:2; max-width:360px; width:100%; background-color:#fde74c; border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; padding:30px 32px; left:50px; top:-56px; font-size:20px; font-weight:600; line-height:26px; }
.quiz-number{width:50px; height:50px; background:#9c1517; border-radius:50%; color:#fff; font-size:20px; font-weight:600; line-height:50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; text-align:center;}
.quiz-bg .progress{--bs-progress-bar-bg: #fe6b5b; --bs-progress-bg: #d1d1d1;}
.qunt-bx{ font-size:22px; font-weight:600; padding-top:22px;}
.qunt-bx span{font-size:20px; font-weight:500;}
.question-qunt{
width:70px; height:70px;
	background-color:#ff6b5a;
	font-size:30px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	margin-right:20px;
	font-weight:800;
	position:relative;
	padding:14px 0px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 8px 0px 0px #be5044, 0px 8px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 8px 0px 0px #be5044, 0px 8px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 8px 0px 0px #be5044, 0px 8px 5px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 8px 0px 0px #be5044, 0px 8px 5px transparent;
}
.quiz-img { margin-top:44px;}
.quiz-img img{ border:#ff6698 2px solid;}
.question h5{ font-size:24px; color:#231f20; font-weight:600;}
.time-txt{font-size:18px; color:#231f20; font-weight:600;}
.time-txt span{ color:#ff6b5a;}
.ques-ans {
	margin:0px;
	padding:0;
	border-bottom:#f0f0f0 2px solid;
}
.ques-ans .ans-uncheck {
	background:#f0f0f0;
	color:#231f20;
	font-size:18px;
	font-weight:600;
	padding:17px 12px 14px 67px;
	-webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px;
	width:100%;
	position:relative;
	z-index:0; text-align:left;min-height: 65px;
}
.ans-uncheck {
	border-width: 0!important;
}

.ques-ans .ans-uncheck:hover, .ques-ans .ans-uncheck:focus, .ques-ans .ans-uncheck:active {
	background:#f0f0f0;
	color:#231f20;
	border:0px solid transparent!important; text-align:left!important;
}
.ques-ans .btn-check:active+.btn, .ques-ans .btn-check:checked+.btn, .ques-ans .btn.active, .ques-ans .btn.show, .ques-ans .btn:active {
	color:#231f20;
	background-color: #f0f0f0;
	border-color: #f0f0f0 0px transparent!important;
	position:relative;
	z-index:0;
	 
}
.ques-ans .ans-uncheck:before {
	content: "";
	position:absolute;
	left: 8px;
    top: 6px;
	color:#fff;
	font-size:28px;
	z-index:1;
	background:#59d6ff;
	border-radius:50%;
	width:52px; height:52px;
}
.ques-ans .btn-check:active+.btn:before, .ques-ans .btn-check:checked+.btn:before, .ques-ans .btn.active:before, .ques-ans .btn.show:before, .ques-ans .btn:active:before {
	content: "";
	position:absolute;
	left: 8px;
    top: 6px;
	color:#fff;
	font-size:28px;
	z-index:1;
	background:#79e41b;
	border-radius:50%;
	width:52px; height:52px;
}
.select-alpha{ position:absolute; width:52px; height:52px; font-size:30px; font-weight:700; z-index:99; left: 8px; top: 8px; color:#fff; text-align:center;}


.next-btn-new .bx-chevron-right{ font-size:20px; color:#fff; position:absolute; z-index:1; top:12px; right:12px;}
.ans-detail{width:100%; position:relative; z-index:0; display:block; font-size:24px; font-weight:600;}
.ans-detail .bxs-check-circle{ font-size:40px; color:#79e41b; margin-right:10px;}
.quiz-whitearea p{ font-size:20px;}
.dash-red{ background-color:#fe6b5b; height:14px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin:0 3px;}
.dash-grey{ background-color:#d1d1d1; height:14px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin:0 3px; }
.done-btn {
background-color:#ff6b5a;
font-size:24px;
text-align:center;
text-decoration:none;
color:#fff;
font-weight:700;
position:relative;
z-index:0;
padding:16px 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
float:right;
}
.done-btn:hover {
color:#fce058;
}
.done-btn:active {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent;
}

.done-btn .bx-chevron-right { position:absolute; z-index:1; top:24px; right:8px; }

.submitnew-btn{
	background-color:#ff6b5a;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:700;
	position:relative;
	padding:16px 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
	border-color:transparent!important;
}
.submitnew-btn:hover {
color:#fce058;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent!important;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent!important;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent!important;
	box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent!important;
	border-color:transparent!important;
}
.submitnew-btn:active {
	top:3px;
	border-color:transparent!important;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
}

.submitnew-btn:focus {
	top:3px;
	-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	-o-box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	box-shadow: inset 0px 1px 0px #be5044, 0px 5px 0px 0px #be5044, 0px 5px 3px transparent!important;
	border-color:transparent!important;
}

.appear-topic{}
.appear-topic ul{list-style:none;}
.appear-topic ul li{ font-size:18px; font-weight:600; position:relative; margin-bottom:10px;}
.appear-topic ul li:before{content: "\ed31"; font-family: boxicons!important; font-weight: 400;
    font-style: normal; font-variant: normal; line-height: 1;   text-rendering: auto;
    display: inline-block; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; font-size:24px; color:#78e31b; position:absolute; left:-30px; top:2px;}
	
.gift-bx{}
.gift-bx ul{list-style:none; text-align:center;}
.gift-bx ul li{ display:inline-block; margin:0px; text-align:center; width:30%; margin-bottom:20px;}
.gift-bx ul li div.gift-img{display:block; width:70%; border:#58d6ff 1px solid; border-radius:10px; margin-bottom:10px; padding:10px; }
label.gift-check{ font-size:18px;}
.gift-check input{ width:18px; height:18px; margin-right:8px; }
.gift-check input:hover, .gift-check input:focus {-webkit-appearance: checkbox!important;}

#confetti{position: absolute; left: 0; top: 0; bottom:0; height: 156%; width: 100%;}


/* ---------------------------------------------------
   Contact page
----------------------------------------------------- */
.mail-bx{ background:url(../img/mail-box.png) no-repeat right bottom #fff6eb; background-size:50%;  }
.contact-form{
    color: #231f20;
    width: 100%;
    padding: 0px 50px;
	min-height:556px;
}

.contact-form h5 {
    color: #231f20;
    font-size: 36px;
    font-weight: 800;
    margin-top: 40px;
    margin-bottom: 20px;
}

.contact-form h6 {
    color: #9c1517;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}



.contact-rightbg{background:#dbf6fe;}


.contact-bx { width:100%; }
.contact-bx label.form-label{ display:none;}
.contact-bx .form-control, .contact-bx .form-select {
	border:0px;
	border-bottom:#009ed2 1px solid;
	border-radius:0px;
	background-color:transparent;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
	padding:15px 0;
	color:#46494b;
}


ul.contact-list {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
}
ul.contact-list li {
	padding: 16px 0 20px 65px;
	position:relative;
	font-size:18px;
	word-wrap: break-word;
}

ul.contact-list li i{
position: absolute;
    left: 0;
    top: 5px;
    font-size: 26px;
    background: #9c1517;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
	color:#fff;
	}

.accordion{--bs-accordion-border-color: transparent;}
.accordion-button{background:#daf6ff; color: #231f20; font-size:20px; font-weight:600;}
.accordion-button:not(.collapsed){color: #231f20; background-color: #ffe84d; font-size:20px; font-weight:600;}
.accordion-body{background:#fffdec!important;}

/*ul.contact-list li div.add-icon{ width:50px; height:50px; border-radius:50%; background:#9c1517; position:relative; z-index:0; margin-right:10px;}
ul.contact-list li div.add-icon .bx{ 
	font-size:28px;
	position:absolute;
	left:12px;
	right:0;
	top:11px;
	color:#fff;
	z-index:2;
	margin:0 auto;
}*/

.mob-learn .vh-100 {
    height: inherit!important;
	padding-bottom:100px;
}

@media (max-width: 991px) {
#course-inner {
 height: calc(100vh - 72px);
}
#course-inner .animated {
 -webkit-animation: none;
 animation: none;
}
#course-inner .course-inner-img, #course-inner .blog-inner-img {
 text-align: center;
}
#course-inner .course-inner-img img, #course-inner .blog-inner-img img {
 width: 50%;
}
}
 @media (max-width: 768px) {
#course-inner h1 {
 font-size: 28px;
 line-height: 36px;
}
#course-inner h2 {
 font-size: 18px;
 line-height: 24px;
}
#course-inner .course-inner-img img, #course-inner .blog-inner-img img {
 width: 50%;
}
}
 @media (max-width: 575px) {
#course-inner .course-inner-img img, #course-inner .blog-inner-img img {
 width: 80%;
}
}
 @media (max-height: 600px) {
#course-inner {
 height: 120vh;
}
}
 @-webkit-keyframes up-down {
 0% {
 transform: translateY(10px);
}
 100% {
 transform: translateY(-10px);
}
}
 @keyframes up-down {
 0% {
 transform: translateY(10px);
}
 100% {
 transform: translateY(-10px);
}
}


/*====================== Course Page end ==========================*/

/*====================== Responsive Css ==========================*/
 @media (min-width: 768px) {
.ml-auto2, .mx-auto2 {
 margin-left: auto!important;
/* margin-right: auto!important;*/
}
.accordion-button, .accordion-button:not(.collapsed){font-size:18px; font-weight:600;}
}
 @media screen and (max-width: 1480px) {
.support-bg:before {
 right: -62px;
 top: -50px;
 width: 190px;
 height: 198px;
}
.login-form {
padding:0 12%;
}
.mob-learn .dashboard-bg-animation {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float: left;
	padding-bottom: 80px;
}


#confetti {
    height: 208%;
}
.appointment{
 right:10px;
 bottom:62px;
 width:86px;
}
.parent-bx:before{ width:160px; left:5px; top:134px;}
.parent-bx:after{ width:165px; right:5px; top:134px;}
.light-footer a {width: 86px;}
.light-footer .img1 {height: 86px; margin-left: -49px;}
.back-to-top {display:none!important;}
 

}
 @media screen and (max-width: 1368px) {
.footer-newsletter:after {
 right: 28px;
}
#footer .footer-top h4, #footer .footer-top2 h4 {
 font-size: 17px;
}
.reviews {
 background-position: center 108px;
 background-size: 100%;
}
.login-form-pass {
 padding: 0 60px;
}
.trial-form {
	padding:0 44px;
}
.dash-rtmenu {
    padding: 0px;
	background:none;
}
.courses .subs-redbtn, .courses .subs-orgbtn, .courses .subs-purbtn, .courses .subs-blubtn, .courses .view-btn {font-size:14px;}


.count-box span.org-count {font-size: 3rem;}
.count-box h6 {font-size: 1.2rem;}
}
 @media screen and (max-width: 1150px) {
.logo-centr-inn img {
width:70%;
margin:0 auto;
}
.logo-cntr a.menu-txt {
 padding: 12px 12px !important;
}
 header button.btn {
 padding: 8px 14px;
}
#hero h1, #course-inner h1 {
 font-size: 38px;
 line-height: 46px;
}
 #hero ul.course-list li {
 font-size: 22px;
 margin-right:24px;
}
#hero ul.course-list li span {
    font-size: 17px;
}
.parent-bx:before, .parent-bx:after {
display:none;
}
.student-col {
 padding: 0 30px;
}
.courses .icon-box-red, .courses .icon-box-org, .courses .icon-box-blu, .courses .icon-box-pur {
padding: 30px 20px;
}
.courses .subs-purbtn, .courses .subs-orgbtn, .courses .subs-redbtn, .courses .view-btn {
font-size:15px;
padding: 8px 10px
}
.about h2 {
 font-size: 33px;
}

.support-bg:before {
 right: -26px;
 top: -42px;
 width: 150px;
 height: 158px;
}
.thumb-next {
 left: auto;
 right: -198px;
}
.thumb-prev {
right: auto;
 left: -198px;
}
.reviews {
 background-position: center 212px;
}
 .count-box span.blue-count, .count-box span.red-count, .count-box span.org-count {
 font-size: 2.9rem;
}
 .count-box h6 {
 font-size: 1.2rem;
}
.footer-newsletter:before {
background-size:100%;
width:162px;
height:138px;
}
.footer-newsletter:after {
background-size: 100%;
 width: 130px;
 height: 140px;
}
#footer .footer-newsletter ul li h4 {
 font-size: 20px;
}
 #footer .footer-newsletter a.trial-btn1 {
 padding: 10px 12px;
 font-size: 16px;
}
 #footer .footer-newsletter a.subsnow-btn {
 padding: 10px 12px;
 font-size: 16px;
}
.login-form {
padding:0 8%;
}
.login-hitxt {
 font-size: 30px;
}
 .login-form-pass {
 padding: 0 30px;
}
.dash-rtmenu{ background:transparent; padding:0px  0 0 20px;}
.courses .icon-box-red, .courses .icon-box-org, .courses .icon-box-pur, .courses .icon-box-blu {
margin-bottom:30px;
}
}
@media screen and (max-width: 1050px) {
body {
padding-top: 90px;
}
 .logo-new {
 width: 35%;
 text-align: center;
}
.logo-new img {
width:100%;
}
section {
 padding: 10px 0;
}
#hero, #course-inner {
 height:inherit;
}
#main {
 margin-top: 10px;
}
.class-topic:after {
display:none;
}
.class-topic h1 {
 font-size: 24px;
}
 .course-inner-img-out {
 top: -90px;
}
.class-topic .pt-5 {
 padding-top: 0rem!important;
}
.choose-package .math-sub .icon, .choose-package .eng-sub .icon, .choose-package .sci-sub .icon, .choose-package .gk-sub .icon {
width:80%;
}
.month-bluhead, .month-purhead, .month-orghead, .price-yel {
font-size:32px;
}
.price-cross {
font-size:22px;
}
.circle-price {
top:130px;
}
.blue-plan1 h6, .purp-plan1 h6, .org-plan1 h6 {
font-size:21px;
}
#course-inner h4 {
 font-size: 32px;
}
 .class-check .blue-uncheck {
 font-size: 19px;
 padding: 15px 0 15px 16px;
}
.class-check .btn-check:active+.btn, .class-check .btn-check:checked+.btn, .class-check .btn.active, .class-check .btn.show, .class-check .btn:active {
 padding: 15px 0 15px 16px;
}
.class-check .btn-check:active+.btn:before, .class-check .btn-check:checked+.btn:before, .class-check .btn.active:before, .class-check .btn.show:before, .class-check .btn:active:before {
 font-size:18px;
}
.login-bg, .career-bg {
 width: 100%;
 background-size: cover;
}
.login-form-pass {
 padding: 0 25px;
}
.trial-img {
    max-width: 76%;
}
.trial-form {
    padding:0 25px;
}
.trial-form h5 {
    font-size: 32px;
	}
	#confetti{height: 208%;}
.appointment{right:10px;  width: 66px;}
.light-footer a {width: 66px;}
.light-footer .img1 {height: 66px; margin-left: -38px;}
.back-to-top {display:none!important;}

.choose-package .math-sub:after, .choose-package .eng-sub:after, .choose-package .sci-sub:after, .choose-package .gk-sub:after{
    top: 168px; width: 170px; height: 170px;
	}
	
.class-head h3{ font-size:22px;}
.class-dropsel .form-select{font-size:1.375rem;}
.reward-bg {
    width: 100%;
    font-size: 18px;
    
    padding:26px 25px 25px 79px;
    line-height: 24px;
    margin-top: 94px;
    margin-left:0;
}
.reward-circle {
    position: absolute;
    z-index: 1;
    width: 95px;
    min-height:95px;
    bottom: 0px;
    left: -6%;
    padding: 12px;

}
.reward-bg h6 {font-size:16px;}
.about-bg {padding-top: 10px;}
.team {padding: 38px 0 28px;}

.carousel-control-next-icon, .carousel-control-prev-icon{ display:none;}
.mob-botnav{ display:block; text-align: center;}

.courses .icon {
	width:180px;
	height:180px;
	padding:34px;
}

.courses .icon img{ width:100%;}

}
 @media screen and (max-width: 991px) {
h2 {
font-size:1.875rem;
}
.hero-img-out {
 position: relative;
 top:0;
 right:0;
}
#hero, #course-inner {
height:auto !important;
}
.parent-bx {
 background: transparent !important;
 position:relative;
 text-align:center;
 padding:10px 0;
 margin-bottom:0px !important;
}
.mobile-pink {
background:#fff7eb;
padding-top:20px;
padding-bottom:20px;
}
.mobile-blue {
background:#daf6ff;
padding-top:20px;
padding-bottom:20px;
}

.footer-newsletter {
 padding: 78px 78px 56px 78px;
}
.footer-newsletter:before {
 width: 122px;
 height:110px;
}
.footer-newsletter:before {
 left: 32px;
 bottom: -66px;
}
 .footer-newsletter:after {
 width: 93px;
 height: 102px;
}
.about-img {
margin-top:30px;
}
 .logo-new {
 width: 30%;
 text-align: left;
}
 .course-inner-img-out {
 position: relative;
 top:15px;
 right:0;
}
.login-form {
 padding: 100px 8%;
}
.login-hitxt img {
 margin-right: 20px;
 width: 28%;
}

.trial-form {
     padding: 100px 8%;
}
.done-btn{ float:left;}
#hero h1, #course-inner h1{
font-size: 30px;
    line-height: 36px;
}
.carousel-inner{ padding:45px 0;}
.class-dropsel .form-select {font-size: 1.1rem;}

.reward-bg {
    padding: 10px 25px 10px 52px;
}
.reward-coin{ margin-top:0px;}

.reward-bg {
    width: 94%;
    font-size: 18px;
    padding: 10px 25px 10px 60px;
    line-height: 24px;
    margin-top: 94px;
    margin-left:6%;
}
.reward-circle {
    left: -4%;
}
.reward-bg {
    margin-top: 40px;
 }
 }
@media screen and (max-width: 768px) {
.team-inner .member {
 text-align: center;
}
.class-selbtn .sel-txt {
 padding: 10px 0;
 line-height: 24px!important;
}
.blue-plan1, .purp-plan1 {
margin-bottom:30px;
}
 .choose-package .math-sub, .choose-package .eng-sub {
margin-bottom:100px;
}
.login-form-pass {
 padding: 100px 60px;
}
.dash-rtmenu {
    background: transparent;
    padding: 0px;
}
.dashboard-bg-animation h2 {
    font-size: 28px;
    margin-bottom: 22px;
}
.tab-frame-blue{padding:38px 10px 38px 10px;}
.mCSB_inside>.mCSB_container {
    margin-right: 18px;
}
.tab-frame {padding:16px;}
.reward-bg {
    margin-top: 30px;
}

.reward-frame{ padding:10px;}
.prof-picbx { margin-top: 10px;}
.mob-pleft-none .ps-5{padding-left: 0rem!important;}
.quest-point {
    margin-top: 20px;
}
.sel-spark-white{padding: 8px 15px;}
.sel-sptxt span {font-size: 16px; }
.sel-sptxt {
    font-size: 20px;}
	
.mob-learn .dashboard-bg-animation {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float: left;
	padding-bottom: 80px;
}

.mob-learn .vh-100 {
    height: inherit!important;
}
.correct-main p, .wrong-main p {
    font-size: 18px;
	}
	
	#confetti{height: 180%;}
	.contact-form h5 {font-size: 30px;}
	.about h2 {font-size: 28px;}
	
	.login-bg, .career-bg {min-height: 600px;}
.trial-bg {min-height: 600px;}
.reviews{ padding-bottom:76px;}
}
 @media screen and (max-width: 767px) {
body {
padding-top: 65px;
}
.thumb-prev, .thumb-next {
display:none;
}
.logo-new img {
width:35%;
}
.support-bg:before {
 right: 10px;
 top: -10px;
 width: 115px;
 height: 124px;
}
.dropdown-menu:before {
 top: 30px;
}
.mobile-navi {
margin-top:38px;
}
.login-btn {
margin:12px 0;
}
.team .member {
text-align:center;
}
.support-bg {
 padding: 122px 50px 40px 50px;
}
 .logo-new img {
 margin-bottom: 0px;
}

.mobile-navi {
 margin-top: 0px;
}
.class-head {
float:none;
}
.class-topic .gx-5 {
--bs-gutter-x: 0rem!important;
}
#course-inner h4 {
 font-size: 30px;
}
 .choose-package .math-sub, .choose-package .eng-sub, .choose-package .sci-sub {
margin-bottom:100px;
}
.login-form-pass {
 padding: 100px 10px;
}
.trial-form {
     padding: 100px 12px;
}
ul.leader-list li div.numb .gold{ background-size:100%; width:32px; height:13px; left:-2px; right:0; top:22px; }
ul.leader-list li div.numb .silver{ background-size:100%; width:32px; height:13px; left:-2px; right:0; top:22px; }
ul.leader-list li div.numb .brownse{ background-size:100%;  width:32px; height:13px; left:-2px; right:0; top:22px; }
.question-qunt{ margin:0 auto 20px auto;}
.dash-red {margin: 0 3px 10px 3px;}
.gift-bx ul{ padding-left:0rem;}
.gift-bx ul li{ width:45%; margin-bottom:20px;}


.choose-package .math-sub:after, .choose-package .eng-sub:after, .choose-package .sci-sub:after, .choose-package .gk-sub:after{
    top: 168px; width: 170px; height: 170px;
	}
	


}

@media screen and (max-width: 600px) {



.carousel-indicators {bottom:-10px;}

h2 {font-size: 1.6rem;}
#hero h1, #course-inner h1 {
 font-size: 34px;
 line-height: 40px;
}
 #hero ul.course-list li {
 font-size: 28px;
}
 .support-bg {
 padding: 120px 50px 3px 50px;
}
.logo-new {
    width: 45%;
 text-align: left;
}
#footer .footer-newsletter ul {
text-align:center;
}
#footer .footer-newsletter ul li {
 display:block;
 margin-bottom:10px;
}
 .footer-newsletter {
 padding: 78px 30px 56px 30px;
}
.login-hitxt img {
 margin-right: 20px;
 width: 28%;
}
.login-hitxt {
 font-size: 26px;
}
.login-form h5 {
 font-size: 30px;
}
 .login-form h6 {
 font-size: 30px;
}
 .login-bx h6 {
 font-size: 24px;
}

.trial-bx h5 {
    font-size: 30px;
}
.trial-bx h6 {
    font-size: 24px;
}
.dash-logo {
    float: left;
}
.back-side {
    max-width: 170px;
    float: right;
	margin-top:5%;
}
.mobile-back .align-content-center, .mobile-back .justify-content-center, .mobile-back .d-flex{align-content: none!important; justify-content: none!important; display: inherit!important;}
.dash-logo {
    max-width: 120px;}
	.dash-rtmenu ul.dh-menubottom {
    margin: 6px 0 0 0;}
	
.dash-rtmenu ul.dh-menutop li a.redmenu{ width:40px; height:36px; padding:6px 5px; margin: 0 auto 2px auto;}
.dash-rtmenu ul.dh-menutop li img{ width:80%;}
.dash-rtmenu ul.dh-menutop li a.orgmenu{ width:40px; height:36px; padding:6px 5px; margin: 0 auto 2px auto;}
.dash-rtmenu ul.dh-menutop li a.purmenu{ width:40px; height:36px; padding:6px 5px; margin: 0 auto 2px auto;}
.dash-rtmenu ul.dh-menubottom li a.dr-redmenu{ width:40px; height:40px; padding:8px 5px; margin:0 auto 2px auto;}
.dash-rtmenu ul.dh-menubottom li img{ width:74%;}
.triangle-right-top-1 {
    border-width: 4px 0 8px 15px;
	left: 7px;
    bottom: -4px;
}
.triangle-right-top-2 {
    border-width: 4px 0 8px 15px;
	left: 7px;
    bottom: -4px;
}
.reward-bg {
    margin-top: 30px;
}

.reward-lthouse {
    width: 26px;
    right: 36px;
    bottom: 14px;
    color: #231f20;
    font-size: 22px;
    text-align: center;
    background: transparent;
	top:12px;
}


ul.leader-list li div.numb .gold{ width:32px; height:13px; left:0px; right:0; margin:0 auto; top:22px; }
ul.leader-list li div.numb .silver{ width:32px; height:13px; left:0px; right:0; margin:0 auto; top:22px; }
ul.leader-list li div.numb .brownse{ width:32px; height:13px; left:0px; right:0; margin:0 auto; top:22px; }
ul.leader-list li div.proimg img{ display:block; margin:0 auto; padding:0px;}
ul.leader-list li div.light-txt .float-start {float: inherit!important;}
ul.leader-list li div.light-txt .mt-4, ul.leader-list li div.pt-4 {margin-top:0.3rem!important;}
ul.leader-list li div.pt-3{padding-top:0.3rem!important;}
ul.leader-list li div.pt-4{padding-top:0rem!important;}
ul.leader-list li div.proimg img {width: 56px; height: 56px;}
.tab-frame-blue h5 {color: #2b2b37;font-size: 22px;}
.tab-frame-blue h6 {font-size: 18px; margin-bottom:8px;}
ul.leader-list li{ text-align:center;}
.tab-frame {padding: 12px;}
.prof-picbx-white {padding: 20px 14px;}
.profile-frame-white {padding: 15px 10px 25px 10px;}
.quiz-whitearea {padding: 64px 32px;}
.quiz-timebx {max-width: 320px;}
.contact-form {padding: 0px 16px;}
.contact-form h5 {font-size: 28px;}
.contact-form {min-height: 430px;}
ul.contact-list li { font-size: 16px;}
#hero ul.course-list li {font-size: 20px; margin-right: 20px;}
#hero ul.course-list li span {font-size: 16px;}
#hero ul.course-list li:after {right: -12px;}
#hero h1, #course-inner h1 {font-size: 28px; line-height: 34px;}
.student-col {padding: 0 15px;}
.trial-form {padding: 50px 12px;}
.trial-bg {min-height: 550px;}
}
 @media screen and (max-width: 450px) {
.stu-img {
 width: 140px;
}
 .count-img {
 width: 130px;
 margin: 0 auto;
}
.count-box span.blue-count, .count-box span.red-count, .count-box span.org-count {
 font-size: 2.3rem;
}
 #hero ul.course-list li {
 font-size: 23px;
 line-height: 22px;
}
 #hero ul.course-list li {
 margin-right: 18px;
}
 #hero ul.course-list li span {
 font-size: 15px;
}
#hero ul.course-list li:after {
 height: 35px;
 right: -12px;
}
.class-head h3 {
 font-size: 24px;
}
.login-form h5 {
 font-size: 28px;
}
.dashboard-bg-animation h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.yr-section-btn, .ct-rank-btn {font-size:16px; line-height:20px;}
	
.appear-txt h6 {font-size: 18px;}
.reward-num {font-size: 24px;}
.profile-tab .nav-link {padding: 12px 12px; font-size:16px;}
.profile-name h6 {font-size: 16px;}
	
.pro-boyimg img{width:56px; height:56px;}
.subscript-bx { padding: 12px; font-size: 16px;}
.map-btn {font-size: 18px; padding: 14px 28px;}
	
.correct-bx, .wrong-bx{ font-size:28px; line-height:64px; width:70px;}
.quest-button {margin-top: 30px;}
.quiz-whitearea { padding: 30px 20px;}
.qunt-bx {font-size: 20px;}
.qunt-bx span {font-size: 18px;}
	
.question h5 {font-size: 22px;}
.quiz-whitearea p {font-size: 16px;}
	
.ans-detail {font-size: 22px; line-height: 24px;}
#hero .hero-img{display:none;}
.mob-slide{ padding:50px 20px;}


.gift-bx ul li{ width:48%; margin-bottom:20px;}
.gift-bx ul li div.gift-img { width: 80%;}
#confetti{height: 216%;}
.contact-form h5 {font-size: 26px;}
.ques-ans .ans-uncheck{ font-size:18px;}
.ques-ans .ans-uncheck:before, .ques-ans .btn-check:active+.btn:before, .ques-ans .btn-check:checked+.btn:before, .ques-ans .btn.active:before, .ques-ans .btn.show:before, .ques-ans .btn:active:before {width: 44px; height: 44px;}
.select-alpha {width: 44px; height: 44px; font-size: 24px;}
.carousel-inner { padding: 0; }
.logo-new img {width: 45%;}
#hero ul.course-list li span {font-size: 12px;}
#hero ul.course-list li {font-size: 16px;line-height: 20px;}
#hero ul.course-list li:after {height: 28px;right: -6px; width:2px;}
#hero ul.course-list li {margin-right: 9px;}
.daystrial-btn, .subscnow-btn {padding: 6px 9px; font-size:0.8rem; margin-bottom:0px;}
.support-bg:before {top: 0px; width: 80px;}
.feedback-slider-item {padding: 60px 60px 20px 60px;}
ul.cor-list li {background: url(../img/course-tringle-ico.png) no-repeat left top 6px;}
ul.cor-list {line-height: 24px;}
.trial-bx h5 {font-size: 24px;}
.trial-bx h6 {font-size: 22px;}
.trial-bg {min-height: 330px;}
}

@media screen and (max-width: 414px) {ul.pass-check li {margin:0 4px 8px 4px;}}

@media screen and (max-width: 390px) {
ul.pass-check li {margin:0 2px 6px 2px;}
}
@media screen and (max-width: 380px) {

ul.pass-check li {
    margin: 0 0px 6px 1px;
}

.daystrial-btn {
margin-bottom:0px;
}
.footer-newsletter {
 padding: 55px 30px 72px 30px;
}

.profile-tab {margin-left: 19px;}
.pro-boyimg img{width:50px; height:50px;}
.rew-ern-spark p{ line-height:18px;}
.quiz-timebx {max-width: 220px; padding:30px 10px; }
.contact-form h5 {font-size: 22px;}
.contact-form h6 {font-size: 20px; margin-bottom: 5px;}
.question h5 {font-size: 16px;}
.ques-ans .btn-check:checked+.btn, .ques-ans .ans-uncheck{ text-align: left; font-size: 14px;  padding-left: 67px;}
.ques-ans .ans-uncheck:before, .ques-ans .btn-check:active+.btn:before, .ques-ans .btn-check:checked+.btn:before, .ques-ans .btn.active:before, .ques-ans .btn.show:before,
.ques-ans .ans-uncheck:before{ width: 36px; height: 36px; font-size: 28px; left: 7px;}
.select-alpha {width: 36px; height: 36px; font-size: 20px; left:9px; top: 9px;}
.courses .subs-purbtn, .courses .subs-orgbtn, .courses .subs-redbtn, .courses .view-btn {
    font-size: 13px;
}
.courses .title {font-size: 26px;}
.courses .description {font-size: 20px;}
.customer-name {margin-top: 10px; margin-bottom: 10px; font-size: 22px;}
.ques-ans .ans-uncheck { min-height:inherit}
.ques-ans .ans-uncheck {padding:14px 12px 14px 67px}
}

 @media screen and (min-width:767px) {
 .dash-rtmenu2 {position:absolute; right:0; top:-45px}
 }
 
 @media screen and (max-width:766px) { .dash-rtmenu2 { margin-top:30px}}

.dash-rtmenu2 { background:none!important;}
.dash-rtmenu2 li { width:auto!important}
.accuracy { margin-top:300px;}
.accuracy h3 { font-size:20px; color:#fff; display:block; margin-bottom:15px; width:100%; font-weight:700;}
.accuracy .circle2 { background:#36bbe6; font-size:16px; font-weight:800; width:46px; height:46px; line-height:46px; text-align:center; display:inline-block; color:#fff; margin:0 auto; border-radius:100px;}

.accuracy3 {margin-top:300px;}
.accuracy3 .circle2 { background:#ff6b5a; font-size:24px; font-weight:800; width:46px; height:46px; line-height:46px; text-align:center; display:inline-block; color:#fff; margin:0 auto; border-radius:100px; }
.accuracy3 h3 { font-size:20px; color:#fff; display:block; margin-bottom:15px; width:100%; font-weight:700;}
.attmt{width:100px; text-align:center; }
.achore{ width:97px; }

.done-btn2 {
background-color:#ff6b5a;
font-size:24px;
text-align:center;
text-decoration:none;
color:#fff;
font-weight:700;
position:relative;
z-index:0;
padding:16px 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
}
.done-btn2:hover {
color:#fce058;
}


.animation2 { position:relative; margin:0 auto 50px auto; width:200px;}

.go-button {
width:83px;
display:block; margin:-64px auto 0 auto;
background-color:#ff6b5a;
font-size:30px;
line-height:80px;
text-decoration:none;
color:#fff;
font-weight:700;
position:relative;
text-align:center;
-webkit-border-radius:100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
}


.white-button {
width:83px;
left:-8px;
display:block; 
background-color:#fff;
font-size:30px;
line-height:80px;
text-decoration:none;
color:#061937;
font-weight:700;
position:relative;
text-align:center;
-webkit-border-radius:100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
-moz-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
-o-box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
box-shadow: inset 0px 1px 0px #dfdfdf, 0px 10px 0px 0px #dfdfdf, 0px 10px 5px transparent;
}

.red-button {
width:83px;
left:-8px;
display:block; 
background-color:#ff6b5a;
font-size:30px;
line-height:80px;
text-decoration:none;
color:#fff;
font-weight:700;
position:relative;
text-align:center;
-webkit-border-radius:100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-moz-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
-o-box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
box-shadow: inset 0px 1px 0px #be5044, 0px 10px 0px 0px #be5044, 0px 10px 5px transparent;
}

.knowing2 { 
position:absolute; top:199px;right:60px;width:200px;
}
.animation2 { position:relative}
.animation2:before { position:absolute;}


ul.curve-box{ margin:0; padding:0; list-style:none;}
ul.curve-box li{ display:block; position:relative}

ul.curve-box li div.rt-curve-line-1{position:relative; z-index:0; width:384px; height:170px; background:url(../img/right-half-line.svg) no-repeat top right; margin:0 auto;}
ul.curve-box li div.rt-curve-animate-white-1{background:url(../img/right-half.svg) no-repeat top right; position:absolute; z-index:1; bottom:0; right:0; width:384px; height:170px;}
ul.curve-box li div.rt-curve-line-red-1{background:url(../img/red-right-half-line.svg) no-repeat top right; position:absolute; z-index:1; bottom:0; right:0; width:384px; height:170px;}

ul.curve-box li div.rt-curve-line{position:relative; z-index:0; width:384px; height:170px; background:url(../img/right-full-line.svg) no-repeat top right; margin:0 auto;}
ul.curve-box li div.rt-curve-animate{background:url(../img/right-full-slow-animation.svg) no-repeat top right; position:absolute; z-index:1; bottom:0; right:0; width:384px; height:170px;}
ul.curve-box li div.rt-curve-line-red{background:url(../img/red-right-full-line.svg) no-repeat top right; position:absolute; z-index:1; bottom:0; right:0; width:384px; height:170px;}


ul.curve-box li div.lt-curve-line{position:relative; z-index:0; width:384px; height:170px; background:url(../img/left-full-line.svg) no-repeat top right; margin:0 auto;}
ul.curve-box li div.lt-curve-animate{background:url(../img/left-full-slow-animation.svg) no-repeat top right; position:absolute; z-index:1; bottom:0; right:0; width:384px; height:170px;}
ul.curve-box li div.lt-curve-line-red{background:url(../img/red-left-full-line.svg) no-repeat top right; position:absolute; z-index:1; bottom:0; right:0; width:384px; height:170px;}

.crnumber-txt{display:inline; position:relative; z-index:2; top:-58px; float:right; margin-right:0; margin-bottom:10px;}
.cr-head{color: #fff; font-size: 18px; position: absolute; width:100%; text-align: right; padding: 20px 100px 0 0; z-index:99}

.clnumber-txt{display:inline; position:relative; z-index:2; top:-55px; float:left; margin-left:17px; margin-bottom:10px;}
.cl-head{color: #fff; font-size: 18px; position: absolute; width:100%; text-align:left; padding:19px 0 0 100px; z-index:99}

.topic-topspace{margin-top:100px;}

.dash-menutop{ display:none;}
.desk-back{ display: block;}
.mobile-back{ display:none;}
.sub-btmspce{ margin-bottom:120px;}

.row-flex{display: flex; flex-wrap: wrap;}
.content {height: 100%;}


/*--------Blog Page Preparation---------*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
  border: 0px;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: none;
  transition: none;
  -webkit-box-shadow: 0 0 0 30px #daf6ff inset !important;
}

.blog-inner-img {position:relative;}
.blog-inner-img-out {position: absolute; top:-150px; right:0;}
.blog-img-section{ width:99%; border-radius:20px; overflow:hidden; border:#f55697 2px solid; padding:22px;  position:relative; z-index:0; margin-bottom:42px;}
.blog-img-new{height:auto; width:100%; margin-bottom:22px; position:relative; z-index:0;}
.blog-img-date{ position:absolute; z-index:1; top:20px; left:20px; font-weight:bold; background:#f55697; color:#fff; text-align:center; width:84px; height:auto; border-radius:10px; padding:15px 8px;}
.b-date{ font-size:38px; line-height:26px;} .b-month{ font-size:26px; line-height:32px;} .b-year{ font-size:20px; line-height:16px;} 
.blog-img-new img{height:auto; border-radius:20px; width:100%;}
.blog-img-section h4{font-size:22px; line-height:28px; margin-bottom:15px; }
.blog-img-section p{ margin-bottom:15px;}

.blog-btn button[type=submit] {
background: #ffe84d;
border:0;
padding:12px 22px;
color: #000;
transition: 0.4s;
border-radius: 10px; font-size:16px;
font-family: 'Manrope', sans-serif; font-weight:700;
margin-bottom:6px;
}
.blog-btn button[type=submit]:hover {
background: #3fcefc; color:#fff;
}
#search-button{border:0px solid transparent;}
#search-button:hover{border:0px solid transparent;}
.blog-search{ width:100%; margin-bottom:30px;}
.search-nbg{background:#daf6ff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.blog-search .form-control{border:solid 0px #000; background:none; width:100%; padding:1.3rem 0.75rem;  }
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){width:80%;}
.btn-half{ border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; padding: 1.2rem 0.6rem; width:100%;}
.btn-half i{ font-size:24px;}
.arrow-hide::after{ display:none;}
.glance-rtlist .accordion-button:not(.collapsed){ background-color:none;}
.glance-rtlist .accordion-button{font-size:1.1rem; background:url(../img/glance-dot.png) no-repeat left top 20px; color:#303030; line-height:28px;
	border-bottom:#0672ba 1px solid; padding:12px 0 12px 44px;}
.glance-rtlist .accordion .accordion-body{ padding:0px;}
.glance-rtlist .accordion-body ul{ margin:0px; padding:0px; list-style:none;}
.glance-rtlist .accordion-body ul li{ display:block;}
.glance-rtlist .accordion-body ul li a{font-size:1.125rem; color:#303030; line-height:30px; padding:10px; position:relative; display:block;}
.glance-rtlist .accordion-body ul li a:hover, .glance-rtlist .accordion-body ul li.active a{ background:#3fcefc; color:#fff;}

.glance-rtlist22 .accordion-button:not(.collapsed){ background-color:none;}
.glance-rtlist22 .accordion-button{font-size:1.125rem; background:url(../img/dot-new.png) no-repeat left top 20px; color:#303030; line-height:30px;
	border-bottom:#0672ba 1px solid; padding:15px 0 15px 44px;}
.glance-rtlist22 .accordion .accordion-body{ padding:0px;}
.glance-rtlist22 .accordion-body ul{ margin:0px; padding:0px; list-style:none;}
.glance-rtlist22 .accordion-body ul li{ display:block;}
.glance-rtlist22 .accordion-body ul li a{font-size:1.125rem; color:#303030; line-height:30px; padding:10px; position:relative; display:block;}
.glance-rtlist22 .accordion-body ul li a:hover, .glance-rtlist .accordion-body ul li.active a{ background:#3fcefc; color:#fff;}

.glance-rtlist23 .main-drop:not(.collapsed){ background-color:none;}
.glance-rtlist23 .main-drop{font-size:1.125rem; background:url(../img/dot-new.png) no-repeat left top 20px; color:#303030; line-height:30px;
	border-bottom:#0672ba 1px solid; padding:15px 0 15px 44px;}
.glance-rtlist23 .accordion .accordion-body{ padding:0px;}
.glance-rtlist23 .accordion-body ul{ margin:0px; padding:0px; list-style:none;}
.glance-rtlist23 .accordion-body ul li{ display:block;}
.glance-rtlist23 .accordion-body ul li a{font-size:1.125rem; color:#303030; line-height:30px; padding:10px 10px 10px 30px; border-bottom:#0672ba 1px solid; position:relative; display:block; background:#deecfd;}
.glance-rtlist23 .accordion-body ul li a:hover, .glance-rtlist .accordion-body ul li.active a{ background:#3fcefc; color:#fff;}
.glance-rtlist23 .sub-drop{font-size:1.125rem; background:none; color:#303030; line-height:30px; border-bottom:#fff 0px transparent !important; padding:15px 0 15px 15px;}
.glance-rtlist23 .sub-drop:hover, .glance-rtlist23 .sub-drop.active{ background:none; }

.without-drop .accordion-button:after {
	display:none;
}
.glance-rtlist23 .accordion-body .active{
	background: #3fcefc;
    color: #fff;
}

.glance-rtlist23 .accordion-body ul li a.blue-link{ background:none; padding:10px 10px 10px 16px;}
.glance-rtlist23 .accordion-body ul li a.blue-link:hover, .glance-rtlist23 .accordion-body ul li a.blue-link.active{background: #3fcefc;
color: #fff;}


.latest-postlist {width: 100%; border-radius: 20px; overflow: hidden; background:#daf6ff;  padding: 22px; margin-bottom: 30px;}
.latest-postlist h4{font-size:24px; }
.sm-post{ float:left; margin-right:15px;}
.sm-post img{ border:#3fcefc 1px solid; border-radius:4px;}
.post-sep{ border-bottom:#3fcefc 1px solid; padding:20px 0 15px 0; min-height:120px;}
.post-date span{ background:#f55697; padding:5px; border-radius:5px; color:#fff;}
.post-date p{ margin-top:5px; margin-bottom:5px;}
.post-sep a p:hover{ color:#fb6b6f;}

.keyword-bx {width: 100%; border-radius:20px; overflow:hidden; background:#daf6ff; padding: 22px; margin-bottom: 30px;}
.keyword-bx h4{font-size:24px; margin-bottom:18px;}
.keyword-bx ul{ margin:0; padding:0; list-style:none; text-align:left;}
.keyword-bx ul li{ display:inline-block; margin-right:10px; margin-bottom:15px;}
.keyword-bx ul li a{ font-size:1rem; border-radius:80px; color:#303030; padding:10px 20px; border:#3fcefc 1px solid; display:block;}
.keyword-bx ul li a:hover{ background:#3fcefc; color:#fff;}
.tag-area{ width:100%; border-top:#0672ba 1px solid; padding:15px 0 0 0;}
.blog-social ul{margin:0px; padding:0px; list-style:none; text-align:right;}
.blog-social ul li{display:inline-block; margin-left:5px;}
.blog-social ul li.fb a{ font-size:24px; width:32px; height:32px; display:block; background:#3b5998; color:#fff; border-radius:50%; text-align:center; }
.blog-social ul li.tw a{ font-size:24px; width:32px; height:32px; display:block; background:#26a6d1; color:#fff; border-radius:50%; text-align:center;}
.blog-social ul li.gp a{ font-size:24px; width:32px; height:32px; display:block; background:#dd4b39; color:#fff; border-radius:50%; text-align:center;}
.blog-social ul li.fb a:hover, .blog-social ul li.tw a:hover, .blog-social ul li.gp a:hover{ background:#3fcefc;}

.feedback-form{width: 100%; border-radius: 20px; overflow: hidden; border:#f55697 2px solid; padding: 22px; margin-top: 30px; margin-bottom: 30px;}
.feedback-form h4{font-size:24px;}
.feedback-form .form-group {
margin-bottom: 20px;
}
.feedback-form input, .feedback-form textarea {
box-shadow: none;
font-size: 18px;
}
.feedback-form input:focus, .feedback-form textarea:focus {border-color: #fec42d;}
.feedback-form input {
    border: 0px;
    border-bottom: #59d6ff 1px solid;
    border-radius: 0px;
    background: transparent;
    padding: 15px 0;
}
.feedback-form textarea {
    border: 0px;
    border-bottom: #59d6ff 1px solid;
    border-radius: 0px;
    background: transparent;
    padding: 15px 0;
}
.feedback-form button[type=submit] {
background: #fec42d;
border:0;
padding:24px 64px;
color: #06315e;
transition: 0.4s;
border-radius: 10px; font-size:18px; font-family: 'Manrope', sans-serif; font-weight:700
}
.feedback-form button[type=submit]:hover {
background: #3fcefc; color:#fff
}

.paging .page-item a.page-link{ padding:.7rem 1.2rem; font-size:18px; border:#9c1517 1px solid; color:#303030; }
.paging .page-item a.page-link:hover, .paging .page-item a.page-link:focus{ background:#ffe84d; color:#000; box-shadow:0 0 0 0.25rem rgb(13 110 253 / 0);}
.paging .page-item a.active{ background:#9c1517; color:#fff; box-shadow:0 0 0 0.25rem rgb(13 110 253 / 0);}


.feedback-form .card{ border:0px solid transparent;}
.feedback-form .comment-title{font-size:18px; font-weight:700;}
.feedback-form small{ background:#f55697; font-size:14px; color:#fff; border-radius:2px; padding:5px;}

.text-start{
	line-height:25px;
}

.select-alpha-img{
	color: #fff;
    font-size: 28px;
    background: #59d6ff;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    font-weight: 700;
	display:inline-block;
	padding:3px 0 0 17px;
	margin-right:15px;
}

.comment-box {
    border-bottom: #3fcefc 1px solid;
}

.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.custom-file-upload {
  display: block;
  width: auto;
  font-size: 16px;
  margin-top: 30px;
}
.custom-file-upload label {
  display: block;
  margin-bottom: 5px;
  color:#46494b;
}

.file-upload-wrapper {
  position: relative;
  margin-bottom: 5px;
}

.file-upload-input {
  max-width: 100%;
  width:100%;
  font-size: 16px;
  padding: 11px 156px 11px 0;
    border: 0px;
    border-bottom: #59d6ff 1px solid;
  background-color: transparent;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  float: left;
  position:relative;
  /* IE 9 Fix */
}
.file-upload-input:hover, .file-upload-input:focus {
  background-color: none;
  outline: none;
}

.file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 11px 20px;
  border: none;
  margin-left: -1px;
  background-color: #9c1517;
  /* IE 9 Fix */
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-radius: 4px;
  position:absolute;
  right:0;
}
.file-upload-button:hover {
  background-color: #59d6ff;
}







@media (min-width:450px) {.center-div-line {width:444px; margin:0 auto}}
@media (max-width:1450px) {
.carousel-control-next, .carousel-control-prev{ width:7%;}
}
@media (max-width:1368px) {
ul.pass-check li {width: 59px; height: 56px;}
ul.pass-check2 {padding: 0 10px;}
}
@media (max-width:1140px) {
ul.pass-check li {width: 54px; height: 54px;}
}
@media (max-width:1050px) {
.sel-sptxt span {font-size: 16px;}
.reviews {background-position: center 290px;}
.student-col ol, .student-col ul{padding-left:0px;}
ul.pass-check li {width: 56px; height: 56px;}
ul.pass-check2 li {width: 67px; height: 67px;}
ul.pass-check2 {
    padding: 0 4px;}
	.carousel-control-prev {left:0px;}
.carousel-control-next{right: 0px;}
.courses .owl-theme .owl-nav.disabled+.owl-dots{ margin-top:0px;}
}
@media screen and (max-width:992px) {
	.reward-circle2 {
    position: absolute;
    z-index: 0;
    width: 70px;
    min-height: 70px;
    bottom: 0px;
    left: -6%;
	padding: 10px;
    border-radius: 50%;
}
.reward-bg2{ padding:12px 15px 12px 62px;}
.reward-bg2 h6 {
    font-size: 14px; max-width:100%;
}
.reward-bg h6 {
    font-size: 16px;
}
.reward-lthouse{font-size: 16px;}
.reward-circle {
    width: 70px;
    min-height: 70px;
    padding: 10px;
}

#sidebar ul li a{font-size:16px;}
.topic-btn{ font-size:22px;}
.reward-bg h6{margin:0.2rem 0;}
	
	}
@media only screen and (max-width: 820px) {	
	ul.pass-check li {width: 88px; height: 60px;}
	}
@media screen and (max-width:768px) { #footer .footer-top {padding: 20px 0 10px 0;} #footer .footer-links {margin-bottom: 15px;} .back-side {float:right; padding-top:20px;}

.dh-menubottom, .dash-rtmenu{display:none;}
.dash-logo{ margin-bottom:5px; float:left; max-width:110px;}
.dash-logo2{max-width:140px;}
.dash-menutop{float:right; text-align:center; display:block;}
.dash-menutop a.redmenu{ width:66px; height:58px; padding:8px 0; background:#ff6b5a; border-radius:4px; text-align:center; display:block;}
.dash-menutop a.redmenu:hover{background:#9c1517;}
.desk-back{display: none;}
.mobile-back{display:block;}
.back-btn-mobile {text-align: center; border: #9c1517 1px solid; background: #9c1517;
    color: #fff; border-radius: 4px; font-weight: 600; width: 40px; float: left;
	margin-right:15px;}
header button.back-btn-mobile{padding: 14px 0px !important; height:58px;}
.back-btn-mobile i{font-size:30px;}
.achore {width:75px; margin-top:20px;}
.sel-topic-btn{ min-height:120px; padding:20px;}
.quest-button {margin-top: 0;}
.quest-point h4{margin-bottom:20px;}
.quest-point h4 {font-size: 20px;}
ul.pass-check {text-align: left;}
.setting-frame-white {padding: 24px 0; margin: 0 auto; text-align: center;}
.login-form {padding: 60px 8%;}
.login-form-pass{padding: 60px 10px;}
.support-bg {padding: 130px 26px 34px 26px;}
.trial-form {padding: 60px 8%;}
ul.pass-check li {width: 86px; height: 56px;}
ul.pass-check2 li {width: 86px; height: 56px;}
.topic-topspace{margin-top:80px;}
.b-date {
    font-size: 26px;line-height: 22px;}
.b-month {
    font-size: 20px;line-height: 24px;}
.b-year {
    font-size: 16px;line-height: 18px;}
.blog-img-date{ width:62px;}
}
@media (max-width:740px) {
ul.pass-check li {width: 69px; height: 56px;}
ul.pass-check2 li {width: 60px; height: 56px;}
.back-side {padding-top:12px;}
}
@media screen and (max-width:600px) {
.accuracy {margin-top:5px; width:40%;}
.accuracy3 {margin:5px auto 30px auto; width:60%;}
.clnumber-txt{top:-42px; margin-left:10px;}
.tab-frame{ width:100%; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; padding:20px;}
.tab-frame-blue{width:100%; min-height:920px -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}
.quiz-whitearea{ padding: 30px 20px; margin-top:95px;}
.quiz-timebx2{ top:-82px; left:0; right:0; margin:0 auto;}
ul.pass-check li {width: 70px; height: 56px;}
ul.pass-check2 {
    padding: 0 20px;}
ul.pass-check2 li {width: 53px; height: 53px;}
.topic-btn{ font-size:20px;}
.back-side {padding-top:0px;}
}

@media screen and (max-width:480px) {
.white-button, .go-button, .red-button {width:63px; line-height:63px; height:57px; font-size:20px}
.go-button {margin:-55px 0 0 150px}
ul.curve-box li div.rt-curve-line-1, ul.curve-box li div.rt-curve-animate-white-1, ul.curve-box li div.rt-curve-animate-1, ul.curve-box li div.rt-curve-line, ul.curve-box li div.rt-curve-animate, ul.curve-box li div.lt-curve-line, ul.curve-box li div.lt-curve-animate, ul.curve-box li div.lt-curve-line-red, ul.curve-box li div.rt-curve-line-red, ul.curve-box li div.rt-curve-line-red-1{width:344px; height:152px;}
.achore {width: 65px;}
.support-bg {padding: 90px 26px 20px 26px;}
ul.pass-check li {width: 60px; height: 56px;}
ul.pass-check2 li {width: 46px; height: 46px;}
.prof-picbx2, .profile-frame {padding: 10px;}
.clnumber-txt {top: -42px; margin-left: 45px;}
.crnumber-txt {top: -44px; margin-right: 30px;}
}

@media screen and (max-width:430px) {
	.cr-head {padding: 15px 80px 0 0;}
	.cl-head {padding: 15px 0px 0 80px;}
	ul.pass-check li {width: 50px; height: 50px;}
	ul.pass-check2 {
    padding: 0 10px;}
ul.pass-check2 li {width: 41px; height: 41px;}
.clnumber-txt {top: -42px; margin-left: 10px;}
.crnumber-txt {top: -44px; margin-right: 0px;}
}
@media screen and (max-width:414px) {
.white-button, .go-button, .red-button {width:53px;line-height:50px;  height:47px; font-size:20px}
.go-button {margin:-45px 0 0 130px}
ul.curve-box li div.rt-curve-line-1, ul.curve-box li div.rt-curve-animate-white-1, ul.curve-box li div.rt-curve-animate-1, ul.curve-box li div.rt-curve-line, ul.curve-box li div.rt-curve-animate, ul.curve-box li div.lt-curve-line, ul.curve-box li div.lt-curve-animate, ul.curve-box li div.lt-curve-line-red, ul.curve-box li div.rt-curve-line-red, ul.curve-box li div.rt-curve-line-red-1{width:290px; height:128px;}
.crnumber-txt, .clnumber-txt{top:-48px;}
.cr-head {padding: 10px 70px 0 0;}
.cl-head {padding: 10px 0px 0 70px;}
.clnumber-txt{top:-38px; margin-left:15px;}
ul.pass-check2 li {width: 40px; height: 36px;}
.clnumber-txt {top: -40px; margin-left: 35px;}
.crnumber-txt {top: -40px; margin-right: 20px;}
}

@media screen and (max-width:380px) {
	ul.pass-check2 li {width: 33px; height: 26px;}
	.clnumber-txt {top: -40px; margin-left: 15px;}
.crnumber-txt {top: -40px; margin-right: 0px;}
}

@media screen and (max-width:340px) {
ul.curve-box li div.rt-curve-line-1, ul.curve-box li div.rt-curve-animate-white-1, ul.curve-box li div.rt-curve-animate-1, ul.curve-box li div.rt-curve-line, ul.curve-box li div.rt-curve-animate, ul.curve-box li div.lt-curve-line, ul.curve-box li div.lt-curve-animate, ul.curve-box li div.lt-curve-line-red, ul.curve-box li div.rt-curve-line-red, ul.curve-box li div.rt-curve-line-red-1{width:226px; height:100px;}
.go-button {margin:-40px 0 0 110px}
.cr-head {padding: 10px 60px 0 0; font-size:16px;}
.cl-head {padding: 10px 0px 0 60px; font-size:16px;}
ul.pass-check li {width: 41px; height: 41px;}
ul.pass-check2 li {width: 24px; height: 20px;}

}

.qunt-bx img { max-width:100%!important; height:auto!important}