* {
    font-family: "IBM Plex Sans", "Noto Sans Kannada", sans-serif;
    color: #444;
}

/* Google Translate wraps every translated text node in a <font> tag. Without
   this, the `* { color:#444 }` rule above repaints those <font> tags dark grey
   and breaks contrast (e.g. white button text turns black on a green button).
   Forcing inherit makes translated text keep its element's real colour. */
font {
    color: inherit !important;
    background-color: transparent !important;
}
.interText{
    font-family: "Inter", "Noto Sans Kannada", sans-serif;
}

body {
    scroll-behavior: smooth;
}
.themeText{
    color: #1F6B3B !important;
}
.greyText {
    color: #999999 !important;
}
.lightgreyBg{
    background-color: #FAFBFD;
}
.lightgreyBg2{
    background-color: #EDEDED;
}

.bannerTitle {
    font-size: clamp(34px, 6.35vw - 2.7px, 60px);
}
.smalltext {
    font-size: 14px;
}

.titleText{
    font-size: 40px;
    line-height: 1.4;
}

/* Kannada conjuncts stack below the baseline; Bootstrap's 1.2 heading
   line-height clips them and cramps multi-line Kannada headings */
h1:lang(kn), h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn) {
    line-height: 1.5;
}
p:lang(kn), li:lang(kn) {
    line-height: 1.8;
}

.greenBtn{
    background-color: #1F6B3B;
    color: #fff;
    border: 1px solid #1F6B3B;
    padding: 12px 20px;
    border-radius: 40px;
    text-decoration: none;
}
.greenBtn:hover{
    background-color: #fff;
    color: #1F6B3B;
    border: 1px solid #1F6B3B;
    transition: 0.4s;
}
.greenBtn2{
    background-color: #fff;
    color: #1F6B3B;
    border: 1px solid #1F6B3B;
    padding: 12px 20px;
    border-radius: 40px;
    text-decoration: none;
}
.greenBtn2:hover{
    background-color: #1F6B3B;
    color: #fff;
    border: 1px solid #1F6B3B;
    transition: 0.4s;
}

/* tab styles */

.tab-pane.fade {
  opacity: 0;
}
.tab-pane.fade.show {
  opacity: 1;
  transition: all 0.3s;
}
.tab-pane:not(.show) {
  visibility: hidden;
}
.tab-pane.active.show {
  visibility: visible;
  transition: all 0.3s;
}

/* tab styles */

@media only screen and (max-width:1440px) {

}
@media only screen and (max-width:1080px) {

}
@media only screen and (max-width:830px) {
    .titleText{
        font-size: 33px;
    }
}
@media only screen and (max-width:578px) {
    .titleText{
        font-size: 30px;
    }
}
@media only screen and (min-width:1600px) {

}
@media only screen and (min-width:1030px) {

}
@media only screen and (min-width:780px) {

}