.blogs .post-slide .post-title a:hover {
    color: var(--primary);
}

.post-slide .post-title a:hover {
    color: var(--primary);
}

.about-data .view .card-img {
    height: 450px;
    border-radius: 10px;
}

.text_primary {
    color: var(--primary) !important;
}

/* .text__secondary {
    color: var(--secondary-color);
  } */

.shadow {
    box-shadow: 0 7px 20px rgba(0, 0, 0, .16);
}

.contact__info {
    background-color: var(--primary);
    padding: 2rem;
    position: relative;
    border-radius: 10px;
    width: calc(100% + 70px);
    z-index: 99;
}

/* .contact__info .contact__items {
    padding: 0 20px;
} */
.icon-c i {
    background: none;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;

}

.contact__info .contact__items .social-icon ul li a i {

    /* background-color: var(--primary);
    color: #fff; */
    text-align: center;
    justify-content: center;
    display: flex;
}

.contact__info .contact__items .social-icon ul li a {

    color: #fff;
    display: flex;
    align-items: center;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    justify-content: center;
}


.contact__info .contact__items .social-icon ul li a:hover {
    color: var(--primary);
    border: 2px solid var(--priamry);
    background-color: #fff;
}

.contact__info .contact__items .social-icon ul {
    display: flex;
}


/* 
.forms-contect .contact__forms{
    padding: 0 20px;
} */

.contact__forms .card .card-body {
    padding-left: 60px !important;
}

/* .blogs-details-box .card-header {
    background-color: var(--primary);
} */

.blogs-details-box .accordion .accordion-item img {
    width: 2rem;

}

.blogs-details-box .accordion .accordion-item .categories_menutext {
    padding-left: 10px;
}

/* .categorie-menu {
    border: 1px solid var(--primary) !important;
    margin-bottom: 1.5rem;
    border-radius: .5rem;
} */
.categorie-title {
    border-bottom: 1px solid #ced4da !important;
    font-weight: 600;
    margin-bottom: 1.5rem;

    padding-bottom: 1rem;
}


.blogs-details-box .accordion .accordion-item .categories_menutext {
    padding-left: 10px;
    padding-top: 5px;

}

.categorie_card {
    /* padding: 2rem; */
    border-radius: .5rem;
    box-shadow: 0 2px 22px rgb(222, 225, 226);
    padding: 20px 18px
}

/* .accordion .accordion-item .accordion-button {
    border: 1px solid #ced4da;
    margin-bottom: 1.5rem;
    border-radius: .5rem;
}

.accordion-flush .accordion-item {
     border: 1px solid #ced4da;
  }
.accordion-item:last-of-type .accordion-button.collapsed {
    padding: .5rem 1rem;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.accordion-body {
    padding: .5rem 1rem;
    display: block;
    box-sizing: border-box;
    border: 1px solid #ced4da;
} */



.blog-accordian .accordion-item {
    margin-bottom: 5px;
    border-bottom: none;
}

.blog-accordian .accordion-button {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    border-radius: 10px !important;
    font-size: 1rem;
}

.blog-accordian .accordion-body {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    border-radius: 10px !important;
    font-size: 1rem;
    margin: -1px;
    display: flex;
}

.blog-accordian .accordion-button:not(.collapsed) {
    color: #212529;
    background-color: #ffffff;
    box-shadow: none;
    border-color: var(--primary) !important;
}

.blog-accordian .accordion-button:focus {
    border-color: var(--primary);
    box-shadow: none;
}

.categories_menutext.text-dark:hover {
    color: var(--primary) !important;
}

.blog-contant .post-img {
    width: 2rem;
}

.blog-contant {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 8px 10px;
}

.blog-contant .post-text {
    padding-left: 10px;
    padding-top: 5px;
}

.blog-contant .blog-post-data {
    display: flex;
}

.blog-contant .post-text:hover {
    color: var(--primary) !important;
}

.post-data-img-1 {
 width: 90px;
height: 90px;
object-fit: contain;
border-radius: 10px;
margin-right: 5px;
}

/* .post-data-img-1:hover {
    display: none;
    transition: all 0.5s;
} */


/* .post-data-img-2 {
    display: none;
    transition: all 0.5s;
    transform: scale(1);
    width: 5rem;
}

.post-data-img-2:hover {
    display: block;
    transition: all 0.5s;
} */
.post-article{
    position: relative;
    top: 15px;
}
.button-list{
    display: inline-block;
    margin: 0 0px 0px 0;
}
.h-banner2 {
    height: 270px !important;
}
.post-article a:hover{
    color: var(--primary) !important;
}