@charset "UTF-8";

* {
	font-family: Poppins, sans-serif
}

html {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}

p {
	font-size: 14px;
	color: #333
}

h1 {
	color: #fff;
	font-size: 35px;
	font-weight: 600
}

#home-banner-carousel .carousel-caption h2 {
	font-size: 46px;
	font-weight: 600
}

.section-title {
	color: #fc4f19;
	font-weight: 500;
	font-size: 24px;
	margin-bottom: .5rem
}

.section-heading {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px
}

h3.side-content-title {
	font-size: 30px;
	font-weight: 600
}

a:hover {
	text-decoration: none
}

.banner-image {
	height: 50vh;
	min-height: 250px;
	background: no-repeat scroll;
	background-size: cover;
	background-position: top
}

button:focus {
	outline: 0
}

.bg-home-1 {
	background-image: url(../images/banner-home-1.svg)
}

.bg-home-2 {
	background-image: url(../images/banner-home-2.svg)
}

.bg-home-3 {
	background-image: url(../images/banner-home-3.svg)
}

#home-banner-carousel .carousel-caption {
	position: absolute;
	right: auto;
	bottom: auto;
	top: 20%;
	left: 8%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: left
}

#main-home a.filter-button.d-flex {
	opacity: .5
}

#main-home a.filter-button.d-flex.active {
	opacity: 1
}

#main-home .footer-logo img {
	width: 169px
}

#main-home #return-to-top span img {
	height: 22px
}

#main-home img {
	width: 100%;
	height: 100%
}

#main-home .featured-game img {
	width: 175px;
	height: 150px
}

#main-home .card-content-integration img {
	width: 128px
}

#main-home .slidePrev-btn img {
	width: 28px
}

#main-home .slideNext-btn img {
	width: 28px
}

#main-home .card-body img {
	width: 70px
}

#main-home .icon-card img {
	width: 39px;
	height: 37px
}

#main-home .success-stories-content img {
	width: 100px;
	height: 100px
}

#main-home .logo_school img {
	width: 175px
}

.education-excellence,
.goodfirms-logo {
	height: 70px !important;
	width: auto;
	margin: 0 6px !important
}

.featured-game img {
	width: 174px !important;
	height: 150px !important
}

p.everthing-you-need-subtext {
	font-size: 12px !important
}

p.heading-above-main {
	font-size: 25px;
	font-weight: 600;
	color: #fff
}

p.lead {
	font-size: 24px;
	font-weight: 500;
	color: #fff
}

.header-btn {
	border: 1px solid #fff;
	border-radius: 25px
}

.header-btn-call {
	border: 1px solid #fff;
	border-radius: 15px
}

.carousel-caption a.white-btn.btn {
	font-weight: 600;
	padding: 12px 24px;
	font-size: 18px;
	border-radius: 46px
}

.carousel-control-next,
.carousel-control-prev {
	width: 8%
}

.pt-45 {
	padding-top: 45px
}

.pt-14 {
	padding-top: 14px
}

.sectional-padding {
	padding: 20px 0
}

p.count,
p.count-text {
	font-size: 24px;
	font-weight: 700
}

a.filter-button p {
	font-size: 20px;
	font-weight: 500;
	color: #6e6f70
}

a.filter-button.active p,
a.filter-button.active:hover p {
	color: #fa6e16
}

.icons-size {
	font-size: 36px !important;
	color: #6e6f70;
	margin: auto
}

.filter-button.active .card {
	background: #fa6e16
}

.filter-button.active .card .icons-size {
	filter: invert(0) brightness(2)
}

a.filter-button {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	cursor: pointer
}

.card {
	padding: 20px;
	margin: 15px 0;
	border-radius: 10px;
	border: none;
	box-shadow: 0 0 15px 0 #ddd
}

.card-body {
	padding: 0
}

.card-title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;
	color: #333
}

.ic_success_stories {
	border-radius: 5px;
	border: none;
	box-shadow: 0 0 15px 0 #ddd
}

