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

header .main__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.hamburger {
    cursor: pointer;
    position: absolute;
    left: 0%;
}

.drop-nav {
    position: absolute;
    width: 200px;
    height: auto;
    padding: 15px;
    background-color: #fff;
    left: 0;
    top: 80px;
    z-index: 9;
    display: none;
}

.drop-nav .nav__item,
.create-tab {
    list-style: none !important;
}

.create-tab {
    padding: 0;
}

.drop-nav .nav__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #1e2d49;
    font-family: "Aleo", serif;
    padding: 4px 0;
}

.drop-nav .nav__link:hover {
    color: #a52828;
}

.navbar {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    gap: 65px;
    margin-left: 110px;
}

.navbar .nav__item {
    list-style: none;
}

.navbar .nav__item:nth-child(3) {
    margin-right: 200px;
}

.navbar .nav__item .nav__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1e2d49;
    font-family: "Aleo", serif;
}

.navbar .nav__item .nav__link:hover {
    color: #a52828;
    text-decoration: underline;
    text-underline-offset: 2px;
}

header .main__header .header__logo {
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50px);
    z-index: 99;
    width: 110px;
}

.top__header {
    font-family: "Poppins", sans-serif;
    width: 100%;
    background: #1e2d49;
    padding: 14px 0;
}

.top__header .container {
    display: flex;
}

.top__header__contact__info {
    display: flex;
    gap: 24px;
    flex: 1;
    align-items: center;
}

.top__header__contact__info a {
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    text-decoration: none;
}

.top__header__cta a {
    background: #a52828;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #ffffff;
    padding: 13px 25px;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #a52828;
}

.top__header__cta a:hover {
    background: #fff;
    color: #000000;
}

.top__header__cta.mobile a:hover {
    border: 1px solid #a52828;
    color: #a52828;
}

.bgimage {
    /* background: url('./assets/images/pre-school-img-2.png'); */
    background-image: url('./assets/images/pre-school-banner-bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 132px 0px 110px;
    background-attachment: fixed;
}

.bgimage h1 {
    /* font-family: 'Lato'; */
    font-style: normal;
    /* font-weight: 900; */
    font-size: 48px;
    line-height: 58px;
    color: #000000;
    padding-bottom: 23px;
}

.bgimage h1 span {
    color: #A52828;
}

.foundation-text {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}

.admission-text {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin-top: 27px;
}

.bgimage .content-info button {
    background: transparent;
    padding: 16px 32px;
    outline: none;
    border: 1px solid #A52828;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-top: 28px;
    margin-right: 32px;
}

.bgimage .content-info button:hover {
    background: #A52828;
    color: #FFFFFF;
}

.bg-content {
    display: flex;
    justify-content: space-between;
}

.d-form,
.m-form {
    background: rgba(0, 0, 0, 0.85);
    /* border: 1px solid #FFFFFF; */
    padding: 32px 41px 43px;
    margin-top: -30px;
    width: 370px;
}

.d-form h3,
.m-form h3 {
    /* font-family: 'Lato'; */
    font-style: normal;
    /* font-weight: 800; */
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 24px;
    color: #FFFFFF;
}

.d-form input,
textarea,
.m-form input,
textarea,
.form-container input,
textarea {
    background: #DADADB;
    border: 0;
    border-radius: 10px;
    padding: 17px 15px;
    width: 100%;
    margin-top: 20px;
}

.wrap {
    display: flex;
    align-items: flex-start;
    padding: 1rem 1rem 1rem 1rem;
}

.ico-wrap {
    padding-right: 18px;
}

.wrap .text-wrap h4 {
    margin: 0;
}

#vision {
    background-image: url(./assets/images/vision.png);
    padding: 96px 0px 93px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    margin-top: 102px;
    background-attachment: fixed;
}

.vision-content,
.education-content {
    text-align: center;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    color: #FFFFFF;
}

.custom-btn,
.form-btn button {
    padding: 16px 50px;
    background: #A52828;
    border: 1px solid #A52828;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    margin-top: 27px;
}

.form-btn button {
    padding: 12px 35px;
}

.custom-btn:hover,
.form-btn button:hover {
    background: #ffffff;
    border: 1px solid #A52828;
    color: #000000;
}

.about-info h3,
.about-title {
    /* font-family: 'Lato'; */
    font-style: normal;
    /* font-weight: 500; */
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 32px;
}

