@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400&display=swap');
body {
    margin: 0px;
    padding: 0px;
    color: #000000;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    background: #ddf9ff;
}

html {
    scroll-behavior: smooth;
}

#wrapper {
    width: 980px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

.clear {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}

h1 {
    font-size: 2.2em;
}

h2 {
    font-size: 2.0em;
}

h3 {
    font-size: 1.8em;
}

h4 {
    font-size: 1.6em;
}

h5 {
    font-size: 1.4em;
}

p {
    font-size: 16px;
}

a {
    color: #0d6efd;
    text-decoration: none;
}

.navbar-dark .navbar-brand {
    color: #000 !important;
}


/*-- flashnews---*/

.top-header {
    display: flex;
    background: #505050;
    width: 100%;
    border-radius: 0px 0px 29px 40px;
}

.top-header ul {
    list-style: none;
    padding: 0px;
    margin: 14px 0px;
    display: block;
    float: left;
    border-right: 1px dashed #cdcdcd;
}

.top-header ul li {
    color: #fff;
    float: left;
    margin: 0px;
    padding: 0px 24px;
}

.top-header ul li a {
    font-size: 14px;
    color: #fff;
}

.top-header ul li i {
    font-size: 14px;
    color: #de2b37;
    padding-right: 10px;
}


/*-- flashnews---*/

.ticker {
    display: flex;
    width: 100%;
    height: 52px;
    margin: 0 auto;
}

.news {
    width: 100%;
    /* background: #505050; */
    padding: 0 2%;
}

.nn_title {
    width: 20%;
    left: 13px;
    text-align: center;
    background: #de2b37;
    position: relative;
    border-radius: 0px 0px 29px 0px;
}

.nn_title h5 {
    font-size: 15px;
    margin: 8% 0;
    color: #ffffff;
}

.news marquee {
    font-size: 13px;
    margin-top: 12px
}

.news-content p {
    margin-right: 14px;
    display: inline;
    color: #fff;
    font-weight: 400;
}


/*---- tophead ---*/

.top-head {
    padding: 0px 0px;
    margin: 0px;
    display: block;
    background: #f8f8f847;
}

.web-logo {
    display: flex;
    position: relative;
}

.web-logo img {
    max-width: 80%;
    z-index: 1;
}

.top-head h1 {
    color: #761d18;
    font-size: 36px;
    font-weight: bold;
    padding: 7px 0px;
}

.site-header.style-1 .extra-cell {
    display: flex;
    align-items: center;
}

.extra-cell {
    /* display: inline-flex;*/
    align-items: center;
    padding: 0px 0px;
    /*float: right;*/
}

.extra-icon-box {
    padding-left: 65px;
    min-height: 50px;
    position: relative;
    display: flex;
    align-items: start;
    width: 270px;
    flex-direction: column;
}

.extra-icon-box i {
    width: 50px;
    height: 50px;
    background: #015ca8;
    text-align: center;
    line-height: 43px;
    color: #fff;
    position: absolute;
    border-radius: 10px;
    left: 0;
    box-shadow: 5px 5px 30px -15px #2698bf;
    font-size: 22px;
}

.extra-icon-box img {
    max-width: 80%;
}

.extra-icon-box span {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 5px;
    color: #444443;
}

.extra-cell ul {
    margin: 0px;
    padding: 0;
    list-style: none;
}

.extra-cell ul li {
    float: right;
    margin: 13px 0px;
    padding: 0;
    font-size: 14px;
    padding: 10px 11px;
}

.extra-cell ul li::last-child {
    padding-right: 0px !important;
}

.extra-cell ul li i {
    color: #da241a;
    font-size: 18px;
}

.extra-cell ul li a {
    color: #7d7d7d;
    text-decoration: none;
}

.extra-icon-box .title {
    font-size: 22px;
    color: #0095da;
    font-weight: bold;
}

.don-btn {
    padding: 8px 32px;
    display: inline-flex;
    border-radius: 0px;
    font-size: 14px;
    color: #fff;
    position: relative;
    line-height: 1.5;
    align-items: center;
    overflow: hidden;
    background: #de2b37;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0px 0px;
}

.don-btn:hover {
    color: #fff;
    background: #ffb485;
}

.parent-btn {
    background: #0f2e66;
    color: #fff;
}

