/* container */
body header .container {
	max-width: 1700px;
}

body .container {
	max-width: 1495px;
}

/* font */
.Poppins,
body {
	font-family: 'Poppins', sans-serif !important;
}

@font-face {
	font-family: 'Cooper Black';
	src: url('/assets/fonts/Cooper-Black-Regular.eot');
	src: url('/assets/fonts/Cooper-Black-Regular.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/Cooper-Black-Regular.woff2') format('woff2'),
		url('/assets/fonts/Cooper-Black-Regular.woff') format('woff'),
		url('/assets/fonts/Cooper-Black-Regular.ttf') format('truetype'),
		url('/assets/fonts/Cooper-Black-Regular.svg#Cooper Black') format('svg');
}

/* Green text Color */
.header-menu ul li:hover a:focus,
.header-menu ul li a.active,
.header-menu ul li:hover a,
.footer ul li:hover a,
.footer-social ul li:hover a i {
	color: #ABD126;
	/* transition: all ease-in 0.5s; */
}

/* Green text Color */
/* buttons */
.btn-default {
	padding: 16px 75px 15px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height: 25px;
	border-radius: 50px;
	border: 2px solid transparent;
	font-family: cursive;
}

/* .btn-default.btn-blue:hover {
	border: 2px solid #91B9E3;
	color: #91B9E3;
} */

/* .btn-default.btn-green:hover {
	border: 2px solid #ABD126;
	color: #ABD126;
} */

.btn-blue,
.bg-blue {
	background-color: #91B9E3;
	color: #ffffff;
	border-radius: 22px;
	font-weight: 400;
}

.banner-text-caption a.btn.btn-default.btn-green {
	background: transparent;
	border: solid 2px;
	color: #91b9e3;
	border-radius: 19px;
	transition: all 500ms;
}

.banner-text-caption p {
	width: 39vw;
}

/* .banner-text-caption a.btn.btn-default.btn-blue {
    padding: 12px 20px 12px 20px;
	font-size: 1.125rem;
    line-height: 1.4444444444em;
} */

.banner-social-icn li a i:hover {
	color: #abd126;
}

.banner-social-icn li a i:hover {
	color: #abd126;
}

.contact-details .icon-box:hover {
	background: #abd126;
	color: white;
}

.btn-green {
	background-color: #ABD126;
}

.font-27 {
	font-size: 25px;
	font-weight: 500;
}

.btn-border-white {
	border: 2px solid #fff;
}

.btn-border-white:hover {
	background-color: #fff;
	color: #91B9E3;
}

.btn.btn-fluency {
	background-color: #90b9e5;
	color: #fff;
	font-size: 20px;
}

.btn.btn-logout-new {
	background-color: #e55d5d;
	color: #fff;
	font-size: 20px;
}

.btn.btn-independent-practice {
	background-color: #abd126;
	color: #fff;
	font-size: 20px;
}

/* buttons */
/* section-heading */
.section-heading {}

.section-heading h3 {
	font-size: 24px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 15px;
	font-family: cursive;
}

.section-heading h2 {
	font-size: 35px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 22px;
	font-family: cursive;
	line-height: 46px;
}

.section-heading p {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 31px;
	font-family: system-ui;
}

.main-what-we-provide h3 {
	font-size: 16px;
	font-weight: 600;
	width: 8vw;
	text-align: center;
	background: #5595d9;
	color: white;
	border-radius: 23px;
	padding: 6px 6px 6px 3px;
	font-style: italic;
}

.section-heading ul li {
	font-size: 16px;
	color: #000000;
	line-height: 41px;
	font-weight: 400;
	font-family: system-ui;
}

video.img-fluid {
	width: 52vw;
}

.topbar {
	/* background-color: #91B9E3; */
	padding: 10px 0;
	box-shadow: inset 0px -1px 0px #eeeeee;
}

.topbar .header-contact ul li {
	margin-right: 20px;
}

.topbar .header-contact ul li:last-child {
	margin-right: 0;
}

.btn.btn-login-register {
	background-color: #ABD126;
	color: #fff;
	width: 141px;
}

header {
	box-shadow: inset 0px -1px 0px #eeeeee;
	padding: 24px 0;
	background-color: #fff;
	webkit-box-shadow: 0px 13px 20px -7px rgb(0 0 0 / 8%);
	-moz-box-shadow: 0px 13px 20px -7px rgb(0 0 0 / 8%);
	/* box-shadow: 0px 13px 20px -7px rgb(0 0 0 / 8%); */
	/* position: absolute; */
	width: 100%;
	left: 0;
	right: 0;
	z-index: 999;
}

*,
::after,
::before {
	box-sizing: border-box;
}


.sticky {
	position: sticky;
	top: -1px;
	width: 100%;
}

.sticky+.main-banner {
	padding-top: 102px;
}



.header-logo img.img-fluid {
	width: 60%;
}

.footer-logo img {
	width: 33%;
}

header .col-lg-5 {
	width: 37%;
}

header .col-lg-6 {
	width: 54%;
}

.header-menu ul li {
	margin: 0 10px !important;
}

.header-menu ul li a {
	font-size: 16px;
	font-weight: 500;
	color: #070707;
	font-family: system-ui;
}

.header-menu ul li.dropdown:hover ul li a {
	background-color: transparent;
	color: #070707;
}

.header-menu ul li.dropdown:hover ul li:hover a {
	color: #ABD126;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #070707;
}

.dropdown .dropdown-menu li {
	padding: 7px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 !important;
	width: 100%;
	border: none;

}

.dropdown .dropdown-menu li:last-child {
	border-bottom: none;
}

.contact-icon-list {
	width: 40px;
	height: 40px;
	background-color: #070707;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 50%;
}

.contact-icon-list i {
	color: #fff;
}

.contact-text {
	margin-left: 10px;
}

.contact-text p {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 300;
}

.contact-text h5 {
	font-size: 15px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 0;
}

/* footer */
footer {
	background-color: #fff;
	margin-top: 70px;
}

.main-footer {
	padding: 200px 0 52px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	overflow: hidden;
	background: #ecf5fc;
}

.footer-1.footer {
	padding-right: 10px;
}

.footer-3.footer {
	padding-right: 70px;
}

.footer-1 .footer-logo {
	margin-bottom: 20px;
}

.footer h2 {
	font-size: 25px;
	font-weight: 600;
	color: #232440;
	margin-bottom: 22px;
	font-family: cursive;
}

/* .footer ul li {
	margin-bottom: 13px;
} */

.footer ul li a {}

.footer-3 a {
	font-size: 16px;
	color: #2D589D;
	font-weight: 600;
}

.footer-1 p,
.footer-3 p,
.footer-4 p,
.footer-4 p a,
.footer ul li a,
.copyright-text p,
.banner-text-caption p {
	font-size: 16px;
	font-weight: 400;
	color: #232440;
	line-height: 30px;
}

.copyright {
	background-color: #91B9E3;
	padding: 10px 0 0 0;
}


.copyright-text p {
	line-height: 30px;
	color: #fff;
}

.footer-social {
	line-height: 35px;
}

.footer-social ul li {
	margin: 0 0 0 32px !important;
	line-height: 30px;
}

.footer-social ul li a i {
	color: #fff;
	font-size: 22px;
}

/* main banner */
.main-banner {
	position: relative;
	overflow: hidden;
	height: 100vh !important;
}

.background-video {
	position: absolute;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: -1;
}

#facts-fluency-btn {
    position: absolute;
    top: 380px;
    left: 350px;
}

.btn-red {
	background: #ff0000;
    border: solid 2px #ff0000;
    color: white;
	border-radius: .25rem;
	font-weight: 700; 
}




.banner-text-caption {
	position: relative;
	z-index: 1;
}

.consulting-services .section-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.consulting-services p {
	width: 40vw;
	font-size: 16px;
}


.banner-sec-1 {
	padding: 224px 0 0;
}

.banner-text-caption {}

/* .banner-text-caption h3 {
	font-size: 16px;
	font-weight: 600;
} */