.about-info h4 {
    /* font-family: 'Lato'; */
    font-style: normal;
    /* font-weight: 500; */
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 22px;
    color: #000000;
}

.about-info p {
    /* font-family: 'Lato'; */
    font-style: normal;
    /* font-weight: 400; */
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}

#vision h3 {
    padding-bottom: 27px;
}

.vision-wrap .wrap {
    align-items: flex-end;
}

.vision-wrap .wrap h2 {
    font-size: 50px;
    line-height: 60px;
}

.vision-wrap .wrap h5 {
    font-size: 16px;
    line-height: 24px;
}

.vision-wrap {
    background-color: #A52828;
    color: #FFFFFF;
    padding: 20px;
}

.child-wrapper {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
}

.child-wrapper-content p {
    padding-top: 24px;
}

.principle-interest {
    padding-top: 3rem;
}

.custom-heading {
    /* font-family: 'Lato'; */
    /* font-style: normal; */
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #18191F;
}

.custom-title {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.img-wrap {
    display: inline-block;
    background: #f4e5e5;
    padding: 10px;
    margin-bottom: 59px;
}

.card-title {
    margin-bottom: 13px;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    color: #323756;
}

#feature .card-text {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #646464;
}

#feature .card {
    /* cursor: pointer; */
    border-radius: 0;
}

#feature .card-body {
    padding: 32px;
}

#feature .card:hover {
    background-color: #A52828;

}

#feature .card:hover .card-title,
#feature .card:hover .card-text {
    color: #FFFFFF;
}

#feature .card:hover .img-wrap {
    background-color: #FFFFFF;
}

.feature-wrap {
    margin-bottom: 30px;
}

#feature .custom-heading {
    font-weight: 400;
    padding-bottom: 46px;
}

#feature {
    padding-top: 91px;
    padding-bottom: 68px;
}

#education {
    background-image: url(./assets/images/education.png);
    padding: 102px 0px 102px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}

.education-content p {
    padding: 48px 0 51px;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
}

.education-content span,
.education-content h2 {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
}

.education-content h2 {
    font-weight: 500;
}

.education-content {
    max-width: 560px;
}

#leaders {
    padding-top: 60px;
}

#leaders .child-wrapper {
    align-items: center;
}

#leaders .about-info h4,
.leader-title {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    padding-bottom: 48px;
}

#leaders .leader-title {
    display: none;
}

#leaders .about-info p {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    color: #000000;
}

#school-video span {
    /* font-family: 'Lato'; */
    font-style: normal;
    /* font-weight: 500; */
    font-size: 40px;
    line-height: 30px;
    color: #FFFFFF;
    padding-bottom: 25px;
}

#school-video {
    background-image: url(./assets/images/video-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 79px 0px 137px;
    margin-top: 78px;
    background-attachment: fixed;
}

.mission-info {
    background-color: #e3e5e5;
    padding: 61px 35px 0;
}

.mission-info em {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 32px;
    display: block;
}

.mission-info em h3 {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #2B2B2B;
}

.Director {
    /* font-family: 'Lato'; */
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #2B2B2B;
}

.author-name {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    text-align: right;
    color: #2B2B2B;
    padding-right: 70px;
    padding-bottom: 40px;
}

#mission q {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    text-align: right;
    color: #2B2B2B;
}

#mission span,
.title,
.faq-title,
.founder-title {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
}

.founder-title {
    /* width: 94%; */
    margin: 0 auto;
    display: block;
    margin-bottom: 54px;
}

.faq-title {
    padding: 0 1%;
    margin-bottom: 99px;
    display: inline-block;
}

#mission {
    padding-top: 66px;
    padding-bottom: 66px;
}

#branches {
    /* padding-top: 93px; */
    padding-bottom: 320px;
}

#branches .card-body {
    position: absolute;
    bottom: -230px;
    left: 50%;
    transform: translateX(-50%);
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
    width: 80%;
    padding-bottom: 0;
    height: 100%;
}

.test {
    position: relative;
}

.phone-btn {
    color: #000;
    text-decoration: none;
    padding: 22px 32px;
    border: 1px solid #a52828;
    font-weight: 500;
}

.bgimage .content-info .phone-btn:hover {
    color: #fff;
    border: 1px solid #a52828;
    background-color: #a52828;
}

#branch-info {
    padding: 0;
    margin-top: 30px;
}

.faculty-wrap, .faculty-container{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
    padding: 28px;
}