.parent-btn:hover {
    color: #fff background: #ffb485;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.dropdown-item {
    white-space: break-spaces !important;
    font-size: 14px;
    text-align: left;
}

.banner-video {
    position: relative;
    background-color: black;
    height: 100vh;
    /* min-height: 49rem; */
    width: 100%;
    overflow: hidden;
}

.banner-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000000;
    opacity: 0.5;
    z-index: 1;
}

.banner-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner-video source {
    height: 100%;
    width: 100%;
}

.banner-text h1 {
    font-size: 30px;
}

.banner-text {
    background: #0000003b;
    padding: 32px 30px;
    margin: 0 auto;
    z-index: 1;
    border: 13px solid #dc3545a3;
}


/*--- breadcumb---*/

.breadcrumb-banner {
    background: url(../img/inner-banner.jpg) no-repeat #000;
    background-size: 100% 100%;
    /* padding: 99px 0px; */
    margin: 0px;
    height: 250px;
    position: relative;
}

.bread-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 9px 36px 11px 117px;
    margin-bottom: 0px;
    list-style: none;
    background: #0f2e66c4;
    position: absolute;
    bottom: 0px;
    top: auto;
    align-items: center;
    padding: 7px 12px;
    left: 0;
    margin: 0;
    right: auto;
    line-height: 2;
    width: 100%;
    border-top: 3px solid #dd2b37;
}

.bread-nav li {
    padding: 0px 30px 0px 0px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    position: relative;
}

.bread-nav li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}

.bread-nav li ::after {
    position: absolute;
    font-family: 'FontAwesome';
    font-weight: 100;
    content: "\f054";
    font-size: 9px;
    color: #ffffff;
    top: auto;
    bottom: 5px;
    padding-left: 12px;
}

.comingsoon {
    padding: 150px 0px;
    margin: 50px 0px;
}


/*--- feature--*/

.slider-btm-shape {
    position: absolute;
    top: -122px;
    left: 0;
    right: 0;
    z-index: 999999999;
    width: 100%;
    background: url(../img/slider-bottom-shape.png);
    padding: 70px 0px;
    background-repeat: repeat-x;
    background-size: 35% 123px;
}

.feature-sec-2 {
    padding: 40px 0px;
    display: flex;
    /* background: url(../img/feature-sec-2-bg.jpg) no-repeat top center fixed; */
    background-size: 100% 100%;
    position: relative;
}

.feature-box {
    background: url(../img/feature-box.png) no-repeat top center;
    border-radius: 39px;
    width: 70%;
    margin: 0 auto;
    box-shadow: 2px 7px 20px #cccccca8;
    padding: 16px;
    /* min-height: 149px; */
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-size: 100% 100%;
}

.feature-box:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.feature-box a {
    font-size: 14px;
    color: #000;
    line-height: 4;
    margin: 0px;
    padding: 0px;
    font-family: 'Oswald', sans-serif;
}

.c-icon {
    text-align: center;
    display: block;
}

.c-icon i {
    font-size: 44px;
    color: #ffffff;
    text-align: center;
    padding: 10px 0px;
}


/*--- home mission-vision ---*/

.mission-vision-outer {
    padding: 0px 0px;
    display: flex;
}

.vision-left {
    width: 50%;
    display: block;
    background: #de2b37;
    padding: 50px;
    text-align: center;
}

.mission-right {
    width: 50%;
    display: block;
    background: #0b2c66;
    padding: 50px;
    text-align: center;
}


/*---about us---*/

.about-us {
    padding: 40px 0px 0px 0px;
    margin: 0px;
    /* background: #fff;*/
    background-size: cover;
    ;
}

.about-us .image-block {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.about-us .image-one {
    position: relative;
}

.about-us .image-two {
    width: 200px;
    height: 200px;
    position: absolute;
    right: -8px;
    bottom: 0;
    background: #de2b37;
    text-align: center;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: 1px 7px 14px #bcbcbc;
    padding: 0px 0px 0px;
    right: -71px;
}

.about-us .image-two h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    line-height: 0;
}

.about-us .image-two p {
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 1;
    letter-spacing: 10px;
}

.about-us .image-two img {
    border: 10px solid #fff;
    max-width: 100%;
}

