.notify{
    border-style: solid;
    border-color: blue;
    text-align: left;
    }

.canvasjs-chart-credit
{
    display: none !important;
}
#chartContainer1{
  height: 400px; width: 100%;

}
#chartContainer2{
  height: 400px; width: 100%;

}
/* .blue {
    color: #34A5DC;
} */
.counter .pink{
  color:#F08D19 !important;
}
.not_text{
    font-size: 15px;
    height: 10px;
    padding-top: 3px;
    margin-top: 0px;
    font-weight: bold;
}

marquee p
{
    white-space:nowrap;
}

.counter{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 0 10px 20px;
    position: relative;
    z-index: 1;
}
.counter:before{
    content: '';
    background-color: #37acb8;
    border-radius: 10px;
    box-shadow: 10px 10px 0 rgba(0,0,0,0.2), -10px -10px 30px rgba(0,0,0,0.2) inset;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50px;
    bottom: 0;
    z-index: -1;
}


.counter .counter-value {
    color: #fff;
    background: #37acb8;
    font-size: 24px;
    font-weight: 600;
    line-height: 85px;
    width: 100px;
    height: 100px;
    margin: 0 auto 12px;
    border-radius: 50%;
    border: 8px solid #37acb8;
    box-shadow: 0 0 0 8px #fff inset, 5px 5px 0px rgb(0 0 0 / 20%);
    display: block;
}

