/* <!-- body{background:#f5f7fb;font-family:Poppins, sans-serif} --> */
   body{font-family: 'Josefin Sans', sans-serif;}
.nav-link{font-weight:700;padding:0 18px !important;color:#012e5a}
.dropdown-menu a:before{color:#fff;    display: inline-block;
    margin-left: .115em;
    vertical-align: .115em;
    content: "";
    border-top: .34em solid transparent;
    border-right: .34em solid transparent;
    border-bottom: .34em solid transparent ;
	border-left: .34em solid;}

.dropdown-menu {
  transition: all 0.3s ease;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
}


@media (max-width: 991px) {
  .dropdown-menu {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
	 margin-left: 1vw;
	line-height:40px;
	 border:0;
	  border-top:22px solid #fff;
	  border-radius:0px 0px 10px 10px;
	background: #172746;
   background: linear-gradient(90deg, rgba(23, 39, 70, 1) 0%, rgba(33, 60, 115, 1) 48%, rgba(23, 39, 70, 1) 100%);
  }
.navbar .dropdown:hover > .dropdown-menu a{color:#fff}
.navbar .dropdown:hover > .dropdown-menu a:hover{color:#fff;
   background: #172746;
    background: linear-gradient(180deg, rgba(23, 39, 70, 1) 0%, rgba(33, 60, 115, 1) 48%, rgba(23, 39, 70, 1) 100%);
   
}
 
  .dropdown-submenu:hover > .dropdown-menu{
  display:block;
   border-radius:0px 0px 10px 10px;
   background: #172746;
   background: linear-gradient(90deg, rgba(23, 39, 70, 1) 0%, rgba(33, 60, 115, 1) 48%, rgba(23, 39, 70, 1) 100%);
}
}
/* HERO */
.carousel-item{height:400px}
.carousel-item img{object-fit:cover;height:100%}
.carousel-caption{background:rgba(0,0,0,0.5);padding:20px;border-radius:10px}

/* SERVICE CARDS */
.service-card{border-radius:12px;transition:.3s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}

/* ANNOUNCEMENT */
.announcement-box{height:100%;border-radius:12px}

/* EXPLORE */
.explore{
  /* background: linear-gradient(145deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #1a4372 40%)); */
	background: #172746;
	background: linear-gradient(90deg, rgba(23, 39, 70, 1) 0%, rgba(33, 60, 115, 1) 48%, rgba(23, 39, 70, 1) 100%);
	color: var(--contrast-color);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* QUICK */
.quick{background:#0d2d50;color:#fff;padding:40px}

/* HELPLINE */
.helpline-card{border-radius:10px}

h3{font-size: 40px;font-weight:700}

 .feature-item {
     transition: background-color 1s ease-in-out;
     border-radius: 30px;
        }

.title-style-2 h2 {
    border-right: 1px solid #fadbe1;
    margin: 0;
    letter-spacing: -.5px
}

.latest-updates.latest-updatess {
    width: 100%;
    float: left;
    /* <!-- background: #fff; --> */
    /* border-radius: 3px; */
    /* overflow: hidden; */
    /* <!-- border: 1px solid #e8e8e8 --> */
}

.latest-updates h6,.latest-updatess h6 {
    color: #fff;
    line-height: 58px;
    font-weight: 700;
    padding: 0 20px;
    text-transform: uppercase;
    position: relative
}
.latest-updatess h6 img{width:40px}
.community-box span,.latest-updates h6 img {
    position: absolute;
    right: 0;
    bottom: 10px
}
.community-box span {
    position: absolute;
    right: 0;
    bottom: 10px
}

.latest-updates ul {
    margin: 0;
    padding: 0 20px;
    list-style: none
}

.latest-updates ul li{
    border-bottom: 1px solid #e8e8e8;
    padding: 16px 0;
    position: relative
}
.latest-updatess ul {
    margin: 0;
    padding: 0 20px;
    list-style: none
}

.latest-updatess ul li{
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
    position: relative
}
.both-scroll ul li{
    border-bottom: 1px solid #c3c0c0;
    padding: 10px 0;
    position: relative;
}
.both-scrolla ul li{
    border-bottom: 1px solid #c3c0c0;
    padding: 10px 0;
    position: relative
}

.ch-box:hover:after,.latest-updatess ul li:hover:after,.local-box:hover:after,.service-box:hover:after {
    height: 100%
}

.latest-updatess ul li:after {
    position: absolute;
    left: -20px;
    top: 0;
    width: 2px;
    height: 0;
    content: "";
    background: #d94148
}
.both-scroll ul li:after {
    position: absolute;
    left: -22px;
    top: 0;
    width: 4px;
    height: 0;
    content: "";
    background: #6e5aac
}
.both-scrolla ul li:after {
    position: absolute;
    left: -22px;
    top: 0;
    width: 4px;
    height: 0;
    content: "";
    background: #78d9bd
}
.post-date{color:#7a7a7a;font-size:13PX}

.c3,.department-links li a.c3 {
    background: #012e5a;border-radius:15px 15px 0 0;
	margin-bottom: 0rem;
}
.c4,.department-links li a.c4{ background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);border-radius:15px 15px 0 0;
	margin-bottom: 0rem;}
.c7,.department-links li a.c4{ background: #1e3b02;
background: linear-gradient(90deg, rgba(30, 59, 2, 1) 0%, rgba(9, 121, 24, 1) 35%, rgba(142, 240, 125, 1) 100%);border-radius:15px 15px 0 0;
	margin-bottom: 0rem;}
	.c4b{background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);border-radius:0 0 15px 15px;text-align:right;padding:3px 20px 4px 0;color:#fff }
	.c7b{background: #1e3b02;
background: linear-gradient(90deg, rgba(30, 59, 2, 1) 0%, rgba(9, 121, 24, 1) 35%, rgba(142, 240, 125, 1) 100%);border-radius:0 0 15px 15px;text-align:right;padding:3px 20px 4px 0;color:#fff }
	.c3b{background: #012e5a;border-radius:0 0 15px 15px;text-align:right;padding:7px 20px 7px 0;color:#fff }
.c3b a,.c4b a,.c7b a{color:#fff;cursor:pointer;text-decoration:none;
background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 121, .1) 60%, rgba(0, 0, 0, .1) 100%);border-radius:15px;text-align:right;padding:3px 12px;color:#fff 
}
.c3b a:hover,.c4b a:hover,.c7b a:hover {
	color:#fff;cursor:pointer;text-decoration:none;background: #020024;
	background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 121, .1) 95%, rgba(0, 0, 0, .1) 100%);border-radius:15px;text-align:right;padding:3px 12px;color:#fff 
					}
.both-scroll {
    height: 380px;
    overflow-y: auto;
    padding-right: 5px;
	border: 1px solid #9a88d1
}
.both-scrolla {
    height: 380px;
    overflow-y: auto;
    padding-right: 5px;
	border: 1px solid #78d9bd
}
.notice-scroll {
    /* height: 575px; */
	height: 470px;
    overflow-y: auto;
    padding-right: 5px;
	border: 1px solid #012e5a;
}

/* smooth scroll effect */
.notice-scroll ul,.both-scroll ul,.both-scrolla ul,.scroll-inner ul {
    animation: scrollUp 30s linear infinite;
}
.notice-scroll a,.both-scroll a,.both-scrolla a,.scroll-inner a{text-decoration:none;color:#333;font-size:.8rem}
.notice-scroll:hover ul,.both-scroll:hover ul,.both-scrolla:hover ul,.scroll-inner:hover ul {
    animation-play-state: paused;
}

/* animation */
@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}

/* mobile fix */
@media (max-width: 768px) {
	#helplinesec .kds-tfn-box span a {display:block;font-size: 36px !important;}
	#helplinesec .kds-tfn-box {font-size: 16px !important;}
	.kdshidden{display:none !important}
	.nav-link{font-weight:700;padding:8px !important;color:#fff;background: #172746;
    background: linear-gradient(180deg, rgba(23, 39, 70, 1) 0%, rgba(33, 60, 115, 1) 48%, rgba(23, 39, 70, 1) 100%);}
	.nav-link:hover,.nav-link.active{font-weight:700;padding:8px !important;color:#fff !important;
	 background: #172746; background: linear-gradient(180deg, rgba(23, 39, 70, 1) 0%, rgba(33, 60, 115, 1) 48%, rgba(23, 39, 70, 1) 100%);}
	h3{font-size:34px}
.service-card i {font-size: 40px !important; }
#helplinesec .kds-title-style h2 {font-size:34px !important}

    .notice-scroll {
        height: 325px;
    }

    .notice-scroll ul {
        animation: none; /* mobile pe manual scroll */
    }


.service-card p i{font-size: 8px !important;float: right;line-height:0;color:#444;border-radius: 20px;border:1px solid #c4c4c4;padding:8px 4px 7px 4px !important}
.service-card .kdssmall{font-size:.64em !important;}
.footer-slider img{border-radius: 6px;margin: 4px 0 !important;}
.footer-dark .footer-title {margin-bottom:30px;font-size:18px !important;}

.glow-icon {
  font-size: 18px;
  color: #fff !important;
  animation: glow 1s infinite alternate;
}

@keyframes glow {
  from { text-shadow: 0 0 5px #00c7ff !important; }
  to { text-shadow: 0 0 20px #00c7ff !important; }
}
.kds-footer ul {
margin-bottom: 12px !important;}

}
/* media end */


/* Section Title */
.section-title {
    font-size: 36px;
    font-weight: 700;
}

/* Search Box */
.search-box {
    max-width: 500px;
    margin: 20px auto;
}

/* Card Design */
.service-card {
    background: #fff;
    border-radius: 15px;
    padding: 4px 4px 1px 4px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    border: none;
}

/* .service-card i { */
    /* font-size: 35px; */
    /* margin-bottom: 10px; */
/* } */
	h3{ background-image: linear-gradient(#012e5a, #063d73);
    color: transparent;background-clip: text;font-size:2rem}
	.span{color:#012e5a;font-size:.98rem}
	.kds-btnr{border:1px solid #ccc;border-radius:8px;padding:10px;text-decoration:none;color:#012e5a;
	font-size:.8rem;margin:12px 0 0 0
	}
.service-card i{
  font-size: 35px;
    /* float: left; */
    text-align: center;
    line-height: 58px;
    margin:0 4px;
	display:block; 
}
.service-card p{position: relative;}
.service-card a {color:#212529}
.service-card p i{font-size: 12px;float: right;line-height:0;color:#444;position:absolute;bottom:-2px;right:-4px;
border-radius: 20px;border:1px solid #c4c4c4;padding:10px 4px 9px 4px}
.service-card  h5 {
 font-size: .91rem;font-weight:700; text-align: center;color:#212529}
.service-card .kdssmall{font-size: .8em;}
/* .glow-icon { */
  /* font-size: 40px; */
  /* color: #00f; */
  /* animation: glow 1s infinite alternate; */
/* } */
/* .service-card:hover i{animation: pulse 1.5s infinite;} */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
/* Hover Effect */
.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(218,69,152,0.7);
}

/* Colors */
.red { color: #ff4d4d; }
.reda { color: #3e4d0b; }

.green { color: #91891d; }
.greena{color:#107055}
.blue { color: #20bf1b; }
.bluea { color: #301e05; }

.purple { color: #6f42c1; }
.orange { color: #fd7e14; }
.orangea { color: #702116; }
.kds-img-box {
    -moz-box-shadow: inset 0 0 10px #bbbdbd;
    -webkit-box-shadow: inset 0 0 10px #bbbdbd;
    box-shadow: inset 0 0 10px #bbbdbd;
    padding:20px 20px 10px 20px;
	background-color:#fff;text-align:left;
	border-radius:14px
}
.kds-img-box i{font-size:10px;font-weight:700;color:#1a3c6e;margin:0 12px 0 0;cursor:pointer;border:1px solid #1a3c6e;padding:4px;border-radius:20px}
.kds-img-box span{font-size:12px;font-weight:400;color:#777;line-height:24px}
.kds-img-box b{font-size:14px;color:#1a3c6e}
.kds-img-box p span{font-size:13px;color:#1a3c6e;font-weight:700;}
.kds-img-box p{font-size:13px;font-weight:700;color:#777}
.kds-img-box img{border:1px solid #ccc;padding:2px;border-radius:14px}
.title-style-1 h2{
    font-weight: 800;
    color: #01284f !important;
	font-size:32px;
	/* filter: drop-shadow(10px 10px 7px #000); */
	margin:0 !important
}
#helplinesec .kds-title-style{  text-align:center;padding-bottom:20px}
#helplinesec .kds-title-style h2 { font-weight: 800;
    color: #01284f !important;
	font-size:32px; text-align:center;
	/* filter: drop-shadow(10px 10px 7px #000); */}
#helplinesec .kds-tfn-box {
    font-size: 18px;
    font-weight: 800;
    color: #012e5a;
    border-radius: 6px;
  
}
#helplinesec .kds-tfn-box span a {
    font-size: 28px;
    font-weight: 800;
    color: #012e5a;padding:0 4px;
	text-decoration:none
  
}

.kds-tfn-box span a:hover {
    background: rgba(1,40,79,.1);
    border-color: #069dd5;
    color: #fff;
	border-radius:20px
}
.title-style-m h2{
    font-weight: 800;
    color: #fff !important;
    padding-bottom:  24px;
	font-size:42px;
	filter: drop-shadow(10px 10px 7px #000);
}
/* #ctl00_ContentPlaceHolder1_datalist_notice img{padding:4px;border-radius:10px} */
.kds-tfn {
    top: 0;
    right: 116px;
    background: rgb(250,75,75);
    background: linear-gradient(90deg, rgba(250,75,75,1) 0%, rgba(185,23,21,1) 20%, rgba(175,26,24,1) 50%, rgba(185,23,21,1) 80%, rgba(250,75,75,1) 100%);
    color: #fff;
    border-radius: 0 0 10px 10px;
    z-index: 99999999;
    padding: 0 8px 1px;
    font-weight: 700;
    font-size: 14px
}

.kds-tfn:hover {
    background-color: #01284f;
    color: #fff
}
.kds-list {
    padding: 4px 0 0;
    margin: 0
}
.kds-list li span {
    padding: 10px 15px;
    border-radius: 10px;
    width: 40%;
    display: inline-block
}
.kds-list li {
    color: #fff;
    font-weight: 700;
    /* background-color: #013a72; */
	 /* background: #172746; */
                    /* background: linear-gradient(90deg, rgba(23, 39, 70, 1) 0%, rgba(33, 60, 115, 1) 48%, rgba(23, 39, 70, 1) 100%); */
  
background: #012E5A;
background: linear-gradient(90deg, rgba(1, 46, 90, 1) 0%, rgba(1, 46, 90, 1) 35%, rgba(7, 143, 138, 1) 39%, rgba(8, 135, 144, 1) 44%, rgba(1, 46, 90, 1) 100%);   
   padding: 0;
    border-radius: 10px;
    list-style: none;
    margin-bottom: 15px;
    font-size: 16px
}

.section-title,.title-style-1,.title-style-2 {
    margin: 0 0 27px
}

.title-style-1 h2,.title-style-2 h2 {
    font-weight: 700;
    color: #333;
    margin: 0 0 12px
}

.title-style-1 p,.title-style-2 p {
    font-size: 16px;
    line-height: 22px;
    color: #595959;
    margin: 0
}

.cityscapes .row,.row.m5,.row.p5 {
    margin-right: -5px;
    margin-left: -5px
}

.fact-box {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 8px;
    /* box-shadow: 0 10px 30px rgba(0,0,0,.7); */
    margin-bottom: 12px;
    height: 174px;
    padding: 24px 1px;
    position: relative;
    text-align: center
}

.fact-box:hover {
    background: rgba(1,40,79,.8);
    border-color: #069dd5;color:#fff
}
.fact-box:hover strong{color:#fff}
.fact-box:hover span{color:#fff}
.fact-box:hover i{color:#fff}
.fact-box strong {
    color: #01284f;
    font-size: 18px;
    font-weight: 800;
    display: block;
    line-height: 30px;
    margin: 0 0 6px
}

.fact-box span,.stay-connected input[type=submit] {
    font-weight: 600;
    font-family: Montserrat,sans-serif
}

.fact-box span {
    font-size: 13px;
    color: #777;
    line-height:0
}

.fact-box i {
    /* position: absolute; */
    /* left: 49px; */
    /* top: 7px; */
    font-size: 30px;
    color: #01284f;
	animation: bounce 1s infinite;
}


@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}

.counter{    margin: 0;
    padding: 0;
    list-style: none;}
		.fact-newslettera {
	    background: url(../Images/npatt.png);
    padding: 40px 0 60px;
	
	
}
	.fact-newsletter {
    background: url(../Images/bg.jpg) 0 0/cover no-repeat;
	background-size: cover;
	 /* position: relative; --> */
     /* background-image: url(../img/VMC_Images/bg.jpg); --> */
     /* background-repeat: no-repeat; --> */
     /* background-size: cover; --> */
     /* background-position: center; --> */
     /* z-index: 1; --> */
}

.footer-slider .owl-carousel .owl-item a {
    display: block;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    text-align: center;
    padding: 0.25rem 0;
	}
	.kds-hr {
    background-image: -webkit-linear-gradient(left, #fff, #01284f, #fff);
    background-image: -moz-linear-gradient(left,#fff,#01284f,#fff);
    background-image: -ms-linear-gradient(left,#fff,#01284f,#fff);
    background-image: -o-linear-gradient(left,#fff,#01284f,#fff);
    left: 25%;
    margin: .4em 0 1.2em;
    width: 50%;
}
	.kds-hrt {
    /* background-image: -webkit-linear-gradient(left, #fff, #01284f, #fff); */
    /* background-image: -moz-linear-gradient(left,#fff,#01284f,#fff); */
    /* background-image: -ms-linear-gradient(left,#fff,#01284f,#fff); */
    /* background-image: -o-linear-gradient(left,#fff,#01284f,#fff); */
    left: 25%;
    margin: .7em 0 0em;
    width: 50%;
	 background: linear-gradient(60deg, #fff, #ccc, #ef4e7b, #a166ab, #5073b8, #1098ad, #ccc, #fff);
}
.kds-hr, .kds-hrs,.kds-hrt {
    border: none;
    display: block;
    height: 2px;
    padding: 0;
    position: relative;
}

.kds-hrt {
    border: none;
    display: block;
    height: 1.48px;
    padding: 0;
    position: relative;
}


.footer-widget-title {
    color: #012758;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 21px;
    z-index: 1;
}

    .footer-widget-title::before {
        content: '';
        position: absolute;
        width: 90px;
        height: 3px;
        background: rgba(255, 241, 219, 0.8);
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .footer-widget-title::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: #000;
        bottom: 0;
        left: 18px;
        z-index: -1;
    }


.scroll-box {
 height: 458px;
    overflow-y: auto;
    padding-right: 5px;
	padding-bottom: 10px;
	border: 2px solid #ccc;;border-radius:0 0 15px 15px
}

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

.scroll-inner {
  display: block;
}
.scroll-box:hover .scroll-content {
  animation-play-state: paused;
}
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

.kds-footer{background:#1a3c6e;color:#fff;padding:30px 1vw 20px 1vw;border-top: 1px dashed #fff;}
.kds-footer p{padding:14px;font-size:20px}
.footer-slider a img{border:1px solid #ccc;border-radius:6px;margin:4px}
.footer-slider img:hover{border:1px dashed #1a3c6e;  transition: border-color 0.3s ease;}

.footer-dark .footer-title {
  font-family: "Rubik", sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  position: relative;
  text-align:left
}
.footer-dark .footer-title:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #00c7ff;
  width: 60px;
  height: 3px;
}
.footer-dark .social-icons {
  margin: 40px 0px 0px 0px;
}
.footer-dark .social-icons li {
  display: inline-block;
}
.footer-dark .social-icons li a {
  height: 45px;
  width: 45px;
  background-color: #184f6e;
  line-height: 45px;
  padding: 0px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin-right: 3px;
}
.footer-dark .social-icons li a:hover {
  color: #fff;
  background-color: #184f6e;
}
.footer-dark .footer-bottom {
  padding: 0px;
  color: #fff;
  position: relative;
  z-index: 1;
  font-weight: 400;
}
.footer-dark .footer-bottom .footer-bottom-info {
  display: flex;
  padding: 30px 0px;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.kds-footer ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.kds-footer ul li {
  display: block;
  width: 100%;
  padding: 2px 2px;
  border: 0px;
  overflow: hidden;
  text-align:left
}
.kds-footer ul li a:before {
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    position: absolute;
    left: 0px;
    transform: rotate(45deg);
    top: 7px;
    transition-duration: .3s;
}
.kds-footer ul li a {
  color: #fff;
  position: relative;
  padding: 0px 0px 5px 14px;
  display: block;
  margin-left: 0px;
  transition: 0.5s all ease;
  font-size: 14px;text-decoration:none
}
.kds-footer ul li a:hover{
  color: #00c7ff;
}
.kds-footer ul li a:hover:before {border-color:#00c7ff}
.text-for-sociallinks { display: inline-block; padding-right: 10px; color: #A8A8A8}

.sociallinks ul { display: inline-block}
.sociallinks li {display: inline-block;list-style:none;margin:4px;text-align:center}
.sociallinks li i {color:#0c2954;background-color:#fff;width:37px;height:34px;padding:8px;border-radius:20px;border:1px dashed #f4f4f4 }
.sociallinks li i:hover {color:#fff;background-color:#0c2954; }
.footer-cpy{background-color:#0c2954;color:#fff;text-align:center;padding:12px 0}

.glow-icon {
  font-size: 18px;
  color: #0c2954;
  animation: glow 1s infinite alternate;
}

@keyframes glow {
  from { text-shadow: 0 0 5px #cc0000; }
  to { text-shadow: 0 0 20px #cc0000; }
}
.gradient-background {
  background: linear-gradient(223deg,#ffffff,#d0f4f9);
  background-size: 120% 120%;
  animation: gradient-animation 4s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.gradient-backgrounda {
  background: linear-gradient(223deg,#ffffff,#f4d0f9);
  background-size: 120% 120%;
  animation: gradient-animationa 4s ease infinite;
}

@keyframes gradient-animationa {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.gradient-backgroundb {
  background: linear-gradient(223deg,#ffffff,#f9f8ba);
  background-size: 120% 120%;
  animation: gradient-animation 4s ease infinite;
}

@keyframes gradient-animationb {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.gradient-backgroundc {
  background: linear-gradient(223deg,#ffffff,#e6f9d0);
  background-size: 120% 120%;
  animation: gradient-animation 4s ease infinite;
}

@keyframes gradient-animationc {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.gradient-backgroundd {
  background: linear-gradient(223deg,#ffffff,#d0ecf9);
  background-size: 120% 120%;
  animation: gradient-animation 4s ease infinite;
}

@keyframes gradient-animationd {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.gradient-backgrounde {
  background: linear-gradient(223deg,#ffffff,#f9e6a9);
  background-size: 120% 120%;
  animation: gradient-animation 4s ease infinite;
}

@keyframes gradient-animatione {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.gradient-border {
   --borderWidth: 4px; 
 
  background-color:rgba(255,255,255,.9);
  
  padding:10px;
  position: relative;
  border-radius:12px;
  /* border-radius: var(--borderWidth); */
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
[class^="kds-sec"] {
  border: 1px dashed #ccc;
  padding: 3px;
  border-radius: 8px;
  transition: border-color 0.3s ease;
}

[class^="kds-sec"]:hover {
  border-color: #1a3c6e;
}

[class^="kds-sec"] img {
  border-radius: 8px;
}
/* .kds-seca img,.kds-secb img,.kds-secc img,.kds-secd img{border-radius:8px} */
/* .kds-seca,.kds-secb,.kds-secc,.kds-secd{border:1px dashed #ccc;padding:3px;border-radius:8px} */
/* .kds-seca:hover,.kds-secb:hover,.kds-secc:hover,.kds-secd:hover{border:1px dashed #1a3c6e} */
.kds-seca{background: #dedcf7;
background: linear-gradient(90deg, rgba(222, 220, 247, 1) 0%, rgba(212, 212, 255, 1) 35%, rgba(186, 236, 245, 1) 100%);
}
.kds-secb{background: #eef7dc;
background: linear-gradient(90deg, rgba(238, 247, 220, 1) 0%, rgba(245, 255, 212, 1) 35%, rgba(221, 245, 186, 1) 100%);
}

.kds-secc{background: #e7dcf7;
background: linear-gradient(90deg, rgba(231, 220, 247, 1) 0%, rgba(226, 212, 255, 1) 35%, rgba(205, 186, 245, 1) 100%);
}

.kds-secd{background: #ebf7dc;
background: linear-gradient(90deg, rgba(235, 247, 220, 1) 0%, rgba(223, 255, 212, 1) 35%, rgba(198, 245, 186, 1) 100%);
}
#usefulsec{background-color:#f7f7f7;padding:30px 0}
#usefullinksec{padding:30px 0}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 4rem; height: 4rem;color:#cc0000 !important}
.navbar-nav .kdshide {
    display: none
}

.tkds-section{margin-top:16px}
.tkds-section .kds-head {background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);font-size: 22px; color: #fff; padding: 0 5px; line-height: 51px;}
.tkds-section ul  {padding:6px;margin-left:25px}
.tkds-section ul li {padding:0px}
.tkds-section ul li a {line-height:36px;color:#333333;font-size:16px;background: rgba(0,0,0,0) url(/kds/images/list.png) no-repeat scroll 0 4px;text-decoration:none}
.tkds-section ul li a:hover{color:#0089b7}
.tkds-section ul li .active{color:#0089b7}


input[type=checkbox], input[type=radio]{width:auto;margin:0 10px 0 0;}
	
.kds-lista{list-style:none;text-align:left;padding:0 15px;width:32vw}
.kds-lista li{list-style:none;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;padding:5px 0}
.kds-lista li a{display:block;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;font-weight:700;
background:#069dd5 url(../../images/li_iconh.png) 5px 11px no-repeat;padding:5px 0 5px 20px;margin-bottom:6px;
border-radius:0 20px 20px 0;color:#fff !important;text-decoration:none}
.kds-lista li a:hover{color:#fff;cursor:pointer;background:#1D3557 url(../../images/li_iconh.png) 5px 11px no-repeat}
.kds-listd li{list-style:none;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;padding:5px 0;background:#ffffff url(../../images/li-icond.jpg) 0px 2px no-repeat}
.kds-rqt{color:#cc0000;font-size:13px}
.kds-listd li a{color:#012e5a;padding-left:35px}
ol{margin:0}
ol li a{text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:40px;padding:5px;color:#444444;}
ol li a:hover{color:#1D3557}
.kds-btn {
    background-color: #014142;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #f4f4f4;
    cursor: pointer;
    text-transform: uppercase;
    width: auto;display:inline-block;
    -webkit-appearance: none;	padding:15px 20px
}
.kds-btn:hover{color:#fff}
.help_textlink{color:#069dd5;display:block;padding-bottom:20px}
.help_textlink a{color:#0c1c7d}
.help_textlink a:hover{color:#d93602}
.gv_hd tr{background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);color:#fff;padding:12px 6px;font-size:13px}
.gv_hd td{color:#fff;padding:12px 6px;font-size:13px}

.kds-table thead td{background: #020024;
background: linear-gradient(83deg, rgba(2, 0, 36, 1) 0%, rgba(0, 212, 255, 1) 48%, rgba(2, 0, 36, 1) 100%);color:#fff;padding:12px 6px;font-size:13px}

.gv_bt td{padding:11px 6px;font-size:13px}
.gv_bt td,.gv_bt td a,.gv_bt td span,.gv_bt td strong{color:#525252}



.kds-stitle {
    color: #012e5a;
    font-size: 36px;
    padding: 20px 0;
text-align:center
}
.kds-thead-darkd {
   background: #0c2d5e;
background: linear-gradient(90deg, rgba(12, 45, 94, 1) 0%, rgba(26, 60, 110, 1) 35%, rgba(6, 157, 213, 1) 100%) !important;
    color: #fff;
    font-weight: 700
}

.kds-text {
    line-height: 30px;
    text-align: justify
}


.kds-table td,.kds-text,.kds-thead-darkd {
    font-size: 16px!important
}

/* .kds-hr,.kds-hrs { */
    /* border: none; */
    /* display: block; */
    /* height: 1px; */
    /* padding: 0; */
    /* position: relative */
/* } */

/* .kds-hr { */
    /* background-image: -webkit-linear-gradient(left,#fff,#ccc,#fff); */
    /* background-image: -moz-linear-gradient(left,#fff,#ccc,#fff); */
    /* background-image: -ms-linear-gradient(left,#fff,#ccc,#fff); */
    /* background-image: -o-linear-gradient(left,#fff,#ccc,#fff); */
    /* left: 25%; */
    /* margin: .4em 0 1.2em; */
    /* width: 50% */
/* } */

/* .kds-hrs { */
    /* background-image: -webkit-linear-gradient(left,#08adea,#ccc,#08adea); */
    /* background-image: -moz-linear-gradient(left,#08adea,#ccc,#08adea); */
    /* background-image: -ms-linear-gradient(left,#08adea,#ccc,#08adea); */
    /* background-image: -o-linear-gradient(left,#08adea,#ccc,#08adea); */
    /* left: 0; */
    /* margin: 1.5em 0; */
    /* width: 100% */
/* } */

input,textarea,select {
    border: 1px solid #ccc !important;
    font-size: 14px;
    padding: 10px 10px;
    width: 100%;
    margin-bottom:2px !important;
    max-width: 100%;
    border-radius:6px;
    resize: none;
}
input[type="submit"] {
background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
border: none;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
color: #f4f4f4;
cursor: pointer;
text-transform: uppercase;
width: 100%;
-webkit-appearance:none;
margin-bottom:50px
}

input[type="submit"]:hover {background: #020024;
background: linear-gradient(280deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);}
.kds-active,.kds-archives{color:#fff;border-radius:8px 8px 0 0;padding:10px 10px;font-size:24px}
.kds-archives {
    background-color: #ff6a00
}

.kds-active {
    background-color: #4caf50
}

.grid_paging a:link{background-color:#fff;border:1px solid #b5bac0;color:#012e5a;display:block;-webkit-border-radius:50px 5px;-moz-border-radius:50px 5px;border-radius:50px 5px;padding:2px 15px;margin:10px 0}.grid_paging a:hover,.grid_paging span{background-color:#012e5a;display:block;padding:2px 15px;margin:10px 0}.grid_paging span{border:1px solid #000;color:#fff;-webkit-border-radius:50px 5px;-moz-border-radius:50px 5px;border-radius:50px 5px}.grid_paging a:hover{border:1px solid #000;color:#fff;text-decoration:underline;-webkit-border-radius:50px 5px;-moz-border-radius:50px 5px;border-radius:50px 5px}.link_txt:hover{cursor:pointer;background-color:#b7e9fc}


a{text-decoration:none}
.download_link{color:#cc0000;font-weight:bold;line-height:36px}

.content_hvr a{text-decoration:none}
.kds-viewall,.kds-viewall:hover{float:right; font-size:13px; color:#ffffff;padding:5px 10px; font-weight:bold; border:1px solid #069dd5;border-radius:20px;clear:both;
background: #020024;
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}


.kds-map{color:#eb1c24;font-size:16px;font-weight:bold}.kds-map:hover{font-weight:bold;color:#eb1c24;font-size:17px;}
.kds-btn-cc:hover{background-color: #a70202;border:3px solid #cc0000 !important}
.kds-cc-bdr{border: 1px #012e5a solid; border-radius: 5px; box-shadow: 0px 1px 6px 5px #ccc;padding:16px;margin:10px 0;}
.kds-ol li{line-height:24px;padding-bottom:10px;text-align:justify}
.call-now{color:#f54337;font-weight:800}
.kds-strip a{margin:1px}
.kds-strip div span{background-color:#012e5a;padding:3px 18px 5px 18px;border-radius:30px 0;color:#fff}
.kds-strip div {color:#fff;border-top:1px solid #012e5a;margin-top:25px;margin-bottom:4px;border-radius:20px 20px  0 0}
.kds-alv{color:#fff;border-radius:8px 8px 0 0;padding:10px 10px;font-size:22px;
margin-bottom: 0rem;
background: #020024;
background: linear-gradient(280deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
.kdsdays{padding: 7px;border-radius:40px;display: inline-block;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;width:33px;height:33px}