.title-for-all {
    color: #282828;
    font-weight: 600;
    position: relative;
    padding-bottom: 16px;
    font-family: 'Poppins', sans-serif;
}

.title-for-all span {
    color: #0095da;
}

.about-us p {
    font-size: 14px;
    color: #414141;
    text-align: justify;
    line-height: 2;
}

.about-us h6 {
    font-size: 20px;
    color: #464545;
    font-weight: 600;
    position: relative;
    /* font-family: 'Playfair Display', serif;*/
}

.ab-btn {
    padding: 0px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #dc3545;
    text-decoration: underline;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ab-btn:hover {
    color: #d07848;
    background: #761d1800;
}

.ab-btn4 {
    border: 3px solid #761d0c;
    color: #ffeda8;
    background: #761d0c;
    width: 100%;
}

.ab-btn4:hover {
    background: none !important;
    color: #761d0c !important;
}

.about-us ul {
    margin: 0px;
    padding: 0px;
    /*list-style: disc;*/
    text-align: left;
}

.about-us ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #464545;
    position: relative;
    padding-left: 30px;
    position: relative;
}

.about-us li:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    top: 10px;
    left: 0px;
    content: "\f30b";
    color: #dc3545;
    height: 3px;
    border: 4px solid;
    width: 6px;
}

.about-us .bottom-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.about-us .contact-number {
    position: relative;
    margin-bottom: 20px;
    border: 2px solid #0b2c66;
    border-radius: 100px;
    padding: 0px 0px 0px 20px;
    background: #0b2c66;
}

.about-us .contact-number a i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    margin-left: 20px;
    vertical-align: middle;
    text-align: center;
    transition: .5s;
}

.about-us .contact-number a i {
    background-color: #de2b37;
}

.about-us .contact-number a {
    color: #fff;
}


/* [1] The container */

.img-hover-zoom {
    height: 100%;
    /* [1.1] Set it as per your need */
    overflow: hidden;
    /* [1.2] Hide the overflowing of child elements */
    width: 100%;
}


/* [2] Transition property for smooth transformation of images */

.img-hover-zoom img {
    transition: transform .5s ease;
    height: 100%;
    width: 100%;
}


/* [3] Finally, transforming the image when container gets hovered */

.img-hover-zoom:hover img {
    transform: scale(1.4);
}


/*-====  counter =====--*/

.counter-box {
    padding: 10px 0px;
    text-align: center;
    margin: 0px auto;
}

.counter-box p {
    margin: 0;
    padding: 0;
    color: #922223;
    font-size: 15px;
    font-weight: 500;
    text-align: start;
}

.counter {
    display: inline-flex;
    font-size: 90px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    line-height: normal;
}


/*--- principal msg--*/

.school_management {
    padding: 50px 0px;
    background: url(../img/msg-bg.png) no-repeat top center;
    background-size: 80% 100%;
    background-position: top right;
}

.man-img-box {
    padding: 10px;
    margin: 10px 0px;
    position: relative;
}

.man-img-box img {
    max-width: 100%;
    width: 100%;
    /*    height: 200px;*/
}

.signature {
    font-family: 'Dancing Script', cursive;
    font-size: 35px !important;
    color: #dc3545 !important;
    padding: 0;
    margin: 0;
    letter-spacing: 0px;
    font-weight: 300;
}


/*-- new feed --*/

.new-feed {
    padding: 40px 0px;
    margin: 0px;
    /*background:#fff;*/
    position: relative;
}

.new-feed .image-three {
    position: absolute;
    left: 0px;
    top: 0px;
}

.new-feed .image-three img {
    max-width: 70%;
}

.notice {
    -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
}

.notice-lg {
    font-size: 18px;
    /* color: #1abcff; */
    display: flex;
    line-height: 4;
    /* height: 93px; */
    align-items: center;
    border-radius: 100px;
    margin-bottom: 36px;
}

.notice-lg:hover {
    background: #de2b37;
}

.notice-lg:hover p {
    color: #fff;
}

.notice-lg i {
    background: #de2b37;
    font-size: 32px;
    color: #fff;
    padding: 29px 0px;
    width: 100%;
    text-align: center;
    height: 100%;
    border-radius: 100px;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}

.notice:hover.notice-lg i {
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}

.notice-danger>strong {
    color: #d73814;
}

.new-f-box {
    width: 17%;
    height: 100%;
    margin-right: 51px;
}