.counter .counter-icon{
    font-size: 35px;
    margin: 0 0 7px;
}
.counter h3{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 0;
}
.counter.pink:before{ background-color: #fb364d; }
.counter.pink .counter-value{
    background-color: #fb364d;
    border-color: #fb364d;
}

.counter.orange:before{ background-color: #f06d28; }
.counter.orange .counter-value{
    background-color: #f06d28;
    border-color: #f06d28;
}
.counter.blue:before:nth-child(odd){ background-color: #162f5b; }
.counter.blue .counter-value:nth-child(odd){
    background-color: #162f5b;
    border-color: #b2bccc;
}
.counter.blue:before:nth-child(even){ background-color: #162f5b; }
.counter.blue .counter-value:nth-child(even){
   background-color: #162f5b;
   border-color: #162f5b;
}

@media screen and (max-width:990px){
    .counter{ 
        margin-bottom: 40px; 
    }
} 

.counter i.fa {
    font-size: 40px;
    color: #ffffff;
}
.cont{
 
  padding-left: 5%;
}

/*---------------------------------------------*/

h2{
    text-align:center;
    padding: 20px;
  }
  /* Slider */
  
  .slick-slide {
      margin: 0px 20px;
  }
  
  /* .slick-slide img {
      width: 100%;
  } */
  
  .slick-slider
  {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
              user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  /* .slick-slide img
  {
      display: block;
  } */
  .slick-slide.slick-loading img
  {
      display: none;
  }
  /* .slick-slide.dragging img
  {
      pointer-events: none;
  } */
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
      height: auto;
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }
/*---------------------3box total----------------------------*/

.lead {
    font-size: 30px !important;
  }
  b{
    font-size: 16px !important;
  }
  .shape{    
      border-style: solid; border-width: 0 110px 120px 0; float:right; height: 0px; width: 0px;
      -ms-transform:rotate(360deg); /* IE 9 */
      -o-transform: rotate(360deg);  /* Opera 10.5 */
      -webkit-transform:rotate(360deg); /* Safari and Chrome */
      transform:rotate(360deg);
  }
  .offer{
      background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
  }
  .offer:hover {
      -webkit-transform: scale(1.1); 
      -moz-transform: scale(1.1); 
      -ms-transform: scale(1.1); 
      -o-transform: scale(1.1); 
      transform:rotate scale(1.1); 
      -webkit-transition: all 0.4s ease-in-out; 
  -moz-transition: all 0.4s ease-in-out; 
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
      }
  .shape {
      border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
  }
  .offer-radius{
      border-radius:7px;
  }
  .offer-danger {	border-color: #d9534f; }
  .offer-danger .shape{
      border-color: transparent #d9534f transparent transparent;
  }
  .offer-success {	border-color: #5cb85c; }
  .offer-success .shape{
      border-color: transparent #5cb85c transparent transparent;
  }
  .offer-default {	border-color: #999999; }
  .offer-default .shape{
      border-color: transparent #999999 transparent transparent;
  }
  .offer-primary {	border-color: #428bca; }
  .offer-primary .shape{
      border-color: transparent #428bca transparent transparent;
  }
  .offer-info {	border-color: #5bc0de; }
  .offer-info .shape{
      border-color: transparent #5bc0de transparent transparent;
  }
  .offer-warning {	border-color: #f0ad4e; }
  .offer-warning .shape{
      border-color: transparent #f0ad4e transparent transparent;
  }
  
  .shape-text{
      color:#fff; font-size: 28px; font-weight:bold; position:relative; right:-50px; top: -4px; white-space: nowrap;
      -ms-transform:rotate(30deg); /* IE 9 */
      -o-transform: rotate(360deg);  /* Opera 10.5 */
      -webkit-transform:rotate(30deg); /* Safari and Chrome */
      transform:rotate(45deg);
  }	
  .offer-content{
      padding:0 20px 10px;
  }
  .noti_des:hover
{
  color: blue !important;
  text-decoration: underline;
  }
    #popup {
      display:block;
      position:absolute;
      margin:0 auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9999;
    }
    .imageContainer {
       width: 120%;   
       background-repeat: no-repeat;
       margin-bottom: -58px;
       margin-top: 100% !important;
      }
   button.close {
      -webkit-appearance: none;
      padding: 4px;
      cursor: pointer;
      background: #060f7a !important;
      border: 0;
      font-weight: bold;
      margin-right: -24px !important;
      margin-top: -5px;
      height: 40px;
}
  .content_text {
      text-align: left !important;
     /* position: absolute;*/
      top: 120px;
      margin-left: -50px;
      align-items: center;
      background-color: pink;
      width: 100%;
      padding:25px;
}
.head{
  font-size: 1.5rem;
  color: red;
  text-align: center;
  font-weight: bold;
  margin-top: -15px;
  margin-left: -28px;

}
.text_con{
margin-left: 30px !important;
line-height: 27px;
}
 .content_text1 {
      text-align: center;      
      margin-top: -18px;
      color: blue;
      font-weight: bold;
      font-size: 1.4rem !important
}
.borders{
  border-style: outset;
  box-shadow: 0px 0px 15px #ff002f;
}

.noti_des:hover
{
    color: blue;
    text-decoration: underline;
  }
.notification-bell {
    animation: bell 1s 1s both infinite;
}
.notification-bell * {
    display: block;
    margin: 0 auto;
    background-color: blue;
    box-shadow: 0px 0px 15px yellow;
}
.notification-box {
    position: fixed;
    z-index: 99;
    top: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    text-align: center;
}
.notification-bell {
    animation: bell 1s 1s both infinite;
    margin-top: -37px;
    margin-left: 200px;
}
.notification-bell * {
    display: block;
    margin: 0 auto;
    background-color: #53c83b;
  
}
.bell-top {
    width: 6px;
    height: 6px;
    border-radius: 3px 3px 0 0;
}
.bell-middle {
    width: 25px;
    height: 25px;
    margin-top: -1px;
    border-radius: 12.5px 12.5px 0 0;
}
.bell-bottom {
    position: relative;
    z-index: 0;
    width: 32px;
    height: 2px;
}
.bell-bottom::before,
.bell-bottom::after {
    content: '';
    position: absolute;
    top: -4px;
}
.bell-bottom::before {
    left: 1px;
    border-bottom: 4px solid red;
    border-right: 0 solid transparent;
    border-left: 4px solid transparent;
}
.bell-bottom::after {
    right: 1px;
    border-bottom: 4px solid green;
    border-right: 4px solid transparent;
    border-left: 0 solid transparent;
}
.bell-rad {
    width: 8px;
    height: 4px;
    margin-top: 2px;
    border-radius: 0 0 4px 4px;
    animation: rad 1s 2s both infinite;
}
.notification-count {
    position: absolute;
    z-index: 2;
    top: 108px;
    right: 295px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    border-radius: 50%;
    background-color: blue;
    color: white;
    animation: zoom 3s 1s both infinite;
    text-align: center;
}
@keyframes bell {
    0% { transform: rotate(0); }
    10% { transform: rotate(30deg); }
    20% { transform: rotate(0); }
    80% { transform: rotate(0); }
    90% { transform: rotate(-30deg); }
    100% { transform: rotate(0); }
}

@keyframes zoom {
    0% { opacity: 0; transform: scale(0); }
    10% { opacity: 1; transform: scale(1); }
    50% { opacity: 1; }
    51% { opacity: 0; }
    100% { opacity: 0; }
}
  
 table { page-break-inside:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }
  thead { display:table-header-group }
  tfoot { display:table-footer-group }

  table.listdb {
    border-collapse: unset;
  }
  table, th, td {
    border: 1px solid black;
    padding: 5px;
  }
.logo_imgs{
  margin-left: 325px;

}
.td_des{
  text-align:center; 
  font-size: 15px !important; 
  color: blue;
}
  /*media queries*/
 
   
@media (min-width: 100px) and (max-width: 450px){
.list-unstyled {
    padding-left: 0px!important; 
    text-align: center;
}

.head {
    font-size: 1.2rem !important;
}

.content_text1 {
    font-size: 12px !important;
}

.content_text {
    top: 180px;
    margin-right: 62px;
    width: 100% !important;
    margin-left: -32px;
}
.notification-count {
    right: 70px !important;
    top: 100px;
}

.logo_imgs{
margin-left: 104px !important;
}
.td_des{
  text-align:center; 
  font-size: 11px !important; 
  color: blue;
}
 table, th, td {
    padding: 0px;
     font-size: 10px !important; 
  }
  td {
   
     font-size: 10px !important; 
  }
.text_con {
    line-height: 23px !important;
    font-size: 12px !important; 
}

}
@media (min-width: 450px) and (max-width: 700px){
.list-unstyled {
    padding-left: 0px !important; 
    text-align: center;
}

.head {
    font-size: 1.3rem !important;
}

.content_text1 {
    font-size: 1.0rem !important;
}

.content_text {
    top: 180px;
    margin-right: 86px;
    width: 100% !important;
    margin-left: -38px;
}
.notification-count {
    right: 70px !important;
    top: 100px;
}
.notification-count {
    right: 102px !important;
    top: 100px;
}

.logo_imgs{
margin-left: 118px !important;
}
.td_des{
  text-align:center; 
  font-size: 13px !important; 
  color: blue;
}
 table, th, td {
    padding: 0px;
  }
.text_con {
    line-height: 23px !important;
}

}

@media (min-width: 701px) and (max-width: 1060px){
.list-unstyled {
    padding-left: 0px!important; 
    text-align: center;
}
.com_nav_style {
    
    border-bottom: 20px solid transparent;
  }
.head {
    font-size: 1.1rem !important;
}

.content_text1 {
    font-size: 1rem !important;
}

.content_text {
    top: 190px;
    width: 100% !important;
    margin-left: -45px;
    margin-right: 134px !important;
}
.notification-count {
    right: 186px  !important;
    top: 100px;
}

.logo_imgs{
margin-left: 226px !important;
}
.td_des{
  text-align:center; 
  font-size: 13px !important; 
  color: blue;
}
 table, th, td {
    padding: 0px;
  }
.text_con {
    line-height: 23px !important;
}

}

@media (min-width: 1061px) and (max-width: 1200px){
.list-unstyled {
    padding-left: 0px!important; 
    text-align: center;
}
.com_nav_style {
    
    border-bottom: 20px solid transparent;
  }
.head {
    font-size: 1.1rem !important;
}

.content_text1 {
    font-size: 1rem !important;
}

.content_text {
    top: 140px;
    width: 140% !important;
    margin-left: -218px;
}
.notification-count {
    right: 315px !important;
    top: 100px;
}

.logo_imgs{
margin-left: 335px  !important;
}
.td_des{
  text-align:center; 
  font-size: 13px !important; 
  color: blue;
}
 table, th, td {
    padding: 0px;
  }
.text_con {
    line-height: 23px !important;
}

}


@media (min-width: 1400px){
.notification-count {
    right: 320px !important;
    
}
}
@media (min-width: 100px) and (max-width: 550px) {
  #popup {
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 120% !important;
    left: 51%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 80%;
  }
}