@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
@font-face {
    font-family: 'product_sansbold_italic';
    src: url('../fonts/product_sans_bold_italic.woff2') format('woff2'), url('../fonts/product_sans_bold_italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'product_sansbold';
    src: url('../fonts/product_sans_bold.woff2') format('woff2'), url('../fonts/product_sans_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'product_sansitalic';
    src: url('../fonts/product_sans_italic.woff2') format('woff2'), url('../fonts/product_sans_italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'product_sansregular';
    src: url('../fonts/product_sans_regular.woff2') format('woff2'), url('../fonts/product_sans_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --roboto-regular-font: 'Roboto';
    --regular-font: 'product_sansregular';
    --bold-font: 'product_sansbold';
    --light-font: 'nunito_sans_lightregular';
    --italic: 'product_sansitalic';
    --italic-bold: 'product_sansbold_italic';
    --grand-hotel: 'Grand Hotel', cursive;
    --green-color: #1d7c39;
    --dark-green-color: #166c2f;
    --braound-color: #411f04;
    --gray-color: #f5f5f5;
    --purple: #321b5f;
}

* {
    margin: 0;
    padding: 0;
}

body {
    /*font-family: var(--regular-font);*/
    font-family: var(--roboto-regular-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

.pr {
    padding-right: 0;
}

.pl {
    padding-left: 0;
}

.prl {
    padding: 0;
}


/*menu*/

#headermenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 10px rgba(235, 235, 235, 1);
    -moz-box-shadow: 0px 0px 10px rgba(235, 235, 235, 1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.navbar-toggler.barcust {
    border: 2px solid var(--green-color);
    padding: 10px 15px;
    border-radius: 0px;
    color: var(--green-color);
}

.navbar.navbar-expand-lg {
    padding: 0;
}

.nav-item a.nav-link {
    color: #000;
    /*font-size: 15px;*/
    text-transform: uppercase;
    /*padding: 30px 0 30px 10px;*/
    font-family: var(--roboto-regular-font);
    font-weight: 700;
}

.navbar-nav.ml-auto {
    margin-right: 10px;
}

.active {
    background: var(--green-color);
    color: #fff !important;
}

.nav-item a.nav-link:hover {
    background: var(--green-color);
    color: #fff;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
    outline: none;
}

.dropdown:hover>.dropdown-menu {
    display: block;
    border-radius: 0px;
    outline: none;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1d7c39;
    text-decoration: none;
    background-color: #fff;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    margin-top: -1px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.dropdown-menu a {
    text-transform: uppercase;
    font-size: var(--roboto-regular-font);
}

.dropdown-menu.custdropdown-menu {
    padding: 0;
}

.dropdown-menu.custdropdown-menu a {
    padding: 15px 15px;
    border-bottom: 1px solid #e1e1e1;
}


/*.navbar-expand-lg .navbar-nav .nav-link {padding-right: 15px; padding-left: 15px;}*/


/*end menu*/


/*headersection*/

.item.header-item {
    position: relative;
}

.item.header-item img {
    position: relative;
    z-index: -1;
}

.header-details {
    position: absolute;
    /*top: 17%;left: 20%;*/
}

.header-details h1 {
    color: #fff;
    font-family: 'Grand Hotel', cursive;
    /*font-size: 76.09px;*/
    /*width: 55%;line-height: 80px;*/
}

.header-details.right-header-details {}

.header-details.right-header-details h1 {
    color: #fff;
    width: 100%;
}

.header-details.right-header-details1 {
    position: absolute;
    /*top: 20%;right: 20%;*/
    text-align: right;
}

.header-details.right-header-details {
    position: absolute;
    /*top: 20%;right: 20%;*/
    text-align: right;
}

.header-details.right-header-details.fullright {
    position: absolute;
    top: 20%;
    right: 20%;
    text-align: right;
}

.header-details.right-header-details.fullright h1 {
    color: var(--green-color);
    width: 55%;
    float: right;
    text-shadow: 2px 3.464px 2px rgba(255, 255, 255, 0.357);
    -moz-transform: matrix( 1.27137344541654, 0, 0, 1.26809508894506, 0, 0);
    -webkit-transform: matrix( 1.27137344541654, 0, 0, 1.26809508894506, 0, 0);
    -ms-transform: matrix( 1.27137344541654, 0, 0, 1.26809508894506, 0, 0);
}

.greentext {
    color: var(--green-color) !important;
    text-shadow: 2px 3.464px 2px rgba(255, 255, 255, 0.357);
    -moz-transform: matrix( 1.27137344541654, 0, 0, 1.26809508894506, 0, 0);
    -webkit-transform: matrix( 1.27137344541654, 0, 0, 1.26809508894506, 0, 0);
    -ms-transform: matrix( 1.27137344541654, 0, 0, 1.26809508894506, 0, 0);
}

.white-btn.sidegreenbtn {
    color: var(--green-color);
    border: 2px solid var(--green-color);
}

.header-details.right-header-details.fullright>.header-btn>a.white-btn {
    color: var(--green-color);
    border: 2px solid var(--green-color);
}

.header-details.right-header-details.fullright>.header-btn>a.white-btn:hover {
    color: #fff;
}

.header-details.right-header-details.fullright>.header-btn>a.theam-btn.shadows:hover {
    color: var(--green-color);
    border: 2px solid var(--green-color);
}

.white-btn {
    padding: 13px 30px;
    background: transparent;
    color: #fff;
    display: inline-block;
    border-radius: 27px;
    transition: all .1s ease;
    border: 2px solid #fff;
    margin-right: 15px;
    transition: all .2s ease;
    font-family: var(--roboto-regular-font);
    font-weight: 400;
}

.white-btn:hover {
    text-decoration: none;
    background: var(--green-color);
    border: 2px solid var(--green-color);
    color: #fff;
}

.header-btn {
    margin-top: 10px;
}


/*.headersection > .header-owl-carousel > .owl-nav > .owl-prev > span{
    position:absolute;
}*/

.owl-theme .owl-nav {
    margin-top: 0 !important;
}

.owl-prev>span {
    position: absolute;
    top: 45%;
    left: 1%;
    color: #fff;
    font-size: 70px;
    /*background: #000;*/
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
}

.owl-next>span {
    position: absolute;
    top: 45%;
    right: 1%;
    color: #fff;
    font-size: 70px;
    /*background: #000;*/
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.owl-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1d7c39 !important;
}

.owl-theme .owl-dots .owl-dot span {
    /*width: 15px !important;
    height: 15px !important;*/
    background: #fff !important;
}


/*end headersection*/


/*imagineschool*/

.imagineschool-left {}

.imagineschool-left h4 {
    font-size: 20px;
    color: var(--green-color);
    font-family: var(--bold-font);
    letter-spacing: 5px;
}

.imagineschool-left h2 {
    font-size: 36px;
    color: var(--green-color);
    font-family: var(--bold-font);
    text-transform: uppercase;
    margin: 10px 0 25px;
}

.imagineschool-left p {
    font-size: 16px;
    font-family: var(--roboto-regular-font);
    color: var(--purple);
    /*color: #000;
    font-family: var(--regular-font);*/
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
    /*margin-bottom: 20px;*/
}

.imagineschool-left-ul {}

.imagineschool-left-ul h3 {
    margin: 40px 0 0px;
    font-size: 22px;
    font-family: var(--roboto-regular-font);
    font-weight: 500;
    color: #000;
}

.imagineschool-left-ul ul {
    list-style-type: none;
    margin: 15px 0 40px;
}

.imagineschool-left-ul ul li {
    font-size: 16px;
    color: #000;
    font-family: var(--roboto-regular-font);
    display: flex;
    align-items: center;
    color: var(--purple);
    /*letter-spacing: 0.5px;*/
    line-height: 25px;
}

.imagineschool-left-ul ul li i {
    margin-right: 14px;
    color: var(--green-color);
    font-size: 8px;
}

.imagineschool-left-ul ul li a {
    /*letter-spacing: 0.5px;*/
}

.theam-btn {
    color: #fff;
    background: var(--green-color);
    padding: 15px 30px;
    border-radius: 27px;
    font-size: 15px;
    font-family: var(--roboto-regular-font);
    font-weight: 400;
    display: inline-block;
    transition: all .2s ease;
}

.btn.theam-btn.menu-btn {
    text-transform: uppercase;
    padding: 15px 20px;
    font-weight: 700;
}

.theam-btn.view-btn {
    font-family: var(--roboto-regular-font);
    padding: 11px 20px;
    height: 45px;
}

.theam-btn.shadows {
    /*-webkit-box-shadow: 2px 3.464px 6.88px 1.12px rgba(29, 124, 57, 0.173);*/
    /*-moz-box-shadow: 2px 3.464px 6.88px 1.12px rgba(29, 124, 57, 0.173);*/
    box-shadow: 2px 3.464px 6.88px 1.12px rgba(29, 124, 57, 0.173);
    /*padding: 13px 30px;*/
    border: 2px solid var(--green-color);
    transition: all .2s ease;
}

.theam-btn.shadows:hover {
    border: 2px solid #fff;
    background: transparent;
}

.theam-btn:hover {
    text-decoration: none;
    color: #fff;
    background: var(--dark-green-color);
}

.theam-btn.shadows.sidegr:hover {
    border: 2px solid var(--green-color);
    color: var(--green-color);
}


/*end imagineschool*/

.helpbtn {
    font-family: var(--roboto-regular-font);
}


/*impactstoriessection*/

.impactstoriessection {
    padding: 85px 0 75px;
}

.impactstories-head {}

.impactstories-head h2 {
    font-size: 40px;
    color: var(--green-color);
    font-family: var(--bold-font);
}

.impactstories h3 {
    font-size: 22px;
    font-family: var(--roboto-regular-font);
    color: #000;
    font-weight: 500
}

.impactstories p {
    font-size: 16px;
    /*color: #000;
    font-family: var(--regular-font);*/
    font-family: var(--roboto-regular-font);
    color: var(--purple);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
    margin: 10px 0 15px;
}

.theam-btn.read-btn {
    padding: 10px 30px;
}

.theam-btn.read-btn i {
    margin-left: 15px;
}


/*end impactstoriessection*/

.m-t-15 {
    margin-top: 15px;
}


/*affiliationssection*/

.affiliationssection-head {
    font-size: 30px;
    color: var(--green-color);
    font-family: var(--bold-font);
}

.affiliationssection {
    padding: 20px 0;
    background: var(--gray-color);
}


/*.impactstories-head-right{width: 100%;float: left;}*/


/*.edu-img{width: 70%;float: left;}*/

.edu-img p {
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 22px;
    /*letter-spacing: 0.5px;*/
    margin-top: 15px;
    /*width: 92%;*/
}


/*.affi-img {width: 30%;float: left;}*/

.affi-img p {
    margin-top: 15px;
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    /*letter-spacing: 0.5px;*/
    line-height: 25px;
}


/*end affiliationssection*/


/*whyimagineschoolsection*/

.whyimagineschoolsection {
    padding: 55px 0;
    width: 100%;
    position: relative;
    background: #f7f7f7 url(../images/why-imagine-school-bg.jpg) no-repeat;
    background-size: cover !important;
    /*background-position-x: 0%;*/
    /*background-position-y: 0%;*/
    /*background-size: auto;*/
    /*background-size: 100% 100%;*/
    /*background-position: right top -130px;*/
}

.whyimagineschool-head h2 {
    font-size: 31px;
    color: var(--green-color);
    font-family: var(--bold-font);
    margin-bottom: 50px;
}

.whyimagineschool-icon {
    margin-bottom: 50px;
}

.whyimagineschool-icon h3 {
    font-size: 22px;
    font-family: var(--roboto-regular-font);
    color: #000;
    margin: 20px 0;
    font-weight: 500;
}

.whyimagineschool-icon p {
    font-size: 16px;
    /*color: #000;
    font-family: var(--regular-font);*/
    font-family: var(--roboto-regular-font);
    color: var(--purple);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
}

.edu-img {
    text-align: center;
}


/*end whyimagineschoolsection*/


/*footersection*/

.footersection {
    padding: 50px 0 20px;
    background: var(--green-color);
}

.footer {}

.footer h3 {
    font-size: 18px;
    color: #fff;
    font-family: var(--bold-font);
    margin-bottom: 25px;
    /*letter-spacing: 0.5px;*/
}

.footer p {
    font-size: 16px;
    color: #fff;
    font-family: var(--roboto-regular-font);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
}

.footer ul {
    margin: 0;
}

.footer-contact {
    margin: 20px 0 15px;
}

.footer-contact i {
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 5px;
}

.footer-no {}

.footer-no p {}

.footer-email {}

.footer-email i {
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
}

.footer-email a {
    color: #fff;
    font-family: var(--roboto-regular-font);
}

.footer ul {
    margin: 0;
    list-style-type: none;
}

.footer ul li {
    display: block;
}

.footer ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--roboto-regular-font);
}

.footer ul li a:hover {
    text-decoration: underline;
}


/*end footersection*/


/*footercopyright*/

.footercopyright {
    padding: 15px 0;
    background: var(--dark-green-color)
}

.footercopyright-text {}

.footercopyright-text p {
    /*font-size: 16px;*/
    font-size: 14px;
    color: #fff;
    font-family: var(--roboto-regular-font);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
    margin-bottom: 0;
}

.footer-social {
    margin-left: 10px;
}


/*.footer-social a {
    display: inline-block;
}
.footer-social a img {
    margin-right: 6px;
}*/

.bg-sprite-fb {
    width: 35px;
    height: 35px;
    background: url('../images/css_sprites.png') -65px -65px;
    margin-right: 10px;
}

.bg-sprite-fb:hover {
    width: 35px;
    height: 35px;
    background: url('../images/css_sprites.png') -10px -10px;
}

.bg-sprite-insta {
    width: 35px;
    height: 35px;
    background: url('../images/css_sprites.png') -120px -10px;
    margin-right: 10px;
}

.bg-sprite-insta:hover {
    width: 35px;
    height: 35px;
    background: url('../images/css_sprites.png') -65px -10px;
}

.bg-sprite-yout {
    width: 35px;
    height: 35px;
    background: url('../images/css_sprites.png') -120px -65px;
}

.bg-sprite-yout:hover {
    width: 35px;
    height: 35px;
    background: url('../images/css_sprites.png') -10px -65px;
}


/*end footercopyright*/


/* begining page css  13-06-19 */

.banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 80px;
    position: relative;
}

.banner img {
    width: 100%;
    height: 100%;
}

.banner .title {
    font-family: var(--bold-font);
    color: #fff;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    line-height: 5;
}

.beginning {
    margin-top: 50px;
}

.beginningmenu .navbar-nav .nav-link {
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    font-family: var(--roboto-regular-font);
    font-weight: 500;
}

.historytitle {
    color: var(--green-color);
    font-family: var(--bold-font);
}

.beginning .beginninghistory p {
    font-size: 16px;
    font-family: var(--roboto-regular-font);
    color: var(--purple);
    /*line-height: 25px;*/
    line-height: 22px;
    /*letter-spacing: 0.5px;*/
}


/*----------13-6-2019----------*/

li.nav-item a.nav-link.active {
    background-color: var(--green-color);
    color: #fff !important;
}

li.nav-item:hover a.nav-link,
li.nav-item.active a.nav-link {
    background: #1d7c39;
    color: #fff;
}


/*contact page */

.contactpage p {
    font-family: var(--roboto-regular-font);
    font-size: 15px;
    color: var(--purple);
    /*letter-spacing: 0.5px;*/
    line-height: 25px;
}

.contact-form label {
    font-family: var(--roboto-regular-font);
    font-size: 16px;
    color: #000;
}

.contact-form span {
    color: #ff0000;
}

.contact-form .form-control {
    background-color: #f2f2f2;
    color: #000;
}

.contact-form .form-control:focus {
    color: #000;
    background-color: #f2f2f2;
    border-color: #1d7c39;
    outline: 0;
    box-shadow: none;
}

.contact-form table {
    margin-top: 0px;
}

.invalid-feedback {
    display: block!important;
}

.contactpage address {
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    font-size: 15px;
    margin-bottom: 0px;
}

.accordion .btn {
    width: 100%;
    display: flex;
}

.contactpage .address a {
    color: var(--purple);
    font-size: 15px;
    font-family: var(--roboto-regular-font);
    float: left;
}

.contactpage .address a:hover {
    text-decoration: none;
}

.address {
    background-color: #f2f2f2;
    width: 100%;
    padding: 30px;
}

.testimonials .testimonialssection .detailtext p {
    font-family: var(--roboto-regular-font);
    color: var(--purple);
    font-size: 16px;
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
}

.testimonials .testimonialssection .peoplename .historytitle {
    text-transform: uppercase;
    font-size: 20px;
}

.testimonials .testimonialssection .peoplename p {
    font-family: var(--roboto-regular-font);
    color: var(--purple);
    font-size: 16px;
    /*letter-spacing: 0.5px;*/
    line-height: 25px;
}

.testimonials .testimonialssection {
    background-color: #f2f2f2;
    border-radius: 10px;
    transition: .2s all;
}

.testimonialssection:hover {
    -webkit-box-shadow: 0px 0px 10px 10px rgba(207, 207, 207, 0.7);
    -moz-box-shadow: 0px 0px 10px 10px rgba(207, 207, 207, 0.7);
    box-shadow: 0px 0px 10px 10px rgba(207, 207, 207, 0.7);
}

.beginninghistory ul {
    margin-left: 15px;
}

.beginninghistory ul li {
    font-size: 16px;
    font-family: var(--regular-font);
    color: #000;
}


/*admissions 14-6-2019*/

.addmitionhsection {
    background: url('../images/admissions_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.contactssection {
    background: url('../images/Untitled-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonials_section {
    background: url('../images/testimonialsbanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.beginingsection {
    background: url('../images/begining-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.ourphilosophysection {
    background: url('../images/ourphilosophy.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.teacherssection {
    background: url('../images/teacherbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.jobssection {
    background: url('../images/join-us.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.learningandlifesection {
    background: url('../images/learning-and-life.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.termsofusesection {
    background: url('../images/terms-of-use.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.helpachild_section {
    background: url('../images/helpachild.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.faqsection {
    background: url('../images/contact-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.addmition-details h5,
.contacts-details h5,
.testimonials_details h5,
.begining-details h5,
.ourphilosophy-details h5,
.teachers-details h5,
.jobs-details h5,
.learningandlife-details h5,
.termsofuse-details h5,
.helpachild_details h5 {
    font-family: var(--bold-font);
    color: #fff;
    text-shadow: 2px 3px 5px #000000;
}

.learninul li {
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
    list-style: none;
    display: flex;
    align-items: flex-start;
}

.learninul li i {
    font-size: 8px;
    color: var(--green-color);
    margin-right: 14px;
    margin-top: 9px;
}

.addmitionh2 {
    font-family: var(--bold-font);
    color: var(--green-color);
}

.custform-group>.custom-select {
    color: #495057;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #f2f2f2;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custform-group>.custom-select:focus {
    color: #000;
    background-color: #f2f2f2;
    border-color: #1d7c39;
    outline: 0;
    box-shadow: none;
}

.addmition p {
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
}

.head-form.form-group>label {
    margin-bottom: 0;
    font-family: var(--roboto-regular-font);
    font-weight: 500;
}

.subtitle {
    color: #000;
    font-family: var(--roboto-regular-font);
    font-weight: 500;
    font-size: 20px;
}

.beginning .category ul {
    margin: 10px 0 17px 0px;
}

.beginning .category ul li {
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
    list-style: none;
    display: flex;
    align-items: flex-start;
}

.beginning .category ul li i {
    font-size: 8px;
    color: var(--green-color);
    margin-right: 14px;
    margin-top: 8px;
}

.beginning .tuition .details ol {
    margin: 10px 0 0 15px;
}

.beginning .tuition .details ol li {
    padding-left: 6px;
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
}

.beginning .tuition .details .subtitle {
    margin: 10px 0;
}

.beginning .tuition .details p {
    margin: 0 0 10px 0;
}

.table input[type=text] {
    border: none;
    background-color: none;
    outline: 0;
    font-size: 16px;
    width: 100%;
    height: 30px;
    text-align: center;
    font-family: var(--roboto-regular-font);
}

.table input[type=text]:focus {
    border: none;
    background-color: none;
    outline: 0;
    width: 100%;
    height: 30px;
    font-family: var(--roboto-regular-font);
}

.table .tabledata {
    height: 40px;
    width: 100px;
}

.table {
    margin-top: 20px;
}

.table,
th,
td,
tr {
    border: 1px solid black!important;
    font-family: var(--roboto-regular-font);
}

.table tr,
td {
    text-align: center;
}


/*end admissions 14-6-2019*/

.ourphilosophy ul li {
    /*padding: 10px;*/
}

.teachersandstaff .teachers .historytitle {
    font-size: 22px;
}

.designation {
    color: #444444!important;
    font-family: var(--roboto-regular-font)!important;
    font-size: 16px!important;
}

.teachers p {
    color: var(--purple);
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 25px;
    font-family: var(--roboto-regular-font);
}

.teachers .subject {
    color: #444444!important;
    font-family: var(--roboto-regular-font);
    font-size: 18px;
}

.educationdetail ul {
    margin-left: 0px;
}

.educationdetail ul li {
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
    /*letter-spacing: 0.5px;*/
    list-style: none;
    display: flex;
    align-items: flex-start;
}

.educationdetail ul li i {
    font-size: 8px;
    color: var(--green-color);
    margin-right: 14px;
    margin-top: 8px;
}


/*jobcareers*/

.teachersjob {}

.teachersjob a {
    text-decoration: none;
    color: #000;
}

.teachersjob a:hover {
    text-decoration: none;
}

.jobcareers {
    background: whitesmoke;
    padding: 20px;
}

.jobcareers h3 {
    color: var(--green-color);
    font-family: var(--bold-font);
}

.subjectname {}

.subjectname h4 {
    font-family: var(--roboto-regular-font);
    color: #000;
    font-size: 16px;
    /*margin-right: 35px;*/
    font-weight: normal;
}

.subjectname>p.jobpay {
    font-family: var(--roboto-regular-font);
    color: #000;
    font-size: 16px;
    /*margin-right: 35px;*/
    font-weight: normal;
}

.subjectname h5 {
    font-family: var(--roboto-regular-font);
    font-size: 18px;
    position: relative;
    font-weight: 400;
}

.subjectname h5::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #979797;
    top: 7px;
    left: -15px;
    border-radius: 50%;
    line-height: ;
}


/*end jobcareers*/


/*helpachildsection*/

.help-a-child-details {
    font-size: 24px;
    color: var(--green-color);
    width: 100%;
    max-width: 350px;
    position: relative;
    text-align: left;
    vertical-align: top;
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}

.help-a-child-details p {
    font-size: 18px;
    color: var(--green-color);
    font-family: var(--bold-font);
    height: 0;
}

.product-price h4 i {
    font-size: 26px;
}

.product-price h4 {
    font-size: 26px;
    color: var(--green-color);
    font-family: var(--bold-font);
}

.help-a-child-img {
    /*width: 290px;*/
    /*height: 290px;*/
    margin: 0 auto;
}

.help-a-child-img img {
    /*max-width: 290px;*/
    object-fit: cover;
    object-position: center;
}


/*end helpachildsection*/

.contactlinksmall {
    line-height: 55px;
}

.jobcareers div h3:last-child {
    background: #A5A5A5;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    /*border-radius: 50%;*/
    line-height: 25px;
    font-size: 18px;
}

.contacd {
    font-weight: normal;
}

.beginninghistory>.footercontact p {
    /*color: #000;*/
}

.beginninghistory>.footercontact a {
    color: var(--purple);
}

.beginninghistory>.footercontact h5 {
    font-size: 22px;
    color: var(--purple);
}

.footercontact {
    color: var(--purple);
}


/* Tab */

.teachers .historytitle {
    font-size: 22px;
}

.resp-tab-content {
    border: none !important;
}


/* faq CSS Statrs */

.card {
    border-radius: 0!important;
    margin-bottom: 35px;
    border: none;
}

.card-header {
    background-color: var(--green-color);
    border-radius: 0!important;
    padding: 5px!important;
}

.card .card-header p {
    width: 95%;
}

.card .card-header i {
    width: 5%;
}

.btn {
    /*width: 100%;*/
    width: auto;
    text-align: left;
}

.btn-link {
    color: #fff;
    font-family: var(--roboto-regular-font);
    font-size: 18px;
}

.btn-link:hover {
    text-decoration: none;
    color: #fff;
}

.btn-link:focus {
    text-decoration: none;
}

.card-body {
    color: var(--purple);
    letter-spacing: 0.5px;
    line-height: 25px;
    font-family: var(--roboto-regular-font);
    font-size: 16px;
    padding: 10px;
    padding: 20px 10px 10px 10px;
}

.fa {
    line-height: 1.5;
}

.address i {
    color: var(--green-color);
    float: left;
}


/* stories detail page */

.blog {
    width: 100%;
    float: left;
    position: relative;
    padding: 30px 0px 0px 0px;
    background-color: #ffffff;
}

.blog .section {
    display: inline-block;
    padding: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden
}

.blog .section h6 {
    margin: 15px 0px 0px 0px;
    font-size: 18px;
}

.blog .section p {
    margin: 10px 0px;
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
}

.blog .section a {
    margin: 0;
    font-size: 16px;
    font-family: var(--roboto-regular-font);
}

.blog .section .stats {
    width: 100%;
    left: 0;
}

.blog .popular-post h6 {
    padding: 10px 10px;
    font-size: 16px;
    text-transform: uppercase;
}

.blog .popular-post-border {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.blog .popular-post img {
    margin: 8px 0px 0px 7px;
}

.blog .post-detail .post {
    width: 100%;
    min-height: 70px;
    float: left;
}

.post-detail {
    display: inline-block;
    width: 100%;
}

.post-img {
    display: inline-block;
    width: 25%;
}

.post-txt {
    float: right;
    width: 65%;
    margin-left: 10%;
}

.post-txt p {
    margin-top: 0px;
    line-height: 17px;
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    margin-bottom: 15px;
}

.post-txt span {
    margin-top: 0px;
    font-size: 14px;
    color: var(--green-color);
    font-family: var(--bold-font);
}

.post-archive ul li {
    list-style: disc;
}

.post-archive ul li a {
    color: var(--purple);
    font-size: 16px;
    font-family: var(--roboto-regular-font);
}

.post-archive ul li a:hover {
    text-decoration: none;
}

.post-archive ul {
    padding-left: 25px;
}

.blog .section:hover {
    -webkit-box-shadow: 0px 0px 10px 10px rgba(207, 207, 207, 0.2);
    -moz-box-shadow: 0px 0px 10px 10px rgba(207, 207, 207, 0.7);
    box-shadow: 0px 0px 10px 10px rgba(207, 207, 207, 0.7);
}

.popular-post .form-group {
    margin: 15px 10px;
}

.popular-post .form-control:focus {
    border-color: var(--green-color)!important;
    box-shadow: none;
}

.popular-post {
    margin: 0 0 30px 15px;
}

.popular-post-detail img {
    margin-top: 15px;
}

.popular-post-detail ul li {
    margin: 15px 0px;
    font-size: 14px;
    color: var(--gray-color);
}

.popular-post-detail h6 {
    text-transform: uppercase;
    margin: 15px 0px;
    font-size: 14px;
    color: var(--gray-color);
}

.popular-post-detail p {
    margin: 15px 0px;
    font-size: 14px;
    color: var(--gray-color);
}

.blog .storydetail p {
    margin: 15px 0px;
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
}

.blog .storydetail ul li {
    margin-left: 15px;
    font-size: 16px;
    color: var(--purple);
    font-family: var(--roboto-regular-font);
    line-height: 25px;
}

.resp-tabs-container .learning p {
    line-height: 20px;
}

.resp-tabs-container .learningimage {
    margin-top: 15px;
}