* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Global Typography Style Started From Here  */
/* font-family: 'Abhaya Libre',serif;
font-family: 'Lora',serif;
font-family: 'Poppins',sans-serif; */
h1 {
font-size: 70px;
line-height: 1;
font-family: 'Abhaya Libre', serif;
margin-bottom: 25px;
font-weight: 700;
color: #3d56f0;
}

h2 {
font-size: 50px;
line-height: 1.1;
margin-bottom: 5px;
margin-top: 0;
font-family: 'Abhaya Libre', serif;
color: #3d56f0;
font-weight: 700;
}

h3 {
margin-top: 0;
font-size: 30px;
margin-bottom: 5px;
line-height: 1.1;
font-family: 'Abhaya Libre', serif;
font-weight: 900;
color: #ed5ab0;
}

h4 {
margin-top: 0;
margin-bottom: 10px;
font-size: 21px;
line-height: 35p1.2;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}

h5 {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #686868;
font-family: 'Poppins', sans-serif;
}

p {
font-size: 18px;
font-weight: 300;
line-height: 30px;
color: #0f192d;
font-family: 'Poppins', sans-serif;
}

a {
color: #2b2d2e;
font-size: 14px;
cursor: pointer;
font-weight: 600;
display: inline-block;
font-family: 'Poppins', sans-serif;
line-height: 1.2;
transition: all .2s linear;
text-decoration: none;
}

a:hover,
a:focus-visible {
color: #ed5ab0;
}

ul,
li {
list-style: none;
}

.color-white {
color: #fff;
}

/* Global Typography Style Ended From Here  */

body {
font-family: 'Poppins', sans-serif;
font-size: 16px;
}

.page-center {
max-width: 1440px;
margin: 0 auto;
width: 100%;

}

/* header Style Started From Here  */
.header-top-wrapper {
position: relative;
background-color: #ed5ab0;
opacity: 1;
transition: all 0.5s ease-in-out;
}

.header-top-left-col a:hover {
color: #fff;
}

.header-flex-row {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
padding: 10px 20px;
}

.mobile-navbar {
display: none;
}

.header-top-right-col ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 25px;
position: relative;
z-index: 1;
}

.header-top-left-col {
width: 40%;
}

.header-top-left-col ul {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

.header-top-left-col ul a span {
margin-right: 5px;
}

.header-top-right-col {
width: 60%;
position: relative;
padding-left: 25px;
display: flex;
justify-content: end;
}

.header-top-left-col p {
color: #fff;
font-weight: 600;
}

.header-top-right-col a {
position: relative;
z-index: 1;
}

.header-top-right-col a:hover a {
color: #ec1c23;
}

.header-flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
}

.logo-col {
width: 25%;
}

.header-main-outer .logo-col img {
width: 100%;
height: 100%;
display: inline-block;
object-fit: contain;
max-width: 300px;
min-width: 150px;
}

.nav-link-col {
width: 75%;
}

.nav-link-outer {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 120px;
gap: 34px;
position: relative;
}

.nav-link-outer li .nav-links {
color: #303030;
font-size: 14px;
line-height: 1;
}

.nav-link-outer li .nav-links:hover {
color: #ed5ab0;
}

.nav-link-outer .search-link {
background: #2c2b5e none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: flex;
height: 31px;
position: relative;
text-align: center;
transition: all 0.5s ease 0s;
width: 31px;
justify-content: center;
align-items: center;
}

.nav-link-outer .search-link:hover {
background: #ec1c23;
}

.header-main-outer.sticky {
transition: all 0.6s ease 0s;
box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
left: 0;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
background: #fff;
}

.header-top-wrapper.fadeOut {
opacity: 0;
transition: all 0.5s ease-in-out;
}

.sub-menu-outer {
position: relative;
}

.sub-menu {
position: absolute;
width: 100%;
background: white;
min-width: 282px;
z-index: 9999999;
text-align: start;
padding: 40px 20px 20px;
opacity: 0;
transition: 0.5s ease-in-out;
visibility: hidden;
}

.sub-menu .nav-link-outer {
flex-direction: column;
padding: 0px;
text-align: start;
justify-content: flex-start;
}

.sub-menu .nav-link-outer li {
text-align: start;
width: 100%;
}

.sub-menu .nav-link-outer a {
display: block;
width: 100%;
}

.sub-menu-outer:hover .sub-menu {
opacity: 1;
visibility: visible;
display: block;
}

.nav-link-outer li .nav-links span i {
font-family: "FontAwesome";
font-weight: 400;
font-style: normal;
margin-left: 10px;
}

.nav-link-outer li .nav-links.active {
color: #ed5ab0;
}

.header-top-right-col li {
border-radius: 5px;
padding: 5px;
border: 1px solid #fff;
}

.header-top-wrapper a {
color: #fff;
font-family: 'Lora', serif;
font-size: 16px;
font-style: italic;
}

.logo-col a {
display: block;
}

/* Header Style Ended  */
/* Important Notice Bar Style Started from Here  */
.important-notice-wrapper {
padding: 8px 20px;
background-color: #ed5ab0;
display: flex;
justify-content: center;
align-items: center;
}

.important-notice-wrapper p {
color: #fff;
text-transform: capitalize;
white-space: nowrap;
font-family: 'Lora', serif;
font-style: italic;
font-size: 16px;
line-height: 1;
}

.marquee_dv {
display: flex;
gap: 100px;
}

/* Important Notice Bar Style Ended  from Here  */
/* Banner Started from here  */

