html, body {
margin: 0;
padding: 0;
margin-top: 0;
}
html {
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
/* menu toggler bar */
.navbar-toggler{
display: none;
}
.navbar {
margin: 0 !important;
padding: 0;
}
/* Main headings css */
h1.headcolor {
text-align: center;
padding: 10px;
font-size: 27px;
border: 4px solid black;
border-radius: 25px;
margin: 10px;
}
.new-blink{
font-size: 14px;
color: red;
font-weight: bold;
animation: blink 1s step-start 0s infinite;
}
/* notices blink */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.blink-red {
color: red !important;
animation: blinkText 1s infinite;
font-weight: bold;
}
@keyframes blinkText {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.noticeblink{
color: yellow;
background-color: red; /* Highlight background */
padding: 5px; /* Space around the text to make the highlight more noticeable */
animation: blink 2s infinite; /* Blinking animation */
border: 4px solid black;
border-radius: 25px;
margin: 10px;
text-align: center;
font-size: 27px;
}
/* RTS Blink Effects */
.rtsblink{
background-color: #4b7d56 !important; /* Highlight background */
animation: blink 2s infinite; /* Blinking animation */
}
.text1{
font-size: 14px;
font-weight: bold;
color: yellow;
}
/* Floating social media css starts */
.float-icons {
position: fixed;
right: 0;
top: 30%;
width: 40px;
overflow: hidden;
z-index: 99999;
transform-origin: 0px 0px 0px;
vertical-align: bottom;
}
.fl-fl {
text-transform: uppercase;
letter-spacing: 3px;
padding: 4px;
width: 50px;
height: 40px;
position: fixed;
right: -15px;
z-index: 1000;
border-radius: 5px 0 0 5px;
font: normal normal 10px Arial;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.fa-brands,
.fab {
font-weight: 400;
font-size: 22px;
}
.fl-fl .fab {
padding-left: 5px;
}
.fl-fl .fa-facebook-f {
padding-left: 8px;
}
.fl-fl .fa {
font-size: 20px;
color: #fff;
padding: 10px 0;
width: 40px;
margin-left: 8px;
}
.fl-fl:hover {
right: 0;
}
.fl-fl i {
color: #fff;
padding-top: 10px;
}
.fl-fl a {
color: #fff !important;
text-decoration: none;
text-align: center;
line-height: 43px !important;
vertical-align: top !important;
}
.float-fb {
top: 160px;
background-color: #305891;
}
.float-tw {
top: 212px;
background-color: #3AAFD6;
}
.float-ig {
top: 265px;
background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7)
/*background-color: #c13b94;*/
}
.float-lik {
top: 317px;
background-color: #0A66C2;
}
.float-yt {
top: 369px;
background-color: red;
}
/* Floating Social media css ends */
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: black;
}
.nav-link {
color: rgb(0 0 0);
font-weight: 500;
font-size: 18px;
}
.nav-link:focus,
.nav-link:hover {
background: #377a9d;
color: #fff;
}
img.bmcLoGoimg {
height: 110px;
width: 700px;
}
h2.welcomeHead {
margin: 0;
margin-right: auto;
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: bold;
border: none;
flex: 1 1 280px;
line-height: 1.3;
}
div#navbarNav {
margin-left: 12px;
font-weight: bold;
font-size: medium;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 0;
white-space: nowrap;
}
/* Blinking effect */
.blinking {
animation: blink-animation 2s steps(2, start) infinite;
color: #f5e942;
background-color: #ff0000;
font-weight: bolder;
font-size: 16px;
}
@keyframes blink-animation {
from,
to {
opacity: 1;
}
50% {
opacity: 0;
}
}
.search-container {
display: flex;
align-items: center;
width: auto;
max-width: 420px;
margin: 0;
flex: 0 1 100%;
}
.search-container input[type="text"] {
width: 100%;
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
}
.search-container button {
padding: 6px 6px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 16px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0;
display: flex;
align-items: center;
gap: 6px;
flex: 0 1 140px;
}
.gtranslate_wrapper select {
padding: 3px;
border-radius: 4px;
color: black;
min-width: 0;
width: 100%;
}
.main-heading .election-pill-wrap {
margin: 0;
}
.main-heading .phone-number,
.main-heading .search-container,
.main-heading .election-pill-wrap,
.main-heading .gtranslate_wrapper {
flex: 0 0 auto;
}
.main-heading .search-container {
flex: 0 1 260px;
}
.nav-item.dropdown:hover .dropdown-menu {
display: block;
/* Show dropdown on hover */
}
ul.navbar-nav {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
padding: 0;
}
li.nav-item {
margin: 4px 0;
}
.navbar-nav .nav-link {
padding: 6px 12px;
line-height: 1.2;
}
li.nav-item:hover {
color: #fff;
}
/* Tabs section */
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 20%;
gap: 10px;
margin-left: 50px;
}
.tab-item {
display: flex;
align-items: center;
padding: 15px;
background-color: #f2f2f2;
border-radius: 10px;
margin-bottom: 15px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tab-item:hover {
background-color: #3d10df;
/* Change background color on hover */
color: white;
}
.icon {
margin-right: 15px;
}
.icon img {
width: 30px;
height: 30px;
}
.text {
font-size: 18px;
font-weight: bold;
color: black;
}
.tab-item:hover .text {
color: white;
}
/* Sub-tabs styling */
.sub-tabs {
display: none;
/* Initially hidden */
flex-direction: column;
margin-left: 20px;
}
.sub-tab-item {
padding: 10px;
background-color: #e6e6e6;
margin: 5px 0;
border-radius: 8px;
text-decoration: none;
color: black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sub-tab-item:hover {
background-color: #4CAF50;
color: white;
}
/* carousel section */
.containerboxfirst {
display: flex;
height: 640px;
background-color: #054769;
}
div#myCarousel {
position: relative;
width: 800px;
/* Fixed width */
height: 520px;
/* Fixed height */
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
top: 60px;
left: 500px;
background-color: #054769;
}
div#carouselImages {
margin-left: 70px;
}
.carousel-inner {
width: 600px;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 520px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
/* Customizing the carousel control buttons */
.carousel-control-prev {
left: -20px;
}
.carousel-control-next {
right: -20px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
color: rgb(0, 0, 0);
/* Add a background color to icons */
padding: 13px;
}
/* Customizing indicators (optional) */
.carousel-indicators li {
background-color: #000;
/* Dark indicators */
}
/* news slider css */
.news-ticker {
background-color: #333;
color: white;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding: 10px 0;
}
.ticker-wrapper {
display: inline-block;
white-space: nowrap;
animation: ticker 25s linear infinite;
}
.ticker-item {
display: inline-block;
padding: 0 2em;
}
@keyframes ticker {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
/* Media Query for Smaller Devices */
/* Notice and Public appeal starts */
.mbr-section {
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 30px;
background-color: #054769;
}
.noticetab {
display: flex;
margin-left: -320px;
}
.noticeUp {
margin-right: 30px;
width: 1000px;
}
.noticetab td {
padding-top: 0;
}
.noticetab h2 {
font-size: 30px;
}
.noticeLink a.a_anno {
color: black;
font-size: 18px;
}
ul.noticeLink {
list-style-type: disclosure-closed;
}
.noticeLink .a_anno {
line-height: 2.5;
}
.publicAppeal.col-md-4.col-sm-4.col-xs-12 {
width: 800px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.publicAppeal {
width: 700px;
margin-right: -450px;
}
.publicAppeal h2 {
padding-top: 15px;
}
div#imageCarousel {
justify-items: end;
}
img.imgpublic {
width: 380px;
height: 210px;
}
.appealLink a.a_anno {
color: black;
text-decoration: none;
}
.viewMoreBtn {
padding: 5px;
background: #cfa877;
margin-left: 160px;
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
/* Notice and Public appeal section ends */
/* Flagship Yojana section starts */
.col-lg-3 {
width: 25%;
position: absolute;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3 {
width: 25%;
float: left;
}
.col-lg-3 .col-md-3 .col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-6 {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 15px;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 350px;
height: 400px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 20px;
}
.cardflagship:hover {
box-shadow: 0 6px 26px rgb(255 0 12 / 69%);
}
.cardflagship img {
width: 100%;
height: 270px;
}
.cardflag-content {
padding: 16px;
}
.cardflag-content h3 {
font-size: 20px;
text-align: center;
}
.cardflag-content p {
font-size: 15px;
}
.viewBtn {
display: inline-block;
padding: 8px 16px;
background-color: #a683d5;
text-decoration: none;
border-radius: 4px;
margin-top: 16px;
color: #000;
margin-left: 120px;
}
.viewBtn:hover {
color: #fff;
background-color: #3AAFD6;
text-decoration: none;
transition: 0.2s ease-in-out;
}
/* Flagship Yojana Ends */
/* Foolow us Social Media Container starts*/
.social-media-container {
display: flex;
flex-wrap: nowrap;
margin-top: -24px;
gap: 20px;
padding: 20px;
justify-content: center;
background-color: #d0e9f7;
background-color: #054769;
}
/* Individual embed container */
.social-media-embed {
flex: 1;
max-width: 20%;
/* Ensure each embed fits within the container */
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 10px;
box-sizing: border-box;
}
.social-media-embed h2 {
margin-top: 0;
font-size: 18px;
color: #333;
}
/* Instagram specific styling */
.instagram-media {
width: 100% !important;
height: auto !important;
}
.fb-page fb_iframe_widget {
width: 200px;
height: 200px;
}
.social-media-container {
height: 400px;
}
.qlheading {
text-align: center;
/* background-image: url('BGImages/BG1.avif'); */
}
/* Follow Us Social Page section ends */
/* Important Links Section Start */
.bbb_main_container {
padding: 10px;
background-color: #fff;
}
.bbb_viewed_image img {
max-width: 100%;
height: auto;
}
.bbb_viewed_image{
width: 180px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 10px;
}
.bbb_viewed_item {
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease;
}
.bbb_viewed_item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: scale(1.05);
}
.bbb_viewed_slider .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
}
.bbb_viewed_slider .owl-nav button {
background-color: #000;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
}
.bbb_viewed_slider .owl-nav button:hover {
opacity: 1;
}
/* Important Links Section Ends */
/* Footer css starts */
.footerBg {
background-color: #02679b;
padding: 20px 0;
color: white;
}
.footerNav {
display: flex;
justify-content: center;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
footer .footerLink {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
a.mn1 {
padding: 10px;
}
a.mn1:hover {
background: #3493c5;
}
footer .footerLink a {
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
footer .footerLink a:hover {
color: #ddd;
}
footer p {
margin: 15px 0;
font-size: 14px;
text-align: center;
}
.footerContainer {
text-align: center;
margin-top: 10px;
}
.socialSize {
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
letter-spacing: 10px;
}
.socialLogo {
color: white;
padding: 0 10px;
transition: color 0.3s;
}
.socialLogo:hover {
color: #c78e8e;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 0 !important;
}
/* Footer css ends */
/* Media queryyy */
@media (max-width: 1580px) {
.navbar-toggler{
display: none;
}
.navbar {
margin: 0 !important;
padding: 0;
}
/* Main headings css */
h1.headcolor {
text-align: center;
padding: 10px;
font-size: 27px;
border: 4px solid black;
border-radius: 25px;
margin: 10px;
}
/* notices blink */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.noticeblink{
color: yellow;
background-color: red; /* Highlight background */
padding: 5px; /* Space around the text to make the highlight more noticeable */
animation: blink 2s infinite; /* Blinking animation */
border: 4px solid black;
border-radius: 25px;
margin: 10px;
text-align: center;
font-size: 27px;
}
/* Floating social media css starts */
.float-icons {
position: fixed;
right: 0;
top: 30%;
width: 50px;
z-index: 99999;
display: flex;
flex-direction: column;
gap: 12px; /* space between icons */
}
.fl-fl {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: all .25s ease;
}
.fl-fl:hover {
transform: translateX(-8px); /* slide left a bit on hover */
}
/* Remove background colors */
.float-fb,
.float-tw,
.float-ig,
.float-lik,
.float-yt {
background: none !important;
}
/* Make sure images fit nicely */
.fl-fl img.social-icon {
width: 32px;
height: 32px;
display: block;
}
/* Floating Social media css ends */
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: black;
}
.nav-link {
color: rgb(0 0 0);
font-weight: 500;
font-size: 16px;
}
.nav-link:focus,
.nav-link:hover {
background: #377a9d;
color: #fff;
}
.main-heading {
display: flex;
justify-content: space-between;
background-color: #02679b;
padding: 10px 20px;
}
h2.welcomeHead {
margin: 0;
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: bold;
border: none;
}
div#navbarNav {
margin-left: 45px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
}
/* Blinking effect */
.blinking {
animation: blink-animation 2s steps(2, start) infinite;
color: #f5e942;
background-color: #ff0000;
font-weight: bolder;
font-size: 20px;
}
@keyframes blink-animation {
from,
to {
opacity: 1;
}
50% {
opacity: 0;
}
}
.search-container {
display: flex;
align-items: center;
width: 250px;
max-width: 500px;
margin: 0 auto;
}
.search-container input[type="text"] {
width: 250px;
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
}
.search-container button {
padding: 6px 6px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 16px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 15px;
}
.gtranslate_wrapper select {
padding: 3px;
border-radius: 4px;
color: black;
}
.nav-item.dropdown:hover .dropdown-menu {
display: block;
/* Show dropdown on hover */
}
li.nav-item {
margin: 6px;
margin-left: 6px;
}
li.nav-item:hover {
color: #fff;
}
img.bmcLoGoimg {
width: 500px;
}
/* Tabs section */
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 20%;
gap: 4px;
margin-left: 50px;
}
.tab-item {
display: flex;
align-items: center;
padding: 9px;
background-color: #f2f2f2;
border-radius: 10px;
margin-bottom: 5px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tab-item:hover {
background-color: #3d10df;
/* Change background color on hover */
color: white;
}
.icon {
margin-right: 15px;
}
.icon img {
width: 30px;
height: 30px;
}
.text {
font-size: 15px;
font-weight: bold;
color: black;
}
.tab-item:hover .text {
color: white;
}
/* Sub-tabs styling */
.sub-tabs {
display: none;
/* Initially hidden */
flex-direction: column;
margin-left: 20px;
}
.sub-tab-item {
padding: 10px;
background-color: #e6e6e6;
margin: 5px 0;
border-radius: 8px;
text-decoration: none;
color: black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sub-tab-item:hover {
background-color: #4CAF50;
color: white;
}
/* carousel section */
.containerboxfirst {
height: 460px;
display: flex;
background-color: #054769;
}
div#myCarousel {
position: relative;
width: 750px;
height: 390px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
top: 40px;
left: 250px;
background-color: #054769;
}
div#carouselImages {
margin-left: 70px;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 400px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
/* Customizing the carousel control buttons */
.carousel-control-prev {
left: -20px;
}
.carousel-control-next {
right: -20px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
color: rgb(0, 0, 0);
/* Add a background color to icons */
padding: 13px;
}
/* Customizing indicators (optional) */
.carousel-indicators li {
background-color: #000;
/* Dark indicators */
}
/* news slider css */
.news-ticker {
background-color: #333;
color: white;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding: 10px 0;
}
.ticker-wrapper {
display: inline-block;
white-space: nowrap;
animation: ticker 25s linear infinite;
}
.ticker-item {
display: inline-block;
padding: 0 2em;
}
@keyframes ticker {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
/* Media Query for Smaller Devices */
/* Notice and Public appeal starts */
.mbr-section {
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 30px;
background-color: #054769;
}
.noticetab {
display: flex;
margin-left: -90px;
}
.noticeUp {
margin-right: 30px;
width: 1000px;
}
.noticetab td {
padding-top: 0;
}
.noticetab h2 {
font-size: 30px;
}
.noticeLink a.a_anno {
color: black;
font-size: 18px;
}
ul.noticeLink {
list-style-type: disclosure-closed;
}
.noticeLink .a_anno {
line-height: 2.5;
}
.publicAppeal.col-md-4.col-sm-4.col-xs-12 {
width: 800px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.publicAppeal {
width: 500px;
margin-right: -90px;
}
.publicAppeal h2 {
padding-top: 15px;
}
img.imgpublic {
width: 380px;
height: 210px;
}
.appealLink a.a_anno {
color: black;
text-decoration: none;
}
.viewMoreBtn {
padding: 5px;
background: #cfa877;
margin-left: 160px;
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
/* Notice and Public appeal section ends */
/* Flagship Yojana section starts */
.col-lg-3 {
width: 25%;
position: absolute;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3 {
width: 25%;
float: left;
}
.col-lg-3 .col-md-3 .col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-6 {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 15px;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 280px;
height: 380px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 20px;
}
.cardflagship:hover {
box-shadow: 0 6px 26px rgb(255 0 12 / 69%);
}
.cardflagship img {
width: 100%;
height: 250px;
}
.cardflag-content {
padding: 16px;
}
.cardflag-content h3 {
font-size: 20px;
text-align: center;
}
.cardflag-content p {
font-size: 15px;
}
.viewBtn {
display: inline-block;
padding: 8px 16px;
background-color: #a683d5;
text-decoration: none;
border-radius: 4px;
margin-top: 16px;
color: #000;
margin-left: 70px;
}
.viewBtn:hover {
color: #fff;
background-color: #3AAFD6;
text-decoration: none;
transition: 0.2s ease-in-out;
}
/* Flagship Yojana Ends */
/* Foolow us Social Media Container starts*/
.social-media-container {
display: flex;
flex-wrap: nowrap;
margin-top: -24px;
gap: 20px;
padding: 20px;
justify-content: center;
background-color: #d0e9f7;
background-color: #054769;
}
/* Individual embed container */
.social-media-embed {
flex: 1;
max-width: 20%;
/* Ensure each embed fits within the container */
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 10px;
box-sizing: border-box;
}
.social-media-embed h2 {
margin-top: 0;
font-size: 18px;
color: #333;
}
/* Instagram specific styling */
.instagram-media {
width: 100% !important;
height: auto !important;
}
.fb-page fb_iframe_widget {
width: 200px;
height: 200px;
}
.social-media-container {
height: 400px;
}
.qlheading {
text-align: center;
/* background-image: url('BGImages/BG1.avif'); */
}
/* Follow Us Social Page section ends */
/* Important Links Section Start */
.bbb_main_container {
padding: 20px;
background-color: #fff;
}
.bbb_viewed_image img {
max-width: 100%;
height: auto;
}
.bbb_viewed_image{
width: 130px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 10px;
}
.bbb_viewed_item {
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease;
}
.bbb_viewed_item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: scale(1.05);
}
.bbb_viewed_slider .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
}
.bbb_viewed_slider .owl-nav button {
background-color: #000;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
}
.bbb_viewed_slider .owl-nav button:hover {
opacity: 1;
}
/* Important Links Section Ends */
/* Footer css starts */
.footerBg {
background-color: #02679b;
padding: 20px 0;
color: white;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
footer .footerLink {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
a.mn1 {
padding: 10px;
}
a.mn1:hover {
background: #3493c5;
}
footer .footerLink a {
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
footer .footerLink a:hover {
color: #ddd;
}
footer p {
margin: 15px 0;
font-size: 14px;
text-align: center;
}
.footerContainer {
text-align: center;
margin-top: 10px;
}
.socialSize {
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
letter-spacing: 10px;
}
.socialLogo {
color: white;
padding: 0 10px;
transition: color 0.3s;
}
.socialLogo:hover {
color: #c78e8e;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 0 !important;
}
}
/* Media Query for acer Desktop */
@media (max-width: 1500px) {
.navbar-toggler{
display: none;
}
.navbar {
margin: 0 !important;
padding: 0;
}
/* Main headings css */
h1.headcolor {
text-align: center;
padding: 10px;
font-size: 27px;
border: 4px solid black;
border-radius: 25px;
margin: 10px;
}
/* notices blink */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.noticeblink{
color: yellow;
background-color: red; /* Highlight background */
padding: 5px; /* Space around the text to make the highlight more noticeable */
animation: blink 2s infinite; /* Blinking animation */
border: 4px solid black;
border-radius: 25px;
margin: 10px;
text-align: center;
font-size: 27px;
}
/* Floating social media css starts */
.float-icons {
position: fixed;
right: 0;
top: 30%;
width: 40px;
overflow: hidden;
z-index: 99999;
transform-origin: 0px 0px 0px;
vertical-align: bottom;
}
.fl-fl {
text-transform: uppercase;
letter-spacing: 3px;
padding: 4px;
width: 50px;
height: 40px;
position: fixed;
right: -15px;
z-index: 1000;
border-radius: 5px 0 0 5px;
font: normal normal 10px Arial;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.fa-brands,
.fab {
font-weight: 400;
font-size: 22px;
}
.fl-fl .fab {
padding-left: 5px;
}
.fl-fl .fa-facebook-f {
padding-left: 8px;
}
.fl-fl .fa {
font-size: 20px;
color: #fff;
padding: 10px 0;
width: 40px;
margin-left: 8px;
}
.fl-fl:hover {
right: 0;
}
.fl-fl i {
color: #fff;
padding-top: 10px;
}
.fl-fl a {
color: #fff !important;
text-decoration: none;
text-align: center;
line-height: 43px !important;
vertical-align: top !important;
}
.float-fb {
top: 160px;
background-color: #305891;
}
.float-tw {
top: 212px;
background-color: #3AAFD6;
}
.float-ig {
top: 265px;
background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7)
/*background-color: #c13b94;*/
}
.float-lik {
top: 317px;
background-color: #0A66C2;
}
.float-yt {
top: 369px;
background-color: red;
}
/* Floating Social media css ends */
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: black;
}
.nav-link {
color: rgb(0 0 0);
font-weight: 500;
font-size: 15px;
}
a.nav-link {
padding-right: 0px !important;
}
.nav-link:focus,
.nav-link:hover {
background: #377a9d;
color: #fff;
}
.main-heading {
display: flex;
justify-content: space-between;
background-color: #02679b;
padding: 10px 20px;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: bold;
border: none;
}
div#navbarNav {
margin-left: 40px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
}
/* Blinking effect */
.blinking {
animation: blink-animation 2s steps(2, start) infinite;
color: #f5e942;
background-color: #ff0000;
font-weight: 20px;
font-size: medium;
}
@keyframes blink-animation {
from,
to {
opacity: 1;
}
50% {
opacity: 0;
}
}
.search-container {
display: flex;
align-items: center;
width: 250px;
max-width: 500px;
margin: 0 auto;
}
.search-container input[type="text"] {
width: 250px;
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
}
.search-container button {
padding: 6px 6px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 16px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 15px;
}
.gtranslate_wrapper select {
padding: 3px;
border-radius: 4px;
color: black;
}
.nav-item.dropdown:hover .dropdown-menu {
display: block;
/* Show dropdown on hover */
}
li.nav-item {
margin: 6px;
margin-left: 6px;
}
li.nav-item:hover {
color: #fff;
}
img.bmcLoGoimg {
width: 420px;
}
/* Tabs section */
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 20%;
gap: 0px;
margin-left: 50px;
}
.tab-item {
display: flex;
align-items: center;
padding: 8px;
background-color: #f2f2f2;
border-radius: 10px;
margin-bottom: 6px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tab-item:hover {
background-color: #3d10df;
/* Change background color on hover */
color: white;
}
.icon {
margin-right: 15px;
}
.icon img {
width: 30px;
height: 30px;
}
.text {
font-size: 14px;
font-weight: bold;
color: black;
}
.tab-item:hover .text {
color: white;
}
/* Sub-tabs styling */
.sub-tabs {
display: none;
/* Initially hidden */
flex-direction: column;
margin-left: 20px;
}
.sub-tab-item {
padding: 10px;
background-color: #e6e6e6;
margin: 5px 0;
border-radius: 8px;
text-decoration: none;
color: black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sub-tab-item:hover {
background-color: #4CAF50;
color: white;
}
/* carousel section */
.containerboxfirst {
height: 410px;
display: flex;
background-color: #054769;
}
div#myCarousel {
position: relative;
width: 600px;
height: 360px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
top: 30px;
left: 250px;
background-color: #054769;
}
div#carouselImages {
margin-left: 70px;
}
.carousel-inner {
width: 600px;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 360px;
}
/* Customizing the carousel control buttons */
.carousel-control-prev {
left: -20px;
}
.carousel-control-next {
right: -20px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
color: rgb(0, 0, 0);
/* Add a background color to icons */
padding: 13px;
}
/* Customizing indicators (optional) */
.carousel-indicators li {
background-color: #000;
/* Dark indicators */
}
/* news slider css */
.news-ticker {
background-color: #333;
color: white;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding: 10px 0;
}
.ticker-wrapper {
display: inline-block;
white-space: nowrap;
animation: ticker 25s linear infinite;
}
.ticker-item {
display: inline-block;
padding: 0 2em;
}
@keyframes ticker {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
/* Media Query for Smaller Devices */
/* Notice and Public appeal starts */
.mbr-section {
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 30px;
background-color: #054769;
}
.noticetab {
display: flex;
margin-left: -90px;
}
.noticeUp {
margin-right: 30px;
width: 1000px;
}
.noticetab td {
padding-top: 0;
}
.noticetab h2 {
font-size: 30px;
}
.noticeLink a.a_anno {
color: black;
font-size: 18px;
}
ul.noticeLink {
list-style-type: disclosure-closed;
}
.noticeLink .a_anno {
line-height: 2.5;
}
.publicAppeal.col-md-4.col-sm-4.col-xs-12 {
width: 800px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.publicAppeal {
width: 500px;
margin-right: -90px;
}
.publicAppeal h2 {
padding-top: 15px;
}
img.imgpublic {
width: 380px;
height: 210px;
}
.appealLink a.a_anno {
color: black;
text-decoration: none;
}
.viewMoreBtn {
padding: 5px;
background: #cfa877;
margin-left: 160px;
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
/* Notice and Public appeal section ends */
/* Flagship Yojana section starts */
.col-lg-3 {
width: 25%;
position: absolute;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3 {
width: 25%;
float: left;
}
.col-lg-3 .col-md-3 .col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-6 {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 15px;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 280px;
height: 380px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 20px;
}
.cardflagship:hover {
box-shadow: 0 6px 26px rgb(255 0 12 / 69%);
}
.cardflagship img {
width: 100%;
height: 250px;
}
.cardflag-content {
padding: 16px;
}
.cardflag-content h3 {
font-size: 20px;
text-align: center;
}
.cardflag-content p {
font-size: 15px;
}
.viewBtn {
display: inline-block;
padding: 8px 16px;
background-color: #a683d5;
text-decoration: none;
border-radius: 4px;
margin-top: 16px;
color: #000;
margin-left: 70px;
}
.viewBtn:hover {
color: #fff;
background-color: #3AAFD6;
text-decoration: none;
transition: 0.2s ease-in-out;
}
/* Flagship Yojana Ends */
/* Foolow us Social Media Container starts*/
.social-media-container {
display: flex;
flex-wrap: nowrap;
margin-top: -24px;
gap: 20px;
padding: 20px;
justify-content: center;
background-color: #d0e9f7;
background-color: #054769;
}
/* Individual embed container */
.social-media-embed {
flex: 1;
max-width: 20%;
/* Ensure each embed fits within the container */
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 10px;
box-sizing: border-box;
}
.social-media-embed h2 {
margin-top: 0;
font-size: 18px;
color: #333;
}
/* Instagram specific styling */
.instagram-media {
width: 100% !important;
height: auto !important;
}
.fb-page fb_iframe_widget {
width: 200px;
height: 200px;
}
.social-media-container {
height: 400px;
}
.qlheading {
text-align: center;
/* background-image: url('BGImages/BG1.avif'); */
}
/* Follow Us Social Page section ends */
/* Important Links Section Start */
.bbb_main_container {
padding: 20px;
background-color: #fff;
}
.bbb_viewed_image img {
max-width: 100%;
height: auto;
}
.bbb_viewed_image{
width: 130px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 10px;
}
.bbb_viewed_item {
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease;
}
.bbb_viewed_item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: scale(1.05);
}
.bbb_viewed_slider .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
}
.bbb_viewed_slider .owl-nav button {
background-color: #000;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
}
.bbb_viewed_slider .owl-nav button:hover {
opacity: 1;
}
/* Important Links Section Ends */
/* Footer css starts */
.footerBg {
background-color: #02679b;
padding: 20px 0;
color: white;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
footer .footerLink {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
a.mn1 {
padding: 10px;
}
a.mn1:hover {
background: #3493c5;
}
footer .footerLink a {
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
footer .footerLink a:hover {
color: #ddd;
}
footer p {
margin: 15px 0;
font-size: 14px;
text-align: center;
}
.footerContainer {
text-align: center;
margin-top: 10px;
}
.socialSize {
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
letter-spacing: 10px;
}
.socialLogo {
color: white;
padding: 0 10px;
transition: color 0.3s;
}
.socialLogo:hover {
color: #c78e8e;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 0 !important;
}
}
@media (max-width: 1060px) {
.navbar-toggler{
display: none;
}
.navbar {
margin: 0 !important;
padding: 0;
}
/* Main headings css */
h1.headcolor {
text-align: center;
padding: 10px;
font-size: 20px;
border: 4px solid black;
border-radius: 25px;
margin: 10px;
}
/* notices blink */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.noticeblink{
color: yellow;
background-color: red; /* Highlight background */
padding: 5px; /* Space around the text to make the highlight more noticeable */
animation: blink 2s infinite; /* Blinking animation */
border: 4px solid black;
border-radius: 25px;
margin: 10px;
text-align: center;
font-size: 20px;
}
/* Floating social media css starts */
.float-icons {
position: fixed;
right: 0;
top: 30%;
width: 40px;
overflow: hidden;
z-index: 99999;
transform-origin: 0px 0px 0px;
vertical-align: bottom;
}
.fl-fl {
text-transform: uppercase;
letter-spacing: 3px;
padding: 4px;
width: 50px;
height: 40px;
position: fixed;
right: -15px;
z-index: 1000;
border-radius: 5px 0 0 5px;
font: normal normal 10px Arial;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.fa-brands,
.fab {
font-weight: 400;
font-size: 22px;
}
.fl-fl .fab {
padding-left: 5px;
}
.fl-fl .fa-facebook-f {
padding-left: 8px;
}
.fl-fl .fa {
font-size: 20px;
color: #fff;
padding: 10px 0;
width: 40px;
margin-left: 8px;
}
.fl-fl:hover {
right: 0;
}
.fl-fl i {
color: #fff;
padding-top: 10px;
}
.fl-fl a {
color: #fff !important;
text-decoration: none;
text-align: center;
line-height: 43px !important;
vertical-align: top !important;
}
.float-fb {
top: 160px;
background-color: #305891;
}
.float-tw {
top: 212px;
background-color: #3AAFD6;
}
.float-ig {
top: 265px;
background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7)
/*background-color: #c13b94;*/
}
.float-lik {
top: 317px;
background-color: #0A66C2;
}
.float-yt {
top: 369px;
background-color: red;
}
/* Floating Social media css ends */
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: black;
}
.nav-link {
color: rgb(0 0 0);
font-weight: 500;
font-size: 14px;
}
.nav-link:focus,
.nav-link:hover {
background: #377a9d;
color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1px !important;
padding-left: 1px !important;
}
.main-heading {
display: flex;
justify-content: space-between;
background-color: #02679b;
padding: 10px 5px;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: bold;
border: none;
}
div#navbarNav {
margin-left: 55px;
}
.phone-number {
font-size: 12px;
font-weight: bold;
color: #fff;
margin-top: 4px;
}
/* Blinking effect */
.blinking {
animation: blink-animation 2s steps(2, start) infinite;
color: #f5e942;
background-color: #ff0000;
font-weight: bolder;
font-size: 15px;
}
@keyframes blink-animation {
from,
to {
opacity: 1;
}
50% {
opacity: 0;
}
}
.search-container {
display: flex;
align-items: center;
width: 200px;
max-width: 500px;
margin: 0 auto;
}
.search-container input[type="text"] {
width: 130px;
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
}
.search-container button {
padding: 6px 6px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 15px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 15px;
}
.gtranslate_wrapper select {
padding: 3px;
border-radius: 4px;
color: black;
}
.nav-item.dropdown:hover .dropdown-menu {
display: block;
/* Show dropdown on hover */
}
li.nav-item {
margin: 6px;
margin-left: 10px;
}
li.nav-item:hover {
color: #fff;
}
img.bmcLoGoimg {
width: 280px;
}
/* Tabs section */
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 25%;
gap: 0px;
margin-left: 50px;
}
.tab-item {
display: flex;
align-items: center;
padding: 12px;
background-color: #f2f2f2;
border-radius: 10px;
margin-bottom: 14px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tab-item:hover {
background-color: #3d10df;
/* Change background color on hover */
color: white;
}
.icon {
margin-right: 15px;
}
.icon img {
width: 30px;
height: 30px;
}
.text {
font-size: 16px;
font-weight: bold;
color: black;
}
.text1{
font-size: 16px;
}
.tab-item:hover .text {
color: white;
}
/* Sub-tabs styling */
.sub-tabs {
display: none;
/* Initially hidden */
flex-direction: column;
margin-left: 20px;
}
.sub-tab-item {
padding: 10px;
background-color: #e6e6e6;
margin: 5px 0;
border-radius: 8px;
text-decoration: none;
color: black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sub-tab-item:hover {
background-color: #4CAF50;
color: white;
}
/* carousel section */
.containerboxfirst {
height: 410px;
display: flex;
background-color: #054769;
}
div#myCarousel {
position: relative;
width: 500px;
height: 340px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
top: 20px;
left: 160px;
background-color: #054769;
}
div#carouselImages {
margin-left: 70px;
}
.carousel-inner {
width: 600px;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 350px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
/* Customizing the carousel control buttons */
.carousel-control-prev {
left: -20px;
}
.carousel-control-next {
right: -20px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
color: rgb(0, 0, 0);
/* Add a background color to icons */
padding: 13px;
}
/* Customizing indicators (optional) */
.carousel-indicators li {
background-color: #000;
/* Dark indicators */
}
/* news slider css */
.news-ticker {
background-color: #333;
color: white;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding: 10px 0;
}
.ticker-wrapper {
display: inline-block;
white-space: nowrap;
animation: ticker 25s linear infinite;
}
.ticker-item {
display: inline-block;
padding: 0 2em;
}
@keyframes ticker {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
/* Media Query for Smaller Devices */
/* Notice and Public appeal starts */
.mbr-section {
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 30px;
background-color: #054769;
}
.noticetab {
display: flex;
margin-left: -10px;
}
.noticeUp {
margin-right: 10px;
width: 500px;
}
.noticetab td {
padding-top: 0;
}
.noticetab h2 {
font-size: 30px;
}
.noticeLink a.a_anno {
color: black;
font-size: 18px;
}
ul.noticeLink {
list-style-type: disclosure-closed;
}
.noticeLink .a_anno {
line-height: 2.5;
}
.publicAppeal.col-md-4.col-sm-4.col-xs-12 {
width: 800px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.publicAppeal {
width: 430px;
}
.publicAppeal h2 {
padding-top: 15px;
}
img.imgpublic {
width: 380px;
height: 210px;
}
.appealLink a.a_anno {
color: black;
text-decoration: none;
}
.viewMoreBtn {
padding: 5px;
background: #cfa877;
margin-left: 160px;
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
/* Notice and Public appeal section ends */
/* Flagship Yojana section starts */
.col-lg-3 {
width: 25%;
position: absolute;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3 {
width: 25%;
float: left;
}
.col-lg-3 .col-md-3 .col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-6 {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 15px;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 210px;
height: 300px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 20px;
}
.cardflagship:hover {
box-shadow: 0 6px 26px rgb(255 0 12 / 69%);
}
.cardflagship img {
width: 100%;
height: 180px;
}
.cardflag-content {
padding: 10px;
}
.cardflag-content h3 {
font-size: 16px;
text-align: center;
}
.cardflag-content p {
font-size: 15px;
}
.viewBtn {
display: inline-block;
padding: 8px 16px;
background-color: #a683d5;
text-decoration: none;
border-radius: 4px;
margin-top: 16px;
color: #000;
margin-left: 45px;
}
.viewBtn:hover {
color: #fff;
background-color: #3AAFD6;
text-decoration: none;
transition: 0.2s ease-in-out;
}
/* Flagship Yojana Ends */
/* Foolow us Social Media Container starts*/
.social-media-container {
display: flex;
flex-wrap: nowrap;
margin-top: -24px;
gap: 20px;
padding: 20px;
justify-content: center;
background-color: #d0e9f7;
background-color: #054769;
}
/* Individual embed container */
.social-media-embed {
flex: 1;
max-width: 20%;
/* Ensure each embed fits within the container */
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 10px;
box-sizing: border-box;
}
.social-media-embed h2 {
margin-top: 0;
font-size: 18px;
color: #333;
}
/* Instagram specific styling */
.instagram-media {
width: 100% !important;
height: auto !important;
}
.fb-page fb_iframe_widget {
width: 200px;
height: 200px;
}
.social-media-container {
height: 400px;
}
.qlheading {
text-align: center;
/* background-image: url('BGImages/BG1.avif'); */
}
/* Follow Us Social Page section ends */
/* Important Links Section Start */
.bbb_main_container {
padding: 20px;
background-color: #fff;
}
.bbb_viewed_image img {
max-width: 100%;
height: auto;
}
.bbb_viewed_image{
width: 130px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 10px;
}
.bbb_viewed_item {
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease;
}
.bbb_viewed_item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: scale(1.05);
}
.bbb_viewed_slider .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
}
.bbb_viewed_slider .owl-nav button {
background-color: #000;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
}
.bbb_viewed_slider .owl-nav button:hover {
opacity: 1;
}
/* Important Links Section Ends */
/* Footer css starts */
.footerBg {
background-color: #02679b;
padding: 20px 0;
color: white;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
footer .footerLink {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
a.mn1 {
padding: 10px;
}
a.mn1:hover {
background: #3493c5;
}
footer .footerLink a {
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
footer .footerLink a:hover {
color: #ddd;
}
footer p {
margin: 15px 0;
font-size: 14px;
text-align: center;
}
.footerContainer {
text-align: center;
margin-top: 10px;
}
.socialSize {
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
letter-spacing: 10px;
}
.socialLogo {
color: white;
padding: 0 10px;
transition: color 0.3s;
}
.socialLogo:hover {
color: #c78e8e;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 0 !important;
}
}
@media (max-width: 1025px) {
.navbar-toggler{
display: none;
}
.navbar {
margin: 0 !important;
padding: 0;
}
/* Main headings css */
h1.headcolor {
text-align: center;
padding: 10px;
font-size: 20px;
border: 4px solid black;
border-radius: 25px;
margin: 10px;
}
/* notices blink */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.noticeblink{
color: yellow;
background-color: red; /* Highlight background */
padding: 5px; /* Space around the text to make the highlight more noticeable */
animation: blink 2s infinite; /* Blinking animation */
border: 4px solid black;
border-radius: 25px;
margin: 10px;
text-align: center;
font-size: 20px;
}
/* Floating social media css starts */
.float-icons {
position: fixed;
right: 0;
top: 30%;
width: 40px;
overflow: hidden;
z-index: 99999;
transform-origin: 0px 0px 0px;
vertical-align: bottom;
}
.fl-fl {
text-transform: uppercase;
letter-spacing: 3px;
padding: 4px;
width: 50px;
height: 40px;
position: fixed;
right: -15px;
z-index: 1000;
border-radius: 5px 0 0 5px;
font: normal normal 10px Arial;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.fa-brands,
.fab {
font-weight: 400;
font-size: 22px;
}
.fl-fl .fab {
padding-left: 5px;
}
.fl-fl .fa-facebook-f {
padding-left: 8px;
}
.fl-fl .fa {
font-size: 20px;
color: #fff;
padding: 10px 0;
width: 40px;
margin-left: 8px;
}
.fl-fl:hover {
right: 0;
}
.fl-fl i {
color: #fff;
padding-top: 10px;
}
.fl-fl a {
color: #fff !important;
text-decoration: none;
text-align: center;
line-height: 43px !important;
vertical-align: top !important;
}
.float-fb {
top: 160px;
background-color: #305891;
}
.float-tw {
top: 212px;
background-color: #3AAFD6;
}
.float-ig {
top: 265px;
background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7)
/*background-color: #c13b94;*/
}
.float-lik {
top: 317px;
background-color: #0A66C2;
}
.float-yt {
top: 369px;
background-color: red;
}
/* Floating Social media css ends */
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: black;
}
.nav-link {
color: rgb(0 0 0);
font-weight: 500;
font-size: 14px;
}
.nav-link:focus,
.nav-link:hover {
background: #377a9d;
color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1px !important;
padding-left: 1px !important;
}
.main-heading {
display: flex;
justify-content: space-between;
background-color: #02679b;
padding: 10px 5px;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: bold;
border: none;
}
div#navbarNav {
margin-left: 55px;
}
.phone-number {
font-size: 12px;
font-weight: bold;
color: #fff;
margin-top: 4px;
}
/* Blinking effect */
.blinking {
animation: blink-animation 2s steps(2, start) infinite;
color: #f5e942;
background-color: #ff0000;
font-weight: bolder;
font-size: 15px;
}
@keyframes blink-animation {
from,
to {
opacity: 1;
}
50% {
opacity: 0;
}
}
.search-container {
display: flex;
align-items: center;
width: 200px;
max-width: 500px;
margin: 0 auto;
}
.search-container input[type="text"] {
width: 130px;
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
}
.search-container button {
padding: 6px 6px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 15px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 15px;
}
.gtranslate_wrapper select {
padding: 3px;
border-radius: 4px;
color: black;
}
.nav-item.dropdown:hover .dropdown-menu {
display: block;
/* Show dropdown on hover */
}
li.nav-item {
margin: 6px;
margin-left: 10px;
}
li.nav-item:hover {
color: #fff;
}
img.bmcLoGoimg {
width: 280px;
}
/* Tabs section */
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 25%;
gap: 0px;
margin-left: 50px;
}
.tab-item {
display: flex;
align-items: center;
padding: 12px;
background-color: #f2f2f2;
border-radius: 10px;
margin-bottom: 14px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.tab-item:hover {
background-color: #3d10df;
/* Change background color on hover */
color: white;
}
.icon {
margin-right: 15px;
}
.icon img {
width: 30px;
height: 30px;
}
.text {
font-size: 16px;
font-weight: bold;
color: black;
}
.text1{
font-size: 16px;
}
.tab-item:hover .text {
color: white;
}
/* Sub-tabs styling */
.sub-tabs {
display: none;
/* Initially hidden */
flex-direction: column;
margin-left: 20px;
}
.sub-tab-item {
padding: 10px;
background-color: #e6e6e6;
margin: 5px 0;
border-radius: 8px;
text-decoration: none;
color: black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sub-tab-item:hover {
background-color: #4CAF50;
color: white;
}
/* carousel section */
.containerboxfirst {
height: 410px;
display: flex;
background-color: #054769;
}
div#myCarousel {
position: relative;
width: 500px;
height: 340px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
top: 20px;
left: 160px;
background-color: #054769;
}
div#carouselImages {
margin-left: 70px;
}
.carousel-inner {
width: 600px;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 350px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
/* Customizing the carousel control buttons */
.carousel-control-prev {
left: -20px;
}
.carousel-control-next {
right: -20px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
color: rgb(0, 0, 0);
/* Add a background color to icons */
padding: 13px;
}
/* Customizing indicators (optional) */
.carousel-indicators li {
background-color: #000;
/* Dark indicators */
}
/* news slider css */
.news-ticker {
background-color: #333;
color: white;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding: 10px 0;
}
.ticker-wrapper {
display: inline-block;
white-space: nowrap;
animation: ticker 25s linear infinite;
}
.ticker-item {
display: inline-block;
padding: 0 2em;
}
@keyframes ticker {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
/* Media Query for Smaller Devices */
/* Notice and Public appeal starts */
.mbr-section {
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 30px;
background-color: #054769;
}
.noticetab {
display: flex;
margin-left: -10px;
}
.noticeUp {
margin-right: 10px;
width: 500px;
}
.noticetab td {
padding-top: 0;
}
.noticetab h2 {
font-size: 30px;
}
.noticeLink a.a_anno {
color: black;
font-size: 18px;
}
ul.noticeLink {
list-style-type: disclosure-closed;
}
.noticeLink .a_anno {
line-height: 2.5;
}
.publicAppeal.col-md-4.col-sm-4.col-xs-12 {
width: 800px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.publicAppeal {
width: 430px;
}
.publicAppeal h2 {
padding-top: 15px;
}
img.imgpublic {
width: 380px;
height: 210px;
}
.appealLink a.a_anno {
color: black;
text-decoration: none;
}
.viewMoreBtn {
padding: 5px;
background: #cfa877;
margin-left: 160px;
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
/* Notice and Public appeal section ends */
/* Flagship Yojana section starts */
.col-lg-3 {
width: 25%;
position: absolute;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3 {
width: 25%;
float: left;
}
.col-lg-3 .col-md-3 .col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-6 {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 30px;
padding-left: 15px;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 210px;
height: 300px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 20px;
}
.cardflagship:hover {
box-shadow: 0 6px 26px rgb(255 0 12 / 69%);
}
.cardflagship img {
width: 100%;
height: 180px;
}
.cardflag-content {
padding: 10px;
}
.cardflag-content h3 {
font-size: 16px;
text-align: center;
}
.cardflag-content p {
font-size: 15px;
}
.viewBtn {
display: inline-block;
padding: 8px 16px;
background-color: #a683d5;
text-decoration: none;
border-radius: 4px;
margin-top: 16px;
color: #000;
margin-left: 45px;
}
.viewBtn:hover {
color: #fff;
background-color: #3AAFD6;
text-decoration: none;
transition: 0.2s ease-in-out;
}
/* Flagship Yojana Ends */
/* Foolow us Social Media Container starts*/
.social-media-container {
display: flex;
flex-wrap: nowrap;
margin-top: -24px;
gap: 20px;
padding: 20px;
justify-content: center;
background-color: #d0e9f7;
background-color: #054769;
}
/* Individual embed container */
.social-media-embed {
flex: 1;
max-width: 20%;
/* Ensure each embed fits within the container */
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 10px;
box-sizing: border-box;
}
.social-media-embed h2 {
margin-top: 0;
font-size: 18px;
color: #333;
}
/* Instagram specific styling */
.instagram-media {
width: 100% !important;
height: auto !important;
}
.fb-page fb_iframe_widget {
width: 200px;
height: 200px;
}
.social-media-container {
height: 400px;
}
.qlheading {
text-align: center;
/* background-image: url('BGImages/BG1.avif'); */
}
/* Follow Us Social Page section ends */
/* Important Links Section Start */
.bbb_main_container {
padding: 20px;
background-color: #fff;
}
.bbb_viewed_image img {
max-width: 100%;
height: auto;
}
.bbb_viewed_image{
width: 100px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 10px;
}
.bbb_viewed_item {
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease;
}
.bbb_viewed_item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: scale(1.05);
}
.bbb_viewed_slider .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
}
.bbb_viewed_slider .owl-nav button {
background-color: #000;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
}
.bbb_viewed_slider .owl-nav button:hover {
opacity: 1;
}
/* Important Links Section Ends */
/* Footer css starts */
.footerBg {
background-color: #02679b;
padding: 20px 0;
color: white;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
footer .footerLink {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
a.mn1 {
padding: 10px;
}
a.mn1:hover {
background: #3493c5;
}
footer .footerLink a {
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
footer .footerLink a:hover {
color: #ddd;
}
footer p {
margin: 15px 0;
font-size: 14px;
text-align: center;
}
.footerContainer {
text-align: center;
margin-top: 10px;
}
.socialSize {
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
letter-spacing: 10px;
}
.socialLogo {
color: white;
padding: 0 10px;
transition: color 0.3s;
}
.socialLogo:hover {
color: #c78e8e;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 0 !important;
}
}
@media (max-width: 976px) {
html {
overflow-x: hidden;
margin: 0;
padding: 0;
}
.main-heading {
width: 100%;
display: block;
}
.search-container input[type="text"] {
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
margin-top: 4px;
}
.search-container button {
padding: 4px 4px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 16px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 8px;
float: inline-end;
}
.gtranslate_wrapper select {
padding: 1px;
margin-top: 2px;
border-radius: 1px;
color: black;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 30px;
font-weight: bold;
}
img.bmcLoGoimg {
height: 100px;
width: 550px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
text-align: center;
margin-left: -100px;
}
.float-fb {
top: 250px;
}
.float-tw {
top: 296px;
}
.float-ig {
top: 343px;
}
.float-lik {
top: 390px;
}
.float-yt {
top: 435px;
}
.navbar {
text-align: center;
}
.navbar-nav {
margin-left: 25px;
}
.navbar-nav .nav-item {
font-size: 17px;
}
div#myCarousel {
position: relative;
width: 550px;
/* Fixed width */
height: 300px;
/* Fixed height */
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
top: -300px;
left: 400px;
background-color: #054769;
}
.carousel-inner {
width: 550px;
}
.tabs{
width: 34%;
}
.social-media-container {
height: 300px;
}
.navbar-toggler {
display: flex;
}
.cardflagship{
width: 200px;
margin: 10px;
}
.cardflag-content {
padding: 5px;
}
.cardflag-content h3 {
font-size: 15px;
}
.viewBtn{
margin-left: 50px;
}
.owl-carousel.owl-theme.bbb_viewed_slider {
margin-bottom: 10px;
margin-left: 10px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 16px;
}
.bbb_viewed_item img {
height: 100px;
width: 100px;
}
.bbb_viewed_image {
width: 100%;
}
.bbb_main_container {
padding: 0;
}
}
@media (max-width: 576px) {
html {
overflow-x: hidden;
margin: 0;
padding: 0;
}
.navbar-toggler{
display: block;
}
button.navbar-light{
margin-right: 0;
}
button.navbar-light.collapsed {
border: 1px solid black;
}
.float-fb {
top: 250px;
}
.float-tw {
top: 296px;
}
.float-ig {
top: 343px;
}
.float-lik {
top: 390px;
}
.float-yt {
top: 435px;
}
.main-heading {
width: 100%;
display: block;
padding: 10px 5px;
}
.search-container input[type="text"] {
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
margin-top: 4px;
margin-left: -10px;
}
.search-container button {
padding: 4px 4px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 16px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 8px;
float: inline-end;
margin-right: 120px;
}
.gtranslate_wrapper select {
padding: 1px;
margin-top: 2px;
border-radius: 1px;
color: black;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: bold;
}
img.bmcLoGoimg {
height: 100px;
width: 270px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
text-align: center;
margin-left: 0;
}
.navbar {
text-align: center;
}
.navbar-nav {
float: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 6px;
}
.navbar-nav .nav-item {
float: none;
}
.nav-link {
color: rgb(0 0 0);
font-size: 18px;
}
.containerboxfirst{
display: block;
height: 605px;
}
div#myCarousel {
position: relative;
width: 390px;
height: 300px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
top: 70px;
left: 20px;
background-color: #054769;
}
div#navbarNav {
margin-left: 0;
background: #b0cbdd;
}
.carousel-inner {
width: 390px;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 300px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 80%;
gap: 8px;
margin-left: 50px;
}
.tab-item {
margin-top: 5px;
width: 330px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 300px;
}
img.imgpublic {
width: 330px;
}
.mbr-section {
padding-top: 30px;
}
.noticetab {
display: block;
margin-left: -70px;
}
.noticeUp {
margin-left: 85px;
width: 370px;
margin-bottom: 10px;
}
.noticetab td {
padding-top: 0;
}
.publicAppeal {
width: 370px;
margin-left: 85px;
margin-bottom: -10px;
margin-top: 20px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.noticeLink a.a_anno {
font-size: 16px;
}
.viewMoreBtn {
margin-top: 0;
margin-bottom: 10px;
padding: 8px;
margin-left: 130px;
background: #cfa877;
}
h1.headcolor {
font-weight: bold;
text-align: center;
border: 3px solid black;
border-radius: 25px;
padding: 9px;
font-size: 30px;
margin-top: 9px;
}
.social-media-container {
display: none;
}
.qlheading {
display: none;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 150px;
height: 100px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 20px;
}
.cardflagship img {
width: 150px;
height: 100px;
}
.cardflag-content {
display: none;
}
.section-main-heading1 {
margin-top: -20px;
}
.owl-carousel.owl-theme.bbb_viewed_slider {
margin-top: -290px;
margin-left: 20px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 1.6px;
}
.bbb_viewed_item img {
height: 25px;
width: 35px;
}
.bbb_viewed_image {
width: 100%;
}
.bbb_main_container {
padding: 0;
}
footer {
margin-top: -250px;
}
}
@media (max-width: 415px) {
html {
overflow-x: hidden;
margin: 0;
padding: 0;
}
.navbar-toggler{
display: block;
}
button.navbar-light{
margin-right: 0;
}
button.navbar-light.collapsed {
border: 1px solid black;
}
.float-fb {
top: 250px;
}
.float-tw {
top: 296px;
}
.float-ig {
top: 343px;
}
.float-lik {
top: 390px;
}
.float-yt {
top: 435px;
}
.main-heading {
width: 100%;
display: block;
margin-top: -10px;
}
.search-container input[type="text"] {
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 11px;
outline: none;
margin-top: 4px;
margin-left: -10px;
}
.search-container button {
padding: 4px 4px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 13px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 8px;
float: inline-end;
margin-right: 120px;
}
.gtranslate_wrapper select {
padding: 1px;
margin-top: 2px;
border-radius: 1px;
color: black;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: bold;
}
img.bmcLoGoimg {
height: 100px;
width: 270px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
text-align: center;
margin-left: 0;
}
.navbar {
text-align: center;
}
.navbar-nav {
float: none;
}
.navbar-nav .nav-item {
float: right;
}
.nav-link {
color: rgb(0 0 0);
font-size: 18px;
}
.containerboxfirst{
display: block;
height: 605px;
}
div#myCarousel {
position: relative;
width: 390px;
height: 300px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
top: 70px;
left: 12px;
background-color: #054769;
}
div#navbarNav {
margin-left: 0;
background: #b0cbdd;
}
.carousel-inner {
width: 390px;
margin-left: 0;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 300px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 80%;
gap: 8px;
margin-left: 30px;
}
.tab-item {
margin-top: 5px;
width: 340px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 300px;
}
img.imgpublic {
width: 330px;
}
.noticetab {
display: block;
margin-left: -90px;
}
.noticeUp {
margin-left: 90px;
width: 380px;
margin-bottom: 10px;
}
.noticetab td {
padding-top: 0;
}
.publicAppeal {
width: 380px;
margin-left: 85px;
margin-bottom: -10px;
margin-top: 20px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.noticeLink a.a_anno {
font-size: 16px;
}
.viewMoreBtn {
margin-top: 0;
margin-bottom: 10px;
padding: 8px;
margin-left: 130px;
background: #cfa877;
}
h1.headcolor {
font-weight: bold;
text-align: center;
border: 3px solid black;
border-radius: 25px;
padding: 9px;
font-size: 30px;
margin-top: 9px;
}
.social-media-container {
display: none;
}
.qlheading {
display: none;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 150px;
height: 100px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 5px;
}
.cardflagship img {
width: 150px;
height: 100px;
}
.cardflag-content {
display: none;
}
.section-main-heading1 {
margin-top: -20px;
}
.owl-carousel.owl-theme.bbb_viewed_slider {
margin-top: -295px;
margin-left: 20px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 1.6px;
}
.bbb_viewed_item img {
height: 25px;
width: 35px;
}
.bbb_viewed_image {
width: 100%;
}
.bbb_main_container {
padding: 0;
}
footer {
margin-top: -250px;
}
}
@media (max-width: 412px) {
html {
overflow-x: hidden;
margin: 0;
padding: 0;
}
.navbar-toggler{
display: block;
}
button.navbar-light{
margin-right: 0;
}
button.navbar-light.collapsed {
border: 1px solid black;
}
.float-fb {
top: 250px;
}
.float-tw {
top: 296px;
}
.float-ig {
top: 343px;
}
.float-lik {
top: 390px;
}
.float-yt {
top: 435px;
}
.main-heading {
width: 100%;
display: block;
padding: 10px 5px;
}
.search-container input[type="text"] {
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 11px;
outline: none;
margin-top: 4px;
margin-left: -10px;
}
.search-container button {
padding: 4px 4px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 13px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 8px;
float: inline-end;
margin-right: 120px;
}
.gtranslate_wrapper select {
padding: 1px;
margin-top: 2px;
border-radius: 1px;
color: black;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: bold;
}
img.bmcLoGoimg {
height: 100px;
width: 270px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
text-align: center;
margin-left: 0;
}
.navbar {
text-align: center;
}
.navbar-nav {
float: none;
}
.navbar-nav .nav-item {
float: right;
}
.nav-link {
color: rgb(0 0 0);
font-size: 18px;
}
.containerboxfirst{
display: block;
height: 605px;
}
div#myCarousel {
position: relative;
width: 360px;
height: 300px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
top: 70px;
left: 12px;
background-color: #054769;
}
div#navbarNav {
margin-left: 0;
background: #b0cbdd;
}
.carousel-inner {
width: 390px;
margin-left: 0;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 300px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 80%;
gap: 8px;
margin-left: 30px;
}
.tab-item {
margin-top: 5px;
width: 320px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 300px;
}
img.imgpublic {
width: 330px;
}
.noticetab {
display: block;
margin-left: -90px;
}
.noticeUp {
margin-left: 90px;
width: 350px;
margin-bottom: 10px;
}
.noticetab td {
padding-top: 0;
}
.publicAppeal {
width: 350px;
margin-left: 85px;
margin-bottom: -10px;
margin-top: 20px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.noticeLink a.a_anno {
font-size: 16px;
}
.viewMoreBtn {
margin-top: 0;
margin-bottom: 10px;
padding: 8px;
margin-left: 130px;
background: #cfa877;
}
h1.headcolor {
font-weight: bold;
text-align: center;
border: 3px solid black;
border-radius: 25px;
padding: 9px;
font-size: 30px;
margin-top: 9px;
}
.social-media-container {
display: none;
}
.qlheading {
display: none;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 150px;
height: 100px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 5px;
}
.cardflagship img {
width: 150px;
height: 100px;
}
.cardflag-content {
display: none;
}
.section-main-heading1 {
margin-top: -20px;
}
.owl-carousel.owl-theme.bbb_viewed_slider {
margin-top: -295px;
margin-left: 30px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 1.6px;
}
.bbb_viewed_item img {
height: 25px;
width: 30px;
}
.bbb_viewed_image {
width: 100%;
}
.bbb_main_container {
padding: 0;
}
footer {
margin-top: -250px;
}
}
@media (max-width: 375px) {
html {
overflow-x: hidden;
margin: 0;
padding: 0;
}
.navbar-toggler{
display: block;
}
button.navbar-light{
margin-right: 0;
}
button.navbar-light.collapsed {
border: 1px solid black;
}
.float-fb {
top: 250px;
}
.float-tw {
top: 296px;
}
.float-ig {
top: 343px;
}
.float-lik {
top: 390px;
}
.float-yt {
top: 435px;
}
.main-heading {
width: 100%;
display: block;
padding: 5px 10px;
}
.search-container input[type="text"] {
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 11px;
outline: none;
margin-top: 4px;
margin-left: -10px;
}
.search-container button {
padding: 4px 4px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 13px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 8px;
float: inline-end;
margin-right: 120px;
}
.gtranslate_wrapper select {
padding: 1px;
margin-top: 2px;
border-radius: 1px;
color: black;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 12px;
font-weight: bold;
}
img.bmcLoGoimg {
height: 100px;
width: 270px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
text-align: center;
margin-left: 0;
}
.navbar {
text-align: center;
}
.navbar-nav {
float: none;
}
.navbar-nav .nav-item {
float: right;
}
.nav-link {
color: rgb(0 0 0);
font-size: 18px;
}
.containerboxfirst{
display: block;
height: 605px;
}
div#myCarousel {
position: relative;
width: 340px;
height: 290px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
top: 80px;
left: 12px;
background-color: #054769;
}
div#navbarNav {
margin-left: 0;
background: #b0cbdd;
}
.carousel-inner {
width: 390px;
margin-left: 0;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 300px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 80%;
gap: 8px;
margin-left: 30px;
}
.tab-item {
margin-top: 5px;
width: 310px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 300px;
}
img.imgpublic {
width: 330px;
}
.noticetab {
display: block;
margin-left: -90px;
}
.noticeUp {
margin-left: 90px;
width: 350px;
margin-bottom: 10px;
}
.noticetab td {
padding-top: 0;
}
.publicAppeal {
width: 350px;
margin-left: 85px;
margin-bottom: -10px;
margin-top: 20px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.noticeLink a.a_anno {
font-size: 16px;
}
.viewMoreBtn {
margin-top: 0;
margin-bottom: 10px;
padding: 8px;
margin-left: 130px;
background: #cfa877;
}
h1.headcolor {
font-weight: bold;
text-align: center;
border: 3px solid black;
border-radius: 25px;
padding: 9px;
font-size: 30px;
margin-top: 9px;
}
.social-media-container {
display: none;
}
.qlheading {
display: none;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 150px;
height: 100px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 5px;
}
.cardflagship img {
width: 150px;
height: 100px;
}
.cardflag-content {
display: none;
}
.section-main-heading1 {
margin-top: -20px;
}
.owl-carousel.owl-theme.bbb_viewed_slider {
margin-top: -295px;
margin-left: 20px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 1.6px;
}
.bbb_viewed_item img {
height: 25px;
width: 30px;
}
.bbb_viewed_image {
width: 100%;
}
.bbb_main_container {
padding: 0;
}
footer {
margin-top: -250px;
}
}
@media (max-width: 360px) {
html {
overflow-x: hidden;
margin: 0;
padding: 0;
}
.navbar-toggler{
display: block;
}
button.navbar-light{
margin-right: 0;
}
button.navbar-light.collapsed {
border: 1px solid black;
}
.float-fb {
top: 250px;
}
.float-tw {
top: 296px;
}
.float-ig {
top: 343px;
}
.float-lik {
top: 390px;
}
.float-yt {
top: 435px;
}
.main-heading {
width: 100%;
display: block;
}
.search-container input[type="text"] {
padding: 4px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 16px;
outline: none;
margin-top: 4px;
margin-left: -10px;
}
.search-container button {
padding: 4px 4px;
border: none;
background-color: #ff6f61;
color: white;
font-size: 16px;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-container button:hover {
background-color: #e65c50;
}
.highlight {
background-color: yellow;
font-weight: bold;
}
.gtranslate_wrapper {
margin: 0 8px;
float: inline-end;
margin-right: 120px;
}
.gtranslate_wrapper select {
padding: 1px;
margin-top: 2px;
border-radius: 1px;
color: black;
}
h2.welcomeHead {
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: bold;
}
img.bmcLoGoimg {
height: 100px;
width: 270px;
}
.phone-number {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 4px;
text-align: center;
margin-left: 0;
}
.navbar {
text-align: center;
}
.navbar-nav {
float: none;
}
.navbar-nav .nav-item {
float: right;
}
.nav-link {
color: rgb(0 0 0);
font-size: 18px;
}
.containerboxfirst{
display: block;
height: 605px;
}
div#myCarousel {
position: relative;
width: 330px;
height: 300px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 5px;
top: 70px;
left: 12px;
background-color: #054769;
}
div#navbarNav {
margin-left: 0;
background: #b0cbdd;
}
.carousel-inner {
width: 390px;
margin-left: 0;
}
/* Customize Carousel Height */
.carousel-inner img {
width: 100%;
height: 300px;
/* Set a fixed height */
/* object-fit: cover; */
/* Ensures the image covers the entire area */
}
.tabs {
display: flex;
flex-direction: column;
width: 30%;
align-content: center;
width: 80%;
gap: 8px;
margin-left: 30px;
}
.tab-item {
margin-top: 5px;
width: 300px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 300px;
}
img.imgpublic {
width: 330px;
}
.noticetab {
display: block;
margin-left: -90px;
}
.noticeUp {
margin-left: 90px;
width: 330px;
margin-bottom: 10px;
}
.noticetab td {
padding-top: 0;
}
.publicAppeal {
width: 330px;
margin-left: 85px;
margin-bottom: -10px;
margin-top: 20px;
}
.appealLink h3 {
color: black;
font-size: 20px;
}
.noticeLink a.a_anno {
font-size: 16px;
}
.viewMoreBtn {
margin-top: 0;
margin-bottom: 10px;
padding: 8px;
margin-left: 130px;
background: #cfa877;
}
h1.headcolor {
font-weight: bold;
text-align: center;
border: 3px solid black;
border-radius: 25px;
padding: 9px;
font-size: 30px;
margin-top: 9px;
}
.social-media-container {
display: none;
}
.qlheading {
display: none;
}
.cardflag-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cardflagship {
background: #fff;
width: 150px;
height: 100px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 2);
margin: 5px;
}
.cardflagship img {
width: 150px;
height: 100px;
}
.cardflag-content {
display: none;
}
.section-main-heading1 {
margin-top: -20px;
}
.owl-carousel.owl-theme.bbb_viewed_slider {
margin-top: -295px;
margin-left: 20px;
}
.owl-carousel .owl-item {
display: inline-block;
padding: 1.6px;
}
.bbb_viewed_item img {
height: 25px;
width: 28px;
}
.bbb_viewed_image {
width: 100%;
}
.bbb_main_container {
padding: 0;
}
footer {
margin-top: -250px;
}
}
@media (min-width: 992px) {
.navbar-nav {
flex-direction: row;
font-weight: bold;
font-size: smaller;
}
}
/* Responsive header overrides */
.navbar {
margin: 0 !important;
padding: 0;
padding: 0;
border: 0;
box-shadow: none;
}
.navbar-toggler {
display: none;
}
@media (max-width: 991.98px) {
.navbar-toggler {
display: inline-flex;
align-items: center;
justify-content: center;
}
}
img.bmcLoGoimg {
max-width: 280px;
width: 100%;
height: auto;
}
@media (max-width: 575.98px) {
img.bmcLoGoimg {
max-width: 220px;
}
}
/* Neutralise Google Translate top offset */
.skiptranslate {
top: 0 !important;
position: static !important;
min-height: 0 !important;
}
html[style],
body[style] {
top: 0 !important;
}
/* Floating social icon refresh */
.float-icons {
position: fixed;
top: 50%;
right: 12px;
left: auto;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-end;
z-index: 99999;
}
.float-icons .fl-fl {
position: relative;
right: 0;
top: auto;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px 0 0 12px;
padding: 0;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
transform: translateX(16px);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.float-icons .fl-fl:hover {
transform: translateX(0);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}
.float-icons .social-icon {
width: 28px;
height: 28px;
display: block;
}
.float-icons .float-fb,
.float-icons .float-tw,
.float-icons .float-ig,
.float-icons .float-lik,
.float-icons .float-yt {
top: auto !important;
left: auto !important;
right: auto !important;
}
@media (hover: none), (pointer: coarse), (max-width: 991px) {
.float-icons {
top: 50%;
bottom: auto;
right: 8px;
transform: translateY(-50%);
flex-direction: column;
gap: 10px;
align-items: flex-end;
justify-content: center;
}
.float-icons .fl-fl {
width: 50px;
height: 50px;
border-radius: 12px 0 0 12px;
transform: translateX(12px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.float-icons .fl-fl:hover {
transform: translateX(0);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}
}
/* Header & footer layout harmonisation */
.site-header {
width: 100%;
margin: 0;
padding: 0;
margin-top: -25px;
}
.site-header > * {
width: 100%;
margin: 0;
box-sizing: border-box;
}
.main-heading {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 10px;
background-color: #02679b;
padding: 8px 20px;
margin: 0;
}
.main-heading > * {
flex-shrink: 1;
min-width: 0;
}
h2.welcomeHead {
flex: 1 1 320px;
min-width: 220px;
margin: 0;
text-decoration: none;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 1.4;
border: none;
}
.main-heading .gtranslate_wrapper,
.main-heading .election-pill-wrap,
.main-heading .search-container,
.main-heading .phone-number {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 8px;
margin: 0;
}
.main-heading .search-container {
flex: 1 1 240px;
justify-content: center;
max-width: 320px;
min-width: 200px;
margin-left: auto;
}
.main-heading .search-container input[type="text"] {
width: 100%;
max-width: none;
}
.main-heading .phone-number {
white-space: nowrap;
font-size: 14px;
flex: 0 0 auto;
justify-content: flex-end;
}
.main-heading .election-pill-wrap {
margin: 0;
flex: 0 1 180px;
justify-content: center;
}
.main-heading .election-pill {
font-size: 13px;
padding: 6px 14px;
white-space: nowrap;
}
footer {
margin-top: 32px;
position: relative;
clear: both;
z-index: 1;
}
.footerBg {
background-color: #02679b;
padding: 32px 0;
color: #ffffff;
}
.footerContainer {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
footer .footerLink {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
footer .footerLink a {
color: inherit;
text-decoration: none;
padding: 4px 10px;
border-radius: 20px;
transition: background-color 0.2s ease, color 0.2s ease;
}
footer .footerLink a:hover,
footer .footerLink a:focus {
background-color: rgba(255, 255, 255, 0.18);
color: #ffffff;
}
footer p {
max-width: 960px;
margin: 0 auto;
text-align: center;
line-height: 1.6;
}
@media (max-width: 991.98px) {
.main-heading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 12px 16px;
}
h2.welcomeHead {
flex: 1 1 100%;
text-align: center;
font-size: 12px;
}
.main-heading .gtranslate_wrapper,
.main-heading .search-container,
.main-heading .election-pill-wrap,
.main-heading .phone-number {
flex: 1 1 auto;
width: 100%;
justify-content: center;
}
.main-heading .search-container {
max-width: 320px;
margin-left: 0;
}
.main-heading .phone-number {
text-align: center;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
}
@media (max-width: 1199.98px) and (min-width: 992px) {
.main-heading {
flex-wrap: wrap;
justify-content: center;
}
.main-heading .search-container {
flex: 1 1 100%;
max-width: 420px;
}
.main-heading .gtranslate_wrapper,
.main-heading .election-pill-wrap,
.main-heading .phone-number {
flex: 0 0 auto;
}
}
@media (max-width: 575.98px) {
.main-heading {
padding: 12px;
align-items: stretch;
}
.main-heading .search-container {
flex-direction: column;
gap: 8px;
max-width: 100%;
}
.main-heading .search-container input[type="text"] {
border-radius: 4px;
}
.main-heading .search-container button {
border-radius: 4px;
width: 100%;
}
.main-heading .gtranslate_wrapper {
justify-content: center;
}
.footerContainer {
padding: 0 12px;
}
footer p {
font-size: 14px;
}
.footerRow {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 0;
margin: 0;
list-style: none;
border-bottom: 1.5px solid #a3b5c5;
flex-wrap: wrap;
}
footer .footerLink a {
padding: 6px 12px;
}
footer {
margin-top: 24px;
}
}
.search-container {
width: auto !important;
max-width: 420px;
margin: 0;
}
.search-container input[type="text"] {
width: 100% !important;
min-width: 0;
}
.logo {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 0;
flex: 0 0 auto;
}
.logo img {
flex-shrink: 0;
}
.navbar {
background-color: #ffffff;
padding: 0 20px;
width: 100%;
}
.navbar-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
padding: 8px 0;
margin: 0;
}
.navbar-nav .nav-item {
margin: 0 !important;
}
.navbar-nav .nav-link {
display: block;
padding: 8px 10px;
border-radius: 4px;
transition: background-color 0.2s ease, color 0.2s ease;
font-size: 15px;
white-space: nowrap;
}
div#navbarNav {
margin-left: 0 !important;
}
.navbar .dropdown-menu {
border-radius: 6px;
padding: 8px 0;
}
.navbar .dropdown-item {
padding: 6px 16px;
}
@media (min-width: 1200px) {
.navbar {
padding: 0 40px;
}
.navbar-nav {
gap: 12px;
flex-wrap: nowrap;
}
.navbar-nav .nav-link {
font-size: 16px;
}
}
@media (max-width: 991.98px) {
.logo {
justify-content: center;
padding: 12px 0;
}
.navbar {
padding: 0 16px 12px;
}
.navbar-nav {
flex-direction: column;
align-items: stretch;
gap: 4px;
padding: 12px 0;
}
.navbar-nav .nav-item {
width: 100%;
}
.navbar-nav .nav-link {
width: 100%;
padding: 10px 14px;
}
.navbar-collapse {
width: 100%;
}
}
@media (max-width: 575.98px) {
.navbar {
padding: 0 12px 12px;
}
.navbar-nav .nav-link {
font-size: 15px;
}
}
/* Responsive carousel and election pill refresh */
.containerboxfirst {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
gap: 24px;
padding: 40px 24px;
background-color: #054769;
height: auto;
}
.containerboxfirst .tabs {
flex: 0 1 320px;
width: 100%;
max-width: 320px;
margin-left: 0;
}
.containerboxfirst .tab-item {
width: 100%;
}
div#myCarousel {
position: relative;
max-width: 780px;
width: 100%;
aspect-ratio: 16 / 9;
top: 0;
left: 0;
margin: 0 auto;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
div#myCarousel .carousel-inner {
width: 100%;
height: 100%;
}
div#myCarousel .carousel-item {
align-items: center;
justify-content: center;
height: 100%;
}
div#myCarousel .carousel-item.active,
div#myCarousel .carousel-item-next,
div#myCarousel .carousel-item-prev {
display: flex;
}
div#myCarousel .carousel-inner img {
width: 100%;
height: 100%;
/* object-fit: cover; */
background-color: transparent;
}
@supports not (aspect-ratio: 1 / 1) {
div#myCarousel {
min-height: 520px;
}
div#myCarousel .carousel-inner {
min-height: 520px;
}
}
#myCarousel .carousel-control-prev,
#myCarousel .carousel-control-next {
width: 48px;
}
#myCarousel .carousel-control-prev {
left: 12px;
}
#myCarousel .carousel-control-next {
right: 12px;
}
.main-heading .election-pill {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 20px;
border-radius: 999px;
border: 1px solid #b02424;
background-color: #c62828;
color: #ffffff;
font-weight: 600;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
white-space: nowrap;
}
.main-heading .election-pill:hover,
.main-heading .election-pill:focus {
filter: brightness(0.95);
box-shadow: 0 6px 16px rgba(198, 40, 40, 0.2);
transform: translateY(-1px);
}
@media (max-width: 1199.98px) {
.containerboxfirst {
padding: 32px 20px;
}
}
@media (max-width: 991.98px) {
.containerboxfirst {
flex-direction: column;
align-items: center;
}
.containerboxfirst .tabs {
flex: 1 1 100%;
max-width: 520px;
margin-left: 0;
}
div#myCarousel {
max-width: 760px;
aspect-ratio: 16 / 9;
}
.main-heading .election-pill-wrap {
width: 100%;
justify-content: center;
}
}
@media (max-width: 991.98px) {
@supports not (aspect-ratio: 1 / 1) {
div#myCarousel {
min-height: 420px;
}
div#myCarousel .carousel-inner {
min-height: 420px;
}
}
}
@media (max-width: 767.98px) {
.containerboxfirst {
padding: 28px 16px;
gap: 20px;
}
div#myCarousel {
max-width: 100%;
aspect-ratio: 3 / 2;
}
}
@media (max-width: 767.98px) {
@supports not (aspect-ratio: 1 / 1) {
div#myCarousel {
min-height: 320px;
}
div#myCarousel .carousel-inner {
min-height: 320px;
}
}
}
@media (max-width: 575.98px) {
.containerboxfirst {
padding: 16px 10px;
gap: 12px;
}
.containerboxfirst .tabs {
max-width: 100%;
}
div#myCarousel {
max-width: 100%;
border-width: 1px;
aspect-ratio: 4 / 3;
}
.main-heading .election-pill {
width: 100%;
white-space: normal;
text-align: center;
line-height: 1.4;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
margin-top: 32px !important;
padding-left: 12px;
padding-right: 12px;
}
.noticetab {
margin-left: 0 !important;
}
.noticeUp,
.publicAppeal {
margin-left: 0 !important;
width: 100% !important;
max-width: 360px;
margin-right: auto;
margin-bottom: 16px;
}
}
@media (max-width: 575.98px) {
@supports not (aspect-ratio: 1 / 1) {
div#myCarousel {
min-height: 240px;
}
div#myCarousel .carousel-inner {
min-height: 240px;
}
}
}
@media (max-width: 400px) {
div#myCarousel {
max-width: 100%;
aspect-ratio: 1 / 1;
}
}
@media (max-width: 400px) {
@supports not (aspect-ratio: 1 / 1) {
div#myCarousel {
min-height: 220px;
}
div#myCarousel .carousel-inner {
min-height: 220px;
}
}
}
/* Important Links responsive refresh */
.bbb_main_container {
padding: 20px 0;
display: flex;
justify-content: center;
}
.bbb_viewed_slider_container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.owl-carousel.owl-theme.bbb_viewed_slider {
margin: 0 auto;
padding: 8px 0 12px;
max-width: 100%;
}
.owl-carousel.owl-theme.bbb_viewed_slider .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
.bbb_viewed_slider_container .owl-stage-outer {
width: 100%;
margin: 0 auto;
}
.owl-carousel.owl-theme.bbb_viewed_slider .owl-item {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
flex: 0 0 auto ;
}
.bbb_viewed_item {
width: 100%;
max-width: 140px;
}
.bbb_viewed_image {
width: 100%;
max-width: 120px;
}
.bbb_viewed_image img {
width: 100%;
height: 48px;
object-fit: contain;
}
.owl-carousel.bbb_viewed_slider:not(.owl-loaded) {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: nowrap;
justify-content: center;
overflow: hidden;
padding-bottom: 6px;
}
.owl-carousel.bbb_viewed_slider:not(.owl-loaded) .owl-item {
width: auto !important;
padding: 10px;
flex: 0 0 auto;
}
@media (max-width: 767.98px) {
.bbb_viewed_item {
max-width: 120px;
}
.bbb_viewed_image {
max-width: 100px;
}
.bbb_viewed_image img {
height: 42px;
}
}
@media (max-width: 480px) {
.bbb_viewed_item {
max-width: 110px;
}
.bbb_viewed_image img {
height: 38px;
}
.owl-carousel.bbb_viewed_slider:not(.owl-loaded) {
justify-content: flex-start;
overflow-x: auto;
}
}
@media (max-width: 576px) {
.footerRow {
gap: 12px;
}
.footerRow .footerLink {
display: flex;
justify-content: center;
}
}
/* Sitemap page */
.sitemap-body {
background-color: #f5f8fb;
min-height: 100vh;
display: flex;
flex-direction: column;
margin-top: -25px;
}
.sitemap-body .site-header {
margin-top: 0;
padding-top: 0;
}
.sitemap-page {
flex: 1 0 auto;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 80px 24px 120px;
}
.sitemap-hero {
text-align: center;
margin-bottom: 40px;
}
.sitemap-hero h1 {
margin: 0;
font-size: clamp(2rem, 1.2vw + 1.8rem, 2.6rem);
color: #024b72;
letter-spacing: 0.5px;
}
.sitemap-hero p {
margin: 16px auto 0;
max-width: 760px;
color: #4b5e6d;
font-size: 1rem;
line-height: 1.6;
}
.sitemap-grid {
display: grid;
gap: 28px;
}
.sitemap-section {
background: #ffffff;
border-radius: 16px;
border: 1px solid rgba(2, 103, 155, 0.12);
box-shadow: 0 28px 40px -32px rgba(2, 103, 155, 0.45);
padding: 32px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sitemap-section:hover {
transform: translateY(-2px);
box-shadow: 0 34px 44px -30px rgba(2, 103, 155, 0.5);
}
.sitemap-section__header h2 {
margin: 0;
font-size: clamp(1.4rem, 0.8vw + 1.2rem, 1.8rem);
color: #024b72;
}
.sitemap-section__header p {
margin: 12px 0 0;
color: #4b5e6d;
font-size: 0.98rem;
line-height: 1.55;
}
.sitemap-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
margin-top: 24px;
}
.sitemap-link {
display: flex;
flex-direction: column;
gap: 6px;
padding: 16px 18px;
min-height: 96px;
background: #f9fbfe;
border-radius: 14px;
border: 1px solid rgba(2, 103, 155, 0.1);
text-decoration: none;
color: #024b72;
transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.sitemap-link:hover {
background: #e7f4ff;
box-shadow: 0 24px 30px -28px rgba(2, 103, 155, 0.55);
transform: translateY(-2px);
}
.sitemap-link__title {
font-weight: 600;
font-size: 1rem;
}
.sitemap-link__description {
font-size: 0.9rem;
color: #4b5e6d;
line-height: 1.5;
}
.sitemap-error {
text-align: center;
padding: 24px;
border-radius: 14px;
background: #fdecea;
color: #c62828;
font-weight: 600;
}
@media (max-width: 991.98px) {
.sitemap-page {
padding: 72px 20px 100px;
}
}
@media (max-width: 767.98px) {
.sitemap-page {
padding: 64px 20px 90px;
}
.sitemap-section {
padding: 28px 22px;
}
}
@media (max-width: 575.98px) {
.sitemap-hero h1 {
font-size: 1.9rem;
}
.sitemap-hero p {
font-size: 0.95rem;
}
.sitemap-page {
padding: 56px 16px 80px;
}
.sitemap-links {
grid-template-columns: 1fr;
gap: 14px;
}
}