.faculty-wrap{
    background-image: url(./assets/images/faculty-icon.png);
    background-repeat: no-repeat;
    background-position: top 21px right -28px;
}

.faculty-wrap button{
    text-align: right;
}

.faculty-container{
    background-image: url(./assets/images/faculty-icon.png);
    background-repeat: no-repeat;
    background-position: top 21px left;
    background-position: top 10px left -154px;
}

.faculty-wrap #description, .faculty-container #description{
    /* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #000000;
padding-top: 56px;
margin-bottom: 0;
}

.faculty-wrapper h5 {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #A52828;
    margin-bottom: 0;
    margin-top: 16px;
}

.faculty-wrapper p {
    /* font-family: 'Lato'; */
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}

#faculty #Founders-info {
    padding: 30px 20px 0 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.Experience{
    margin-right: -50px;
    background: #A52828;
    margin-top: 60px;
    padding: 10px 30px;
    /* font-family: 'Lato'; */
font-style: italic;
font-weight: 400;
font-size: 20px;
line-height: 32px;
}

.Experience a{
    color: #FFFFFF;
    text-decoration: none;
}

#faculty .faculty-container #Founders-info{
    align-items: flex-start;
}

.faculty-container .Experience{
    margin-left: -27px;
}

#faculty h4{
    /* font-family: 'Lato'; */
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 48px;
text-align: center;
color: #000000;
margin-bottom: 31px;
}

.faculty-des{
    /* font-family: 'Lato'; */
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
text-align: center;
color: #000000;
margin-bottom: 57px;
}

#faculty{
    padding: 50px 0 105px;
}

.faculty-wrap, .faculty-container{
    margin-bottom: 40px;
}

#branch-info li p{
    margin-bottom: 0;
}


#branch-info li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #2B2B2B;
    padding-bottom: 20px;
}

#branch-info li img {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 8px;
}

#branches .card-text,
.card-title,
#feature .card-title {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #323756;
}

#branches .card-text,
.card-title {
    color: #000;
}

.video-custom {
    align-items: center;
    justify-content: center;
}

#parents-feedback {
    background-image: url(./assets/images/video-bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 59px;
    background-attachment: fixed;
    background-position: center;
}

#parents-feedback .title {
    color: #FFFFFF;
    text-align: center;
    padding-top: 26px;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

#faqs .accordion-item {
    width: 50%;
    display: inline-block;
}

.main-section {
    float: left;
    width: 100%;
    display: block;
    background: #0A192F;
    height: 100vh;
}

#faqs {
    padding: 0;
}

.line-heading {
    font-family: sans-serif;
    color: #ccd6f6;
    font-weight: 600;
    line-height: 1.1;
    display: flex;
    align-items: center;
    width: 90%;
    margin: 10px 0 40px 10%;
    white-space: nowrap;
    font-size: 26px;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.line-heading:after {
    content: "";
    display: block;
    position: relative;
    width: 300px;
    height: 1px;
    margin: 0 0 0 20px;
    background: rgba(204, 214, 246, .2);
    text-shadow: none;
    transition: all .6s ease-in-out 0s
}

.line-heading:hover:after {
    width: 180px;
    background: rgba(204, 214, 246, .6);
}

h3.large-heading {
    font-family: sans-serif;
    margin: 0 0 0 10%;
    font-size: 52px;
    line-height: 1.1;
    letter-spacing: -.045em;
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}

/** The Faq Section **/
#faqSection div {
    float: left;
    /* display: inline-block; */
    width: 48%;
    margin: 0 1%;
    overflow: hidden;
}

#faqSection .collapsible {
    background-color: #ffffff;
    border: 1px solid #D8D8D8;
    transition: box-shadow .2s ease 0s;
    color: #000000;
    width: 100%;
    padding: 12px;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    color: #000000;
    text-align: left;
}

#faqSection .active {
    border-left: 8px solid #A52828;
    border-bottom: 0;
}

#faqSection .collapsible:after {
    content: "\002B";
    font-weight: bold;
    float: right;
    margin-left: 5px
}

#faqSection .active:after {
    content: "\2212"
}

#faqSection .faq-content {
    overflow: hidden;
    /* width: calc(100% - 8%); */
    width: 100%;
    padding: 0 2%;
    /* padding: 0!important; */
    transition: all .25s ease-in-out 0s;
    background: #ffffff;
    border: 1px solid #D8D8D8;
    border-left: 8px solid #A52828;
    border-top: 0;
    max-height: 0px;
    visibility: hidden;
    margin: 0;
    margin-bottom: 20px;
}

