/* ------------------------------
Global Css Start From Here
------------------------------- */
.theme_text{color: #e61f7f;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 15px !important;}

/* ------------------------------
Header Css Start From Here
------------------------------- */
.custom-logo-link img{width: 150px;height: auto;}
/* ------------------------------
Inner banner Css Start From Here
------------------------------- */
.banner-inner .banner-inner-title {
    font-size: 54px !important;
font-family: "Beautiful Bloom";
    font-weight: 500;
}

@media (max-width: 992px) {
    .banner-inner .banner-inner-title {
        font-size: 42px !important;
    }
}

/* Mobile Only */
@media (max-width: 991px) {

   .service-grid-list .img-right-serv-grid{
        display: flex;
        flex-direction: column;
    }

   .service-grid-list .img-right-serv-grid .about-experience__highlight-container{
        order: 1;
        margin-bottom: 25px;
    }

   .service-grid-list .img-right-serv-grid .about-experience__content-container{
        order: 2;
    }

}

@media (max-width: 768px) {
   .banner-inner .banner-inner-title {
        font-size: 42px !important;
    }
}

@media (max-width: 576px) {
.banner-inner .banner-inner-title {
        font-size: 38px !important;
    }
}

/* ------------------------------
Full width Content
------------------------------- */
.fwd_with_callbox .sticky-contact {
    position: sticky;
    top: 100px;
	background: var(--primary);
    color: #fff;
}
.fwd_with_callbox .sticky-contact small, .fwd_with_callbox .sticky-contact a{color: #fff;}

@media (max-width: 991.98px) {
    .fwd_with_callbox  .sticky-contact {
        position: static;
    }
}

/* ------------------------------
Contact Form 7
------------------------------- */
section.section.banner-contact.cs_accent_bg  form .form input, section.section.banner-contact.cs_accent_bg .form textarea{ width: 100%}
section.section.banner-contact.cs_accent_bg .form textarea{height: 80px;}
section.section.banner-contact.cs_accent_bg input.wpcf7-submit {
    background-color: var(--accent);
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
}
section.section.banner-contact.cs_accent_bg br{display: none;}
/* ------------------------------
Blog Css
------------------------------- */
.blog_section_cstm h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_section_cstm .image-container.img-box img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
/* Pagination css start from here  */
.th-pagination a, .th-pagination span {
    display: inline-block;
    text-align: center;
    position: relative;
    border: none;
    color: black;
    border: 2px solid #f2207d;
    width: 56px;
    height: 56px;
    line-height: 56px;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
}

.th-pagination a:hover, .th-pagination span:hover {
    color: #fff;
    background-color: #f2207d
}

.th-pagination .nav-links {
    text-align: center;
    margin: 0 auto;
}
.th-pagination .page-numbers.current {
    color: #fff;
    background-color: #f2207d;
}
.single.single-post .image-container.blog-post-image img{
    height: 450px;
    object-fit: cover;
}
.blog-post-content-wraper h2, .blog-post-content-wraper h3, .blog-post-content-wraper h4, .blog-post-content-wraper h5, .blog-post-content-wraper h5, .blog-post-content-wraper li{color: #000;}
/* Table Styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 16px;
    line-height: 1.6;
    background: #fff;
}

table th,
table td {
    padding: 12px 15px;
    border: 1px solid #dee2e6;
    text-align: left;
    vertical-align: top;
}

table th {
    background: #f8f9fa;
    font-weight: 600;
    color: #212529;
}

table tbody tr:nth-child(even) {
    background: #f8f9fa;
}

table tbody tr:hover {
    background: #f1f3f5;
}

table img {
    max-width: 100%;
    height: auto;
}

/* Responsive Table */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Mobile */
@media (max-width: 767px) {
    table {
        font-size: 14px;
    }

    table th,
    table td {
        padding: 10px;
    }
}


.recent-post-img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 8px;
    flex-shrink: 0;
}

.recent-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* ------------------------------
Random Css
------------------------------- */
.card-about-intro__highlight p{
    color: #fff;
}
.section.service-experience.service-grid-list .image-container img{width: 100%; height: 400px;}
/* ------------------------------
Footer Css
------------------------------- */
ul#menu-footer-menu li {
    list-style: none;
    color: #fff;
    display: inline-block;
}
ul#menu-footer-menu li a{
    color: #fff;
}
ul#menu-footer-menu li:not(:first-child) {
    margin-left: 15px;
}
/* ------------------------------
Promo Section
------------------------------- */
section.promo-section ul li{
    margin-bottom: 10px;
    border: none;
    background: #8e69d2;
    padding: 10px 20px;
}
section.promo-section ul li a{
  color: #fff;
}
 /* ------------------------------
Full Width Content
------------------------------- */
section.full-width-content h2, section.full-width-content h3, section.full-width-content h4, section.full-width-content h5, section.full-width-content h6{color: #000;}
 /* ------------------------------
Left Right Section Content
------------------------------- */
section.left-right-section li, section.left-right-section h2, section.left-right-section h3, section.left-right-section h4, section.left-right-section h5, section.left-right-section h6{color: #000;}

.service-description-card .service-title {
    font-size: 32px;
}