/*
Theme Name:   expre
Description:  expre
Author:       expre
Template:     Divi
Version:      1.0
*/

/* Hide Google Reviews timestamp */
.wp-gr .wp-google-time {
    display: none !important;
}

/* Success Story Template - Column Width Adjustments */
/* Make Client, Date, and Project Type columns smaller (15% each) */
/* Make Technology column larger (55%) */
.et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_3_tb_body,
.et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_4_tb_body,
.et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_5_tb_body {
    width: 15% !important;
    margin-right: 2.5% !important;
}

.et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_6_tb_body {
    width: 55% !important;
    margin-right: 0 !important;
}

/* Responsive adjustments for tablets */
@media (max-width: 980px) {
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_3_tb_body,
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_4_tb_body,
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_5_tb_body,
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_6_tb_body {
        width: 48% !important;
        margin-right: 4% !important;
    }

    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_5_tb_body,
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_6_tb_body {
        margin-top: 20px;
    }
}

/* Mobile stacking */
@media (max-width: 767px) {
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_3_tb_body,
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_4_tb_body,
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_5_tb_body,
    .et_pb_row_2_tb_body.et_pb_row_4col .et_pb_column_6_tb_body {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
}

.burning h2,.burning h2,.burning h2,.burning h2,.burning h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
	text-transform: initial !important;
	color: initial !important;
}

.burning { 
	width: 31% !important;
    display: inline-block;
    float: left;
    margin: 1%;
    min-height: 128px;
    padding: 10px 20px;	
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 23px, transparent 23px) 0% 0%/25px 25px no-repeat,
				radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 23px, transparent 23px) 100% 0%/25px 25px no-repeat,
				radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 23px, transparent 23px) 0% 100%/25px 25px no-repeat,
				radial-gradient(circle at 0 0, #ffffff 0, #ffffff 23px, transparent 23px) 100% 100%/25px 25px no-repeat,
				linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 50px) no-repeat,
				linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 50px) calc(100% - 4px) no-repeat,
				linear-gradient(131deg, #6924e1 0%, #ffffd7 66%, #f7cd0d 100%);
				
	border-radius: 25px;
	padding: 17px;
	box-sizing: border-box;		

}

.burning:hover {
	-webkit-box-shadow: -2px -2px 15px 1px #EFDEE3; 
	box-shadow: -2px -2px 15px 1px #EFDEE3;
	transition: transition: box-shadow 0.3s ease-in-out;
	
}

	.burning h2, .burning h2, .burning h2, .burning h2, .burning  h2 {
		font-size: 16px;
		font-weight:bold;
		height: 100px;
		display: table-cell;
		vertical-align: middle;
				
	}	
    
	.burning a {
		width: 73% !important;
		float: left;
	}
	
	.burning .wpulike {
		top: 20px;
		float: right;
	}

	.wpulike-heart .wp_ulike_general_class {
		box-shadow: none;
	}

	.wp_ulike_btn.wp_ulike_put_image:after, .wp_ulike_btn.wp_ulike_put_image.wp_ulike_btn_is_active:after {
		width: 40px;
		height: 40px;
	}
	
	.et_pb_title_meta_container { margin-bottom: 15px; }
	
	h2 { line-height: normal !important; }
	

@media only screen and (max-width: 600px) {
	.burning { 
		width: 100% !important;
		margin: 3% 1%;
		min-height: 128px;
	}
	.burning h2, .burning h2, .burning h2, .burning h2, .burning  h2 {
		font-size: 18px;
	}	
	
	.et_pb_menu_0_tb_header.et_pb_menu {     background-color: transparent !important;  }
	.et_pb_column--with-menu {
		z-index: 2;
		position: absolute;
	}
	.et_mobile_menu { border-top: 0 !important; margin-top:3px !important;  }
	
	
}

.et-pb-contact-message ul { display:none; }
.et-pb-contact-message p {
	padding: 15px 35px !important;
	text-align: left;
	font-weight: bold;
	color: #ae1daa;
}

