:root {
    --primary_color: #17181A;
    --hover_color: #cf2435;
}

.wp-block-quote cite{
    font-size: 25px;
    color: #fff;
    margin-bottom: 0;
    font-family: "Saira Condensed", sans-serif;
}
.page-wrapper {
    color: #fff;
    overflow-x: hidden;
}

/********  Sticky Blog Post Design ************/
.blog-wrap .blog-card-gamma .sticky-post-icon i {
    font-size: 50px;
    color: var(--hover_color)F;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    opacity: 0.7;
}

.blog-wrap article.sticky  .blog-card-gamma .eg-card-wrap{
    border: 1px solid rgba(255, 0, 0, .5);
}

/******** Highlite Comment Link ***********/

.widget .wp-block-latest-comments .wp-block-latest-comments__comment-link, .sidebar.widget #recentcomments li > a {
    font-weight: 500;
    font-size: 17px;
    color: var(--hover_color);
}


/*********** Blog Tag List Design *******/

.widget .wp-block-tag-cloud, .widget .tagcloud {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.widget .wp-block-tag-cloud a, .widget .tagcloud a {
    border: 1px solid rgba(73, 73, 73, 0.7);
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    font-family: "Saira Condensed", sans-serif;
    padding: 8px 20px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin:4px;
    line-height: 20px;
}


/************ Blog Calender Design *************/
.wp-block-calendar table th {
    background-color: #0E0F11;
}
.wp-block-calendar caption,.sidebar.widget caption {
    color: #fff !important;
}

/*********** Blog Post *****************/

.blog-post-area .blog-content .wp-block-button {
    margin-bottom: 10px;
}
.blog-post-area .blog-content .wp-block-button a:hover {
    background-color: #9A2124;
    transition: 0.5s all ease-in;
}
.blog-post-area .blog-content .wp-block-button.is-style-squared a{
    border-radius: inherit;
}

blockquote{
    background-color: var(--primary_color);
    border-radius: 10px;
    padding: 10px 0;
}
.blog-details blockquote {
    margin: 30px 0;
}
.comment-content blockquote {
    background-color: #020b0d;
}
.comment-content ul li, .comment-content ol li {
    margin-bottom: 8px;
}
.comment-content ul li:last-child, .comment-content ol li:last-child {
    margin-bottom: 0;
}
.comment-content code {
    background-color: #020b0d;
}
.blog-details blockquote::before{
    font-size: 20px;
    content: "\F6B0";
    font-family: bootstrap-icons !important;
}
blockquote p{
    padding: 20px;
    border-left: 5px solid #fff;
}
.blog-post-area .blog-content blockquote cite{
    color: #fff;
}

/******** WP Block Calender *****************/

.widget .wp-block-calendar caption{
    text-align: center;
    margin: 5px 0;
}
.sidebar.widget #calendar_wrap nav.wp-calendar-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
}

/********* Page Block Design *******************/
dl {
    color: #fff;
}
ol li {
    color: #fff;
}
address {
    color: #fff;
}
pre {
    color : #fff;
}
table tbody {
    color: #fff;
}
.blog-post-area .blog-content #gallery-1 {
    display: flex;
    justify-content: space-between;
}
.blog-post-area .blog-content ul li {
    margin-bottom: 10px;
    color: #fff;
}
.blog-post-area .blog-content ul span, .blog-post-area .blog-details ul span {
    color: #fff;
}
.blog-card-area .blog-content ul li:last-child {
    margin-bottom: 0;
}
.sidebar.widget .wp-block-latest-posts.wp-block-latest-posts__list {
    list-style-type: disc;
}
/*********** WP Gutenberg Block Select Style **********/
.sidebar.widget ul {
    margin: 0;
    padding-left: 15px;
}
.sidebar.widget ul.category-list {
    list-style: none;
    padding-left: 0;
}
.sidebar.widget ul.tag-list{
    padding-left: 0;
}
.sidebar.widget ul.social-list{
    padding-left: 0;
}
.blog-post-area .blog-content select, .sidebar.widget select {
    width: 100% !important;
    margin-bottom: 10px;
    background-color: var(--primary_color);
    color: #fff;
    height: 40px;
}

.sidebar.widget .nice-select {
    float: unset;
}

.footer-bottom-area .footer-bottom-left h6 p a:last-child {
    color: var(--hover_color);
}
/************* Page Wrapper Padding *********************/
.page-wrapper-padding {
    padding: 120px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
    .page-wrapper-padding {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 767px) {
    .page-wrapper-padding {
        padding: 60px 0;
    }
}
/*************** Blog Content Style *********************/

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #5E2424;
}
.blog-content {
    color: #fff;
}
.blog-post-area .blog-content ul.list {
    margin-left: 0px;
}