.banner-slide.slide-one {
background-image: url(../images/slide1.jpg);
}

.banner-slide.slide-two {
background-image: url(../images/slide2.jpg);
}

.banner-slide.slide-three {
background-image: url(../images/slide3.jpg);
}

.banner-slide {
background-position: center;
background-size: cover;
height: 80vh;
background-repeat: no-repeat;
display: flex !important;
align-items: center;
position: relative;
}

.slide-content-area {
padding: 0px 20px 0px 70px;
max-width: 650px;
}

.slide-content-area p {
font-size: 18px;
}

.slide-content-area p {
font-size: 18px;
}

.primary-btn {
padding: 18px 50px;
font-size: 15px;
font-weight: 400;
background-color: #ed5ab0;
border-radius: 100px;
color: #fff;
margin-top: 30px;
transition: 0.5s linear;
}

.primary-btn:hover {
color: #fff;
background-color: #3d56f0;
}

.slide-btn {
background: #ed5ab0 !important;
width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
position: absolute !important;
z-index: 9999 !IMPORTANT;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.5s linear;
}

.slide-btn.next {
right: 0 !important;
top: 50% !important;
}

.slide-btn.prev {
left: 0 !important;
top: 50% !important;
}

.slide-btn i {
font-size: 16px;
font-family: 'FontAwesome';
font-style: normal;
color: #fff;
}

.slide-btn:hover {
background-color: #3d56f0 !important;
}

/* Banner Ended From Here  */
/* Four Column Block Section Started  */
.four-column-block-outer {
padding: 50px 20px;
}

.column-heading {
text-align: center;
}

.flex-row {
display: flex;
gap: 30px;
margin-top: 50px;
flex-wrap: wrap;
justify-content: center;
}

.column-outer {
flex: 1 1 auto;
max-width: 300px;
text-align: center;
}

.column-outer p {
font-size: 18px;
}

.column-heading p {
font-size: 18px;
}

/* Four Column Block Section Started  */
/* Center Image section Started from here  */
.middle-image-main-wrapper {
background-image: url('../images/line2.png');
padding: 25px 20px 50px;
background-repeat: no-repeat;
background-size: contain;
}

.inner-icon-wrap {
background-image: url('../images/rounded-bg.png');
width: 20%;
background-size: contain;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
height: auto;
max-height: 78px;
max-width: 78px;
}

.flex-wrap-middle {
display: flex;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
}

.left-content-column {
width: 30%;
}

.middle-image-column {
width: 34%;
overflow: hidden;
text-align: center;
}

.right-content-column {
width: 30%;
}

.middle-image-column img {
width: 100%;
}

.inner-section-wrapper {
display: flex;
gap: 30px;
margin-bottom: 30px;
flex-wrap: wrap;
}

.left-content-column .inner-content-wrapper {
text-align: end;
}

.inner-section-wrapper:last-child {
margin-bottom: 0px;
}

.inner-content-wrapper {
width: 70%;
}

.inner-icon-wrap i {
color: #fff;
font-size: 26px;
}

.bg-pink {
background-color: #ff52ed;
}

.bg-blue {
background-color: #68bde5;
}

.bg-green {
background-color: #6dce63;
}

.bg-orange {
background-color: #ffa63d;
}

/* Center Image section Ended from here  */
/* Principle section Started From Here  */
/* Principle Section Started From Here  */
.principle-outer {
/* background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg1.jpg); */
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-attachment: fixed !important;
position: relative;
padding: 80px 20px;
}