.et_pb_contact_form_0 .et_pb_contact_field .input {
    margin: 0 0 0 35px;
}
@media only screen and (max-width: 600px) {
	.et_pb_contact_form_0 .et_pb_contact_field .input {
		margin: 0 0 0 5px;
	}
}


.pac_dtoc_body_area.inside .divi_table_of_contents ul li {
    width: 100%;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    padding-bottom: 11px;
}

.divi_table_of_contents ul li div span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 99999;
    margin: 15px 15px;
    padding: 0;
    background-color: transparent;
}

.styled-table thead tr {
	background-color: #5e006c !important;
}

.styled-table thead tr strong {
	color: #FFF !important;
}

.et_pb_title_container h1 {
    line-height: initial;
}
.styled-table {
	background: #FFF;
	font-size:14px !important
}

@media screen and (max-width: 600px) {
	.styled-table {
		overflow-x: scroll !important;
		display: block;
		overflow: hidden;
		max-width: 400px;
		height: initial !important;
		min-width: initial !important;
	}
}


/* Moved from Divi CSS */

.about-box-wrap img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}
.our-client-wrap .et_pb_image .et_pb_image_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
}
.et-pb-icon-circle-border {
    border: 1px solid;
}
.et_pb_widget {
    float: none;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 100%;
}
@media only screen and (max-width: 767px) {
 .our-client-wrap .et_pb_image .et_pb_image_wrap {
    height: auto;
	}
	.our-client-wrap .et_pb_image .et_pb_image_wrap img {
       height: 120px;
		object-fit: contain;
	}
}
#et-secondary-nav li ul, #top-header {
	    background-color: #980e7e !important;
}
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #cc35a9 !important;
}

body {}

h1, h2, h3, h4, h5, h6 {  line-height: 1.3em; }




#toc_container {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #aaa;
display: table;
font-size: 85%;
margin-bottom: 1em;
padding: 20px;
width: auto;
}
.toc_title {
font-weight: 700;
text-align: center;
}
#toc_container li, #toc_container ul, #toc_container ul li{
list-style: outside none none !important;
}
.newpages li{
	list-style:none !important;
}
.footerNewPage{
		list-style: none !important;
		position: relative;
			}
	.footerNewPage a{
		text-decoration: none;
		color: #cc35a9!important;
	}
	.footerNewPage li ul{
		display: none;
		position: absolute;
		background: rgba(0,0,0,.05);
		margin: 0;
		padding: 0;
		width:250px;
	}
	.footerNewPage li:hover ul{
		display: block;
	}
	.footerNewPage li ul li{
		list-style: none !important;
		display: block;
		border-bottom: 1px solid #333;
		margin: 0;
		padding: 0;
	}
	.footerNewPage li ul li a{
		color: rgba(255,255,255,0.5) !important;
		display: block;
		height: 30px;
		line-height: 30px;
		padding:0 5px;
	}
.footer-widget li:before{
	display:none;
	padding:0;
}
.et_pb_widget ul li ul li {
    margin-left: 0;
}
.footerNewPage>li>a:after{
	    font-family: 'Font Awesome 5 Free';
		content: 'f0d7';
		font-weight: 900;
		color: #fff;
		font-size: 20px;
		padding:5px;	
	}
@media (min-width: 981px){
.et_pb_gutters3.et_pb_footer_columns5 .footer-widget {
    width: 15.8%;
	}}
@media (min-width: 981px){
.et_pb_gutters3 .footer-widget {
    margin-right: 5.2%;
    margin-bottom: 5.5%;
	}

}
@media (max-width: 1080px){
.burning {
    width: 48% ;
}
.et_pb_module.et_pb_image.et_pb_image_4.pointy-bg {
    position: absolute;
    top: -4%;
    right: -38%;
}
}
	
.logo_container #logo { width:90px; height:44px; }
#logo { max-height:initial; }

.et_header_style_left .logo_container {
    max-height: 87px;
}


@media (max-width: 767px) {
	body.et_fixed_nav.et_secondary_nav_two_panels #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_two_panels #main-header {
		top: 30px;
	}
}





.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #831083;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