.blog-post-area .blog-content .wp-block-search__input {
    background-color: var(--primary_color);
    margin-bottom: 10px;
}

.blog-post-area .blog-content .wp-block-latest-posts li a,.page-wrapper .inner-post .wp-block-latest-posts li a {
    font-size: 20px;
}

.blog-post-area .blog-content .has-background,.page-wrapper .inner-post .has-background {
    background-color: var(--primary_color);
}

.blog-post-area .blog-content p,  .blog-post-area .blog-content h2{
    margin-bottom: 20px;
}
table {
    border: 1px solid #fff;
    width: 100%;
    margin-bottom: 20px;
}
 table th, table td {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px;
    color: #fff;
}
.blog-post-img img {
    width: unset;
    max-width: 100%;
    height: auto;
}
.default-wp-page {
    display: block;
}

.page-wrapper .inner-post > h1,.page-wrapper .inner-post > h2 ,.page-wrapper .inner-post >  h3, .page-wrapper .inner-post > h4, .page-wrapper .inner-post > h5, .page-wrapper .inner-post > h6 {
    margin-bottom: 10px;
}

.blog-post-area .blog-content .wp-block-tag-cloud a {
    margin: 4px;
    border: 1px solid #565656;
    padding: 10px;
}
.blog-post-area .blog-content form {
    margin-bottom: 10px;
    border: 1px solid #565656;
    padding: 10px;

}
.blog-post-area .blog-content .has-background p {
    color: #515151;
}
.blog-details p.has-large-font-size, .blog-details p.has-large-font-size {
    line-height: 1.2;
}
/************* Pagination Design *************/

ul.pagination .page-item span.page-link:hover {
    cursor: pointer;
}
.blog-post-area .blog-content ul.pagination li {
    margin-bottom: 0;
}

/************* Gallery CSS ********************/

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.blog-details .gallery {
    margin-bottom: 1.5em;
}

.blog-details .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.blog-details .gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.blog-details .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.blog-details .gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.blog-details .gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.blog-details .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.blog-details .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.blog-details .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.blog-details .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.blog-details .gallery-caption {
    display: block;
}
.blog-details figure.gallery-item {
    margin-bottom: 20px;
}
.blog-details figure.gallery-item img {
    margin-bottom: 5px;
}

/********** Search Form Design *********/
.search-form .wp-block-searc.h__inside-wrapper {
    background-color: var(--primary_color);
    padding: 14px 0px;
}
.search-form .wp-block-searc.h__inside-wrapper input{
    width: 90%;
}

/********** After Breadcrumb **************/
.inner-page-banner .inner-banner-content h2 {
    word-break: break-word;
}

.service-details-card .sectoin-card-btn{
    border: 1px solid var(--primary_color);
}
.hover-btn:hover {
    color: #ffffff;
    border: 1px solid transparent;
}
.banner2-arrows .hover-btn:hover{
    border: unset;
}
.service-section2 .hire-card{
    margin-top: unset;
}

/************ Page Styles **************/

.page-wrapper .inner-post > p {
    margin-bottom: 1rem;
    font-size: 17px;
}
.page-wrapper .inner-post > p:last-of-type {
    margin-bottom: 0;
}
.page-wrapper .inner-post > p:last-of-type {
    margin-bottom: 0;
}
.page-wrapper .inner-post .page-links {
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    margin-top: 50px;
}
.page-wrapper .inner-post .page-links span.post-page-numbers.current{
    position: relative;
    display: inline-block;
    color: #9da1a5;
    text-decoration: none;
    background-color: #0E0F11;
    font-size: 17px;
    font-weight: 700;
    font-family: "Saira Condensed", sans-serif;
    border: 1px solid var(--hover_color)F;
    border-radius: 0;
    padding: 5px 13px;
    text-align: center;
    margin :0 10px;
    cursor: pointer;
}

.page-wrapper .inner-post .page-links a.post-page-numbers{
    position: relative;
    display: inline-block;
    color: #9da1a5;
    text-decoration: none;
    background-color: #0E0F11;
    font-size: 17px;
    font-weight: 700;
    font-family: "Saira Condensed", sans-serif;
    border: 1px solid rgba(45, 45, 45, 0.7);
    border-radius: 0;
    padding: 5px 13px;
    text-align: center;
    margin :0 10px;
}