.brocure-section,
.button-orange,
.hover-card:hover,
.integrations-section .card:hover,
.navbar-scroll .header-btn,
.send-btn {
	background: #fc4f19;
	background: linear-gradient(90deg, #fc4f19 0, #f6a60d 100%)
}

.integration-hover-links {
	display: none
}

.card.hover-card:hover .integration-hover-links {
	display: block;
	color: #fff
}

a.integration-hover-links:after {
	filter: invert(0) brightness(15)
}

a.btn.button-orange {
	color: #fff;
	padding: 12px 24px;
	border-radius: 33px
}

.card-content-integration p {
	font-weight: 600;
	margin-bottom: 0
}

.hover-card:hover .hover-card-content p,
.hover-card:hover p,
.integrations-section .card:hover .card-content-integration p {
	color: #fff
}

.hover-card-content p {
	font-size: 14px
}

p.hover-card-heading {
	font-weight: 600;
	font-size: 16px
}

.card-body.blog-card-body {
	padding: 20px;
	background-color: #fff;
	border-radius: 7px;
	margin-top: -6px;
	min-height: 152px;
	position: relative
}

.card.blog-card {
	padding: 0
}

.blog-date::before {
	content: url(../images/ic_calendar.svg)
}

.blog-author::before {
	content: url(../images/ic_user.svg)
}

.success-stories-content {
	margin: 10px 0
}

.rating-card .review-numbers {
	color: #666;
	margin-bottom: 0;
	font-size: 14px
}

.rating-card h4.card-title {
	margin: 3px 0
}

.ratings-star i {
	color: #fa6e16
}

hr.line {
	width: 25%;
	border-top: 3px solid #fc4f19
}

.o-video {
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 56.25%
}

.o-video>iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0
}

.video-section {
	background: url(../images/bg-video-section.svg) no-repeat;
	background-size: 100%;
	background-position: 50% 100%
}

a.read-more {
	color: #fc4f19;
	font-weight: 600
}

a.read-more:after {
	content: url(../images/read_more.svg);
	padding-left: 10px
}

.icon-card {
	margin: 10px 0;
	padding: 0;
	width: 78px;
	height: 70px;
	text-align: center
}

.video-image img {
	border-radius: 10px
}

#main-home a.filter-button.d-flex {
	opacity: .7
}

.bg-orange {
	background-color: #ffede7
}

ul.side-icon {
	list-style-image: url(../images/ic_rectangle.svg)
}

#barcode-page .banner {
	background-image: url(../images/bg-integration-barcode-page.svg)
}

#biometric-page .banner {
	background-image: url(../images/bg-integration-biometric-page.svg)
}

#eexam-page .banner {
	background-image: url(../images/bg-integration-eexam.svg)
}

#deno-page .banner {
	background-image: url(../images/bg-online-classroom.svg)
}

#online-payment-gateway .banner {
	background-image: url(../images/bg-integration-online-payment-gateway.svg)
}

#online-portal .banner {
	background-image: url(../images/bg-integration-online-portal.svg)
}

#sms-page .banner {
	background-image: url(../images/bg-integration-sms-page.svg)
}

#tally-integration .banner {
	background-image: url(../images/bg-integration-tally-integration.svg)
}

#vehicle-tracking .banner {
	background-image: url(../images/bg-integration-vehicle-tracking.svg)
}

#demo-page .banner {
	background-image: url(../images/bg-demo.svg)
}

#integration-page .banner {
	background-image: url(../images/bg-integration-page.svg)
}

#integration-page .hover-card-content p {
	text-align: left
}

#online-classroom-page .banner {
	background-image: url(../images/bg-online-classroom.svg)
}

#online-classroom-page .card-section .card,
#web-design-page .card-section .card {
	min-height: 242px
}

#school-software-page .banner {
	background-image: url(../images/bg-school-software.svg)
}

#service-page .banner {
	background-image: url(../images/bg-services.svg)
}

#service-page .card-section .card {
	min-height: 468px
}

#integration-page .card-section .card {
	min-height: 550px
}

#web-design-page .banner {
	background-image: url(../images/bg-web-design.svg)
}

.web-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

#segment-page .banner {
	background-image: url(../images/bg-segment.svg)
}

#testimonial-page .banner {
	background-image: url(../images/bg-testimonial.svg)
}

#testimonial-page .client-logo {
	position: absolute;
	top: -20%;
	right: 29%
}

#testimonial-page .testimonial-card {
	margin: 40px 0
}

#testimonial-page .client-logo {
	position: absolute;
	top: -65px;
	right: 29%
}

#testimonial-page .testimonial-card .sub-head {
	min-height: 42px
}

#testimonial-page .testimonial-card .testimonial-content {
	min-height: 232px
}

#brocher-page .banner {
	background-image: url(../images/bg-brocher.svg)
}

