body {
  margin     : 0;
  padding    : 0;
  font-family: "Lato";

}

html {
  scroll-behavior: smooth;
}
.clr {
  clear: both;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1166px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

header {
  float: left;
  width: 100%;
}

.name-of-company {
  font-size  : 16px;
  color      : #00529c;
  font-weight: 400;
  text-align : center;
}

.top_header {
  float     : left;
  width     : 100%;
  background: #f4f7fc;
}

.dropdown button:focus {
  outline: none;
}

.btn {
  display            : inline-block;
  font-weight        : 400;
  color              : #212529;
  text-align         : center;
  vertical-align     : baseline;
  cursor             : pointer;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  background-color   : #5ecbd6;
  color              : #fff;
  /* user-select     : none; */
  /* background-color: transparent; */
  border             : none;
  padding            : .375rem .75rem;
  font-size          : 1rem;
  line-height        : 1.5;
  border-radius      : .25rem;
  transition         : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-outline-secondary:hover {
  color           : #fff;
  background-color: #5ecbd6;
  border-color    : #6c757d;
}

.dropdown-menu input {
  border-radius: 0px;
}

.dropdown-menu button {
  border-radius: 0px;
}

.dropdown-menu.show {
  display   : block;
  left      : auto !important;
  right     : 0 !important;
  transform : inherit !important;
  top       : 63px !important;
  width     : 264px;
  border    : none;
  background: none;
}

.search-btn {
  float        : right;
  border-left  : dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  padding      : 4px 8px 6px 9px;
  margin-top   : 30px;
  position     : relative;
  z-index      : 999;
  background   : none;
  border-right : none;
  border-top   : none;
}

.dropdown-toggle::after {
  display: none;
}

.top-menu {
  float      : left;
  margin     : 0;
  padding    : 0;
  line-height: 12px;
}

.top-menu li {
  display   : inline-block;
  list-style: none;
  position  : relative;
}

.top-menu .active {
  font-weight: 600;
}

.top-menu li a {
  display  : block;
  font-size: 14px;
  color    : #464646;
  padding  : 13px 8px;
}

.top-menu li a:hover {
  color          : #5ecbd6;
  text-decoration: underline;
}

.top-menu li:first-child a {
  padding-left: 0;
}

.mega-menu-list {
  padding: 0 0 20px 0;
  margin : 0;
  float  : left;
  width  : 100%;
}

.mega-menu-list li {
  display   : block;
  list-style: none;
}

.mega-menu-list li i {
  font-size: 7px;
  color    : #5ecbd6;
}

.mega-menu-list li a {
  display    : block;
  font-size  : 12px;
  color      : #464646;
  font-weight: 600;
  padding    : 4px 0;
}

.mega-menu-list li a:hover {
  text-decoration: none;
}

.button_list {
  float  : right;
  margin : 0;
  padding: 0;
}

.button_list li {
  list-style: none;
  float     : left;
  position  : relative;
}

.button_list li a {
  display    : block;
  padding    : 7px 39px;
  background : #284b8c;
  font-weight: 600;
  color      : #5ecbd6;

}


.button_list li:first-child a {
  font-size     : 14px;
  color         : #464646;
  background    : none;
  font-weight   : 400;
  text-transform: capitalize;
}

.button_list li:last-child a {
  /* font-size: 14px; */
  color       : #fff;
  background  : #5ecbd6;
  font-weight : 600;
  padding-top : 7px;
}

.middle-menu {
  float   : left;
  width   : 100%;
  padding : 15px 0;
  position: relative;
}

.padding {
  padding-top   : 30px;
  padding-bottom: 30px;
}

.slider-container {
  float  : left;
  width  : 100%;
  padding: 0px 0 30px;
}

/*Css for news box slider*/
.slider-container_1 {
  float  : left;
  width  : 360px;
  height: :360px;
  padding: 0px 0 30px;
}

.slider_img_1 {
  float: left;
  width: 100%;
}
.carousel-inner_1{
    position:relative;
    overflow:hidden;
    width:100%
}
/*Till here*/

.news-ticker {
  float        : left;
  width        : 100%;
  background   : #284b8c;
  border-radius: 40px;
  padding      : 0;
}

.new-head {
  float      : left;
  font-size  : 14px;
  color      : #fff;
  font-weight: 600;
  width      : 11.5%;
}

.news-ticker p {
  font-size    : 14px;
  color        : #fff;
  margin-bottom: 0;
}

.content-warpper {
  float: left;
  width: 100%;
}

.shortcut-links-crousel {
  float: left;
  width: 100%;
}

.shortcut-links-crousel .short-box {
  float     : left;
  margin    : 15px 5px;
  background: #f1f2f2;
  width     : 139px;
  height    : 180px;
  transition: linear 0.6s;
}

.shortcut-links-crousel .short-box:hover {
  transition: linear 0.6s;
  transform : scale(1.1);
  position  : relative;
  z-index   : 99999;
}

.short-box h4 {
  font-size    : 14px;
  color        : #fff;
  font-weight  : 600;
  text-align   : center;
  margin-bottom: 0;
  padding      : 10px 0;
}

.short-box p {
  color      : #464646;
  font-size  : 13px;
  font-weight: 800;
  padding    : 10px;
}

.latest-news {
  float  : left;
  width  : 100%;
  padding: 30px 0;
}

.title {
  float         : left;
  position      : relative;
  color         : #28b9c8;
  border-bottom : 4px solid #28b9c8;
  font-size     : 16px;
  font-weight   : 700;
  padding-bottom: 5px;
}

.date {
  color      : #000;
  font-size  : 16px;
  font-weight: 400;
}

.span-title {
  float     : left;
  width     : 100%;
  background: #28b9c8;
  height    : 1px;
  margin    : -10px 0 0;
}

.title_holder {
  float         : left;
  width         : 100%;
  padding-bottom: 15px;
}

/* 
.title::after {
    position  : absolute;
    bottom    : 0;
    right     : 0;
    left      : 0;
    height    : 1px;
    display   : block;
    content   : "";
    background: #28b9c8;
} */

.cdsl-update_div {
  float        : left;
  width        : 100%;
  margin-bottom: 30px;
}

.news-box {
  float: left;
  width: 100%;
}

.news-box .news-img {
  float: left;
  width: 360px;
}

.news-box .news-img img {
  width: 100%;
}

.news-box .news-text {
  float       : left;
  width       : 375px;
  padding-left: 20px;
}

.news-big-title {
  font-size    : 24px;
  margin-bottom: 15px;
  color        : #464646;
  font-weight  : 800;
}

.content {
  font-size    : 14px;
  color        : #464646;
  margin-bottom: 0;
  font-weight  : 500;
}

.content2 {
  font-size    : 16px;
  color        : #464646;
  margin-bottom: 0;
  font-weight  : 500;
}

.blue-read-more-btn {
  float      : left;
  font-size  : 14px;
  color      : #5ecbd6;
  margin-top : 15px;
  font-weight: 700;
}

.slider-container {
  position: relative;
  width   : 100%;
}

.slider_img{
text-align:center;
}


.slider_img {
  float: left;
  width: 100%;
}

.update-table {
  float   : left;
  width   : 100%;
  position: relative;
}

.banner_text {
  position: absolute;
  top     : 21%;
  right   : 24%;
}

.carousel-indicators li {
  box-sizing      : content-box;
  -ms-flex        : 0 1 auto;
  flex            : 0 1 auto;
  width           : 16px;
  height          : 16px;
  border-radius   : 100%;
  margin-right    : 3px;
  margin-left     : 3px;
  text-indent     : -999px;
  cursor          : pointer;
  background-color: #959595;
  background-clip : padding-box;
  border-top      : 10px solid transparent;
  border-bottom   : 10px solid transparent;
  transition      : opacity 0.6s ease;
}

.carousel-indicators {
  position       : absolute;
  right          : 0;
  bottom         : 0;
  left           : auto;
  z-index        : 15;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-pack  : center;
  justify-content: center;
  padding-left   : 0;
  margin-right   : 0;
  margin-left    : 0;
  list-style     : none;
}

.carousel-indicators .active {
  background-color: #5ecbd6;
}

.banner_text h1 {
  font-size  : 48px;
  font-weight: 900;
  color      : #5ecbd6;
}

.banner_text h3 {
  font-size  : 30px;
  font-weight: 500;
  color      : #284b8c;
}

.banner_text p {
  font-size  : 18;
  font-weight: 500;
  color      : #464646;
}

.banner_text .blue-read-more-btn {
  margin-top: 8px;
}

.update-table table {
  float: left;
  width: 100%;
}

.update-table table td {
  font-size     : 14px;
  padding-bottom: 10px;
  font-weight   : 700;
}

.more-new-box {
  float       : left;
  width       : 100%;
  margin-top  : 30px;
  border-right: dotted 1px #c2c2c2;
}

.more-new-box .news-small-title {
  font-size  : 18px;
  color      : #464646;
  text-align : left;
  font-weight: 800;
}

.group-companies {
  float: left;
  width: 100%;
}

.group-of-companies-div {
  float: left;
  width: 100%;
}

.company-logo {
  float: left;
  width: 255px;
}

.company-text {
  float      : left;
  margin-left: 22px;
  width      : 446px;
}

.graph-div {
  float        : left;
  margin-bottom: 30px;
}

.right-text {
  text-align : right;
  font-weight: 300 !important;
}

footer {
  float: left;
  width: 100%;
}

.footer-base_div {
  float     : left;
  width     : 100%;
  background: #5ecbd6;
}

.social_div {
  float  : left;
  margin : 0;
  padding: 15px 0;
}

.social_div li {
  display   : inline-block;
  list-style: none;
}

.social_div li a {
  display     : block;
  margin-right: 8px;
}

.chat-window {
  position        : fixed;
  top             : 0;
  right           : 0;
  width           : 350px;
  height          : 100%;
  background-color: #eee;
  z-index         : 99999999;
  overflow-y      : auto;
}

.close {
  float      : right;
  position   : relative;
  right      : 16px;
  cursor     : pointer;
  top        : -43px;
  color      : #fff;
  text-shadow: none;
  opacity    : 1;
  z-index    : 999;
}

.ask-diya-btn {
  float        : right;
  position     : fixed;
  bottom       : 0;
  right        : 0;
  background   : #284b8c;
  padding      : 24px 34px;
  margin       : -33px 0 0 0;
  border-radius: 10px 10px 0 0;
  z-index      : 99999;
}

.micro-phone {
  position: absolute;
  bottom  : 13px;
  right   : 13px;
  z-index : 99999;
  width   : 26px;
}

.message-typ {
  position        : absolute;
  bottom          : 0;
  right           : 0;
  left            : 0;
  background-color: #fff;
}

.message-typ input {
  height       : 55px;
  border-radius: 0px;
}

.base-footer-2 {
  float     : left;
  width     : 100%;
  padding   : 30px 0;
  background: #e1eafb;
}

.footer-menu {
  width        : 100%;
  display      : block;
  padding      : 0 0 15px 0;
  margin       : 0 0 30px 0;
  border-bottom: solid 1px #284b8c;
  text-align   : center;
}

.head {
  background : #284b8c;
  font-weight: 600;
  padding-top: 7px;
  font-size  : 20px;
  color      : #fff;
  padding    : 10px 15px;
}

.footer-menu li {
  display   : inline-block;
  list-style: none;
}

.footer-menu li a {
  display     : block;
  font-size   : 14px;
  border-right: solid 1px #464646;
  color       : #464646;
  line-height : 13px;
  padding     : 0 10px;
}

.footer-menu li:last-child a {
  border-right: none !important;
}

.footer-links {
  float  : left;
  margin : 0 14px 0 0;
  padding: 0;
}

.footer-links:last-child {
  margin-right: 0;
  float       : right;
}

.footer-links li {
  display   : block;
  list-style: none;
}

.footer-links li:first-child {
  font-weight  : 600;
  margin-bottom: 10px;
}

.footer-links li a {
  display  : block;
  font-size: 12px;
  color    : #464646;
}

.width1 {
  width: 120px;
}

.width2 {
  width: 190px;
}

.breadcumb {
  float  : left;
  width  : 100%;
  padding: 0 0 0 10px;
  margin : 0;
}

.breadcumb li {
  display   : inline-block;
  list-style: none;
}

.breadcumb li img {
  margin: -2px 0px 0 8px;
}

.breadcumb li:last-child {
  float: right; margin-right: 5px;
}


.breadcumb li a {
  display  : block;
  font-size: 14px;
  padding  : 0 2px; font-weight:600;
  color    : #aeb0b2;
}

.breadcumb li:last-child a {
  color      : #00529c;
  font-weight: 600;
}

.overview_div {
  float        : left;
  width        : 100%;
  padding-top  : 30px;
  padding-left : 15px;
  padding-right: 15px;
}

.text_div {
  float: left;
  width: 100%;
}

.text-div_2 {
  float         : left;
  width         : 100%;
  padding-bottom: 30px;
  border-left   : dotted 1px #ccc;
  padding-left  : 22px;
}

.text-div_3 {
  float         : left;
  width         : 100%;
  padding-bottom: 30px;
  /* border-left   : dotted 1px #ccc; */
  padding-left  : 22px;
}

/* Added by Harshal */
.text-div_3_1 {
  float         : left;
  width         : 135%;
  padding-bottom: 30px;
  /* border-left   : dotted 1px #ccc; */
  padding-left  : 22px;
}
/* Till here */

.title_big {
  font-size  : 30px;
  font-weight: 700;
  color      : #5ecbd6;
}

.small-title {
  font-size  : 24px;
  font-weight: 500;
  color      : #464646;
  padding    : 15px 0;
}

.tag-line {
  font-size    : 20px;
  color        : #464646;
  margin-bottom: 0;
  line-height  : 24px;
}

.padding-right {
  padding-right: 0;
}

.padding-left {
  padding-left: 0;
}

.our-business {
  float     : left;
  width     : 100%;
  background: #f4f7fc;
}

.pt-30 {
  padding-top: 30px;
}

.business-list {
  float  : left;
  width  : 100%;
  padding: 0;
  margin : 0;
}

.business-list li {
  display      : inline-block;
  list-style   : none;
  width        : 150px;
  float        : left;
  margin-right : 15px;
  padding-right: 22px;
}

.business-list li:last-child {
  float : right;
  margin: 0;
}

.business-list li img {
  margin-bottom: 20px;
}

.business-list li h5 {
  font-size  : 16px;
  color      : #464646;
  font-weight: 600;
}

.business-list li p {
  font-size: 14px;
  color    : #464646;
}

.counter-list {
  float        : left;
  width        : 100%;
  padding      : 15px 0;
  margin       : 0;
  background   : #5ecbd6;
  border-radius: 20px;
}

.counter-list li {
  display   : inline-block;
  list-style: none;
  width     : 33%;
  text-align: center;
}

.counter-list li h5 {
  font-size  : 30px;
  color      : #fff;
  font-weight: 700;
}

.counter-list li span {
  color      : #ffffff;
  font-size  : 18px;
  line-height: 20px;
}

.role-of-cdsl_list {
  float  : left;
  width  : 100%;
  padding: 0 0 0 20px;
  margin : 0;
}

.role-of-cdsl_list li {
  list-style-type: disc;
  width          : 48%;
  float          : left;
  font-size      : 16px;
  font-weight    : 600;
}

.role-of-cdsl_list li p {
  font-weight: 500;
}

.our-technology {
  background: #284b8c;
  float     : left;
  width     : 100%;
}

.our-technology img {
  float: left;
  width: 309px;
}

.text_div_tech {
  float       : left;
  width       : 500px;
  padding-left: 72px;
}

.text_div_tech p {
  color    : #fff;
  font-size: 16px;
}

.awards-recognition {
  background: #f4f7fc;
}

.award-crousel {
  float  : left;
  width  : 100%;
  padding: 60px 0px;
}

.award_div {
  float: left;
  width: 100%;
}

.award_div img {
  width: 125px;
  float: left;
}

.award_div .award-text {
  float  : left;
  padding: 40px 10px;
  width  : 66%;
}

.award_div .award-text h5 {
  font-size  : 26px;
  color      : #464646;
  font-weight: 600;
}

.award_div .award-text span {
  font-size  : 18px;
  color      : #464646;
  font-weight: 400;
}

.milestone-crousel {
  float  : left;
  width  : 100%;
  padding: 10% 0;
}

.milestone-crousel .mile-stone-div {
  float     : left;
  width     : 214px;
  background: #f4f7fc;
  height    : 290px;
  margin    : 0 21px;
}

.milestone-crousel .mile-stone-div .year {
  font-size    : 20px;
  background   : #284b8c;
  color        : #fff;
  width        : 100%;
  float        : left;
  margin-bottom: 15px;
  text-align   : center;
  font-weight  : 700;
  padding      : 10px 0;
}

.milestone-crousel .mile-stone-div p {
  font-size    : 14px;
  color        : #284b8c;
  margin-bottom: 0;
  padding      : 10px;
}

.milestone-crousel {
  position: relative;
}

.milestone-crousel::before {
  content   : "";
  display   : block;
  height    : 2px;
  background: #5eccd6;
  right     : 0;
  left      : 0;
  top       : 105px;
  position  : relative;
}

.award-crousel .award-crousel-carousel {
  padding: 0 72px;
}

.award-crousel.owl-theme .owl-nav span {
  display    : block;
  color      : #000;
  font-size  : 28px;
  width      : 40px;
  height     : 40px;
  line-height: 35px;
}

.owl-theme .owl-nav {
  margin-top: 0px;
  display   : block;
}

.milestone-crousel .milestone-carousel2 {
  padding: 0 36px;
}

.milestone-carousel2.owl-theme .owl-dots {
  display: none;
}

.milestone-carousel2.owl-theme .owl-nav {
  display: block;
}

.milestone-carousel2.owl-theme .owl-nav button {
  color: transparent !important;
}

.milestone-carousel2.owl-theme .owl-nav button span {
  color: transparent !important;
}

.milestone-carousel2.owl-theme .owl-nav .owl-prev {
  background-image : url(../../images/common/arrow-light-blue-left.png);
  background-repeat: no-repeat;
  background-size  : 100% 100%;
  width            : 50px;
  height           : 50px;
  float            : left;
  position         : absolute;
  top              : 72px;
  left             : -16px;
}

.milestone-carousel2.owl-theme .owl-nav .owl-next {
  background-image : url(../../images/common/arrow-light-blue-left.png);
  background-repeat: no-repeat;
  background-size  : 100% 100%;
  width            : 50px;
  height           : 50px;
  float            : right;
  position         : absolute;
  top              : 72px;
  right            : -16px;
  transform        : rotate(180deg);
}

.award-crousel-carousel.owl-theme .owl-dots {
  display: none;
}

.award-crousel-carousel.owl-theme .owl-nav {
  display: block;
}

.award-crousel-carousel.owl-theme .owl-nav button {
  color: transparent !important;
}

.award-crousel-carousel.owl-theme .owl-nav button span {
  color: transparent !important;
}

.award-crousel-carousel.owl-theme .owl-nav .owl-prev {
  background-image : url(../../images/common/arrow-blue-left.png);
  background-repeat: no-repeat;
  background-size  : 100% 100%;
  width            : 50px;
  height           : 50px;
  float            : left;
  position         : absolute;
  top              : 57px;
  left             : -12px;
}

.award-crousel-carousel.owl-theme .owl-nav .owl-next {
  background-image : url(../../images/common/arrow-blue-left.png);
  background-repeat: no-repeat;
  background-size  : 100% 100%;
  width            : 50px;
  height           : 50px;
  float            : right;
  transform        : rotate(180deg);
  position         : absolute;
  top              : 57px;
  right            : -12px;
}

.breaking-news-ticker {
  display      : block;
  width        : 100%;
  background   : #00529c;
  height       : 40px;
  box-sizing   : border-box;
  position     : relative;
  line-height  : 40px;
  overflow     : hidden;
  border-radius: 30px !important;
  text-align   : auto;
  font-size    : 14px;
}

.breaking-news-ticker * {
  box-sizing: border-box;
}

.breaking-news-ticker.bn-fixed-top {
  position: fixed;
  left    : 0;
  right   : 0;
  top     : 0;
}

.breaking-news-ticker.bn-fixed-bottom {
  position: fixed;
  left    : 0;
  right   : 0;
  bottom  : 0;
}

/*********************************/

/*title styles start**************/

.bn-label {
  left       : 20px;
  top        : 0;
  bottom     : 0;
  height     : 100%;
  position   : absolute;
  text-align : center;
  color      : #fff;
  font-weight: bold;
  z-index    : 3;
  padding    : 0 15px;
  white-space: nowrap;
}

/*title styles end****************/

/*********************************/

/*news item style start **********/

.bn-news {
  position: absolute;
  left    : 162px !important;
  top     : 0;
  bottom  : 0;
  height  : 100%;
  right   : 0;
  overflow: hidden;
}

.bn-news ul {
  display   : block;
  height    : 100%;
  list-style: none;
  padding   : 0;
  margin    : 0;
  left      : 0;
  bottom    : 0;
  width     : 100%;
  position  : absolute;
}

.bn-news ul li {
  white-space       : nowrap;
  overflow          : hidden !important;
  text-overflow     : ellipsis;
  text-decoration   : none;
  -webkit-transition: color 0.2s linear;
  -moz-transition   : color 0.2s linear;
  -o-transition     : color 0.2s linear;
  transition        : color 0.2s linear;
  position          : absolute;
  width             : 100%;
  display           : none;
  color             : #333;
}

.bn-news ul li a {
  white-space    : nowrap;
  text-overflow  : ellipsis;
  text-decoration: none;
  padding        : 0 10px;
  color          : #fff;
  position       : relative;
  display        : block;
  overflow       : hidden;
}

.bn-news ul li a:hover {
  color: #069;
}

.bn-loader-text {
  padding: 0 10px;
}

.bn-seperator {
  display            : inline-block;
  float              : left;
  margin-right       : 15px;
  width              : 30px;
  height             : 40px;
  background-position: center;
  background-size    : contain;
  background-repeat  : no-repeat;
  position           : relative;
}

.bn-seperator.bn-news-dot {
  margin-right: 0;
}

.bn-seperator.bn-news-dot:after {
  content      : "";
  position     : absolute;
  width        : 8px;
  height       : 8px;
  background   : #333;
  border-radius: 50%;
  top          : 50%;
  margin-top   : -4px;
  left         : 50%;
  margin-left  : -4px;
}

.bn-prefix {
  color       : #d65d7a;
  margin-right: 15px;
  padding-left: 10px;
}

.bn-positive {
  color      : #0b8457;
  font-weight: bold;
}

.bn-negative {
  color      : #dc2f2f;
  font-weight: bold;
}

/*news item style end ************/

/*********************************/

/*controls style start ***********/

.bn-controls {
  width                : auto;
  left                 : 0;
  top                  : 0;
  bottom               : 0;
  height               : 100%;
  position             : absolute;
  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
}

.bn-controls button {
  width           : 39px;
  float           : left;
  height          : 100%;
  cursor          : pointer;
  border          : none;
  border-left     : none;
  text-align      : center;
  background-color: transparent;
  outline         : none;
}

.bn-controls button:hover {
  background-color: transparent;
}

.bn-arrow {
  margin  : 0;
  display : inline-block;
  height  : 8px;
  position: relative;
  width   : 8px;
  top     : -2px;
}

.bn-arrow::after {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style : solid;
  border-right-width : 2px;
  content            : "";
  display            : inline-block;
  height             : 8px;
  left               : 0;
  position           : absolute;
  top                : 0;
  width              : 8px;
}

.bn-arrow.bn-next {
  -moz-transform   : rotate(315deg);
  -ms-transform    : rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform        : rotate(315deg);
  left             : -3px;
}

.bn-arrow.bn-prev {
  -moz-transform   : rotate(135deg);
  -ms-transform    : rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform        : rotate(135deg);
  left             : 3px;
}

.bn-arrow::after {
  border-color: #999999;
}

.bn-arrow::before {
  background-color: #999999;
}

.bn-play {
  position   : relative;
  background : #999999;
  width      : 0;
  height     : 12px;
  display    : inline-block;
  margin-left: -5px;
}

.bn-play::after {
  left             : 100%;
  top              : 50%;
  border           : solid transparent;
  content          : " ";
  height           : 0;
  width            : 0;
  position         : absolute;
  pointer-events   : none;
  border-color     : rgba(136, 183, 213, 0);
  border-left-color: #999999;
  border-width     : 8px;
  margin-top       : -8px;
}

.bn-pause {
  position: relative;
  width   : 0;
  height  : 14px;
  display : inline-block;
  top     : 1px;
  left    : -1px;
}

.bn-pause::before {
  position        : absolute;
  content         : "";
  width           : 2px;
  height          : 100%;
  left            : 3px;
  background-color: #fff;
}

.bn-pause::after {
  position        : absolute;
  content         : "";
  width           : 2px;
  height          : 100%;
  left            : -3px;
  background-color: #fff;
}

/*controls style end *************/

/*********************************/

.bn-direction-rtl {
  direction: rtl;
}

.bn-direction-rtl .bn-label {
  left : auto;
  right: 0;
}

.bn-direction-rtl .bn-controls {
  right: auto;
  left : 0;
}

.bn-direction-rtl .bn-seperator {
  margin-left : 15px;
  margin-right: 0;
  float       : right;
}

.bn-direction-rtl .bn-prefix {
  margin-left  : 15px;
  margin-right : 0;
  padding-left : 0;
  padding-right: 10px;
}

.bn-direction-rtl .bn-controls button {
  border-left : none;
  border-right: solid 1px #eee;
}

.bn-effect-scroll .bn-news ul {
  display : block;
  width   : 100%;
  position: relative;
}

.bn-effect-scroll .bn-news ul li {
  display : list-item;
  float   : left;
  position: relative;
  width   : auto;
}

.bn-effect-scroll.bn-direction-rtl .bn-news ul li {
  float: right;
}

#jquery-script-menu {
  position          : absolute;
  height            : 90px;
  width             : 100%;
  top               : 0;
  left              : 0;
  border-top        : 5px solid #316594;
  background        : #fff;
  -moz-box-shadow   : 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow        : 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  z-index           : 999999;
  padding           : 10px 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing   : content-box;
  box-sizing        : content-box;
}

.jquery-script-center {
  width : 960px;
  margin: 0 auto;
}

.jquery-script-center ul {
  width      : 212px;
  float      : left;
  line-height: 45px;
  margin     : 0;
  padding    : 0;
  list-style : none;
}

.jquery-script-center a {
  text-decoration: none;
}

.jquery-script-ads {
  width : 728px;
  height: 90px;
  float : right;
}

.jquery-script-clear {
  clear : both;
  height: 0;
}

#carbonads {
  display   : block;
  overflow  : hidden;
  max-width : 728px;
  position  : relative;
  font-size : 22px;
  box-sizing: content-box;
}

