body
{
font-family: Segoe Ui !important;
}
h5
{
color:#0025a0 !important;
font-size:25px !important;
}
a
{
text-decoration: none !important;
}
.fa
{
padding-right:10px;
}
#hero-section 
{
background-color: #d8dbe0; /* Set dark background color */
}
.row>*
{
padding-left: 0 !important;
padding-right: 0 !important;
}
@font-face
{
font-family: tamil;
src: url(fonts/tamil.ttf);
}
@font-face
{
font-family: TAU-Marutham;
src: url(fonts/TAU-Marutham.ttf);
}
.center-block 
{
display: block;
margin-left: auto;
margin-right: auto;
}
.bd-placeholder-img
{
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px)
{
.bd-placeholder-img-lg
{
font-size: 3.5rem;
}
}
.b-example-divider
{
width: 100%;
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr
{
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi
{
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller
{
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav
{
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.btn-bd-primary
{
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle
{
z-index: 1500;
}
.bd-mode-toggle .dropdown-menu .active .bi
{
display: block !important;
}
.lead
{
text-align: justify;
font-weight: 350;
}
.line
{
font-size: 2.2rem;
border-bottom: 3px solid rgb(52,168,83);
display: inline-block;
font-weight: bold;
}
.whiteline
{
padding-bottom: 10px;
font-size: 2.2rem;
border-bottom: 3px solid #FFF;
display: inline-block;
font-weight: bold;
}
#google_translate_element select
{
background-color:#FFF;
color:#383ffa;
border-radius:3px;
padding:6px 8px;
}
.goog-te-banner-frame
{
display:none !important;
}
.widget-small
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 4px;
color: #FFF;
margin-bottom: 10px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.widget-small .icon
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 85px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 4px 0 0 4px;
font-size: 2.2rem;
}
.widget-small .info
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 20px;
-ms-flex-item-align: center;
align-self: center;
}
.widget-small .info h4, .widget-small .info .h4
{
text-transform: none;
margin: 0;
margin-bottom: 5px;
font-weight: 500;
font-size: 1.1rem;
}
.widget-small .info p
{
margin: 0;
font-size: 16px;
}
.widget-small.primary
{
background-color: #00695C;
}
.widget-small.primary.coloured-icon
{
background-color: #fff;
color: #2a2a2a;
}
.widget-small.primary.coloured-icon .icon
{
background-color: #00695C;
color: #fff;
}

.widget-small.blue
{
background-color: #103fab;
}
.widget-small.blue.coloured-icon
{
background-color: #FFF;
color: #2a2a2a;
}
.widget-small.blue.coloured-icon .icon
{
background-color: #103fab;
color: #fff;
}

.widget-small.yellow
{
background-color: #103fab;
}
.widget-small.yellow.coloured-icon
{
background-color: #FFF;
color: #000000;
}
.widget-small.yellow.coloured-icon .icon
{
background-color: #fab103;
color: #fff;
}

.widget-small.purple
{
background-color: #103fab;
}
.widget-small.purple.coloured-icon
{
background-color: #FFF;
color: #000000;
}
.widget-small.purple.coloured-icon .icon
{
background-color: #6961ce;
color: #fff;
}



.widget-small.info
{
background-color: #0dcaf0;
}
.widget-small.info.coloured-icon
{
background-color: #fff;
color: #2a2a2a;
}
.widget-small.info.coloured-icon .icon
{
background-color: #0dcaf0;
color: #fff;
}
.widget-small.warning
{
background-color: #ffc107;
}
.widget-small.warning.coloured-icon
{
background-color: #fff;
color: #2a2a2a;
}
.widget-small.warning.coloured-icon .icon
{
background-color: #ffc107;
color: #fff;
}
.widget-small.danger
{
background-color: #dc3545;
}
.widget-small.danger.coloured-icon
{
background-color: #fff;
color: #2a2a2a;
}
.widget-small.danger.coloured-icon .icon
{
background-color: #dc3545;
color: #fff;
}

.primary-blue
{
background-color: #103fab !important;
/*background-image: linear-gradient(130deg, #0025A0 0%, #40AAFF 100%);*/
color:#FFF !important;
}


.navbar .navbar-nav .nav-link
{
margin-right: 25px;
padding: 15px 0;
color: #FFF;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.4px;
outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active
{
background-color: #103fab !important;
color:#FFF;
}

.dropdown-menu
{
padding:10px;
background-color:#103fab;
color:#FFF !important;
}

.dropdown-item 
{
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: #FFF !important;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius,0);
}
.dropdown-item:hover
{
background-color: #FFF !important;
color: #103fab !important;
font-weight:bold;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

.navbar .dropdown-toggle::after {
border: none;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
margin-left: 8px;
}
.link
{
color: #FFF;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.4px;
font-family:Segoe Ui;
}
label
{
    padding-right: 20px !important;
    padding-left: 20px !important;
    font-weight: bold;
    color:#103fab;
}
.text-end
{
    padding-left:10px !important;
    padding-right: 10px;
    text-align: left !important;
}

table.admtable 
{
font-family: Segoe Ui;
font-size: 16px;
text-align: justify;
line-height: 1.7;
}

table.admtable th
{
background-color: #7d3c98 !important;
color:#FFF !important;
}
table.admtable td
{
color: #044caa !important;
}


table.admtable1
{
font-family: Segoe Ui;
font-size: 16px;
text-align: justify;
line-height: 1.7;
}


table.admtable1 th
{
color: #7d3c98 !important;
font-weight: bold;
font-family: 'Merriweather', sans-serif
}
table.admtable1 td
{
color: #044caa !important;
font-family: Segoe Ui;
}

/* ----- Statistic ----- */
.statistic {
    padding-top: 57px;
}

.statistic__item {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 20px 30px;
    position: relative;
    min-height: 180px;
    overflow: hidden;
    margin-bottom: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .statistic__item {
        padding: 20px 10px;
    }
}

.statistic__item h2 {
    font-size: 36px;
    font-weight: 300;
    color: #4272d7;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .statistic__item h2 {
        font-size: 22px;
    }
}

.statistic__item .desc {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    color: rgba(128, 128, 128, 0.6);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .statistic__item .desc {
        font-size: 13px;
    }
}

.statistic__item .icon {
    display: inline-block;
    position: absolute;
    bottom: -50px;
    right: -7px;
}

.statistic__item .icon i {
    font-size: 180px;
    color: #808080;
    opacity: .2;
    line-height: 1;
    vertical-align: baseline;
}

.statistic__item--green {
    background: #00b26f;
}

.statistic__item--orange {
    background: #ff8300;
}

.statistic__item--blue {
    background: #00b5e9;
}

.statistic__item--red {
    background: #fa4251;
}

/* ----- Statistic 2 ----- */
.statistic2 {
    padding-top: 50px;
}

.statistic2 .statistic__item {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
}

.statistic2 .statistic__item h2 {
    color: #fff;
}

.statistic2 .statistic__item .desc {
    color: rgba(255, 255, 255, 0.6);
}

.bd-callout-warning {
    border-left-color: #f0ad4e !important;
}

.bd-callout-danger {
    border-left-color: #dc3545 !important;

}
.bd-callout-success {
    border-left-color: #198754 !important;
    
}

.bd-callout-primary {
    border-left-color: #0d6efd !important;
    
}


.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    background-color: #f8f9fa;
}
.lead1
{
font-size: 17px;
color: #7d3c98; 
font-weight: bold;
font-family: Segoe Ui;
}