@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wdth,wght@62.5..100,100..900&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Mukta+Malar:wght@200;300;400;500;600;700;800&display=swap'); */

html[lang="in-ta"]:root {
    --font-reduce: 2px;
}
@media (max-width: 768px) {
    html[lang="in-ta"]:root {
        --font-reduce: 3px;
    }
    html[lang="in-ta"] .aol-gallery-bubble-item > a{
        height: 140px;
        width: 140px;
    }
}

html[lang="in-ta"], html[lang="in-ta"] * :not([class^="si"]),html[lang="in-ta"] * :not([class^="si-"]){
    font-family: "Noto Sans Tamil", sans-serif;
    font-optical-sizing: auto;
    font-variation-settings:
        "wdth" 80;
        line-height: 1.3;
}



html[lang="in-ta"] .text-2xl {
    font-size: calc(clamp(1.125rem,1vw + 1.125rem,1.5rem) - var(--font-reduce));
    font-size: calc(min(max(1.125rem, 1vw + 1.125rem), 1.5rem) - var(--font-reduce));
    
}
html[lang="in-ta"] .text-2xsm {
    font-size: calc(.625rem - var(--font-reduce));
    line-height: 1.4
}
html[lang="in-ta"] .text-3\.5xl {
    font-size: calc(clamp(1.3rem,1vw + 1.3rem,1.85rem) - var(--font-reduce));
    font-size: calc(min(max(1.3rem, 1vw + 1.3rem), 1.85rem) - var(--font-reduce));
    
}
html[lang="in-ta"] .text-3xl {
    font-size: calc(clamp(1.25rem,1vw + 1.25rem,1.75rem) - var(--font-reduce));
    font-size: calc(min(max(1.25rem, 1vw + 1.25rem), 1.75rem) - var(--font-reduce))
}
html[lang="in-ta"] .text-4xl {
    font-size: calc(clamp(1.375rem,1vw + 1.375rem,2rem) - var(--font-reduce));
    font-size: calc(min(max(1.375rem, 1vw + 1.375rem), 2rem) - var(--font-reduce))
}
html[lang="in-ta"] .text-5xl {
    font-size: calc(clamp(1.5rem,1vw + 1.5rem,2.25rem) - var(--font-reduce));
    font-size: calc(min(max(1.5rem, 1vw + 1.5rem), 2.25rem) - var(--font-reduce))
}
html[lang="in-ta"] .text-6xl {
    font-size: calc(clamp(1.5rem,1vw + 1.5rem,2.5rem) - var(--font-reduce));
    font-size: calc(min(max(1.5rem, 1vw + 1.5rem), 2.5rem) - var(--font-reduce))
}
html[lang="in-ta"] .text-7xxl {
    font-size: calc(clamp(2.875rem,1vw + 2.875rem,4.5rem) - var(--font-reduce));
    font-size: calc(min(max(2.875rem, 1vw + 2.875rem), 4.5rem) - var(--font-reduce));
    line-height: 1.1
}
html[lang="in-ta"] .text-base {
    font-size: calc(clamp(.875rem,1vw + .875rem,1rem) - var(--font-reduce));
    font-size: calc(min(max(.875rem, 1vw + .875rem), 1rem) - var(--font-reduce))
}

html[lang="in-ta"] .text-xl {
    font-size: calc(clamp(.9rem,1vw + .9rem,1.25rem) - var(--font-reduce));
    font-size: calc(min(max(.9rem, 1vw + .9rem), 1.25rem) - var(--font-reduce))
}

html[lang="in-ta"].text-xl\.5 {
    font-size: calc(clamp(1rem,1vw + 1rem,1.5rem)- var(--font-reduce));
    font-size: calc(min(max(1rem, 1vw + 1rem), 1.5rem) - var(--font-reduce));
}

html[lang="in-ta"] .text-xsm {
    font-size: calc(.75rem - var(--font-reduce));
    line-height: 1.4
}