#brocher-page .quote-section {
	box-shadow: 0 0 15px 0 #ddd;
	background-color: #fef8f6;
	padding: 42px 231px 17px 50px;
	border-radius: 0;
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 750px;
	height: 210px
}

#brocher-page p.name {
	color: #666
}

#brocher-page .side-content-title {
	margin-top: 62px
}

#case-study-page .banner {
	background-image: url(../images/bg-case-study.svg)
}

.case-study-cards-section .card {
	padding: 16px;
	min-height: 430px
}

.rps-logo {
	height: 77px
}

#presentation-page .banner {
	background-image: url(../images/bg-presentation.svg)
}

#presentation-page .video-section {
	background: url(../images/presentation-video-bg.svg) no-repeat;
	background-size: 100%;
	background-position: 50% 100%
}

#privacy-policy .banner {
	background: url(../images/bg-privacy-cookies.svg)
}

#term-of-use .banner {
	background: url(../images/bg-terms-of-use.svg)
}

#our-customers .banner {
	background: url(../images/bg-our-customer.svg)
}

.back-404-nav-color {
	background-color: #ff8526
}

.ebook-li-class li {
	list-style-type: none;
	margin-bottom: 20px
}

.ebook-p {
	color: #fc4f19;
	font-weight: 800
}

#main-e-book-page .banner {
	background-image: url(../images/bg-e-book.svg)
}

.ebook-manage {
	color: #fc4f19;
	font-weight: 600
}

.footer-menus {
	list-style: none
}

.footer-menus li a {
	color: #000;
	line-height: 2
}

.mega-menu-color {
	color: #fc4f19
}

#main-sitemap .banner {
	background-image: url(../images/bg-sitemap.svg)
}

.form-circle a.text-white {
	font-size: 13px;
	font-weight: 500
}

body#blog-vidyalaya {
	font-family: Poppins, sans-serif
}

#blog-vidyalaya ul.footer-menu {
	font-size: 16px !important;
	margin-bottom: 16px
}

#blog-vidyalaya body a:hover {
	text-decoration: none
}

#blog-vidyalaya hr {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important
}

#blog-vidyalaya p {
	font-size: 14px !important
}

#blog-vidyalaya p.footer-headings {
	font-size: 15px !important;
	font-weight: 700
}

#blog-vidyalaya #footer a {
	font-size: 16px !important
}

#blog-vidyalaya #footer a:hover {
	text-decoration: none
}

#blog-vidyalaya p.footer-headings {
	font-weight: 700;
	font-size: 16px !important
}

#blog-vidyalaya h1 a,
h2 a,
h3 a,
h4 a {
	color: #fc5819 !important
}

#blog-vidyalaya .page-numbers a:hover,
#edd_download_pagination .page-numbers.current,
#edd_download_pagination .page-numbers:hover,
.page-numbers span.current {
	background: #fc5e19;
	color: #fff;
	text-decoration: none
}

#blog-vidyalaya #footer {
	line-height: 1.7
}

#blog-vidyalaya .page-numbers span.current {
	background: #ff8526
}

#blog-vidyalaya h2 a:hover {
	color: #ff8526
}

#blog-vidyalaya h1 a,
h2 a,
h3 a,
h4 a {
	color: #ff8526
}

#blog-vidyalaya .post-meta a {
	color: #ff8526
}

#blog-vidyalaya .post-meta .meta-date-text {
	color: #ff8526
}

#blog-vidyalaya .whats-float {
	padding: 5px !important
}

#blog-vidyalaya .whats-float a span {
	padding-top: 2px !important
}

#blog-vidyalaya #primary.content-area.clr {
	padding-top: 0 !important
}

#blog-vidyalaya .sec-title span {
	color: #fb5d18 !important
}

#blog-vidyalaya h1 a,
h2 a,
h3 a,
h4 a {
	color: #fb6219 !important
}

#blog-vidyalaya .sidebar-container a {
	color: #fb5e18 !important
}

#blog-vidyalaya small {
	font-size: .7em !important;
	font-weight: 500 !important
}

#blog-vidyalaya i.side-call-icon {
	position: absolute;
	top: -20px;
	width: 50px;
	padding: 31px 17px 17px 17px
}

#blog-vidyalaya .call-float {
	height: 47px
}

#blog-vidyalaya .call-float a span {
	left: 32.5%
}

#blog-vidyalaya .whats-float {
	height: 47px
}

