*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.con-tr{
   background-color: #0b8dd1;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 35px;
    height: 100% !important;
}
.item p,h2,span{
    color: white;
}
.con-tr:hover{
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
transition: 0.5s ease-in-out;
}
.con-top-p{
    padding-top: 189px;
    padding-bottom: 91px;
}

.cs-test{
    color:#469d73 !important;
    position: relative;

    
}
.cs-test::after{
    content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #0089d0;
       top: 46%;
    right: 37%;
}
.cs-test::before{
      content: url(inner.css);
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #0089d0;
       top: 46%;
    left: 37%;
}

.before-c {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  color: white;
  text-decoration: none;
}

.before-c::after {
  font-family: 'FontAwesome';
  content: "\f101";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  line-height: 18px;
  color: white;

}
a#totop {
    background: #469d73 !important;
}
.g-twon {
    background: #0b8dd1;
    padding: 26px;
    line-height: 29px;
        margin: 0 !important;
}

    .page-content {
      display: none;
    }
    .page-content.active {
      display: block;
    }

   
 .m-dia{
      position: relative;
      background-color: #0b8dd1;
    display: block;
    color: white !important;
    /* padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); */
  
    
    text-decoration: none;
    /* background-color: var(--bs-pagination-bg); */
    /* border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); */
    width: 100% !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   
}
/* .page-item:last-child .page-link{
    border-radius: 50% !important;
} */
/* .disabled>.page-link, .page-link.disabled{
     border-radius: 50% !important;
} */
ul#pagination{
    gap: 10px;
    transition: 3s ease-in-out;
        align-items: flex-end;
}
/* .page-item:first-child .page-link{
    border-radius: 50%;
} */















/*************publication page*****************/
.project-section {
    padding: 40px 0;
}

.nav-tabs .nav-link {
    border-radius: 0.25rem 0.25rem 0 0;
}

.tab-content {
    border-top: none;
    min-height: 150px;
}
button#reports-tab,
button#journals-tab,
button#books-tab,
button#contact-tab,
button#workshops-tab,
button#pub-tab    {
    color: #ffffff;
        border-radius: 25px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #13824f;
    color: white !important;
}
.p-3.shadow{
     background: #0b8dd1 !important;
}


 .dl-button-wrapper {
      display: flex;
   
      --dl-text:rgb(255, 255, 255) !important;
      --dl-bg: #0d6efd;
      --dl-outline: #0d6efd;
    }
.dl-button {
    display: flex;

    align-items: flex-end;
    padding: 6px 18px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
   
    color: black !important;
    background:rgb(255, 255, 255);
    transition: 1s;
    border-radius: 100px;
    box-shadow: 0 0 0.2em 0 var(--dl-bg);
}

    .dl-button:hover {
      transition: 0.5s;
      animation: dl-outline-anim 1s;
      outline: 0.1em solid transparent;
      outline-offset: 0.2em;
      box-shadow: 0 0 0.4em 0 var(--dl-bg);
    }

    .dl-arrow-wrap {
      transition: 0.5s;
      margin-right: 0px;
      transform: scale(0.6);
      margin-left: 15px;
      position: relative;
      top: 6%;
    }

    .dl-button:hover .dl-arrow-wrap {
      margin-right: 25px;
    }

    .dl-arrow-wrap svg path {
      transition: 0.5s;
    }

    .dl-button:hover #dl-arr1 {
      transform: translateX(0%);
      animation: dl-color-cycle 1s infinite 0.6s;
    }

    .dl-button:hover #dl-arr2 {
      transform: translateX(0%);
      animation: dl-color-cycle 1s infinite 0.4s;
    }

    .dl-button:hover #dl-arr3 {
      animation: dl-color-cycle 1s infinite 0.2s;
    }

    #dl-arr1 {
      transform: translateX(-60%);
    }

    #dl-arr2 {
      transform: translateX(-30%);
    }

    @keyframes dl-color-cycle {
      0%, 100% {
        fill: white;
      }
      50% {
        fill: var(--dl-bg);
      }
    }

    @keyframes dl-outline-anim {
      0% {
        outline: 0.2em solid var(--dl-bg);
        outline-offset: 0;
      }
    }


    .foter-card{
      background-color: #ffff;
         padding: 20px;
             border-radius: 10px;
             box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    }

     .video-slider .card {
      margin: 0 10px;
    }
 i.fa.fa-arrow-right.video-s,i.fa.fa-arrow-left.video-s{
    font-size: 14px;
   }

  .button-xx {
  text-decoration: none;
  line-height: 1;
  border-radius: 1.5rem;
  overflow: hidden;
  margin: 0 auto;
  width: 15%;
  position: relative;
  box-shadow: 10px 10px 20px rgba(0,0,0,.05);
  background-color: #fff;
  color: #121212;
  border: none;
  cursor: pointer;
}

.button-decor {
  position: absolute;
  inset: 0;
  background-color:#469d73;
  transform: translateX(-100%);
  transition: transform .3s;
  z-index: 0;
  color: white;
}

.button-content {
  display: flex;
  align-items: center;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}

.button__icon {
  width: 48px;
  height: 40px;
  background-color: #469d73;
  color: white;
  display: grid;
  place-items: center;
}

.button__text {
  display: inline-block;
  transition: color .2s;
  padding: 2px 1.5rem 2px;
  padding-left: .75rem;
  overflow: hidden;
  color: #469d73;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}

.button-xx:hover .button__text {
  color: #fff !important;
}

.button-xx:hover .button-decor {
  transform: translate(0);
  color: white;
}
.button-decor:hover{
  color: #ffff;
}

.filter-rw{
   
    border-bottom: 1px solid #d4d4d4 !important;
   
}
.top-project-ppr{
  margin-top: 26px;
}
.fm-control{
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.styl{
  background-color: #0b8dd1;
}

.iconic{
  color: #0089d0;
}
h3.widget-title.allrounder{
width: 22%;
margin: 0;
}

.fs-f-teer{
      display: flex;
    align-items: center;
    width: 100%;
    padding: 0px 25px;
}
.fs-f-teer p{
  margin: 0;
}

#w-s-top{
    width: 86%;
}

#full-media{
  background-color: #1872a1;
  border-radius: 50px;
}

.D-s-set{
      padding: 0px 37px;
       border: #469d73;
    background-color: #469d73;
    border-radius: 50px;
}
#n-wes{
  font-size: 17px;
    padding: 0;
    margin: 0;
}

 .video-card-wrapper {
    position: relative;
    width: 100%;
    cursor: pointer;
  }

  .video-thumb {
    width: 100%;
    display: block;
  }

  video {
    width: 100%;
    height: auto;
    display: none;
  }

  .video-btn {
    height: 50px;
    width: 50px;
    line-height: 50px !important;
    text-align: center;
    border-radius: 100%;
    background: #0089d0;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    font-size: 16px;
  }

  .waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background:#ffff;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    animation: waves 3s ease-in-out infinite;
  }

  .wave-1 { animation-delay: 0s; }
  .wave-2 { animation-delay: 1s; }
  .wave-3 { animation-delay: 2s; }

  @keyframes waves {
    0% {
      transform: translate(-50%, -50%) scale(0.2);
      opacity: 0;
    }
    50% {
      opacity: 0.9;
    }
    100% {
      transform: translate(-50%, -50%) scale(0.9);
      opacity: 0;
    }
  }