#faqSection .faq-content p,
#faqSection .faq-content li {
    margin: 0 0 12px;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #828282;
}

#faqSection .faq-content li {
    margin: 0;
}

#faqSection .faq-content a {
    color: #00C58E;
    font-weight: 600;
    letter-spacing: .05rem;
}

#faqSection .faq-content ul {
    list-style-type: none;
}

#faqSection ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -22px;
}

.faq {
    padding: 128px 0px 0;
}

#faqSection a {
    text-align: center;
}

#custom-btn {
    width: 100% !important;
    text-align: center;
}

.gallery-img {
    width: 16.66%;
    padding: 0;
}

#gallery {
    padding-top: 73px;
}

.m-form {
    display: none;
}

.d-form {
    display: block;
    text-align: center;
}

.about-title {
    display: none;
}

.about-us .image {
    margin-top: 50px;
}

#child-future {
    margin-top: 90px;
    margin-bottom: 90px;
}

/* 11th-grade */

#success-stories .slider .slick-slide {
    padding: 0 10px;
    margin-bottom: 20px;
}

/* #success-stories .success-wrap {
    align-items: center;
} */

#success-stories {
    background-image: url(./assets/images/storie-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 10px;
    margin-top: 102px;
}

#success-stories .card-img,
#success-stories .card {
    border-radius: 0;
}

#success-stories .card {
    background: #FFFFFF;
    box-shadow: 0px 6px 20px rgb(42 42 47 / 12%);
}

#success-stories .slick-prev.slick-arrow,
#success-stories .slick-next.slick-arrow {
    display: none !important;
}

#success-stories .slick-dots {
    position: initial;
}

#success-stories .card-title {
    margin: 36px 0px 29px;
}

#success-stories .success-title {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
    text-align: center;
    padding: 72px 0;
}

#tabs .tab-content {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#tabs {
    padding-top: 88px;
}

#tabs button.nav-link.active {
    border-bottom: 4px solid #A52828 !important;
    border: none;
}

#tabs .nav-tabs .nav-link:focus,
#tabs .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: isolate;
}

#tabs .nav-tabs {
    border-bottom: none
}

#tabs .nav-link {
    color: #000 !important;
}

#tabs .nav {
    justify-content: center;
    padding: 21px 0px 0;
    background: #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
}

#tabs .nav button {
    background: #F6F6F6 !important;
    padding-bottom: 21px;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

#tabs .nav-link {
    display: inline !important;
    width: 184px;
}

#tabs .tab-content {
    padding: 56px 73px;
}

#tabs .accordion-body {
    padding: 0;
    width: 100% !important;
}

#tabs .tab-content h6 {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 25px;
}

#tabs .tab-content p {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 30px;
}

#tabs .tab-content span {
    display: block;
    text-align: center;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 19.6504px;
    line-height: 20px;
    color: #000000;
    margin-top: 50px;
}

#academic-achievement {
    background-image: url(./assets/images/academic-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 66px;
    background-attachment: fixed;
    background-position: center;
}

.academic-container {
    width: 60%;
    max-width: 100%;
    margin: 0 auto;
    color: #FFFFFF;
    padding: 57px 0px 65px;
}

.academic-card {
    background-color: #902727;
    background-image: url(./assets/images/Laurel-Wreath.png);
    padding: 80px 25px 72px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    border: 18px solid #fff;
    background-size: 100px 150px;
}

#academic-achievement h3 {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 32px;
    color: #F9F9F9;
    text-align: center;
    margin-bottom: 1rem;
}

#academic-achievement p {
    /* font-family: 'Lato'; */
    font-style: normal;
    /* font-weight: 600; */
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}

#academic-achievement span {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
}

#result .img {
    position: relative;
    margin: 0 0 70px;
}

#result {
    text-align: center;
    margin: 73px 0 78px;
}

.result-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    width: 80%;
}

#result .result-info h4 {
    /* font-family: 'Poppins'; */
    font-style: normal;
    font-weight: 700;
    font-size: 41.9175px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 16px;
}

#result .result-info p {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 700;
    font-size: 13.4136px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

#result h3 {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #000000;
}

#jee-achievers .profile-card {
    border: 16px solid rgb(255, 255, 255);
    background-color: white;
    border-right-width: 12px;
    margin-bottom: 45px;
}

