/* Share button in sub_catagory page start */

.d-none{
  display:  none;
}
.popover .arrow {
  
  display: block;
}
.popover .arrow {
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem;
}
.popover-body:has(.share-buttons) {
  padding: .5rem;
}

.share-buttons {
  display: flex;
  gap: .5rem
}
.popover {
    top: -50px !important;

    left: unset !important;
    background-color: white;
    padding: 0px 5px 5px  5px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.2);
    display: block !important;
    position: absolute !important;
    z-index: 1000;
  transform: translateX(-41%);
}
.btn-whatsapp {
  color: #fff;
  background: #25d366 linear-gradient(180deg, #44d87b, #25d366) repeat-x;
  border-color: #25d366;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-twitter {
  color: #fff;
  background: #1da1f2 linear-gradient(180deg, #3dadf2, #1da1f2) repeat-x;
  border-color: #1da1f2;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-facebook {
  color: #fff;
  background: #3b5998 linear-gradient(180deg,#5770a6,#3b5998) repeat-x;
  border-color: #3b5998;
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075)
}

.btn-facebook.focus,.btn-facebook:focus,.btn-facebook:hover {
  color: #fff;
  background: #30497c linear-gradient(180deg,#4d638e,#30497c) repeat-x;
  border-color: #2d4373
}

.btn-facebook.focus,.btn-facebook:focus {
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(88,114,167,.5)
}

.btn-facebook.disabled,.btn-facebook:disabled {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
  background-image: none
}

.btn-facebook:not(:disabled):not(.disabled).active,.btn-facebook:not(:disabled):not(.disabled):active,.show>.btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: #2d4373;
  background-image: none;
  border-color: #293e6a
}

.btn-facebook:not(:disabled):not(.disabled).active:focus,.btn-facebook:not(:disabled):not(.disabled):active:focus,.show>.btn-facebook.dropdown-toggle:focus {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(88,114,167,.5)
}

.btn-twitter {
  color: #fff;
  background: #1da1f2 linear-gradient(180deg,#3dadf2,#1da1f2) repeat-x;
  border-color: #1da1f2;
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075)
}

.btn-twitter.focus,.btn-twitter:focus,.btn-twitter:hover {
  color: #fff;
  background: #0d8ddc linear-gradient(180deg,#309ce0,#0d8ddc) repeat-x;
  border-color: #0c85d0
}

.btn-twitter.focus,.btn-twitter:focus {
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(63,175,244,.5)
}

.btn-twitter.disabled,.btn-twitter:disabled {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
  background-image: none
}

.btn-twitter:not(:disabled):not(.disabled).active,.btn-twitter:not(:disabled):not(.disabled):active,.show>.btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: #0c85d0;
  background-image: none;
  border-color: #0b7ec4
}

.btn-twitter:not(:disabled):not(.disabled).active:focus,.btn-twitter:not(:disabled):not(.disabled):active:focus,.show>.btn-twitter.dropdown-toggle:focus {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(63,175,244,.5)
}

.btn-linkedin {
  display: none;
  color: #fff;
  background: #0077b5 linear-gradient(180deg,#258abe,#0077b5) repeat-x;
  border-color: #0077b5;
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075)
}

.btn-linkedin.focus,.btn-linkedin:focus,.btn-linkedin:hover {
  color: #fff;
  background: #005e8f linear-gradient(180deg,#25759e,#005e8f) repeat-x;
  border-color: #005582
}

.btn-linkedin.focus,.btn-linkedin:focus {
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(38,139,192,.5)
}

.btn-linkedin.disabled,.btn-linkedin:disabled {
  color: #fff;
  background-color: #0077b5;
  border-color: #0077b5;
  background-image: none
}

.btn-linkedin:not(:disabled):not(.disabled).active,.btn-linkedin:not(:disabled):not(.disabled):active,.show>.btn-linkedin.dropdown-toggle {
  color: #fff;
  background-color: #005582;
  background-image: none;
  border-color: #004d75
}

.btn-linkedin:not(:disabled):not(.disabled).active:focus,.btn-linkedin:not(:disabled):not(.disabled):active:focus,.show>.btn-linkedin.dropdown-toggle:focus {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(38,139,192,.5)
}