.banner-text-caption h3 {
	font-size: 16px;
	font-weight: 600;
	width: 14vw;
	text-align: center;
	background: #5595d9;
	color: white;
	border-radius: 23px;
	padding: 6px 6px 6px 3px;
	font-style: italic;
}

.banner-text-caption h1 {
	font-size: 53px;
	font-weight: 700;
	line-height: 75px;
	font-family: 'Poppins';
}

.banner-text-caption p {
	line-height: 35px;
	font-weight: 500;
}

.foo .banner-btn-list {
	margin-top: 21px;
	/* margin-top: 200px; */

}

.banner-text-caption .banner-btn-list li {
	margin-right: 25px;
}

.row-social-links {
	margin-top: 61px;
}

.banner-social-icn {}

.banner-social-icn li {
	margin-right: 30px !important;
}

.banner-social-icn li:first-child {
	font-size: 20px;
	font-weight: 600;
	font-family: cursive;
}

.banner-social-icn li:nth-child(2) {
	width: 68px;
	height: 1px;
	background: #b3b3b3;
	margin: 0 21px 0 -8px !important;
}

.banner-social-icn li a i {
	color: #91b9e3;
	font-size: 20px;
}

.scroll-down p a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #000;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
}

/* consulting-services */
.consulting-services {
	background-image: url(../images/DoubleAPlusTutorials/bg-services.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/* height: 1223px; */
	padding: 80px 0 80px;
}

#services {
	margin: 0 -8px;
}

.item-service {
	padding: 43px 8px;
}

.btn_2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.item-service .inner-service {
	/* min-height: 552px; */
	border-radius: 20px;
	background-color: #fff;
	padding: 16px 16px 16px 16px;
	display: inline-grid;

	border: 1px solid #eeeeee;
}

.item-service .inner-service:hover {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.item-service .text-caption {}

.item-service .text-caption h3 {
	font-size: 25px;
	font-weight: 600;
	color: #0D0D0D;
	margin-bottom: 28px;
}

.item-service .text-caption p {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}

.item-service .readmore-button {
	align-items: flex-end;
	display: flex;
}

.item-service .readmore-button .readmore-btn {
	padding: 0 0px 0px 27px;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	text-decoration: none;
	display: flex;
	align-items: center;
	/* background: #91b9e3; */
	border-radius: 20px;
	transition: all 500ms;
}

.item-service .readmore-button .readmore-btn:hover {
	box-shadow: inset 300px 0 0 0 #abd126;
}

.item-service .readmore-button .readmore-btn:hover {
	background: #abd126;
}

.item-service .readmore-button .readmore-btn:hover .arrow-icon-box {

	background: #abd126;


}

.item-service .readmore-button .readmore-btn .arrow-icon-box {
	margin-left: 16px;
	width: 56px !important;
	height: 56px !important;
	background-color: #91B9E3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 30px;
}

.item-service .readmore-button .readmore-btn .arrow-icon-box i {
	color: #fff;
	font-size: 24px;
}

#services .slick-dots {
	bottom: -82px;
}

#services .slick-dots li button:before {
	content: '';
	background-color: #767a68;
	border-radius: 30px;
	width: 10px;
	height: 10px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	top: 0;
}

.slick-dots li {
	margin: 0 10px;
	width: 30px;
	height: 30px;
}

#services .slick-dots li button {
	border: 1px solid #767a68;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
	bottom: 0;
	top: 0;
	margin: auto;
	display: block;
}

#services .slick-dots li.slick-active {
	transform: scale(1.3);
}

#services .slick-dots li.slick-active button {
	border-color: #000;
}

#services .slick-dots li.slick-active button:before {
	background-color: #000;
}

#services .slick-prev,
#services .slick-next {
	background-color: #fff;
	top: 110.5%;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	box-shadow: 0px 3px 5px 0px #0000003b;
	z-index: 9999;
	transition: all ease-in 0.2s;
}

#services .slick-next {
	right: 9px;
}

#services .slick-prev {
	left: auto;
	right: 91px;
	z-index: 999;
}

#services .slick-prev:before,
#services .slick-next:before {
	color: #000;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

#services .slick-prev:hover,
#services .slick-prev:focus,
#services .slick-next:hover,
#services .slick-next:focus {
	background-color: #abd126;
}

#services .slick-prev:hover:before,
#services .slick-prev:focus:before,
#services .slick-next:hover:before,
#services .slick-next:focus:before {
	color: #fff;
}

#services .slick-prev:before {
	content: "\f053";
}

#services .slick-next:before {
	content: "\f054";
}

/* main-start-free-diagnosis */
.main-start-free-diagnosis {
	padding: 25px 0;
	border-radius: 0;
}

/* main-what-we-provide */
.main-what-we-provide {
	/* background-image: url(../images/DoubleAPlusTutorials/sec-3-bg.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0px 53px 80px 0px;
	/* height: 1133px; */
	box-shadow: inset 0px 1px 0px #eeeeee;
}

.why-choose-us ul {
	gap: 20px;
	display: flex;
	flex-direction: column;
}

/* .main-what-we-provide .what-we-provide-img-box video.img-fluid {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: #ffffff;
    border-radius: 19px;
} */

.main-what-we-provide a.btn.btn-default.btn-blue {
	/* padding: 16px 30px 16px 30px; */
	background: transparent;
	border: solid 2px;
	color: #000000;
}

/* main-happy-clients */
.main-happy-clients {
	/* background-image: url('../images/DoubleAPlusTutorials/sec-2-bg.jpg'); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/* height: 1175px; */
	padding: 84px 0 0;
}

.happy-clients-img {
	position: relative;
	margin: 28px 0 0;
}

.happy-clients-img:before {
	position: absolute;
	content: '';
	background-image: url('../images/DoubleAPlusTutorials/happy-clients.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 150%;
	height: 637px;
	left: 0;
}

.happy-clients-box {
	position: relative;
	width: 100%;
	background-color: #ffffff;
	/* z-index: 999; */
	border-radius: 20px;
	/* min-height: 554px; */
	padding: 47px 81px 76px 87px;
	top: 24%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.happy-clients-box:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	background-image: url('../images/DoubleAPlusTutorials/customer-satisfaction.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 30%;
	height: 292px;
}

#happy-clients {
	/* min-height: 426px; */
}

.item-clients {}

.item-clients .img-box {
	margin-bottom: 42px;
	width: 112px;
	height: 112px;
	border: 3px solid #000;
	border-radius: 50%;
}

.item-clients .img-box img {
	width: 100%;
	height: 100%;
}

.item-clients .text-caption {
	margin: 0 0 0;
}

.item-clients .text-caption p {}

.item-clients .client-details {
	display: flex;
	flex-direction: column;
	min-height: 162px;
	justify-content: flex-end;
}

.item-clients .client-details h3 {
	font-size: 25px;
	font-weight: 600;
	color: #070707;
	margin-bottom: 6px;
	font-family: cursive;
}

.item-clients .client-details p {
	font-size: 16px;
	font-weight: 400;
	color: #070707;
}

#happy-clients .slick-prev,
#happy-clients .slick-next {
	top: 89%;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	/* box-shadow: 0px 3px 5px 0px #0000003b; */
	z-index: 100;
	transition: all ease-in 0.2s;
	border: 2px solid #000;
}

#happy-clients .slick-prev {
	left: auto;
	right: 59px;
	/* z-index: 999; */
}

#happy-clients .slick-prev:before,
#happy-clients .slick-next:before {
	color: #000;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

#happy-clients .slick-prev:hover,
#happy-clients .slick-prev:focus,
#happy-clients .slick-next:hover,
#happy-clients .slick-next:focus {
	background-color: #000;
}

#happy-clients .slick-prev:hover:before,
#happy-clients .slick-prev:focus:before,
#happy-clients .slick-next:hover:before,
#happy-clients .slick-next:focus:before {
	color: #fff;
}

#happy-clients .slick-prev:before {
	content: "\f053";
}

#happy-clients .slick-next:before {
	content: "\f054";
}