.new-f-box2 {
    width: 75%;
    height: 100%;
}

.new-f-box2 p {
    color: #3a3939;
    font-size: 17px;
    font-weight: 700;
    margin: 0px;
}


/*-- moto captiopn--*/

.feature-banner-section h1 {
    color: #fff;
    font-size: 120px;
    text-transform: uppercase;
    font-weight: 900;
}


/*-- gallery---*/

.Gallery-sec {
    /*background: #fff;*/
    display: block !important;
    padding: 40px 0px;
    background-size: cover;
    /* margin: 82px 0px 0px 0px; */
}

.outer-0 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-width: 99%;
}

.img-box1 {
    width: 25%;
    display: flex;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.img-box1 .plus-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b2c66a3;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 1;
}

.img-box1:hover .plus-icon {
    opacity: 1;
}

.img-box1 .plus-icon ul {
    position: absolute;
    top: 50%;
    left: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 0;
    margin: auto;
}

.img-box1 .plus-icon ul li {
    display: block;
    margin: 0 5px;
    text-align: center;
}

.img-box1 .plus-icon ul li i {
    color: #ffc107;
    font-size: 12px;
    border-radius: 100px;
    border: 4px solid #ffc107;
    padding: 20px;
    /* background: linear-gradient(45deg, #680a0a, #f58d95); */
    box-shadow: -1px 3px 20px #00000057;
}


/*---blog--*/

.blog-sec {
    padding: 40px 0px;
    margin: 0px;
    /*  background:#fff;*/
}

.blog-sec .card {
    width: 100%;
    height: auto;
    background: #fff;
    transition: all 0.5s ease;
    cursor: pointer;
    user-select: none;
    z-index: 10;
    overflow: hidden;
    border-radius: 29px;
    /*box-shadow: 0px 0px 3px 0px #00000038;*/
}

.blog-sec .card .backgroundEffect {
    bottom: 0;
    height: 0px;
    width: 100%
}

.blog-sec .card:hover {
    box-shadow: 0px 0px 0px #7d7d7d;
    margin: -29px 0px 0px;
    background: #fafafa;
    padding: 8px;
}


/*.blog-sec .card:hover .pic{
    box-shadow: none;
}

.blog-sec .card:hover .backgroundEffect {
    bottom: 0;
    height: 253px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #fff;
    animation: popBackground 0.3s ease-in
}

@keyframes popBackground {
    0% {
        height: 20px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%
    }

    50% {
        height: 80px;
        border-top-left-radius: 75%;
        border-top-right-radius: 75%
    }

    75% {
        height: 160px;
        border-top-left-radius: 85%;
        border-top-right-radius: 85%
    }

    100% {
        height: 320px;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
}
*/

.blog-sec .card .pic {
    width: 100%;
    position: relative;
    height: auto;
}

.pic img {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    box-shadow: 4px 5px 20px #e3fcff;
}

.blog-sec .card p {
    font-size: 12px;
    color: #919191;
}

.blog-sec .card .content {
    padding: 9px;
    text-align: left;
}

.blog-sec .card .content .btn {
    display: block;
    align-items: center;
    justify-content: center;
    padding: 0px 0px;
    background-color: #1b9ce300;
    border-radius: 0;
    font-size: 11px;
    border: none;
}

.blog-sec .card .content .btn .fas {
    font-size: 10px;
    padding-left: 5px
}

.blog-sec .card .content .foot .admin {
    color: #1b9ce3;
    font-size: 12px
}

.blog-sec .card:hover .content h5 {
    color: #de2b37;
}

.blog-sec .card:hover .foot .admin {
    color: #fff
}

.blog-sec .card .content .foot .icon {
    font-size: 12px
}

.blog-sec .blog-item {
    background: #ffffff00;
    margin: 11px 5px !important;
    min-height: 445px;
}

.blog-sec .blog-item:hover {
    box-shadow: none !important;
}

.blog-sec .blog-item:hover a {
    color: #b61010;
}

.blog-sec .content h5 {
    color: #0b2c66;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding: 27px 0px;
}


/*---footer --*/

#footer {
    margin-top: 11em;
    /* padding: 50 0px; */
    color: #fff;
    font-size: 14px;
    background: url(../img/footer-bg.jpg) no-repeat fixed;
    background-size: 100% 100vh;
}