.btn-whatsapp {
  color: #fff;
  background: #25d366 linear-gradient(180deg,#44d87b,#25d366) repeat-x;
  border-color: #25d366;
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075)
}

.btn-whatsapp.focus,.btn-whatsapp:focus,.btn-whatsapp:hover {
  color: #fff;
  background: #1fb256 linear-gradient(180deg,#3fbc6e,#1fb256) repeat-x;
  border-color: #1da851
}

.btn-whatsapp.focus,.btn-whatsapp:focus {
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem rgba(70,218,125,.5)
}

.btn-whatsapp.disabled,.btn-whatsapp:disabled {
  color: #fff;
  background-color: #25d366;
  border-color: #25d366;
  background-image: none
}

.btn-whatsapp:not(:disabled):not(.disabled).active,.btn-whatsapp:not(:disabled):not(.disabled):active,.show>.btn-whatsapp.dropdown-toggle {
  color: #fff;
  background-color: #1da851;
  background-image: none;
  border-color: #1b9d4c
}

.btn-whatsapp:not(:disabled):not(.disabled).active:focus,.btn-whatsapp:not(:disabled):not(.disabled):active:focus,.show>.btn-whatsapp.dropdown-toggle:focus {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(70,218,125,.5)
}


.btn-email {
  color: #fff;
  background: #333 linear-gradient(180deg, #505050, #333) repeat-x;
  border-color: #333;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
} 
.btn-clipboard{
  color: #fff;
  background: #666 linear-gradient(180deg, #7b7b7b, #666) repeat-x;
  border-color: #666;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
}


.btn-email.focus,.btn-email:focus,.btn-email:hover {
  color: #fff;
  background: #535353 linear-gradient(180deg,#6b6b6b,#535353) repeat-x;
  border-color: #4d4d4d
}

.btn-email.focus,.btn-email:focus {
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem hsla(0,0%,49%,.5)
}

.btn-email.disabled,.btn-email:disabled {
  color: #fff;
  background-color: #666;
  border-color: #666;
  background-image: none
}

.btn-email:not(:disabled):not(.disabled).active,.btn-email:not(:disabled):not(.disabled):active,.show>.btn-email.dropdown-toggle {
  color: #fff;
  background-color: #4d4d4d;
  background-image: none;
  border-color: #464646
}

.btn-email:not(:disabled):not(.disabled).active:focus,.btn-email:not(:disabled):not(.disabled):active:focus,.show>.btn-email.dropdown-toggle:focus {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem hsla(0,0%,49%,.5)
}



.btn-clipboard.focus,.btn-clipboard:focus,.btn-clipboard:hover {
  color: #fff;
  background: #535353 linear-gradient(180deg,#6b6b6b,#535353) repeat-x;
  border-color: #4d4d4d
}

.btn-clipboard.focus,.btn-clipboard:focus {
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .2rem hsla(0,0%,49%,.5)
}

.btn-clipboard.disabled,.btn-clipboard:disabled {
  color: #fff;
  background-color: #666;
  border-color: #666;
  background-image: none
}

.btn-clipboard:not(:disabled):not(.disabled).active,.btn-clipboard:not(:disabled):not(.disabled):active,.show>.btn-clipboard.dropdown-toggle {
  color: #fff;
  background-color: #4d4d4d;
  background-image: none;
  border-color: #464646
}

.btn-clipboard:not(:disabled):not(.disabled).active:focus,.btn-clipboard:not(:disabled):not(.disabled):active:focus,.show>.btn-clipboard.dropdown-toggle:focus {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem hsla(0,0%,49%,.5)
}

@media (max-width: 992px){
  .popover {
    top: -247px !important;
    left: unset !important;
    background-color: white;
    padding: 0px 5px 5px 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .2);
    display: block !important;
    position: absolute !important;
    z-index: 1000;
    right: -32px;
}
.share-buttons {
  display: flex;
  gap: .5rem;
  flex-direction: column;
}

}

/* Share button in sub_catagory page ends */