.principle-outer::before {
position: absolute;
content: "";
background: url(../images/line-bg1.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
background-size: contain;
}

.principle-outer::after {
position: absolute;
content: "";
background: url(../images/line-bg2.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
left: 0;
background-size: 100%;
background-position: bottom;
bottom: -1px;
}

/*
.principle-flex-wrap {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
margin-top: 50px;
}

.principle-outer .outer-heading h2 {
color: #fff000;
text-align: center;
}

.principle-message {
width: 30%;
}

.principle-outer .notice-board-column {
width: 30%;
overflow: hidden;
}

.principle-outer .notice-board-column h3 {
color: #fff;
margin-bottom: 30px;
}

.principle-outer .notice-board-column .notice-board-list-outer {
background-color: #fff;
max-height: 100%;
}

.column-message-right {
width: 70%;
padding-left: 50px;
}

.column-message-right p {
color: #fff;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
text-align: justify;
}

.principle-message img {
width: 100%;
object-fit: cover;
border: 20px solid #9d9bb3;
} */
.principle-flex-wrap {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
}

.principle-flex-wrap * {
color: #fff;
}

.principle-message {
width: 40%;
}

.column-message-right {
width: 56%;
}

.principle-message .principle-image img {
width: 100%;
-webkit-mask-image: url(../images/about-bg.png);
mask-image: url(../images/about-bg.png);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 92%;
mask-size: 100%;
width: 100%;
}

.principle-message {
overflow: hidden;
}

section.principle-outer {
padding: 100px 20px;
}

.principle-image {
height: 100%;
}

/* Principle section Ended From Here  */
/* Topper Section Started From Here  */
.topper-student-wrapper {
display: flex;
gap: 20px;
box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
position: relative;
padding: 30px;
overflow: hidden;
background: #fff;
max-height: 400px;
height: 100%;
background-color: #fff;
}

.topper-student-wrapper .topper-slide {
width: 100%;
text-align: center;
}

.topper-student-wrapper .topper-slide img {
width: 100%;
object-fit: cover;
max-width: 200px;
max-height: 200px;
margin: auto;
mask-image: url(../images/team-bg1.png);
-webkit-mask-image: url(../images/team-bg1.png);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
object-fit: center;
}

.topper-student-wrapper .topper-slide h4 {
font-size: 18px;
margin: 10px 0px;
line-height: 1.3;
}

.topper-student-wrapper .topper-slide h5 {
font-size: 16px;
margin: 10px 0px;
}

.slick-prev {
background-image: url(../images/arrow.png);
background-position: -53px 0;
left: 40%;
bottom: 0px;
height: 60px;
}

.slick-next {
background-image: url(../images/arrow.png);
background-position: -105px 0;
right: 40%;
bottom: 0px;
height: 60px;
width: 50px !important;
}

.slick-arrow {
outline: none !important;
border: none !important;
background-color: transparent !important;
background-repeat: no-repeat;
background-size: 210px;
color: transparent !important;
position: absolute;
cursor: pointer;
transition: all .5s;
z-index:1;
}

.slick-arrow:hover {
background-position: 0px 0;
}

.birthday-wrapper .topper-slide img {
max-width: 250px;
}

section.notice-board-outer.full-width-section {
padding: 50px 20px;
}

.full-width-section .notice-board-column h2 {
text-align: center;
margin-bottom: 30px;
}

section.notice-board-outer.full-width-section .notice-board-flex-outer {
gap: 130px;
}

/* Notice Board Style Started from here  */
.notice-board-outer {
padding: 50px 20px 100px;
background-image: url(../images/line2.png);
background-repeat: no-repeat;
background-size: cover;
}

.notice-board-flex-outer {
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.birthday-column {
width: 47%;
}

.notice-board-column {
width: 47%;
}

.notice-board-list-outer {
box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
position: relative;
padding: 30px;
max-height: 400px;
height: 100%;
overflow: hidden;
background-color: #fff;
}

.notice-board-flex-outer h3 {
margin-bottom: 40px;
text-align: center;
}

.notice-content h6 {
color: #ec1c23;
font-weight: 700;
margin-bottom: 15px;
}

.notice-content {
border-bottom: 1px solid #2b2c5d85 !important;
}

.notice-content p {
line-height: 24px;
}

.notice-content {
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px;
}

.notice-content:last-child {
border: none;
}

.notice-board-list {
position: absolute;
top: -14px;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 30px;
}

.notice-board-outer .owl-nav {
display: flex;
justify-content: space-between;
width: 100%;
position: absolute;
z-index: 1111;
left: 0;
right: 0;
top: 50%;
align-items: center;
}

.notice-board-outer .owl-nav button {
width: 30px;
height: 50px;
background-color: #ec1c22 !important;
color: #fff !important;
}

.full-width-section .notice-board-column {
width: 100%;
}

.full-width-section .topper-student-wrapper {
box-shadow: none;
height: 100%;
max-height: unset;
}

.full-width-section button.slick-prev.slick-arrow {
left: 46%;
}

.full-width-section button.slick-next.slick-arrow {
right: 46%;
}

/* Notice Board Style Ended Here */
/* Testimonial Section Style Started  */
.testimonial-outer {
position: relative;
padding: 100px 20px 40px;
background-color: #fff;
}

.testimonial-outer {
position: relative;
z-index: 2;
}

.author-image img {
border-radius: 50%;
border: 1px solid #ffffff;
width: 100%;
max-width: 97px;
margin: auto;
}

.testimonial-content {
text-align: center;
max-width: 790px;
margin: auto;
}

.testimonial-content h6 {
margin: 20px 0px 25px;
color: #2c2b5e;
padding: 0px 20px;
font-size: 16px;
font-weight: 400;
}

.testimonial-content .author-details h5 {
font-size: 18px;
color: #2c2b5e;
font-weight: 600;
}

.testimonial-content .author-details h6 {
margin: 5px 0px 0px;
}

.testimonial-outer .owl-dots {
display: flex;
justify-content: center;
margin-top: 20px;
}

.testimonial-outer .owl-dot {
height: 10px;
width: 10px;
margin: 0 5px;
border-radius: 50%;
background-color: #ccc;
transition: all 0.3s ease;
background-color: #2c2b5e !important;
}

.testimonial-outer .owl-dot.active {
background-color: #ec1c20 !important;
transform: scale(1.2);
}

.testimonial-outer .flex-wrap {
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.testimonial-outer .testimonial-left-column {
width: 47%;
}

.testimonial-outer h3 {
text-align: center;
}

.testimonial-outer .testimonial-box {
max-height: 380px;
height: 100%;
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
}

.slider-height-inner-box {
max-height: 316px;
}

.testimonial-box {
background-color: #f7fbfb;
border: 2px dashed #000;
border-radius: 3px;
}

.testimonial-box.topper-student-wrapper.slider-height-inner-box.slick-initialized.slick-slider {
max-width: 750px;
margin: auto;
}

/* Testimonial Section Style Ended  */
/* Topper Section Ended From Here  */
/* Leatest Blog Section Style Started From here  */
.cards-flex {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}

.card-image {
position: relative;
padding: 35%;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
margin-bottom: 30px;
border-radius: 10px;
}

.card-image-one {
background-image: url(../images/blog1.jpg);
}

.card-image-two {
background-image: url(../images/blog2.jpg);
}

.card-image-three {
background-image: url(../images/blog3.jpg);
}

.card-image-four {
background-image: url(../images/blog1.jpg);
}

/* 
.card-image::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
background: url(../images/image-frame.png);
top: 0;
background-size: contain;
background-repeat: no-repeat;
} */

.course-card-column {
/* box-shadow: rgb(0 0 0 / 15%) 0px 0px 6px 0px;
margin-bottom: 20px; */
width: 30.33%;
margin-right: 10px;
}

.course-card-column a {
display: block;
}

.blog-outer-wrapper {
padding: 40px 20px 50px;
}

.outer-heading {
text-align: center;
max-width: 770px;
margin: 0px auto 50px;
position: relative;
z-index: 1;
}

.blog-top p {
/* border-bottom: 1px solid rgb(225, 225, 225); */
padding-bottom: 15px;
padding-right: 30px;
}

.blog-outer-wrapper .btn-primary {
font-weight: 500;
transition: all 0.5s ease 0s;
border: none;
color: #191918;
font-size: 18px;
font-style: italic;
text-transform: capitalize;
display: inline-block;
}

.blog-outer-wrapper .btn-primary:hover {
color: #2c2b5e;
background: transparent;
border: none;
}

.blog-outer-wrapper .course-content-wrapper {
display: flex;
flex-direction: column;
}

.blog-outer-wrapper .course-content-wrapper a h4 {
font-size: 18px;
line-height: 1.4;
}

.blog-outer-wrapper .owl-nav {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
width: 100%;
right: 0px;
left: 0px;
top: 50%;
z-index: 111;
}

.blog-outer-wrapper .owl-nav button {
width: 20px;
height: 50px;
background-color: #2e2a5d !important;
color: #fff !important;
}

.blog-outer-wrapper .owl-nav button.owl-prev {
position: relative;
left: -20px;
}

.blog-outer-wrapper .owl-nav button.owl-next {
position: relative;
right: -20px;
}

/* Leatest Blog Section Style Ended  Here*/

/* Gallery Code Started From Here  */
section.our-gallery-outer-wrapper {
padding: 80px 20px 50px;
}

.our-gallery-flex-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

.our-gallery-column {
width: 30.33%;
overflow: hidden;
}

.our-category-image img {
width: 100%;
height: 280px;
object-fit: cover;
}


.our-category-image {
position: relative;
}

/* .our-category-image::after {
content: '';
position: absolute;
left: 0;
top: 0;
background: url(../images/image-frame.png);
z-index: 1;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
} */

.hidden {
overflow: hidden;
display: none;
visibility: hidden;
}

.btn-gallery {
text-align: center;
margin-top: 30px;
}

.btn-gallery .btn-primary {
text-decoration: none;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 700;
overflow: hidden;
padding: 20px 40px;
position: relative;
text-transform: uppercase;
z-index: 9;
background: #ed5ab0;
border: 1px solid #ed5ab0;
transition: all 0.3s ease 0s;
line-height: 1;
border-radius: 100px;
}

.btn-primary:hover {
color: #ed5ab0;
background: #fff;
border-color: #ed5ab0;
}

/* Footer Started from Here  */
footer.footer-wrapper-outer {
position: relative;
background: #c4eafb;
}

footer.footer-wrapper-outer::before {
content: '';
height: 80px;
position: absolute;
left: 0;
width: 100%;
z-index: 2;
background-repeat: no-repeat;
background-image: url(../images/line-bg1.png);
top: 0;
background-size: 100%;
}

.footer-wrapper {
padding: 100px 20px 100px;
}

.footer-inner-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.footer-icons-column {
width: 38%;
}

.footer-link-column {
width: 30%;
padding: 0px 40px 0px;
}

.footer-description p {
line-height: 1.6;
margin: 20px 0px;
}

.footer-icons ul li a {
border: 1px solid rgb(218, 218, 218);
color: rgb(125, 125, 125);
height: 28px;
width: 28px;
border-radius: 50%;
display: block;
text-align: center;
line-height: 26px;
transition: all 0.5s ease 0s;
}

.footer-icons ul {
display: flex;
gap: 12px;
}

.footer-icons ul li:hover a {
border: 1px solid rgb(236, 28, 35);
background: rgb(236, 28, 35);
color: rgb(255, 255, 255);
}

.footer-link-title h5 {
text-transform: uppercase;
color: #3d56f0;
margin-bottom: 45px;
position: relative;
font-size: 21px;
font-weight: 600;
}

.footer-link-title h5::before {
background: none 0px 0px repeat scroll rgb(96, 96, 96);
bottom: -13px;
content: "";
height: 1px;
left: 0px;
position: absolute;
width: 45px;
display: none;
}

.footer-link-title h5::after {
background: none 0px 0px repeat scroll rgb(96, 96, 96);
bottom: -10px;
content: "";
height: 1px;
left: 0px;
position: absolute;
width: 57px;
display: none;
}

.foooter-nav ul li a {
color: rgb(125, 125, 125);
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 16px;
text-transform: capitalize;
transition: all 0.3s ease-out 0s;
}

.foooter-nav ul li a:hover {
color: rgb(236, 28, 35);
text-decoration: none;
}

.foooter-nav ul li {
margin-bottom: 15px;
}

.foooter-nav ul li:last-child {
margin-bottom: 0px;
}

.foooter-nav ul li a {
color: #191918;
font-size: 18px;
font-weight: 400;
margin-bottom: 0px;
text-transform: capitalize;
}

.foooter-nav ul li {
margin-bottom: 15px;
}

.foooter-nav ul li:last-child {
margin-bottom: 0px;
}

.foooter-info p {
margin-bottom: 15px;
color: #191918;
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
}

.foooter-info p:last-child {
margin-bottom: 0px;
}

.footer-bottom-wrapper {
background: #c4eafb;
text-align: center;
padding: 25px 20px;
border-top: 1px solid rgba(0, 0, 0, .1);
}

.footer-bottom-wrapper p {
color: #191918;
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
}

/* Footer Ended Here  */
/* Inner Pages Started From Here  */
.inner-banner-wrapper {
background-image: url('../images/pattern.jpg');
background-position: center center;
background-size: auto;
position: relative;
padding: 100px 20px;
text-align: center;
}

.banner-desc h1 {
color: #fff;
}

.breadcrumb .list-inline {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}

.breadcrumb .list-inline li {
color: #fff;
position: relative;
}

.breadcrumb .list-inline li a {
color: #fff;
}

.breadcrumb .list-inline li::after {
position: absolute;
color: #fff;
content: "\f105";
margin-left: 7px;
font-family: fontawesome;
top: 5px;
}

.breadcrumb .list-inline li:last-child::after {
opacity: 0;
}

.inner-banner-wrapper::before {
content: '';
background-image: url(../images/bg-cloud2.png);
height: 100px;
width: 100%;
position: absolute;
bottom: 0;
z-index: 1;
left: 0;
-webkit-animation: 45s scrollup infinite linear;
-moz-animation: 45s scrollup infinite linear;
-o-animation: 45s scrollup infinite linear;
-ms-animation: 45s scrollup infinite linear;
animation: 45s scrollup infinite linear;
background-repeat: repeat-x
}

.inner-banner-wrapper::after {
content: '';
background-image: url(../images/bg-cloud1.png);
height: 100px;
width: 100%;
position: absolute;
bottom: 0;
z-index: 1;
left: 0;
-webkit-animation: 40s scroll infinite linear;
-moz-animation: 40s scroll infinite linear;
-o-animation: 40s scroll infinite linear;
-ms-animation: 40s scroll infinite linear;
animation: 40s scroll infinite linear;
background-repeat: repeat-x
}

@-webkit-keyframes scroll {
100% {
    background-position: -3000px 0
}
}

@-moz-keyframes scroll {
100% {
    background-position: -3000px 0
}
}

@-o-keyframes scroll {
100% {
    background-position: -3000px 0
}
}

@-ms-keyframes scroll {
100% {
    background-position: -3000px 0
}
}

@keyframes scroll {
100% {
    background-position: -3000px 0
}
}

@-webkit-keyframes scrollup {
100% {
    background-position: 3000px 0
}
}

@-moz-keyframes scrollup {
100% {
    background-position: 3000px 0
}
}

@-o-keyframes scrollup {
100% {
    background-position: 3000px 0
}
}

@-ms-keyframes scrollup {
100% {
    background-position: 3000px 0
}
}

@keyframes scrollup {
100% {
    background-position: 3000px 0
}
}

/* Inner Pages Ended  From Here  */
/* center image left right content started from here */
.middle-image-main-wrapper-inner {
padding: 80px 20px 10px;
}

.childern-box {
position: relative;
margin-top: 100px
}

.childern-box img {
max-width: 100%;
}

.childern-box .childern-1 {
position: absolute;
top: 0;
width: 100%
}

.childern-box .childern-2 {
animation: jump1 .5s linear alternate infinite;
position: relative
}

.childern-box .childern-1 {
animation: jump .5s linear alternate infinite
}

@keyframes jump {
0% {
    top: -10px
}

30% {
    top: -30px
}

100% {
    top: -50px
}
}

@keyframes jump1 {
0% {
    top: -50px
}

30% {
    top: -30px
}

100% {
    top: -10px
}
}

@-webkit-keyframes jump {
0% {
    top: -10px
}

30% {
    top: -30px
}

100% {
    top: -50px
}
}

@-webkit-keyframes jump1 {
0% {
    top: -50px
}

30% {
    top: -30px
}

100% {
    top: -10px
}
}

/* center image left right content ended from here */
/* Our Teachers Section Started From Here  */
.inner-pages-our-teachers {
padding-bottom: 100px !important;
}

/* Our Teachers Section Ended From Here  */
/* Fee Strcuture Started From Here  */
.fee-struction-wrapper {
padding: 80px 20px;
max-width: 900px;
margin: auto;
}

.fee-struction-wrapper iframe {
width: 100%;
height: 100vh;
}

/* Fee Structure Style Ended From Here  */
/* admission Rules Style Staretd From Here  */
html body .rules-lists-inner-wrapper {
padding: 80px 20px;
}

html body .rules-heading {
margin-bottom: 30px;
}

html body .rules-list ul {
list-style-type: decimal;
list-style-position: inside;

}

html body .rules-list ul li {
margin-bottom: 15px;
line-height: 1.5;
font-size: 16px;
list-style: unset;
}

html body .rules-list ul li:last-child {
margin-bottom: 0px;
}

/* Admission Rules Style Ended From Here  */
/* List Of Syllabus Section Started From Here  */
.list-column-wrapper {
padding: 80px 20px;
}

.list-column-flex {
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.list-column-block {
flex: 1 1 auto;
}

.list-column-block a {
background: #2e2a5d;
display: block;
padding: 80px;
text-align: center;
font-size: 20px;
box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
border-radius: 5px;
color: #fff;
}

.list-column-block a:hover {
background: #ec1c23;
color: #fff;
}

/* List Of Syllabus Section Started From Here  */
.list-column-wrapper {
padding: 80px 20px;
}

.list-column-flex {
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.list-column-block {
flex: 1 1 auto;
}

.list-column-block a {
background: #2e2a5d;
display: block;
padding: 80px;
text-align: center;
font-size: 20px;
box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
border-radius: 5px;
color: #fff;
}

.list-column-block a:hover {
background: #ec1c23;
color: #fff;
}

html body .bg-pink {
background-color: #ed5ab0;
}

html body .bg-blue {
background-color: #3d56f0;
}

/* List of Syllabus Section Ended Here  */
/* Contact us page started  */
section.three-column-wrapper {
padding: 80px 20px;
}

.three-column-flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.three-column-flex .three-column {
width: 33%;
display: flex;
gap: 20px;
justify-content: center;
}

.three-column-flex .three-column .icon i {
font-size: 40px;
}

.email-icon i {
color: #ffa63d;
}

.location-icon i {
color: #6dce63;
}

.phone-icon i {
color: #68bde5;
}

/* form Started From Here  */
section.contact-form-wrapper {
padding: 80px 20px;
}

.form-inner-wrapper {
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
gap: 30px;
}

.form-input-wrapper {
width: 30.33%;
}

.form-subject-wrapper {
width: 100%;
}

.form-input-wrapper input {
background-color: #c4eafb;
border: 2px solid #c4eafb;
height: 60px;
border-radius: 6px;
padding: 20px;
font-size: 16px;
font-weight: 300;
display: block;
width: 100%;
}

.form-input-wrapper input:focus-visible {
outline: none;
border: none;
}

.form-subject-wrapper textarea {
background-color: #c4eafb;
border: 2px solid #c4eafb;
border-radius: 6px;
padding: 20px;
font-size: 16px;
font-weight: 300;
width: 100%;
}

.form-subject-wrapper textarea:focus-visible {
outline: none;
border: none;
}

form .reply-btn {
font-size: 14px;
font-weight: 600;
padding: 18px 40px;
display: block;
margin: 50px auto 0px;
background: #ed5ab0;
border: none;
border-radius: 100px;
color: #fff;
cursor: pointer;
transition: 0.5s ease-in-out;
}

form .reply-btn:hover {
background-color: #3d56f0;
}

/* form Ended From Here  */
/* Contact us page Ended  */
/* Gallery Photos Section Started  */
.gallery-photos .our-category-image {
padding: 10px;
border: 2px dashed #f81770;
border-radius: 17px / 17px 14px 30px 20px;
height: 100%;
}

.gallery-photos .our-category-image::after {
display: none;
}

.gallery-photos .our-category-image img {
border-radius: 17px / 17px 14px 30px 20px;
min-height: 250px;
max-height: 250px;
max-width: 370px;
min-width: 370px;
}

/* Gallery Photos Section Ended  */
/* No Data Section Started From Here  */
.no-data-wrapper {
padding: 60px 20px;
text-align: center;
margin: auto;
}

/* No Data Section Ended From Here  */
/* Updated Css Changes  */
.principle-outer a.btn-primary {
border: 1px solid #fff;
padding: 15px;
border-radius: 5px;
margin-top: 30px;
}

.our-category-image {
position: relative;
/* border: 4px dotted #ef69b7;
padding: 10px;
border-radius: 10px / 30px; */
/* min-height: 240px; */
}

#button {
display: inline-block;
background-color: #f81770;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
    opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}

#button::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}

#button:hover {
cursor: pointer;
background-color: #333;
}

#button:active {
background-color: #555;
}

#button.show {
opacity: 1;
visibility: visible;
}

.our-gallery-flex-row .our-category-occupation {
text-align: center;
padding: 5px;
}

.our-gallery-flex-row .our-category-occupation h4 {
margin: 0px;
font-weight: 400;
}

.our-gallery-flex-row .our-gallery-column a {
border: 4px dotted #ef69b7;
padding: 10px;
border-radius: 10px / 30px;
}

.principle-message .principle-image img {
max-height: 300px;
max-width: 300px;
min-width: 300px;
min-height: 300px;
-webkit-mask-size: 100%;
object-fit: cover;
}

.principle-message {
width: 30%;
}

.column-message-right {
width: 65%;
}
.form-inner-wrapper .form-input-wrapper:nth-child(5) {
width: auto !important;
height: 100%;
}

.form-inner-wrapper .form-input-wrapper:nth-child(5) img {
height: 60px;
}
section.notice-board-outer.full-width-section .slide-btn {
    display: none;
}
/* Responsive Started From Here  */
@media screen and (max-width:1340px) {
.gallery-photos .our-category-image img {
    min-height: 200px;
    max-height: 200px;
    max-width: 340px;
    min-width: 340px;
}
}

@media screen and (max-width:1250px) {
.gallery-photos .our-category-image img {
    min-height: 180px;
    max-height: 180px;
    max-width: 280px;
    min-width: 280px;
}
}

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

/* Header Responsive Started From Here  */
.header-top-wrapper a {
    font-size: 14px;
}

/* Header Responsive Ended From Here  */
}

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

/* footer Responsive Started From Here  */
.footer-link-column {
    width: 28%;
}

p {
    font-size: 16px;
}

.foooter-nav ul li a {
    font-size: 16px;
}

.foooter-info p {
    font-size: 16px;
}

.footer-bottom-wrapper p {
    font-size: 16px;
}

/* Footer Responsive Ended From Here  */
.gallery-photos .our-category-image img {
    min-height: 180px;
    max-height: 180px;
    max-width: 260px;
    min-width: 260px;
}
}

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

