@charset "UTF-8";
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); */

/* @font-face {
font-family: 'bootstrap-icons.min';
src:url('../fonts/bootstrap-icons.min.eot');
src:url('../fonts/bootstrap-icons.min.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bootstrap-icons.min.woff') format('woff'),
    url('../fonts/bootstrap-icons.min.ttf') format('truetype'),
    url('../fonts/bootstrap-icons.min.svg') format('svg');
font-weight: normal;
font-style: normal;
}

 */
 
@font-face {
  font-family: 'bootstrap-icons';
  /* src: url('https://mahades.maharashtra.gov.in/static/fonts/bootstrap-icons.eot?');
  src: url('https://mahades.maharashtra.gov.in/static/fonts/bootstrap-icons.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('https://mahades.maharashtra.gov.in/static/fonts/bootstrap-icons.woff2?v=4.6.3') format('woff2'), url('https://mahades.maharashtra.gov.in/static/fonts/bootstrap-icons.woff?v=4.6.3') format('woff'), url('https://mahades.maharashtra.gov.in/static/fonts/bootstrap-icons.ttf?v=4.6.3') format('truetype'), url('https://mahades.maharashtra.gov.in/static/fonts/bootstrap-icons.svg?v=4.6.3#bootstrap-iconsegular') format('svg'); 
   */font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sakal Marathi';
  src: url('https://mahades.maharashtra.gov.in/static/fonts/SakalMarathi-Normal.woff') format('woff');
     /*   url('https://mahades.maharashtra.gov.in/static/fonts/SakalMarathi-Normal.ttf') format('truetype'); */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
   /* src: url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Regular.woff2') format('woff2'),
       url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Regular.woff') format('woff'),*/
       src:url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Regular.ttf') format('truetype');  
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: 'Poppins';
 /*  src: url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Bold.woff2') format('woff2'),
       url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Bold.woff') format('woff'),*/
       src:url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Bold.ttf') format('truetype');
   font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ExtraBold */
@font-face {
  font-family: 'Poppins';
 /*  src: url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-ExtraBold.woff2') format('woff2'),
       url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-ExtraBold.woff') format('woff'),*/
      src: url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-ExtraBold.ttf') format('truetype'); 
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Black */
@font-face {
  font-family: 'Poppins';
 /*  src: url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Black.woff2') format('woff2'),
       url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Black.woff') format('woff'), */
      src: url('https://mahades.maharashtra.gov.in/static/fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans Devanagari';
 /*  src: url('https://mahades.maharashtra.gov.in/static/fonts/NotoSansDevanagari-VariableFont_wdth,wght.ttf') format('truetype');
   */font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}     
/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #08498D; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#08498D; 
}
/* * {
	font-family: "Poppins", sans-serif !important;
} */
/* html, body {
  font-family: "Poppins", sans-serif;
  font-style: normal;
} */

:root,
[data-des-theme=light] {
  --des-blue: #2966a3;
  --des-primary: #0C5CA5;
  --des-secondary: #404040;
  --des-dark-bg-subtle: #ced4da;
  --des-primary-border-subtle: #9ec5fe;
  --des-secondary-border-subtle: #c4c8cb;
  --des-success-border-subtle: #a3cfbb;
  --des-info-border-subtle: #9eeaf9;
  --des-warning-border-subtle: #ffe69c;
  --des-danger-border-subtle: #f1aeb5;
  --des-light-border-subtle: #e9ecef;
  --des-dark-border-subtle: #adb5bd;
  --des-white-rgb: 255, 255, 255;
  --des-black-rgb: 0, 0, 0;
  --des-font-sans-serif: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --des-body-font-family: var(--des-font-sans-serif);
  --des-body-font-size: 1rem;
  --des-body-font-weight: 400;
  --des-body-line-height: 1.5;
  --des-body-bg: #fff;
  --des-secondary-bg: #E4F3FF;
  --des-tertiary-bg: #EFEFEF;
  --des-tertiary-bg-rgb: 248, 249, 250;
  --des-heading-color: #DFDFDF;
  --des-link-color: #2966a3;
  --des-link-color-rgb: 16, 110, 234;
  --des-link-decoration: underline;
  --des-link-hover-color: #F07B00;
  --des-link-hover-color-rgb: 240, 123, 0;
  --des-code-color: #d63384;
  --des-highlight-color: #212529;
  --des-highlight-bg: #fff3cd;
  --des-border-width: 1px;
  --des-border-style: solid;
  --des-border-color: #dee2e6;
  --des-border-color-translucent: rgba(0, 0, 0, 0.175);
  --des-border-radius: 0.375rem;
  --des-border-radius-sm: 0.25rem;
  --des-border-radius-lg: 0.5rem;
  --des-border-radius-xl: 1rem;
  --des-border-radius-xxl: 2rem;
  --des-border-radius-2xl: var(--des-border-radius-xxl);
  --des-border-radius-pill: 50rem;
  --des-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --des-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --des-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --des-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --des-text-color:#404040;
}
/* body {
  font-family: 'Poppins', sans-serif !important;
} */
body {
  font-family: 'Poppins', sans-serif;
}
/* Marathi pages */
body.lang-mr {
  /* font-family: 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}
.national-emblem img{
  width: 100%;
  max-width:45px;
 /*  position: absolute;
  top: 58px; */
}
.des-top{
  background:var(--des-heading-color);
  color:var(--des-text-color);
  font-size: 1em;
}
.des-top a{
  color:var(--des-text-color);
  text-decoration: none;
}
.des-top .top-btn{
  border:#fff 1px solid;
  text-transform: uppercase;
   padding:0.75em 0.875em;
}
.des-head{
  position: relative;
  text-transform: uppercase;
}
.des-head h1{
  color:var(--des-primary);
  font-size:2.8em;
  font-weight: 800;
  /* font-family: Noto sans-serif; */
}
.des-head h2{
  color:var(--des-primary);
  font-size: 1.5em;
  font-weight: 400;
  /* font-family: Noto sans-serif; */
}
.des-logo{
  text-align: left;
}
.maha-logo{
  text-align: right;
}
.maha-title{
 text-align: center;
}
.login-btn .announcements a {
  color: #404040;
  text-decoration: none;
  font-size: 0.875em;
}
.maha-des{
  position: relative;
  /* font-family: 'Poppins', sans-serif, Arial, Sakal Marathi, sans-serif; */
 /* /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */ */
  color:#404040;
}
.maha-des .des-bg{
  background: var(--des-secondary-bg);
}
.maha-des h1{
  font-size: 1.875em;
  font-weight: 600;
  text-transform: uppercase;
}
.maha-des h2{
  font-size: 1em;
  /* font-weight: 600; */
 /*  text-transform: uppercase; */
}
.banner{
	margin-bottom: 16px;
}
.maha-des p{
  font-size:1.2em;
  line-height:1.8; 
 /*  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */ */
 /* font-weight: 800; */
 font-family: 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif;
  text-align: justify;
}
.maha-des .maha-btn{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  /* background: #2966a3; */
  background:#2966a3;
  border-radius: 8px;
  color:#fff;
  padding:10px 20px;
  border: none;
}
.maha-des .maha-btn:hover{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  background: #F07B00;
  border-radius: 8px;
  color:#fff;
  padding:10px 20px;
  border: none;
}
.maha-des .maha-btn:disabled {
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
    background: #b3b3b3;
    border-radius: 8px;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: not-allowed;
}
.maha-des .maha-btn:disabled:hover {
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
    background: #b3b3b3;
    border-radius: 8px;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: not-allowed;
}
/* .maha-des p{
  font-size: 1.125em
  line-height:2.5;
  text-align: justify;
} */
.maha-des .analytics-report-bg{
  background-image: url("../images/rectangle-bg.png");
  background-size: cover;
}
.announcements{
  background:#032a52;
  /* padding:5px; */
}
.announcements h1{
  color:#d7d7d7;
  font-size: 1.125em;
  font-weight: 700;
  font-style: italic;
}
.announcements .text14{
  color:#404040;
  float: left;
  font-size: 0.875em;
}
.announcements a{
  color:#2966a3;
  text-decoration: none;
  font-size: 0.875em;
}
.announcements .list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color:none !important;
  border:none;
}
.org-structure{
  /* background: #EFEFEF; */
  overflow: auto;
  background-image: url(../images/organization_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.org-structure h1{
  font-size: 1.875em;
  font-weight: 600;
  text-transform: uppercase;
  color:#0C5CA5;
}
.org-structure .card p{
  font-size: 1.125em;
  line-height:1.5 !important;
}
.org-structure .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#0C5CA5;
  border-bottom:4px solid #0C5CA5;
}
.org-structure .org-btn{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  background: #fff;
  border-radius: 8px;
  color:#404040;
  padding:10px 20px;
  border:#2966a3 solid 1px;
}
.org-btn-new{
  font-size:0.8em;
  font-weight: 600;
  text-transform: uppercase;
  background: #fff;
  border-radius: 8px;
  color:#404040;
  padding:10px 20px;
  border:#2966a3 solid 1px;
}
.org-btn-new:hover{
  background:#2966a3;
  border:#fff solid 1px;
  color:#fff;
}
/* .org-structure .org-btn:hover{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  background: #F07B00;
  border-radius: 8px;
  color:#fff;
  padding:10px 20px;
  border:#F07B00 solid 1px;
} */
.structure-person .card-img-top{
  border-radius: 10px 10px 0px 0px;
  
}
.structure-person .card img{
  width: 100%;
}
.structure-person .card{
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.structure-person h1{
  font-size:1.125em !important;
  font-weight: 600;
}
.structure-person p{
  font-size:0.75em !important;
  font-weight: 400;
}
.new-project .bg{
  background:#fff;
}
.new-project h1{
  font-size: 1.875em;
  font-weight: 600;
  text-transform: uppercase;
  color:#0C5CA5;
}
.new-project .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#0C5CA5;
  border-bottom:4px solid #0C5CA5;
}
.new-project .org-btn{
  font-size:0.875em;
  font-weight: 600;
  text-transform: uppercase;
  background: #fff;
  border-radius: 8px;
  color:#404040;
  padding:5px 10px;
  border:#2966a3 solid 1px;
}
.new-project .org-btn:hover{
  background: #F07B00;
  color:#fff;
  border:#F07B00 solid 1px;
}
.new-project01{
  background:#E4F3FF;
  padding:20px;
}
.new-project .name{
  font-size: 1.125em;
  font-weight:600;
  color:#404040;
}
.new-project img{
  /* max-width:69px;
  height:61px;
  vertical-align: middle; */
}
.des-footer .bg{
  /* background:#0c5ca5;*/
  /* background:#0b2641 !important;  */
  background:#163e66 !important;
  /* padding-bottom:3%; */
  /* padding-bottom:1%; */
}
.des-footer .copyright-bg{
  background:#001833;
  padding:5px 20px;
  color:#fff;
  font-size:0.875em;
}
.des-footer .tandc{
  font-size:0.75em;
}
.des-footer .tandc span{
  color:#F07B00;
}
.des-footer a{
  color:#fff;
  text-decoration: none;
}
.des-footer a:hover{
  color:#F07B00;
}
.total-Visitors{
  border:#2966a3 solid 1px;
  padding: 2px;
}
.des-address h1{
  color:#fff;
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
}
.des-address{
  font-size: 0.875em;
  font-weight:200;
}
.des-address p{
  color:#fff;
  font-size:1em;
  font-weight:200;
  line-height: 1.875em;
}
.des-address .contact{
  color:#F07B00;
  font-size:1em;
  font-weight:600;
}
.des-address1 ul li{
  color: #fff;
  list-style-type: disc;
}
.des-address1 li a {
  display: block;
  color: #fff;
  text-align:left;
  padding: 1em;
  text-decoration: none;
  padding: 5px;
  font-weight:200;
}
.des-address1 li a:hover {
  color:#F07B00 !important;
}
.des-text-align{
  text-align:center;
}
.des-text-align-r{
  text-align:center;
}
.des-footer-text{
  display: flex;
  justify-content:space-between;
}
/*  DES java css */
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color:#EAF9FF;
 }
 
.table>:not(caption)>*>* {
    color:none;
}
.new-tenderlabel {
  background-color: red;
  animation-name: new-tenderlabel;
  animation-duration: 4s;
  animation-iteration-count:infinite;
  animation-direction: alternate-reverse;
  font-weight: 600;
  text-transform: uppercase;
}
/* Disclaimers and Policies */
.des-disclaimers-policies h1{
  color:#404040;
  font-size: 1.125em
  font-weight:600;
  font-style: italic;
}
.des-disclaimers-policies p{
  font-size:1em !important;
  font-weight: 300 !important;
  line-height:2.3 !important;
}
.des-disclaimers-policies span{
  font-size:1.125em;
  font-weight: 400 !important;
}
.des-disclaimers-policies{
  position: relative;
}
.des-disclaimers-policies h2{
  font-size: 1.125em
  text-transform: uppercase;
  font-weight:400;
}


/* Request A Report */
.maha-des-request-report{
  position: relative;
  color:#404040;
  font-size:0.875em;
}
.maha-des-request-report .head{
  font-size:0.875em;
  font-weight: 600;
  color:#404040;
}
.maha-des-request-report .card{
  padding:20px;
  border-radius:8px;
  border:#C2EDFF 1px solid;
  background:#EAF9FF;
  color:#404040;
}
.maha-des-request-report .form-control {
  border: var(--bs-border-width) solid #C2EDFF;
  padding: .8rem .75rem;
  font-size:0.875em;
  color:#404040;
}
.maha-des-request-report .form-select {
  padding: .8rem 2.25rem .8rem .75rem;
  border: var(--bs-border-width) solid #C2EDFF;
  font-size:0.875em;
  color:#404040;
}
.maha-des-request-report .input-group-text {
  background-color:#eaf9ff;
  border: var(--bs-border-width) solid #C2EDFF;
}

/*  DES java css end*/



/*---------------Animation Property---------------*/
.new-label {
  animation: wiggle 2s linear infinite;
}
.new-label1 {
  animation: wiggle 2s linear infinite;
}
.new-label2 {
  animation: wiggle 2s linear infinite;
}
/* Keyframes */
@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}
.new-label {
  position: absolute;
  background:#d63384;
  background: linear-gradient(top, #555, #333);
  /*border: 2px solid orange;*/
  border-radius:2em;
  color: #fff;
  font-size:10px;
  transform-origin: 50% 5em;
  z-index:1;
  padding:0px 5px;
  font-weight:600;
  top: -7px;
     margin-left: 1px;
}

.sub-new-label {
  animation: wiggle1 2s linear infinite;
}
/* Keyframes */
@keyframes wiggle1 {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-10deg);
  }
  20% {
    transform: rotateZ(15deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}
.sub-new-label {
  position: absolute;
  background:#d63384;
  background: linear-gradient(top, #555, #333);
  border-radius:2em;
  color: #fff;
  font-size:10px;
  transform-origin: 50% 5em;
  z-index:99999999;
  padding:0px 5px;
  font-weight:600;
  margin-left:10px;
}
/*---------------Animation Property---------------*/

.des-top .top-btn:hover{
	border:#fff 1px solid;
	text-transform: uppercase;
	padding: 7px 0.875em;
	background:#cecece;
}

/*---------------Map Hover------------*/
.img-box {
  position: relative;
}
.world_map_container {
  position: relative;
}
#transparent_map {
  border: medium none;
  height: 349px;
  position: absolute;
  width: 481px;
  z-index: 9;
}
#area_puna:hover {
  position: absolute;
  left: 100px;
  top: 164px;
  width: 200px;
  height: 200px;
  display: block;
  background: url(../images/map-img/Pune.svg) no-repeat top left;
}
#area_gondia:hover {
  position: absolute;
  left: 520px;
  top: 19px;
  width: 69px;
  height: 76px;
  display: block;
  background: url(../images/map-img/Gondia.svg) no-repeat top left;
}
#area_gadchiroli:hover {
  position: absolute;
  left: 526px;
  top: 71px;
  width: 90px;
  height: 174px;
  display: block;
  background: url(../images/map-img/Gadchiroli.svg) no-repeat top left;
}
#area_chandrapur:hover {
  position: absolute;
  left: 450px;
  top: 80px;
  width: 98px;
  height: 105px;
  display: block;
  background: url(../images/map-img/Chandrapur.svg) no-repeat top left;
}
#area_nagpur:hover {
  position: absolute;
  left: 419px;
  top: 1.125em;
  width: 105px;
  height: 87px;
  display: block;
  background: url(../images/map-img/Nagpur.svg) no-repeat top left;
}
#area_yavatmal:hover {
  position: absolute;
  left: 361px;
  top: 84px;
  width: 137px;
  height: 97px;
  display: block;
  background: url(../images/map-img/Yavatmal.svg) no-repeat top left;
}
#area_wardha:hover {
  position: absolute;
  left: 405px;
  top: 43px;
  width: 95px;
  height: 86px;
  display: block;
  background: url(../images/map-img/Wardha.svg) no-repeat top left;
}
#area_bhandara:hover {
  position: absolute;
  left: 498px;
  top: 23px;
  width: 52px;
  height: 77px;
  display: block;
  background: url(../images/map-img/Bhandara.svg) no-repeat top left;
}
#area_washim:hover {
  position: absolute;
  left: 309px;
  top: 73px;
  width: 95px;
  height: 82px;
  display: block;
  background: url(../images/map-img/Washim.svg) no-repeat top left;
}
#area_nanded:hover {
  position: absolute;
  left: 332px;
  top: 135px;
  width: 111px;
  height: 131px;
  display: block;
  background: url(../images/map-img/Nanded.svg) no-repeat top left;
}
#area_amaravathi:hover {
  position: absolute;
  left: 313px;
  top: 0.875em;
  width: 134px;
  height: 101px;
  display: block;
  background: url(../images/map-img/Amaravati.svg) no-repeat top left;
}
#area_hingoli:hover {
  position: absolute;
  left: 317px;
  top: 125px;
  width: 77px;
  height: 91px;
  display: block;
  background: url(../images/map-img/Hingoli.svg) no-repeat top left;
}
#area_akola:hover {
  position: absolute;
  left: 321px;
  top: 47px;
  width: 200px;
  height: 200px;
  display: block;
  background: url(../images/map-img/Akola.svg) no-repeat top left;
}
#area_buldhana:hover {
  position: absolute;
  left: 273px;
  top: 48px;
  width: 77px;
  height: 160px;
  display: block;
  background: url(../images/map-img/Buldhana.svg) no-repeat top left;
}