#carbonads>span {
  display: block;
}

#carbonads a {
  color          : #4078c0;
  text-decoration: none;
}

#carbonads a:hover {
  color: #3664a3;
}

.carbon-wrap {
  display    : flex;
  align-items: center;
}

.carbon-img {
  display    : block;
  margin     : 0;
  line-height: 1;
}

.carbon-img img {
  display: block;
  height : 90px;
  width  : auto;
}

.carbon-text {
  display    : block;
  padding    : 0 1em;
  line-height: 1.35;
  text-align : left;
}

.carbon-poweredby {
  display               : block;
  position              : absolute;
  bottom                : 0;
  right                 : 0;
  padding               : 6px 10px;
  text-align            : center;
  text-transform        : uppercase;
  letter-spacing        : 0.5px;
  font-weight           : 600;
  font-size             : 8px;
  border-top-left-radius: 4px;
  line-height           : 1;
  color                 : #aaa !important;
}

.display-mobile {
  display: none;
}

.display-desktop {
  display: block;
}

.shortcut-links-crousel .crousel-1 {
  padding: 0 10px;
}


.radio-btn {
  float        : left;
  width        : 100%;
  margin-bottom: 10px;
}

.radio-btn label {
  font-size  : 13px;
  padding-top: 4px;
}

.radio-btn .custom-control-input:checked~.custom-control-label::before {
  color           : #fff;
  border-color    : #5ecbd6;
  background-color: #5ecbd6;
}

