.single-blog .img img {
    height: 400px;
    object-fit: contain;
    width: 100%;
}
/* .blog-info{
    margin-top: 43px;
} */

.blog-info .head {
   border-bottom: 10px solid var(--main_site);
   width: fit-content;
}
.blog-info .blog-content {
    /* padding: 10px; */
    border-radius: 10px;
    position: relative;
}
.blog-info .blog-content .des {
    background-color: #80808040;
    padding: 10px;
    border-radius: 10px;
    line-height: 2;
    font-weight: bold;
    text-align: justify;
    margin-bottom: 0;
}
.blog-info .blog-content .quote{
    font-size: 40px;
    color: #203657;
    position: absolute;
    top: -22px;
    right: 13px;
}
.share{

        transform: translateY(-50%);
        background: white;

}
.btn-share{
    border: 2px solid var(--main_site);
    color: #203a60;
    font-weight: bold;
}

.facebook {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    position: relative;
    /* overflow: hidden; */
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .svgContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    backdrop-filter: blur(0px);
    letter-spacing: 0.8px;
    border-radius: 10px;
    transition: all 0.3s;
    border: 1px solid rgba(156, 156, 156, 0.466);
  }

  .BG {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #1877f2;
    z-index: -1;
    border-radius: 10px;
    pointer-events: none;
    transition: all 0.3s;
  }

  .facebook:hover .BG {
    transform: rotate(35deg);
    transform-origin: bottom;
  }

  .facebook .svgContainer {
    backdrop-filter: blur(4px);
  }

 .whatsapp{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    position: relative;
    /* overflow: hidden; */
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .svgContainer1 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    backdrop-filter: blur(0px);
    letter-spacing: 0.8px;
    border-radius: 10px;
    transition: all 0.3s;
    border: 1px solid rgba(156, 156, 156, 0.466);
  }

  .BG1 {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #075e54;
    z-index: -1;
    border-radius: 10px;
    pointer-events: none;
    transition: all 0.3s;
  }

  .whatsapp:hover .BG1 {
    transform: rotate(35deg);
    transform-origin: bottom;
  }

  .whatsapp:hover .svgContainer1 {
    background-color: rgba(156, 156, 156, 0.466);
    backdrop-filter: blur(4px);
  }

  .twitter {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    position: relative;
    /* overflow: hidden; */
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .svgContainer2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    backdrop-filter: blur(0px);
    letter-spacing: 0.8px;
    border-radius: 10px;
    transition: all 0.3s;
    border: 1px solid rgba(156, 156, 156, 0.466);
  }

  .BG2 {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #181818;
    z-index: -1;
    border-radius: 10px;
    pointer-events: none;
    transition: all 0.3s;
  }

  .twitter:hover .BG2 {
    transform: rotate(35deg);
    transform-origin: bottom;
  }

  .twitter:hover .svgContainer2 {
    background-color: rgba(156, 156, 156, 0.466);
    backdrop-filter: blur(4px);
  }



  .insta {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    position: relative;
    /* overflow: hidden; */
    border-radius: 7px;
    cursor: pointer;
    transition: all .3s;
  }

  .svgContainer3 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    backdrop-filter: blur(4px);
    letter-spacing: 0.8px;
    border-radius: 10px;
    transition: all .3s;
    border: 1px solid rgba(156, 156, 156, 0.466);
  }

  .BG3 {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    z-index: -1;
    border-radius: 9px;
    pointer-events: none;
    transition: all .3s;
  }

  .insta:hover .BG3 {
    transform: rotate(35deg);
    transform-origin: bottom;
  }

  .insta:hover .svgContainer3 {
    background-color: rgba(156, 156, 156, 0.466);
  }



  @media (max-width:786px) {
    .share {
      width: 100% !important;
    }
    .share-icon {
      text-align: center;
    }

  }
.tag-link{
    color: black;
}
.single_blog{
    margin-top: 6rem !important;
}
.blog_img{
    display: block;
}

.blog-card{
    overflow: hidden;
    background-color: rgb(67 159 54);
    color: white;
    font-size: 10px !important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.single_productname{
    font-size: 12px !important;
}

@media (max-width:786px) {
    .single_blog{
    flex-direction: column;
}
.singleblog_content{
    padding-right: 29px;
}

}