#area_pid:hover {
  position: absolute;
  left: 199px;
  top: 168px;
  width: 140px;
  height: 71px;
  display: block;
  background: url(../images/map-img/Beed.svg) no-repeat top left;
}
#area_osmanbad:hover {
  position: absolute;
  left: 227px;
  top: 213px;
  width: 112px;
  height: 83px;
  display: block;
  background: url(../images/map-img/Dharashiv.svg) no-repeat top left;
}
#area_lathur:hover {
  position: absolute;
  left: 293px;
  top: 203px;
  width: 98px;
  height: 92px;
  display: block;
  background: url(../images/map-img/Latur.svg) no-repeat top left;
}
#area_parbhani:hover {
  position: absolute;
  left: 287px;
  top: 132px;
  width: 70px;
  height: 90px;
  display: block;
  background: url(../images/map-img/Parbhani.svg) no-repeat top left;
}
#area_jalna:hover {
  position: absolute;
  left: 249px;
  top: 84px;
  width: 68px;
  height: 106px;
  display: block;
  background: url(../images/map-img/Jalna.svg) no-repeat top left;
}
#area_jalgaon:hover {
  position: absolute;
  left: 196px;
  top: 35px;
  width: 120px;
  height: 92px;
  display: block;
  background: url(../images/map-img/Jalgaon.svg) no-repeat top left;
}
#area_dhule:hover {
  position: absolute;
  left: 144px;
  top: 1.5625em;
  width: 89px;
  height: 77px;
  display: block;
  background: url(../images/map-img/Dhule.svg) no-repeat top left;
}
#area_nandurbar:hover {
  position: absolute;
  left: 125px;
  top: -6px;
  width: 91px;
  height: 83px;
  display: block;
  background: url(../images/map-img/Nandurbar.svg) no-repeat top left;
}
#area_nashik:hover {
  position: absolute;
  left: 85px;
  top: 68px;
  width: 143px;
  height: 111px;
  display: block;
  background: url(../images/map-img/Nashik.svg) no-repeat top left;
}
#area_ahmadnagar:hover {
  position: absolute;
  left: 116px;
  top: 126px;
  width: 150px;
  height: 130px;
  display: block;
  background: url(../images/map-img/Ahmednagar.svg) no-repeat top left;
}
#area_solapur:hover {
  position: absolute;
  left: 180px;
  top: 221px;
  width: 150px;
  height: 113px;
  display: block;
  background: url(../images/map-img/Solapur.svg) no-repeat top left;
}
#area_satara:hover {
  position: absolute;
  left: 117px;
  bottom: 76px;
  width: 106px;
  height: 86px;
  display: block;
  background: url(../images/map-img/Satara.svg) no-repeat top left;
}
#area_sangli:hover {
  position: absolute;
  left: 119px;
  bottom: 48px;
  width: 158px;
  height: 80px;
  display: block;
  background: url(../images/map-img/Sangli.svg) no-repeat top left;
}
#area_kolhapur:hover {
  position: absolute;
  left: 127px;
  top: 311px;
  width: 100px;
  height: 114px;
  display: block;
  background: url(../images/map-img/Kolhapur.svg) no-repeat top left;
}
#area_sindhudurg:hover {
  position: absolute;
  left: 110px;
  bottom: -23px;
  width: 104px;
  height: 80px;
  display: block;
  background: url(../images/map-img/Sindhudurg.svg) no-repeat top left;
}
#area_ratnagiri:hover {
  position: absolute;
  left: 93px;
  bottom: 35px;
  width: 76px;
  height: 115px;
  display: block;
  background: url(../images/map-img/Ratnagiri.svg) no-repeat top left;
}
#area_raigarh:hover {
  position: absolute;
  left: 80px;
  top: 185px;
  width: 71px;
  height: 105px;
  display: block;
  background: url(../images/map-img/Raigad.svg) no-repeat top left;
}
#area_thane:hover {
  position: absolute;
  left: 69px;
  top: 141px;
  width: 77px;
  height: 57px;
  display: block;
  background: url(../images/map-img/Thane.svg) no-repeat top left;
}
#area_palghar:hover {
  position: absolute;
  left: 67px;
  top: 108px;
  width: 60px;
  height: 68px;
  display: block;
  background: url(../images/map-img/Palghar.svg) no-repeat top left;
}
#area_mumbai-city:hover {
  position: absolute;
  left: 79px;
  top: 191px;
  width: 20px;
  height: 20px;
  display: block;
  background: url(../images/map-img/Mumbai_City.svg) no-repeat top left;
}
#area_mumbai-suburban:hover {
  position: absolute;
  left: 77px;
  top: 173px;
  width: 1.875em;
  height: 20px;
  display: block;
  background: url(../images/map-img/Mumbai_Suburban.svg) no-repeat top left;
}

#area_chhatrapati-sambhajinagar:hover {
  position: absolute;
  left: 187px;
  top: 83px;
  width: 100px;
  height: 101px;
  display: block;
  background: url(../images/map-img/Chhatrapati_Sambhajinagar.svg) no-repeat top left;
  
}

#area_Ahilyanagar:hover {
    position: absolute;
    left: 113px;
    top: 122px;
    width: 156px;
    height: 133px;
    display: block;
    background: url(../images/map-img/Ahilyanagar.svg) no-repeat top left;
}
#area_amaravathi:hover {
    position: absolute;
    left: 314px;
    top: 1em;
    width: 136px;
    height: 99px;
    display: block;
    background: url(../images/map-img/Amravati.svg) no-repeat top left;
}




/*-------------Marathi images Hover------------*/

#area_puna_mr:hover {
  position: absolute;
  left: 100px;
  top: 164px;
  width: 200px;
  height: 200px;
  display: block;
  background: url(../images/map_mr/Pune.svg) no-repeat top left;
}
#area_gondia_mr:hover {
  position: absolute;
  left: 520px;
  top: 19px;
  width: 69px;
  height: 76px;
  display: block;
  background: url(../images/map_mr/Gondia.svg) no-repeat top left;
}
#area_gadchiroli_mr:hover {
  position: absolute;
  left: 526px;
  top: 71px;
  width: 80px;
  height: 150px;
  display: block;
  background: url(../images/map_mr/Gadchiroli.svg) no-repeat top left;
}
#area_chandrapur_mr:hover {
  position: absolute;
  left: 450px;
  top: 80px;
  width: 98px;
  height: 105px;
  display: block;
  background: url(../images/map_mr/Chandrapur.svg) no-repeat top left;
}
#area_nagpur_mr:hover {
  position: absolute;
  left: 419px;
  top: 1.125em;
  width: 105px;
  height: 87px;
  display: block;
  background: url(../images/map_mr/Nagpur.svg) no-repeat top left;
}
#area_yavatmal_mr:hover {
  position: absolute;
  left: 361px;
  top: 84px;
  width: 137px;
  height: 97px;
  display: block;
  background: url(../images/map_mr/Yavatmal.svg) no-repeat top left;
}
#area_wardha_mr:hover {
  position: absolute;
  left: 405px;
  top: 43px;
  width: 95px;
  height: 86px;
  display: block;
  background: url(../images/map_mr/Wardha.svg) no-repeat top left;
}
#area_bhandara_mr:hover {
  position: absolute;
  left: 498px;
  top: 23px;
  width: 52px;
  height: 77px;
  display: block;
  background: url(../images/map-img/Bhandara.svg) no-repeat top left;
}
#area_washim_mr:hover {
  position: absolute;
  left: 309px;
  top: 73px;
  width: 95px;
  height: 82px;
  display: block;
  background: url(../images/map_mr/Washim.svg) no-repeat top left;
}
#area_nanded_mr:hover {
  position: absolute;
  left: 332px;
  top: 135px;
  width: 111px;
  height: 131px;
  display: block;
  background: url(../images/map_mr/Nanded.svg) no-repeat top left;
}
#area_amaravathi_mr:hover {
  position: absolute;
  left: 313px;
  top: 0.875em;
  width: 134px;
  height: 101px;
  display: block;
  background: url(../images/map_mr/Amaravati.svg) no-repeat top left;
}
#area_hingoli_mr:hover {
  position: absolute;
  left: 317px;
  top: 125px;
  width: 77px;
  height: 91px;
  display: block;
  background: url(../images/map_mr/Hingoli.svg) no-repeat top left;
}
#area_akola_mr:hover {
  position: absolute;
  left: 321px;
  top: 47px;
  width: 80px;
  height: 80px;
  display: block;
  background: url(../images/map_mr/Akola.svg) no-repeat top left;
}
#area_buldhana_mr:hover {
  position: absolute;
  left: 273px;
  top: 48px;
  width: 77px;
  height: 160px;
  display: block;
  background: url(../images/map_mr/Buldhana.svg) no-repeat top left;
}
#area_aurangabad_mr:hover {
  position: absolute;
  left: 187px;
  top: 83px;
  width: 100px;
  height: 101px;
  display: block;
  background: url(../images/map_mr/Chhatrapati_sambhajinagar.svg) no-repeat top left;
}
#area_pid_mr:hover {
  position: absolute;
  left: 199px;
  top: 168px;
  width: 140px;
  height: 71px;
  display: block;
  background: url(../images/map_mr/Beed.svg) no-repeat top left;
}
#area_osmanbad_mr:hover {
  position: absolute;
  left: 227px;
  top: 213px;
  width: 112px;
  height: 83px;
  display: block;
  background: url(../images/map_mr/Dharashiv.svg) no-repeat top left;
}
#area_lathur_mr:hover {
  position: absolute;
  left: 293px;
  top: 203px;
  width: 98px;
  height: 92px;
  display: block;
  background: url(../images/map_mr/Latur.svg) no-repeat top left;
}
#area_parbhani_mr:hover {
  position: absolute;
  left: 287px;
  top: 132px;
  width: 70px;
  height: 90px;
  display: block;
  background: url(../images/map_mr/Parbhani.svg) no-repeat top left;
}
#area_jalna_mr:hover {
  position: absolute;
  left: 249px;
  top: 84px;
  width: 68px;
  height: 106px;
  display: block;
  background: url(../images/map_mr/Jalna.svg) no-repeat top left;
}
#area_jalgaon_mr:hover {
  position: absolute;
  left: 196px;
  top: 35px;
  width: 120px;
  height: 92px;
  display: block;
  background: url(../images/map_mr/Jalgaon.svg) no-repeat top left;
}
#area_dhule_mr:hover {
  position: absolute;
  left: 144px;
  top: 1.5625em;
  width: 89px;
  height: 77px;
  display: block;
  background: url(../images/map_mr/Dhule.svg) no-repeat top left;
}
#area_nandurbar_mr:hover {
  position: absolute;
  left: 125px;
  top: -6px;
  width: 91px;
  height: 83px;
  display: block;
  background: url(../images/map_mr/Nandurbar.svg) no-repeat top left;
}
#area_nashik_mr:hover {
  position: absolute;
  left: 85px;
  top: 68px;
  width: 143px;
  height: 111px;
  display: block;
  background: url(../images/map_mr/Nashik.svg) no-repeat top left;
}
#area_ahmadnagar_mr:hover {
  position: absolute;
  left: 116px;
  top: 126px;
  width: 150px;
  height: 130px;
  display: block;
  background: url(../images/map_mr/Ahmednagar.svg) no-repeat top left;
}
#area_solapur_mr:hover {
  position: absolute;
  left: 180px;
  top: 221px;
  width: 150px;
  height: 113px;
  display: block;
  background: url(../images/map_mr/Solapur.svg) no-repeat top left;
}
#area_satara_mr:hover {
  position: absolute;
  left: 117px;
  bottom: 76px;
  width: 106px;
  height: 86px;
  display: block;
  background: url(../images/map_mr/Satara.svg) no-repeat top left;
}
#area_sangli_mr:hover {
  position: absolute;
  left: 119px;
  bottom: 48px;
  width: 158px;
  height: 80px;
  display: block;
  background: url(../images/map_mr/Sangli.svg) no-repeat top left;
}
#area_kolhapur_mr:hover {
  position: absolute;
  left: 123px;
  top: 309px;
  width: 100px;
  height: 114px;
  display: block;
  background: url(../images/map_mr/Kolhapur.svg) no-repeat top left;
}
#area_sindhudurg_mr:hover {
  position: absolute;
  left: 65px;
  bottom: -1.125em;
  width: 104px;
  height: 80px;
  display: block;
  background: url(../images/map_mr/Sindhudurg.svg) no-repeat top left;
}
#area_ratnagiri_mr:hover {
  position: absolute;
  left: 74px;
  bottom: 40px;
  width: 76px;
  height: 115px;
  display: block;
  background: url(../images/map_mr/Ratnagiri.svg) no-repeat top left;
}
#area_raigarh_mr:hover {
  position: absolute;
  left: 67px;
  top: 176px;
  width: 71px;
  height: 105px;
  display: block;
  background: url(../images/map_mr/Raigad.svg) no-repeat top left;
}
#area_thane_mr:hover {
  position: absolute;
  left: 69px;
  top: 141px;
  width: 77px;
  height: 57px;
  display: block;
  background: url(../images/map_mr/Thane.svg) no-repeat top left;
}
#area_palghar_mr:hover {
  position: absolute;
  left: 67px;
  top: 108px;
  width: 60px;
  height: 68px;
  display: block;
  background: url(../images/map_mr/Palghar.svg) no-repeat top left;
}
#area_mumbai-city_mr:hover {
  position: absolute;
  left: 79px;
  top: 191px;
  width: 20px;
  height: 20px;
  display: block;
  background: url(../images/map_mr/Mumbai_City.svg) no-repeat top left;
}
#area_mumbai-suburban_mr:hover {
  position: absolute;
  left: 77px;
  top: 173px;
  width: 1.875em;
  height: 20px;
  display: block;
  background: url(../images/map_mr/Mumbai_Suburban.svg) no-repeat top left;
}

#area_chhatrapati-sambhajinagar_mr:hover {
  position: absolute;
  left: 193px;
  top: 90px;
  width: 100px;
  height: 101px;
  display: block;
  background: url(../images/map_mr/Chhatrapati_Sambhajinagar.svg) no-repeat top left;
}

#area_ahilyanagar_mr:hover {
    position: absolute;
    left: 113px;
    top: 122px;
    width: 156px;
    height: 133px;
    display: block;
    background: url(../images/map_mr/Ahilyanagar.svg) no-repeat top left;
}
#area_amaravathi_mr:hover {
    position: absolute;
    left: 314px;
    top: 1em;
    width: 136px;
    height: 99px;
    display: block;
    background: url(../images/map_mr/Amravati.svg) no-repeat top left;
}
/*---------------Map Hover------------*/
/*---------------------------Publications------------------------*/

.stats-table-tab{
  background-color:#e7f1ff;
  padding:2%;
  border-radius: 10px; 
}