.styled-table thead th {
	color: #FFF;
	font-weight: bold;
	background-color: #5e006c !important;
}





.pac_divi_table_of_contents { margin:15px 0; }

@media only screen and (max-width: 767px) {
.pac_divi_table_of_contents_0_tb_body .pac_dtoc_body_area {
    padding: 15px 5px 15px 5px !important;
    display: block;
	}
.free-review-button .et_pb_contact_form {
    margin-left: -3%;
    display: flex;
    align-items: center;
}
.free-review-button .et_contact_bottom_container {
    float: none;
    text-align: center;
    margin-top: 2.5%;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 1080px) and (max-width: 1280px) {
.et_pb_module.et_pb_image.et_pb_image_4.pointy-bg {
    position: absolute;
    top: -61px;
    right: -310px;
}
.et_pb_row_6:before {
    content: '';
    background: url(https://mlmtndqxidci.i.optimole.com/w:auto/h:auto/q:mauto/https://www.expre.co.uk/wp-content/uploads/2023/06/pointy.png);
    width: 146px;
    height: 385px;
    background-position: right;
    position: absolute;
    left: auto!important;
    right: 54px;
    background-repeat: no-repeat;
    top: 33px;
}	
}
@media (min-width: 1024px) and (max-width: 1824px) and (min-resolution: 267dpi) and (max-resolution: 267dpi) {
  /* Your CSS styles for Surface Pro 7 */
}

.threecollist {
	-moz-column-count: 3; 
	-moz-column-gap: 20px; 
	-webkit-column-count: 3; 
	-webkit-column-gap: 20px; 
	column-count: 3; 
	column-gap: 20px;
}

@media only screen and (max-width: 767px) {
	.threecollist {
		-moz-column-count: 1; 
		-moz-column-gap: 20px; 
		-webkit-column-count: 1; 
		-webkit-column-gap: 20px; 
		column-count: 1; 
		column-gap: 20px;
	}
}

#main-content ol li {
	padding: 15px;
    border: 1px solid #f4f4f4;
    margin: 0 0 20px 0;
    max-width: 90%;
	background: #7b0c7d;
    color: #FFF;
}
#main-content ol li::marker {
	font-size:25px;
}

#main-content ol li strong {
	font-size: 14px;
    text-decoration: underline;
    text-transform: uppercase !important;
}

#main-content ol li a {
	    color: #fadc49;
}

#main-content ol li ul li {
    margin: 10px 0 20px 0;
    max-width: 95%;
    list-style: none;
	background: #f4f4f4;
    color: #000;
}

#main-content .et_pb_text ol, #main-content .et_pb_text ul {
    padding-bottom: 0;
}


#main-content ol li p {
    display: initial;
}
#main-content h2 {
	text-transform: uppercase;
    font-size: 24px;
    color: #810f82;
	margin:25px 0 5px 0;
}

#blogsidebar  h2 {
	text-transform: initial;
    font-size: 18px;
    color: initial;
}

.entry-title { text-transform: initial !important; }

.wpulike-heart button.wp_ulike_btn {
    padding: 14px;
}
.wpulike-heart .wp_ulike_general_class {
    padding: 3px;
}

/* conatct form 7 css */
#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    width: 100%;
    padding: 9px;
    border: 1px solid #cccccc80;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fafafb;
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit {
    background: #980e7e;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 27px;
    cursor: pointer;
    border: none;
    font-size: 16px;
}
.wpcf7-submit:hover {
    background: #8b0071;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #a7197d;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

/* contact form 7 css end */


/*report styles */
#reportwrapper { }
#reportwrapper ol:first-of-type li {
	border-radius:25px; 
    background: #FFF !important;
    color: #000 !important;
	border: 1px solid #eeeaea !important;
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 23px, transparent 23px) 0% 0% / 25px 25px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 23px, transparent 23px) 100% 0% / 25px 25px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 23px, transparent 23px) 0% 100% / 25px 25px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 23px, transparent 23px) 100% 100% / 25px 25px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 4px) calc(100% - 50px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 50px) calc(100% - 4px) no-repeat, linear-gradient(131deg, #6924e1 0%, #ffffd7 66%, #f7cd0d 100%) !important;
    box-sizing: border-box;	
	box-shadow: 10px 5px 5px rgba(0, 0, 0, .2);
	min-height: 120px;
	width: 47%;
    float: left;
    margin: 0 3% 3% 0 !important;
	padding: 20px 20px 0 0 	;
	
}

