:root {
    --color-primary: #835c42;
    --color-secondary: #2d84b7;
    --headding-black: #191e24;
}


body {
    font-family: "Lato", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: 'Montserrat', sans-serif;*/
    font-family: 'black_qualityregular';
}

p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
}

.primary-bg {
    background-color: #f1ebdf;
}

.bg-image--19 {
    background-image: url(../images/inner-banner/kids-programme.jpg);
}

.contact-me .thumbnail {
    margin-right: 0;
}

.auto-height {
    max-height: calc(100vh - 400px);
    overflow: auto;
    padding-right: 10px;
}

    .auto-height blockquote {
        box-shadow: none;
    }


.checkout-billing label {
    font-size: 14px !important;
}

.checkout-billing input, .checkout-billing select, .checkout-billing textarea {
    padding: 5px 10px !important
}

.line-height-normal {
    line-height: 60px !important
}

.font-size-20 {
    font-size: 20px !important
}

.footer-top .social-share {
    margin-top: 15px;
}

.news-media .content .title a {
    display: block;
    line-clamp: initial !important;
}

.news-media .thumbnail a:after {
    background-image: url(/images/frame.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent
}


.inner-banner {
    padding: 115px 0 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.kids-programme {
    background-image: url(../images/kids-program/kids-programme.jpg);
}

.teacher-training {
    background-image: url(../images/teacher-training/teacher-training.jpg);
}

.crash-programe {
    background-image: url(../images/crash-program/crash-programe.jpg);
}

.franchise-banner {
    background-image: url(../images/franchise/franchise-banner.jpg);
}

.blog-banner {
    background-image: url(../images/blog/blog-banner.jpg);
}

.vedic-maths-banner {
    background-image: url(../images/vedic-maths/vedic-maths.jpg);
}

.about-banner {
    background-image: url(../images/inner-banner/about-banner.jpg);
}

.privacy-banner {
    background-image: url(../images/inner-banner/privacy-policy.jpg);
}

.termas-banner {
    background-image: url(../images/inner-banner/TermsAndCondition.jpg);
}

.refund-banner {
    background-image: url(../images/inner-banner/refund-cancelation.jpg);
}

.register-banner {
    background-image: url(../images/inner-banner/registration-banner.jpg);
}

.training-register-banner {
    background-image: url(../images/inner-banner/registration-teacher-training.jpg);
}

.form-group {
    position: relative; /* ensures validator is tied to this textbox */
}

.validator-popup {
    position: absolute;
    top: -20px; /* float just above textbox */
    left: 5px; /* slight indent */
    color: #d9534f; /* Bootstrap red */
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #d9534f;
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
    z-index: 10;
}

    .validator-popup::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 10px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: #d9534f transparent transparent transparent;
    }
.icon-width{ max-width:55px;}
.quick-link-list {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    list-style: none
}
    .quick-link-list li a:hover {
        color: var(--color-secondary)
    }



.buybutton {
    position: fixed;
    right: 0;
    top: 36%;
    z-index: 1;
}

.close-btn-real {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff !important;
    border-radius: 50px !important;
    width: 30px !important;
    height: 30px !important;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
}

    .close-btn-real:hover {
        background: #ffefef;
    }