.d-map{
  position:absolute;
  right:45px;
  /* width: 217px; */
  top: -80px;
}
.d-map-img{
  background-color: #Fff;
  border-radius: 100%;
  width:180px;
  height:180px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  border: #0a3e83 1px solid;
}
.stats-table-box h1{
  font-size: 1.125em
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
}
.stats-table-box span{
  font-size:1em;
  font-weight: 400;
  text-transform: none;
}
.stats-table-box .tab-content>.active {
  display: block;
  border: #0a3e83 solid 1px;
  /* border-top: none; */
  border-radius:0px 10px 10px 10px;
  padding:10px;
  background:#F5F6F8;
}
.stats-table-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fff !important;
  background: #0a3e83 !important;
  border: none;
 /*  font-weight: bold; */
  .stats-table-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active;
}
.stats-table-box .nav-tabs {
  border-bottom:none;
  margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent none;
}

.stats-table-box .nav-link {
  color: #404040;
  border:none;
}
.stats-table-district h1{
  font-size:1.125em;
  font-weight: 800;
  color:#2966a3;
}
.stats-table-district h2{
  font-size:1.125em;
  font-weight:800;
  color: #404040;
  text-transform: uppercase;
}
.stats-table-box .table {
  --bs-table-border-color: #ffffff ;
  border: #ffffff solid 1px;
}
.stats-table-box .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type:#F5F6F8;
}
.stats-table-box .table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type:#EAF9FF;
}
.table-text-color{
  color: #404040 !important;
  vertical-align: middle;
/*   font-size: 1.3rem; */
}
.maha-des .table-hed{
  --bs-table-bg: #C2EDFF;
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
}
.stats-table{
  background-color:#fff;
  padding:2%;
  border-radius: 10px;
  overflow: auto;
}

.stats-table .table{
  padding: 10px;
  margin-bottom: 0rem;
}
.maha-des .breadcrumb {
  font-size: 0.875em;
  --bs-breadcrumb-margin-bottom: 0rem;
  display: none;
}
.publication-head h2{
  font-size: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  color:#0C5CA5;
  /* font-family: 'Poppins', sans-serif, Arial, Sakal Marathi, sans-serif; */
}
.org-structure .card p{
  font-size: 1.125em
  line-height:1.5 !important;
}
.publication-head .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#0C5CA5;
  border-bottom:4px solid #0C5CA5;
}
.maha-des .accordion-item {
  color: var(--bs-accordion-color);
  background-color:#F8F8FE;
  border:#C2EDFF solid 1px !important;
  border-radius:8px !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
}
.maha-des .accordion {
  --bs-accordion-bg:#EAF9FF;
  border-radius:8px;
}
.maha-des .accordion-button:hover {
  background-color:#EBECFF!important;
  /* border:#c9ccff solid 1px; */
}
.maha-des .accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
	border-radius: 8px !important;
}
.maha-des .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow:none;
}
.maha-des .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color:#F8F8FE;
  box-shadow:none;
  font-weight: 600;
}
.maha-des .accordion-flush>.accordion-item:first-child {
  border: #C2EDFF solid 1px;
  border-radius: 8px !important;
}
.maha-des .accordion-header {
  /* margin-bottom: 0;
  margin-top: 1px; */
}
.maha-des .table {
  --bs-table-border-color: #ffffff;
  font-size: 1em;
}
.table-no {
  width: 20px;
}
/* .maha-des .table-height{
  max-height: 200px;
  overflow: auto;
} */
.maha-des .table-height {
 /* max-height: 300px !important;
  overflow-y: auto; */
 
}
.maha-des .breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, ">")
}
.maha-des .dropdown-toggle::after {
  content: "\F5D3";
  right: 20px;
  font-family: "bootstrap-icons";
  font-size: 1.125em;
  border: none;
  margin-left:0px;
  vertical-align:0px;
}
.maha-des .btn {
  --bs-btn-border-width:none;
}
.maha-des .dropdown-item {
  font-size: 0.875em;
  font-weight: 400;
}
.maha-des .dropdown-menu {
  --bs-dropdown-min-width:auto;
}
.maha-des .dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color:#F07B00;
  color:#fff;
}
.maha-des .dropstart .dropdown-toggle::before {
  content: "\2807";
  font-family: "bootstrap-icons";
  font-size: 1.125em;
  border: none;
  margin-left:0px;
  vertical-align:0px;
}
.maha-des .reports-details{
  font-size: 1em;
}
.maha-des .table-height p{
  line-height: 2;
}
.maha-des .table-text-color  p{
  font-size: 0.875em;
}
/*---------------------------Publications------------------------*/
/*.bi-house::before {
    content: "\f425" !important;
}*/
.font1{
	font-size: 1rem;
}

.des-about p{
  font-size:1.125em;
  font-weight: 300 !important;
}
.des-about span{
  font-size:1.125em;
  font-weight: 400 !important;
}
.des-activities{
  /* background: #E4F3FF; */
  text-align: left;
  
}
.des-activities img{
  width: 100%;
  
}
.des-activities-card{
	max-width: 20%;
	transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
/*   width: 378px;   */
}
.des-activities-card:hover{
	border:#78ade2 1px solid;
	transform: translateY(-6px) scale(1.02);
	border-radius:12px;
	box-shadow: 0 4px 8px 0 rgba(194, 237, 255, 2), 0 6px 20px 0 rgba(194, 237, 255, 2);
	overflow: hidden;
}
.des-activities .list-group-numbered {
    list-style-type: none;
    font-size: 1.125em !important;
    font-weight: 300 !important;
    line-height: 2.3 !important;
}
.des-activities-new h2{
  /* font-size: 1.125em; */
  font-size: 1.3em !important;
  text-transform: uppercase;
  font-weight:600;
  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}
.des-activities h2{
  /* font-size: 1.125em; */
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight:600;
  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}
.des-activities .text{
  	font-size:0.9em !important;
    line-height:1.8;
    /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
    text-align: justify;
}
.des-activities ol li{
  font-size: 1.1em !important;
    line-height: 2;
    /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
    text-align: justify;
}
.des-activities li{
  font-size: 1.1em;
    line-height: 2;
    /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
    text-align: justify;
}
.des-activities a{
  color: #0C5CA5;
}
.maha-des-contact{
  position: relative;
  color:#404040;
}
.maha-des-contact .card{
  border-radius: 8px;
  border: 1px solid #C2EDFF;
}
.contact-head{
  border-bottom:1px solid #C2EDFF;
}
.contact-head h1{
  font-size: 24px;
  font-weight: 800;
  color:#404040;
}
.contact-head p{
  font-size: 1.125em;
  font-weight:400;
  color:#404040;
}
.admin-contact{
  background:#EAF9FF;
  align-self: stretch;
  border: #fff solid 10px;
}
.admin-contact a{
  color:#404040;
  text-decoration: none;
}
.department-name h2{
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
  color:#404040;
}
.department-name .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#404040;
  border-bottom:2px solid #404040;
}
.contact-bg{
  justify-content: stretch;
  border: #fff solid 10px;
}

/* books */
.books-card{
  position: relative;
  background:#63617D;
  width:100%;
  height: 575px;
  border-radius:20px;
  background-image: url(../images/books.jpg);
  background-size: cover;
  box-shadow: rgba(255, 255, 255, 0.2) 5px 0px 0px;
  background-position: center;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.books-back-pad{
  background: #0A0441;
  border-radius:20px 0px 0px 20px;
  width:50px;
  height:100%;
  float: left;
}
.books-back-padline{
  background: #0A0441;
  border-radius:20px 0px 0px 20px;
  width: 88%;
  height:100%;
  border-right: #6b5df1 solid 2px;
}
.books-back-cover{
  /* background-image:url(../images/books.jpg); */
  background-size:cover;
  box-shadow: rgba(255, 255, 255, 0.2) 5px 0px 0px;
  background-position: center;
  border-radius:0px 20px 20px 0px;
  position: absolute;
  /* width:87%; */
  height:100%;
  float: left;
  margin-left: 50px;
}
.books-back{
  background:#63617D;
  border-radius:20px;
}
/*new label ESOM */
.new-tenderlabel {
  background-color: red;
  animation-name: new-tenderlabel;
  animation-duration: 4s;
  animation-iteration-count:infinite;
  animation-direction: alternate-reverse;
  font-weight: 600;
  text-transform: uppercase;
}
.table-no1 {
  width: 40px;
}
.table-years1 {
  width: 100px;
}

.e-survey {
  background: #F8F8FE;
  border-radius: 8px;
  border:#EFEFEF solid 1px;
  height: fit-content;
}
.e-survey-box{
	height:500px;
    overflow: auto;
}
.e-survey h1{
  font-size: 1.125em;
}
.sliderTab, .sliderTab2 {
          position: relative;
          overflow: hidden;
          margin: 0px 32px 0px 1.875em !important;
        }
    
        .sliderTab .swiper-slide, .sliderTab2 .swiper-slide {
          width: auto !important;
          height: 61px;
          margin-top: 10px;
        }
    
        .sliderTab .swiper-slide a, .sliderTab2 .swiper-slide a {
          display: block;
          text-align: center;
        }
    
        .sliderTab .swiper-slide .text, .sliderTab2 .swiper-slide .text {
          position: relative;
          display: inline-block;
          padding: 15px 20px 15px 20px;
          white-space: nowrap;
          font-size: 15px;
          line-height: 1em;
          letter-spacing: 0.05em;
          transition: 0.25s;
        }
    
        .sliderTab .swiper-slide .text:after, .sliderTab2 .swiper-slide .text:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 0;
          height: 2px;
          background: var(--color1);
          transform: translateX(-50%);
          transition: 0.25s;
        }
    
        .sliderTab .swiper-slide.on .text, .sliderTab2 .swiper-slide.on .text {
          color: var(--color1);
          text-shadow: 0 0 0.8px var(--color1), 0 0 0.8px var(--color1);
        }
    
        .sliderTab .swiper-slide.on .text:after, .sliderTab2 .swiper-slide.on .text:after {
          width: 100%;
        }
    /*tab2*/
    .sliderTab2 {
          position: relative;
          overflow: hidden;
          margin: 0px 32px 0px 1.875em !important;
        }
    
       .sliderTab2 .swiper-slide {
          width: auto !important;
          height: 61px;
          margin-top: 10px;
        }
    
        .sliderTab2 .swiper-slide a {
          display: block;
          text-align: center;
        }
    
      .sliderTab2 .swiper-slide .text {
          position: relative;
          display: inline-block;
          padding: 15px 20px 15px 20px;
          white-space: nowrap;
          font-size: 15px;
          line-height: 1em;
          letter-spacing: 0.05em;
          transition: 0.25s;
        }
    
       .sliderTab2 .swiper-slide .text:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 0;
          height: 2px;
          background: var(--color1);
          transform: translateX(-50%);
          transition: 0.25s;
        }
    
        .sliderTab .swiper-slide.on .text, .sliderTab2 .swiper-slide.on .text {
          color: var(--color1);
          text-shadow: 0 0 0.8px var(--color1), 0 0 0.8px var(--color1);
        }
    
        .sliderTab .swiper-slide.on .text:after, .sliderTab2 .swiper-slide.on .text:after {
          width: 100%;
        }
    
        .sliderContent {
          width: 100%;
        }
    
        .sliderContent .swiper-slide {
          padding: 0 1.875em;
        }
    
        .sliderContent .swiper-slide .title {
          margin-bottom: 15px;
          font-size: 1.875em;
          text-align: center;
        }
    
        .sliderContent .swiper-slide .content {
          margin: 0 auto;
          max-width: 500px;
          font-size: 0.875em;
          line-height: 2;
          text-align: center;
        }
   /*  ------------------------------------------    */
   
   
   
   
   @charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
  /* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #08498D; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#08498D; 
}
/* html, body {
  font-family: 'Poppins', sans-serif, Arial, Sakal Marathi, sans-serif;
  font-style: normal;
  font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif !important;
} */
:root,
[data-des-theme=light] {
  --des-blue: #2966a3;
  --des-primary: #0C5CA5;
  --des-secondary: #404040;
  --des-dark-bg-subtle: #ced4da;
  --des-primary-border-subtle: #9ec5fe;
  --des-secondary-border-subtle: #c4c8cb;
  --des-success-border-subtle: #a3cfbb;
  --des-info-border-subtle: #9eeaf9;
  --des-warning-border-subtle: #ffe69c;
  --des-danger-border-subtle: #f1aeb5;
  --des-light-border-subtle: #e9ecef;
  --des-dark-border-subtle: #adb5bd;
  --des-white-rgb: 255, 255, 255;
  --des-black-rgb: 0, 0, 0;
  --des-font-sans-serif: "Poppins", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --des-body-font-family: var(--bs-font-sans-serif);
  --des-body-font-size: 1rem;
  --des-body-font-weight: 400;
  --des-body-line-height: 1.5;
  --des-body-bg: #fff;
  --des-secondary-bg: #E4F3FF;
  --des-tertiary-bg: #EFEFEF;
  --des-tertiary-bg-rgb: 248, 249, 250;
  --des-heading-color: #DFDFDF;
  --des-link-color: #2966a3;
  --des-link-color-rgb: 16, 110, 234;
  --des-link-decoration: underline;
  --des-link-hover-color: #F07B00;
  --des-link-hover-color-rgb: 240, 123, 0;
  --des-code-color: #d63384;
  --des-highlight-color: #212529;
  --des-highlight-bg: #fff3cd;
  --des-border-width: 1px;
  --des-border-style: solid;
  --des-border-color: #dee2e6;
  --des-border-color-translucent: rgba(0, 0, 0, 0.175);
  --des-border-radius: 0.375rem;
  --des-border-radius-sm: 0.25rem;
  --des-border-radius-lg: 0.5rem;
  --des-border-radius-xl: 1rem;
  --des-border-radius-xxl: 2rem;
  --des-border-radius-2xl: var(--des-border-radius-xxl);
  --des-border-radius-pill: 50rem;
  --des-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --des-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --des-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --des-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --des-text-color:#404040;
}
.logon-btn{
	background:#F07B00;
	color:#000 !important;
	font-weight:bold;
	/*text-transform:none !important;
  	font-size: 0.875em;
  	text-align: center;
    padding:5px 15px;
    text-decoration: none; */
}
.logon-btn:hover{
	background:#2966a3 !important;
	color:#fff !important;
}
.head-text-color{
	color:var(--des-blue);
}
.des-top{
  background:var(--des-heading-color);
  color:var(--des-text-color);
  font-size: 0.75em;
}
.des-top a{
  color:var(--des-text-color);
  text-decoration: none;
}
.des-top .top-btn{
  border:#fff 1px solid;
  text-transform: uppercase;
  padding:0.75em 0.875em;
}
.des-head{
  position: relative;
  text-transform: uppercase;
}
.des-head h1{
  color:var(--des-primary);
  font-size:2.8em;
  font-weight: 800;
}
.des-head h2{
  color:var(--des-primary);
  font-size: 1.5em;
  font-weight: 400;
}
.des-logo{
  text-align: left;
}
.maha-logo{
  text-align: right;
}
.maha-title{
 text-align: center;
}
.login-btn .announcements a {
  color: #404040;
  text-decoration: none;
  font-size: 0.875em;
}
.maha-des{
  position: relative;
  /* font-family: 'Poppins', sans-serif, Arial, Sakal Marathi, sans-serif; */
  /* font-family: 'Poppins', Arial, 'Sakal Marathi', Mangal, 'Arial Unicode MS', sans-serif; */
  color:#404040;
}
.maha-des .des-bg {
  position: relative;
  overflow: hidden;
}

/* .maha-des .des-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--des-secondary-bg);
 background-image: url("../images/home-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: transform 10s ease-in-out alternate;
  animation: zoomEffect 10s infinite alternate ease-in-out;
} */
.maha-des .des-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/home-bg.png);
  background: linear-gradient(135deg, rgb(186 253 184 / 80%) 0%, rgb(41 152 211 / 40%) 50%, rgba(72, 202, 228, 0.80) 100%), url(../images/home-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* transform: scale(1);
  transition: transform 10s ease-in-out alternate;
  animation: zoomEffect 10s infinite alternate ease-in-out; */
}
@keyframes zoomEffect {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}
.maha-des h1{
  font-size: 1.875em;
  font-weight: 600;
  text-transform: uppercase;
}
/* .maha-des p{
  font-size: 1.125em
  line-height:2.5;
  text-align: justify;  
} */
.des-about-new p{
  font-size: 1.125em !important;
  font-weight: 300 !important;
  line-height: 2.3 !important;
  text-align: justify;  
}
.maha-des .maha-btn{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  /* background: #2966a3; */
  background:#2966a3;
  border-radius: 8px;
  color:#fff;
  padding:10px 20px;
  border: none;
}
.maha-des .maha-btn:hover{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  background: #F07B00;
  border-radius: 8px;
  color:#fff;
  padding:10px 20px;
  border: none;
}
/* .maha-des p{
  font-size:1.125em;
  line-height:2.5;
  text-align: justify;
} */
.maha-des .analytics-report-bg{
  background-image: url("../images/rectangle-bg.png");
  background-size: cover;
}
.announcements{
  background:#032a52;
  /* padding:5px; */
  border-bottom: 1px solid #d8e0e2;
  /* border-top: 1px solid #404040; */
}
.announcements h1{
  color:#d7d7d7;
  font-size: 1.125em;
  font-weight: 700;
  font-style: italic;
}
.announcements .text14{
  color:#404040;
  float: left;
  font-size: 0.875em;
}
.announcements a{
  color:#dfdfdf;
  /* color:#2966a3; */
  text-decoration: none;
  font-size: 0.8em;
}
.announcements .list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color:none !important;
  border:none;
}
.org-structure{
  /* background: #EFEFEF; */
  background-image: url(../images/organization_bggy1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: auto;
}
.org-structure .card{
  padding:10px;
  
}
.org-structure .card img{
  width:100%;
}
.org-structure h1{
  font-size: 1.875em;
  font-weight: 600;
  text-transform: uppercase;
  color:#0C5CA5;
}
.org-structure .card p{
  font-size: 1.125em
  line-height:1.5 !important;
}
.org-structure .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#0C5CA5;
  border-bottom:4px solid #0C5CA5;
}
.org-structure .org-btn{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  background: #fff;
  border-radius: 8px;
  color:#404040;
  padding:10px 20px;
  border:#2966a3 solid 1px;
}