#footer .footer-top {
    /* padding: 60px 0; */
    border-top: 8px solid #dee2e6;
}

.bottom-foot {
    background: #203e76;
}

#footer .footer-top .footer-info {
    /* margin-bottom: 30px; */
}

.foot-logo1 {
    text-align: center;
    border: 8px solid #dee2e6;
    border-radius: 100%;
    width: 170px;
    height: 170px;
    background: #fff;
    padding: 13px;
    text-align: center;
    margin: -148px auto 76px;
}

.foot-logo1 img {
    width: 140px;
}

#footer .footer-top .footer-info h3 {
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
}

#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin: 28px 0px 0px;
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #545454;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s
}

#footer .footer-top .social-links a:hover {
    background: #e96b56;
    color: #fff;
    text-decoration: none;
}

#footer h4 {
    font-size: 18px;
    font-weight: 600;
    color: #de2b37;
    padding-bottom: 12px;
    position: relative;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 28px 0px 0px;
}

#footer .footer-top .footer-links ul i {
    padding-right: 13px;
    color: #de2b37;
    font-size: 8px;
    line-height: 1;
}

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0
}

#footer .footer-top .footer-links ul a {
    color: #ffffff;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
    font-weight: 200;
    font-size: 12px;
}

#footer .footer-top .footer-links ul a:hover {
    color: #a3a3a3
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px
}

#footer .footer-top .footer-contact p {
    line-height: 26px;
    margin: 0px 0px 13px;
    text-transform: capitalize;
    display: inline-flex;
    display: block;
    text-align: start;
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    letter-spacing: 1px;
}

#footer .footer-top .footer-contact i {
    padding-right: 13px;
    color: #0b2c66;
    line-height: 1;
    padding: 10px;
    margin-right: 9px;
    background: #de2b37;
}


/* footer social icons */

ul.social-network {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 30px 0px;
}

ul.social-network li {
    display: inline;
    margin: 0 0px;
}

.social-circle li a {
    display: flex;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
}

.social-circle li i {
    margin: 0;
    /* line-height: 50px; */
    text-align: center;
    background: #de2b37;
    color: #ffffff !important;
    width: 75%;
    height: 75%;
    font-size: 15px;
    padding: 12px 0px;
    border-radius: 100px;
}

.copyright {
    text-align: center;
    padding: 15px 0px;
    color: #9f9f9f;
    font-size: 14px;
}

.credits {
    padding: 0px 0px;
    text-align: center;
    font-size: 12px;
    color: #9f9f9f;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999999999999999999;
    background-color: #de2b37;
    color: #fff;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
    background-color: #78201b;
    color: #ffeda8;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}

.scroll-top-wrapper i {
    padding: 0px;
    text-align: center;
    margin: auto 0;
    font-size: 21px;
}


/*--========inner page========--*/


/*--- missopn--*/

.mission-sec {
    display: flex;
    padding: 50px 0px;
    margin: 0px;
    background: #fff;
}

.mission-sec img {
    max-width: 100%;
}

.mission-sec h1 {
    font-size: 48px;
    color: #282828;
    font-weight: bold;
    position: relative;
    padding-bottom: 16px;
    margin-top: 150px;
}

.mission-sec h1:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 54px;
    background: #282828;
    bottom: 10px;
    left: auto;
    right: 0px;
    z-index: 10;
}

.mission-sec h1:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 54px;
    background: #282828;
    bottom: 5px;
    left: auto;
    right: 20px;
    z-index: 10;
}

.mission-sec h1 span {
    color: #0095da;
}

.mission-sec p {
    font-size: 18px;
    color: #555656;
    text-align: justify;
    line-height: 36px;
}

.vision {
    padding: 50px 0px 70px;
    margin: 0px;
    background: url(../img/mission-img.png) no-repeat;
    background-position: top 10px right;
    background-size: 50% 100%;
    position: relative;
}

.vision h1 {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-bottom: 16px;
}

.vision h1:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 54px;
    background: #fff;
    bottom: 10px;
    left: 0px;
    right: auto;
    z-index: 10;
}

.vision h1:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 54px;
    background: #fff;
    bottom: 5px;
    left: 20px;
    right: auto;
    z-index: 10;
}

.vision h1 span {
    color: #fff;
}