#reportwrapper ol:first-of-type li:before{
	counter-increment: countName;
    content: counter(countName);
    font-family: 'Arial';
    display: block;
    width: 10px;
    float: left;
    min-height: 80px;
    background: #a3159d;
    border-radius: 25px 0 0 25px;
    padding: 47px 12px 15px 10px;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;	
	margin: -20px 15px 0 0;
}

#reportwrapper ol li span { 
	padding: 4% !important;
    display: block;
    font-size: 12px;
	
}

#reportwrapper ol {
    list-style-type: none;
    counter-reset: countName;
    clear: both;
    display: block;
    min-height: 150px;	
	
}


#reportwrapper #reportchart1 { 
	min-height: 368.7px;
    float: right;
    display: block;
    width: 50%;
}
#reportwrapper .et_pb_button { 
	padding: 15px 15px;
    min-width: 140px;
    text-align: center;
    display: inline-block;
}

#reportwrapper ul li{
	border-radius:25px; 
    background: #FFF !important;
    color: #000 !important;
	border: 1px solid #eeeaea !important;
	list-style: none;
	padding: 25px;
	margin: 15px 0;
	
}

#reportwrapper ul {
	padding: 0;
	margin: 15px 0;
}

#reportwrapper ul strong {
    color: #a2159c !important;
}

body #page-container #reportwrapper .et_pb_button_2, body #page-container #reportwrapper .et_pb_button_3 {
	color: #000!important;
    border-width: 0 !important;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 20px;
    background-color: rgb(255, 216, 20);
    font-size: 19px;
    width: initial;
    padding: 15px 50px;
    margin: 15px 0;

}


@media only screen and (max-width: 980px) { 
	#reportwrapper ol:first-of-type li {	
		width: 97%;
		clear: both;
		float: none;
		padding: 20px 20px 30px 0 !important;
	}
	#reportwrapper ol:first-of-type li:before {
		min-height: 65px;	
	}	
	
}

@media only screen and (max-width: 700px) { 

	#reportwrapper ol:first-of-type li:before {
		min-height: 115px;
	}
	#reportwrapper ol:first-of-type li {
		min-height: 180px;
	}
}


/* CLA page css */
.purple
{
	color: #810f82 !important;
}
h2.clacouk {
   
    font-size: 28px!important;
    color: #000!important;
    margin: 25px 0 5px 0!important;
	font-weight: 600;
}
.claul
{
	display: flex;
	gap: 20px;
}
#reportwrapper .claul li {
    background: #FFF8F8 !important;
}
ol.claol {
    display: flex !important;
    flex-direction: row;
    gap: 0px;
    min-height: 220px !important;
	box-shadow: none !important;
}
ol.claol li:before {
    counter-increment: countName;
    content: counter(countName);
    font-family: 'Arial';
    display: block;
    width: 10px;
    float: left;
    min-height: 80% !important;
    background: #a3159d;
    border-radius: 25px 0 0 25px;
    padding: 0 12px 15px 10px!important;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    margin: 0px 10px 0 0!important;
    display: flex!important;
    align-items: center!important;
    height: -webkit-fill-available!important;
}

ol.claol:first-of-type li {
	padding: 0px 15px 0 0 !important;
	box-shadow: none !important;
	margin: 0 2% 3% 0 !important;
}
ol.claol:first-of-type li strong
{
	text-decoration: none !important;
	
}
.speedometer-icon {
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
  }
  .average-score {
    color: #e73de1;
  }
  td.second-td {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}