/* .org-structure .org-btn:hover{
  font-size:1.125em;
  font-weight: 600;
  text-transform: uppercase;
  background: #F07B00;
  border-radius: 8px;
  color:#fff;
  padding:10px 20px;
  border:#F07B00 solid 1px;
} */
.structure-person{
	font-family: "Sakal Marathi", "Mangal", "Arial Unicode MS", Arial, sans-serif !important;
}
.structure-person .box{
	display:flex;;
	justify-content: center;
	align-items: center;
}
.structure-person .card-img-top{
  border-radius: 10px 10px 0px 0px;
}

.structure-person .card{
  border-radius:8px;
  border: #C2EDFF 1px solid;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  width:135px;
  padding:5px
 /*  height: 200px; */
}
.structure-person .card-big{
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  width:200px;
 /*  height: 200px; */
}
.structure-person h1{
  font-size:0.75em !important;
  font-weight:600;
}
.structure-person .card-body {
  padding: 0px !important;
}
.structure-person p{
  font-size:0.7em !important;
  font-weight: 600;
  color: #404040 !important;
}
.new-project .bg{
  background:#fff;
}
.new-project h1{
  font-size: 1.875em;
  font-weight: 600;
  text-transform: uppercase;
  color:#0C5CA5;
}
.new-project .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#0C5CA5;
  border-bottom:4px solid #0C5CA5;
}
.new-project .org-btn{
  font-size:0.875em;
  font-weight: 600;
  text-transform: uppercase;
  background: #fff;
  border-radius: 8px;
  color:#404040;
  padding:5px 10px;
  border:#2966a3 solid 1px;
}
.new-project .org-btn:hover{
  background: #F07B00;
  color:#fff;
  border:#F07B00 solid 1px;
}
.new-project01{
  background:#E4F3FF;
  padding:20px;
  text-align: left;
  width: 90%;
}
.new-project .name{
  font-size: 1.125em;
  font-weight:600;
  color:#404040;
}
.new-project img{
  /* max-width:69px;
  height:61px;
  vertical-align: middle; */
}
.des-footer .bg{
  background:#2966a3;
}
.des-footer .copyright-bg{
  background:#001833;
  padding:5px 20px;
  color:#fff;
  font-size:0.875em;
}
.des-footer .tandc{
  font-size:0.75em;
}
.des-footer .tandc span{
  color:#F07B00;
}
.des-footer a{
  color:#fff;
  text-decoration: none;
}
.des-footer a:hover{
  color:#F07B00;
}
.total-Visitors{
  border:#2966a3 solid 1px;
  padding: 2px;
}
.des-address h1{
  color:#fff;
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
}
.des-address{
  font-size: 0.875em;
  font-weight:200;
}
.des-address p{
  color:#fff;
  font-size:1em;
  font-weight:200;
  line-height: 1.875em;
}
.des-address .contact{
  color:#F07B00;
  font-size:1em;
  font-weight:600;
}
.des-address1 ul li{
  color: #fff;
}
.des-address1 li a {
  display: block;
  color: #fff;
  text-align:left;
  padding: 1em;
  text-decoration: none;
  padding: 5px;
  font-weight:200;
}
.des-address1 li a:hover {
  color:#F07B00 !important;
}
.des-text-align{
  text-align:center;
}
.des-text-align-r{
  text-align:center;
}
.des-footer-text{
  display: flex;
  justify-content:space-between;
}
.maintenance{
	background:#d63384;
	color:#fff;
	font-size:24px;
	font-weight:600;
	text-transform:uppercase;
	padding:10px;
	text-align:center;
	position:sticky;
	top:0;
	z-index:999999;
}
.blink_me {
  animation: blinker 1s linear infinite;
}
/* Map district table */
.stats-table-tab{
  background-color:#e7f1ff;
  padding:2%;
  border-radius: 10px;
}
/* .stats-table-box{
  background:#0a3e83;
  padding: 5%;
  position: relative;
}
.stats-table-box .text-link{
  color:#F07B00;
  font-size: 1em;
  font-weight:800;
}
.stats-table-box .text-link:hover{
  color:#2966a3;
  font-size: 1em;
  font-weight:800;
text-decoration: none;
}
 */
.text-link{
  color:#F07B00;
  font-size: 1em;
  font-weight:800;
}
.text-link:hover{
  color:#2966a3;
  font-size: 1em;
  font-weight:800;
text-decoration: none;
}
/* .d-map{
  position:absolute;
  right:0;
} */
.stats-table-box h1{
  font-size: 1.125em
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  text-align: left;
}
.stats-table-box span{
  font-size:1em;
  font-weight: 400;
  text-transform: none;
}
/* .stats-table-box .tab-content>.active {
  display: block;
  border: #dee2e6 solid 1px;
  border-top: none;
  border-radius:10px;
  padding:10px;
  background:#F5F6F8;
} */
/* .stats-table-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color:#0a3e83;
  background:#c2edff;
  border: none;
  font-weight: bold;
  
} */
.stats-table-box .nav-tabs {
  border-bottom:none;
  margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent none;
}
.stats-table-box .nav-link {
  color: #404040;
  border:none;
}
.stats-table-district h1{
  font-size:1.125em;
  font-weight: 800;
  color:#2966a3;
}
.stats-table-district h2{
  font-size:1.125em;
  font-weight:800;
  color: #404040;
  text-transform: uppercase;
}
.stats-table-box .table {
  --bs-table-border-color: #ffffff ;
  border: #ffffff solid 1px;
}
.stats-table-box .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type:#F5F6F8;
}
.stats-table-box .table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type:#EAF9FF;
}
.table-text-color{
  color: #404040 !important;
  vertical-align: middle;
}
.maha-des .table-hed{
  --bs-table-bg: #C2EDFF;
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
}
.stats-table{
  background-color:#fff;
  padding:2%;
  border-radius: 10px; 
}
.stats-table-mt{
 margin-top:40px;
 height: 90.5%;
 color:#08498D;
}
.stats-table-mt .bg{
 background-color: #e7f1ff;
 height:100%;
}
.stats-table-mt h1{
 font-size:1.125em;
 color:#08498D; 
}
.stats-table-mt p{
 font-size:0.75em;
 color:#08498D;
 text-align: left;
}
.stats-table-nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color:#fff;
    text-decoration: none;
    font-size: 0.875em;
    background: 0 0;
    border: 0;
    fill: #fff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    background-color:#2966a3;
    border-radius: 6px;
}

.stats-table-nav-link.active, .stats-table-nav-link-nav-pills .show>.stats-table-nav-link {
    color:#fff;
    background-color:#F07B00;
    fill: #fff !important;
    display: block;
    font-size: 0.875em;
    border-radius: 6px;
}
.stats-table .table{
  padding: 10px;
  margin-bottom: 0rem;
}
.responsive-image{
	position:relative;
}
.maha-des .breadcrumb {
  font-size: 0.875em;
  --bs-breadcrumb-margin-bottom: 0rem;
 /*  font-family: 'Poppins', sans-serif, Arial, Sakal Marathi, sans-serif; */
}
.publication-head h1{
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color:#0C5CA5;
}
.org-structure .card p{
  font-size: 1.125em
  line-height:1.5 !important;
  /* font-family: "Tiro Devanagari Marathi", "Sakal Marathi", "Mangal", "Poppins", "Arial Unicode MS", Arial, sans-serif !important; */
  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}
.publication-head .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#0C5CA5;
  border-bottom:4px solid #0C5CA5;
}
.maha-des .accordion-item {
  color: var(--bs-accordion-color);
  background-color:#F8F8FE;
  border:#C2EDFF solid 1px;
  border-radius:8px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
}
.maha-des .accordion {
  --bs-accordion-bg:#EAF9FF;
  border-radius:8px;
}
.maha-des .accordion-button:hover {
  background-color:#EBECFF!important;
  /* border:#c9ccff solid 1px; */
}
.maha-des .accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
  border-radius: 8px;
}
.maha-des .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow:none;
}
.maha-des .accordion-button:not(.collapsed) {
  color: #0c5ca5 !important;
  background-color:#F8F8FE;
  box-shadow:none;
  font-weight: 600;
}
.maha-des .accordion-flush>.accordion-item:first-child {
  border-top: #C2EDFF solid 1px;
}
.maha-des .accordion-header {
  /* margin-bottom: 0;
  margin-top: 1px; */
}
.maha-des .table {
  --bs-table-border-color: #ffffff;
}
.table-no {
  width: 20px;
}

.maha-des .breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, ">")
}
.maha-des .dropdown-toggle::after {
  content: "\F5D3";
  right: 20px;
  font-family: "bootstrap-icons";
  font-size: 1.125em;
  border: none;
  margin-left:0px;
  vertical-align:0px;
}
.maha-des .btn {
  --bs-btn-border-width:none;
}
.maha-des .dropdown-item {
  font-size: 0.875em;
  font-weight: 400;
}
.maha-des .dropdown-menu {
  --bs-dropdown-min-width:auto;
    max-height: 200px;
    overflow: auto;
}
.maha-des .dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color:#F07B00;
  color:#fff;
}
.maha-des .dropstart .dropdown-toggle::before {
  content: "\2807";
  font-family: "bootstrap-icons";
  font-size: 1.125em;
  border: none;
  margin-left:0px;
  vertical-align:0px;
}
.maha-des .reports-details{
  font-size: 1em;
}

.maha-des .table-text-color  p{
  font-size: 0.875em;
}
.mahdes-tender{
  /* word-break: break-all; */
}
.mahdes-tender p{
  position: relative;
}
.new-tenderlabel {
  background-color: red;
  animation-name: new-tenderlabel;
  animation-duration: 4s;
  animation-iteration-count:infinite;
  animation-direction: alternate-reverse;
  font-weight: 600;
  text-transform: uppercase;
}
.table-no1 {
  width: 40px;
}
.table-years1 {
  width: 100px;
}
/* About us */
.des-about p{
  font-size:1.125em;
  font-weight: 300 !important;
}
.des-about span{
  font-size:1.125em;
  font-weight: 400 !important;
}
.des-activities{
  /* background: #E4F3FF; */
  text-align: left;
}
.des-activities1{
  background: #E4F3FF;
  text-align: left;
}
.des-activities-new h2{
  /* font-size: 1.125em; */
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight:600;
  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}
.des-activities h2{
  /* font-size: 1.125em; */
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight:600;
}
/* .des-activities .text{
  font-size:0.875em;
  line-height:2.2;
} */
.des-activities a{
 /*  color: #0C5CA5; */
 text-decoration: none;
 color:#404040;
}
.des-activities a span{
  color: #F07B00;
  text-decoration: underline;
  font-weight:bold;
  font-size: 0.875em;
  letter-spacing:1px;
}
.des-activities a span:hover{
  color: #d63384;
  text-decoration: underline;
  font-weight:bold;
}
/* Contact Us */
.maha-des-contact{
  position: relative;
  color:#404040;
}
.maha-des-contact .card{
  border-radius: 8px;
  border: 1px solid #C2EDFF;
}
.contact-head{
  border-bottom:1px solid #C2EDFF;
}
.contact-head h1{
  font-size: 24px;
  font-weight: 800;
  color:#404040;
}
.contact-head p{
  font-size: 1.125em;
  font-weight:400;
  color:#404040;
}
.admin-contact{
  background:#EAF9FF;
  align-self: stretch;
  border: #fff solid 10px;
}
.department-name h1{
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
  color:#404040;
}
.department-name .underline{
  position:relative;
  padding-bottom:5px;
  display:inline-block;
  color:#404040;
  border-bottom:2px solid #404040;
}
.contact-bg{
  justify-content: stretch;
  border: #fff solid 10px;
}
/* Request A Report */
.maha-des-request-report{
  position: relative;
  color:#404040;
  font-size:0.875em;
}
.maha-des-request-report .head{
  font-size:0.875em;
  font-weight: 600;
  color:#404040;
}
.maha-des-request-report .card{
  padding:20px;
  border-radius:8px;
  border:#C2EDFF 1px solid;
  background:#EAF9FF;
  color:#404040;
}
.maha-des-request-report .form-control {
  border: var(--bs-border-width) solid #C2EDFF;
  padding: .8rem .75rem;
  font-size:0.875em;
  color:#404040;
}
.maha-des-request-report .form-select {
  padding: .8rem 2.25rem .8rem .75rem;
  border: var(--bs-border-width) solid #C2EDFF;
  font-size:0.875em;
  color:#404040;
}
.maha-des-request-report .input-group-text {
  background-color:#eaf9ff;
  border: var(--bs-border-width) solid #C2EDFF;
}
/* Disclaimers and Policies */
.des-disclaimers-policies h1{
  color:#404040;
  font-size: 1.125em
  font-weight:600;
  font-style: italic;
}
.des-disclaimers-policies p{
  font-size:1em !important;
  font-weight: 300 !important;
  line-height:2.3 !important;
}
.des-disclaimers-policies span{
  font-size:1.125em;
  font-weight: 400 !important;
}
.des-disclaimers-policies{
  position: relative;
}
.des-disclaimers-policies h2{
  font-size: 1.125em
  text-transform: uppercase;
  font-weight:400;
}
/* Service Related */
.des-service-related{
  background: #f8f8fe;
  padding: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 100%;
  overflow:hidden;
  border:15px solid #C2EDFF;
  overflow-x: auto;
}
.des-service-related-tab-bg{
  background: #F8F8FE;
}
.des-service-related h1{
  font-size: 1.125em
}
.des-service-related .box{
  height:550px;
  overflow: auto;
}
.sr-button{
  background: #C2EDFF !important;
  border-left: solid 4px #2966a3 !important;
  border-radius:0px !important;
  color:#404040 !important;
  font-weight: 600 !important;
  margin:2px 0px !important;
}
.sr-button:active{
  background: #C2EDFF !important;
  border-left: solid 4px #2966a3 !important;
  border-radius:0px !important;
  color:#404040 !important;
  font-weight: 600 !important;
  margin:2px 0px !important;
}
.sr-button:hover{
  background: #F07B00 !important;
  border-left: solid 4px #2966a3 !important;
  border-radius:0px !important;
  color:#404040 !important;
  font-weight: 600 !important;
  margin:2px 0px !important;
}
.sr-button-border{
  background: #fff !important;
  border: solid 1px #C2EDFF !important;
  border-left: solid 4px #C2EDFF!important;
  border-right: 0px !important;
  border-radius:0px !important;
  color:#404040 !important;
  font-weight: 600 !important;
  margin:2px 0px !important;
  width:100%;
}
.sr-button-border:hover{
  background: #F07B00 !important;
  border: solid 1px #C2EDFF !important;
  border-left: solid 4px #C2EDFF!important;
  border-right: 0px !important;
  border-radius:0px !important;
  color:#fff !important;
  font-weight: 600 !important;
  /* margin:2px 0px !important; */
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background: #C2EDFF !important;
  border-left: solid 4px #2966a3;
  border-radius:0px !important;
  color:#404040 !important;
  font-weight: 600 !important;
  margin:2px 0px !important;
}
.tabbutton:hover{
  background:#2B70B0;
  border-radius: 4px !important;
  color:#fff !important;
  font-weight: 600;
}
.tabbutton{
  background:#E6E7E8;
  color:#707070 !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  margin:0px 5px!important;
}
.tabbutton-arrow{
  background:#E6E7E8;
  color:#707070 !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  margin:0px 5px!important;
}
.tabbutton-arrow.active{
  position:relative;
  background:#2B70B0;
  border-radius: 4px !important;
  color:#fff !important;
  font-weight: 600;
  display: flex !important;
  justify-content: center;
  text-decoration: none;
}
.tabbutton-arrow:hover{
  position:relative;
  background:#2B70B0;
  border-radius: 4px !important;
  color:#fff !important;
  font-weight: 600;
  display: flex !important;
  justify-content: center;
  text-decoration: none;
}
.tabbutton-arrow:hover::before, .tabbutton-arrow.active::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\2BC6';
  position: absolute;
  top: 37px;
  color:#2B70B0 !important;
}
/* Help DES */
.des-help{
  background:#EAF9FF;
 /*  word-break: break-all; */
  padding: 20px !important;
  margin-bottom:5%;
}
.des-help h1{
  font-size: 1.125em
  font-weight: 600;
}
.des-help p{
  font-size: 1em !important;
  font-weight: 400;
}
.des-help .detail-bg{
  background:#fff;
  padding: 20px;
}
/* Site Map */
.des-sitemap{
  background:#F8F8FE;
  align-self: stretch;
  border: 1px solid #C2EDFF;
}
.des-sitemap-border{
  border: 1px solid #C2EDFF;
}
.des-sitemap h1{
  color: #08498D;
  font-style: italic;
  font-size: 1.125em;
}
.des-sitemap ul li{
  color: #707070;
  font-size:1em;
  padding: 5px;
  list-style-type: disc;
}
.des-sitemap ul li a{
  color: #707070;
  text-decoration: none;
}
.des-sitemap ul li a:hover{
  color: #08498D;
  text-decoration:underline;
}
/* about-tab */
.des-about-new{

}
.des-about-new >.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background: #E4F3FF !important;
  border-left:none !important;
  border-radius:4px !important;
  color:#404040 !important;
  font-weight: 600 !important;
  margin:0px 0px !important;
  font-size: 1.125em
}

