.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;
    }
}