.vision-para-box {
    background: #de2b37;
    padding: 51px 30px 63px 30px;
    width: 100%;
    /* height: 48%; */
    margin: 100px 0px 126px;
}

.vision p {
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    line-height: 36px;
}


/*--- decorum page---*/

.gray-bg {
    background: #fff;
    padding: 39px;
    border: 1px dashed #7474744d;
    margin: 50px 0px;
    box-shadow: 0px 0px 20px #ddd;
}


/*---contact us --*/

.con-section {
    padding: 50px 0px;
}

.con-section h2 {
    color: #1b54c1;
    padding: 10px 0 20px;
    font-weight: bold;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-group {
    margin-top: 20px;
}

.first {
    margin-top: 0!important;
}

.form-control {
    border-radius: 0;
}

.form-group label {
    font-size: 9px;
    font-weight: bold;
}

.form-group span {
    color: rgb(255, 0, 0);
}

.form-control:focus {
    border: 1.5px solid #adb5bd;
    border-radius: 0;
    box-shadow: none;
    background: #ff000012;
    letter-spacing: 1px;
    color: #000;
}

.form-check-label {
    font-size: 9px;
    font-weight: bold;
}

.btn-block {
    border-radius: 0;
    border: none;
    margin-top: 10px;
    padding-top: 0px;
    background: #de2b37;
}

.btn-block:hover {
    background: #e53f00;
}

.btn-block:focus {
    box-shadow: none;
    background: #1b54c1!important;
}

.btn-primary span {
    font-size: 12px;
}

.val_error {
    color: #dc3545;
    font-size: 10px;
    padding-top: 5px;
    font-weight: bold;
}

.social-information {
    display: block;
    color: #555;
    align-items: center;
    font-size: 0.95rem;
    border-bottom: 1px solid #ccc;
    width: 85%;
    margin: 8px auto;
}

.social-information i {
    font-size: 18px;
    margin: 8px;
    color: #d9005c;
    float: left;
}

.contact_info {
    list-style: outside none none;
    margin: 15px 0px;
    padding: 0px;
}

.contact_info i {
    color: #000000;
}

.contact_info li {
    margin: 13px 0px;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0px;
}

.contact_info>li span {
    padding-left: 7px;
}

.square {
    position: absolute;
    height: 400px;
    top: 50%;
    left: 50%;
    transform: translate(181%, 11%);
    opacity: 0.2
}

#map_canvas {
    width: 100%;
    padding: 15px;
}

#map_canvas iframe {
    width: 100%;
}


/*--- media query ------*/

@media (max-width: 1199.98px) {
    .top-head h1 {
        font-size: 30px;
    }
    .new-feed .image-three {
        position: relative;
    }
    .f-box2 P {
        font-size: 14px;
    }
    /*.card {
    width: 284px;
}*/
    .navbar-nav .nav-link {
        padding-right: 14px !important;
        font-size: 12px;
    }
    .banner-video {
        height: 82vh;
    }
}

@media (max-width:991.98px) {
    .outer-0 {
        margin: 0px auto;
        max-width: 95%;
    }
    .new-feed .image-three {
        position: relative;
    }
    .ticker {
        height: auto;
    }
    .news marquee {
        margin-top: 21px;
    }
    .feature-banner-section h1 {
        font-size: 83px;
        line-height: 2;
    }
    .feature-banner-section img {
        width: 100px;
        height: 100px;
    }
    .navbar {
        padding: 20px 0px !important;
    }
    .about-us .image-two {
        position: relative;
        left: 0;
        top: 0;
    }
    .about-us .image-three {
        position: relative;
        right: 0;
        top: 0;
    }
    .school_management {
        background: url(../img/msg-bg.png) no-repeat top center;
        background-position: center;
        background-size: cover;
    }
    .navbar-collapse {
        overflow: hidden;
    }
    .nn_title {
        width: 50%;
    }
    .dropdown-menu.show {
        display: block;
        min-width: 30rem !important;
    }
    .bread-nav:after {
        right: -53px;
    }
    .carousel-caption h1 {
        font-size: 39px !important;
    }
    .carousel-caption p {
        font-size: 14px!important;
    }
    .carousel-caption {
        top: 69px !important;
    }
    .carousel-item {
        height: 40rem !important;
    }
    .btn.slid-btn {
        bottom: 10em !important;
        right: 4em !important;
    }
    .extra-cell {
        display: inline-flex;
        align-items: center;
    }
    .don-btn {
        margin: 13px 9px 0px;
    }
    .main_services {
        display: block !important;
    }
    .f-box {
        margin-bottom: 2em !important;
    }
    .blog-item {
        margin: 0px 18px !important;
    }
    .f-box-2 {
        margin: 146px 0px 0;
    }
    .don-detail {
        margin-bottom: 20px;
    }
    .breadcrumb-banner {
        padding: 18px 0px;
        height: 156px;
    }
    .banner-video {
        height: 63vh;
    }
}

