@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'), url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sansregular';
    src: url(../fonts/opensans-regular-webfont.eot);
    src: url(../fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/opensans-regular-webfont.woff2) format('woff2'),url(../fonts/opensans-regular-webfont.woff) format('woff'),url(../fonts/opensans-regular-webfont.ttf) format('truetype'),url(../fonts/opensans-regular-webfont.svg#open_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url(../fonts/opensans-semibold-webfont.eot);
    src: url(../fonts/opensans-semibold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/opensans-semibold-webfont.woff2) format('woff2'),url(../fonts/opensans-semibold-webfont.woff) format('woff'),url(../fonts/opensans-semibold-webfont.ttf) format('truetype'),url(../fonts/opensans-semibold-webfont.svg#open_sanssemibold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'kruti_regular';
    src: url(../fonts/krdv010_0-webfont.eot);
    src: url(../fonts/krdv010_0-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/krdv010_0-webfont.woff2) format('woff2'),url(../fonts/krdv010_0-webfont.woff) format('woff'),url(../fonts/krdv010_0-webfont.ttf) format('truetype'),url(../fonts/krdv010_0-webfont.svg#svgFontName) format('svg')
}

/*  Global CSS Please don't make any Changes if you don't know  */
a {
    color: rgb(255,255,255);
    transition: all .6s;
    text-decoration: none
}

a:hover {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    outline: none
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

ul li {
    padding: 0;
    margin: 0;
    display: inline
}

body {
    font-family: 'robotoregular';
    padding: 0;
    margin: 0
}

li.expanded, li.collapsed, li.leaf {
    padding: 0
}

.nobg {
    background: none!important;
    border: none!important
}

.navbar-default {
    background: none;
    border: none;
    min-height: auto;
    margin: 0;
    padding: 0
}

.navbar {
    border-radius: 0
}

p {
    font-family: 'robotoregular';
    font-size: 0.95em;
    color: rgb(53,53,53)
}

a.readmore, button {
    font-family: 'robotoregular';
    background: rgb(30,192,132);
    color: rgb(255,255,255);
    border: none;
    transition: all .4s;
    padding: 10px 15px;
    text-transform: none;
    display: inline-block;
    border-radius: 3px;
    font-size: 0.95rem
}

a.readmore:hover, a.readmore:focus, button:hover, button:focus {
    color: rgb(255,255,255);
    background: #062ccc;
    text-decoration: none;
    border: none
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: none!important
}

.nav>li>a {
    padding: 8px 40px
}

.tabbingarea .nav>li>a:focus, .tabbingarea .nav>li>a:hover, .nav-tabs>li:hover {
    outline: none;
    background: none
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    border: 1px solid rgb(255,255,255);
    -webkit-text-fill-color: rgb(255,255,255);
    -webkit-box-shadow: 0 0 0px 1000px rgb(28,30,32) inset;
    box-shadow: 0 0 0px 1000px rgb(28,30,32) inset;
    transition: background-color 5000s ease-in-out 0s
}

.panel-default {
    background: none;
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.panel-default>.panel-heading {
    border: none;
    padding: 0;
    background: none
}

.panel-body {
    padding: 0
}

.tab-content {
    margin-top: 0
}

.nomargin {
    margin: 0!important
}

.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 9999999
}

a.outerborderbutton {
    font-family: 'robotomedium';
    font-weight: normal;
    background: rgb(255,255,255);
    border: 1px solid rgb(30,192,132);
    color: rgb(30,192,132);
    font-size: 0.85rem;
    text-align: center;
    display: inline-block;
    padding: 10px
}

table.customdata thead {
    width: 100%
}

table.customdata thead th {
    background: #1ec084;
    color: rgb(255,255,255);
    font-size: 0.80rem;
    font-family: 'robotoregular';
    font-weight: normal;
    text-align: center;
    padding: 10px 5px
}

table.customdata tbody td {
    font-size: 0.80rem;
    font-family: 'robotoblack';
    font-weight: normal;
    text-align: center;
    padding: 8px 5px;
    color: rgb(0,0,0)
}

table.customdata tbody tr:nth-child(even) {
    background: #ffffff
}

table.customdata tbody tr:nth-child(odd) {
    background: #eeeeee
}

.new-link a:after {
    position: relative;
    right: 20px;
    content: "";
    background: url(../images/new-blink.gif) no-repeat;
    width: 40px;
    height: 20px;
    float: right;
}

.new-link ul a:after {
    display: none;
}

.scrollbox.vticker2 {
    min-height: 500px;
}

.scrollbox.vticker {
    min-height: 420px;
}

body.backgrounimg {
    background: url("../images/body-container-bg.jpg") no-repeat/*;background-size:cover;height:100vh*/
}

a.bl,li a.wt {
    padding: 0 6px!important;
    transition: all ease-in .4s
}

li.hindi {
    font-family: 'kruti_regular';
    border-right: none;
    font-size: 1.6rem;
    font-weight: 700
}

li a.wt {
    color: #000!important;
    background: #fff;
    border: 1px solid #000;
    padding: 4px 5px 4px 4px!important
}

a.bl,li a.wt:hover,li a.wt:focus {
    color: #fff!important;
    background: #000
}

li a.bl:hover,li a.bl:focus {
    color: #000!important;
    background: #fff
}

li a.bl {
    padding: 4px 5px 4px 4px!important;
    border: 1px solid rgb(0,0,0)
}

ul.inner {
}

ul.inner li {
    display: block;
    margin-bottom: 5px
}

ul.inner li a {
    font-family: 'robotoregular';
}

ul.topmenu {
}

ul.topmenu li {
    display: inline-block;
    line-height: 0.6rem;
    padding: 0 5px;
    border-right: 1px solid rgb(255,255,255)
}

ul.topmenu li a {
    color: rgb(255,255,255);
    display: inline-block;
    transition: all .4s;
    font-size: .75rem
}

ul.topmenu li a:hover, ul.topmenu li a:focus, ul.topmenu li a.active {
    color: rgb(255,255,255)
}

ul.topmenu li:last-child {
    border-right: none
}

li.searchsec {
}

li.searchsec input[type="search"] {
    border: none;
    line-height: 0.6rem;
    padding: 2px 5px;
    max-width: 89%
}

.as_sr{
    width: 50%;
    height: 30px;
}
.as_tt{
    font-size:60px;
}


.topheader {
    background:#032e58;
    color: rgb(255,255,255);
    padding: 3px 0;
    font-size: 0.95em
}

.midheader {
    background: url("../images/logo-bg.png") no-repeat;
    background-size: cover
}

.logo img {
    max-height: 90px
}

.logotext .headingtext {
    font-size: 2.25rem;
    margin-top: 20px
}

.naviarea {
    background: #57dfbb;
    padding: 4px 0;
    width: 100%
}

.navbar-expand-md .navbar-nav .nav-link {
    background: linear-gradient(#ffffff, #dddddd);
    color: rgb(0,0,0);
    padding: 0.3rem 1.12rem;
    font-family: 'robotomedium';
    font-size: 0.95rem;
    border: 1px solid #dddddd;
    transition: all ease .4s;
    display: block
}

.naviarea li {
    margin-right: 5px;
    display: block
}

.naviarea li:last-child {
    margin-right: 0
}

.naviarea li a:focus {
    background: linear-gradient(#57dfbb, #48c1a1)!important;
    border: 1px solid #48c1a1
}

.dropdown-menu {
    border-radius: 0;
    padding: 0
}

.naviarea .navbar {
    padding-top: 0;
    padding-bottom: 0
}

.naviarea .dropdown-item {
    padding: .25rem 1.5rem 0.25rem 0.45rem
}

.navbar-expand-md .navbar-nav .dropdown-menu li {
    margin-right: 0
}

/*.naviarea .navbar-collapse{flex-basis:auto;flex-grow:initial;margin:0 auto}*/
.custommenu {
    left: 150px;
    top: -3px
}

li.dropdown ul.dropdown-menu li a {
    font-size: 0.80rem
}

li.dropdown ul.dropdown-menu li .dropdown-toggle::after {
    float: right;
    margin-top: 6px
}

li a.wt:hover, li a.wt:focus {
    background: #409d6b !important;
}

li a.bl:hover, li a.bl:focus {
    background: #868686 !important;
}

ul.leftmenu li a {
    padding: 9.2px 3px 9.2px 10px!important
}

.midarea {
    margin-top: 5px
}

ul.innerul {
    background: rgba(255,255,255,0.79);
    margin: 8px
}

ul.innerul li {
    display: block;
    border-bottom: 1px solid #ccc
}

ul.innerul li a {
    font-family: 'open_sanssemibold';
    color: #000;
    text-decoration: none;
    padding: 6px 3px 6px 10px;
    display: block;
    font-size: 0.85rem
}

ul.innerul li a:hover,ul.innerul li a:focus,ul.innerul li a.active {
    background: linear-gradient(#48c1a1, #57dfbb);
    color: rgb(255,255,255)
}

ul.innerul li:last-child {
    margin-bottom: 0;
    /* border:none */
}

ul.innerul li a:before {
    font-family: 'FontAwesome';
    margin-right: 5px
}

ul.innerul li a.chairperson:before {
    content: '\f2be'
}

ul.innerul li a.members:before {
    content: '\f0c0';
    color: #c1212e
}

ul.innerul li a.registry:before {
    content: '\f007'
}

ul.innerul li a.initiative:before {
    content: '\f044';
    color: #56e400
}

ul.innerul li a.mediareports:before {
    content: '\f23a';
    color: #56e400
}

ul.innerul li a.significant:before {
    content: '\f29a';
    color: #8e9a34
}

ul.innerul li a.faq:before {
    content: '\f02d';
    color: #002d63
}

ul.innerul li a.history:before {
    content: '\f08e'
}

ul.innerul li a.rti:before {
    content: '\f26c';
    color: #ffc107
}

ul.innerul li a.gazette:before {
    content: '\f15b';
    color: #404550
}

ul.innerul li a.international:before {
    content: '\f0f6';
    color: #56e400
}

ul.innerul li a.intership:before {
    content: '\f080';
    color: #607d8b
}

ul.innerul li a.judgement:before {
    content: '\f0e3';
    color: #56e400
}

ul.innerul li a.actsrules:before {
    content: '\f080';
}

ul.innerul li a.off-orders:before {
    content: '\f0a1';
}

.menucontainer {
    background: rgba(255,255,255,0.72);
    border: 3px solid #57dfbb;
    border-radius: 3px;
    height: 100%
}

ul.innerul li a.members:hover:before,ul.innerul li a.initiative:hover:before,ul.innerul li a.mediareports:hover:before,ul.innerul li a.significant:hover:before,ul.innerul li a.faq:hover:before,ul.innerul li a.rti:hover:before,ul.innerul li a.gazette:hover:before,ul.innerul li a.international:hover:before,ul.innerul li a.intership:hover:before, ul.innerul li a.judgement:hover:before {
    color: rgb(255,255,255)
}

.bannerslider {
    background: rgb(255,255,255);
    border-radius: 3px;
    border: 3px solid #57dfbb
}

.carousel-control-next .fa, .carousel-control-prev .fa {
    font-size: 3.5rem
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1.0
}

.carousel-indicators {
    bottom: 0;
    opacity: 1
}

.carousel-indicators li {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
    background: none;
    border: 1px solid rgb(255,255,255)
}

.newsarea {
    margin-top: 5px
}

.tab-content {
    min-height: 350px !important;
    border-top: none;
    border: 1px solid #57dfbb;
    background: rgb(255,255,255);
    padding: 8px 12px
}

.newsarea .nav-tabs {
    border: none
}

.newsarea .nav-tabs .nav-link {
    background: rgb(245,245,245);
    border-color: rgb(193,193,193);
    padding: 4px 15px 6px 8px;
    color: rgb(0,0,0);
    font-size: 0.85rem
}

.newsarea .nav-tabs .nav-item {
    margin-bottom: -2px
}

.newsarea .nav-tabs .nav-link.active, .newsarea .nav-tabs .nav-link:focus, .newsarea .nav-tabs .nav-link:hover {
    background: linear-gradient(#48c1a1, #57dfbb);
    color: rgb(255,255,255)
}

a.newsupdate:before,a.officeorders:before {
    margin-right: 5px;
    float: left
}

a.newsupdate:before {
    content: url("../images/update.png")
}

a.newsupdate:hover:before,a.newsupdate:focus:before,a.newsupdate.active:before {
    content: url("../images/updatehover.png");
}

a.officeorders:before {
    content: url("../images/judgement.png")
}

a.officeorders:hover:before,a.officeorders:focus:before,a.officeorders.active:before {
    content: url("../images/judgementhover.png");
}

.tab-content a {
    color: #000;
    font-size: 0.85rem
}

.newsarea .nav-tabs li {
    margin-right: 5px
}

.newsarea .nav-tabs li:last-child {
    margin-right: 0
}

.newsarea .tab-content p {
    font-size: 0.85rem;
    text-align: justify;
    margin: 0
}

.newsarea ul.inner li a:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 0.70rem;
    margin-right: 6px;
    color: #57dfbb
}

.newsul li a:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 0.70rem;
    margin-right: 6px;
    color: #57dfbb
}

.headingbg {
    background: #48c1a1;
    color: #fff;
    font-size: 0.89em;
    font-family: 'robotomedium';
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0 8px
}

ul.newsul {
    margin: 6px 8px!important
}

ul.newsul li {
    border-bottom: 1px solid #ccc;
    font-size: 0.8rem;
    display: block
}

ul.newsul li a {
    color: rgb(255,0,0)
}

ul.newsul li date {
    background: #48c1a1;
    color: #fff;
    font-size: 0.89em;
    font-family: 'robotomedium';
    display: table;
    padding: 3px 8px
}

.footerquicklinks {
    width: 100%
}

.footerquicklinks a {
    display: inline-block;
    background: linear-gradient(#ededed,#fff);
    padding: 7px 3px;
    width: 100%;
    color: #0e0e0e;
    border-radius: 10px;
    font-family: 'robotoregular';
    font-size: 1.1em;
    font-weight: 500;
    box-shadow: 0 0 3px #505050;
    transition: all ease-in .4s;
    text-align: center
}

.footerquicklinks a:hover, .footerquicklinks a:focus {
    transform: scale(1.2)
}

.footerquicklinks a .fa,.footerquicklinks a img {
    display: block
}

.footerquicklinks a .fa-user {
    color: #049898
}

.footerquicklinks a img {
    width: 30px;
    margin: 0 auto
}

.footerquicklinks a .fa {
    font-size: 2.0rem
}

.footerquicklinks a .fa-sitemap {
    color: #9e3e3e
}

.footerquicklinks a .fa-info-circle, .footerquicklinks a .fa-link, .footerquicklinks a .fa-map-marker {
    color: #709ef8
}

.footertop {
    background: #399e83;
    width: 100%;
    padding: 5px 15px;
    margin-top: 4px
}

ul.flink {
    margin: 20px 0 10px
}

ul.flink li {
    font-size: 0.85rem;
    padding: 0 5px;
    margin-right: 10px
}

ul.flink a,ul.flink li a.active,ul.flink li a:focus,ul.flink li a:hover,ul.flink li a:visited {
    color: #fff;
    text-decoration: none
}

.addres-sec address {
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    font-size: 0.85rem;
    text-align: center;
}

.visitorcounter span {
    font-weight: bold
}

.copyright {
    font-size: 0.85rem;
    color: #fff;
    background: #48c1a1;
    padding: 10px 0
}

.innner-heding {
    font-size: 1.429rem;
    color: #000;
    margin: 0 0 15px
}

table.customtable {
    background: rgb(255,255,255)
}

table.customtable thead {
    background: #48c1a1;
    color: rgb(255,255,255)
}

table.customtable thead th {
    font-family: 'robotomedium';
    font-weight: normal;
    font-size: 0.75em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px
}

table.customtable tbody td {
    padding-left: 10px;
    font-size: 0.85em;
    padding-top: 5px;
    padding-bottom: 5px
}

table.customtable tbody tr:nth-child(odd) {
}

table.customtable tbody tr:nth-child(even) {
    background: #f2fffc
}

.searchheading {
    font-family: 'robotomedium';
    font-size: 0.8rem;
    line-height: 1.0rem;
    margin-bottom: 10px
}

.searchheading .datavalue {
    font-family: 'robotomedium';
    font-size: 0.75rem
}

.searchheading .datavalue:before {
    content: ':';
    margin-right: 5px
}

.searcharea input, .searcharea select {
    background: rgb(255,255,255);
    height: 38px!important;
    padding: .175rem .75rem;
    font-size: 0.85rem
}

.captchabg {
    background: rgb(226,226,226);
    border: 1px solid rgb(146,138,138);
    border-radius: 0.25rem;
    height: 38px
}

.captchabg img {
    height: 100%
}

.btn-custom {
    padding: 6px 15px;
    line-height: 1.5rem;
    cursor: pointer;
    width: 100%
}

.btn-custom:hover,.btn-custom:focus {
    background: rgb(47,47,47)
}

.heightauto {
    height: auto
}

.maxheight {
    max-height: 410px;
    overflow-y: scroll
}

ul.leftmenunew li a {
    padding: 22px 3px 22px 10px!important
}

i.fa.fa-file-pdf-o {
    color: rgb(255,0,0)
}

a.linktext {
    text-align: center;
    display: block
}

a.linkurl {
    color: rgb(0,0,0)
}

.searcharea label {
    font-family: 'robotomedium';
    font-size: 0.85rem;
    margin-bottom: 0.1rem
}

.minheightthreonefive {
    min-height: 315px
}

.minheightfouronetwo {
    min-height: 412px
}

.footerarea {
    width: 100%
}

span.input-group-append .btn {
    background-color: rgb(30,192,132)!important
}

.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    color: rgb(255,255,255)!important
}

.card-header {
    padding: .5rem 1.25rem;
    background: rgb(72,193,161);
    border: none
}

.card {
    margin-top: 10px
}

.card-body {
    padding: 0.5rem
}

a.headingtext {
    font-family: 'robotomedium';
    font-size: 0.95rem;
    display: block;
    color: rgb(255,255,255);
    padding-left: 10px
}

.card-header:first-child {
    border-radius: 0
}

.card-header a.collapsed:before,.card-header a.headingtext:before {
    float: left;
    left: 10px;
    font-family: 'FontAwesome';
    position: absolute;
    top: 9px
}

.card-header a.collapsed:before {
    content: '\f196' !important;
}

.card-header a.headingtext:before {
    content: '\f147'
}

.view-filters .views-submit-button input,.view-filters .views-reset-button input {
    margin-top: 35px !important;
    background: #48c1a1;
    padding: 3px 15px;
    border: 1px solid #3c614d;
    height: 30px;
    font-size: 14px;
}

.zonename {
    font-family: 'robotomedium';
    font-size: 1.2rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    display: block;
    text-align: center;
    background: rgb(60,60,60)
}

.zonename a {
    display: block
}

.contactimgbox img {
    max-height: 190px;
    width: 100%
}

.buttonarea {
    position: relative;
    right: 0;
    float: right
}

.contactaddress {
    background: rgba(255,255,255,0.72) url(../images/slide-1.jpg) no-repeat;
    border: 3px solid #57dfbb;
    border-radius: 3px;
    float: left;
    width: 100%;
    background-position: 50% 0%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.contactaddress p {
    font-family: 'robotomedium';
    color: rgb(36,36,36);
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px
}

div.addressname {
    background: rgba(255,255,255,0.4);
    float: left;
    width: 100%;
    margin-top: 235px;
    padding-top: 15px
}

div.addressname p {
    font-size: 0.95rem
}

span.officeaddress {
    font-family: 'open_sanssemibold';
    font-size: 1.1rem;
    display: block;
    padding: 0 15px;
    color: #48c1a1;
    line-height: 1.8rem
}

span.officeaddress:nth-child(2) {
    margin-bottom: 15px
}

.greentext {
    color: #48c1a1;
    min-width: 120px;
    float: left
}

div.addressname a {
    color: rgb(36,36,36)
}

.googlemap {
    background: rgba(255,255,255,0.72);
    border: 3px solid #57dfbb;
    border-radius: 3px
}

/* Drupal Implementation */
ul.newsul li a {
    color: #000
}

.menucontainer ul.nice-menu-left li,.menucontainer ul.nice-menu-right li {
    width: 100%
}

.menucontainer ul.nice-menu-left,.menucontainer ul.nice-menu-right {
    width: 100%
}

.menucontainer #block-nice-menus-3 ul.nice-menu-right ul {
    right: auto;
    left: -12.5em
}

.menucontainer #block-nice-menus-2 ul.nice-menu-right ul {
    right: -12.5em;
    left: auto
}

.naviarea li a {
    background: 0 0;
    color: #000;
    padding: .3rem 1.12rem;
    font-family: 'robotomedium';
    font-size: .95rem;
    border: 1px solid #ddd;
    transition: all ease .1s;
    display: block
}

.naviarea ul li.dropdown:hover>.dropdown-menu {
    display: block!important
}

.naviarea ul>li>a {
    position: relative
}

.naviarea ul>li>a:hover {
    border-color: #48c1a1
}

.naviarea ul>li {
    margin-right: 5px
}

.naviarea ul.nice-menu ul {
    top: 2.1em;
    border-top: none
}

.naviarea ul.nice-menu-down li ul li ul {
    top: 0;
    border-top: none
}

.naviarea ul.nice-menu-down li ul li ul li a:hover {
    background: #48c1a1
}

.naviarea ul.nice-menu ul li a {
    text-transform: capitalize;
    font-size: 14px
}

.naviarea ul li a.home:before {
    font-family: 'FontAwesome';
    content: "\f015";
    margin-right: 5px
}

.naviarea ul li a.about-us:before {
    font-family: 'FontAwesome';
    content: "\f06c";
    margin-right: 5px
}

.naviarea ul li a.methodology:before {
    font-family: 'FontAwesome';
    content: "\f085";
    margin-right: 5px
}

.naviarea ul li a.case:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    margin-right: 5px
}

.naviarea ul li a.judgement:before {
    font-family: 'FontAwesome';
    content: "\f0e3";
    margin-right: 5px
}

.naviarea ul li a.e-filling:before {
    font-family: 'FontAwesome';
    content: "\f26b";
    margin-right: 5px
}

.naviarea ul li a.display:before {
    font-family: 'FontAwesome';
    content: "\f26c";
    margin-right: 5px
}

.naviarea ul li a.contact:before {
    font-family: 'FontAwesome';
    content: "\f003";
    margin-right: 5px
}

#block-nice-menus-2 ul,#block-nice-menus-3 ul {
    z-index: 1
}

.pager li a {
    color: #2f6f64
}

.team-heading-text {
    background: #2c7c71;
    color: #fff;
    font-size: 14px;
    min-height: 42px;
    align-items: center;
    display: flex
}

.team-wrap {
    border-color: #2c7c71!important;
    box-shadow: 0 0 1px 0 #2c7c71;
    background: rgba(93,115,103,.5)
}

.team-wrap img {
    border: 2px solid #333;
    width: 150px;
    height: 150px
}

.clearfix {
    display: inline-block;
    width: 100%
}

.view-chairperson .view-content>.views-row {
    float: left;
    width: 25%;
    margin-top: 8px
}

.view-chairperson .view-content>.views-row div.col-md-3 {
    max-width: 100%;
    flex: 0 0 100%
}

.view-members .view-content>.views-row {
    float: left;
    width: 25%;
    margin-top: 8px
}

.view-members .view-content>.views-row div.col-md-3 {
    max-width: 100%;
    flex: 0 0 100%
}

.view-registry .view-content>.views-row {
    float: left;
    width: 25%;
    margin-top: 8px
}

.view-registry .view-content>.views-row div.col-md-3 {
    max-width: 100%;
    flex: 0 0 100%
}

.present-row {
    float: left;
    width: 25%;
    margin-top: 8px
}

.present-row div.col-md-3 {
    max-width: 100%;
    flex: 0 0 100%
}

.present-row~h3 {
    display: inline-block;
    width: 100%
}

.profile-details img {
    border: 2px solid #29796e;
    padding: 3px;
    margin: 0 15px 15px 0;
    float: left
}

.custm-tbl>tbody>tr>td>a {
    color: #333
}

.custm-tbl>tbody>tr>td,.custm-tbl>thead>tr>th {
    border-color: #333
}

.view-id-tender {
    border: 2px solid #387e74;
    background: rgba(255,255,255,.9);
    margin-top: 10px;
    display: inline-block;
    width: 100%
}

.custm-tbl>thead>tr>th,.tender-table>thead>tr>th {
    background: #387e74;
    color: #fff;
    font-weight: 400;
    font-family: 'robotomedium'
}

.custm-tbl>tbody>tr>td,.tender-table>tbody>tr>td {
    padding: .25rem .75rem;
    font-size: .8rem
}

.tender-table>tbody>tr>td span {
    font-size: .9rem;
    font-family: 'robotomedium';
    color: #000
}

.tender-table tbody tr td .viw-more {
    background: #387e74;
    padding: 3px 8px;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px
}

.view-footer p a {
    color: #333
}

.searchsec .form-text {
    display: inline-block;
    margin: 0;
    float: left;
    border: none
}

.searchsec .form-actions [type=submit] {
    font-size: 12px;
    border: 0;
    height: 22px
}

ul.zonal-tabs li {
    padding: 8px 16px;
    background-image: linear-gradient(#17cc89,#073c28);
    margin: 5px;
    display: inline-block;
    box-shadow: inset 0 0 5px 2px #03ca7f
}

ul.zonal-tabs {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

#node-15 div.submitted {
    display: none
}

#node-15 form {
    background: rgba(255,255,255,.5);
    padding: 15px;
    margin-top: 20px
}

#node-15 form .form-item {
    width: 50%;
    float: left
}

#node-15 form .form-item .grippie {
    display: none
}