#jee-achievers {
    background-image: url(./assets/images/jee-bg.png);
    padding: 64px 0 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

#jee-achievers h3,
#cbse-topper h3 {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #F9F9F9;
    margin-bottom: 58px;
}

#cbse-topper h3 {
    color: #000;
    text-align: center;
    margin-bottom: 45px;
}

.class-10th-topper {
    margin-bottom: 20px !important;
}

#jee-achievers p {
    margin-bottom: 0;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 700;
    font-size: 12.3046px;
    line-height: 21px;
    color: #000000;
}

.achievers-wrap {
    align-items: center;
    justify-content: center;
}

.class-x-topper,
.class-XII-topper {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    /* align-items: center; */
    margin: 0 auto;
    justify-content: space-between;
    margin-bottom: 76px;
}

.class-x-topper img {
    width: 100%;
}

.class-XII-topper {
    width: 87% !important;
}

#cbse-topper {
    padding: 110px 0 0;
    position: relative;
}

.bg-topper {
    position: absolute;
    top: 0;
    right: 0;
}

.bg-topper-2 {
    bottom: 0;
    left: 0;
    position: absolute;
    transform: rotate(180deg);
}

#cbse-topper p {
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
    margin-bottom: 5px;
}

.topper-info {
    margin-top: 25px;
    margin-bottom: 43px;
}

.class-XII-city-topper {
    margin-top: 15px;
    margin-bottom: 30px;
}

.class-XII-topper {
    margin-bottom: 64px;
}

.class-12th-title {
    padding-bottom: 43px;
}

.all-grade-wrap .class-12th-title {
    padding-bottom: 34px;
    font-size: 24px;
    line-height: 32px;
}

.Scholarship {
    /* font-family: 'Inter'; */
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding-bottom: 53px;
    display: inline-block;
}

#XIth-grade .admission-text {
    margin-top: 41px;
}

#XIth-grade .bgimage .content-info button {
    margin-top: 43px;
}

.XIIth-grade-wrap #school-video,
.all-grade-wrap #school-video {
    margin-top: 0;
}

#mission .about-info {
    height: 100%;
}

#education {
    position: relative;
}

.education-content::after {
    content: "";
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95) rotate(315deg);
    z-index: -1;
    position: absolute;
    margin-left: 3px;
    border-width: 33px;
    border-style: solid;
    border-color: #2b2b2b transparent transparent transparent;
    background: #2b2b2b;
}

#branches .card-title {
    font-weight: 500;
}

#branches .card-text {
    font-weight: 400;
}

#success-stories .card-title {
    font-size: 23px;
    line-height: 28px;
    /* font-family: 'Lato'; */
    font-style: normal;
    font-weight: 500;
    color: #000000;
}

#success-stories .card-title span {
    font-weight: 400;
    display: inline-block;
    padding-top: 5px;
    font-size: 16px;
}

.mission-btn {
    text-align: center;
    margin-top: 35px;
}

#branch-info a {
    text-decoration: none;
    font-size: 12px;
    text-decoration: underline;
    color: blue;
}

/* new changes founder */

.founders-wrap {
    background-color: #F3F3F4;
}

#Founders-info {
    padding: 30px 0 0;
}

.Founders-img {
    position: relative;
}

.popup-video-text {
    position: static;
}

.founders-wrap {
    background-color: #F3F3F4;
    /* width: 96%; */
    margin: 0 auto;
}

#Founders-info {
    padding: 30px 20px 0 0;
}

#Founders-info h4 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    font-size: 600;
    color: #A52828;
}

.video-text {
    font-weight: 500;
}

#Founders-info p a {
    color: #A52828;
    font-weight: 700;
}

#founder {
    padding-top: 85px;
}

#description {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
    font-weight: 500;
}

.popup-youtube svg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
}

#founder .founders-wrap {
    margin-bottom: 74px;
}

/* school-video */

.video {
    position: relative;
}

.popup-video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.school-glimpse {
    padding: 0 30px;
}

.video p {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 8px 14px;
    color: #fff;
    background-color: #000000;
}

.popup-video-text {
    position: static;
}

/* #parents-feedback .popup-youtube svg {
    background-color: #902727;
} */

#leaders .about-info h4 {
    text-align: left;
}

.bgimage .active {
    background-color: #A52828 !important;
    color: #fff;
}

