.wac-dept-special-wrap .special-wrap {
  display: flex;
  padding: 0 15px;
  /* flex-wrap: wrap; */
}
.wac-dept-special-wrap {
  overflow: hidden;
}
.special-box {
  padding: 42px 30px;
  background: #fff;
  display: block;
  flex: 0 0 calc(25% - 15px);
  /* max-width: calc(25% - 15px); */
  margin-right: 20px;
  margin-bottom: 20px;
  transition: 0.3s ease-in-out;
  height: 350px;
  position: relative;
  overflow: hidden;
}
.special-box:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 1199.98px) {
  .special-box {
    padding: 25px;
    height: 360px;
  }
}
@media (max-width: 991.98px) {
  .special-box {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    height: 320px;
  }
  .special-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .special-box {
    padding: 30px 30px 40px 30px;
    flex: 0 0 280px;
    max-width: 280px;
    margin-right: 20px;
    height: auto;
  }
  .special-box:nth-child(2n),
  .special-box:nth-child(4n) {
    margin-right: 20px;
  }
}
.special-box .img-box {
  height: 50px;
  display: block;
}
.special-box .img-box img,
.special-box .img-box svg {
  height: 100%;
}
.special-box .h6 {
  margin: 25px 0;
  transition: 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .special-box .h6 {
    margin: 20px 0;
    font-size: 18px;
  }
}
.special-box p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .special-box p {
    -webkit-line-clamp: 3;
  }
}
.special-box .cont-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 1;
}
.special-box .cont-wrap .cont-bx {
  padding-top: 80px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1199.98px) {
  .special-box .cont-wrap .cont-bx {
    padding-top: 50px;
  }
  .special-box .cont-wrap {
    justify-content: space-between;
  }
}

@media (max-width: 991.98px) {
  .special-box .cont-wrap .cont-bx {
    padding-top: 10px;
  }
}
.special-box .cont-wrap .cont-bx .btn-appoint {
  position: absolute;
  bottom: -30px;
  width: 100%;
  left: 0;
  /* transform: scaley(0.5); */
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
  background: #158825;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .special-box .cont-wrap .cont-bx .btn-appoint {
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: none;
    bottom: 0;
    margin-top: 30px;
    font-size: 30px;
  }
}
.special-box .cont-wrap .cont-bx .btn-appoint .btn {
  display: block;
  padding: 17px;
  background: #fff;
  color: #158825;
}