#blog-vidyalaya i.whatsapp-icon {
	position: absolute;
	top: -20px;
	width: 50px;
	padding: 31px 17px 17px 10px
}

#blog-vidyalaya .whats-float a span {
	left: 32%
}

#blog-vidyalaya .call-float:hover i,
#blog-vidyalaya .whats-float:hover i {
	transform: none
}

#college-software-page .banner {
	background-image: url(../images/bg-college-software.svg)
}

h2.modules-section-heading {
	font-size: 30px
}

#footer {
	background: #ff8526
}

ul.footer-menu {
	list-style: none;
	-webkit-padding-start: 0;
	padding-inline-start: 0
}

#footer a,
#footer p {
	color: #fff
}

.footer-menu li a {
	color: #fff;
	line-height: 2
}

.location-icon::before {
	content: url(../images/ic_location.svg)
}

.phone-icon::before {
	content: url(../images/ic_phone_call.svg)
}

.mail-icon::before {
	content: url(../images/ic_mail.svg)
}

#footer .white-btn,
a.white-btn {
	background: 0 0;
	border-radius: 20px;
	color: #fff;
	border: 2px solid #fff;
	margin-bottom: 10px
}

p.footer-headings {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 0
}

.goodfirms-logo {
	height: 100px;
	width: auto
}

.education-excellence {
	height: 100px;
	width: auto
}

.footer-hr {
	opacity: .5;
	border-top: 1px solid #fff
}

.terms-link:after {
	content: "|";
	padding-left: 8px;
	padding-right: 8px
}

.btn {
	font-weight: 600
}

.send-btn {
	border-radius: 25px;
	color: #fff;
	padding: 10px 30px
}

#footer .d-flex div {
	width: 100%
}

ul.dropdown-menu a {
	padding: 0 9px;
	color: #000;
	line-height: 2.3;
	font-size: 15px;
	display: block
}

ul.dropdown-menu li:hover {
	background: #fc4f19
}

ul.dropdown-menu li:hover a {
	color: #fff;
	text-decoration: none
}

a.nav-link {
	color: #fff;
	font-size: 15px
}

.navbar-scroll {
	background: #fff;
	box-shadow: 2px 12px 16px -10px rgba(168, 168, 168, .5)
}

.navbar-light .navbar-nav a.nav-link.scroll-text {
	color: #000
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff
}

ul.dropdown-menu {
	margin-top: 0
}

ul.sub-menu li a {
	color: #000 !important
}

ul.sub-menu li:hover a {
	color: #fff !important
}

#main-our-approach .banner {
	background-image: url(../images/bg-our-approach.svg)
}

.page-heading {
	padding: 150px 0
}

ul.list-icon {
	list-style-image: url(../images/ic_stars.svg)
}

ul.list-icon li {
	font-size: 16px;
	font-weight: 500;
	margin: 5px 0
}

#main-student-management-software .banner {
	background-image: url(../images/bg-benefits-to-you.svg)
}

#main-history .banner {
	background-image: url(../images/bg-history.svg)
}

.timeline {
	padding: 50px 0;
	position: relative
}

.timeline-nodes {
	padding-bottom: 25px;
	position: relative
}

.timeline-nodes:nth-child(even) {
	flex-direction: row-reverse
}

.timeline h3 {
	font-size: 24px;
	padding: 15px 15px
}

.timeline p {
	padding: 0 15px 15px 15px
}

.timeline p,
.timeline time {
	color: #fff
}

.timeline::before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	width: 0;
	border-left: 2px dashed #333;
	height: 95%;
	z-index: 1;
	transform: translateX(-50%)
}

.timeline-content {
	position: relative;
	background: #fc4f19;
	border-radius: 5px
}

.timeline-nodes:nth-child(odd) .timeline-content::after {
	content: "";
	position: absolute;
	top: 40%;
	left: 100%;
	width: 0;
	border-left: 11px solid #fc4f19;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.timeline-nodes:nth-child(even) .timeline-content {
	background: #f6a60d;
	border: none
}

.timeline-nodes:nth-child(even) .timeline-content::after {
	content: "";
	position: absolute;
	top: 40%;
	right: 100%;
	width: 0;
	border-right: 11px solid #f6a60d;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.timeline-image {
	position: relative;
	z-index: 100
}

.timeline-image::before {
	content: "";
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	z-index: 1
}