/* why-choose-us */
.why-choose-us {
	background-image: url('../images/DoubleAPlusTutorials/sec-4-bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/* height: 1254px; */
	padding: 0px 0 0;
}

.single-why-choose-us-item {
	background-color: #fff;
	/* -webkit-box-shadow: 10px 23px 20px 0px rgb(0 0 0 / 8%); */
	/* -moz-box-shadow: 10px 23px 20px 0px rgb(0 0 0 / 8%); */
	/* box-shadow: 10px 23px 20px 0px rgb(0 0 0 / 8%); */
	border-radius: 20px;
	padding: 57px 29px 35px 35px;
	min-height: auto !important;
	margin: 0 20px 37px 20px;
	/* border: 1px solid transparent; */
	transition: all ease-in 0.5s;
	border: 1px solid #eeeeee;
}

.single-why-choose-us-item h3 {
	font-size: 25px;
	font-weight: 600;
	color: #070707;
	margin: 0 0 26px;
	font-family: cursive;
}

.single-why-choose-us-item p {
	font-size: 14px;
	font-weight: 400;
	color: #070707;
	line-height: 28px;
}

.single-why-choose-us-item:hover {
	background-color: #ABD126;
	border: 1px solid #707070;
}

/* main-home-contact-us */
.main-home-contact-us {
	background-color: #f8f8f8;
	padding: 83px 0 83px;
	margin-top: 283px;
}

.home-contact-form {
	background-color: #91b9e3;
	padding: 68px 76px 84px 76px;
	border-radius: 20px;
	margin-top: 45px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.btn-submit:hover {
	background-color: #fff !important;
	color: black !important;
}

.home-contact-form .form-group {
	margin-bottom: 36px;
}

.home-contact-form .form-group .form-control {
	height: 56px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 15px 25px;
}

.home-contact-form .form-group textarea.form-control {
	height: 221px;
	padding: 24px 25px;
}

.btn-submit {
	background-color: #000;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	border-radius: 30px;
	width: 100%;
	height: 70px;
	border-color: transparent;
	font-family: cursive;
}

.btn-submit:hover {
	border-color: #91B9E3;
	background-color: #91B9E3;
	color: #000;
}

.home-contact-form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #fff;
}

.home-contact-form ::-moz-placeholder {
	/* Firefox 19+ */
	color: #fff;
}

.home-contact-form :-ms-input-placeholder {
	/* IE 10+ */
	color: #fff;
}

.home-contact-form :-moz-placeholder {
	/* Firefox 18- */
	color: #fff;
}

.contact-details {
	border: 1px solid #070707;
	margin-top: 45px;
	border-radius: 20px;
	min-height: 648px;
	padding: 40px 0 0;
}

.item-contact-details {
	margin-bottom: 61px;
}

.contact-details .icon-box {
	width: 65px;
	height: 65px;
	background-color: #91B9E3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto 20px;
	-webkit-box-shadow: 0px 13px 20px 0px rgb(0 0 0 / 8%);
	-moz-box-shadow: 0px 13px 20px 0px rgb(0 0 0 / 8%);
	box-shadow: 0px 13px 20px 0px rgb(0 0 0 / 8%);
}

.contact-details .icon-box i {}

.contact-details .details-contact {}

.contact-details .details-contact h3 {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	margin-bottom: 10px;
	font-family: cursive;
}

.contact-details .details-contact p {
	font-size: 16px;
	font-weight: 300;
	color: #000000;
}

/* inner page banner */



.inner-page-banner {
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background-image: url(/build/assets/images/DoubleAPlusTutorials/double_a.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.inner-page-banner h1 {
	font-size: 50px;
	font-weight: 700;
	color: #ABD126;
	text-shadow: 1px 0px 3px black;
	margin-top: 0px;
}

/* contact Us */
.contact-page .section-heading p {
	width: 70%;
	margin: auto;
}

.contact-page .item-contact-details {
	margin-bottom: 20px;
}

.contact-page .contact-details {
	padding: 40px 0 19px;
}

.join-our-staff {
	margin-top: 50px;
}

.join-our-staff h3,
.payment h3 {
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 12px;
	font-family: cursive;
}

.payment {
	margin-top: 30px;
}

/* franchise */
.inner-section-caption {
	padding: 80px 0;
}

.inner-section-caption h4 {
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 27px;
	font-weight: 700;
}

.inner-section-caption p {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 30px;
}

.inner-section-caption h2 {
	font-size: 40px;
	font-weight: 600;
	color: #ABD126;
	margin-bottom: 17px;
	margin-top: 30px;
	text-shadow: 1px 1px 0px black;
}

.inner-section-caption h3 {
	font-size: 30px;
	font-weight: 600;
	color: #91b9e3;
	margin-bottom: 17px;
	margin-top: 30px;
	/* text-shadow: 1px 1px 0px black; */
	font-family: cursive;
}

.inner-section-caption ul li {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	position: relative;
	margin-bottom: 6px;
	padding: 2px 20px;
	border-radius: 7px;
}

.inner-section-caption ul li:before {
	position: absolute;
	content: "\2e";
	left: 0;
	top: -2px;
	font-family: "Font Awesome 6 free";
	color: #000;
	font-size: 53px;
	line-height: 0;
}

/* summer camp */
.sign-up-sec {
	/*border-top: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px;
	margin: 32px 0;
}

.sign-up-sec a.btn-default {
	padding: 15px 70px 16px;
	margin: 12px 0 29px;
}

.call-now-free-sec {
	background-color: #91B9E3;
	padding: 60px 0;
	background-image: url(/build/assets/images/DoubleAPlusTutorials/1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.call-now-free-sec h2 {
	font-size: 37px;
	font-weight: 700;
	color: #ABD126;
	text-shadow: 1px 0px 3px black;
	margin-bottom: 20px;
	font-family: cursive;
}

.contact-page {
	margin-top: 0 !important;
}

.call-now-free-sec p a {
	font-size: 35px;
	font-weight: 700;
	color: #ABD126;
	text-shadow: 1px 0px 3px black;
	text-decoration: none;
}

.grades-lists {
	margin-top: 40px;
}

.grades-lists ul li {
	background-color: #91B9E3;
	padding: 16px 36px;
	border-radius: 9px;
	margin-bottom: 23px;
	box-shadow: 2px 2px 6px 1px #000;
}

.grades-lists ul li:before {
	content: none;
}

.grades-lists ul li a {
	font-size: 1.05vw;
	font-weight: 700;
	text-decoration: none;
	color: #ffffff;
}

/* Facts Fluency */
.levels-list {
	width: 80%;
	padding: 50px 0;
}

.item-level {
	background-color: #ABD126;
	padding: 10px 10px;
	border-radius: 10px;
	border: 2px solid #91B9E3;
	margin-bottom: 10px;
}

.item-level .img-box {
	position: relative;
}

.item-level .img-box img {
	/* height: 100px; */
	object-fit: contain;
	width: 100%;
}

.item-level .img-box .overlay {
	background-color: #020202a6;
	/* margin-top: 20px; */
	border-radius: 8px;
	padding: 3px 3px;
}

.item-level .img-box .overlay h2 {
	text-align: center;
	font-size: 24px;
	margin: 15px 0;
	color: #fff;
	text-shadow: 1px 1px 0px black;
	border-radius: 9px;
}

.quizes-practice-table-score-board {
	margin: 50px 0 0;
	/* position: relative; */
	/* bottom: 70px; */
}

.quizes-practice-table-score-board .quiz-practice-title {}

.quizes-practice-table-score-board .quiz-practice-title li {
	font-size: 19px;
	font-weight: 400;
	color: #000000;
	position: relative;
	margin-bottom: 6px;
	background-color: #91b9e3e8;
	padding: 2px 15px;
	border-radius: 7px;
	border: 1px solid #000;
}

.quizes-practice-table-score-board table thead tr th {
	font-size: 20px;

}

.level-sec-box {
	position: relative;
	background-color: #abd126 !important;
	z-index: 9;
	/* 	padding: 40px 15px !important;

	background-image: url('/build/assets/images/DoubleAPlusTutorials/cartoon-2.png');
	background-size: contain;
	background-position: center center; */
	padding: 30px 15px !important;
}

.level-sec-box .img-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
	opacity: 0.6;
}

.level-sec-box .img-box img {
	width: 150px;
	height: 150px;
	object-fit: contain;
}

/* .level-sec-box:before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url('/build/assets/images/DoubleAPlusTutorials/cartoon-2.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.4;
	z-index: -1;
	margin: auto;
} */
.quizes-practice-table-score-board .quiz-practice-title li a {
	font-size: 20px;
	color: #000;
	padding-left: 0;
	margin-bottom: 0 !important;
	font-weight: 600;
}

.quizes-practice-table-score-board .quiz-practice-title li:before {
	content: none !important;
}

.level-sec-box h4 {
	margin-bottom: 0;
}

.quizes-practice-table-score-board .score {}

.quizes-practice-table-score-board .score h4 {
	margin-bottom: 9px;
	font-size: 21px;
	font-weight: 700;
	color: #000;
}

.quizes-practice-table-score-board .score h3 {
	margin: 0;
}

td.main-score-sec {
	vertical-align: middle;
}

/* quiz page */
.main-quiz-page {
	background-image: url(../images/DoubleAPlusTutorials/Background.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 77%;
	/* padding: 200px 0 !important; */
	width: 100%;
}

.logo-quiz {
	width: 100%;
	margin: auto;
}

.w-65 {
	width: 65%;
}

.main-quiz-sec {
	margin: 50px 0 0;
}

.main-quiz-sec .title-sec {
	background-color: #abd126;
	border: 3px solid #000;
	margin: 0;
	padding: 0 0;
}

.main-quiz-sec .title-sec li {
	margin: 0 !important;
	padding: 7px 0;
}

.main-quiz-sec .title-sec li:first-child {
	border-right: 3px solid #000;
	border-radius: 0;
}

.main-quiz-sec .title-sec li:last-child {}

.main-quiz-sec .title-sec li:before {
	content: none;
}

.main-quiz-sec .title-sec li h2 {
	font-family: 'Bebas Neue', cursive;
	margin: 0;
	text-align: center;
	font-size: 67px;
	line-height: 48px;
	letter-spacing: 2px;
	text-shadow: none;
	color: #fff;
	font-weight: 400;
	padding: 6px 0 0;
}

.main-quiz-sec .title-sec li h3 {
	font-family: 'Bebas Neue', cursive;
	margin: 0;
	font-size: 35px;
	line-height: 34px;
	text-align: center;
	color: #000;
	letter-spacing: 2px;
	font-weight: 400;
	text-shadow: none;
	padding: 6px 0 0;
}

.inner-quiz-sec_2 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}

.inner-quiz-sec_3 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}

.inner-quiz-sec_4 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}

.inner-quiz-sec_5 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}