#node-15 form .form-item input,#node-15 form .form-item textarea {
    width: 95%;
    padding: 3px 5px;
    resize: none
}

#node-15 form .form-item textarea {
    height: 75px
}

#node-15 form .form-actions {
    text-align: right;
    padding-right: 2.5%
}

#node-15 form .form-actions [type=submit] {
    background: #499684;
    border-color: #4c9685;
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff
}

.site-map-menu li a:before {
    content: "\f101";
    position: absolute;
    left: 0;
    font-family: 'FontAwesome'
}

.site-map-menu li a {
    color: #002f9a;
    position: relative;
    padding-left: 15px;
    font-size: .9rem
}

.site-map-menu li {
    display: inline-block;
    width: 100%
}

.site-map-menu li.expanded>a:before {
    content: initial
}

#site-map {
    max-height: 400px;
    overflow-y: scroll;
    margin-top: 20px;
    background: rgba(255,255,255,.5);
    padding: 15px
}

#search-form div.form-item {
    display: inline-block
}

#search-form div.form-item input.form-text {
    padding-left: 8px
}

#search-form input.form-submit {
    margin-left: -5px
}

.search-form .search-advanced {
    display: none
}

.archive-section a {
    background: #0ccaab;
    color: #fff;
    padding: 0 6px;
    font-size: 14px;
    box-shadow: 1px 2px 1px 1px #37a793
}