.des-about-new .nav-link{
	color: #404040 !important;
    font-weight: 600 !important;
    font-size: 1.125em
}

/* Animation property */
.new-label {
  animation: wiggle 2s linear infinite;
}
.new-label-footer {
  animation: wiggle 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

.new-label1 {
  position: absolute;
    background: #d63384;
    background: linear-gradient(top, #555, #333);
    /* border: 2px solid orange; */
    border-radius: 2em;
    color: #fff;
    font-size:12px;
    transform-origin: 50% 5em;
    /* z-index: 99999999; */
    padding:2px 5px;
    font-weight: 600;
    margin-left: -20px !important;
}
.new-label2 {
  position: absolute;
    /* border: 2px solid orange; */
    border-radius: 2em;
    color: #fff;
    font-size: 12px;
    transform-origin: 50% 5em;
    /* z-index: 99999999; */
    padding: 3px 3px;
    font-weight: 600;
    top: -1px;
    margin-left: -2px;
}
.new-label {
  position: absolute;
  background:#d63384;
  background: linear-gradient(top, #555, #333);
  /*border: 2px solid orange;*/
  border-radius:2em;
  color: #fff;
  font-size:12px;
  transform-origin: 50% 5em;
 /*  z-index:99999999; */
  padding: 5px 5px 0px 5px;
  font-weight:600;
  top: -12px;
  margin-left:20px;
}
.new-label-footer {
  position: absolute;
  background:#d63384;
  background: linear-gradient(top, #555, #333);
  /*border: 2px solid orange;*/
  border-radius:2em;
  color: #fff;
  font-size:12px;
  transform-origin: 50% 5em;
 /*  z-index:99999999; */
  padding: 5px 5px 0px 5px;
  font-weight:600;
  top:2px;
  margin-left:10px;
}
/* Animation property */
.sub-new-label  {
  animation: wiggle1 2s linear infinite;
}
@keyframes slowBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.new-label,
.new-label-footer {
  animation: slowBlink 2s infinite ease-in-out;
}
/* Keyframes */
@keyframes wiggle1 {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-10deg);
  }
  20% {
    transform: rotateZ(15deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}
.sub-new-label {
  position: absolute;
  background:#d63384;
  background: linear-gradient(top, #555, #333);
  /*border: 2px solid orange;*/
  border-radius:2em;
  color: #fff;
  font-size:10px;
  transform-origin: 50% 5em;
  z-index:99999999;
  padding:0px 5px;
  font-weight:600;
  top:15px;
  margin-left:10px;
}
.des-top .top-btn:hover{
  border:#fff 1px solid;
  text-transform: uppercase;
  padding: 0.75em 0.875em;
  background:#cecece;
}

/* Tab css */
.container {
  position: relative;
  transition: 0.5s ease;
  width: 100%;
}

.tab__bar {
  position: relative;
/*   height: 75px; */
}
.tab__bar .tab__navigation {
  position: relative;
  /* display: flex;
  justify-content: center;
  align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto; */
}

.tab-pane{
	display:none;
}

.show{
	display: block !important;
}

.tab__bar .tab__menu {
  color: var(--text-color);
  list-style: none;
  /* max-width: 800px; */
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow-x: auto;
  /* margin-bottom: -20px; */
}
.tab__bar .tab__menu.dragging {
  scroll-behavior: unset;
  cursor: -webkit-grab;
  cursor: grab;
}
.tab__bar .tab__menu.dragging .tab-btn {
  pointer-events: none;
}
.tab__bar .tab__menu::-webkit-scrollbar {
  display: none;
}
.tab__bar .tab__menu .tab__btn {
  display: inline-block;
  margin: 0px 2px 20px 2px;
  padding: 10px 20px;
  border-radius: 1.875em;
  cursor: pointer;
  background: #E6E7E8;
  color: #707070 !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}

/* .tab__bar .tab__menu .tab__btn {
  display: inline-block;
  margin: 0 2px;
  padding: 10px 20px;
  border-radius: 1.875em;
  cursor: pointer;
  background:#E6E7E8;
  color:#707070 !important;
  border-radius: 4px !important;
  font-weight: 600 !important;

} */
.tab__bar .tab__menu .tab__btn:hover {
  position:relative;
  background:#2B70B0;
  border-radius: 4px !important;
  color:#fff !important;
  font-weight: 600;
}
/* .tab__bar .tab__menu .tab__btn:active {
  position:relative;
  background:#2B70B0;
  border-radius: 4px !important;
  color:#fff !important;
  font-weight: 600;

}
 */
/* .tab__bar .tab__menu .tab__btn:hover::before, .tab__bar .tab__menu .tab__btn::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\2BC6';
  position: absolute;
  top: 37px;
  color:#2B70B0 !important;
} */

.tab__bar .tab__menu .tab__btn.active {
  position: relative;
  background: #2B70B0;
  border-radius: 4px !important;
  color: #fff !important;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
}

.tab__bar .tab__menu .tab__btn.active::before{
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\27A7';
  position: absolute;
  top: 34px;
  color:#2B70B0 !important;
  text-align: center;
 /*  width:60%; */
  rotate: 90deg;
}


.tab__bar .left__btn,
.tab__bar .right__btn {
  position: absolute;
  color: var(--text-color);
  font-size: 1.8em;
  cursor: pointer;
}
.tab__bar .left__btn svg,
.tab__bar .right__btn svg {
  width: 20px;
  height: 20px;
}
.tab__bar .left__btn svg path,
.tab__bar .right__btn svg path {
  fill: #000000;
}
.tab__bar .left__btn {
  display: none;
  left: -5px;
  background: linear-gradient(to left, transparent, var(--first-color) 60%);
  padding: 45px 1.875em 10px 0;
}
.tab__bar .right__btn {
  right: -5px;
  background: linear-gradient(to right, transparent, var(--first-color) 60%);
  padding: 45px 0 10px 1.875em;
}

.tab__content {
  position: relative;
}
.tab__content .tab {
  position: relative;
  width: 100%;
  padding: 15px 20px;
  display: none;
  -webkit-animation: fadein 0.8s;
          animation: fadein 0.8s;
}
.tab__content .tab.active {
  display: flex;
}
.tab__content .tab .row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.875em;
}
.e-survey {
  background: #F8F8FE;
  border-radius: 8px;
  border:#EFEFEF solid 1px;
}
.e-survey h1{
  font-size: 1.125em;
}
/* books */
/* .books-card{
  position: relative;
  background:#63617D;
  width:100%;
  height: 575px;
  border-radius:20px;
}
.books-back-pad{
  background: #0A0441;
  border-radius:20px 0px 0px 20px ;
  width:50px;
  height:100%;
  float: left;
}
.books-back-padline{
  background: #0A0441;
  border-radius:20px 0px 0px 20px ;
  width:90%;
  height:100%;
  border-right: #6b5df1 solid 2px;
}
.books-back-cover{
  background-image:url(../images/books.jpg);
  background-size:cover;
  box-shadow: rgba(255, 255, 255, 0.2) 5px 0px 0px;
  background-position: center; 
  border-radius:0px 20px 20px 0px ;
  position: absolute;
  width:87%;
  height:100%;
  float: left;
  margin-left: 50px;
}
.books-back{
  background:#63617D;
  border-radius:20px;
} */

/* books */
.books-card{
  position: relative;
  background:#63617D;
  width:100%;
  height: 575px;
  border-radius:20px;
  background-image: url(../images/books.jpg);
  background-size: cover;
  box-shadow: rgba(255, 255, 255, 0.2) 5px 0px 0px;
  background-position: center;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.books-back-pad{
  background: #0A0441;
  border-radius:20px 0px 0px 20px;
  width:50px;
  height:100%;
  float: left;
}
.books-back-padline{
  background: #0A0441;
  border-radius:20px 0px 0px 20px;
  width: 88%;
  height:100%;
  border-right: #6b5df1 solid 2px;
}
.books-back-cover{
  /* background-image:url(../images/books.jpg); */
  background-size:cover;
  box-shadow: rgba(255, 255, 255, 0.2) 5px 0px 0px;
  background-position: center;
  border-radius:0px 20px 20px 0px;
  position: absolute;
  /* width:87%; */
  height:100%;
  float: left;
  margin-left: 50px;
}
.books-back{
  background:#63617D;
  border-radius:20px;
}
/* District Indicator */

.district-indicator .card1{
	background:#e0ddff;
  	border-radius:4px;
  	border: 1px #b9b4ed solid;
  	width:250px;
}
/* .district-indicator img{
	width:30%;
	padding-bottom:10px;
} */
.district-indicator h3{
	text-transform:none;
	font-size:1em;
	font-weight:bold;
	line-height: 1.6;
}
.district-indicator h1{
	text-transform:none;
	font-size:2.5em !important;
	font-weight:bold;
	color:#72a4d7;
}

.district-indicator .card2{
	background:#deeeff;
	border-radius:4px;	
	border: 1px #bcd8f7 solid;
	width:250px;
}
.dggi p, h1, h2{
	position: relative;	
	padding: 0px;
	margin: 0px;
}
.bg-dggi textarea, table{
	height:0px !important;
	/* line-height:1.5 !important; */
}
.dggi h1{
	font-size:1.5em;
	text-transform:capitalize;
}
.dggi .title-scores{
	font-size:1.1em;
}
.dggi .bg-dggi{
	/* background:#90b886; */
	background: #e1e1f5;
	background: linear-gradient(18deg,rgba(225, 225, 245, 1) 35%, rgba(190, 230, 237, 1) 100%);
	border-radius:10px;
	border: 1px solid #BDBDBD;
	/* color:#fff; */
}
.activities-circle{
	/* background: #e1e1f5; */
	background: #fff;
	border-radius:50%;
/* 	height:600px;
	width:600px; */
	display: flex;
	width:350px;
	height:350px;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	z-index: 2;	
	border: 1px solid #d1d1d1;
}
.activities-circle-small{
	padding:10px;
	border-radius:50%;
	width:300px;
	height:300px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border: 1px solid;
}
.activities-circle-small p{
	font-size:1em;
	padding: 0px 30px;
	text-align: center;
} 
.activities-goal01 .bg{
	background:#0696bb;
	/* margin-right:-310px; */
	cursor:pointer;
}
.activities-goal02 .bg{
	background:#008f5a;
	/* margin-right:-60px; */
	cursor:pointer;
}
.activities-goal03 .bg{
	background:#8dbb25;
	/* margin-right:-40px; */
	cursor:pointer;
}
.activities-goal04 .bg{
	background:#c9bf1c;
	/* margin-right:-60px; */
	cursor:pointer;
}
.activities-goal05 .bg{
	/* background:#a18011; */
	/* margin-right:-130px; */
	cursor:pointer;
}
.activities-goal12 .bg{
	background:#5e4407;
	/* margin-right:-130px; */
	cursor:pointer;
}
.activities-goal06 .bg{
	background:#a76418;
	/* margin-left:-210px; */
	cursor:pointer;
}
.activities-goal07 .bg{
	background:#e96220;
	/* margin-left:-80px; */
	cursor:pointer;
}
.activities-goal08 .bg{
	background:#e32322;
	/* margin-left:-40px; */
	cursor:pointer;
}
.activities-goal09 .bg{
	background:#c5037d;
	/* margin-left:-45px; */
	cursor:pointer;
}
.activities-goal10 .bg{
	background:#6d398b;
	/* margin-left:-85px; */
	cursor:pointer;
}
.activities-goal11 .bg{
	background:#454e99;
	/* margin-left:-210px; */
	cursor:pointer;
}
.activities-goal01 .activities-first-goal{
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	/* margin-left:-35px; */
	font-size:1.2em;
	font-weight:bold;
	z-index: 1;
	width: 80px;
    height: 80px;
}
.activities-goal02 .activities-first-goal, .activities-goal03 .activities-first-goal, .activities-goal04 .activities-first-goal, .activities-goal05 .activities-first-goal, .activities-goal12 .activities-first-goal{
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	/* margin-left:-35px; */
	font-size:1.2em;
	font-weight:bold;
	z-index: 1;
	width: 80px;
    height:80px;
}
.activities-goal06 .activities-first-goal, .activities-goal07 .activities-first-goal, .activities-goal08 .activities-first-goal, .activities-goal09 .activities-first-goal, .activities-goal10 .activities-first-goal, .activities-goal11 .activities-first-goal{
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	/* margin-right:-30px; */
	font-size:1.2em;
	font-weight:bold;
	z-index: 1;
	width: 80px;
    height:80px;
}
.activities-goal11 .activities-first-goal{
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	font-size:1.2em;
	font-weight:bold;
	z-index: 1;
	width: 80px;
    height:80px;
}
.activities-first-goal-name{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	display: flex;
	/* justify-content: center;
	align-items: center; */
	padding:10px;
	border-radius:50px;
	padding-left: 35px;
	padding-right: 30px;
	cursor:pointer;
	width: 600px;
}
.activities-first-goal-name-left{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	display: flex;
	/* justify-content: center; */
	/* align-items: center; */
	padding:10px;
	border-radius: 50px;
	padding-right: 35px;
	padding-left: 30px;
	cursor:pointer;
	width: 600px;
}
.activities-first-goal-name-left:hover, .activities-first-goal-name:hover, .activities-goal01 .bg:hover, .activities-goal02 .bg:hover, .activities-goal03 .bg:hover, .activities-goal04 .bg:hover,
.activities-goal05 .bg:hover, .activities-goal06 .bg:hover, .activities-goal07 .bg:hover, .activities-goal08 .bg:hover, .activities-goal09 .bg:hover, .activities-goal10 .bg:hover, .activities-goal11 .bg:hover, .activities-goal12 .bg:hover
{
	/* background: #0381FF; */
	/* background: linear-gradient(45deg,rgba(3, 129, 255, 1) 0%, rgba(41, 102, 163, 1) 30%); */
	/* border: 1px solid #0381FF !important; */
	background:#00BCD4;
	background: linear-gradient(45deg, #8BC34A 0%, #00BCD4 30%);
	color:#ffffff;
	border: 1px solid #00BCD4 !important;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

/* komal s*/

@media (max-width: 767px) {
  .tab__content .tab .row {
    flex-direction: column;
  }
}
.tab__content .left-column,
.tab__content .right-column {
  width: 50%;
  max-width: 500px;
}
@media (max-width: 767px) {
  .tab__content .left-column,
.tab__content .right-column {
    width: 100%;
    max-width: 700px;
  }
}
.tab__content .left-column {
  display: flex;
  align-items: center;
}
.tab__content .left-column .img-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--box-shadow);
}
.tab__content .left-column .img-card img {
  width: 100%;
}
.tab__content .info .city {
  margin-bottom: 15px;
  font-size: 32px;
}
.tab__content .info .description {
  font-weight: normal;
  font-size: 0.875em;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .tab__content .info .description {
    text-align: justify;
  }
}
.tab__content .info .city, .tab__content .info .description {
  color: var(--text-color);
}
@media (max-width: 767px) {
  .tab__content .info .city, .tab__content .info .description {
    text-align: center;
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.birth-box-dropdown li{
	    list-style-type: disc;
}
.birth-box{
	background-color: #e9f8ff;
}
.birth-box-dropdown{
	background-color:#e7f1ff;
}

.dis-table-head th{
	background-color:#C2EDFF !important;
}


.font_style{
	/* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}
/* suggestion*/
.suggestion-bar  {
    position: fixed;
    top: 30%;
    right: 0;
    box-shadow: rgba(0, 0, 0, .60) 0px 5px 15px;
    z-index: 9;
    animation: mymove 2s infinite;
    border-radius: 10px 0px 0px 10px;
}

.suggestion-bar a {
  display: block;
  text-align: center;
  padding:0.8em;
  transition: all 0.3s ease;
  color: white;
  font-size:1em;
  text-decoration: none;
  font-weight:500;
  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
 /*  background:red; */
}

.suggestion a:hover {
  background-color: #000;
}
@keyframes mymove {
	0%,100%{
		background-color: #ff4500;
	}
	50%{
		background-color: #2966a3;
	}
}


#districtInfo a{
	color:#404040;
	text-decoration:none;
}

#districtInfo a:hover{
	color:#2966a3;
	text-decoration:none;
}

#districtInfo a:active{
	color:#2966a3;
	text-decoration:none;
	font-weight:bold;
}

/* swiper styles */

.swiper {
	width: 100%;
	height: 100%;
	z-index: 0 !important;
	padding: 0px 8px  0px 8px!important;
}
/* .swiper-slide {
	text-align: center;
	font-size: 1.125em;
	background: #fff;
	background: rgba(225, 225, 225, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px #8dc298;
	border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(91,91,91, 0.8), rgba(0, 0, 0, 0)) 1 50%;
}
.swiper-slide:nth-child(6) {
  border-right: none;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height:auto !important;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide img {
	/* display: block;
	width: 100%;
	height: 100%;
	object-fit: cover; */
}
.swiper {
	margin-left: auto;
	margin-right: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    display:none;
    outline: none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    display:none;
    outline: none;
}
.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    /* background: #000; */
    opacity: 0.5;
}
.swiper-box{
	position: relative;
}
.swiper-button-next {
    z-index: 0 !important;
    margin-right: -50px;
}
.swiper-button-prev {
    z-index: 0 !important;
    margin-left: -50px;
}
.swiper-box-data .text-link {
    color: #F07B00;
    font-size: 1em;
    font-weight: 800;
}
.analytics-report-box{
	position:relative;
	margin-top: -40px;
}
.analytics-report{
	position: absolute;
    right: 20%;
    top:86%;
    color:#404040;
    font-size:1em;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: underline;
    
}
.analytics-report a{
    color:#404040;
}
.analytics-report a:hover{
    color:#2966a3;
}
/* Data Repository */
.data-repository-box{
  /* border-right: #63617D solid 1px; */
  /* position: relative;
  width: 160px; */
  	display: flex;
	justify-content: center;
	align-items: center;
	color:#ffffff;
	/* background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(228,249,223,1) 50%, rgba(255,255,255,0) 100%); */
}
.data-repository{
  position: relative;
  /* width: 200px; */
  text-align: center;
  /* cursor: pointer; */
}
.data-repository-img{
  position: relative;
}
.data-repository-count{
  font-size: 1.5em;
  font-weight: 600;
  color: #f07b00;
}
.data-repository-name{
  font-size:1em;
  /* font-size: 0.875em; */
  font-weight:600;
  text-transform:uppercase;
}
.data-repository-years{
  font-size: 0.875em;
  font-weight:400;
}

.data-repository-infoYr{
  font-size: 14px;
  font-weight:400;
}
.data-indicator{
  position: relative;
  color:#fff;
  font-size: 0.875em;
  background:#000000;
}
.data-indicator-increase{
  position: relative;
  background: #198754;
}
.data-indicator-decrease{
  position: relative;
  background: #DC3545;
}
.data-indicator-text{
  color:#fff;
  font-size: 0.875em;
}
.modal-content1 .card {
    padding: 20px;
    border-radius: 8px;
    border: #C2EDFF 1px solid;
    background: #EAF9FF;
    color: #404040;
}
.maha-des .link-body-emphasis{
	color:#404040 !important;
}
.state-data-name a{
    color: #404040;
    font-size:1em;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    top:0px;
}
.state-data-name a:hover{
    color:#2966a3;
}
/* Data Repository End*/
#statedataModal .modal-content {
    background-color: #0a3e83;
    margin: 5% auto;
    /* padding: 20px; */
    border: 1px solid #888;
    /* width: 80%; */
    max-width: 1400px;
    text-align: center;
    border-radius: 20px;
    top: 50px;
}
#statedataModal .modal-tabe{
	height: 450px;
	overflow:auto;
}
#statedataModal .table-hed {
    --bs-table-bg: #C2EDFF;
    background: white;
    position: sticky;
    top:-5px;
}
.subMenu{
	margin-left: 20px !important 
}

.subSubMenu{
	margin-left: 1.875em !important
}

ol, ul {
   padding-left:0rem !important;
   margin-bottom: 0rem !important;
}
.service-header{
	color: #0c5ca5;
    border-bottom: #0c5ca5 solid 1px;
    margin: 0px 28px 20px 28px;
    padding-bottom: 10px;
    text-align: center;
}
.service-header h2 {
    font-size: 1.3em;
    font-weight: 600;
    /* text-transform: uppercase; */
}
.site-menu {
    margin-bottom: 5px !important;
}
/* Data Repository End*/
textarea, table {
    width: 350px;
    height: 100px;
    /* line-height: 2 !important; */
}
textarea {
   resize:both !important;
}
.nav-item.dropdown:hover .dropdown-menu {
    display:block;
    margin-top: 0; /* Adjust spacing */
  }
#textAreaId{
	padding:0;
	margin:0;
 	min-width:100%;

 }
 .esm-bok-cover{
 	box-shadow: rgba(206, 229, 197, 0.4) 5px 5px,
 	rgba(206, 229, 197, 0.3) 10px 10px,
 	rgba(206, 229, 197, 0.2) 15px 15px,
 	rgba(206, 229, 197, 0.1) 20px 20px,
 	rgba(206, 229, 197, 0.05) 1.5625em 1.5625em;
 }