@media (max-width: 767.98px) {
    .vision {
        background-position: top center;
        background-size: 100% 100%;
    }
    .vision-para-box {
        background: #de2b379c;
    }
    .slider-btm-shape {
        top: -94px;
        left: 0;
        right: 0;
        background-size: 100% 96px;
    }
    .feature-banner-section h1 {
        font-size: 59px;
    }
    .feature-banner-section img {
        width: 85px;
        height: 85px;
    }
    .ticker ul {
        margin: 0px auto;
        display: flex;
        float: none;
        text-align: center;
    }
    .ticker ul li {
        margin: 0px auto;
        padding: 15px 52px;
        text-align: center;
    }
    .nn_title:after {
        display: none;
    }
    .ticker {
        width: 100%;
    }
    .top-header {
        display: block;
    }
    .web-logo {
        margin: 0px 0px 0px;
        padding: 0px 0px;
    }
    .nn_title h5 {
        font-size: 13px;
        margin: 13% 0;
    }
    .bread-nav:after {
        display: none;
    }
    #mycarousel2 .carousel-item2 {
        height: 78rem !important;
    }
    .title-for-all {
        font-size: 40px;
    }
    .carousel-indicators {
        margin-bottom: 0em !important;
    }
    .carousel-item {
        height: 31rem !important;
    }
    .img-box1 {
        width: 100%;
    }
    .bottom-foot .credits,
    .bottom-foot .copyright {
        text-align: center;
    }
    .banner-video {
        height: 49vh;
    }
}

