.pb-3 {
    padding-bottom: 30px;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3{
    padding-top: 3rem;
}

.pb-2{
    padding-bottom: 2rem;
}
.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.ptb-2{
    padding: 2rem 0;
}

.inner-container p {
    color: #ffffff;
    padding-bottom: 1rem;
}

section.staff-section {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 174, 239)), to(rgba(136, 172, 220, 0)));
    background: linear-gradient(0deg, rgb(0, 174, 239), rgba(136, 172, 220, 0));
}

ul.useful-links {
    -webkit-column-count: 2;
    column-count: 2;
}

h2.ttle {
    font-size: 39px;
}

.main-footer .contact-info-list li a:hover {
    color: #9bba1f;
}

span.text-white {
    color: #f73f3f;
}

.facilites-section {
    background-image: url(../images/bg.png);
    background-attachment: fixed;
    background-size: contain;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 174, 239, 0.97);
    box-shadow: inset 0 0 0 1000px rgba(0, 174, 239, 0.97);
}

.classes-section {
    background-image: url(../images/bg-one.jpg);
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.81);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.81);
}

.header-lower {
    background-color: #00aeef;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.64);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.64);
}

.header-lower .my-container {
    background-color: #00aeef;

}

.main-header .main-box {
    background-color: #00aeef;

}

.txt-blue {
    color: #00aeef;
}

.txt-blue-d {
    color: #1870e6;
}

.txt-blu {
    color: #00aeef !important;
}

.txt-yellow {
    color: #ffcb05 !important;
}

.txt-red {
    color: #f73f3f !important;
}

.button-blue {
    background: #00aeef !important;
    border: 2px solid #00aeef !important;
}

.info-box h3 a {
    color: #ffffff !important;
}

.txt-white {
    color: #ffffff;
}

.txt-yll {
    color: #ffeb00;
}

section.video-sec {
    background: #f9f9f9;
    padding: 0;
}


.txt-white {
    color: #ffffff;
}

section.skill-sec {
    padding: 110px 0;
    background: aliceblue;
}

.scroll-bg {
    background: rgb(25, 24, 24);
}

marquee.top-scroll-news a {
    color: white;
    font-style: italic;
    letter-spacing: 1px;
}

marquee.top-scroll-news p {
    color: #ffffff;
    line-height: 1;
    padding: 11px 0 6px 0;
    margin: 0;
}

span.scroll-new a {
    background: #00aeef;
    color: #ffffff;
    padding: 1px 8px;
    border-radius: .1rem .6rem;
    margin: 0 11px;
}

.other-members {
    padding: 9rem 0;
    background: #d2eaff;
}

.othr-mmbrs {
    text-align: center;
    background: #a1bf21;
    padding: 3rem 1rem;
    border-radius: 8px;
    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
    -webkit-box-shadow: 1px 2px 9px rgb(161, 191, 33);
    box-shadow: 1px 2px 9px rgb(161, 191, 33);
}

.othr-mmbrs:hover {
    -webkit-box-shadow: 1px 2px 9px rgb(209, 255, 12);
    box-shadow: 1px 2px 9px rgb(209, 255, 12);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.othr-mmbrs h3 {
    color: white;
    margin-bottom: 1rem;
}

.othr-mmbrs p{
    color: white;
    margin-bottom: 1rem;
}

ul.members-lists li {
    color: white;
    font-size: 15px;
    line-height: 1.9;
    width: 91%;
}

ul.members-lists li::before {
    content: "\f101 ";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-weight: 600;
    color: #ffffff;
    font-size: 13px;
}

.info-sec {
    background-image: url(../images/bg.png);
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.98);
    background-size: contain;
}

.prncpl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.principal-image {
    background: white;
    padding: .2rem;
    -webkit-box-shadow: 1px 2px 4px rgb(19, 180, 240);
    box-shadow: 1px 2px 4px rgb(19, 180, 240);
}

.principal-image h3 {
    color: #000000;
    padding: 1rem 0;
}

.teaching-staffs {
    padding: 3.5rem;
}

.princi-bgg {
    background-image: url(../images/bg-two.jpg);
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.77);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.77);
    background-size: cover;
    background-repeat: no-repeat;
}

.n-blk {
    border-bottom: none;
}

.teacher-table .table thead tr th {
    text-align: center;
}

.teacher-table {
    background: rgb(239, 200, 200);
    padding: 1rem;
    border-radius: 7px;
}

section.principal-image-sec {
    background-image: url(../images/bg-three.jpg);
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.93);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.93);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 11rem 0;
    border-bottom: 2px dashed rgba(222, 221, 221, 0.81);
}

a.c-bttn {
    margin: 0 .5rem;
    background: #1870e6;
    border: 2px solid #1870e6;
}

.tc-form-sec {
    padding: 9rem 0;
}

a.dwnld-button {
    background: #f73f3f;
    color: #ffffff;
    padding: 1rem 2rem;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
}