.login-btn {
  float      : left;
  font-size  : 14px;
  color      : #fff;
  background : #5ecbd6;
  font-weight: 600;
  padding    : 8px 25px;
  margin-left: 40px;
  margin-top : 15px;
}

.custom-control-input:focus {
  outline: none;
}

.modal-header {
  border-bottom: solid 1px #5ecbd6;
}

.modal-header h5 {
  font-size : 16px;
  color     : #5ecbd6;
  text-align: center;
  width     : 100%;
}

.modal-header .close {
  padding   : 5px 10px;
  margin    : -1px -16px 0 -8px;
  position  : absolute;
  top       : 1px;
  color     : #fff;
  background: #5ecbd6;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 1;
}

.modal-content {
  border-radius: 0px;
  z-index      : 99999999999;
}

.button_list .dropdown-submenu {
  display      : block;
  left         : 0 !important;
  right        : 0 !important;
  transform    : inherit !important;
  top          : 0px !important;
  width        : 281px;
  border-radius: 0px;
  border       : none;
  z-index      : 99999999999;
  background   : #284b8c;
}

.button_list .dropdown-submenu span {
  float        : right;
  background   : #5ecbd6;
  color        : #284b8c;
  font-size    : 13px;
  border-radius: 5px;
  padding      : 0px 8px;
}