.benchesaddress img {
    min-height: 560px
}

a.viewall {
    background: #3c3c3c;
    float: right;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: .85rem;
    margin-bottom: 6px;
    margin-right: 5px;
    margin-top: 5px
}

.bold-heding {
    font-family: 'robotoblack';
    font-size: .95rem;
    text-align: center
}

.light-heading {
    font-size: .95rem;
    text-align: center
}

.website a {
    color: #007bff
}

.telephone-directory-text-wraper {
    background: rgba(245,245,245,.5);
    padding: 15px;
    margin-bottom: 10px
}

.date-right span {
    font-size: .85rem;
    text-decoration: underline
}

.telephone-directory-text-wraper~.bold-heding {
    text-decoration: underline;
    font-size: 1.2rem
}

#node-746 .table-responsive {
    overflow-y: scroll;
    max-height: 400px
}

#node-746 .custm-tbl>thead>tr>th {
    padding: 8px;
    vertical-align: middle
}

.custm-tbl>tbody>tr>td.principal-tel-no,td.principal-tel-no {
    border-color: #000;
    background: #e2e2e2;
    padding: .75rem;
    font-size: 1rem;
    font-weight: 400
}

/* telephone directory */
.newsarea a.viewall {
    float: none;
    color: #fff
}

#iframe_a {
    width: 100%;
    height: 700px
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: green
}