.page-wrapper .inner-post .wp-block-tag-cloud a{
    border: 1px solid rgba(73, 73, 73, 0.7);
    margin: 4px;
}
.page-wrapper .inner-post .wp-block-latest-comments{
    padding: 0;
    margin-top: 10px;
}
ol.wp-block-latest-comments {
    margin: 0;
    padding: 0;
}

/********** Sticky Post **********/
.eg-card-wrap {
    position: relative;
}

.blog-wrap .sticky-post-icon , .blog-wrapper .sticky-post-icon {
    position: absolute;
    top: 0;
    right: 20px;

}
.blog-wrap .sticky .eg-card-wrap , .blog-wrapper .sticky .eg-card-wrap {
    border: 1px solid #9A212D;
}
.blog-wrap .sticky-post-icon i , .blog-wrapper .sticky-post-icon i {
    font-size: 40px;
    color: #9A212D;
}
.blog-wrap .eg-card-wrap .swiper-wrapper {
    max-width: 200px;
}
.blog-wrap .swiper, .blog-wrapper .swiper {
    margin-right: 20px;
}
.blog-card-sidebar .post-media iframe {
    margin-right: 20px;
    width: 200px;
}
.blog-card-sidebar .swiper,.blog-grid .swiper {
    margin-left: unset;
}
.blog-wrapper .blog-grid .eg-card-wrap .swiper-wrapper {
    max-width: 200px;
}
.blog-grid .post-media iframe {
    margin-right: 20px;
    width: 200px;
}
@media screen and (max-width: 576px) {
    .blog-wrapper .blog-grid .eg-card-wrap .swiper-wrapper {
        max-width: 100%;
    }
    .blog-wrap .eg-card-wrap .swiper-wrapper {
        max-width: 100%;
    }
    .blog-grid .post-media iframe {
        width: 100%;
    }
}
.blog-post-area .blog-details .blog-category h5{
    color: #fff;
}

.blog-post-area .blog-details .blog-category ul,.blog-post-area .blog-details .blog-tags ul{
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: start;
    list-style: none;
}

.blog-post-area .blog-details .blog-category ul li {
    border: 1px solid rgba(45, 45, 45, 0.8);
    padding: 5px 8px;
    color: #9da1a5;
}
.blog-post-area .blog-details .blog-tags ul li {
    border: 1px solid rgba(45, 45, 45, 0.8);
    padding: 5px 8px;
    color: #9da1a5;
}
.blog-post-section .blog-post-area .post-media iframe {
	width : 100%;
	height : auto;
}

/**************  Service Details  *************/
.service-details-area .work-process {
    text-align: center;
}
.inner-post .wp-caption {
    background: #020b0d;
    border: none;
}
.blog-content .wp-caption {
    background: #020b0d;
    border: none;
}
.wp-caption-text {
    text-align: center;
    font-weight: 500;
    margin-top: 8px;
}
/* About Card Content  */
.about-card .about-content ul {
    padding-left: 0;
}
.about-card .about-content2 ul {
    padding-left: 0;
}

/* Team Overlay Social  */
.team-overlay .overlay-content ul {
    padding-left: 0;
}

/* RSS Widget  */
.sidebar.widget ul li a.rsswidget {
    color: var(--hover_color);
}
.sidebar.widget ul li span.rss-date {
    font-size: 14px;
    display: block;
}
.sidebar.widget ul li cite {
    font-weight: 700;
}

.sidebar.widget ul li .rssSummary {
    margin: 10px 0;
    font-weight: 400;
}
.sidebar.widget ul li {
    font-size: 17px;
}

.sidebar.widget .textwidget {
    color: #fff;
}
.sidebar.widget .textwidget img{
    width: 100%;
    margin: 10px 0;
}
.sidebar.widget .wp-caption {
    background: none;
    border: none;
    max-width: 100%;
}
.sidebar.widget .wp-caption.alignnone {
    margin: 0;
    padding: 0;
}

ul.header-social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: start;

}

/* Code  */
code {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--primary_color);
}
/* Pre  */
pre {
    display: block;
    color: #fff;
    background: var(--primary_color);
    padding: 20px;
}
.page-content:after, .post-content:after, .entry-content:after, .entry-summary:after {
    clear: both;
    content: "";
    display: block;
}
.current-menu-item a{
    color: var(--hover_color) !important;
}
.wp-block-button.aligncenter, .wp-block-calendar {
    margin-bottom: 20px;
}
.blog-details .nice-select {
    margin-bottom: 30px;
}

.wp-block-preformatted {
    margin-top: 10px;
}
.wp-block-table .has-fixed-layout * {
    border-color: #ece3e3 !important;
}