#statAllYearData .table-hed{
    --bs-table-bg: #C2EDFF;
    background: white;
    position: sticky;
    top: 0;
}
/* table {
    caption-side: bottom;
    border-collapse: initial !important;
} */
.wrp {

  display: flex;
  justify-content: center;
  align-items: center;
/*   background-color: #f0f0f0; */
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}

.wrp.active {
  opacity: 1;
  transform: translateY(0);
}
.about-des{
	font-weight: 600;
	font-size: 1.5em;
}
.nav-link:focus-visible {
    outline: 0;
    box-shadow: none !important;
}
.ro_dso a{
	font-size: 1.125em;
	color:#2966a3;
}
.accordion-body-disc{
	font-size: 0.875em;
}
 /*----------------------- mobile menu ---------------------------------------------------------------------------------------------------------------------------------------*/
 
 
 /* i-phone */
 @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

	.d-map-img {
    margin-top: -10px;
    margin-right: -39px;
    background-color: #Fff;
    border-radius: 100%;
    width: 110px;
    height: 110px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
    border: #0a3e83 1px solid;
    top: 10px;
	}
	.stats-table-box span {
    font-size: 0.75em;
    font-weight: 400;
    text-transform: none;
	}
	.stats-table-box h1 {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-align: left;
	}
	.books-card {
    background-size: 100% 100%;
	}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	.des-address .contact {
    font-size: 10px;
	}
	.des-address {
    font-size: 10px;
	}
	.des-address h1 {
    font-size: 0.75em;
	}
	.d-map-img {
    margin-top: -10px;
    margin-right: -39px;
    background-color: #Fff;
    border-radius: 100%;
    width: 110px;
    height: 110px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
    border: #0a3e83 1px solid;
    top: 10px;
	}
	.stats-table-box span {
    font-size: 0.75em;
    font-weight: 400;
    text-transform: none;
	}
	.stats-table-box h1 {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-align: left;
	}
	
}
  /* Android */

@media screen and (max-width: 420px) {
	.des-top .top-btn{
	  border:#fff 1px solid;
	  text-transform: uppercase;
	  padding:6px 7px;
	}
	.des-top .top-btn:hover{
	  border:#fff 1px solid;
	  text-transform: uppercase;
	  padding:6px 7px;
	  background:#cecece;
	}
	.national-emblem img {
    width: 100%;
    max-width:1.5625em;
	}
	.maintenance {
    font-size:1em !important;
	}
  .des-head h1{
    color:var(--des-primary);
    font-size:1.2em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size:0.8em;
    font-weight:400;
  }
  .des-logo{
    text-align: center;
    /* padding: 10px; */
  }
  .maha-logo{
    text-align: center;
    padding: 10px;
  }
  .des-top{
    background:var(--des-heading-color);
    color:var(--des-text-color);
    font-size: 10px;
  }
  .site-navbar .site-navigation .site-menu {
    margin-bottom:0px;
  }
  .announcements h1 {
    font-size: 7px;
    margin-top: 10px;
    margin-right: 5px;
  }
  .announcements .text14{
    color:#404040;
    float: left;
    font-size: 0.75em;
  }
  .des-footer-text{
    display:block;
    justify-content:center;
  }
  .new-project h1 {
    font-size: 1.125em
  }
  .org-structure h1 {
    font-size:1.625;
  }
  .maha-des p {
    font-size: 1em;
    line-height: 2;
    text-align: justify;
  }
  .new-project .name {
    font-size: 0.875em;
    font-weight: 600;
    color: #404040;
  }
  .maha-des .analytics-report-bg{
    background-image:none;
  }
  .des-help .detail-bg{
  padding:10px;
  }
  .publication-head h1 {
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
    color: #0C5CA5;
	}
/* 	.structure-person .card img{
  	width:50%;
	} */
	.card {
	padding:10px !important;
	}
	.d-map-img {
    margin-top: 200px;
    /* margin-right: -1.5625em; */
    right: 5px;
    position: absolute;
	}
	.stats-table-box span {
    font-size: 0.75em;
    font-weight: 400;
    text-transform: none;
	}
	.stats-table-box h1 {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-align: left;
	}
	.books-card {
    background-size: 100% 100%;
	}
  	#mahaSvg{
	width:100%;
	height:300px !important;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 1.875em !important;
    right: auto;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 1.875em !important;
    left: auto;
	}
	.high-l-stats{
	height:350px;
	overflow-x: hidden;
	}
	.text-link {
    font-size: 0.75em;
	} 
	.modal-content {
	margin:22% auto !important;
	}
	.modal-content1{
     top: 0% !important;
	}
	.modal-content1 .card {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
	}
	.modal-content3 {
    width:auto;
    overflow: auto;
	}
	.suggestion-bar a {
    padding: 4px 10px;
    font-size: 0.875em;
	}
	.admin-contact {
    border: #fff solid 5px;
	}
	.contact-bg {
    border: #fff solid 0px !important;
	}
	.analytics-report{
    top:84%;
	}
	.maha-des .maha-btn {
    font-size: 0.875em;
	}
	.maha-des .maha-btn:hover {
    font-size: 0.875em;
	}
	.state-data-name a{
    font-size:0.75em;
	}
	.analytics-report{
    font-size:0.75em;
    margin-right: -6%;
	}
	#statedataModal .modal-content {
    top: 50px;
	}
	.structure-person .card-big {
    width:158px !important;
	}
	.structure-person .card {
    width:105px;
	}
	.state-data-name a {
    top: -3px;
	}
	.close-btn {
    top: -9px !important;
	}
	.des-activities .list-group-numbered {
    font-size: 1em;
	}
	/* @-webkit-keyframes animateBackground {
	  0% { background-size: 600% auto; }
	  20% { background-size: 630% auto; }
	  100% { background-size: 600% auto; }
	} */
	
	.maha-des .table {
    --bs-table-border-color: #ffffff;
    font-size:1em;
	}
	.accordion-button{
	font-size: 1rem !important;
	color:#404040 !important;
	}
	.new-project01{
	  width:100%;
	}
	.swiper-slide-height{
	height:430px !important;
	margin-top:5px !important;
	margin-bottom: 10px !important;
	}
}
@media screen and (min-width:430px) and (max-width:575px){
	#mahaSvg{
	width:100%;
	height:300px !important;
	}
  .des-head h1{
    color:var(--des-primary);
    font-size:1em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size:0.5em;
    font-weight: 400;
  }
  .des-logo{
    text-align: center;
    /* padding: 10px; */
  }
  .maha-logo{
    text-align: center;
    padding: 10px;
  }
  .site-navbar .site-navigation .site-menu {
    margin-bottom:0px;
  }
  .des-footer-text{
    display:block;
    justify-content:center;
  }
  .maha-des .analytics-report-bg{
    background-image:none;
    margin-top: -1.5625em;
  }
  .des-activities{
  /*   background: #E4F3FF; */
    text-align: left;
  }
  .des-top .top-btn{
	  border:#fff 1px solid;
	  text-transform: uppercase;
	  padding:6px 7px;
	}
	.des-top .top-btn:hover{
	  border:#fff 1px solid;
	  text-transform: uppercase;
	  padding:6px 7px;
	  background:#cecece;
	}
	.national-emblem img {
    width: 100%;
    max-width:1.5625em;
	}
	.maintenance {
    font-size:1em !important;
	}
  .des-head h1{
    color:var(--des-primary);
    font-size:1.2em;
    font-weight: 800;
  	}
  .des-head h2{
    color:var(--des-primary);
    font-size:0.8em;
    font-weight:500;
  	}
/*   .structure-person .card img{
  	width:50%;
	} */
	.card {
	padding:5px;
	border-radius: 8px;
	border: #C2EDFF 1px solid;
	/* background: #EAF9FF; */
	color: #404040;
	}
	.d-map-img {
    margin-top: 200px;
    /* margin-right: -1.5625em; */
    right: 5px;
    position: absolute;
	}
	.stats-table-box span {
    font-size: 0.75em;
    font-weight: 400;
    text-transform: none;
	}
	.stats-table-box h1 {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-align: left;
	}
  	.books-card {
    background-size: 100% 100%;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 1.875em !important;
    right: auto;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 1.875em !important;
    left: auto;
	}
	.modal-content {
	margin:22% auto !important;
	}
	.modal-content1 .card {
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
	}
	.suggestion-bar a {
    padding: 4px 10px;
    font-size: 0.875em;
	}
	.admin-contact {
    border: #fff solid 5px;
	}
	.contact-bg {
    border: #fff solid 0px !important;
	}
	.text-link {
    font-size: 0.75em;
	}
	.analytics-report{
    top:84%;
	}
	.analytics-report{
    font-size:0.75em;
	}
	.state-data-name a{
    font-size:0.75em;
	}
	.structure-person .card {
    width:119px;
	}
	.structure-person .card-big {
    width: 188px !important;
	}
	.close-btn {
    top: -9px !important;
	}
	/* @-webkit-keyframes animateBackground {
	  0% { background-size: 600% auto; }
	  20% { background-size: 630% auto; }
	  100% { background-size: 600% auto; }
	} */
	
	.des-activities .list-group-numbered {
    font-size: 1em;
	}
	.maha-des .table {
    --bs-table-border-color: #ffffff;
    font-size:1em;
	}
	.accordion-button{
	font-size: 1rem !important;
	color:#404040 !important;
	}
	.new-project01{
	  width:100%;
	}
	.swiper-slide-height{
	height:500px !important;
	margin-top:5px !important;
	margin-bottom: 10px !important;
	}
}
@media screen and (max-width:767px) {
  .des-head h1{
    color:var(--des-primary);
    font-size:1em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size:0.5em;
    font-weight: 400;
  }
  .des-logo{
    text-align: center;
    /* padding: 10px; */
  }
  .maha-logo{
    text-align: center;
    padding: 10px;
  }
  .site-navbar .site-navigation .site-menu {
    margin-bottom:0px;
  }
  .des-footer-text{
    display:block;
    justify-content:center;
  }
  .maha-des .analytics-report-bg{
    background-image:none;
    margin-top: -1.5625em;
  }
  .des-activities{
  /*   background: #E4F3FF; */
    text-align: left;
  }
  .des-top .top-btn{
	  border:#fff 1px solid;
	  text-transform: uppercase;
	  padding:6px 7px;
	}
	.des-top .top-btn:hover{
	  border:#fff 1px solid;
	  text-transform: uppercase;
	  padding:6px 7px;
	  background:#cecece;
	}
	.national-emblem img {
    width: 100%;
    max-width:1.5625em;
	}
	.maintenance {
    font-size:1em !important;
	}
  	.des-head h1{
    color:var(--des-primary);
    font-size:1.2em;
    font-weight: 800;
  	}
  	.des-head h2{
    color:var(--des-primary);
    font-size:0.8em;
    font-weight:500;
  	}
/*   .structure-person .card img{
  	width:50%;
	} */
	.card {
	padding:5px;
	border-radius: 8px;
	border: #C2EDFF 1px solid;
	/* background: #EAF9FF; */
	color: #404040;
	}
	.d-map-img {
    margin-top: 200px;
    /* margin-right: -1.5625em; */
    right: 5px;
    position: absolute;
	}
	.stats-table-box span {
    font-size: 0.75em;
    font-weight: 400;
    text-transform: none;
	}
	.stats-table-box h1 {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-align: left;
	}
	.books-card {
    background-size: 100% 100%;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 1.875em !important;
    right: auto;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 1.875em !important;
    left: auto;
	}
	.modal-content {
	margin:0% auto !important;
	}
	.state-data-name a {
    top: -3px;
	}
	#dataRepository .modal-content{
	margin:12% auto !important;
	}
	.des-activities .list-group-numbered {
    font-size: 1em;
	}
	.new-project01{
	  width:100%;
	}
	.des-activities-card{
	max-width:100%;
	/*   width: 378px;   */
	}
}