/* html[lang="in-ta"] .h1,
html[lang="in-ta"] h1 {
    font-size: calc(clamp(1.5rem,1vw + 1.5rem,2.25rem) - var(--font-reduce));
    font-size: calc(min(max(1.5rem, 1vw + 1.5rem), 2.25rem) - var(--font-reduce));
}
html[lang="in-ta"] .h2,
html[lang="in-ta"] h2 {
    font-size: calc(clamp(1.375rem,1vw + 1.375rem,2rem) - var(--font-reduce));
    font-size: calc(min(max(1.375rem, 1vw + 1.375rem), 2rem) - var(--font-reduce));
}
html[lang="in-ta"] .h3,
html[lang="in-ta"] h3 {
    font-size: calc(clamp(1.25rem,1vw + 1.25rem,1.75rem) - var(--font-reduce));
    font-size: calc(min(max(1.25rem, 1vw + 1.25rem), 1.75rem) - var(--font-reduce));
}
html[lang="in-ta"] .h4,
html[lang="in-ta"] h4 {
    font-size: calc(clamp(1.125rem,1vw + 1.125rem,1.5rem) - var(--font-reduce));
    font-size: calc(min(max(1.125rem, 1vw + 1.125rem), 1.5rem) - var(--font-reduce));
}
html[lang="in-ta"] .h5,
html[lang="in-ta"] h5 {
    font-size: calc(clamp(.9rem,1vw + .9rem,1.25rem) - var(--font-reduce));
    font-size: calc(min(max(.9rem, 1vw + .9rem), 1.25rem) - var(--font-reduce));
}
html[lang="in-ta"] .h6,
html[lang="in-ta"] h6 {
    font-size: calc(clamp(.8rem,1vw + .8rem,1.125rem) - var(--font-reduce));
    font-size: calc(min(max(.8rem, 1vw + .8rem), 1.125rem) - var(--font-reduce));
} */

html[lang="in-ta"] .aol-course-cards-widget .plp-register-btn-course-card {
    padding: 0.8rem 0.5rem;
}

html[lang="in-ta"] .text-xl\.5{
    font-size: calc(clamp(1rem, 1vw + 1rem, 1.5rem) - 5px);
}
html[lang="in-ta"] .text-lg{
    font-size: calc(clamp(0.8rem, 1vw + 0.8rem, 1.125rem) - var(--font-reduce));
}
html[lang="in-ta"] .aol-course-cards-widget .plp-register-btn-course-card {
    padding: 0.8rem 0.5rem;
}

html[lang="in-ta"] #backToTopBtn{
    padding: 0.6rem 0.6rem 0.1rem;
}

html[lang="in-ta"] .course-search-page button[type='submit'],
html[lang="in-ta"] .course-search-page button[type='reset'],
html[lang="in-ta"] .primary-btn,
html[lang="in-ta"] .secondary-btn,
html[lang="in-ta"] .elementor-widget-aol-button a.elementor-button-link{
    padding: 0.9rem 2rem 0.7rem;
}
html[lang="in-ta"] .menu-link {
    padding: 1em 2.5em .5em 1em;
}
html[lang="in-ta"] #left-btn,
html[lang="in-ta"] #right-btn {
    padding-top: 0.5em;
}
html[lang="in-ta"] .aol-course-cards-widget .carousel-items a.plp-register-btn-course-card {
    padding: 0.9em 1em .7em;
}
html[lang="in-ta"] .has-submenu > .menu-link.menu-link-child {
    padding: .9em 2.5em .5em 1em;
}
html[lang="in-ta"] [class^="si-"] {
    margin-top: -2px !important;
}
html[lang="in-ta"] .accordion .accordion-item .accordion-title {
    padding: 0.9em 1em .7em;
}
html[lang="in-ta"] .aol-course-cards-widget .titles + div button {
    padding: 0.9em 1em .7em;
} 
html[lang="in-ta"] .inpage-cards .date-badge .day,
html[lang="in-ta"] .inpage-cards .date-badge .month {
    line-height: 1.1;
    font-size: rgba(var(--font-sm));
}
html[lang="in-ta"] .inpage-cards .date-badge {
    padding: 0.6rem 0.6rem 0.3rem;
}
html[lang="in-ta"] .course-search-page .slected-tags li .removeSelected {
    margin-top: -2px;
}
html[lang="in-ta"] .course-search-page .accordian-content label,
html[lang="in-ta"] .aol-search-content .accordian-content label{
    margin-top: 4px;
}