.view-photo-gallery ul {
    width: 95%;
    margin: 0 auto
}

.view-photo-gallery ul li {
    display: inline-block;
    float: left;
    height: 180px;
    text-align: center;
    border: 1px solid #48c1a1;
    border-radius: 5px;
    margin: 0 5px;
    width: 31.33%;
    padding: 2%
}

.view-photo-gallery ul li a {
    display: block;
    color: rgb(0,0,0)
}

.view-photo-gallery ul li a img {
    margin-bottom: 15px;
    width: 80px;
    height: auto
}

.ekko-lightbox-nav-overlay {
    position: absolute;
    top: calc(+49%);
    width: 96%
}

.ekko-lightbox-nav-overlay a span {
    font-size: 1.5rem
}

.ekko-lightbox-nav-overlay a:first-child {
    left: 15px
}

.ekko-lightbox-nav-overlay a:last-child {
    right: 15px;
    float: right
}

.region.region-footer-link {
    margin: 13px 0px;
}

.region.region-footer-link {
    margin: 13px 0px;
}

.screen-reader a {
    color: #000 !important;
}

.col-md-9.ordersm1 .menucontainer {
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.views-field-field-start-date-of-latest-annou {
    width: 20%;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.carousel-item {
    max-height: 100%
}

a.matters {
    color: #000
}

#node-15 form .captcha {
    display: inline-block;
    width: 100%
}

.carousel-item img {
    height: 600px;
    object-fit: contain;
    background: #fff;
}

.carousel-control-next .fa, .carousel-control-prev .fa {
    color: #000;
}

@media (min-width: 1440px) {
    .naviarea li a, .navbar-expand-md .navbar-nav .nav-link {
        padding:0.3rem 1.3rem;
        font-size: 0.97rem
    }
}

@media (min-width: 1600px) {
    .naviarea li a, .navbar-expand-md .navbar-nav .nav-link {
        padding:0.3rem 1.9rem
    }

    body {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .ngt-wraper {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
    }

    .menucontainer-inner-page {
        height: 65vh;
    }

    .fixedcontainer .col-md-9 .menucontainer-inner-page {
        max-height: initial;
    }
}

@media (min-width: 1920px) {
    .naviarea li a, .navbar-expand-md .navbar-nav .nav-link {
        padding:0.3rem 2.8rem;
        font-size: 1.1rem
    }
}

@media (min-width: 1368px) {
    .footerarea {
        /* position:absolute; */bottom:-120px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .newsarea .tab-content {
        min-height:413px;
    }
}

@media (max-width: 1200px) {
    .naviarea li a, .navbar-expand-md .navbar-nav .nav-link {
        padding:0.3rem 0.6rem;
        font-size: 0.8rem
    }

    .footerquicklinks a {
        font-size: 0.95rem
    }

    .view-chairperson .view-content>.views-row {
        width: auto;
    }
}

@media (max-width: 992px) {
    .naviarea li a, .navbar-expand-md .navbar-nav .nav-link {
        font-size:0.65rem
    }

    .footerquicklinks a {
        margin-bottom: 10px;
        font-size: 0.75rem
    }

    .addres-sec address {
        font-size: 0.65rem
    }

    ul.innerul li a {
        font-size: 0.65rem
    }

    .view-chairperson .view-content>.views-row {
        width: 40%;
    }
}

@media (max-width: 800px) {
    .naviarea li a, .navbar-expand-md .navbar-nav .nav-link {
        font-size:0.5rem
    }

    ul.innerul li a,.searcharea label,.copyright, ul.flink li,.addres-sec address, .footerquicklinks a {
        font-size: 0.5rem
    }

    .innner-heding {
        font-size: 0.85rem
    }

    .logotext .headingtext {
        font-size: 1.1rem
    }

    ul.flink {
        margin: 0
    }
}

@media (max-width: 767px) {
    .navbar-toggler {
        right:0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: none;
        line-height: normal
    }

    button.navbar-toggler {
        height: auto;
        background: rgb(255,255,255);
        color: rgb(0,0,0);
        padding: 5px 10px;
        width: auto
    }

    .carousel-control-next, .carousel-control-prev {
        width: 16%
    }

    .tcenter {
        text-align: center!important
    }

    .menucontainer {
        margin-bottom: 15px
    }

    .logotext .headingtext {
        font-size: 1.45rem
    }

    .midarea {
        margin-top: 8px
    }

    ul.nice-menu-down li {
        display: block;
        width: 100%
    }

    .navbar-expand-md .navbar-nav .nav-link,.naviarea li a {
        font-size: .9rem
    }

    .navbar-nav li ul li {
        width: 100%
    }

    .ordersm1 {
        -webkit-box-ordinal-group: 2!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }

    .ordersm2 {
        -webkit-box-ordinal-group: 3!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }

    .ordersm3 {
        -webkit-box-ordinal-group: 4!important;
        -ms-flex-order: 3!important;
        order: 3!important
    }

    .view-chairperson .view-content>.views-row {
        width: auto;
    }

    ul.nice-menu li.menuparent ul, #header-region ul.nice-menu li.menuparent ul {
        width: 100%;
        overflow: visible !important;
    }

    ul.nice-menu-down li ul li ul {
        left: 0px;
        top: 30px !important;
    }

    .menucontainer #block-nice-menus-2 ul.nice-menu-right ul, .menucontainer #block-nice-menus-3 ul.nice-menu-right ul {
        left: 0px;
        top: 30px;
    }

    .menucontainer ul.nice-menu-left li, .menucontainer ul.nice-menu-right li {
        width: 100%;
        display: block;
        position: relative;
    }

    #node-236 .field-items img {
        width: 100%;
    }
}