a.dwnld-button:hover {
    background-color: #a5c712;
}

.tc-card {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(24, 112, 230)), to(rgb(0, 174, 239)));
    background: linear-gradient(0deg, rgb(24, 112, 230), rgb(0, 174, 239));
    padding: 3rem 2rem;
    border-radius: 4px;
    color: #ffffff;
    margin-bottom: 2rem;
    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
    -webkit-box-shadow: 1px 2px 9px rgb(0, 174, 239);
    box-shadow: 1px 2px 9px rgb(0, 174, 239);
}

.tc-card:hover {
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
    -webkit-box-shadow: 0px 0px 0px rgb(0, 0, 0);
    box-shadow: 0px 0px 0px rgb(0, 0, 0);
}

section.lab-sec {
    padding: 9rem 0;
    background-image: url(../images//bg-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
}

.course-sec {
    background-image: url(../images/bg-three.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.94);
}

section.addmission-form-sec {
    padding: 9rem 0;
    background-image: url(../images/bg-two.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
}

.formm h3 {
    padding: 2rem;
    color: #1870e6;
}

a.form-bttnn {
    background: rgb(247, 63, 63);
    padding: 1rem 2rem;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
}

a.form-bttnn:hover {
    background: #00aeef;
}

h2.activity-gallery {
    padding-bottom: 4rem;
}

.container.online-formm {
    background: linear-gradient(165deg, rgba(131, 221, 255, 0.51), rgba(0, 0, 0, 0.05));
    padding: 2rem 0;
}

.admission-details {
    background: rgba(197, 188, 188, 0.17);
    padding: 4rem;
}

.actvity-section {
    padding: 9rem 0;
    background-image: url(../images/bg-two.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
}

.admission-contact-sec {
    padding: 9rem 0;
    background-image: url(../images/bg-two.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
}

.video-column.vdo {
    width: 100%;
}

.gallery-vedio-sec {
    padding: 9rem 0;
    background-image: url(../images/bg-two.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.19);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.19);
}

section.our-vision-sec {
    padding: 9rem 0;
    background-image: url(../images/school-background.jpg);
}

section.our-vision-sec {
    padding: 9rem 0;
    background-image: url(../images/school-background.jpg);
    background-attachment: fixed;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.49);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.49);
}

.vision-txt {
    background: rgba(163, 193, 35, 0.81);
    color: rgb(0, 0, 0);
    margin-bottom: 3rem;
    border-radius: 19px;
    text-align: center;
    padding: 2rem;
    -webkit-box-shadow: 1px 3px 20px rgb(169, 169, 169);
    box-shadow: 1px 3px 20px rgb(169, 169, 169);
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.vision-txt p {
    color: rgb(0, 0, 0);
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.vision-txt:hover {
    background: rgba(217, 36, 37, 0.78);
    color: #ffffff;
    border-radius: 1px;
    -webkit-box-shadow: 1px 3px 20px rgb(58, 58, 58);
    box-shadow: 1px 3px 20px rgb(58, 58, 58);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.vision-txt:hover p {
    color: #ffffff;
}

.main-news-scroller {
    position: fixed;
    top: 300px;
    height: 215px;
    width: 320px;
    background: linear-gradient(181deg, rgb(0, 174, 239), rgb(0, 117, 160));
    z-index: 1000;
    right: 2px;
    color: white;
    padding: 15px;
    border-radius: 4px;
}

.main-news-scroller h5 {

    font-size: 18px;
    color: yellow;
}

.close-icon {
    text-align: right;
    margin-top: -25px;
}

.close-icon i {
    font-size: 2rem;
}

.news-list li {
    margin-bottom: 10px;
}

.news-list li a {
    color: #ffffff;
    font-size: 13px;
}

.close-icon a {
    color: #ffffff;
}

.c-tour h2 {
    text-align: center;
    color: aliceblue;
    padding-bottom: 2rem;
}

.section-nine {
    background: linear-gradient(179deg, #ffd8d8, #00aeef00);
    padding: 9rem 0 7rem 0;
}

.othr-mmbrs {
    text-align: left;
    padding-left: 50px;
}

.othr-mmbrs ul {
    -webkit-column-count: 2;
    column-count: 2;
}

.vedio-school {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    padding-left: 5rem;
}

.c-tour {
    z-index: 11;
}

.school-background {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.44);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.44);
}

.school-faclity {
    margin: 4rem 0;
}

.vedio-school h2 {
    background: -webkit-gradient(linear, left top, left bottom, from(red), to(#d03232));
    background: linear-gradient(180deg, red, #d03232);
    margin: 11px 0;
    padding: 11px;
    border-radius: 1rem;
}

/*................................................................................................*/
p.inspiring {
    margin-bottom: 6px !important;
    font-weight: 600;
}

section.section-l {
    padding: 100px 0;
}

.image-aaa {
    background: aliceblue;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid rgb(76 76 76 / 84%);
    -webkit-box-shadow: 1px 2px 5px rgb(0 0 0 / 52%);
    box-shadow: 1px 2px 5px rgb(0 0 0 / 52%);
    margin-bottom: 1rem;
}

.our-text p {
    text-align: justify;
    color: #ffffff;
}

.our-text {
    background: rgb(24 112 230);
    margin-top: 3rem;
    padding: 2rem;
}

.back-to-home-bttn {
    margin-top: 2rem;
    text-align: center;
}

a.r-more-bttn {
    background: #1870e6;
    color: white;
    padding: 1rem 1.5rem;
    letter-spacing: 1px;
    font-weight: 600;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

a.r-more-bttn:hover {
    background: #004db5;
}

.r-more {
    margin-top: 1.5rem;
}



.m-btn-bx {
    margin-top: 1.5rem;
}

a.m-rm-bttn {
background: #a3c123;
    color: white;
    padding: 1rem 1.5rem;
    letter-spacing: 1px;
    font-weight: 600;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border-radius: 3px;
}

a.m-rm-bttn:hover {
    background: #004db5;
}

section.curriculum-sec{
    padding: 9rem 0;
}

.curriculm-card {
    padding: 3rem;
    border: 1px solid #dddddd;
    text-align: center;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.curriculm-card:hover {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
}

.d-curriculm{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dd-cc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.school-sec{
    padding: 11rem 0;
}

.l-rules{
    padding: 1rem 0;
}

.acd-yr p{
    padding-bottom: 2rem;
}

p.lcc-p {
    margin-top: 1rem;
}
h3.lfcc-1 {
    margin-top: 2rem;
}

section.pta{
    padding: 9rem 0;
    background: #f2f2f2;
}

.parents-visiting {
    background: #f7f7f7;
    padding: 2rem;
}





section.school-acc-sec{
        background-image: url(../images/bg-two.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.63);
}

.m-staff-roww{
    padding: 4rem 0;
}

.management-staffs img {
    border: 1px solid #dcdcdc;
        margin-bottom: 2rem;
}

.management-staffs h4{
    margin-bottom: .5rem;
        color: rgb(214 0 20);
}

.management-staffs h5{
   margin-bottom: .9rem;
        font-size: 15px;
    letter-spacing: .9px;
    color: #0761da; 
}

.management-staffs {
    border-bottom: 1px solid #1870e6;
        margin-bottom: 4rem;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: inline-block;
}

.management-staffs:hover {
    -webkit-box-shadow: 1px 1px 9px rgb(24 112 230 / 91%);
    box-shadow: 1px 1px 9px rgb(24 112 230 / 91%);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.vice-principal-row{
    padding: 3rem 0;
}

.vice-principal {
    background: #fefefe;
    display: inline-block;
    border-bottom: 3px solid #c62e3d;
    border-radius: 11px;
    padding: 0 0 1rem 0;
}
.vice-principal img {
border: 0px solid rgb(24 112 230 / 43%);
}
.vice-principal h3 {
    color: #91b300;
    padding: 1rem 0 0 0;
}

/*.............*/
/*......................*/
/*......................................*/
/*.........................................................*/
/*...............................................................................*/
/*...............................................................................................*/
/*..............................................................................................................*/

.acc-image {
    background: #f8f8f8;
    text-align: center;
    padding-top: 1.5rem;
}
.acc-image img {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 1px 2px 11px #9bba1f;
    box-shadow: 1px 2px 11px #9bba1f;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    margin: .5rem;
}
.acc-image img:hover {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.school-imagee img {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0px 0px 10px #95c2ff;
    box-shadow: 0px 0px 10px #95c2ff;
                        margin-bottom: 2rem;
}
 .online-fee {
    position: fixed;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    background: rgb(255 255 255 / 65%);
    text-align: center;
    padding: 12px 0;
    backdrop-filter: blur(5px);
}
.online-fee a{
    text-decoration: none;
    font-weight: 500;
    padding: 6px 25px;
    background: linear-gradient(45deg, #6bb90a, #00aeef);
    border-radius: 3px;
    color: #fff;
    box-shadow: 0px 15px 10px -15px #1d4407;
    backdrop-filter: blur(5px);

}
.fee-btn {
	display: -ms-inline-flexbox;
	display: inline-flex;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #27ae60;
	color: #fff;
	text-transform: capitalize;
	position: relative;
	z-index: 1;
	height: 30px;
	text-align: center;
	border: 0;
	text-decoration: none;
	border-radius: 1px;
	overflow: hidden;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.fee-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #282828;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: transform .5s cubic-bezier(.37, .31, .31, .9);
	transition: transform .5s cubic-bezier(.37, .31, .31, .9);
}
.fee-btn:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
.fee-btn:hover  {
	color: #fff
}