/*
Theme Name:     Twenty Twenty-One Child
Theme URI:      https://example.com/
Description:    Child theme for the Twenty Twenty-One theme
Author:         Prox Digital Agency
Template:       twentytwentyone
Version:        1.0.0
Text Domain:    twentytwentyone-child
*/





#header-space {height: 78px; display: none; }
form.search-form {margin-bottom: 30px;position: relative;}
form.search-form input.search-field {background-color: #fff;border-radius: 60px;overflow: hidden;padding: 15px 20px;position: relative;text-transform: uppercase;border: none;width: 100%;text-transform: capitalize;outline: none !important;border: none;}

input#tnp-1 {border-radius: 100px; border: 0.5px solid #CECECE; background-color: transparent; width: 100%; padding: 12px 28px; outline: none !important; } 
input.tnp-submit {color: #fff; border-radius: var(--btnRadius); padding: var(--primaryBtnPadding); border: 2px solid #A3A3A3; position: relative; transition: all .5s ease; font-weight: 500; display: inline-block; background-color: var(--primaryColor) !important; border-color: var(--primaryColor) !important; }

.pagination-wrapper a,.pagination-wrapper span {display: inline-block; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: var(--white); border-radius: 7px; } 
.pagination-wrapper {display: flex; gap: 10px; } 
.pagination-wrapper .current {background-color: var(--primaryColor); color: #fff; }

.latest_blog {width: 100%; }
.user_profile {width: 60px; height: 60px; border-radius: 50%; object-fit: cover;border: 1px solid #00000021; }
.content_wapper p {margin: 0; }
.content_wapper p:last-child {padding-bottom: 0; margin-bottom: 0; }
header#mainHeader .container {position: unset !important; }
.set_service_name {color: #000 !important; }

.content_wapper ul {margin: 0px 0 40px;}

table.table {margin: 0 0px 25px; }
.content_wapper ul li {padding-left: 20px; position: relative; margin: 10px 0; } 
.content_wapper ul li:before {content: ""; width: 7px; height: 7px; background-color: var(--primaryColor); border-radius: 50%; position: absolute; left: 0; top: 8px; }
.bold, b, strong {font-family: 'Inter'; }
.share_wrapper button img {filter: invert(1); }
.content_wapper h3 {font-size: 20px;margin: 25px 0 15px;}

a#to-top {display: none;}

.content_wapper p {
    font-size: 14px;
    margin-bottom: 15px;
}
aside.sidebar {
    position: sticky;
    top: 90px;
}
.content_wapper h2 {position: relative;padding-left: 50px;margin: 30px 0;font-weight: 600;} 
.content_wapper h2:before {content: '';font-family: fantasy;color: var(--primaryColor);font-size: 100px;position: absolute;left: 0;top: 6px;height: 0px;line-height: 0px;background-image: url(https://proxdigitalagency.co.uk/wp-content/uploads/2026/03/coma.png);width: 30px;height: 30px;background-repeat: no-repeat;background-size: contain;}

table, table thead {background-color: var(--primaryColor);}
table thead tr th, table thead tr td {background-color: transparent !important; } 
table tr th, table tr th strong, table tr th b, table tr td b, .table tr th span {color: #fff; }

ul#pills-sub-blog-tab {overflow-x: auto;width: max-content;justify-content: start !important;align-items: start;margin: 0;padding: 0 10px;flex-wrap: nowrap;}
ul#pills-sub-blog-tab li button {color: #000;font-size: 14px;border-radius: 40px;}
.overflowX_auttoo {overflow-x: auto;}
ul#pills-sub-blog-tab li button.active {color: #fff !important;}

table {
    font-size: 12px;
    margin-bottom: 20px
}

.sidebar__list li {
    margin: 15px 0 15px -2px;
}
div#pills-sub-blog-tabContent {
    padding: 30px 0 0;
}
/* Horizontal Scrollbar */
::-webkit-scrollbar {
    height: 8px;   /* ye horizontal ke liye hota hai */
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Thumb */
::-webkit-scrollbar-thumb {
    background: #007bff;
    border-radius: 10px;
}

/* Hover */
::-webkit-scrollbar-thumb:hover {
    background: #0056b3;
}
.content_wapper h2 span {
    font-weight: 600 !important;
    font-size: 30px;
}
form.search-form label {
    display: none;
}

form.search-form input.search-submit {
    position: absolute;
    height: 100%;
    right: 20px;
    background-color: transparent;
    border: none;
    background-image: url(https://proxdigitalagency.co.uk/wp-content/uploads/2026/03/search.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    font-size: 0;
    padding: 0 !important;
}
label {
    display: none !important;
}
.content_wapper a span, .content_wapper a {
    color: var(--primaryColor);
    text-decoration: underline;
}
table thead tr th span, table thead tr td span {
    font-weight: 600 !important;
}
.service_clm picture img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
picture {
    overflow: hidden;
    display: inline-block;
}
.process-box h3 {
    color: #000;
    font-family: 'Inter' !important;
    margin-bottom: 30px;
}

.process-box p {
    color: #000;
}

.process-box p:last-child {
    margin-bottom: 0;
}
.industry_img img {
    height: auto;
    width: 100%;
}
section.client_website picture img {
    width: 100%;
    height: auto;
}

.recent-post-item img {
    min-height: 220px !important;
    max-height: 300px !important;
    height: 250px;
    object-fit: cover;
}
video {
    mix-blend-mode: darken;
}
video {
    mix-blend-mode: color;
}
.content_wapper h4, .content_wapper h4 span {
    font-size: 15px;
    font-weight: 700 !important;
}


table tfoot tr td, 
table tfoot tr td i, 
table tfoot tr td span {
    background-color: var(--primaryColor) !important;
    color: #fff !important;
}

strong {
    font-weight: 700 !important;
}