@media (max-width: 575.98px) {
    .outer-0 {
        max-width: 93%;
    }
    .slider-btm-shape {
        top: -72px;
        left: 0;
        right: 0;
        background-size: 100% 75px;
    }
    .banner-video {
        height: 39vh;
    }
    .feature-banner-section h1 {
        font-size: 44px;
    }
    .mission-vision-outer {
        display: block;
    }
    .vision-left {
        width: 100%;
    }
    .mission-right {
        width: 100%;
    }
    .carousel-item {
        height: 16rem !important;
    }
    .carousel-caption h1 {
        font-size: 32px !important;
    }
    .carousel-caption p {
        display: none;
    }
    .breadcrumb-banner {
        background: url(../img/inner-banner.jpg) no-repeat #000;
        height: 126px;
        background-size: cover;
    }
    .extra-cell {
        float: none;
    }
    .extra-icon-box {
        width: 100%;
    }
    .don-btn {
        padding: 12px 13px !important;
        display: inline-flex;
        font-size: 19px;
    }
    .carousel-caption {
        background: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .btn.slid-btn {
        top: 2em;
        right: 53px !important;
        margin: auto;
        width: 200px;
    }
    .btn.slid-btn {
        display: none;
    }
    .navbar {
        margin-bottom: 0px !important;
    }
    .about-us p {
        font-size: 13px;
        line-height: 24px;
    }
    .ab-btn {
        padding: 6px 25px;
        font-size: 14px;
    }
    .don-detail h2 {
        font-size: 31px;
    }
    .ticker ul li {
        padding: 0px 33px;
    }
    .new-f-box {
        width: 30%;
    }
}

@media (max-width: 400px) {
    .banner-video {
        height: 27vh;
    }
    .slider-btm-shape {
        top: -51px;
        left: 0;
        right: 0;
        background-size: 100% 54px;
    }
    .feature-banner-section h1 {
        font-size: 30px;
    }
    .feature-banner-section img {
        width: 68px;
        height: 68px;
    }
    .notice-lg i {
        font-size: 29px;
        padding: 24px;
        width: 100%;
        height: 79%;
    }
    .ticker ul {
        display: block;
    }
    .carousel-caption h1 {
        font-size: 30px !important;
    }
    .extra-cell ul li {
        font-size: 14px;
        padding: 10px 6px;
    }
    .ab-btn2 {
        padding: 2px 27px;
    }
    .bread-nav li {
        font-size: 14px;
    }
    .bread-nav li ::after {
        top: 15px;
    }
    .carousel-item {
        height: 15rem !important;
    }
    a.btn.slid-btn {
        display: none;
    }
    .carousel-indicators {
        margin-bottom: 1rem !important;
    }
    .carousel-caption h1 {
        font-size: 24px !important;
    }
    .don-btn {
        font-size: 14px;
    }
    .title-for-all {
        font-size: 31px;
    }
}

@media (max-width: 320px) {
    .carousel-caption p {
        font-size: 25px !important;
    }
}

.img-size {
    width: 16% !important;
}



/* gallery css */


.btn1 {
    margin-right: 0.5rem;
    display: inline-block;
    font-weight: 400;
    color: white;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #222872;
    padding: 0.4rem 0.28rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 8px;
    padding-right: -30px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .m-1 {
    margin: 0.25rem !important;
  }
  .btn-outline-primary {
    width: 100%;  
    padding: 10px;
    font-size: 16px;
    color: #fff;
    background-color: #da251c;
    border-color: #da251c;
  }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #da251c;
  }
  .btn-outline-primary:hover {
    text-decoration: none;
    color: #fff;
    border-color: #fff;
    background-color: transparent;
  }
  
  
  .bg-gal {
    --bs-bg-opacity: 1;
    background-color: rgb(1 39 80) !important;
  }
  
  .portfolio-section {
    padding: 50px 0;
  }
  .portfolio-section h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
  }
  .portfolio-menu {
    text-align: center;
  }
  .control {
    background: #003060;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #343a40;
    border-radius: 10px;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all 0.5s ease;
  }
  .control:hover {
    background: #cf9a62;
    color: #003060;
  }
  .mixitup-control-active {
    color: #fff;
    background: #cf9a62;
  }
  .fancybox-container button:focus {
    outline: 0;
    box-shadow: none;
  }
  .portfolio-item {
    padding-top: 30px;
  }
  
  .pd{
    margin-top: 15px;
  
  }
  
  .pd img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
  }
  .portfolio-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
    display: flex;
      justify-content: center;
      align-items: center;
  }
  .portfolio-overlay p,
  .portfolio-overlay a {
    position: relative;
    z-index: 4;
  }
  .portfolio-overlay::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    transition: 50ms height ease 150ms;
    z-index: 3;
  }
  .portfolio-overlay::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: 100ms width ease 200ms;
    z-index: 3;
  }
  .mix:hover .portfolio-overlay::before {
    width: 80%;
    height: 80%;
    border-top: 1px solid #cf9a62;
    border-right: 1px solid #cf9a62;
    transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
  }
  .mix:hover .portfolio-overlay::after {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #cf9a62;
    border-left: 1px solid #cf9a62;
    transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
  }
   .mix:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
  }
  .portfolio-overlay .category {
  
    font-size: 16px;
    color: #fff;
    font-weight: 500;
  }
  .portfolio-overlay .magnify-icon {
  
    border-radius: 20px;
    background: #50977f;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
  }
  .portfolio-overlay .magnify-icon:hover {
    background: #000;
  }
  .portfolio-overlay .magnify-icon p span i {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
  }
  
  .viewbtn{
    font-size: 11px;
     padding: 0.375rem 0.75rem; 
     background-color: #003060;
     color: #cf9a62;
     border-radius: 10px;
     border: 1px solid #000;
  }
  
  .viewbtn:hover{
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
  
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
}
  .fancybox-arrow{
    transition: 0.1s all;
  }
  .fancybox-arrow::after {
    background-color: #003060;
    color: #fff;
    opacity: 1 !important;
    transition: 0.1s all;
  
    
  }
  
  .fancybox-arrow:hover::after{
    opacity: 1 ;
    background-color: #cf9a62!important;
    color: #003060 !important;
  }
  
  
  .imght{
    height:173px
  }
  
  @media screen and (max-width:575px){
  
    .imght{
    height:250px
  }
  }