@media (max-width: 740px) {
    li.searchsec input[type="search"] {
        max-width:32%
    }

    ul.innerul li a, .searcharea label, .copyright, ul.flink li, .addres-sec address, .footerquicklinks a {
        font-size: 0.37rem
    }

    ul.flink li {
        margin-right: 0
    }
}

@media (max-width: 600px) {
    ul.innerul li a, .searcharea label, .copyright, ul.flink li, .addres-sec address, .footerquicklinks a {
        font-size:0.85rem
    }

    ul.newsul li {
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .bannerslider, .newsarea {
        margin: 10px 15px
    }

    .tab-content a {
        font-size: 0.60rem;
        line-height: 0.1rem
    }

    ul.topmenu li {
        border-right: none
    }

    li.searchsec input[type="search"] {
        max-width: 45%;
        line-height: normal
    }

    .innner-heding {
        font-size: 0.9rem
    }

    p {
        font-size: 0.8rem
    }

    ul.innerul li a {
        width: 100%;
        display: block;
    }

    .menucontainer #block-nice-menus-2 ul.nice-menu-right ul {
        left: 0;
    }

    button.btn.btn-warning.btn-sm {
        margin-top: 16px;
    }
}

@media (max-width: 480px) {
    ul.topmenu li {
        padding:0 5px 0 5px;
        display: inline
    }

    .logo img {
        width: auto;
        max-height: 75px
    }

    .logotext .headingtext {
        font-size: 1.0rem;
        margin-top: 24px
    }

    .addres-sec address {
        font-size: 0.70rem
    }

    ul.innerul li a {
    }

    .copyright {
        font-size: 0.65rem
    }

    .searchsec .form-text {
        width: 76%;
    }

    ul.language-switcher-locale-url {
        margin-top: 12px;
    }

    .view-members .view-content>.views-row, .view-registry .view-content>.views-row {
        width: 73%;
    }
}
}