/* Global Changes Started From Here  */
p {
    font-size: 16px;
}

/* Global Changes Ended From Here  */
/* Header Responsive Started From Here  */
.header-top-left-col ul {
    gap: 10px;
}

/* Mobile Responsive Header Code Started Here */
.nav-link-outer {
    display: none;
}

.mobile-navbar {
    display: block;
}

.mobile-navbar .nav-link-outer {
    gap: 0;
    position: absolute;
    z-index: 11;
    left: 0px;
    right: 0;
    width: 100%;
    background-color: #fff;
    padding: 30px 2px 0px !important;
    top: 0px;
    margin-top: 70px;
    box-shadow: 1px 18px 20px 0 rgb(0 0 0 / 10%);
    transition: all 0.5s linear;
    opacity: 0;
    visibility: hidden;
}

.mobile-navbar .nav-link-outer.active {
    opacity: 1;
    visibility: visible;
}

.header-flex {
    position: relative;
}

.header-flex .logo-col {
    position: relative;
    z-index: 12;
}

.mobile-navbar .nav-link-outer li {
    padding: 15px 30px;
    border-top: 1px solid #000;
    display: block;
    width: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.mobile-navbar .nav-link-outer li:last-child {
    border-bottom: 1px solid #000;
}

.mobile-navbar .nav-link-outer li a {
    font-weight: 400;
    font-size: 18px;
}

.mobile-navbar {
    display: flex;
    justify-content: flex-end;
    gap: 50px;
}

.mobile-navbar .bars i {
    font-size: 32px;
}

.mobile-navbar .bars {
    position: relative;
}

.mobile-navbar .bars .bar-btn {
    position: absolute;
    right: 0;
    top: -15px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.mobile-navbar .bars .bar-btn.active {
    display: block;
}

.mobile-navbar .nav-link-outer li a span {
    display: block;
    width: 100%;
    text-align: end;
}

.mobile-navbar .nav-link-outer li a {
    display: flex;
    align-items: center;
}

html body .sub-menu {
    position: unset;
    width: 100%;
    min-width: 100% !important;
    padding: 0px 0px 0px !important;
    display: none;
}

html body .sub-menu ul.nav-link-outer li a {
    padding: 0px !important;
}

html body .sub-menu ul.nav-link-outer {
    padding-top: 0px !important;
    margin: 0px;
    position: unset !important;
    min-width: 100% !important;
    width: 100% !important;
}

html body .sub-menu-outer {
    padding: 0px 0px 0px !important;
}

.sub-menu-outer a {
    padding: 15px 30px;
}

.header-top-right-col {
    width: 60%;
}

.header-top-left-col {
    width: 40%;
}

.header-top-left-col ul li a {
    font-size: 10px;
}

.header-top-right-col li a {
    font-size: 10px;
}

/* Mobile Responsive Header Code Ended Here  */
/* Header Responsive Ended From Here  */
/* Four Block Column Responsive Started  */
.column-outer p {
    font-size: 16px;
    line-height: 1.5;
}

.column-outer {
    max-width: 200px;
}

/* Four Block Column Responsive Ended  */
/* Principle Message Responsive started from here  */
.principle-outer::before {
    top: -1px;
}

/* Principle Message Responsive ended from here  */
/* Birthday Section Responsive Started From here  */
.slick-prev {
    left: 36%;
}

.slick-next {
    right: 36%;
}

/* Birthday Section Responsive Ended From here  */
/* Gallery Section Started From Here  */
section.our-gallery-outer-wrapper {
    padding: 50px 20px 25px;
}

.outer-heading {
    margin: 0px auto 30px;
}

/* Gallery  Section Ended From Here  */
/* Topper Section Started From Here  */
section.notice-board-outer.full-width-section {
    padding: 25px 20px;
}

.full-width-section button.slick-prev.slick-arrow {
    left: 42%;
}

.full-width-section button.slick-next.slick-arrow {
    right: 42%;
}

/* Topper Section Ended From Here  */
/* Center Image left right content responsive started From here  */
.middle-image-column {
    width: 30%;
}

.inner-content-wrapper {
    width: 60%;
}

.inner-icon-wrap {
    width: 30%;
}

.inner-section-wrapper {
    gap: 10px;
    justify-content: space-between;
}

/* Center Image left right content responsive Ended From here  */
/* contact us page started  */
section.three-column-wrapper {
    padding: 60px 20px;
}

section.contact-form-wrapper {
    padding: 60px 20px;
}

/* contact us page ended  */
.gallery-photos .our-gallery-column {
    width: 47%;
}

.gallery-photos .our-category-image img {
    min-height: 230px;
    max-height: unset;
    max-width: unset;
    min-width: unset;
}

.nav-link-outer.active {
    display: block;
    margin-top: 50px;
}
.blog-top p {
    padding: 0px;
}
}

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

/* Footer Responsive Started From here  */
.footer-link-column {
    width: 100%;
    padding: 0px;
}

.footer-icons-column {
    width: 100%;
}

.footer-inner-wrapper {
    text-align: center;
    gap: 30px;
    max-width: 500px;
    margin: 0 auto;
}

.footer-icons ul {
    justify-content: center;
}

.footer-wrapper {
    padding: 80px 20px 50px;
}

.footer-link-title h5 {
    margin-bottom: 30px;
}

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

/* Footer Responsive Ended  From here  */
/* Center Image Right Left Content Responsive started */
.left-content-column {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.middle-image-column {
    width: 100%;
}

.right-content-column {
    width: 100%;
    display: flex;
}

.inner-section-wrapper {
    margin: 0px;
    flex-direction: column-reverse;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.left-content-column .inner-content-wrapper {
    text-align: center;
    padding: 0px 30px;
}

.inner-content-wrapper {
    width: 100%;
    padding: 0px 30px;
}

.inner-icon-wrap {
    width: 100%;
    padding: 30px;
}

.middle-image-column img {
    max-width: 500px;
    margin: auto;
}

.right-content-column .inner-section-wrapper {
    flex-direction: column;
}

/* Center Image Right Left Content Responsive ended */

}

@media screen and (max-width:800px) {
h1 {
    font-size: 40px;
}



/* Priniple Section Started From Here  */
.principle-flex-wrap {
    justify-content: center;
    text-align: center;
}

.column-message-right {
    width: 100%;
}

/* Principle Section Ended From Here  */
/* Birthday Column Section Started  */
.notice-board-column {
    width: 60%;
    margin-bottom: 80px;
}

.notice-board-column:last-child {
    margin-bottom: 0px;
}

.notice-board-flex-outer {
    justify-content: center;
}

.notice-board-list-outer {
    min-height: 400px;
}

.notice-board-outer {
    padding: 50px 20px 50px;
}

/* Birthday Column Section Ended  */
/* Rules for admission section started from here  */
html body .rules-lists-inner-wrapper {
    padding: 50px 20px;
}

/* Rules for admission section Ended from here  */
}

@media screen and (max-width:767px) {
section.three-column-wrapper {
    padding: 60px 20px;
}

section.contact-form-wrapper {
    padding: 60px 20px;
}

.three-column-flex .three-column {
    width: 45%;
}

.three-column-flex {
    gap: 50px;
    justify-content: center;
}

.form-input-wrapper {
    width: 100%;
}

.gallery-photos .our-gallery-column {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.gallery-photos .our-category-image img {
    min-height: unset;
}

.header-top-right-col li {
    margin: 5px;
}

.banner-slide {
    background-size: contain;
    height: 240px;
}

.principle-message .principle-image img {
    max-height: 300px;
    max-width: 300px;
    min-width: unset;
    min-height: unset;
    height: 200px;
    width: 200px;
}

.principle-message {
    width: 100%;
}
        .form-inner-wrapper .form-input-wrapper:nth-child(5) img {
            height: 40px;
        }

        .form-inner-wrapper {
            gap: 15px
        }
}

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

/* header Started From Here  */
.header-top-left-col {
    width: 100%;
}

.header-top-right-col {
    width: 100%;
    justify-content: flex-start;
    padding: 0px;
}

/* Header Ended From Here  */
/* Tooper Section Started From Here  */
.full-width-section button.slick-prev.slick-arrow {
    left: 40%;
}

.full-width-section button.slick-next.slick-arrow {
    right: 40%;
}

/* Tooper Section Ended From Here  */
/* Birthday Column Section Started  */
.notice-board-column {
    width: 80%;
}

.slick-prev {
    left: 34%;
}

.slick-next {
    right: 34%;
}

/* Birthday Column Section Ended  */
/* Contact us page started  */
.three-column-flex .three-column {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.three-column-flex {
    gap: 30px;
}

form .reply-btn {
    margin: 30px auto 0px;
}

/* Contact us page Ended  */
}

@media Screen and (max-width:580px) {
h2 {
    font-size: 32px;
}

/* principle section Started From Here  */
section.principle-outer {
    padding: 60px 20px;
}

/* Principle Section Ended From Here  */
/* Gallery Section Started From Here  */
.our-gallery-column {
    width: 100%;
    overflow: hidden;
}

/* Gallery Section Ended From Here  */
/* Tooper Section Started From Here  */
.full-width-section button.slick-prev.slick-arrow {
    left: 36%;
}

.full-width-section button.slick-next.slick-arrow {
    right: 36%;
}

section.notice-board-outer.full-width-section .notice-board-flex-outer {
    gap: 20px;
}

/* Tooper Section Ended From Here  */
/* Blog Section Started From Here  */
.cards-flex {
    text-align: center;
}

/* Blog Section  Ended  From Here  */
/* Center Image Left Right Content Started Here  */
.left-content-column {
    flex-direction: column;
    gap: 30px;
}

.right-content-column {
    flex-direction: column;
    gap: 30px;
}

/* Center Image Left Right Content Ended Here  */
/* Fee Structure Responsive Started  */
.fee-struction-wrapper {
    padding: 50px 20px;
}

/* Fee Structure Responsive Ended  */
.breadcrumb .list-inline li {
    font-size: 12px;
}
}

@media screen and (max-width:480px) {
.left-content-column {
    flex-direction: column;
    gap: 30px;
}

.right-content-column {
    flex-direction: column;
    gap: 30px;
}

.header-top-right-col ul {
    gap: 0px;
}

.slide-content-area {
    padding: 4px 40px 0px 40px;
}

.slick-next {
    right: 30%;
}

.slick-prev {
    left: 30%;
}

.full-width-section button.slick-next.slick-arrow {
    right: 30%;
}

.full-width-section button.slick-prev.slick-arrow {
    left: 30%;
}

.notice-board-column {
    width: 100%;
}
}

/* Responsive Ended From Here  */