::selection{background:#F15F06;color:#fff;}
::-webkit-scrollbar {width: 8px;}
/* Track */
::-webkit-scrollbar-track {background:#fff;}
/* Handle */
::-webkit-scrollbar-thumb {background: #008436 ;}
::-webkit-scrollbar-thumb:window-inactive {background: #008436 ;}
body,html{padding:0px;margin:0px;height:100%;font-size: 14px;color: #252525;font-family: 'Poppins', sans-serif;font-weight:400;}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/logo.webp') 50% 50% no-repeat rgb(255, 255, 255, 0.9);
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}
.imgsection
{
	width:100%;
	overflow: hidden;
	object-fit: cover;
	min-height: 200px;
	max-height: 200px;
}


.scroll-box {
    height: 200px; /* adjust height */
    overflow: hidden;
    position: relative;
}

.scroll-content {
    display: flex;
    flex-direction: column;
    animation: scrollUp 10s linear infinite;
}

.scroll-box:hover .scroll-content {
    animation-play-state: paused;
}

@keyframes scrollUp {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}



/****************  Menu CSS  ***********************/
.navbar
{
	z-index:5;
	flex-wrap: wrap !important;
	animation: .75s ease-in-out 0s normal none 1 running fadeInUp;
}
.navbar-expand-md .navbar-nav .nav-link
{
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover 
{
	color: #f7e83e;
}
.nav-link:focus, .nav-link:hover 
{
    color: #f7e83e;
}
.navbar-expand-md .navbar-nav .nav-link::after 
{
    display      : block;
    content      : '';
    border-bottom: solid 1px #f7e83e;
    transform    : scaleX(0);
    transition   : transform 300ms ease-in-out;
	margin-left: 0px !important;
    vertical-align: 0px !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}
.navbar-expand-md .navbar-nav .nav-link:hover::after 
{
    transform: scaleX(1);
}
/************** Mouse hover dropdown **********************/


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
	animation: .25s ease-in-out 0s normal none 1 running fadeInUp;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-menu {
	padding: 0rem 0;
	border: 1px solid rgb(255 255 255 / 35%);
	box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important;
}
.dropdown-item.active, .dropdown-item:active {background: linear-gradient(to right, #008436, #008436);color: #f7e83e;}
.dropdown-item {color: #fff;background: linear-gradient(to right, #008436, #008436);font-size:13px;text-transform: uppercase;font-weight:500;}
.dropdown-item:focus, .dropdown-item:hover {color: #f7e83e;background: linear-gradient(to right, #008436, #008436);}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    margin-top: 0rem;
}
.dropdown-menu .nav-link
{
	padding:0px !important;
}
.dropdown-menu .nav-item:hover .nav-link
{
	color:#f7e83e !important;
    border-bottom: solid 0px #00ff37;
}
.dropdown-submenu.active .nav-link
{
	color:#f7e83e !important;
}
/************** Mouse hover dropdown **********************/

/************** Heading Design **********************/

.heading-banner h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #f7e83e , #f7e83e);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #008436 , #008436);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border1 h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #008436 , #008436);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border1 h6:before {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #008436 , #008436);
    margin: 4px 0px;
    display: inline-block;
    margin-right: 5px;
}

/*********************** Some other CSS  **********************/
.fixed-top-own 
{
    animation: .75s ease-in-out 0s normal none 1 running fadeInDown;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	top:0;
	background-color:#fff !important;
	box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important;
}
.c-pointer
{
	cursor:pointer;
}
.list-group-horizontal .list-group-item, .list-group-item 
{
	background-color: transparent; 
	border: 1px solid rgba(0, 0, 0, 0);
}
.inline-block
{
	display:inline-block;
}
.letter-space
{
	letter-spacing:5px;
}
.top-end-1 {
    font-size: 12px;
    right: 5 !important;
    top: 5 !important;
}
.other-details
{
	font-size:11px;
}


/************** Text Color Code ************/
.theme-green
{
	color:#008436 ;
}
.theme-orange
{
	color:#F15F06;
}
.theme-yellow
{
	color:#f7e83e;
}
.theme-dark
{
	color:#111;
}
.theme-headingdark
{
	color:#385469;
}
.theme-light
{
	color:#fff;
}
/************** Background Color Code ************/
.bg-green
{
	background-image: linear-gradient(to right, #008436  , #008436 );
}
.bg-black
{
	background-image: linear-gradient(to right, #385469  , #385469 );
}
.bg-yellow
{
	background-color:#f7e83e !important;
}
.bg-orange
{
	background-image: linear-gradient(to right, #F15F06 , #F15F06);
}
.bg-dark
{
	background-color:#111 !important;
}
.bg-light
{
	background-color:#fff !important;
}
.bg-shadow {
    background-color: #f1f9fd;
}
.bg-offwhite {
    background-color: #f1f1f19c;
}

.btn-green
{
    border: none;
    background-size: 200%, 1px;
    transition: all 200ms linear 0ms;
    background-image: linear-gradient(90deg, #008436 0%, #008436 50%, #008436);
    color: #fff;
}
.btn-green:hover 
{
    color: #ffffff;
    transition: all 200ms linear 0ms;
    background-position: 120%;
}
.btn-check:focus+.btn-green, .btn-green:focus 
{
    color: #ffffff;
    background-position: 120%;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 98 95 / 16%);
}
.btn-yellow 
{
    border: none;
    background-size: 200%, 1px;
    transition: all 200ms linear 0ms;
    background-image: linear-gradient(90deg, #f7e83e 0%, #f7e83e 50%, #f7e83e);
    color: #111;
}
.btn-yellow:hover 
{
    color: #111;
    transition: all 200ms linear 0ms;
    background-position: 120%;
}
.btn-check:focus+.btn-yellow, .btn-yellow:focus 
{
    color: #111;
    background-position: 120%;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 98 95 / 16%);
}

.myHelpline
{
	z-index:10;
}
.myHelpline li:hover > ul.dropdown-menu {
    display: block;
	animation: .25s ease-in-out 0s normal none 1 running fadeInUp;
}
.dropdown-menu-lg-end {
    left: -175px;
}
.myHelpline li > ul.dropdown-menu {
    min-width: 18rem;
}



.header-upper .list-group-item a:hover, #headericon li a:hover
{
	color:#fff;
}
.list-group-item 
{
    padding: 0px;
    border: 1px solid rgb(0 0 0 / 0%);
}
.text-justify
{
	text-align:justify;
	text-justify: inter-word;
}
.text-center-justify
{
	text-align:justify;
	text-align-last:center;
	text-justify: inter-word;
}
.footerMain a:hover {
    color: #f7e83e;
}
a:hover {
    color: #385469;
}


.form-floating>label {
    padding: 1rem 1.2rem;
}
.form-control 
{
    color: #212529;
    background-color: #f3f3f3;
    border: 1px solid #ffffff;
}
.form-control:focus {
    color: #212529;
    background-color: #f3f3f3;
    border: 1px solid #ffffff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

.card {
    border: 0px solid rgba(0, 0, 0, .125);
}

.blink-hard {
  animation: blinker 1s step-end infinite;
}
.blink-soft {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}




.carousel-caption {
    position: absolute;
    right: 10%;
    bottom: 100px;
    left: 10%;
    padding: 0px;
    color: #fff;
    text-align: left;
}
.carousel-control-next, .carousel-control-prev 
{
	background-color: #f7e83e;
	color:#f00;
	width:40px;
	height: 70px;
	margin: auto 0px;
}
.carousel-item img
{
	width: 100% !important;
	display: flex !important;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	animation: zoom-in-zoom-out 10s ease-out infinite;
}
#carouselExampleCaptions .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23008436'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#carouselExampleCaptions .carousel-control-prev-icon
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23008436'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}


#blinking-button {
	background-color:#008436;
  animation: blink 1s linear infinite;
}
@keyframes blink {
  0%, 100% {background-color:#008436;}
  50% {background-color: #f7e83e;}
}

#blinking-button1 {
	background-color:#f7e83e;
  animation: blink1 1s linear infinite;
}
@keyframes blink1 {
  0%, 100% {background-color:#f7e83e;}
  50% {background-color: #008436;}
}



.bg-banner
{
	background-image: url(../images/banner.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-noticeTender
{
	background-image: url(../images/notice-tender.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #111;
}
.breadcrumb-item.active {
    color: #111;
}
.breadcrumb a:hover {
    color: #111 !important;
}
.footerMain h5:after 
{
    content: "";
    width: 35px;
    height: 2px;
    display: block;
    background-color: #f7e83e;
    margin: 8px 2px;
}

.max-charecter
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.max-charecter-2
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.max-charecter-1
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.max-charecter-3
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.max-charecter-5
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


.image-box {
    min-height: 250px;      /* Mobile height */
}

@media (min-width: 768px) {
    .image-box {
        min-height: auto;   /* Match left content height */
    }
}

.object-fit-cover {
    object-fit: cover;
}


.owl-prev, .owl-next
{
	width: 50px;
    height: 25px;
    position: absolute;
    display: block !important;
    border: 1px solid #008436 !important;
    border-radius: 5% !important;
    color: #f7e83e !important;
    font-size: 30px !important;
    opacity: 1 !important;
    font: revert !important;
    background: linear-gradient(to right, #008436, #008436) !important;
}
.owl-prev {bottom: -10%;left: 50px !important;}
.owl-next{right: 50px !important;bottom: -10%;}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}
.owl-theme .owl-nav [class*=owl-]:hover {	background: linear-gradient(to right, #fff0 , #fff0) !important;border: 1px dashed #008436  !important;color: #008436  !important;text-decoration: none;transition: 0.5s all;}
.owl-theme .owl-dots .owl-dot span {background: #80c59c ;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #008436 ;}



body .uwy.utb .uai, body .uwy.utb .ulsti, body .uwy.utb .ups {
    width: 40px !important;
    height: 40px !important;
}
.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none;
}
.goog-te-gadget-simple {
    background-color: #385469 !important;
    border: 1px solid #fff !important;
    font-size: 10pt;
    display: inline-block;
    padding: 2px;
    cursor: pointer;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
    color: #ffffff !important;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
    text-decoration: none;
	color: rgb(255 255 255) !important;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
    border-left: 0px solid rgb(187, 187, 187) !important;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:nth-child(1) {
    padding :2px !important;
}




/*******************  For Folding of Training Section  ****************/
/* 45-degree folded corner */
.fold {
  background: 
    linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) no-repeat 100% 0 / 2em 2em,
    linear-gradient(-145deg, transparent 1.41em, #58a 0);
  );
}
/* 60-degree folded corner */
.sharp-fold {
  position: relative;
  background: linear-gradient(-150deg, transparent 1.5em, rgb(255 255 255) 0);
  border-radius: .5em;
}
.sharp-fold::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to left bottom, transparent 50%, rgb(0 132 54) 0, rgb(0 132 54)) no-repeat 100% 0;
  width: 1.73em;
  height: 3em;
  transform: translateY(-1.3em) rotate(-30deg);
  transform-origin: bottom right;
  border-bottom-left-radius: inherit;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
}


/*******************  For Folding of Training Section  ****************/
/* 45-degree folded corner */
.presentMunicipalBoard .fold {
  background: 
    linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) no-repeat 100% 0 / 2em 2em,
    linear-gradient(-145deg, transparent 1.41em, #58a 0);
  );
}
/* 60-degree folded corner */
.presentMunicipalBoard .sharp-fold {
  position: relative;
  background: linear-gradient(-150deg, transparent 1.5em, rgb(246 246 246) 0);
  border-radius: .5em;
}
.presentMunicipalBoard .sharp-fold::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to left bottom, transparent 50%, rgb(0 132 54) 0, rgb(0 132 54)) no-repeat 100% 0;
  width: 1.73em;
  height: 3em;
  transform: translateY(-1.3em) rotate(-30deg);
  transform-origin: bottom right;
  border-bottom-left-radius: inherit;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
}
.border-green
{
	border-color:#008436 !important;
}





.bell {
  display: inline-block;
  color: #f7e83e;
  animation: 1s bell-vibrate ease-in-out infinite;
}

@keyframes bell-vibrate {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}



.goog-te-gadget-simple {
    background-color: #FFF;
    border-left: 1px solid #D5D5D5;
    border-top: 1px solid #9B9B9B;
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #D5D5D5;
    font-size: 10pt;
    display: inline-block;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 1100px)
{ 
	
}


@media screen and (max-width: 520px)
{ 
	.navbar, .navbar-collapse{background-color:#008436 !important; }
	.navbar-light .navbar-brand {
		color: rgba(0, 0, 0, .9);
		width: 85%;
		padding: 7px 0px;
	}
	.menu1.pe-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.fixed-top-own {margin-top:0px;}
	.nav-link {padding: 3px 1rem;}
	.navbar-light .navbar-toggler {color: rgb(0 0 0 / 0%);border-color: rgb(0 0 0 / 0%);width: 10%;}
	.navbar-expand-md .navbar-nav .nav-link{font-size:14px;}
	.dropdown-menu {
		box-shadow: 0 0rem 0rem rgba(0,0,0,0)!important;
	}
	.navbar .navbar-brand .w-auto{
		width:50% !important;
	}
	.container.py-5{
		padding:15px !important;
	}
	#counter .col-md-3, #counter .col-md-9
	{
		text-align:center;
	}
	.carousel-item img
	{
		width: 100% !important;
		height:85vh;
		display: flex !important;
		align-items: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		animation: zoom-in-zoom-out 10s ease-out infinite;
	}
	.carousel-item .carousel-caption img
	{
		display:none !important;
	}
	.carousel-caption {
		position: absolute;
		right: 10%;
		bottom: 100px;
		left: 10%;
		padding: 0px;
		color: #fff;
		text-align: left;
	}
	.aboutSection iframe
	{
		width:100% !important;
	}
	.eventBlock .p-3
	{
		padding:0px !important;
	}
	
	body .uwy.userway_p1 .userway_buttons_wrapper {
		top: 50px !important;
		right: auto;
		bottom: auto;
		left: calc(100vw - 5px) !important;
		transform: translate(-100%);
	}
}