.bgimage .active:hover {
    background-color: #fff !important;
    color: #000 !important;
}

/* popup-form */
.form-popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.form-popup-bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    overflow-y: auto;
    z-index: 10000;
}

.form-popup-bg.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.form-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    position: relative;
    background: rgba(0, 0, 0, 0.85);
    /* border: 1px solid #FFFFFF; */
    padding: 32px 41px 43px;
}

.close-button {
    background: #FFFFFF;
    color: #000;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: -7%;
    transform: translate(-50%, -50%);
    border: solid 1px rgb(0, 0, 0);
    border-radius: 50%;
    font-weight: 500;
}

.form-popup-bg:before {
    content: '';
    background-color: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.redefining-education .popup-youtube {
    top: 40%;
}

.redefining-education .video-info {
    top: 55%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.redefining-education {
    position: relative;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}

/* .tab-content p, li{
    font-size: 18px !important;
    line-height: 24px !important;
} */


.redefining-education img {
    height: 600px;
}

.redefining-education h3 {
    font-size: 36px;
    line-height: 42px;
    margin: 80px 0 20px;
}

.redefining-education p {
    font-size: 18px;
    line-height: 28px;
}

.redefining-education .popup-youtube svg {
    width: 70px;
    height: 70px;
    background: transparent;
}

#vision .vision-content p {
    font-size: 22px;
    line-height: 32px;
}

#vision .vision-content h3 {
    font-size: 32px;
    line-height: 40px;
}

#leaders img {
    width: 94%;
}

.tabs-ul p {
    margin-bottom: 15px !important;
    margin-top: 15px;
}

.tabs-ul {
    list-style: decimal;
}

#nav-Facilities {
    text-align: center;
}

#nav-Facilities ul {
    list-style: none;
}

.tabs-ul li {
    font-weight: 500;
}

#jee-achievers .col-md-2 {
    width: 19.666667%;
}

.tab-content li {
    margin-bottom: 10px;
}

.jRGTjS {
    display: block !important;
}

.joSrve a {
    transform: translateX(-154%) !important;
}

.class-XII-topper {
    z-index: 1;
}

#google-map {
    margin-bottom: 50px;
}

#google-map h2,
#google-map p {
    margin-bottom: 25px;
}

#google-map iframe {
    width: 100% !important;
}

.form-container ::placeholder {
    color: #575757;
}

.form-container {
    background-color: #fff;
}

.form-container h3 {
    color: #000 !important;
}

.form-container .d-form input,
textarea,
.m-form input,
textarea,
.form-container input,
textarea {
    background: #DADADB;
}

.joSrve a {
    visibility: hidden !important;
}

#founder img {
    height: 100%;
}

.tab-image-wrap {
    text-align: center;
    margin-top: 64px;
}

.tab-image-wrap img {
    width: 70%;
}

#success-stories .card-body{
    height: 22.6rem;
    overflow-y: auto;
}

#success-stories .card-body::-webkit-scrollbar-track {
    border: 1px solid #a8a8a8;
    padding: 2px 0;
    background-color: #a8a8a8
  }
  
  #success-stories .card-body::-webkit-scrollbar {
    width: 8px;
  }
  
  #success-stories .card-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #e0e0e0;
    border: 1px solid #cbcbcb;
  }

  .about-img{
    margin-bottom: 20px;
  }

  
  .slick-dots li button {
    background: #b1adad;
    border-radius: 10px;
    width: 15px;
    height: 15px;
}

.slick-dots li button:before {
    font-size: 8px;
    line-height: 15px;
    width: 15px;
    height: 15px
}

.slick-dots li.slick-active button:before {
    color: #ffffff;
    padding-top: 1px;
}

.slick-dots li button:before {
    color: #b1adad;
}

#success-stories .card-body{
    background-image: url(./assets/images/batch-bg-image.png);
    background-repeat: no-repeat;
    background-position: bottom 15px right 15px;
}

.form-err .error_message{
    color: #fff;
    text-align: center;
}

.pop-up-form-err .error_message{
    color: #a52828;
    text-align: center;
}

.whatsapp-chat{
    position: fixed;
    left: 25px;
    bottom: 24px;
    z-index: 9;
    width: 60px;
}

.optin{
    color: #fff;
    text-align: left;
}

.optin input{
    display: inline-block;
    width: 20px;
}

.form-container .optin{
    color: #000 !important;
    text-align: left;
}