@media (max-width: 320px) {
    .logo img {
        max-height:38px
    }

    ul.flink li {
        margin: 0 2px
    }

    ul.innerul li a,.searcharea label,.addres-sec address {
        font-size: 0.70rem
    }

    .footerquicklinks a {
        font-size: 0.80rem
    }

    ul.innerul li a {
        font-size: 0.85rem;
        width: 100%;
        display: block;
    }

    .logotext .headingtext {
        font-size: 0.78rem
    }
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -webkit-text-fill-color: #000!important;
    border: 1px solid #ced4da!important;
}

.block-nice-menus {
    z-index: inherit !important;
}


ul.topmenu {
    margin-bottom: 0px;
}


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", serif; 
}
 
.top-nav {
    background-color: #3E4B3A;
}
.logo-top-nav{
    background-color: #032e58;
}
.danger-bg{
    color: #fff;
    background-color: #3E4B3A; 
}

h1,
h2,
h3,
h4,
h5,
h5,
h6 {
    font-weight: 600 !important;
}



  .update-buttons {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
  }

  .update-buttons::-webkit-scrollbar {
    height: 5px; 
  } 

  .update-buttons::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
  }

  .update-buttons .tab-btn {
    flex: 0 0 auto;
    padding: 10px 15px;
   
    border: none;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 5px;
    white-space: nowrap;
  }

  .update-buttons .tab-btn.active {
    background: #374550;
    color: #fff;
  }

  .update-buttons .content-wrapper {
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 10px;
  }

.circle {
    width: 35px;
    height: 35px;
    line-height: 11px;
    text-align: center;
}

.bg-red {
    background-color: #9B8154 !important;

}

.same-btn{
    background-color: #3E4B3A;
    color: #fff;
    padding: 8px;
    border-radius: 12px;
}

.bg-blue {
    background: #032e58;
}