.performanceavarges tr td {
    padding: 14px 24px;
    border-bottom: 5px solid #FFF!important;	
}
ul.claulnew {
    display: flex;
    gap: 10px;
    max-height: 150px;
    height: 100%;
	margin: 5px 0;
}
.claulnew li {
    width: 250px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
}
.claulnew span
{
	color:#a2159c;
	font-size:30px;
	margin-top:0px;
}
ul.claul-staright {
    display: flex;
    width: 100%;
    flex-direction: row;
}
.claul-staright li {
    width: 82%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	background-color: #FFF8F8;
}
.claul-staright  span {
    color: #a2159c;
    font-size: 30px;
    margin-top: 0px;
}
.shared-hosting .styled-table {
    box-shadow: none;
    border: none !important;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}
.shared-hosting .styled-table tbody tr:nth-of-type(even) {
    background-color: #FFF8F8;
}
.shared-hosting tr td {
    border-top: 0px solid #eee !important;
    padding: 15px 20px !important;
	width: 50%;
}
.shared-hosting .styled-table thead tr {
    background-image: linear-gradient(52deg, #520150 1%, #4f014c 3%, #ab1ea2 38%, #ab1ea2 100%) !important;
}
.shared-hosting  .styled-table tbody tr {
    border-bottom: none!important;
}
.shared-hosting .styled-table thead th
{
	background-color: transparent !important;
}



.post-template-default table {
    box-shadow: none;
    border: none !important;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}
.post-template-default table tbody tr:nth-of-type(even) {
    background-color: #FFF8F8;
}
.post-template-default tr td {
    border-top: 0px solid #eee !important;
    padding: 15px 20px !important;
	width: 50%;
}
.post-template-default table thead tr {
    background-image: linear-gradient(52deg, #520150 1%, #4f014c 3%, #ab1ea2 38%, #ab1ea2 100%) !important;
}
.post-template-default tbody tr {
    border-bottom: none!important;
}
.post-template-default table thead th
{
	background-color: transparent !important;
}

.post-template-default table th, .post-template-default table td {
    padding: 12px 15px;
}
.post-template-default table thead th {
    color: #fff;
    font-weight: 700;
}



.chartcla {
	display: flex;
	/* flex-wrap: wrap; */
  }
  
  .chartcla .item {
	flex: 1 0 50%;
	box-sizing: border-box; 
  }
 .page-id-29251 #reportwrapper ol:first-of-type li {
	border-radius:25px; 
    background: #FFF !important;
    color: #000 !important;
	border: 1px solid #eeeaea !important;
    /* background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 23px, transparent 23px) 0% 0% / 25px 25px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 23px, transparent 23px) 100% 0% / 25px 25px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 23px, transparent 23px) 0% 100% / 25px 25px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 23px, transparent 23px) 100% 100% / 25px 25px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 4px) calc(100% - 50px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 50px) calc(100% - 4px) no-repeat, linear-gradient(131deg, #6924e1 0%, #ffffd7 66%, #f7cd0d 100%) !important; */
    box-sizing: border-box;	
	box-shadow: none !important;
	min-height: 120px;
	width: 47%;
    float: left;
    margin: 0 3% 3% 0 !important;
	padding: 20px 20px 0 0 	;
	cursor: pointer;
	
}
.page-id-29251 #reportwrapper ol:first-of-type li:hover {
    border-radius: 25px;
    background: #FFF !important;
    color: #000 !important;
    border: 1px solid #eeeaea !important;
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 23px, transparent 23px) 0% 0% / 25px 25px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 23px, transparent 23px) 100% 0% / 25px 25px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 23px, transparent 23px) 0% 100% / 25px 25px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 23px, transparent 23px) 100% 100% / 25px 25px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 4px) calc(100% - 50px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 50px) calc(100% - 4px) no-repeat, linear-gradient(131deg, #6924e1 0%, #ffffd7 66%, #f7cd0d 100%) !important;
	transition: 0.3s all;
    box-sizing: border-box;
    box-shadow: 10px 5px 5px rgba(0, 0, 0, .2) !important;
    min-height: 120px;
    width: 47%;
    float: left;
    margin: 0 3% 3% 0 !important;
    padding: 20px 20px 0 0;
}
.page-id-29251 #reportwrapper ol:first-of-type li:before {
   
    background: linear-gradient(52deg,#520150 1%,#4f014c 3%,#ab1ea2 38%,#ab1ea2 100%) !important;
 
}
.page-id-29251 .entry-content table:not(.variations)
{
	border: 0px solid #eee !important;
} 
#performanceaverage tr {
    border-bottom: 5px solid #FFF!important;	
}
#newpart ol.claol:first-of-type li {
    padding: 0px 15px 0 0 !important;
    box-shadow: none !important;
    margin: 0 2% 3% 0 !important;
    border-radius: 25px;
    background: #FFF !important;
    color: #000 !important;
    border: 1px solid #eeeaea !important;
    /* background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 23px, transparent 23px) 0% 0% / 25px 25px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 23px, transparent 23px) 100% 0% / 25px 25px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 23px, transparent 23px) 0% 100% / 25px 25px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 23px, transparent 23px) 100% 100% / 25px 25px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 4px) calc(100% - 50px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 50px) calc(100% - 4px) no-repeat, linear-gradient(131deg, #6924e1 0%, #ffffd7 66%, #f7cd0d 100%) !important; */
    box-sizing: border-box;
    box-shadow: none !important;
    min-height: 120px;
    width: 47%;
    float: left;
    margin: 0 3% 3% 0 !important;
    padding: 20px 20px 0 0;
    cursor: pointer;
}
#newpart ol:first-of-type li:before {
    counter-increment: countName;
    content: counter(countName);
    font-family: 'Arial';
    display: block;
    width: 10px;
    float: left;
    min-height: 80px;
    background: #a3159d;
    border-radius: 25px 0 0 25px;
    padding: 47px 12px 15px 10px;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    margin: -20px 15px 0 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column;
}
#newpart ol {
    list-style-type: none;
    counter-reset: countName;
    clear: both;
    display: block;
    min-height: 150px;
}
#newpart ol.claol li:before {
    min-height: 120px !important;
}
@media screen and (max-width: 768px) {
	.chartcla .item {
		flex: 1 0 100%;
	  flex-basis: 100%;
	}
	.chartcla {
		display: flex;
		flex-wrap: wrap;
	}
	.page-id-29251 #reportwrapper ol:first-of-type li {
		width: 100% !important;
		clear: both;
		padding: 16px 0px 0px 0 !important;
		line-height: 22px;
		margin: 0 !important;
	}
	.page-id-29251 #newpart ol:first-of-type li {
		width: 100% !important;
		clear: both;
		padding: 16px 0px 0px 0 !important;
		line-height: 22px;
		margin: 0 !important;
	}
	.claul {
		display: flex;
		gap: 0;
		flex-direction: column;
	}
	ol.claol {
		flex-wrap: wrap;
	}
	#newpart ol.claol {
		flex-direction: column;
	}
	.page-id-29251 #reportwrapper ol:first-of-type li {
		padding: 0px !important;
	}
	.page-id-29251 #newpart ol:first-of-type li {
		padding: 0px !important;
	}
	#main-content ol li {
		max-width: 100% !important;
	}
	
	.page-id-29251 #reportwrapper ol:first-of-type li {
		margin-bottom: 10px !important;
	}
	.page-id-29251 #newpart ol:first-of-type li {
		margin-bottom: 10px !important;
	}

	.page-id-29251 #reportwrapper ol:first-of-type li:before {
		padding: 75px 12px 23px 12px!important;
		margin: 0px 15px 0 0!important;
	}
	.shared-hosting tr td {
		border-top: 0px solid #eee !important;
		padding: 15px 11px !important;
		width: 50% !important;
	}
	.entry-content thead th, .entry-content tr th {
		padding: 9px 10px;
	}
  }




  /* filter */
  .filter-project form {
    background-color: #ab1ea217;
    padding: 20px;
    margin-bottom: 30px;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.filter-project .filter-group {
    flex-grow: 1;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.filter-project .filter-group select {
    font-size: 16px;
    padding: 10px;
    border: 1px solid #901689;
    border-radius: 0;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    border-radius: 4px;
}

.filter-project .filter-button {
    font-size: 16px;
    padding: 10px;
    background-image: linear-gradient(52deg,#520150 1%,#4f014c 3%,#ab1ea2 38%,#ab1ea2 100%);
    color: white;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color 0.3s;
    width: auto;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-project .filter-button:hover {
    background-color: #005f8c;
}

.filter-project .grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.filter-project .grid-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: calc(33.333% - 20px);
    box-sizing: border-box;
    transition: transform 0.3s, box-shadow 0.3s;
}

.filter-project .grid-item:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.filter-project .grid-item-link {
    display: block;
    overflow: hidden;
}

.filter-project .grid-item-image {
    width: 100%;
    height: 200px; 
    object-fit: cover;
}

.filter-project .grid-item-content {
    padding: 0px;
}

.filter-project .grid-item-content #main-content h2 {
    margin: 10px 0 5px 0;
}

.filter-project .grid-item-title {
    color: #333;
    text-decoration: none;
    font-size: 18px;
    display: block;
    text-align: center;
}

.filter-project .grid-item-title:hover {
    color: #85127f;
}

.filter-project .filtered-results {
    font-size: 25px;
    color: #5e025c;
    text-align: center;
    margin: 50px 0px;
}

@media (max-width: 768px) {
    .filter-project .filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-project .filter-group {
        width: 100%; 
    }

    .filter-project .filter-button {
        width: 100%;
    }
    .filter-project .grid-item {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 100%;
        box-sizing: border-box;
        transition: transform 0.3s, box-shadow 0.3s;
        margin: 0 20px;
    }
}


#reportwrapper .competitorDomains li  {
	max-width: 530px;
}



@media (max-width: 768px) {
	.et_pb_button {
		font-size: 17px;
	}
}

.single-post h3 {
    font-size: 20px;
    margin-top: 20px;
}

/* Trends Navigation List - Custom Style Reset */
ol.trends-nav-list {
    list-style-position: inside !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
    background: transparent !important;
    border: none !important;
}

ol.trends-nav-list li {
    padding: 2px 0 !important;
    margin: 0 0 2px 0 !important;
    background: transparent !important;
    border: none !important;
    color: inherit !important;
    max-width: 100% !important;
    list-style-type: decimal !important;
}

ol.trends-nav-list li::marker {
    font-size: inherit !important;
    color: inherit !important;
}

ol.trends-nav-list li strong {
    font-size: inherit !important;
    text-decoration: none !important;
    text-transform: none !important;
}

ol.trends-nav-list li a {
    color: #810f82 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

ol.trends-nav-list li a:hover {
    text-decoration: underline !important;
}

/* AI Paralysis Article Styles - Post ID 111179 */
.postid-111179 .article-intro {
    font-size: 1.1em;
    line-height: 1.7;
    margin-bottom: 2em;
    color: #333;
}

.postid-111179 .article-image {
    margin: 2em 0;
    text-align: center;
}

.postid-111179 .article-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.postid-111179 .stat-highlight {
    font-weight: 700;
    color: #7c3aed;
    background: linear-gradient(120deg, #f3e8ff 0%, #e9d5ff 100%);
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
}

.postid-111179 .key-insight {
    background: #f8f9fa;
    border-left: 4px solid #7c3aed;
    padding: 1.25em 1.5em;
    margin: 1.5em 0;
    line-height: 1.7;
    border-radius: 0 4px 4px 0;
}

.postid-111179 .action-list {
    background: #fafafa;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.5em 2em;
    margin: 2em 0;
}

.postid-111179 .action-list h3 {
    margin-top: 0;
    color: #7c3aed;
    font-size: 1.15em;
    margin-bottom: 1em;
}

.postid-111179 .action-list ol {
    margin-bottom: 0;
}

.postid-111179 .action-list li {
    margin-bottom: 0.75em;
    line-height: 1.6;
}

.postid-111179 .action-list li:last-child {
    margin-bottom: 0;
}

.postid-111179 .conclusion {
    font-size: 1.05em;
    line-height: 1.7;
    margin-top: 2em;
    padding-top: 1.5em;
    border-top: 2px solid #e5e7eb;
}

.postid-111179 article h2 {
    margin-top: 2.5em;
    margin-bottom: 1em;
    color: #1f2937;
}

.postid-111179 article p {
    line-height: 1.7;
    margin-bottom: 1.25em;
}

.postid-111179 article a {
    color: #7c3aed;
    text-decoration: underline;
    transition: color 0.2s;
}

.postid-111179 article a:hover {
    color: #6d28d9;
}

/* Section dividers */
.postid-111179 .section-divider {
    border: none;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #7c3aed 50%, transparent 100%);
    margin: 3em 0;
    opacity: 0.3;
}

/* Key terms highlighting */
.postid-111179 .key-term {
    font-weight: 600;
    color: #6d28d9;
    background: #faf5ff;
    padding: 1px 4px;
    border-radius: 2px;
}

/* Key takeaways box */
.postid-111179 .key-takeaways {
    background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
    border: 2px solid #7c3aed;
    border-radius: 12px;
    padding: 2em 2.5em;
    margin: 2.5em 0;
    box-shadow: 0 4px 6px rgba(124, 58, 237, 0.1);
}

.postid-111179 .key-takeaways h3 {
    color: #6d28d9;
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 1em;
    text-align: center;
}

.postid-111179 .key-takeaways ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.postid-111179 .key-takeaways li {
    padding-left: 2em;
    margin-bottom: 1em;
    position: relative;
    line-height: 1.6;
}

.postid-111179 .key-takeaways li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #7c3aed;
    font-weight: bold;
    font-size: 1.2em;
}

.postid-111179 .key-takeaways li:last-child {
    margin-bottom: 0;
}

/* CTA box */
.postid-111179 .cta-box {
    background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%);
    color: #ffffff;
    border-radius: 12px;
    padding: 2.5em 3em;
    margin: 3em 0;
    box-shadow: 0 8px 16px rgba(124, 58, 237, 0.3);
    text-align: center;
}

.postid-111179 .cta-list-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 2em;
    margin: 1.5em 0 2em 0;
}