.timeline-image img {
	position: relative;
	z-index: 100
}

.featured-game {
	display: flex;
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover
}

.featured-game .content,
.featured-game .summary {
	padding: 0 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0
}

.featured-game .content {
	display: none
}

.swiper-1 .swiper-slide {
	display: flex;
	height: 150px;
	flex: 1;
	width: auto;
	opacity: 1
}

.swiper-1 .swiper-slide:hover {
	transform: scale(1.1, 1.1);
	transition: .8s all
}

.swiper-slide .card {
	margin: 15px 10px
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 25px !important
}

.slideNext-btn i,
.slidePrev-btn i {
	margin: 0 auto;
	font-size: 20px;
	color: gray
}

.slideNext-btn i:focus,
.slidePrev-btn i:focus {
	outline: 0
}

.bottom-nav {
	display: flex;
	margin: 0 auto;
	width: 100px
}

.swiper-button-next:after,
.swiper-button-prev:after {
	opacity: .8;
	color: #fc511c
}

#main-why-vidyalaya .banner {
	background-image: url(../images/bg-why-vidyalaya.svg)
}

#main-why-vidyalaya .offering-section .card {
	min-height: 318px
}

#main-vidyalaya .banner {
	background-image: url(../images/bg-about-vidyalaya.svg)
}

.text-orange {
	color: #fc4f19
}

.accordion-border {
	border-top: 1px solid #cecece;
	padding: 15px 5px
}

.accordion-content .card-body {
	border-top: 1px solid #d8d8d8
}

#faq #accordion .card-header {
	background-color: transparent
}

.card-header.accordion-border {
	border-top: 1px solid rgba(0, 0, 0, .125)
}

#accordion .card-link:after {
	content: "❯";
	color: #fc4f19;
	font-weight: 600;
	text-align: center;
	transition: all .35s;
	transform: rotate(-90deg);
	float: right
}

#accordion .card-link.collapsed:after {
	transform: rotate(90deg);
	float: right;
	color: #333
}

#accordion a.card-link.collapsed {
	color: #333
}

#accordion a.card-link {
	color: #fc4f19;
	font-weight: 500
}

#main-features-integration .banner {
	background-image: url(../images/bg-features.svg)
}

#main-history .banner {
	background-image: url(../images/bg-history.svg)
}

.content:hover .overlay {
	opacity: .9
}

.card.filter-button {
	background-color: #fff9f8;
	box-shadow: none
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	right: 0;
	height: 100%;
	width: 90%;
	opacity: 0;
	border-radius: 10px;
	transition: .5s ease;
	transition-timing-function: ease-in;
	background: #fc4f19;
	background: linear-gradient(90deg, #fc4f19 0, #f6a60d 100%)
}

#web-design-page .overlay {
	width: 93%
}

.overlay .list-icon {
	list-style-image: url(../images/list-icon-card-stars.svg)
}

.overlay ul.list-icon li {
	font-size: 12px;
	color: #fff
}

h4.features-card-hover-heading {
	color: #fff;
	font-size: 16px;
	font-weight: 600
}

.features-card-text {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	left: 0;
	width: 100%;
	font-weight: 500;
	text-align: center
}

.content:hover .features-card-text {
	display: none
}

.hover-card.active {
	background: #fc4f19;
	background: linear-gradient(90deg, #fc4f19 0, #f6a60d 100%)
}

.hover-card.active p {
	color: #fff
}

.filter .card.hover-card:hover img {
	filter: invert(0) brightness(10)
}

.core-modules-section .card-content-core-modules {
	min-height: 170px
}

.card-content-core-modules p {
	font-weight: 500;
	font-size: 18px
}

.filter .card p {
	font-weight: 500;
	margin: 20px 0 0 0;
	font-size: 16px
}

.filter .card {
	padding: 30px 20px 30px
}

#main-mobile-app-page .banner {
	background-image: url(../images/bg-mobile-app.svg)
}

#main-contact-us .banner {
	background-image: url(../images/bg-contact-us.svg)
}

#contact-form .md-form,
#ebook-form .md-form {
	margin: 25px 0
}

#contact-form label,
#ebook-form label {
	font-size: 14px
}

#contact-form .form-control,
#ebook-form .form-control {
	border: none;
	padding: 4px 0;
	font-size: 14px;
	border-bottom: 1px solid #707070;
	border-radius: 0
}