.inner-quiz-sec_6 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}

.inner-quiz-sec_7 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_7.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}

.inner-quiz-sec_8 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_8.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}

.inner-quiz-sec_9 {
	background-image: url(../../assets/images/DoubleAPlusTutorials/facts-fluency_9.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 3px solid #000;
	border-top: 0;
	height: 722px;
}




.inner-quiz-sec .incorrect-answers {
	background-color: #fff;
	height: auto;
	overflow: auto;
}

.inner-quiz-sec .incorrect-answers ul {
	border: 3px solid #cccccc;
	margin: 0;
}

.inner-quiz-sec .incorrect-answers ul li {
	border: 1px solid #cccccc;
	border-radius: 0;
	margin: 0;
	padding: 6px 20px;
	font-weight: 700;
	color: #91b9e5;
	font-size: 32px;
}

.inner-quiz-sec .incorrect-answers ul li:before {
	content: none;
}

.inner-quiz-sec .incorrect-answers ul li span.correct-answer {
	float: right;
	color: #abd126;
	text-decoration: underline;
	text-decoration-color: #000;
}

.inner-quiz-sec .incorrect-answers ul li span.filled-answer {
	color: #000;
	text-decoration: underline;
	text-decoration-color: red;
}

.questions-answer {
	padding: 25px 12px 0 25px;
}

.questions-answer .question-number-box {
	background-color: #fff;
	text-align: center;
}

.questions-answer .question-number-box h3 {
	text-shadow: none;
	font-size: 20px;
	background-color: #91b9e5;
	color: #fff;
	padding: 9px 0;
	font-family: 'Bebas Neue', cursive;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0;
}

.questions-answer .question-number-box h4 {
	margin: 0;
	padding: 28px 0 31px;
	font-family: 'Bebas Neue', cursive;
	font-size: 58px;
	line-height: 48px;
	font-weight: 400;
}

.question-box {
	background-color: #ffffffc7;
	/*padding: 33px 30px;*/
}

.question-box h2 {
	font-size: 35px;
	text-shadow: none;
	color: #000;
	font-weight: 700;
	margin: 0;
}

.question-box ul li {
	padding: 7px 28px;
	margin: 0;
}

.question-box ul li:first-child {
	border-bottom: 2px solid #000;
	border-radius: 0;
}

.question-box ul li:last-child {
	/* height: 63px; */
}

.question-box ul li:before {
	content: none;
}

.question-box span.fill-answer {
	color: #000;
	text-decoration: underline;
	text-decoration-color: #000;
	position: relative;
}

.question-box span.fill-answer:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	bottom: 10px;
	width: 51px;
	height: 4px;
	background-color: #000;
}

.quiz-input-style {
	font-size: 49px;
	text-shadow: none;
	color: #000;
	font-weight: 700;
	background-color: transparent;
	outline: none;
	border: none !important;
}

.quiz-input-style:focus,
.quiz-input-style:visited {
	outline: none;
	border: none !important;
}


/* .input-group {
    display: flex;
    justify-content: space-between;

	width: 20%;
    padding: 2px;

    text-shadow: none;
    background-color: transparent;
     outline: none;
    border: none !important;
} */

.main-quiz-box {
	background-color: #91b9e5;
	/* 	height: 300px; */
	/*border-radius: 40px;*/
	box-shadow: 0 0 11px 1px #00000061;
	position: relative;
	/*margin-top: 354px;*/
	padding: 24px 90px 5px;
}

.img-box-boy {
	width: 70%;
	margin: 0 auto -9px;
	z-index: 99;
	position: relative;
}

/*.main-quiz-box:before{*/
/*	position: absolute;*/
/*	content: '';*/
/*	left: 0;*/
/*	right: 0;*/
/*	top: -428px;*/
/*	background-image: url('/build/assets/images/DoubleAPlusTutorials/charcter.png');*/
/*	background-repeat: no-repeat;*/
/*	background-size: 100%;*/
/*	background-position: center center;*/
/*	width: 71%;*/
/*	height: 54vh;*/
/*	margin: auto;*/
/*}*/
.quiz-box {}

ul.quiz-box {
	text-align: center;
	display: flex;
	align-items: center;
}

ul.quiz-box li {
	background-color: #ffffff;
	/* margin-right: 0 !important; */
	margin: 0 10px;
}

ul.quiz-box li:first-child {
	width: 23%;
	margin-left: 0 !important;
	border: none;
}

ul.quiz-box li:first-child h2 {
	font-size: 23px;
	/* text-decoration: underline; */
	color: #000;
	text-align: center;
	margin: 0 0;
	padding: 14px 0 0;
	font-family: 'Cooper Black';
}

ul.quiz-box li:first-child h3 {
	text-align: center;
	margin: 0;
	color: #f40000;
	font-size: 48px;
	padding: 20px 0;
	text-shadow: none !important;
}

ul.quiz-box li:last-child {
	width: 73%;
	margin-right: 0 !important;
}

ul.quiz-box li:last-child h2 {
	color: #000;
	text-shadow: none;
	margin: 0;
	padding: 42px 0;
	font-family: 'Cooper Black';
	font-size: 44px;
}