@media screen and (min-width: 768px) {
  .des-head h1{
    color:var(--des-primary);
    font-size:1.4em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size:1em;
    font-weight:400;
  }
  .des-logo{
    text-align:left;
    /* padding:10px; */
  }
  .maha-logo{
    text-align:right;
    padding:5px;
  }
  .site-navbar .site-navigation .site-menu {
    margin-bottom:0px;
  }
  .des-footer-text{
    display:block;
    justify-content:center;
  }
  .maha-des .analytics-report-bg{
    background-image:none;
  }
  .des-activities{
    /* background: #E4F3FF; */
    text-align: left;
  }
  .books-card {
    background-size: 100% 100%;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 1.875em !important;
    right: auto;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 1.875em !important;
    left: auto;
	}
	
	
}
@media screen and (min-width:992px) {
  .des-head h1{
    color:var(--des-primary);
    font-size:2.2em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size: 1em;
    font-weight: 400;
  }
  .site-navbar .site-navigation .site-menu {
    margin-bottom:0px;
  }
  .announcements .text14{
    color:#404040;
    float: left;
    font-size: 0.875em;
  }
  .announcements h1{
    font-size: 1.125em;
  }
  .maha-des .analytics-report-bg{
    background-image:none;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 1.875em !important;
    right: auto;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 1.875em !important;
    left: auto;
	}
	
}
@media screen and (min-width: 1200px) {
  .des-head h1{
    color:var(--des-primary);
    font-size:1.2em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size: 1em;
    font-weight: 400;
  }
  .announcements .text14{
    color:#404040;
    float: left;
    font-size: 0.875em;
  }
  .announcements h1{
    font-size: 1.125em;
  }
  .des-footer-text{
    display: flex;
    justify-content:space-between;
  }
  /* .structure-person .card {
    width:119px;
	}
	.structure-person .card-big {
    width: 188px !important;
	}
	.des-footer .copyright-bg {
    background: #001833;
    padding: 5px 20px;
    color: #fff;
    font-size:8px;
	}
	.des-footer .copyright-bg {
    background: #001833;
    padding: 5px 20px;
    color: #fff;
    font-size: 8px;
	}
	.des-address h1 {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
	}
	.des-footer .tandc {
    font-size: 8px;
	}
	.des-address {
    font-size: 10px;
    font-weight: 200;
	}
	.org-structure h1 {
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
    color: #0C5CA5;
	}
	.maha-des p {
    font-size: 1em;
    line-height: 2.5;
	}
	.about-des .h3, h3 {
        font-size: 1.2rem !important;
    }
    .img-fluid {
    max-width: 50% !important;
    height: auto;
	}
	.img-fluid-new {
    max-width:24% !important;
    height: auto;
	} */
}
@media screen and (min-width: 1400px) {
  .des-head h1{
    color:var(--des-primary);
    font-size:2.2em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size: 1.5em;
    font-weight: 400;
  }
  .announcements .text14{
    color:#404040;
    float: left;
    font-size: 0.875em;
  }
  .announcements h1{
    font-size: 1.125em;
  }
  .des-text-align-l{
    text-align:left;
  }
  .des-text-align-r{
    text-align:right;
  }
  .des-footer-text{
    display: flex;
    justify-content:space-between;
  }
  .new-project h1 {
    font-size: 1.875em;
  }
  .org-structure h1 {
    font-size: 1.875em;
  }
/*   .maha-des p {
    font-size: 1.125em;
    line-height: 2.5;
   	text-align: justify; 
  } */
  .new-project .name {
    font-size: 1.125em;
    font-weight: 600;
    color: #404040;
  }
}
@media screen and (min-width: 1920px) {
  .des-head h1{
    color:var(--des-primary);
    font-size:2.2em;
    font-weight: 800;
  }
  .des-head h2{
    color:var(--des-primary);
    font-size: 1.5em;
    font-weight: 400;
  }
  .announcements .text14{
    color:#404040;
    float: left;
    font-size:1.2em;
  }
  .announcements h1{
    font-size: 1.125em;
  }
  .des-text-align-l{
    text-align:left;
  }
  .des-text-align-r{
    text-align:right;
  }
  .des-footer-text{
    display: flex;
    justify-content:space-between;
  }
  .new-project h1 {
    font-size: 1.875em;
  }
  .org-structure h1 {
    font-size: 1.875em;
  }
.publication-head .maha-des p {
    font-size:0.875em;
    line-height: 2;
    text-align: justify;
  }
  .new-project .name {
    font-size: 1.125em;
    font-weight: 600;
    color: #404040;
    /* font-family: "Tiro Devanagari Marathi", "Poppins", sans-serif !important; */
    /* font-family: 'Poppins', Arial, 'Sakal Marathi', Mangal, 'Arial Unicode MS', sans-serif; */

  }
  .fixed-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px; /* or whatever fixed height you want */
    background-color: #f8f9fa; /* light gray or your desired color */
    z-index: 999; /* ensure it stays on top */
}
}
/* New changes */

.accordion-button{
	font-size: 1.2em !important;
	color:#404040 !important;
}

.table>:not(caption)>*>*{
	color:#404040 !important;
}
/* .site-menu li.active > a {
  color: #007bff; Highlight color
  font-weight: bold;
  text-decoration: underline;
} */
.des-about-new .img{
	max-width: 100%;
	width: 450px;
	/* height: 255px; */
}
.modal-content1 textarea, table {
    width: 100%;
    /* line-height: 2 !important; */
}
.modal-content1 .form-select{
	padding: 0.75em !important;
}

/* ---------------------------------- Animation ------------- */

.blink{
		animation: blink 1s linear infinite;
	}
	
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


/* .zoom img {
    transition-duration:1.5s;
    margin: 0 auto;
    display: block;
}
.zoom img:hover {
    transform: scale(0.90);
    -webkit-transform: scale(0.90);
    -moz-transform: scale(0.90);
    z-index: 0;
}
 */
 
.zoom img {
    transition-duration:1.5s;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.zoom:hover img{
	cursor: pointer;
    transform: scale(1.06);      /* Normal size (zoom out effect) */
}
.zoom-act img {
    transition-duration:1.5s;
    border-radius:4px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    /* box-shadow: 0 4px 8px 0 rgba(194, 237, 255, 0.4), 0 6px 20px 0 rgba(194, 237, 255, 0.19);
    border: #b9b9b9 solid 1px; */
    border-radius: 10px;
}

.zoom-act:hover img{
	cursor: pointer;
/* 	border: #163e66 1px solid; */
	border-radius:10px 10px 0px 0px;
	box-shadow: 0 4px 8px 0 rgba(194, 237, 255, 0.10), 0 6px 20px 0 rgba(194, 237, 255, 0.19);
    transform: scale(1.05);      /* Normal size (zoom out effect) */
}
.small img{
  transition-duration: 4s;
    margin: 0 auto;
    display: block;
  transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.small img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    z-index: 0;
}


.catlog-head h2{
  font-size: 1.25em;
  font-weight: 600;
  text-transform: uppercase;
  color:#2966a3;
  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}

.maha-data .btn-outline-primary{
	color:#404040;
}

.new-project .swiper-slide {
    border-right:none !important;
}

.swiper-slide-height{
	height: 460px;
	margin-top: 10px;
}
#tableWrapper {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: auto;
}

#mahaStateTable thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}
.old-website{
	/* background: #fff;
	border-radius:10px;
	padding: 10px;
	text-align: center; */
}
.old-website a{
	color:#fff;
	font-size: 1.125em;
	text-decoration: none;
}
.old-website span{
	color:#fff;
	/* color:#d63384; */
	font-size:1.125em;
	font-weight: bold;
}

.old-website span:hover{
	color:#fff;
	font-size: 1.125em;
	font-weight: bold;
}
.blink-soft {
  animation: blinkerBg 0.8s linear infinite;
  color: white;
  background-color:#2966a3; /* default background */
  padding: 5px;
  border-radius: 8px 0px 0px 8px;
  border-top: 2px solid #000;
  border-left: 5px solid #000;
  border-bottom: 2px solid #2966a3;
}
.blink-soft-new {
  animation: blinkerBg 3s linear infinite;
  color: white;
  background-color:#2966a3; /* default background */
  padding: 5px;
  border-radius: 8px 8px;
  border-bottom: 2px solid #2966a3;
}
@keyframes blinkerBg {
  0%, 100% {
    opacity: 1;
    background-color:#f07b00;
    padding: 10px;
  }
  50% {
    opacity: 0.8;
    background-color:#d63384;
    padding: 10px;
  }
}

/* old website*/
.old-webiste-bar  {
    position: fixed;
    top: 26%;
    right: 0;
    z-index: 9;
    text-decoration: none;
}

/* showcase */

/* Modal Style */
   /* Modal Style */
.image-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  animation: fadeIn 1s ease-in-out;
  /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}

.image-container {
  position: relative;
  /* width:50%; set fixed width for consistency
  max-width: 80%;
  max-height: 90%; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image-container img {
  width: 100%;
  height: auto;
 /*  border: 5px solid #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.5); */
  display: block;
}

/* Caption at the bottom of image */

.caption {
	width: 100%;
    color: white;
    background: rgb(233 119 31);
    padding: 8px 20px;
    margin-top:-5px;
    border-radius: 0px 0px 20px 20px;
    font-size: 1.5625em;
    text-align: center;
    /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */
}
.caption-lang {
	width: 100%;
    /* color: white; */
    color:#000;
    background: rgb(233 119 31);
    padding:20px;
    margin-top:-5px;
    border-radius:20px;
    font-size: 1.125em;
    text-align: center;
    border:solid 10px #fff;
    /* font-family: 'Poppins', 'Sakal Marathi', 'Noto Sans Devanagari', sans-serif; */ 
}
.image-modal .close-btn {
  position: absolute;
  top: 60px;
  right: 60px;
  font-size: 1.875em;
  color: #fff;
  cursor: pointer;
  border-radius: 40px;
  padding: 10px 23px;
}
.image-modal {
  opacity: 1;
  transition: opacity 0.3s ease;
}


@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.disabled-row {
        background-color: #f7f7f7!important; /* Light gray */
        color: #a0a0a0; /* Lighter text color */
        cursor: not-allowed;
    }
.blink_me_text {
  animation: blinkertext 1s linear infinite;
  text-transform: uppercase;
}

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

#imageShowcase {
    display: none;   /* hidden by default */
}
.source{
	margin-left: 24%;
	font-size: 1em !important;
	font-weight: bold;
}

.marquee {
  height: 25px;
  width:auto;

  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: marquee 50s linear infinite;
}

.marquee span {
  float: left;
  width:auto;
  margin: 0px 10px;
}
.play_mar{
	border: none;
    color: #ffffff;
    background: #0a0a0a;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -12px;
}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

/* .marquee:hover div {
  -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
} */
#marqueeContent span:hover {
  animation-play-state: paused;
}
.marquee {
  height: 25px;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  position: absolute;
  animation: marquee 50s linear infinite;
  animation-play-state: running; /* ✅ IMPORTANT */
}

.marquee span {
  float: left;
  margin: 0 10px;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

#toggleSwiper {
    border: none;
    background: #333333;
    color: #fff;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    /* position: absolute; */
    /* right: -21px;
    top: 30px; */
}
#toggleSwiper svg {
    display: block;
}
#goalModal{
	cursor:pointer;
}
.modal-section .modal .modal-title{
	font-weight: 800;
}
#dataRepository .modal-title{
	color: #cfe2ff !important;
}
.modal-section .modal .modal-content{
	background: #fff;
}
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0 15px;
}
.gallery img{
  border-radius:10px;
}
.gallery-item {
  position: relative;
  width: calc(25% - 20px);
  height: auto;
/*   margin: 10px; */
  cursor: pointer;
  transition: transform 0.5s ease;
}

.gallery-item:hover {
  transform: scale(1.1);
}

/* The Modal (background) */
.modal {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
}

/* Modal content (image) */
.modal-content{
  /* max-width:60%; */
  transform:scale(0.8);
  transition:transform 0.4s ease;
}

/* .modal.show .modal-content{
  transform:scale(1);
} */

@keyframes zoomIn {
  from {transform: scale(0.6);}
  to {transform: scale(1);}
}

.modal.show{
  opacity:1;
  visibility: visible;
}

/* Close button */
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.3s;
}

/* Caption of modal image */
.caption {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .gallery-item {
     width: calc(50% - 20px);
  }
}

@media screen and (max-width: 480px) {
  .gallery-item  {
    width: calc(100% - 20px);
  }
}
.nav-tabs {
    --bs-nav-tabs-border-color: #3584d3 !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #3584d3 !important;
}

.swiper-box-data-btn,
.filter-btn.active {
	background: #2966a3 !important;
	color: #ffffff !important;
	border-color: #2966a3 !important;
}
.filter-btn:hover{
	background: #2966a3;
	color:#fff;
}
.swiper-btn-mn{
	padding: 10px 30px !important;
	font-size: 1.2em !important;
	margin: 0px 4px;
}
.info-icon{
    width:25px;
    height:25px;
    fill:#cfe2ff;
    cursor:pointer;
}
.no-orange-hover:hover > a,
.no-orange-hover .dropdown li:hover > a {
    background: transparent !important;
    color: inherit !important;
}

.no-orange-hover .dropdown li a:hover {
    background: #f5f5f5 !important; /* optional */
    color: #000 !important;
}
.no-orange-hover .dropdown li a:hover {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}
.tab__menu{
    overflow-x:auto;
    white-space:nowrap;
    scroll-behavior:smooth;
}

.tab__btn{
    display:inline-block;
}

.left__btn,
.right__btn{
    cursor:pointer;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    background:#fff;
    padding:5px;
}

.left__btn{
    left:0;
}

.right__btn{
    right:0;
}
.left__btn,
.right__btn{
    display:none;
    cursor:pointer;
    align-items:center;
    justify-content:center;
}
.swiper-slide2 {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    /* background:#3F51B5; */
    background:rgb(41 102 163);
    /* background: rgba(234, 255, 234, 0.6); */ /* opacity */
    /* background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%); */
    /* background-image: linear-gradient(to top, #ffffff 0%, #d1fdff 100%); */
    border-radius: 20px;
/*     margin: 2px; */
    padding:20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.mySwiper {
     overflow: hidden !important;
}
.swiper-slide {
    overflow: visible;
}
.swiper-wrapper {
    padding: 10px 0;
}
.swiper-slide-zoom {
   transition: transform .3s ease;
    flex-shrink: 0;
    box-sizing: border-box;
}
.swiper-slide-zoom:hover {
    transform: scale(1.05) !important;
    z-index: 10 !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.15) !important;
}
/* .swiper-button-next svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    margin-left: 12px;
}
.swiper-button-prev{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    margin-rigth: 12px;
} */
.text-justify{
    text-align: justify;
}

.icon-40{
   width:40px;
}

.goal-left-120{
   margin-left:120px;
}
.goal-left-120 a {
	text-decoration:none !important;
	color: #404040;
}
.goal-left-40{
   margin-left:40px;
}
.goal-left-25{
   margin-left:25px
}
.swiper-button-next, .swiper-button-prev {
    top: var(--swiper-navigation-top-offset,68%) !important;
}
.branch-line{
    width: 180px;
    height: 80px;
    position: relative;
    margin: 30px;
}

/* Curved line */
.branch-line::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;

    border-top: 4px solid;
    border-right: 4px solid;

    border-radius: 0 80px 0 0;

    top: 0;
    left: 0;
}

/* Dot */
.branch-line::after{
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: currentColor;

    right: -7px;
    top: -7px;

    box-shadow: 0 0 0 4px #fff;
}

/* Colors */
.blue{
    color:#00a8d6;
}

.green{
    color:#1abc60;
}