.contact-info {
	background: #fc4f19;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.form-circle {
	background: url(../images/form_circle_img.svg) no-repeat;
	padding: 50px 2px;
	height: 100%;
	background-position: 100% 100%
}

.contact-us {
	padding: 50px 15px 50px 0
}

.contact-wrapper {
	box-shadow: 0 0 15px 0 #ddd;
	border-radius: 10px
}

.contact-bg-circle {
	background-image: url(../images/form_circle_img.svg);
	background-repeat: no-repeat
}

.our-office-branches .contents a {
	font-size: 14px
}

.hover-card .contents a {
	color: #131f32
}

.hover-card:hover .contents * {
	color: #fff
}

.contents {
	line-height: 2
}

.card-height-customer-care {
	min-height: 574px
}

#dvTestLoadingmsg {
	background: #444;
	color: #666;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
	opacity: .8
}

.spinner-load {
	margin: 0 auto;
	height: 64px;
	width: 64px;
	-webkit-animation: rotate .8s infinite linear;
	animation: rotate .8s infinite linear;
	border: 5px solid #2f8be6;
	border-right-color: transparent;
	border-radius: 50%
}

#time-table-management-page .banner {
	background-image: url(../images/bg-time-table-management.svg)
}

#online-admission-system-page .banner {
	background-image: url(../images/bg-Onlineadmission.svg)
}

#school-hr-management-page .banner {
	background-image: url(../images/bg-hr-management.svg)
}

#school-library-management-page .banner {
	background-image: url(../images/bg-Library-management.svg)
}

#hostel-management-page .banner {
	background-image: url(../images/bg-hostel-management.svg)
}

#school-accounting-management-page .banner {
	background-image: url(../images/bg-Schoolaccounting.svg)
}

#Attendance-management-page .banner {
	background-image: url(../images/bg-Attendance-management.svg)
}

#school-database-management-page .banner {
	background-image: url(../images/bg-schooldatabase.svg)
}

#student-assignment-management-page .banner {
	background-image: url(../images/bg-assignment.svg)
}

#school-fees-management-page .banner {
	background-image: url(../images/bg-SchoolFees.svg)
}

#Examination-management-page .banner {
	background-image: url(../images/bg-Examination-management.svg)
}

#asset-management-page .banner {
	background-image: url(../images/bg-asset-management.svg)
}

#inventory-management-page .banner {
	background-image: url(../images/bg-inventory-management.svg)
}

#alumni-management-page .banner {
	background-image: url(../images/bg-alumni.svg)
}

#school-transport-page .banner {
	background-image: url(../images/bg-transport.svg)
}

.feature-core {
	color: #fff;
	border: 2px solid;
	padding: 2px 5px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 12px;
	position: absolute;
	bottom: 2%
}

a.feature-core:hover {
	color: #fff
}

@-webkit-keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

#case-study-details-page .banner {
	background-image: url(../images/bg-case-study-details.svg)
}

p.case-study-review {
	font-size: 24px;
	font-weight: 600
}

.whats-float {
	position: fixed;
	transform: translate(108px, 0);
	top: 32%;
	right: 0;
	width: 160px;
	overflow: hidden;
	background-color: #25d366;
	color: #fff;
	border-radius: 4px 0 0 4px;
	z-index: 10;
	transition: all .5s ease-in-out;
	vertical-align: middle
}

.whats-float a span {
	color: #fff;
	font-size: 15px;
	padding-top: 8px;
	padding-bottom: 10px;
	position: absolute;
	line-height: 16px;
	font-weight: bolder
}

.whatsapp-icon::before {
	content: url(../images/whatsapp.svg)
}

.whats-float i {
	font-size: 32px;
	color: #fff;
	padding: 14px;
	transform: rotate(0);
	transition: all .5s ease-in-out;
	text-align: center
}

.whats-float:hover {
	color: #fff;
	transform: translate(0, 0)
}

.whats-float:hover i {
	transform: rotate(360deg)
}

.call-float {
	position: fixed;
	transform: translate(108px, 0);
	top: 21%;
	right: 0;
	width: 160px;
	overflow: hidden;
	background-color: #25d366;
	color: #fff;
	border-radius: 4px 0 0 4px;
	z-index: 10;
	transition: all .5s ease-in-out;
	vertical-align: middle
}

.call-float a span {
	color: #fff;
	font-size: 15px;
	padding-top: 8px;
	padding-bottom: 10px;
	position: absolute;
	line-height: 16px;
	font-weight: bolder
}