@media (max-width: 1199.98px) {
  .special-box .cont-wrap .cont-bx .btn-appoint .btn {
    padding: 10px;
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .special-box .cont-wrap .cont-bx .btn-appoint .btn {
    padding: 15px;
    font-size: 16px;
  }
}
.special-box svg path {
  transition: 0.3s ease-in-out;
}
.special-box:after {
  position: absolute;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='165.274' height='40.306' viewBox='0 0 165.274 40.306'%3E%3Cg id='Group_41378' data-name='Group 41378' transform='translate(165.274) rotate(90)'%3E%3Cpath id='Path_16147' data-name='Path 16147' d='M0,41.417H40.3V0Z' transform='translate(0 41.286)' fill='%23ba2b2b'/%3E%3Cpath id='Path_16146' data-name='Path 16146' d='M0,41.286H40.176V0Z' transform='translate(0.131 123.988)' fill='%2308530c'/%3E%3Cpath id='Path_16149' data-name='Path 16149' d='M0,41.286H40.176V0Z' transform='translate(0.131 82.703)' fill='%234dce5f'/%3E%3Cpath id='Path_16153' data-name='Path 16153' d='M0,41.286H40.176V0Z' transform='translate(0.128)' fill='%23a9ebb2' opacity='0.395'/%3E%3C/g%3E%3C/svg%3E");
  /* background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAAArCAMAAADrPSLRAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAY9QTFRFB1MLAAAAS81duyoqvSkpquOqpumxB1ILBlMKTc5eTM5duSoquioqvCgondixp+qvCFMMB1ILTc5fTM5euisruisrqeuxquyzBVILuCsrqeqxB1ILTM5fuSsrp+evB1MMVf9VvCgop+qvTM1euioqBlMKVdVVpeqsCFIMTc5fvCkpqOuwCFIMRtFduSoqpuesB1IKTM5euSkpuisrp+qxUM9gqOuyCFILTM5fuikpp+axAFUARtFduioqp+mwB1IMTc1euisrAFUATMxdquuyB1ILTM5euykp////AEYAStBepumuCFMMTc5fAFAATM5cuSsrqqqqB1MLTM5euioqqOqyAFEMTM5emcyZB1MMTc5euSsrp+ixAFUIS85eqgAAktuSCFILTM5fuisrqOmuB1EHTc9g1SoqqOqxCFILTM1euSsrquqqBVELTc5duS4uqOuxCFMMTM5euSsrqu6qBFEJTM1fvyAgqOuxB1MMuioqoeSuCFILTc1fqOmwTM1euSMjuSoquyoqszMts1FIj+2+sgAAAIV0Uk5TRwBHYR8JF/hQwIOA4CYNYP/7/5P/6GUbXS9i/qHuIGsDOWOu83sGJYC6RGSDC/grk8VQ+zEQMqHPXTQDFv46rthrBh4/uuB7AQsmRcXoEC+DA8/uk0kWOQXY86FOHkQDB+D4rlImUAZV6Pu6DC9dC1ju/sUPOWsQW/PPE0R7XoAW2B6DOUfRyuIAAAM4SURBVHicldlXWxRBEIXhRQUkCEVZlJIUWFARRREVDAgqYAAMICrBQFAJBoKBJAL6w93ZxOxuz/Tpvv6eft7rU5FIHv4OObSHj+BtfoHDx3mRwqN4XFSMtyWlx+C2rNzFHKEK3FzEx+G2RCphc5mWn4A/jpGp4iQaFzFuLhGprALbMtVq3BwjUw1qjpG5FmxjZKkDzTGyVp8CP46TqeY0Fntkrq2HWo8sdQ1Q65G1ETXHyUSYOU7mKGSOk6WpAWnjZNicJFMzEifIHD0DtAkyZk6QtfEsgkiT6RwQJ8ncApiTZGk6b2+TZG2FzGkyXbDHKTK3XLS2KbK02c0psrZeciLTZZzM7VZzmixtV2CyKmD2ke3mA7LdfECWDpvZR9arTmSr2Ufm9msw2Wr2k/W6E5k6cTJ3hZv9ZOm4gZP1phOZOm/BZO66DZOlO9ScSdY7TmTqCTNnkrk3zJxJlu67ONliziZTzz2YzL33YbJIiDmbrH1OZOoPNmeTeSDYnEOWBzhZ+x66kKn/EUzmgcc4WUpwsg4Gmw1kGgoy55J5OMhsIAeaDeQQs4lMQ09gMg8/xcnyDCfr4HMXMo2YzSYyj5rNRrK8wMk6FmA2k2nkJUzm0Vc42Ww2k3XstQuZxk1mM5knTOYAskziZJ0ymoPINP4GJvPEW5wsk+9gsk69dyHTdK45iMwzueZAsszmmAPJOmcwB5MN5kCywRxMzjUHk3Uu34VM0x9gMs98xMky+wkm63yOOYxMC1nmEDIvZpnDyLKUaQ4j6/xnFzItfIHJvPgVJ8vSN5isy1nmcDKtZJhDybyaYQ4ny5rfHE7W5e8uZFr5AZN59SdOlrVfMFnXM8w2Mm34zBYys89sI8vmgdlG1vUtFzJtbONk/o2TfWYrWXe2XMhUuI2T+Q9Ols1dmOw3A2RKD/0AmYtxsuztwmTdKXAhp4d+hJwazRGy7O3DZE0fJyByauiHyEkzRJbSfZicPk5g5OTQj5ETQz9GTpgxcuo4AZITZpAcN4Nk8Q5XIDl5nEDJ8eMESvaOEyjZO1yh5MTQD5O94wRM5mg9TJbKKpgcH/odyNSMkzn6FyZL3T+Y7A39/wHdmGa6lt/aFAAAAABJRU5ErkJggg=='); */
  background-position: left bottom;
  bottom: -30px;
  left: -1px;
  width: 100%;
  height: 85px;
  background-repeat: no-repeat;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1199.98px) {
  .special-box:after {
    opacity: 1;
    bottom: -1px;
    height: 75px;
  }
  .mob-mod-med .d-none {
    display: block !important;
  }
  .mob-mod-med .link-text {
    color: #fff;
    text-decoration: underline;
  }
}
.special-box:hover:after {
  opacity: 1;
  bottom: -1px;
}
.special-box:hover .cont-wrap .cont-bx {
  padding-top: 10px;
}
.special-box:hover .cont-wrap .cont-bx .btn-appoint {
  transform: scaley(1);
  visibility: visible;
  opacity: 1;
  bottom: 0;
}

/* pagination progress bar */
.swiper-scrollbar1{
  position: relative;
  cursor: grab;
}
.swiper-scrollbar1:hover {
    cursor: grab;
}

.swiper-scrollbar1:active {
    cursor: grabbing;
}
.swiper-scrollbar1::before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(177, 177, 177, 40%);
  border-radius: 5px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: all linear 0.3s;
}
@media(max-width: 575px){
  .swiper-scrollbar1{
    padding: 0 15px;
  }
  .swiper-scrollbar1::before{
    width: calc(100% - 30px);
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 1200px) {
.cancer-specialities .special-box:hover{
  background-color: #158825;
  color: #fff;
}
.cancer-specialities .special-box:hover  .img-box svg{
 filter: brightness(0) invert(1);
}
.cancer-specialities .special-box .btn-appoint .btn:hover {
  background-color: #fff !important;
  color: #158825 !important;
}
}