.postid-111179 .cta-image {
    flex: 0 0 35%;
    max-width: 35%;
}

.postid-111179 .cta-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.postid-111179 .cta-list-wrapper ul {
    flex: 1;
    text-align: left;
}

.postid-111179 .cta-box h3 {
    color: #ffffff;
    font-size: 1.6em;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.postid-111179 .cta-box p {
    color: #ffffff;
    font-size: 1.05em;
    margin-bottom: 1.5em;
}

.postid-111179 .cta-box ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 2em;
    text-align: left;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.postid-111179 .cta-box li {
    padding-left: 2em;
    margin-bottom: 0.75em;
    position: relative;
    color: #ffffff;
}

.postid-111179 .cta-box li:before {
    content: "→";
    position: absolute;
    left: 0;
    color: #fbbf24;
    font-weight: bold;
    font-size: 1.2em;
}

.postid-111179 .cta-button-wrapper {
    margin-bottom: 0;
}

.postid-111179 .cta-button {
    display: inline-block;
    background: #fbbf24;
    color: #1f2937 !important;
    padding: 1em 2.5em;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1em;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.postid-111179 .cta-button:hover {
    background: #f59e0b;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    .postid-111179 .stat-highlight {
        display: inline-block;
        margin: 2px 0;
    }

    .postid-111179 .action-list {
        padding: 1.25em 1.5em;
    }

    .postid-111179 .key-insight {
        padding: 1em 1.25em;
    }

    .postid-111179 .key-takeaways {
        padding: 1.5em 1.5em;
    }

    .postid-111179 .cta-box {
        padding: 2em 1.5em;
    }

    .postid-111179 .cta-list-wrapper {
        flex-direction: column;
    }

    .postid-111179 .cta-image {
        flex: 0 0 auto;
        max-width: 100%;
        margin-bottom: 1.5em;
    }

    .postid-111179 .cta-box ul {
        text-align: left;
    }

    .postid-111179 .section-divider {
        margin: 2em 0;
    }
}