.side-call-icon::before {
	content: url(../images/Phone.svg)
}

.call-float i {
	font-size: 32px;
	color: #fff;
	padding: 17px;
	transform: rotate(0);
	transition: all .5s ease-in-out;
	text-align: center
}

.call-float:hover {
	color: #fff;
	transform: translate(0, 0)
}

.call-float:hover i {
	transform: rotate(360deg)
}

.line-class {
	line-height: 7
}

#return-to-top {
	position: fixed;
	bottom: 120px;
	right: 30px;
	background: #f38d09;
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	border-radius: 35px;
	display: none;
	transition: all .3s ease
}

#return-to-top span {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	transition: all .3s ease
}

#return-to-top:hover {
	background: #fb6716
}

#return-to-top:hover i {
	color: #fff;
	top: 5px
}

html {
	scroll-behavior: smooth
}

#return-to-top span {
	font-size: 20px;
	left: 15px;
	top: 8px
}

#return-to-top span img {
	width: 20px
}

#return-to-top {
	z-index: 1
}

@media only screen and (max-width:991px) {
	.navbar-hover .show>.dropdown-toggle::after {
		transform: rotate(-90deg)
	}
}

@media only screen and (min-width:992px) {
	.navbar-hover .collapse ul li {
		position: relative
	}

	.navbar-hover .collapse ul li:hover>ul {
		display: block
	}

	.navbar-hover .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 250px;
		display: none
	}

	.navbar-hover .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 250px;
		display: none
	}
}

#city-specific-page nav.navbar {
	background: linear-gradient(90deg, #fc4f19 0, #f6a60d 100%)
}

#city-specific-page nav.navbar.navbar-scroll {
	background: #fff;
	box-shadow: 2px 12px 16px -10px rgba(168, 168, 168, .5)
}

#city-specific-page .core-modules-section .card:hover img {
	filter: invert(0) brightness(10)
}

#city-specific-page .core-modules-section .card p {
	margin-top: 20px;
	margin-bottom: 0
}

#city-specific-page h1.section-heading {
	color: inherit
}

.partner-program-interested {
	font-size: 16px;
	font-weight: 500
}

.partner-program-interested-a {
	color: #333 !important
}

#whatsapp-page .banner {
	background-image: url(../images/bg-whatsapp-integration.svg)
}

#whatsapp-page section.card-section .card {
	min-height: 318px
}

#main-awards .banner {
	background-image: url(../images/Award_banner.svg)
}

.awards-icon::before {
	content: url(../images/ic_award.svg)
}

.school-software-awards .card-body.blog-card-body {
	padding: 12px;
	min-height: 160px
}

#our-product-section {
	background: url(../images/our-product-background.svg) no-repeat;
	background-size: cover
}

#our-product-section h2,
#our-product-section h3,
#our-product-section p,
.brocure-section .section-heading,
.brocure-section .section-title {
	color: #fcfbf8
}

.e-brochure-white-bg {
	background: #fcfbf8;
	padding: 50px 0;
	border-radius: 5px
}

.brochure-img-wrap {
	margin-left: -90px
}

.navbar-nav {
	display: -webkit-box
}

.navbar-hover .collapse ul .megamenu-li {
	position: static
}

.megamenu {
	top: 55px !important
}

.mx-lg-9 {
	margin: 0 9rem !important
}

.new-bedge {
	height: 30px !important;
	margin-left: -30px;
	margin-right: 9px;
	width: auto !important
}

ul li:nth-child(3) {
	padding-right: 5px
}

ul li:nth-child(2) {
	padding-right: 5px
}

ul li:nth-child(4) {
	padding-right: 10px
}

ul li:nth-child(5) {
	padding-right: 5px
}

ul li:nth-child(8) {
	padding-right: 5px
}

ul li:nth-child(9) {
	padding-right: 5px
}

#home-banner-carousel .carousel-caption h1,
#home-banner-carousel .carousel-caption h2 {
	font-size: 35px;
	font-weight: 600
}

/* newletter css */
.subscribe_form {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	/* box-shadow: 0 2px 5px 0 rgba(10, 6, 20, .24); */
}

.subscribe_form .input-group {
	height: 55px;
	background: transparent;
	border-radius: 5px;
}