html[lang="in-ta"] .course-search-page .course-reg-btn {
    padding: 0.9rem 2rem 0.7rem;
}
html[lang="in-ta"] .course-search-page .next-date-default_buttons ,
html[lang="in-ta"] .course-search-page .select_date_button input {
    padding: 0.9rem 0.5rem 0.7rem;
    
}
html[lang="in-ta"] .filter-container  .h-\[44px\] {
        line-height: 44px;
        padding: 0 1rem;
}
html[lang="in-ta"] .post-tag-list li a{
    padding: .5rem 0.5rem 0.2rem;
}
html[lang="in-ta"] .article-video-tags {
    align-items: center;
}
html[lang="in-ta"] .mapbox-search-box input{
    height: 44px;
    box-shadow: none;
    line-height: 48px;
    padding: 0.4rem 1rem 0 !important;
    border: 1px solid rgb(128 128 128);
    border-radius: 10px;
}
html[lang="in-ta"] .aol-faq-container .faq-trigger{
    padding: 0.7rem 2rem 0.5rem;
}
html[lang="in-ta"] .aol-vi-so-holder .aol-vi-so-item .banner-solution-icon h6 {
    margin-top: 8px;
}
html[lang="in-ta"] .aol-content-filter .accordian-content input[type="text"] {
    padding-left: 40px;
}
html[lang="in-ta"] .aol-content-filter .selected-cates .selected-cate .remove {
    margin-top: -2px;
}
html[lang="in-ta"] .inpage-cards .shadow-card-btn{
    padding: 0.9em 1em .5em;
}
html[lang="in-ta"] .aol-content-search-holder button{
    padding: 0.9em 1em .5em;
}
html[lang="in-ta"] .aol-content-search-holder input[type=text] {
    padding-left: 40px;
}
html[lang="in-ta"] #cookieConsent button.secondary-btn {
    height: 44px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 48px !important;
}
html[lang="in-ta"] .course-search-page .filter-container .loction-input-search {
    padding-top: 4px;
}
html[lang="in-ta"] .course-search-page .filter-container .loction-input-search + [class^="si-"] {
    padding-top: 4px;
}
html[lang="in-ta"] .course-search-page .filter-container select {
    padding-right: 40px !important;
}
html[lang="in-ta"] .aol-testi-vi-carousel-item .testimonal-desc {
    margin-bottom: 8px;
}
html[lang="in-ta"] .aol-testi-vi-carousel-item .profession {
    margin-bottom: 4px;
}
html[lang="in-ta"] .elementor-widget-aol-course-cards-header [class^="si-"]{
    margin-top: 1px;
}
html[lang="in-ta"] .aol-course-cards-widget .filter-container select {
    padding-right: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html[lang="in-ta"] #back-to-oldsite [class^="si-"]{
    margin-top: -2px;
}
html[lang="in-ta"] .aol-center-list-container ul.column-list li a {
    font-size: 16px;
}
/* html[lang="in-ta"] .aol-course-cards-widget .plp-register-btn-course-card {
    padding: 0.8rem 0.5rem;
} */



/* 
html[lang="in-te"] .secondary-btn,
html[lang="in-te"] .primary-btn {
    padding: .9em 2em .5em;
}
html[lang="in-te"] .menu-link {
    padding: 1em 2.5em .5em 1em;
}

html[lang="in-te"] #left-btn,
html[lang="in-te"] #right-btn {
    padding-top: 0.5em;
}
html[lang="in-te"] .aol-course-cards-widget .carousel-items a.plp-register-btn-course-card {
    padding: 0.9em 2em .5em;
}
html[lang="in-te"] .has-submenu > .menu-link.menu-link-child {
    padding: .5em 2.5em .5em 1em;
}


html[lang="in-te"] [class^="si-"] {
    margin-top: -2px !important;
}
@media (max-width: 767px) {
    html[lang="in-te"] .aol-gallery-bubble-item .aol-gbubble-title {
        font-size: 13px;
    }
    html[lang="in-te"] .aol-lang-cont {
        display: block !important;
        text-align: center;
    }
    html[lang="in-te"] .duration-icon {
        display: inline-block;
        margin-right: 10px;
    }
} */