.button_list .dropdown-menu {
  position        : absolute;
  top             : 100%;
  left            : 0;
  z-index         : 1000;
  display         : none;
  float           : left;
  min-width       : 10rem;
  padding         : 0;
  margin          : 0;
  font-size       : 1rem;
  color           : #212529;
  text-align      : left;
  list-style      : none;
  background-color: #fff;
  background-clip : padding-box;
  border          : none;
  border-radius   : 0;


}

.button_list .dropdown-submenu a:hover {
  color: #5ecbd6 !important;
}

.button_list .dropdown-submenu a {
  display    : block;
  padding    : 7px 10px;
  background : #284b8c;
  font-weight: 400;
  color      : #fff !important;
  font-size  : 13px !important;
}

.button_list .dropdown-submenu a i {
  font-size: 5px;
  color    : #5ecbd6;
  float    : left;
  margin   : 9px 8px 0 2px;
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform        : none;
  display          : flex;
  justify-content  : center;
  align-items      : center;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
 
}

.right-0 {
  right: 0 !important;
}


/* new-pages-css */

.pb-100{ padding-bottom: 100px;}
.top_navigation_page{ float:left; width: 100%;}
.top_navigation_page ul{     padding      : 0;
    margin       : 0;
    /* background: #5ecbd6; */
    padding      : 6px 0 11px 0;
    border-radius: 5px;
    text-align   : center;}
.top_navigation_page ul li{ display: inline-block; list-style: none;
    float       : left;
    padding-left: 9px;
    padding-bottom: 12px;}