.subscribe_form .subscribe_Btn:focus,
.subscribe_form .subscribe_Btn {
	color: #fff;
	padding: 12px 24px;
	border-radius: 33px !important;
	background: linear-gradient(90deg, #fc4f19 0, #f6a60d 100%);
	border: none;
	height: 40px;
	max-width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute !important;
	right: 2%;
	top: 7px;
	z-index: 5 !important;
}

.subscribe_form .form-control {
	border: none !important;
	border-radius: 7px !important;
	background-color: #fff !important;
	padding-right: 150px;
	padding-left: 50px;
}

.subscribe_form .form-control:focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.subscribe_form .text-danger {
	color: #fff !important;
}

@media (max-width: 767px) {
	.subscribe_form .subscribe_Btn {
		font-size: 12px;
	}

	.subscribe_form .form-control {
		padding-right: 120px;
	}
}

.loading1 {
	position: fixed;
	z-index: 999;
	height: 5em;
	width: 5em;
	overflow: visible;
	margin: auto;
	top: -50px;
	left: -50px;
	bottom: 50px;
	right: 50px
}

.loading1 div {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 50%;
	animation: loader 1.2s linear infinite;
	z-index: 1000
}

.loading1 div:first-child {
	animation-delay: 0s;
	top: 37px;
	left: 66px
}

.loading1 div:nth-child(2) {
	animation-delay: -.1s;
	top: 22px;
	left: 62px
}

.loading1 div:nth-child(3) {
	animation-delay: -.2s;
	top: 11px;
	left: 52px
}

.loading1 div:nth-child(4) {
	animation-delay: -.3s;
	top: 7px;
	left: 37px
}

.loading1 div:nth-child(5) {
	animation-delay: -.4s;
	top: 11px;
	left: 22px
}

.loading1 div:nth-child(6) {
	animation-delay: -.5s;
	top: 22px;
	left: 11px
}

.loading1 div:nth-child(7) {
	animation-delay: -.6s;
	top: 37px;
	left: 7px
}

.loading1 div:nth-child(8) {
	animation-delay: -.7s;
	top: 52px;
	left: 11px
}

.loading1 div:nth-child(9) {
	animation-delay: -.8s;
	top: 62px;
	left: 22px
}

.loading1 div:nth-child(10) {
	animation-delay: -.9s;
	top: 66px;
	left: 37px
}

.loading1 div:nth-child(11) {
	animation-delay: -1s;
	top: 62px;
	left: 52px
}

.loading1 div:nth-child(12) {
	animation-delay: -1.1s;
	top: 52px;
	left: 62px
}

@keyframes loader {

	0%,
	20%,
	80%,
	to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.5)
	}
}

.loading1:before {
	content: " ";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3)
}

.loading1:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}


.whatsapp-icon {
	animation: hithere 1s ease infinite;
}

@keyframes hithere {
	30% {
		transform: scale(1.2);
	}

	40%,
	60% {
		transform: rotate(-20deg) scale(1.2);
	}

	50% {
		transform: rotate(20deg) scale(1.2);
	}

	70% {
		transform: rotate(0deg) scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

.whats-float i {
	left: 0 !important;
	top: 0 !important;
	padding: 9px 14px !important;
	transform: rotate(0);
	transition: all 0.5s ease-in-out;

}

.whats-float:hover {
	transform: translate(0, 0);
}

.whats-float:hover i {
	transform: rotate(360deg);
}

.side-call-icon {
	animation: hithere 1s ease infinite;
}

.call-float i {
	top: 0 !important;
	padding: 9px 17px !important;
	transform: rotate(0);
	transition: all 0.5s ease-in-out;
}

.call-float:hover {
	transform: translate(0, 0);
}

.call-float:hover i {
	transform: rotate(360deg);
}

.subscribe_form .mail_icon {
	position: absolute;
	z-index: 6;
	top: 16px;
	left: 10px;
	color: #fff;
}

#return-to-top {
	background: linear-gradient(90deg, #fc4f19, #f6a60d) !important;
}

#return-to-top:hover {
	background: #fb6716 !important;
}

#return-to-top span {
	/*	line-height: 1.5;*/
	height: unset !important;
	width: unset !important;
	font-size: unset !important;
	position: unset !important;
}

#return-to-top span img {
	width: 50px;
	height: 25px;
	margin-top: 12px;
}

@media (min-width:992px) and (max-width:1199px) {
	#blog-vidyalaya #footer .emailpara {
		font-size: 12px !important;
	}
}