.bg-blue {
    background: linear-gradient(90deg, #032e58 0%, #032e58 50%, #032e58 100%);
}

.color-red {
    color: #661B16;
    font-weight: 600;
}
.modal-body img{
    width: 100%;
    height: 18rem;
}
.text-suffron{
    color: #661B16;
    font-weight: 600;
    font-size: 20px;
}
.bg-saffron{
    background-color: #661B16;
}


.nav-item a {
    font-size: 14px;
    font-weight: 600;
}
.nav-all-logo img{
    width: 70px;
    object-fit: contain;
}

.abs-text {
    position: absolute;
    top: 0;
    background-color: #fd0503;
    left: 40%;
    padding: 3px 30px;
    border-radius: 0px 0px 10px 10px;
    color: white;
    font-weight: 600;
}
.slick-slide img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.relative {
    position: relative !important;
}
.breadcrum {
    background-image: url(../images/bredcrum.webp);
    background-size: cover;
}

.tabs {
    display: flex;
    margin-bottom: 10px;
}

.tab-button {
    padding: 5px 25px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    margin-right: 5px;
    border-radius: 5px;
}

.tab-button:hover {
    background-color: #ddd;
}

.tab-button.active {
    background-color: #fd0503;
    /* Active button color */
    color: white;
    /* Change text color of active button */
}

.tab-content {
    display: flex;
    flex-direction: column;
}

.tab-panel {
    display: none;
    /* Hide all panels initially */
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 5px;
}

.tab-panel.active {
    display: block;
    /* Only the active panel will be displayed */
}

.play-abs {
    position: absolute;
    top: 50%;
    left: 50%;
}

.play-abs i {
    font-size: 50px;
    background-color: #fd0503;
    color: white;
    padding: 21px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 30px;
}

.abs-video {
    position: absolute;
    bottom: -30px;
    left: 50%;
    background-color: #00007e;
    left: 40%;
    padding: 3px 30px;
    border-radius: 0px 0px 10px 10px;
    color: white;
    font-weight: 600;
}

footer h4 {
    color: #fff;
    font-size: 20px;
}

footer ul {
    padding: 0 !important;
}

a {
    text-decoration: none !important;
}

footer ul li {
    list-style: none;
    margin-top: 13px;
    display: inline-block;
    border-right: 2px solid #ffffff47;
    padding-right: 10px;
    padding-left: 10px;
}

footer ul li:last-child {
    border: 0;
}

footer ul li a {
    color: white;
    font-size: 15px;
}

select:focus,
select:active,
input:focus,
input:active {
    outline: none;
}
 
 
.footer-img img {
    object-fit: contain;
    width: 100%;
    height: 8rem;
}

/* Responsive */
@media screen and (max-width: 1024px) {
    .nav-item a {
        font-size: 15px;
        font-weight: 600;
        border-bottom:1px solid #ddd;
    }

    .home-banner img {
        height: auto;
        object-fit: cover;
    }

    .top-socail {
        justify-content: center;
        margin: 0 auto;
        margin-top: 10px;
    }

    .logo-right{
        margin: 0 auto;
    }
}


@media screen and(max-width:375px){
    .flexwrap{
        flex-wrap: wrap;
    }
    
    .text-size{
        font-size:15px;
    }
}

.VIpgJd-ZVi9od-ORHb-OEVmcd, .goog-te-gadget img{
    display: none;
}

body{
    top: 0 !important;
}

.goog-te-gadget-simple{
    background-color: #ffffff !important;
    color: white !important;
    border: none !important;
    margin-top: 7px;
    padding: 10px 20px;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{
    color: rgb(0, 0, 0) !important;
}

.add-poster img{
    width: 100%;
    height: 18rem;
    object-fit: cover;
}

/* TOP NAV BOX  */
#top-nav-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    padding: 40px 20px;
    background-color: #00000000;
}

.case-box {
    width: 150px;
    height: 150px;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #032e58;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease-in-out;
    text-decoration: none;
    color: inherit;
    border-radius: 50%;
}
.case-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.case-box i {
    font-size: 40px;
    color: #fff;
}
.case-box h5 {
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
    color:#fff;
}

.banner-notification{
    background-color: #ffffff4d;
    color: #000;
}
.banner-notification a{
   color:#ffff;
    
}
.slick-prev:before, .slick-next:before{
    display: none;
}

  #aft-history {
      padding: 3rem 0rem;
      background-color: #ddd;
    }

    .aft-history-img img {
      width: 100%;
      height: 100%;
    }

    .vacancies-list {

      overflow: hidden;
      position: relative;
      background: #ebebeb;
      color: #000000;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }
    .side-nav-container {
        position: sticky;
        top: 10px;  /* Adjust as needed */
        z-index: 1000;
        padding: 1rem;
    }
    .vacancy-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px;
      border-bottom: 2px solid #9B8154;
      animation: scrollUp 6s infinite linear;
    }


    .vacancies-hed {
      padding: 12px 25px;
      border-radius: 8px;
      color: #fff;
      background-color: #3E4B3A;
      text-align: center;
      margin:0rem 0rem 1rem 0rem;
    }

    .vacancies-listing marquee {
      height: 400px;

    }

    .vacancies-listing {
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .contact-box {
      background: #fff;
      padding: 15px;
      height: 100%;
      border-radius: 8px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    }
    .contact-header{
        display:flex;
        gap:1rem;
        margin-bottom:6px;
    }

    .contact-box i {
      font-size: 17px;
      color: #fff;
      padding:12px;
      background:#3E4B3A;
      border-radius:50%;
      margin-bottom: 10px;
    }

    .contact-box h5 {
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: bold;
    }

    .contact-box p {
      margin: 0;
      font-size: 14px;
    }

  
    .circle-btn a{
      padding: 12px 18px;
      border-radius: 5px;
      text-decoration: none;
      color: #fff;
      background-color: #9B8154;
      text-align: center;
    }
    .members-section {
        background-color: #d1fff3;
        padding: 40px 0;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    
    .members-container {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
        width: max-content;
        animation: scrollLeft 15s linear infinite;
        justify-content: center;
        width: 100%;
    }
    
    .members-container:hover {
        animation-play-state: paused;
    }
    
    /* @keyframes scrollLeft {
        from {
            transform: translateX(100%);
        }
        to {
            transform: translateX(-100%);
        }
    } */
    
    .profile-card {
        background: #032e58;
        padding: 0px;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        text-align: center;
        transition: transform 0.3s ease-in-out;
        width: 100%;
        height: 300px;
        display: flex ;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 40px;
    }
    
    .profile-card:hover {
        transform: scale(1.05);
    }
    .profile-card img {
        width: 150px!important;
        height: 150px;
        object-fit: contain;
        background: #fff;
        margin-bottom: 15px;
        border: 3px solid #004e9b;
        border-radius: 50%;
    }
    .profile-card .card-footer {
        background: #ffffff;
        padding: 1rem;
        color:#004e9b;
        border-radius: 12px !important;
    }
    .profile-card .card-footer a {
        color: #0a382c;
        font-weight: 600;
    }
    
    .daily-updates {
        padding: 0px 20px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        height: 100%;
        background: #e1f0ff;
    }
        .update-buttons {
            display: flex;
            justify-content: start;
            gap: 10px;
            margin-bottom: 8px;
            overflow: hidden;
    overflow-x: auto;
        } 
        .tab-btn {
            padding: 8px;
            border: none;
            background-color: #9B8154;
            color: white;
            font-size: 14px;
            border-radius: 8px;
            cursor: pointer;
            transition: background 0.3s ease, transform 0.2s ease;
        }
        .tab-btn.active {
            background-color: #3E4B3A;
            transform: scale(1.05);
        }
        .content-wrapper {
            font-size: 18px;
            color: #333;
        }
        .content-wrapper ul li{
          margin-bottom: 8px;
          font-size: 15px;
        }
     
        #hone-links{
          padding: 1rem 0rem 3rem 0rem;
        }
        .all-session, .all-image {
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            padding: 1rem;
            height: 100%;
            background: #e1f0ff;
            border-radius: 10px;
        }
        .aaa {
            height: 300px;
            overflow-y: scroll;
        }

        @media(max-width:768px){
          .nav-all-logo img {
    width: 40px;
    object-fit: contain;
}
.nav-logo-name{
  font-size: 16px;
}

.profile-card{
  width: 100%;
}
.profile-card img {
    width: 230px;
    height: 180px;
}
.footer-tag-line{
  font-size: 11px;
}
.footer-img img {
    object-fit: contain;
    width: 100%;
    height: 4rem;
}
.case-box{
  width: 160px;
}
.tab-btn{
    padding: 12px;
    font-size: 11px;
  }
  .daily-updates {
padding: 15px;
}
.profile-card img {
width: 214px;
height: 214px;
}

        }



 /* e-filling css         */
 #e-filling{
    background: #ddd;
     
     padding: 3rem 0rem;
   }
   .e-side-img img{
       height: 16rem;
       object-fit: contain;
   }
   .forgot-link {
       text-align: right;
       display: block;
       font-size: 0.9rem;
       color: #B24A3B;
       margin-top: 0.5rem;
   }
   .forgot-link:hover {
       text-decoration: underline;
   }
  /* e-filling css end         */

   /* case-study css end         */
   #case-status {
    padding: 3rem 0rem;
}