.fill-answer input {
	font-size: 35px;
	text-shadow: none;
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

.main-quiz-page .main-quiz-box ul.quiz-box li:before,
.main-quiz-page .main-quiz-box ul.answer-box li:before {
	content: none !important;
}

ul.quiz-box li:nth-child(2) {
	background-color: #fff;
	/* 	height: 50px; */
	border: none;
}

.main-quiz-page .main-quiz-box ul.answer-box {
	text-align: center;
}

.main-quiz-page .main-quiz-box ul.answer-box li {
	width: calc(95.5%/4);
	text-align: center;
	background-color: #fff;
	margin: 7px 3px;
	padding: 0;
	border: none;
}

.main-quiz-page .main-quiz-box ul.answer-box li .btn-check {
	background-color: #fff;
	color: #000;
}

.main-quiz-page .main-quiz-box ul.answer-box li .radio-label-btn {
	width: 100%;
	font-size: 50px;
	border: none;
	font-family: 'Cooper Black';
	line-height: 46px;
	padding: 6px 0 10px;
}

.main-quiz-page .main-quiz-box ul.answer-box li:last-child {
	/*width: 99%;*/
	border: none !important;
}

.quiz-page-btns {
	background-color: #fff;
	padding: 26px 0;
	box-shadow: 0px 3px 17px 0 #000;
	border-bottom: 1px solid #ccc;
}

.timer-quiz {
	position: relative;
	width: 83%;
	margin: auto;
}

.timer-quiz .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#countdown {
	display: inline-flex;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	line-height: 26px;
}



/* 	QUIZ  CSS WORK START HERE */
#QuizCountDown {
	display: inline-flex;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	line-height: 26px;
}


/* TOGGLE BTN CSS START HERE */
.Quiz-Toggle-Btn {
	/* display: block; */
	width: 68px;
	height: 33px;
	background-color: #fe0000;
	border-radius: 34px;
	position: relative;
	cursor: pointer;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	outline: none;
	border: none;
}

.Quiz-Toggle-Btn:after {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 4px;
	transition: all 0.3s;
}

.Quiz-Toggle-Btn.on {
	background-color: #2ecc71;
}

.Quiz-Toggle-Btn.on:after {
	left: calc(100% - 30px);
}


#QuizIncorrect {
	scrollbar-width: thin;
	height: 260px;
	width: auto;
}

/* TOGGLE BTN CSS END HERE */


/* NUM PAID CSS APPLY START HERE */
#QuizContainerNumPaid {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

#QuizCalculatorNumPaid {
	background: #5588d6;
	padding: 10px;
	border-radius: 10px;

}

#QuizCalculatorNumPaid input {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#QuizCalculatorNumPaid button {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#QuizToggleBox {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

/* NUM PAID CSS APPLY END HERE */


/* PRACTICE CSS WORK START HERE */
#PracticeCountDown {
	display: inline-flex;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	line-height: 26px;
}



/* TOGGLE BTN CSS START HERE */
.Practice-Toggle-Btn {
	/* display: block; */
	width: 68px;
	height: 33px;
	background-color: #fe0000;
	border-radius: 34px;
	position: relative;
	cursor: pointer;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	outline: none;
	border: none;
}

.Practice-Toggle-Btn:after {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 4px;
	transition: all 0.3s;
}

.Practice-Toggle-Btn.on {
	background-color: #2ecc71;
}

.Practice-Toggle-Btn.on:after {
	left: calc(100% - 30px);
}


#PracticeIncorrect {
	scrollbar-width: thin;
	height: 260px;
	width: auto;
}

/* TOGGLE BTN CSS END HERE */


/* NUM PAID CSS APPLY START HERE */
#PracticeContainerNumPaid {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

#PracticeCalculatorNumPaid {
	background: #5588d6;
	padding: 10px;
	border-radius: 10px;

}

#PracticeCalculatorNumPaid input {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#PracticeCalculatorNumPaid button {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#PracticeToggleBox {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

/* NUM PAID CSS APPLY END HERE */
/* PRACTICE CSS WORK END HERE */

/* Practice Instruction CSS WORK START HERE */
#practiceInstructionCountDown {
	display: inline-flex;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	line-height: 26px;
}

/* Added Styles for Table */
#practiceInstructionTable {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
	background-color: #fff;
	/* Initial background color for the table */
}

#practiceInstructionAttemptsDiv,
#practiceInstructionScoreDiv {
	padding: 12px;
	text-align: left;
	border: 1px solid #ddd;
	color: #333;
	/* Text color for th and td */
}

#practiceInstructionAttemptsDiv {
	background-color: #abd124;
	/* Updated color for th */
	color: #fff;
	/* Text color for th */
	transition: background-color 0.3s ease;
}

/* Added Hover Effect for Table */
#practiceInstructionTr:hover {
	background-color: #f5f5f5;
}

div#practiceInstructionPageLevel section.inner-page-banner {
	height: 0 !important;
}

/* TOGGLE BTN CSS START HERE */
.practiceInstruction-Toggle-Btn {
	/* display: block; */
	width: 68px;
	height: 33px;
	background-color: #fe0000;
	border-radius: 34px;
	position: relative;
	cursor: pointer;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	outline: none;
	border: none;
}

.practiceInstruction-Toggle-Btn:after {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 4px;
	transition: all 0.3s;
}

.practiceInstruction-Toggle-Btn.on {
	background-color: #2ecc71;
}

.practiceInstruction-Toggle-Btn.on:after {
	left: calc(100% - 30px);
}

#practiceInstructionIncorrectAnswerBox {
	scrollbar-width: thin;
	height: 260px;
	width: auto;
}

/* TOGGLE BTN CSS END HERE */


/* NUM PAID CSS APPLY START HERE */
#practiceInstructionContainerNumPaid {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

#practiceInstructionCalculatorNumPaid {
	background: #5588d6;
	padding: 10px;
	border-radius: 10px;

}

#practiceInstructionCalculatorNumPaid input {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#practiceInstructionCalculatorNumPaid button {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#practiceInstructionToggleBox {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

/* NUM PAID CSS APPLY END HERE */
/* Practice Instruction CSS WORK END HERE */


/* Diagnostic CSS WORK START HERE */
#DiagnosticCountDown {
	display: inline-flex;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	line-height: 26px;
}

/* Added Styles for Table */
#DiagnosticTable {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
	background-color: #fff;
	/* Initial background color for the table */
}

#DiagnosticAttemptsDiv,
#DiagnosticScoreDiv {
	padding: 12px;
	text-align: left;
	border: 1px solid #ddd;
	color: #333;
	/* Text color for th and td */
}

#DiagnosticAttemptsDiv {
	background-color: #abd124;
	/* Updated color for th */
	color: #fff;
	/* Text color for th */
	transition: background-color 0.3s ease;
}

/* Added Hover Effect for Table */
#DiagnosticTr:hover {
	background-color: #f5f5f5;
}

div#DiagnosticPageLevel section.inner-page-banner {
	height: 0 !important;
}

/* TOGGLE BTN CSS START HERE */
.Diagnostic-Toggle-Btn {
	/* display: block; */
	width: 68px;
	height: 33px;
	background-color: #fe0000;
	border-radius: 34px;
	position: relative;
	cursor: pointer;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	outline: none;
	border: none;
}

.Diagnostic-Toggle-Btn:after {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 4px;
	transition: all 0.3s;
}

.Diagnostic-Toggle-Btn.on {
	background-color: #2ecc71;
}

.Diagnostic-Toggle-Btn.on:after {
	left: calc(100% - 30px);
}

#DiagnosticIncorrect {
	scrollbar-width: thin;
	height: 260px;
	width: auto;
}

/* TOGGLE BTN CSS END HERE */


/* NUM PAID CSS APPLY START HERE */
#DiagnosticContainerNumPaid {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

#DiagnosticCalculatorNumPaid {
	background: #5588d6;
	padding: 10px;
	border-radius: 10px;
	width: max-content;
	max-width: 100%;
}

/* Keep the number rows as fixed 3-across grids so they can't wrap into a jumble */
#DiagnosticCalculatorNumPaid > div:not(.row) {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
}

#DiagnosticCalculatorNumPaid input {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#DiagnosticCalculatorNumPaid button {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#DiagnosticToggleBox {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