.top_navigation_page ul li a{display: block; font-size:14px; color:#fff; padding:0 2px; border-right:solid 1px #fff; line-height: 10px;}
.top_navigation_page ul li a:hover{ text-decoration:underline; color: #5ecbd6;}
.top_navigation_page ul li:last-child a{ border-right:none;}

.download_list{ float:left;  width: 100%; padding: 0; margin: 0;}
.download_list li{ float:left;  list-style: none; margin-bottom:8px;}
.download_list li a{       color: #284b8c;
  padding: 4px 10px;
  display: block;
  background-color: #fff;
  transition: linear 0.6s;
  float: left;
  width: 100%;
  font-weight: 600;
  font-size: 14px;}
.download_list li a:hover{
  margin-left: -10px; transition: linear 0.6s;
}
.bg li a {
  color: #284b8c;
  padding: 4px 10px;
  display: block;
  background-color: #f4f7fc !important;
  transition: linear 0.6s;
  font-size: 14px;
}
.download_list li i{margin-right: 0;
  float: right;
  margin-left: 0;
  margin-right: 0;}
.bg-only-icon li i{background: #5ecbd6; padding: 3px 7px;}
.table_div{ float:left; width: 100%; margin-top: 20px;}
.table_div table{ float:left; width: 100%;}
.table_div table td{
  border:solid 1px #acacac; font-size:14px;
color    : #464646; padding:10px 10px;
}
.table_div .head td{ padding:10px 10px; background: #5ecbd6; font-size:14px; color: #464646; font-weight: 600;}

.download-btn{ float:left; padding:69px 0;}
.download-btn i{ float:left;}
.download-btn .text-holder{     float: left;
    padding: 14px 14px;}
.download-btn .text-holder h5 { font-size:20px;
color : #284b8c; margin-bottom: 0; font-weight: 600;
}
.download-btn .text-holder span {
  font-size    : 14px;
  color        : #284b8c;
  margin-bottom: 0;
}

.video_box{ float:left; width: 100%; position: relative;}
.video_box .overlay{ position: absolute; top:0; right:0; left:0; height:100%; text-align: center;
}
/* .video_box:hover .overlay{ display:block;} */
.video_box .overlay i img{ width:40px; display: block; margin: 25px auto 0 auto;}
.video_box .overlay span{     float      : left;
    font-size  : 14px;
    color      : #fff;
    float      : left;
    text-align : left;
    margin-left: 16px;
    line-height: 16px;
    margin-top : 8px;}
.online-video-crousel{ float:left; width: 100%; padding:55px 65px;}
.video-carousel.owl-theme .owl-nav .owl-prev {
  background-image : url(../../images/common/arrow-blue-left.png);
  background-repeat: no-repeat;
  background-size  : 100% 100%;
  width            : 50px;
  height           : 50px;
  float            : left;
  position         : absolute;
  top              : 30px;
  left             : -70px;
}

.video-carousel.owl-theme .owl-nav .owl-next {
  background-image : url(../../images/common/arrow-blue-left.png);
  background-repeat: no-repeat;
  background-size  : 100% 100%;
  width            : 50px;
  height           : 50px;
  float            : right;
  position         : absolute;
  top              : 30px;
  right            : -70px;
  transform        : rotate(-180deg);
}
.video-carousel.owl-theme .owl-dots,
.owl-theme .owl-nav {
  display:none;
}

.wrapper {
  width: 100%;
}


.panel-heading {
  padding: 0;
  border : 0;
}

.panel-title{ margin-bottom:15px;}
.panel-title>a,
.panel-title>a:active {
  display        : block;
  padding        : 15px;
  color          : #555;
  font-size      : 16px;
  font-weight    : bold;
  text-transform : uppercase;
  letter-spacing : 1px;
  word-spacing   : 3px;
  text-decoration: none;
}

.panel-heading a:before {
  font-family: 'Glyphicons Halflings';
  content    : "\e114";
  float      : right;
  transition : all 0.5s;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(360deg);
  -moz-transform   : rotate(360deg);
  transform        : rotate(360deg); transition: linear 0.6s;
}

.panel-title>a,
.panel-title>a:active {
  display          : block;
  padding          : 10px 15px;
  color            : #284b8c;
  font-size        : 16px; border-radius:20px;
  font-weight      : bold;
  text-transform: inherit;
letter-spacing: inherit; background-color: #f4f7fc;
  word-spacing     : inherit;
  text-decoration  : none;
}

.panel-heading.active a:before {
  width     : 15px;
  height    : 10px;
  background: url(../../images/common/up-arrow.png);
}

.panel-heading a:before {
  content   : "";
width     : 15px;
height    : 10px; transition: linear 0.6s;
background: url(../../images/common/down-arrow.png);
float     : right;
transition: all 0.5s;
margin-top: 4px;
}

.min-height{min-height: 220px;}
.pb-150{ padding-bottom: 150px;}
.panel-body i{ color : #284b8c; font-size:9px; float:left; margin-top: 7px; margin-right: 10px; }
.blue-color{  color : #284b8c; font-weight:600;}
.panel-body{     padding       : 20px;
    padding-bottom: 40px;
    border-bottom : dotted 1px #ccc;
    margin-bottom : 30px;
    float         : left;
    /*width         : 100%;*/}
.panel-bodyBO{     padding       : 20px;
    padding-bottom: 40px;
   /* border-bottom : 5px double #ccc;*/
    margin-bottom : 30px;
    float         : left;
    width         : 100%;}
/*CR2189*/
.black{ color:#464646; font-weight:600;}

.list_div{     padding: 0 0 20px 0;
  margin: 0 0 0 18px;
  float: left;
  width: 100%;}
.list_div li{ 
  list-style: disc;
  font-size: 16px;
  color: #464646;
  padding-bottom: 15px;
  font-weight: 500;
  padding-left: 20p;}
  .pl-30{ padding-left:17px;}

  .banner-inner{ float:left; width: 100%; position: relative;}
  .inner-banner{ position: relative; float: left; width: 100%; margin-bottom: 30px;}
  .innter-title{      text-align : left;
    color      : #5ecbd6;
    font-size  : 30px;
    margin     : 0;
    font-weight: 600;
    padding    : 10px 0 8px 15px;}

  .header-info-div{
  position   : absolute;
  top        : 0;
  right      : 0;
  left       : 0;
}
.small-title{ font-size:20px; color: #464646; font-weight: 600; margin-bottom: -10px;}
.text{ font-size:14px; padding: 29px 0 9px;}
.profile-box{     float     : left;
    text-align: center;
    width     : 100%;}
.profile-box img{ margin-bottom: 10px;}
.profile-box h5{ font-size:16px; font-weight: 600; margin-bottom: 0;}
.profile-box p {
  font-size  : 16px;
  color: #464646;
}
.follow-us-on{ float:left; padding: 0; margin: 0;}
.follow-us-on li{ display:inline-block; list-style: none; font-size:16px; color: #464646; padding-right:0px;} 
.follow-us-on li:first-child{ padding-right:10px;}
.follow-us-on li a{ margin-right:5px;}
.cdsl-button{ margin:40px 0; display:inline-block; list-style: none; background: #5ecbd6; font-size:20px; color:#fff; border-radius: 8px; padding: 10px 20px;}
.cdsl-button:hover{ text-decoration: none; color: #fff;} 
.small-title2{ color: #284b8c; font-size:14px; font-weight: 600;}
.table-2{ float:left; width: 100%; margin-top: 20px;text-align:left;}

.table-2 .head{ font-size:16px !important; background: #284b8c !important;}
.table-2 .head td{
  font-size : 16px !important;
  background: #284b8c !important;   text-align: center; /*padding: 10px;*/
}
.table-2 td{ border:solid 1px #ccc; font-size:14px; padding:8px 8px; /*text-align: center*/; background: #fff;}
.pagination{ float:left; width: 100%; padding-top: 20px;}
.page-link {
  position        : relative;
  display         : block;
  padding         : 5px 10px;
  margin-left     : -1px;
  line-height     : 1.25; margin-right: 5px;
  color           : #565757;
  background-color: #fff; border-radius: 0px;
  border          : 1px solid #5ecbd6;
}
.page-item:first-child .page-link {
  margin-left              : 0;
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0;
}
.ptpb-60{    padding: 60px 1px;}
.page-item:last-child .page-link {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0;
}
.page-link:hover {
  z-index         : 2;
  color           : #fff;
  text-decoration : none;
  background-color: #5ecbd6;
  border-color    : #dee2e6;
}
.bg2{ background: #f4f7fc !important;}
.form-div{ float:left; width: 100%; }
.help-desk label{ 
   display: inline-block;
  width: auto;
  float: left;
  color: #464646;
  font-size: 13px;
  font-weight: 600;
  margin-top: 5px;
  margin-right: 17px;
  margin-right: 14px;
}
.captcha{ float:left;}
  .help-desk input{ float:right !important; width: 268px !important; height: 34px; border-radius:50px; /*background: #ebebeb;*/ /*border: none;*/ margin-bottom:10px;}
  
  .help-desk textarea {
  float        : right !important;
  width        : 268px !important;
  border-radius: 20px !important;
  /*background   : #ebebeb;*/
  /*border       : none;*/
  margin-bottom: 10px;
}
  .Submitbtn{    float      : left;
    font-size  : 14px;
    color      : #fff;
    background : #5ecbd6;
    font-weight: 600;
    padding    : 6px 45px;
   border: none;border-radius:50px;}
.help-desk  button{ float: right !important;
  margin-right: 27px !important;}
.form-div label{     display: inline-block;
  width: auto;
  float: left;
  color: #464646;
  font-size: 13px;
  font-weight: 600;
  margin-top: 5px;
  margin-right: 17px;
  margin-right: 14px;}
.form-div input{ float:right; width: 268px; height: 34px; border-radius:50px; background: #ebebeb; border: none; margin-bottom:10px;}
.form-div textarea {
  float        : left;
  width        : 268px;
  border-radius: 10px;
  background   : #ebebeb;
  border       : none;
  margin-bottom: 20px;
}
.form-div button{    float      : left;
    font-size  : 14px;
    color      : #fff;
    background : #5ecbd6;
    font-weight: 600;
    padding    : 6px 45px;
   border: none;border-radius:50px;}

   .form-div input::-webkit-input-placeholder {
  /* Edge */
color:#464646; font-size:14px;
}

.form-div input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
color:#464646; font-size:14px;
}

.form-div input::placeholder {
color:#464646; font-size:14px;
}
.ml-163{ margin-left:135px;}

.year{ float:right;}
.year .wrapper {
  font-size: 16px;
  color    : #727272; width: 150px;
  height   : 44px; float:right;
}


.holder-div .wrapper {
  font-size: 14px;
  color    : #727272;
  width    : 268px;
  height   : 34px !important;
  float    : left !important;
}
.year .select>select {
  display: none;
}
.holder-div .select-selected__name {
  flex     : 1 1 0;
  font-size: 14px !important;
  color    : #727272 !important;}
.holder-div .select-selected{ background:#ebebeb !important; font-size: 14px !important;
color    : #727272 !important;}
.holder-div .select-selected{ border-radius:80px !important;     height : 34px !important;}
.holder-div .select-selected__dropdown-icon {
  background-image   : url(../../images/common/down-arrow-green.png) !important;
}
.holder-div{ float:right !important;}

.year .select-selected {
    cursor       : pointer;
    display      : flex;
    align-items  : center;
    font-size    : 16px;
    color        : #fff;
    height       : 38px;
    border-radius: 10px;
    padding      : 6px 12px;
    background   : #5ecbd6;
}

.year .select-selected__name {
  flex     : 1 1 0;
  font-size: 16px;
  color    : #fff;
}

.year .select-selected__dropdown-icon {
      background-image   : url(../../images/common/white-down-arrow.png);
    background-size    : 70%;
    background-position: center;
    background-repeat  : no-repeat;
    width              : 20px;
    height             : 20px;
    margin-right       : 0;
    transition         : linear 0.5s;
    margin-left        : 20px;
}

.year .select-selected__dropdown-icon--rotate {
  transform: rotate(180deg);
}

.year .select-options {
  position     : absolute;
  z-index      : 10;
  display      : none;
  border       : 1px solid #ccc;
  max-height   : 220px;
  border-radius: 5px;
  overflow-y   : auto;

}

.year .select-option {
  background-color: #fff;
  font-size       : 16px;
  color           : #727272;
  padding         : 6px 12px;
  cursor          : pointer;
  transition      : 0.3s;
}

.year .select-option:hover {
background-color: #5ecbd6;
color           : #ffffff;
}

.year .select-option--active {
  color   : #727272;
  position: relative;
}

.form-div .custom-control{    float: left;
  display: inline-block;
  width: 132px; margin-bottom: 20px;}

  .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.small-title3{ font-size: 20px;
  color: #464646;
  padding: 93px 0 93px 58px;
  border-left: dotted 1px #ccc;}
  
  .form-group{ float:left; width: 100%; margin-bottom: 10px; margin-left: 20px;}
  .contact-head_div{ float:left; width: 100%; border-bottom: dotted 1px #ccc; padding-bottom: 30px;}
    .contact-head_div img{ float:left;     margin-right: 43px;}
       .contact-head_div h5{ font-size    : 40px;
color        : #28b9c8;
margin-bottom: 0;
margin-top   : 29px; font-weight: 600;}
       .contact-head_div p {
  font-size: 27px;
  color    : #808285;
}
.address_div{ float:left; width: 100%; padding: 20px 0; border-bottom: dotted 1px #ccc;}
.address_div img{ float:left; margin-right:20px ;}
.address_div h6{ font-size:16px; color: #284b8c; font-weight: 600; margin-bottom: 0; padding-top: 0 !important;}
.address_div p{
  font-size    : 14px;
  color        : #284b8c;
  margin-bottom: 0;
}
.text{ font-size:16px; color: #464646; padding:15px 0; float:left; width: 100%; padding-bottom: 0;}

.address_div2{
  float        : left;
  width        : 100%;
  padding      : 20px 0;
  border-bottom: dotted 1px #ccc;
}

.address_div2 img {
  float       : left;
  margin-right: 20px;
}

.address_div2 h6 {
  font-size    : 16px;
  color        : #464646;
  font-weight  : 600;
  margin-bottom: 0;
  padding-top  : 0 !important;
}

.address_div2 p {
  font-size    : 14px;
  color        : #464646;
  margin-bottom: 0;
}

.text {
  font-size     : 16px;
  color         : #464646;
  padding       : 15px 0;
  float         : left;
  width         : 100%;
  padding-bottom: 0;
}
.custom-control-inline {
  display     : -ms-inline-flexbox;
  display     : inline-flex;
  margin-right: 1 rem;
  /*padding-left:110px;*/
  
}
.padding-left-118{ padding-left:118px;}
.button-link{ float:left;     display         : block;
    padding         : 10px 15px;
    color           : #284b8c;
    font-size       : 16px;
    border-radius   : 20px;
    font-weight     : bold;
    text-transform  : inherit;
    letter-spacing  : inherit;
    word-spacing    : inherit;
    text-decoration : none; padding-bottom: 100px;} 
    .font-weight{ font-weight:400;}
    .directors_img{ float:left; width: 111px; height:111px; border-radius:100%; overflow: hidden;}
    .directors_img img{ border-radius:100%;}

    /*.board-metting span{    padding: 7px 0 10px;
    float  : left;}*/
       .board-metting i{ 
    padding   : 8px 12px 8px !important;}

    .pb-80{ padding-bottom: 45px;}
    .table-2 table{ width:100%;text-align:center;}
    .border-bbottom{ float:left; width: 100%; border-bottom: dotted 1px #ccc; padding:15px 0; margin-bottom: 15px;}
 .table-2 .mCSB_container_wrapper{margin-right: 0px;}

 .table-2 .mCSB_container_wrapper>.mCSB_container{    padding-right:0px !important;}
 .blue-color{    color: #284b8c;}
 .border-bottom{    border-bottom: dotted 1px #ccc; margin: 40px 0 40px;}
 .blue-box{ float:left; width: 90%; background: #5ecbd6; border-radius: 10px; padding: 10px;} /*old backgrnd color* #284b8c */
  .blue-box li{ color:#fff;}
  .blue-box h5{ color: #5ecbd6; /*margin-bottom: 20px;*/}
  .btn2{     font-size : 16px;
    color     : #ffffff;
    padding   : 10px 30px;
    float     : left;
    background: #5ecbd6;
    margin-top: 22px;
    border-radius: 10px;}
  .circle-list{ float:left; padding:0 0 10% 0; margin: 0; width: 100%;}
  .circle-list li{ display:inline-block; list-style: none; margin-right: 15px; margin-top: 15px;}
    .circle-list li a{ display:block; width: 100px; height: 100px; padding: 15px 0; text-align: center; background: #8edae2; border-radius:100%; font-size:24px; color:#fff;}
       .circle-list li span{ float:left; width: 100%; font-size:18px;
color    :#fff;}
   .circle-list li a:hover{background: #5ecbd6;}
   .margin-left{    margin: 0 0 0 -9px;}
   .width3 .wrapper {
  font-size: 14px;
  color    : #727272;
  width    : 143px;
  height   : 34px !important;
  float    : left !important;
}
.padding-left-0{ padding-left: 0;}

  /* new pages css end */


@media only screen and (min-width: 320px) and (max-width: 759px) {
  .carbon-text {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .award_div .award-text span {
    font-size  : 17px;
    color      : #464646;
    font-weight: 400;
  }

  .award_div .award-text h5 {
    font-size  : 20px;
    color      : #464646;
    font-weight: 600;
  }

  .award_div .award-text {
    float  : left;
    padding: 40px 10px;
    width  : 59%;
  }

  .text_div_tech {
    float       : left;
    width       : 468px;
    padding-left: 72px;
  }

  .our-technology img {
    float: left;
    width: 248px;
  }

  .business-list li {
    display      : inline-block;
    list-style   : none;
    width        : 133px;
    float        : left;
    margin-right : 15px;
    padding-right: 22px;
  }

  .tag-line {
    font-size    : 17px;
    color        : #464646;
    margin-bottom: 0;
    line-height  : 24px;
  }

  .small-title {
    font-size: 20px;
  }

  .wsmenu>.wsmenu-list>li>a {
    display  : block;
    padding  : 9px 8px;
    font-size: 10px !important;
  }

  .search-btn {
    padding: 3px 8px 5px 9px;
  }

  .shortcut-links-crousel .short-box {
    width : 120px;
    height: 171px;
  }

  .news-box .news-img {
    width: 283px;
  }

  .news-box .news-text {
    float       : left;
    width       : 349px;
    padding-left: 20px;
  }

  .news-big-title {
    font-size: 22px;
  }

  .company-logo {
    float: left;
    width: 227px;
  }

  .company-text {
    width: 393px;
  }

  .width1 {
    width: 111px;
  }

  .width2 {
    width: 154px;
  }

  .footer-menu li a {
    font-size: 13px;
    padding  : 0 8px;
  }

  .content {
    font-size    : 14px;
    color        : #464646;
    margin-bottom: 0;
    font-weight  : 500;
    text-align   : justify;
  }

  .banner_text {
    position: absolute;
    top     : 21%;
    right   : 16%;
  }
}

@media (max-width: 768px) {

  .padding-left-118 {
  padding-left: 0;
}

  .table-2 table {
  white-space: nowrap;
}
  .form-group {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
  .form-div .custom-control {
   
    display: inline-block;
    width:100%;
    margin-bottom: 20px;
}
  .ml-163 {
    margin-left: 0;
}

  .form-div label {
    display: inline-block;
    width: 100%;
    float: left;
}
  .small-title {
  margin-bottom: 10px;
}
  .header-info-div {
  position: relative;
}


.top_navigation_page ul {
  padding      : 0;
  margin       : 0;
  background   : #5ecbd6;
  padding      : 6px 0 11px 0;
  border-radius: 0px;
  text-align   : center;
}
.innter-title {
      padding   : 10px 0 8px 15px;
    margin-top: -83px;
    margin-bottom: 53px;
}

  .inner-banner img{ height:100%;}
  .online-video-crousel {
    float: left;
    width: 100%;
    padding: 0 65px;
}
  .download-btn {
    float: left;
    padding: 0 0;
}
  .pb-100 {
    padding-bottom: 42px;
}
  .top_navigation_page ul li a {
    display: block;
    font-size: 14px;
}
  .text-div_2 {
    margin-top: 30px;
    border    : none;
  }

  .small-title {
    font-size  : 24px;
    font-weight: 500;
    color      : #464646;
    padding    : 0 0;
  }

  .top-menu {
    display: none;
  }

  .button_list li span {
    display: none;
  }

  .button_list {
    float  : right;
    margin : 0;
    padding: 0;
    width  : 100%;
  }

  .button_list li a {
    padding: 7px 101px;
  }

  .name-of-company {
    display: none;
  }

  .name-of-company2 {
    font-size    : 18px;
    color        : #00529c;
    font-weight  : 400;
    text-align   : center;
    margin-bottom: 0;
    padding      : 7px 98px;
  }

  .search-btn {
    float        : right;
    border-left  : dotted 1px #ccc;
    border-bottom: none;
    padding      : 4px 8px 6px 9px;
    margin-top   : -17px;
  }

  .middle-menu {
    border-bottom: dotted 1px #ccc;
  }

  .top_header .container {
    padding: 0;
  }

  .banner_text {
    position: relative;
    top     : 0;
    right   : 0;
  }

  .slider-container {
    padding-top: 0;
  }

  .banner_text {
    position: relative;
    top     : 0;
    right   : -33px;
    clear   : both;
  }

  .news-ticker {
    float        : left;
    width        : 100%;
    background   : #00529c;
    border-radius: 40px;
    padding      : 10px 0;
  }

  .shortcut-links-crousel .short-box {
    width : 137px;
    height: 150px;
  }

  .news-box .news-img {
    width: 100%;
  }

  .news-box .news-text {
    float       : left;
    width       : 100%;
    padding-left: 0px;
    padding-top : 20px;
  }

  .more-new-box {
    border-right : none;
    border-bottom: dotted 1px #c2c2c2;
  }

  .more-new-box .blue-read-more-btn {
    margin-bottom: 17px;
    margin-top   : 0;
  }

  .company-text {
    width: 486px;
  }

  .display-mobile {
    display: block;
  }

  .display-desktop {
    display: none;
  }

  .graph-div {
    width        : 100%;
    float        : left;
    margin-bottom: 0;
  }

  .short-box p {
    color      : #464646;
    font-size  : 18px;
    font-weight: 800;
    padding    : 10px;
  }

  .graph-div img {
    width        : 100%;
    float        : left;
    margin-bottom: 30px;
  }

  .width1 {
    width       : 100%;
    margin-right: 0;
  }

  .width2 {
    width       : 100%;
    margin-right: 0;
  }

  .shortcut-links-crousel .short-box {
    float     : left;
    margin    : 0;
    background: #f1f2f2;
    width     : auto;
    height    : 254px;
  }

  .demat-custody_div {
    float        : left;
    width        : 100%;
    margin-bottom: 30px;
  }

  .shortcut-links-crousel .crousel-1 {
    padding: 0 36px;
  }

  .crousel-1.owl-theme .owl-nav .owl-prev {
    background-image : url(../../images/common/arrow-grey-left.png);
    background-repeat: no-repeat;
    background-size  : 100% 100%;
    width            : 25px;
    height           : 45px;
    float            : left;
    position         : absolute;
    top              : 104px;
    left             : -5px;
  }

  .crousel-1.owl-theme .owl-nav .owl-next {
    background-image : url(../../images/common/arrow-grey-left.png);
    background-repeat: no-repeat;
    background-size  : 100% 100%;
    width            : 25px;
    height           : 45px;
    float            : right;
    transform        : rotate(180deg);
    position         : absolute;
    top              : 104px;
    right            : -5px;
  }

  .short-box h4 {
    font-size    : 25px;
    color        : #fff;
    font-weight  : 600;
    text-align   : center;
    margin-bottom: 0;
    padding      : 10px 0;
  }

  .crousel-1.owl-theme .owl-nav {
    display: block;
  }

  .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    display: none;
  }

  .role-of-cdsl_list li {
    width: 47%;
  }

  .milestone-crousel {
    float  : left;
    width  : 100%;
    padding: 0% 0 15px 0;
  }

  .award-crousel {
    float  : left;
    width  : 100%;
    padding: 1px 0px;
  }

  .pt-30 {
    padding-top: 20px;
  }

  .content2 {
    text-align: justify;
  }
  .captcha {
    float: left; width: 100%;
}
.form-div button {
  margin-top: 20px;
  float: left !important;
}
}

@media (max-width: 600px) {
  .contact-head_div p {
    font-size: 18px;
    color: #808285;
}
  .contact-head_div h5 {
    font-size:30px;
    color: #28b9c8;
    margin-bottom: 0;
    margin-top: 50px;
    font-weight: 600;
}
  .contact-head_div img { margin-bottom: 20px;
    float: left; width: 100%;
    margin-right: 0;
}
  .form-div button {
    margin-top: 20px;
}
  .holder-div .wrapper {
    width: 100%;
}
  .holder-div {
    float: left !important;
    width: 100%;
}
  .small-title3 {
    font-size: 20px;
    color: #464646;
    padding:50px 0; margin-top: 30px;
    border-left: none;
    border-top: dotted 1px #ccc;
}
  .form-div input {
    width: 100%;
}
  .cdsl-button {
    width: 100%;
    font-size: 18px;
}
  .profile-box {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 23px;
}
  .footer-links li:first-child {
    font-weight  : 600;
    margin-bottom: 0;
  }

  .footer-links {
    margin-bottom: 15px;
  }

  .dropdown-menu.show {
    display   : block;
    left      : 0 !important;
    right     : 0 !important;
    transform : inherit !important;
    top       : 38px !important;
    width     : 264px;
    border    : none;
    background: none;
  }

  .award_div img {
    width  : 125px;
    float  : none;
    display: block !important;
    margin : 0 auto;
  }

  .award_div .award-text {
    float     : left;
    padding   : 20px 0 0 0;
    width     : 100%;
    text-align: center;
  }

  .milestone-crousel .mile-stone-div {
    float     : left;
    width     : 87%;
    background: #f4f7fc;
    height    : 196px;
    margin    : 0 21px;
  }

  .business-list li p {
    font-size: 16px;
    color    : #464646;
  }

  .business-list li h5 {
    font-size: 18px;
  }

  .counter-list {
    margin: 30px 0;
  }

  .text_div_tech {
    float       : left;
    width       : 100%;
    padding-left: 0;
    padding-top : 30px;
  }

  .our-technology img {
    float  : none;
    width  : 58%;
    margin : 0 auto;
    display: block;
  }

  .role-of-cdsl_list li {
    width: 100%;
  }

  .counter-list li {
    width        : 100%;
    text-align   : left;
    margin-bottom: 31px;
    /* text-align: -webkit-left; */
    padding-left : 30px;
  }

  .business-list li {
    width        : 100%;
    margin-right : 0;
    padding-right: 0;
    margin-bottom: 20px;
    text-align   : left;
  }

  .button_list li a {
    padding: 7px 73px;
  }

  .title {
    font-size: 22px;
  }

  .update-table table td {
    font-size     : 18x;
    padding-bottom: 10px;
    font-weight   : 700;
  }

  .content {
    font-size: 16px;
  }

  .news-big-title {
    font-size: 22px;
  }

  .company-text {
    width : 100%;
    margin: 0;
  }

  .group-of-companies-div {
    float        : left;
    width        : 100%;
    text-align   : center;
    margin-bottom: 30px;
  }

  .company-logo {
    float : none;
    width : 227px;
    margin: 0 auto;
  }

  .crousel-1.owl-theme .owl-nav .owl-prev {
    background-image : url(../../images/common/arrow-grey-left.png);
    background-repeat: no-repeat;
    background-size  : 100% 100%;
    width            : 25px;
    height           : 45px;
    float            : left;
    position         : absolute;
    top              : 104px;
    left             : -5px;
  }

  .crousel-1.owl-theme .owl-nav .owl-next {
    background-image : url(../../images/common/arrow-grey-left.png);
    background-repeat: no-repeat;
    background-size  : 100% 100%;
    width            : 25px;
    height           : 45px;
    float            : right;
    transform        : rotate(180deg);
    position         : absolute;
    top              : 104px;
    right            : -5px;
  }

  .crousel-1.owl-theme .owl-nav {
    display: block;
  }

  .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    display: none;
  }

  .short-box h4 {
    font-size    : 33px;
    color        : #fff;
    font-weight  : 600;
    text-align   : center;
    margin-bottom: 0;
    padding      : 10px 0;
  }
}

@media (max-width: 480px) {

  .dropdown-menu.show {
    display   : block;
    left      : 0 !important;
    right     : 0 !important;
    transform : inherit !important;
    top       : 38px !important;
    width     : 100%;
    border    : none;
    background: none;
  }

  .button_list li a {
    padding: 7px 49.8px;
  }

  .name-of-company2 {
    font-size: 15px;
  }

  .search-btn {
    margin-top: -12px;
  }

  .banner_text h1 {
    font-size: 40px
  }

  .banner_text h3 {
    font-size: 25px;
  }

  .short-box h4 {
    font-size: 22px;
  }

  .short-box p {
    font-size: 16px;
  }

  .shortcut-links-crousel .short-box {
    height: 203px;
  }

  .shortcut-links-crousel {
    margin-bottom: 30px;
  }
}

@media (max-width: 414px) {

  .dropdown-menu.show {
    display   : block;
    left      : 0 !important;
    right     : 0 !important;
    transform : inherit !important;
    top       : 38px !important;
    width     : 100%;
    border    : none;
    background: none;
  }

  .tag-line {
    font-size: 16px;
  }

  .small-title {
    font-size: 22px;
  }

  .button_list li a {
    padding: 8px 41.6px;
  }

  .name-of-company2 {
    font-size: 13px;
  }

  .search-btn {
    margin-top: -12px;
  }

  .banner_text h1 {
    font-size: 40px;
    6;
  }

  .banner_text h3 {
    font-size: 25px;
  }

  .short-box h4 {
    font-size: 22px;
  }

  .short-box p {
    font-size: 16px;
  }

  .shortcut-links-crousel .short-box {
    height: 203px;
  }

  .shortcut-links-crousel {
    margin-bottom: 30px;
  }

  .mega-menu-list li a {
    display    : block;
    font-size  : 10px;
    color      : #464646;
    font-weight: 600;
    padding    : 4px 0;
  }

}


@media (max-width:393px) {
  .button_list li a {
    padding: 7px 38.4px;
  }

}


@media (max-width:380px) {
  .button_list li a {
    padding: 7px 36.4px;
  }

}

@media (max-width: 375px) {
  .button_list li a {
    padding: 7px 35.6px;
  }

  .name-of-company2 {
    font-size: 11px;
    padding  : 6px 84px;
  }

  .search-btn {
    margin-top: -6px;
  }

  .banner_text h1 {
    font-size: 28px;
  }

  .banner_text h3 {
    font-size: 20px;
  }

  .banner_text p {
    font-size  : 13px;
    font-weight: 500;
    color      : #464646;
  }

  .banner_text {
    position: relative;
    top     : 0;
    right   : 0;
    clear   : both;
  }

  .short-box h4 {
    font-size: 22px;
  }

  .short-box p {
    font-size: 14px;
  }

  .shortcut-links-crousel .short-box {
    height: 203px;
  }

  .shortcut-links-crousel {
    margin-bottom: 30px;
  }

  .crousel-1.owl-theme .owl-nav .owl-prev {
    top: 72px;
  }

  .crousel-1.owl-theme .owl-nav .owl-next {
    top: 72px;
  }

  .ask-diya-btn {
    padding: 21px 21px;
    margin : -29px 0 0 0;
  }

}


@media (max-width: 360px) {
  .button_list li a {
    padding: 7px 33px;
  }
}



@media (max-width: 340px) {
  .button_list li a {
    padding: 7px 29.8px;
  }
}

@media (max-width: 320px) {
  .button_list li a {
    padding: 7px 26.4px;
  }
}

.copyRight1{clear:both; width:825px; margin:0 auto; height:19px; overflow:hidden; padding:0px 0 0 0; font-size:11px;background:#FFFFFF;float:right}
.copyrightbg1 {background:#FFFFFF}
.pannel01{float:left; display:inline}
.pannel02{float:right; display:inline}

/*start dhiraj*/

.kb{
    padding:0 10px 0 10px;
    color: #0071af;
}

/*.panel-body-1{
    padding-bottom: 422px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 30px;
}*/

.content3{
    clear: both;
    padding: 2px 0 20px 0;
    color: #433e3e;
    text-align: justify;
}


.table_div_accordin{ width: 100%; margin-top: 10px;}
.table_div_accordin table{ float:left; width: 100%;}
.table_div_accordin table td{
  border:solid 1px #acacac; font-size:14px;
color    : #464646; padding:10px 10px;
}
.table_div_accordin .head td{ padding:10px 10px; background: #5ecbd6; font-size:14px; color: #464646; font-weight: 600;}

/*end dhiraj*/

@media screen and (min-width: 0px) and (max-width: 768px) {
 #punc_ChatOpen {
 width:100px!important;
 height: 100px!important;
 }
 #punc_ChatOpen img{
 width: 66px!important;
 height: 65px!important;
 margin-top: 18px!important;
 }
 }

@media screen and (min-width: 0px) and (max-width: 768px) {
   #chatIframe, #punc_ChatOpen, #punc_ChatClose {
   display: none !important;
  }
 }

.custom-select {
    display: inline-block;
    height: calc(1.5em + .75rem + 2px);
    /*width:100%;*/
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.float-left {
    float: left!important
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
padding-left:110px;
}
input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
.radio-btn {
  float        : left;
  width        : 100%;
  margin-bottom: 10px;
}

.radio-btn label {
  font-size  : 13px;
  padding-top: 4px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}


.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}
/*.row {
    
    display:-ms-flexbox;
    display:flex;
   /*--bs-gutter-x: 4.8rem*/; 
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left:-15px;
    margin-right:-15px;
   

}*/
.float-right{
float:right!important
}

/*.row>*
{
flex-shrink:0;

max-width:100%;
margin 10px;
margin-top:var(--bs-gutter-y)
}*/

.table-2{ float:left; width: 100%; margin-top: 20px;}

/*.row {
    --bs-gutter-x: 0 rem;
*/
.text-right {
    text-align: right!important
}
.row {
     /* --bs-gutter-x: 0 rem;*/
}
.row {
   /* --bs-gutter-x: 4.5rem;*/

}
.row {
    /*--bs-gutter-x: 1.5rem;*/
}

.row {
    /*--bs-gutter-x: 1.5rem;*/
}


.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
    /*padding-left:110px;*/
}

.carousel-indicators li {
  box-sizing      : content-box;
  -ms-flex        : 0 1 auto;
  flex            : 0 1 auto;
  width           : 32px;
  height          : 32px;
  border-radius   : 100%;
  margin-right    : 3px;
  margin-left     : 3px;
  text-indent     : -999px;
  cursor          : pointer;
  background-color: #959595;
  background-clip : padding-box;
  border-top      : 10px solid transparent;
  border-bottom   : 10px solid transparent;
  transition      : opacity 0.6s ease;
}

.carousel-indicators {
  position       : absolute;
  right          : 0;
  bottom         : 0;
  left           : auto;
  z-index        : 15;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-pack  : center;
  justify-content: center;
  padding-left   : 0;
  margin-right   : 0;
  margin-left    : 0;
  list-style     : none;
}

.carousel-indicators .active {
  background-color: #5ecbd6;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.form-select{
border-radius:80px;
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.carousel-indicators [data-bs-target] {
    width: 16px;
    height: 16px;
    background-color: #959595;
}

.carousel-indicators .active {
    background-color: #5ecbd6;
}


  .blink {
    animation: blinker 2s linear infinite;
  }

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