.case-status-btn .case-type-btn.active {
    background-color: #661B16;
    color: #fff;
    position: relative;

}
.case-type-btn.active:after {
position: absolute;
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 10px solid #661B16;
right: 50%;
left: 43%;
bottom: -13px;
}

.case-status-btn .case-type-btn {
    background-color: #9B8154;
    color: #fff;
    padding: 12px 1.5rem;
}

.case-status-btn  .case-type-btn:hover {
    background-color: #661B16;
    color: #fff;
}

.case-status-btn .tab-content {
    display: none;
}

.case-status-btn  .tab-content.active {
    display: block;
}
    /* case-study css end         */



    /* gallery image css  */
    .case-status-btn{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    } 
    
    #image-gallery{
        padding: 3rem 0rem;
    }
    
/*    .image-gallery {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
/*    gap: 15px;*/
/*    padding: 20px;*/
/*}*/
    .image-gallery {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.gallery-item {
    width:100%;
    /*height: 200px;*/
    /*object-fit: cover;*/
    object-fit: fill;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

.gallery-item:hover {
    transform: scale(1.05);
}
 
@media (max-width: 768px) {
    .image-gallery {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

/* gallery image css end  */


/* news update css  */
#news-update{
    padding: 3rem 0rem;
  }
  .update-list ul li{
    margin-bottom: 8px;
    font-size: 13px; 
    list-style: none;
  }
  .news-container img{
    height: 9rem;
  }
  
  .news-ul-list {
    margin: 0px 0px 8px -18px;
    padding: 11px 30px;
  }

  /* news update css end  */

  /* member details  */

  #member-detail {
      padding: 50px 0;
      background-color: #f8f9fa;
  }

  .member-box {
      transition: all 0.3s ease-in-out;
  }

  .member-box:hover {
      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  }

  .member-image img {
      width: 100%;
      max-height: 250px;
      object-fit: contain;
      border-radius: 8px;
  }

  .member-des h4 {
      font-size: 20px;
      font-weight: bold;
      color: #374550;
  }

  .member-description {
      margin-top: 30px;
      background: #fff;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  }

  .member-description ul {
      list-style-type: none;
      padding: 0;
  }

  .member-description li {
      position: relative;
      padding-left: 20px;
      margin-bottom: 15px;
      font-size: 16px;
      color: #333;
      line-height: 1.6;
      text-align: justify;
  }

  .member-description li::before {
      content: "✔";
      position: absolute;
      left: 0;
      top: 3px;
      color: #F68C20;
      font-size: 18px;
  }

  @media (max-width: 768px) {
      .member-image-box {
          text-align: center;
      }

      .member-box {
          margin: 0 auto;
      }

      .member-des h4 {
          font-size: 18px;
      }
  }



  
/* member details end  */

/* acts and rule  */
#acts-rule {
    padding: 3rem 0;
    background: #f4f6f9; 
}

.side-nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.side-nav .acts-rule-btn {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    text-align: left;
    border: none; 
    background: #e9ecef;
    color: #333;
    font-weight: 600; 
    transition: 0.3s;
    border-radius: 5px;
}

.side-nav .acts-rule-btn:hover, 
.side-nav .acts-rule-btn.active {
    background: #9B8154;
    color: #fff;
}
 
.rules-details {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /*height: 509px;*/
}
.three-logo img{
    width: 2.5rem;
}
/* acts and rule css end  */
.carousel-fade .carousel-item img{
        height: 780px;
}

@media(max-width:768px){
    .members-container {
        padding: 12px;
        display: flex;
        flex-direction: column;
    }
    .profile-card img {
        width: 150px;
        height: 150px;
    }
    .more-news-btn{
        width: 10rem !important;
    }
    .side-nav-container {
        position: relative !important;

    }
}