.orange{
    color:#ff7a00;
}
/* curve-wrapper 1 */
.curve-wrapper1{
    width:220px;
    position: absolute;
    margin-top: 2px;
    margin-left:810px;
    /* z-index: 4; */
}

.curve-wrapper1 svg{
    width:100%;
    overflow:visible;
}

.curve-wrapper1 .curve-path{
    fill:none;
    stroke:#00a8d6;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper1 .curve-dot{
    fill:#00a8d6;
    stroke:#fff;
    stroke-width:4;
}

/* curve-wrapper 2 */
.curve-wrapper2{
    width:220px;
    position: absolute;
    margin-top:0px;
    margin-left:803px;
    /* z-index: 4; */
}

.curve-wrapper2 svg{
    width:100%;
    overflow:visible;
}

.curve-wrapper2 .curve-path{
    fill:none;
    stroke:#008f5a;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper2 .curve-dot{
    fill:#008f5a;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 3 */
.curve-wrapper3{
    width:220px;
    position: absolute;
    float:right;
    margin-top: -4px;
    margin-left: 780px;
    /* z-index: 4; */
}

.curve-wrapper3 svg{
    width:100%;
    overflow:visible;
}

.curve-wrapper3 .curve-path{
    fill:none;
    stroke:#8dbb25;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper3 .curve-dot{
    fill:#8dbb25;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 4 */
.curve-wrapper4{
    width:220px;
    position: absolute;
    float:right;
    margin-top: -4px;
    margin-left:775px;
    /* z-index: 4; */
}

.curve-wrapper4 svg{
    width:100%;
    overflow:visible;
}

.curve-wrapper4 .curve-path{
    fill:none;
    stroke:#c9bf1c;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper4 .curve-dot{
    fill:#c9bf1c;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 5 */
.curve-wrapper5{
    width:220px;
    position: absolute;
    float:right;
    margin-top: -4px;
    margin-left:774px;
   /*  z-index: 4; */
}

.curve-wrapper5 svg{
    width:100%;
    overflow:visible;
}

.curve-wrapper5 .curve-path{
    fill:none;
    stroke:#a18011;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper5 .curve-dot{
    fill:#a18011;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 6 */
.curve-wrapper6{
    width:220px;
    position: absolute;
    float:right;
    margin-top: -4px;
    margin-left:806px;
    /* z-index: 4; */
}

.curve-wrapper6 svg{
    width:100%;
    overflow:visible;
}

.curve-wrapper6 .curve-path{
    fill:none;
    stroke:#5e4407;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper6 .curve-dot{
    fill:#5e4407;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 7 */
.curve-wrapper7{
    width:220px;
    position: absolute;
    margin-top: 1px;
    margin-left: -200px;
    /* z-index:5; */
}

.curve-wrapper7 svg{
     transform: scaleX(-1);
}

.curve-wrapper7 .curve-path{
    fill:none;
    stroke:#a76418;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper7 .curve-dot{
    fill:#a76418;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 8 */
.curve-wrapper8{
    width:220px;
    position: absolute;
    margin-top:0px;
    margin-left:-206px;
    /* z-index: 4; */
}

.curve-wrapper8 svg{
   transform: scaleX(-1);
}

.curve-wrapper8 .curve-path{
    fill:none;
    stroke:#e96220;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper8 .curve-dot{
    fill:#e96220;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 9 */
.curve-wrapper9{
    width:220px;
    position: absolute;
    margin-top: -5px;
    margin-left: -183px;
    /* z-index: 4; */
}

.curve-wrapper9 svg{
   transform: scaleX(-1);
}

.curve-wrapper9 .curve-path{
    fill:none;
    stroke:#e32322;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper9 .curve-dot{
    fill:#e32322;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 10 */
.curve-wrapper10{
    width:220px;
    position: absolute;
    margin-top: -5px;
    margin-left: -184px;
    /* z-index: 4; */
}

.curve-wrapper10 svg{
   transform: scaleX(-1);
}

.curve-wrapper10 .curve-path{
    fill:none;
    stroke:#c5037d;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper10 .curve-dot{
    fill:#c5037d;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 11 */
.curve-wrapper11 {
    width: 220px;
    position: absolute;
    margin-top:-8px;
    margin-left: -188px;
    /* z-index: 4; */
}

.curve-wrapper11 svg{
   transform: scaleX(-1);
}

.curve-wrapper11 .curve-path{
    fill:none;
    stroke:#6d398b;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper11 .curve-dot{
    fill:#6d398b;
    stroke:#fff;
    stroke-width:4;
}
/* curve-wrapper 12 */
.curve-wrapper12{
    width:220px;
    position: absolute;
    margin-top: -75px;
    margin-left: -207px;
   /*  z-index: 4; */
}

.curve-wrapper12 svg{
   transform: scaleX(-1);
}

.curve-wrapper12 .curve-path{
    fill:none;
    stroke:#454e99;
    stroke-width:4;
    stroke-linecap:round;
}

.curve-wrapper12 .curve-dot{
    fill:#454e99;
    stroke:#fff;
    stroke-width:4;
}
.modal-section .modal-header .modal-title {
	font-size:1.8em;
}
.modal-section .modal-dialog .modal-body{
	font-size:1.2em !important;
}
.branch .bg-primary-subtle p{
	font-size:1em !important;
}
.des-activities-new-tab li, p{
	font-size:1.2em !important;
}
.modal-section-text{
	font-size:0.9em !important;
}
.sdg-tooltip{
    position:relative;
    display:inline-block;
}
.custom-tooltip{
    position:relative;
    cursor:pointer;
    color:#007bff;
}

/* TOOLTIP */
.custom-tooltip::after{
    content: attr(data-tooltip);
    position:absolute;
    bottom:130%;
    left:-540%;
    width:300px;
    background:#222;
    color:#fff;
    padding:12px;
    border-radius:10px;
    font-size:1em;
    line-height:1.6;
    opacity:0;
    visibility:hidden;
    transition:0.3s;
    z-index:9999;
    text-align:left;
    font-weight:normal;
}

/* SHOW */
.custom-tooltip:hover::after{
    opacity:1;
    visibility:visible;
}

/* swiper ID */
.swiper-ID{
   width: 100%;
   height: 100%;
   overflow: hidden; 
}

.swiper-ID .swiper-wrapper .swiper-slide {
      text-align: center;
      /* font-size: 18px;*/
      background:none; 
      display: flex;
      justify-content: center;
      align-items: center;
    }

.swiper-ID .swiper-wrapper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.swiper-ID .mySwiperDI{
	
}

.swiper-ID .swiper-pagination{
    position:relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
/* .swiper-ID .swiper-wrapper .swiper-slide:hover {
    transform: scale(1.05) !important;
    z-index: 10 !important;
    box-shadow: none !important;
}  */ 
/* flip-card */

.flip-card {
  background-color: transparent;
  width:100%;
  height: 300px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  border-radius: 10px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  border-radius: 10px;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
/*   background-color: #bbb;
  color: black; */
}
 .flip-card .card1{
	background:#e0ddff;
  	border-radius:4px;
  	border: 1px #b9b4ed solid;
  	width: 100%;
  	padding: 20px;
}
 .flip-card .card2{
	background:#deeeff;
	border-radius:4px;	
	border: 1px #bcd8f7 solid;
	width: 100%;
	padding: 20px;
}
/* Style the back side */
.flip-card-back {
  background-color:#ffffff;
  color: white;
  transform: rotateY(180deg);
  overflow-y:scroll;
  /* padding:0px 5px 5px 5px; */
  overflow-x: hidden;
  border: 1px #c8c8c8 solid;
}
.flip-card .table thead th{
	background-color:#ffffff !important;
}
 .swiper {
    overflow: hidden;
}
.swiper-slide {
    box-sizing: border-box;
} 
.swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.swiper-slide {
    height: auto !important;
    display: flex;
}

.data-repository-box {
    width: 100%;
    display: flex;
}

.data-repository {
    width: 100%;
    height: 100%;
}

 /* Floating Button & Options */
        .floating-container {
            position:absolute;
            bottom:-48px;
            right: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 1000;
        }

        .floating-options {
            display: none;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 10px;
            border-radius:30px; 
            padding: 10px;
            background-color: rgb(255 255 255 /80%);
            
        }

        .floating-options button {
            background-color: white;
            border: none;
            border-radius: 20px;
            width: 100px;
            height:40px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size:20px;
            position: relative;
            font-weight: bold;
        }

        .floating-options button span {
            display: none;
            position: absolute;
            right:105px; /* Button name to the left of the icon */
            white-space: nowrap;
            font-size: 14px;
            color: black;
            margin-top: -2px;
        }

        .floating-options button:hover span {
            display: inline-block;
            color: white;
        }

        .floating-button {
            width: 60px;
            height: 60px;
            background-color: white;
            border-radius: 50%;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        /* Popup Modal */
        .popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 2000;
        }

        .popup-content {
            background: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            width: 80%;
            max-width: 500px;
            position: relative;
        }

        .popup-content h2 {
            margin-top: 0;
        }

        .close-popup {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 18px;
            background: none;
            border: none;
            cursor: pointer;
        }
        .floating-options a {
            /* background-color:#FFFFFF; */
               /*  background: rgb(41 102 163); */
              /*  background: #2A7B9B;
background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%); */
/* background: #2966A3; */
/* background: linear-gradient(45deg,rgba(41, 102, 163, 1) 0%, rgba(3, 129, 255, 1) 51%, rgba(41, 102, 163, 1) 100%); */
background: #0381FF;
background: linear-gradient(45deg,rgba(3, 129, 255, 1) 0%, rgba(41, 102, 163, 1) 30%);
            border: none;
            border-radius:50px;
            width:150px;
            height:50px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size:16px;
            position: relative;
            font-weight: bold;
            text-decoration:none;
            color:#ffffff;

        }
        .floating-options a:hover {
        background: #0381FF;
background: linear-gradient(245deg,rgba(3, 129, 255, 1) 0%, rgba(3, 129, 255, 1) 30%);
        color:#ffffff;
        }
		.dsa-link a{
			background:	#4F86F7;
		}
		.dsa-link a:hover{
			background:#03045e;
		}
		.NILB-link a{
			background:#738276;
		}
		.NILB-link a:hover{
			background:#03045e;
		}
		.NSS-link a{
			background:#58427C;
		}
		.NSS-link a:hover{
			background:#03045e;
		}
		.IIP-link a{
			background:#4A646C;
		}
		.IIP-link a:hover{
			background:#03045e;
		}
		.EMDB-link a{
			background:#6F2DA8;
		}
		.EMDB-link a:hover{
			background:#03045e;
		}
		.CPI-NI-link a{
			background:#8D4E85;
		}
		.CPI-NI-link a:hover{
			background:#03045e;
		}
		.DES-manual-link a{
			background:#D98695;
		}
		.DES-manual-link a:hover{
			background:#03045e;
		}
		.ASI-link a{
			background:	#BF4F51;
		}
		.ASI-link a:hover{
			background:#03045e;
		}
		.FISCAL-link a{
			background:#C39953;
		}
		.FISCAL-link a:hover{
			background:#03045e;
		}
		.DESHR-link a{
			background:#A17A74;
		}
		.DESHR-link a:hover{
			background:#03045e;
		}
		.CPI2025-link a{
			background:#5DA493;
		}
		.CPI2025-link a:hover{
			background:#03045e;
		}
		.sas-viya a{
			background:#5acaf7;
		}
		.sas-viya a:hover{
			background:#03045e;
		}
        .floating-options a span {
            display: none;
            position: absolute;
            right:205px; /* Button name to the left of the icon */
            white-space: nowrap;
            font-size: 14px;
            color: black;
            margin-top: -2px;
        }

        .floating-options a:hover span {
            display: inline-block;
            color: white;
        }
        .floating-button {
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.application-label {
    margin-top: 8px;
    font-size:1em !important;
    font-weight:bold !important;
    color: #000;
    text-align: center;
    position: absolute;
    top:89px;
    right: 25px;
    
}
.des-activities .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    /* background:#3F51B5; */
    background:#f3f3f3 !important;
    padding: 20px 20px 0px 20px !important;
}

ol.g {
	list-style-type: decimal;
	}
ul.b {list-style-type: disc;}

.activity-next,
.activity-prev{
    display:flex !important;
    color:#000 !important;
    z-index:9999 !important;
    width:90px !important;
    height:40px !important;
    /* background:red; */
    position: absolute;
    padding:2px;
    top: var(--swiper-navigation-top-offset, 50%) !important;
}

.des-activities .swiper-slide .swiper-button-next::after {
    content: "\F285" !important;;
    font-family: "bootstrap-icons" !important;
    font-size: 24px !important;
    color: #fff;
	}
.des-activities .swiper-slide .swiper-button-prev::after {
    content: "\F284" !important;;
    font-family: "bootstrap-icons" !important;
    font-size: 24px !important;
    color: #fff;
	}
.modal-content-about {
    background-color: #ffffff;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    /* width: 80%; */
    max-width: 1400px;
    text-align: center;
    border-radius: 20px;
    top: 50px;
    display: flex;
    height:80%;
	}
.clickable-card{
    cursor: pointer;
	}
.clickable-card:hover{
    cursor: pointer;
	border: 1px solid #0381FF !important;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
.modal-content-nss {
    background-color: #ffffff;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    /* width: 80%; */
    max-width: 1400px;
    text-align: center;
    border-radius: 20px;
    top: 50px;
    display: flex;
    height:80%;
	}
.des-activities-new-tab{
    overflow:hidden;
    transition:height .4s ease;
	}
.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.9);
    justify-content: center;
    align-items: center;
    z-index: 9999;
	}

.modal-content-nss {
    max-width: 90%;
    max-height: 90vh;
	}

.close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
	}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .2);
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 50%;
	}

.prev-btn {
    left: 20px;
	}

.next-btn {
    right: 20px;
	}

.nav-btn:hover {
    background: rgba(255,255,255,.4);
	}
.custom-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.9);
    z-index:99999;
    justify-content:center;
    align-items:center;
	}
.nass-tab{
	
}
.nass-tab .nav-pills .nav-link{
  /* background: #C2EDFF !important; */
  border: solid 1px #c5c5c5;
  border-radius:0px !important;
  color:#404040 !important;
  font-weight: 600 !important;
  margin:2px 0px !important;
  border-bottom: solid 4px #c5c5c5;
}
.nass-tab .nav-pills .nav-link.active, .nass-tab .nav-pills .nav-link:hover{
  background:#2966a3 !important;
  border-bottom: solid 4px #007eff;
  border-radius:0px !important;
  color:#ffffff !important;
  font-weight: 600 !important;
  margin:2px 0px !important;
  border-left: none;
}
.des-activities-new-tab{
    transition: height 0.4s ease;
    overflow: hidden;
}
.tab-content{
    overflow: hidden;
    transition: height 0.4s ease;
}
.district-glance{
    font-family: "Sakal Marathi", "Mangal", "Arial Unicode MS", Arial, sans-serif !important;
}
.des-activities-new .modal-content {
	/* background-color: #0a3e83; */
	margin: 2% auto;
	/* padding: 20px; */
	border: 1px solid #888;

	/* max-width:1200px; */
	text-align: center;
	border-radius: 20px;
	top: -120px;
}
.des-activities-new .modal-dialog-centered{
	min-height: calc(70% - var(--bs-modal-margin) * 2);
}
.des-Organisation .modal-section .modal-header{
	background:#00BCD4;
	background: linear-gradient(45deg, #8BC34A 0%, #00BCD4 30%);
}
/* application arrow */
.animation{
	position: absolute;
}
.animation path{
    fill:none;
    stroke:#ffffff;
    stroke-width:12;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.curve{
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    animation:curveDraw 4s ease-in-out infinite;
}

.arrow{
    stroke-dasharray:300;
    stroke-dashoffset:300;
    animation:arrowDraw 4s ease-in-out infinite;
}

@keyframes curveDraw{
    0%{
        stroke-dashoffset:1000;
    }
    45%{
        stroke-dashoffset:0;   /* curve draws faster */
    }
    80%{
        stroke-dashoffset:0;
    }
    100%{
        stroke-dashoffset:-1000;
    }
}

@keyframes arrowDraw{
    0%,35%{
        stroke-dashoffset:300;
    }
    45%{
        stroke-dashoffset:0;   /* arrow finishes with curve */
    }
    80%{
        stroke-dashoffset:0;
    }
    100%{
        stroke-dashoffset:-300;
    }
}
.click-text{
    font-size:24px;
    font-weight:bold;
    fill:#ff6600;
    animation:blink 1s infinite;
}

@keyframes draw{
    0%{
        stroke-dashoffset:1000;
    }
    40%{
        stroke-dashoffset:0;
    }
    80%{
        stroke-dashoffset:0;
    }
    100%{
        stroke-dashoffset:-1000;
    }
}

@keyframes blink{
    0%,100%{opacity:1;}
    50%{opacity:0.3;}
}