/* NUM PAID CSS APPLY END HERE */

/* Diagnostic CSS WORK END HERE */



/* TOGGLE BTN CSS START HERE */
#PrePostTestCountDown {
	display: inline-flex;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	line-height: 26px;
}

.PrePostTest-Toggle-Btn {
	/* display: block; */
	width: 68px;
	height: 33px;
	background-color: #fe0000;
	border-radius: 34px;
	position: relative;
	cursor: pointer;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	outline: none;
	border: none;
}

.PrePostTest-Toggle-Btn:after {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 4px;
	transition: all 0.3s;
}

.PrePostTest-Toggle-Btn.on {
	background-color: #2ecc71;
}

.PrePostTest-Toggle-Btn.on:after {
	left: calc(100% - 30px);
}

#PrePostTestIncorrect {
	scrollbar-width: thin;
	height: 260px;
	width: auto;
}

/* TOGGLE BTN CSS END HERE */


/* NUM PAID CSS APPLY START HERE */
#PrePostTestContainerNumPaid {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

#PrePostTestCalculatorNumPaid {
	background: #5588d6;
	padding: 10px;
	border-radius: 10px;

}

#PrePostTestCalculatorNumPaid input {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#PrePostTestCalculatorNumPaid button {
	float: left;
	margin: 0 3px 2px 0;
	width: 80px;
	height: 50px;
	font-size: 26px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-align: center;
	border: 1px solid #181818;
	border-radius: 5px;
	color: #353e51d2;
	background-image: linear-gradient(to right, rgb(126, 183, 231), rgb(255, 255, 255));
}

#PrePostTestToggleBox {
	width: 100%;
	background: #d3d6dc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 0 auto;
}

/* NUM PAID CSS APPLY END HERE */



.transaction-effect {
	animation-name: background-fade;
	animation-duration: 2s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

@keyframes background-fade {
	from {
		background-color: transparent;
	}

	to {
		background-color: #00bfff;
		/* Change to your desired color */
	}
}

.pagesTableTag {
	background-color: #91b9e3e8;
	display: block;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 40px;
	text-align: center;
}



/* transitition work start here */
.quiz-container {
	animation: popIn 0.5s ease forwards;
	/* Define the animation */
}

@keyframes popIn {
	0% {
		opacity: 0;
		transform: scale(0.5);
		/* Start small */
	}

	100% {
		opacity: 1;
		transform: scale(1);
		/* End at normal size */
	}
}

.quiz-container.active {
	animation: popOut 0.5s ease forwards;
	/* Define the animation */
}

@keyframes popOut {
	0% {
		opacity: 1;
		transform: scale(1);
		/* Start at normal size */
	}

	100% {
		opacity: 0;
		transform: scale(0.5);
		/* End small */
	}
}

/* transitition work end here */



/* kurt css */

/* custom mobile sider */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	/* padding-top: 60px; */
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.sidenav a {
	padding: 8px 8px 8px 16px;
	text-decoration: none;
	font-size: 16px;
	color: #000000;
	display: block;
	transition: 0.3s;
	border-bottom: 1px #d5d5d5;
	border-bottom-style: solid;
	font-family: poppins;
}

ul.submenu li:after {
	content: "";
	width: 0;
	height: 2px;
	background: transparent;
	position: absolute;
	bottom: 0px;
	left: 0;
	transition: .5s;
	border-radius: 13px;
}

ul.submenu li:hover:after {
	transition: .5s;
	background: #91b9e5;
	width: 100%;
}

ul.submenu li {
	list-style: none;
	position: relative;
}

ul .submenu li {
	list-style: none;
	position: relative;
}

ul .submenu {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 27px;
}


.sidenav .closebtn {
	/* position: absolute; */
	/* top: 0;
	right: 25px; */
	font-size: 36px;
	/* margin-left: 50px; */
}


#dropdown-icon {
	display: inline-block;
	margin-left: 5px;
	/* Adjust as needed */
	transition: transform 0.3s ease;
}

#submenu.active+#dropdown-icon {
	transform: rotate(180deg);
}


.row_11 {
	display: flex;
	align-items: center;
	gap: 59px;
	justify-content: center;
	border-bottom: 1px #d5d5d5;
	border-bottom-style: solid;
	flex-direction: row-reverse;
}

.row_11 .close {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}



.row_11 .logo_1 {
	width: 50%;
}

.row_11 a.closebtn {
	padding: 0;
	border: none;
}

.btn-nav_1 {
	width: 100%;
	justify-content: center;
	font-size: 14px;
	padding: 0 5px !important;
}

.btn-nav_1 {
	height: 50px;
	background: #ff6000;
	align-items: center;
	border-radius: 4px;
	color: white;
	padding: 8px 34px 7px;
	/* font-family: Montserrat; */
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: center;
	border: 2px solid #ff6000;
	display: inline-flex;
	transition: .5s;
	cursor: pointer;
	text-transform: capitalize;
}

.main_1 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	padding: 15px 16px 15px 16px;
}


.logo_2 img {
	width: 40%;
}




.logo_2 {
	width: 50%;
}

.side_1 {
	width: 50%;
	text-align: end;
	padding-right: 10px;
}

div#mySidenav a {
	text-align: left;
}

.overlay-1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);

	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.overlay.active {
	opacity: 1;
	pointer-events: auto;
	/* Allows the overlay to capture clicks */
}


.rotated img {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.submenu {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease;
}

.submenu.active {
	opacity: 1;
	max-height: 500px;
	/* Set a maximum height for the submenu */
}


ul.submenu {
	margin: 0 auto;
}


.submenu {
	padding: 0 0 0 17px;
}

#PostTestBtn {
	border: none;
	background-color: #91b9e3e8;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	color: white;
	width: 100%;
	position: relative;
	padding: 15px;
	border-radius: 6px;
	height: 75px;
	padding-top: 25px;
}

.submenu li a {
	font-size: 12px;
}




.main_1 {
	display: none;
}


.side_1 span {
	background: #91b9e5;
	color: white;
	padding: 0 12px 0 12px;
	border-radius: 6px;
}

.side_1 span:hover {
	background: #abd126;
}

.logo_1 a {
	border: none;
}



/* custom mobile sider */


/* free-assessment/facts-fluency/2%27s-pre-post-text */

.main-one .container {
	padding: 0 15px 0 15px;
	position: relative;
}

/* free-assessment/facts-fluency/2%27s-pre-post-text */
/* Kurt end */



/* Diagnostic Page Css Start Here */
.transaction-effect {
	animation-name: background-fade;
	animation-duration: 2s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

@keyframes background-fade {
	from {
		background-color: transparent;
	}

	to {
		background-color: #00bfff;
		/* Change to your desired color */
	}
}


.main {
	background-color: #ffe0e0;
}

.baccount {
	display: flex;
	text-align: center;
	justify-content: center;
	margin-bottom: 2%;
}

.s1 {
	background-image: url('../images/content/section1.jpg');
	background-position: center;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 10%;
	padding-right: 10%;
	font-size: 30px;
	text-align: center;
}

.s1Video {
	background-image: url('../images/content/section1.jpg');
	background-position: center;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 10%;
	padding-right: 10%;
	font-size: 30px;
	text-align: center;
}

.c1 {
	font-size: 18px;
}

.c2 {
	color: red;
}

.csred {
	color: red;
	font-size: 22px;
}

.csbox {
	border: 3px solid #1ad915;
	padding: 5px 25px;
	width: 230px;
	font-weight: 500;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 20px;
}

.csbox2 {
	border: 3px solid #1ad915;
	padding: 5px 25px;
	width: 320px;
	font-weight: 500;
	font-size: 20px;
}

.button {
	border-radius: 4px;
	background-color: #f4511e;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	width: 150px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.button:hover span {
	padding-right: 25px;
}

.button:hover span:after {
	opacity: 1;
	right: 0;
}

.videosec {
	display: flex;
	justify-content: center;
	padding-bottom: 2%;
}

.foundation {
	background-image: url('../images/content/section2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 70px 0 70px;
}

.foundation-two {
	background-image: url('../images/content/section3.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 20px 0 20px;
	border-bottom: 1px solid #ccc;
}

.found-bblue {
	text-decoration: none;
	padding: 18px 50px 18px;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	background-color: #91b9e3;
	line-height: 30px;
	border-radius: 50px;
	border: 2px solid transparent;
}


.found-bxblue {
	text-decoration: none;
	padding: 10px 0px 10px;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	background-color: #91b9e3;
	line-height: 30px;
	border-radius: 20px;
	border: 2px solid white;
}

.found-bgreen {
	text-decoration: none;
	padding: 18px 50px 18px;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	background-color: #abd124;
	line-height: 30px;
	border-radius: 50px;
	border: 2px solid transparent;
}

.sec-found {
	padding: 0px 0 0px;
	margin: 15px 0;
	text-align: center !important;
}

.mainbox-found {
	display: flex;
	justify-content: center;
	padding-left: 100px;
	padding-right: 100px;
}

.box-found {
	width: 60%;
	background-color: #fff;
	-webkit-box-shadow: 10px 23px 20px 0px rgb(0 0 0 / 8%);
	-moz-box-shadow: 10px 23px 20px 0px rgb(0 0 0 / 8%);
	box-shadow: 10px 23px 20px 0px rgb(0 0 0 / 8%);
	border-radius: 20px;
	padding: 57px 29px 35px 35px;
	margin: 0 20px 37px 20px;
	border: 1px solid transparent;
	transition: all ease-in 0.5s;
}

.small-bblue {
	background-color: #91b9e3;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 50px;
	margin: 4px 2px;
	cursor: pointer;
}

.main-found {
	padding: 30px 0px 50px 0px;
}

.P-found {
	font-size: 18px;
	padding: 6px 0px 2px 0px;
}



/* Diagnostic Page Css Start Here */
/* Reault card desgin start here */
.result-card {
	background-color: #91b9e3;
	color: #fff;
	padding: 20px;
	border-radius: 10px;
	margin: 20px auto;
	position: relative;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.result-card:hover {
	background-color: #fff;
	color: #91b9e3;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.fact-fluency-btn,
.begin-test-btn {
	background-color: #abd124;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 20px;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-top: 15px;
	position: relative;
	overflow: hidden;
}

.fact-fluency-btn::before,
.begin-test-btn::before {
	content: '\f138';
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
	transition: margin-right 0.3s ease;
}

.fact-fluency-btn:hover,
.begin-test-btn:hover {
	background-color: #8f9e1e;
	color: #fff;
}

.fact-fluency-btn:hover::before,
.begin-test-btn:hover::before {
	margin-right: 20px;
}

.begin-test-btn {
	margin-top: 10px;
	/* Adjusted margin */
	display: block;
	/* Make it a block element */
}

.result-heading {
	/*margin-top: 20px;*/
	color: #fff;
	/* Set color for the heading */
	transition: color 0.3s ease;
	/* Added transition effect for color change */
}

/* Hover effect for heading */
.result-card:hover .result-heading {
	color: #91b9e3;
}

/* Added Hover Effect for Table Header */
.result-card:hover #DiagnosticAttemptsDiv {
	background-color: #91b9e3;
}

/* Reault card desgin end here */
section.foundation-two .container .sec-found .list-unstyled {
	margin-bottom: 0 !important;
}

/* Diagnostic Page Css End Here */




/* prepost 2  */

td.btn_hn button#PostTestBtn,
td.btn_hn span.row.d-flex.text-justify.justify-content-center {
	--bs-gutter-x: 0;
}

.span2 {
	width: 120px;
	height: 40px;
	color: white;
	font-weight: 900;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: #9abfe5 !important;
	padding: 7px;
}

.span3 {
	width: 120px;
	height: 40px;
	color: white;
	font-weight: 900;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: #abd126 !important;
	padding: 10px;
}

.prePostSpan2 {
	width: 120px;
	height: 40px;
	color: white;
	font-weight: 900;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: #9abfe5 !important;
	padding: 7px;
}

.prePostSpan3 {
	width: 120px;
	height: 40px;
	color: white;
	font-weight: 900;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: #abd126 !important;
	padding: 10px;
}


.rounded-circle {
	border-radius: 50% !important;
	padding: 0 0 0 0 !important;
	height: 70px;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@keyframes tilt-shaking {
	0% {
		transform: rotate(0deg);
	}

	/* Initial state */
	25% {
		transform: rotate(5deg);
	}

	/* Slight rotation clockwise */
	50% {
		transform: rotate(0deg);
	}

	/* Back to initial state */
	75% {
		transform: rotate(-5deg);
	}

	/* Slight rotation counterclockwise */
	100% {
		transform: rotate(0deg);
	}

	/* Return to initial state */
}

.rounded-circle i.fa-sharp.fa-solid.fa-lock:hover {
	animation: tilt-shaking 1s infinite;
}


b.maintrx {
	display: flex;
	gap: 6px;
	justify-content: space-between;
	margin: 0px 0 10px 0;
}


b.maintrx .main_text {
	background: #9abfe5;
	padding: 0px 17px 0px 17px;
	color: white;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	height: 40px;
	align-items: center;
}

b.maintrx .text-decoration-none {
	background: #abd126;
	padding: 0px 17px 0px 17px;
	color: white;
	border-radius: 6px;
	display: flex;
	height: 40px;
	align-items: center;
}

table.table.table-bordered {
	border: solid #80808033;
	box-shadow: rgb(145 185 227 / 47%) 0px 7px 29px 0px;
	border-radius: inherit;
}

.quizes-practice-table-score-board th {
	text-align: left !important;
}


.custom-btn {
	border: none;
	background-color: #abd126;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	color: white;
	width: 100%;
	border-radius: 6px;
}


.row.main_row .col-sm {
	display: flex;
	justify-content: center;
}

.row.main_row {
	width: 75%;
	border: solid 2px #f8f8f8;
	background: #91b9e3;
	padding: 54px 0 54px 0px;
	border-radius: 21px;
}

.container.main_container {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-bottom: -133px;
}

.row.main_row img {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 219px;
}

.row_heading h4 {
	text-align: center;
	color: black;
	font-size: 46px;
}

.we-fix .container {
	display: flex;
	justify-content: center;
}


/* header new  start designer kurt baba */
.header-menu {
	width: 100%;
}

.header-logo img.img-fluid {
	width: 7%;
	position: absolute;
	/* left: 55.5%; */
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	top: 61px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.sticky .header-logo img.img-fluid {

	top: 0;

}

ul.list-inline.nav {
	width: 100%;
	display: flex;
	justify-content: center;
}

.header-logo {
	width: 8%;
}

.header-login-register li.list-inline-item:nth-child(1) a.btn.btn-login-register {
	background: transparent;
	/* box-shadow: inset 0 0 0 0 black; */
	border: solid 2px #91b9e3;
	color: black;
}

.header-login-register li.list-inline-item:nth-child(1) a.btn.btn-login-register:hover {
	box-shadow: inset 300px 0px 0px 0 #91b9e3;
	color: white;


}

.banner-text-caption a.btn.btn-default.btn-green:hover {
	box-shadow: inset 300px 0 0 0 #91b9e3;
	color: white;
}

.header-login-register li.list-inline-item:nth-child(2) a.btn.btn-login-register:hover {
	background: black;
}

.item-service .inner-service img.img-fluid {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-radius: 20px;
}

.btn-blue:hover,
.bg-blue:hover {
	background: #abd126;
	color: white;
}

.btn-green:hover {
	background: #91b9e3;
	color: white;
}

section.consulting-services .text-caption {
	display: none;
}

.cover {
	padding: 17px 0px 0px 0px;
}

.consulting-services h2 {
	text-align: center;
}

.consulting-services p {
	text-align: center;
}

#services .slick-dots {
	display: none !important;
}

.container.main_9879 {
	max-width: 1024px;
}

.container.main_9879 h4.text-center {
	margin-bottom: 20px;
	font-size: 19px;
	line-height: 35px;
	font-weight: 400;
	font-family: cursive;
}

.container.main_9879 .inner-section-caption p {
	font-size: 16px !important;

}

.container.main_9879 .inner-section-caption ul li {
	font-size: 16px !important;

}

section.quiz-page-btns {
	display: none;
}

/* header new end designer kurt baba */


/* online tutrail css start here*/
form.form-horizontal {
	background-color: #91b9e5;
	padding: 31px 31px 31px 31px;
	border-radius: 19px;
}

form.form-horizontal .form-control {
	background: #ffffff;
	padding: 17px 21px 17px 21px;
	border-radius: 41px;
	margin: 18px 0 18px 0;
}

label.interlabel {
	width: 100%;
	font-size: 24px;
	color: white;
}

form.form-horizontal input#submit {
	background: #abd126;
	padding: 11px 60px 11px 60px;
	border-radius: 30px;
	border: 0;
}

/* online tutrail css end here*/

/* courses inner classes css */
.sec_body {
	margin: 0;
}

.main-one .header-logo img.img-fluid {
	top: -20px;
}

.main_div {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.main_div select {
	padding: 15px 15px 15px 15px;
	border-radius: 44px;
	border: none;
	width: 100%;
}

.main_div label {
	font-size: 25px;
	color: white;
}

.main_div select:focus {
	outline: none;
}

.target {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

.target input {
	margin-top: 6px;
}

.whitren {
	background: white;
	padding: 20px 20px 20px 20px;
	border-radius: 20px;
}

/* kurt baba end */


/* new banner start */
.tu-banner {
	padding: 80px 0;
}

.tu-banner_title h1 {
	line-height: 1.3076923077em;
	margin-bottom: 10px;
}

.tu-banner_title h1 span {
	color: #91b9e3;
}

.tu-banner_title>a {
	padding: 0 16px;
	height: 100%;
}

.tu-banner_title>p {
	margin: 20px 0 0;
	max-width: 636px;
}

.tu-banner_list {
	gap: 10px 20px;
	padding: 30px 0 0;
}

.tu-banner_list li {
	list-style: none;
	position: relative;
}

.tu-banner_list li a {
	height: 54px;
}

.tu-banner_list li a span {
	font-size: 1.125rem;
	line-height: 1.4444444444em;
}

.tu-banner_list li a.tu-secbtn span {
	font-weight: 400;
}

.tu-banner_explore {
	display: flex;
	align-items: center;
	padding-top: 20px;
}

.tu-banner_explore i {
	font-size: 20px;
	flex: none;
	margin-right: 10px;
	color: #999999;
}

.tu-banner_explore p {
	color: #676767;
	margin: 0;
}

.tu-bannerv3 .tu-banner_title h1 {
	margin: 0;
}

.tu-bannerinfo {
	color: #000000;
	padding: 5px 0px;
	overflow: hidden;
	min-height: 78px;
	vertical-align: middle;
	display: inline-block;
	border-radius: 4px;
	line-height: 1.3076923077em;
	/* background-color: #91b9e3; */
	/* background: linear-gradient(105.69deg, #0077D3 0%, #91b9e3 118.23%); */
}

.tu-banner_title h1 {
	line-height: 1.3076923077em;
	margin-bottom: 10px;
}

.tu-bannerinfo,
.tu-banner_title>a,
h1 {
	font: 700 3.25rem / 1.1153846154em "Outfit", sans-serif;
	font-family: cursive !important;
}

.tu-starthere {
	top: -27px;
	left: -30px;
	display: flex;
	position: absolute;
	flex-direction: column;
	align-items: flex-end;
	transform: translateX(-100%);
}

.tu-starthere span {
	font: 400 1rem / 1.1875em "Gochi Hand", cursive;
	color: #64748B;
	letter-spacing: 0.5px;
}


ul.tu-banner_list {
	display: flex;
}

a.tu-secbtn {
	padding: 16px 24px 16px 24px;
	text-decoration: none;
	color: black;
	border-radius: 15px;
	border: solid 3px #91b9e3;
}

a.tu-primbtn.tu-primbtn-gradient:hover {
	background: linear-gradient(265deg, #0077D3 0%, #91b9e3 78.23%);
}

a.tu-primbtn.tu-primbtn-gradient {
	background: #91b9e3;
	padding: 16px 24px 16px 24px;
	text-decoration: none;
	color: white;
	border-radius: 15px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.banner-sec-1 {
	padding: 30px 0 0;
}

.main-what-we-provide .container {
	max-width: 100%;
}

.main-what-we-provide .col-12.col-sm-7.col-md-7.col-lg-7 {
	padding: 0;
}

/* new banner end */


/* footer start*/
.main-footer .container {
	max-width: 1190px !important;
}

.main-footer p {
	font-family: dm sans, Sans-serif;
	font-size: 15px;
	font-weight: 400;
}

.footer ul li a {
	font-family: dm sans, Sans-serif;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 2em !important;
	color: #8ea2c1;
}

.main-footer .col-lg-3:nth-child(1) {
	margin-right: 38px;
}

.dropdown.ms-sm-3.header-item.topbar-user {
	background: #97B9E2 !important;
}

/* footer end*/


/* blogs css */
.blogs-1 .card-title a {
	margin-bottom: .5rem;
	font-family: cursive;
	line-height: 29px;
	font-weight: 600;
	color: #91b9e3;
	text-decoration: none;
}

.recent-posts .post-title {
	font-family: cursive;
	font-weight: 600;
}

.blogs-1 .siden .card-header {
	font-size: 22px;
	font-weight: 800;
	font-family: cursive;
	background: transparent;
}


/* Custom styling for blog content */
.blog-post h2,
.blog-post h3 {
	font-family: cursive;
	font-size: 2rem;
	font-weight: bold;
	margin-top: 20px;
}

.blog-post p {
	font-family: 'Poppins', sans-serif;
	font-size: 1.1rem;
	line-height: 1.6;
	margin-bottom: 20px;
}

.blog-post a {
	color: #007bff;
	text-decoration: none;
}

.blog-post a:hover {
	text-decoration: underline;
}

.blog-post img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
	width: 100%;
}

/* Make the entire sidebar sticky */
.sticky-sidebar {
	position: sticky;
	top: 20px;
}

/* Scrollable recent posts section */
.recent-posts {
	max-height: 300px;
	overflow-y: auto;
}

/* Styling for each recent post */
.recent-post-item {
	display: flex;
	margin-bottom: 15px;
}

.recent-post-item img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	margin-right: 15px;
}

.recent-post-item h6 {
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}

.recent-post-item p {
	font-size: 0.9rem;
	color: #666;
}

.col-md-4.siden {
	height: 70vh;
	position: sticky;
	top: 0;
}

.col-md-4.sidebar {
	height: 100vh;
	position: sticky;
	top: 0;
}

.recent-posts a .recent-post-item h6 {
	font-size: 21px;
	font-family: cursive;
	text-decoration: none;
	color: #91b9e3;
}

.recent-posts a {
	text-decoration: none;
}

section.blogss {
	padding-bottom: 80px;
}

.blogs-1 h5.card-title {
	font-family: cursive;
	line-height: 29px;
	font-weight: 600;
	color: #91b9e3;
	text-decoration: none;
}

.home-blogs .card {
	display: flex;
	flex-direction: row;
}

.home-blogs .card img.card-img-top {
	width: 35%;
	object-fit: cover;
}

.heding {
	display: flex;
	justify-content: space-between;
	padding-bottom: 43px;
}

.item-clients .text-caption a {
	text-decoration: none;
	color: #abd126;
}

.main_1 .sidenav {
	z-index: 999999;
}

/* blogs css end */





/* translator drop down css start here */
iframe#\:2\.container {
	visibility: hidden !important;
}

body {
	top: 0 !important;
}

.goog-te-gadget-simple {
	background-color: #e3edf8;
	font-size: 10pt;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 2px;
	cursor: pointer;
	border-radius: 20px;
	border: none;
	padding-left: 2px;
}

.goog-te-gadget-simple img.goog-te-gadget-icon {
	display: none;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
	opacity: 0;
}

/* translator drop down css end here  */