html,
.elementor-page {
	overflow-x: hidden !important;
}

/*General Styles =================================== */
.elementor-page h1,
.elementor-page h2,
.elementor-page h3,
.elementor-page h4,
.elementor-page h5,
.elementor-page h6 {
	font-family: 'Open Sans', sans-serif;
}

.elementor-page h1 { font-size: 54px; }
.elementor-page h2 { font-size: 48px; }
.elementor-page h3 { font-size: 36px; }
.elementor-page h4 { font-size: 24px; }
.elementor-page h5 { font-size: 18px; }

.elementor-page p { font-size: 21px; }

.elementor-page .light-text,
.elementor-page .light-text p,
.elementor-page .light-text h1,
.elementor-page .light-text h2, 
.elementor-page .light-text h3,
.elementor-page .light-text h4, 
.elementor-page .light-text h5 {
	color: #FFF !important;
}


.elementor-page .no-bold h4 {
	font-weight: normal !important;
}

@media(min-width: 1440px) {
	.elementor-page .override-h1 h2 {
		font-size: 64px !important;
		font-weight: 800 !important;
		line-height: 76.8px !important;
	}
}

@media(max-width: 1440px) {
	.elementor-page .override-h1 h2 {
		font-size: 48px !important;
		font-weight: 700 !important;
		line-height: 57.6px !important;
	}
}

@media(max-width: 767px) {
	.no-bg-mobile {
		background: none !important;
	}
}

.p-large,
.p-large p {
	font-size: 24px;
	font-weight: 400;
	line-height: 38px;
}

.p-small,
.p-small p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

.p-small.p-medium,
.p-small.p-medium p {
	font-weight: 500;
}

.p-small.p-bold,
.p-small.p-bold p {
	font-weight: 700;
}

/* Global Header ======================================== */
@media(max-width: 767px) {
	.nav__header .logo {
		float: left;
	}
}

/* Global Nav ======================================== */
.nav__primary li.menu-item-object-custom a {
    display: none;
}

/* Mega Hero & Navbar ======================================== */

body.sh-default-header #main_nav_container .light-logo {
	opacity: 0;
	position: absolute;
	visibility: hidden;
}

body.mega-hero-header #main_nav_container .btn-nav-control {
	padding: 10px 12px;
	background: rgba(255, 255, 255, .10);
    border: none;
}

body.mega-hero-header #main_nav_container .btn-nav-control .fa {
	color: #FFF;
}

body.mega-hero-header #main_nav_container.scrolled .btn-nav-control {
	background: #F4F4F4;
    border: none;
}

body.mega-hero-header #main_nav_container.scrolled .btn-nav-control .fa {
	color: #999999;
}

body.mega-hero-header #main_nav_container > .container,
body.sh-default-header #main_nav_container > .container {
	padding: 32px 0;
	transition: .2s ease all;
}

body.mega-hero-header  #main_nav_container.scrolled > .container,
body.sh-default-header  #main_nav_container.scrolled > .container {
	padding: 0;
}

#main_nav_container .light-logo, #main_nav_container .logo {
	transition: .2s ease opacity;
	max-width: 190px;
}

body.mega-hero-header #main_nav_container {
	background: transparent;
	overflow: initial;
}

body.mega-hero-header #main_nav_container.scrolled {
	background: #FFF;
}

body.mega-hero-header #wrapper {
	margin-top: 0 !important;
}

@media(min-width: 1020px) {
	body.mega-hero-header #main_nav_container .nav__primary,
	body.sh-default-header #main_nav_container .nav__primary {
		display: flex;
		justify-content: end;
		align-items: end;
	}
}

body.mega-hero-header #main_nav_container .light-logo {
	visibility: visible;
	opacity: 1;
}

body.mega-hero-header #main_nav_container .logo {
	visibility: hidden;
	opacity: 0;
	transition: .2s ease opacity;
	position: absolute;
}

body.mega-hero-header #main_nav_container .light-logo {
	visibility: visible;
	opacity: 1;
	position: relative;
}

body.mega-hero-header #main_nav_container.scrolled .logo {
	visibility: visible !important;
	opacity: 1 !important;
	position: relative;
}

body.mega-hero-header #main_nav_container.scrolled .light-logo {
	opacity: 0 !important; 
	visibility: hidden !important;
	position: absolute;
}

body.mega-hero-header #menu-primary {
    background: rgba(255, 255, 255, .10);
    border-radius: 39px;
    margin-right: 20px;
    display: inline-flex;
    justify-content: flex-end;
    align-self: flex-end;
    padding: 0 32px;
    gap: 32px;
}

body.sh-default-header #menu-primary {
	margin-right: 20px;
    display: inline-flex;
    justify-content: flex-end;
    align-self: flex-end;
    padding: 0 32px;
    gap: 32px;
}

@media(max-width: 992px) {
	body.mega-hero-header #menu-primary,
	body.sh-default-header #menu-primary 
	 {
		display: block;
	}
}

body.mega-hero-header #menu-primary > li > a {
	font-size: 18px;
	line-height: 19px;
	padding: 0;
	color: #FFF;
}

body.sh-default-header #menu-primary > li > a {
	font-size: 18px;
	line-height: 19px;
	padding: 0;
	color: #242C3A;
}

body.mega-hero-header #main_nav_container.scrolled #menu-primary > li > a,
body.sh-default-header #main_nav_container #menu-primary > li > a
{
	color: #242C3A;
}

body.mega-hero-header .nav__primary>.menu>.menu-item,
body.sh-default-header .nav__primary>.menu>.menu-item {
    padding: 17px 0;
}

body.mega-hero-header .nav__primary>.menu>.menu-item>a::before {
	border-bottom: 2px solid #fff !important;
}

body.mega-hero-header .nav__primary>.menu>.menu-item:hover>a::before {
    content: "";
    display: block;
    border: none;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    transition: opacity ease-in-out 125ms;
    opacity: 1;
    height: 3px;
    background: #FFF;
    border-radius: 96px;
}

body.mega-hero-header #main_nav_container .btn-nav.btn-primary,
body.sh-default-header #main_nav_container .btn-nav.btn-primary {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: .2s ease all;
}

body.mega-hero-header #main_nav_container.scrolled .btn-nav.btn-primary,
body.sh-default-header #main_nav_container.scrolled .btn-nav.btn-primary {
	visibility: visible;
	opacity: 1;
	position: relative;
}

body.mega-hero-header #main_nav_container.scrolled .btn-nav.btn-secondary,
body.sh-default-header #main_nav_container.scrolled .btn-nav.btn-secondary {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

body.mega-hero-header #main_nav_container .btn-nav.btn-primary a {
	background: #08A97F;
	color: #FFF;
	font-size: 18px;
	line-height: 19px;
	font-weight: 700;
	border-radius: 40px;
	padding: 16px 32px; 
}

body.sh-default-header #main_nav_container .btn-nav.btn-primary a,
body .btn-primary .elementor-button-wrapper a {
	background-color: #08A97F;
	color: #FFF ;
	font-size: 18px;
	line-height: 19px;
	font-weight: 700;
	border-radius: 40px;
	padding: 16px 32px; 
}

body.mega-hero-header #main_nav_container .btn-nav.btn-primary a:hover,
body .btn-primary .elementor-button-wrapper a:hover {
	background: #14D2A0;
}

body.sh-default-header #main_nav_container .btn-nav.btn-primary a:hover {
	background: #14D2A0;
}

body.mega-hero-header #main_nav_container .btn-nav.btn-secondary a,
body .btn-outline .elementor-button-wrapper a {
	background: none;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 18px;
	line-height: 19px;
	font-weight: 700;
	border-radius: 40px;
	padding: 16px 32px;
}

body.mega-hero-header #main_nav_container .btn-nav.btn-secondary a:hover,
body .btn-outline .elementor-button-wrapper a:hover {
	border-color: #E0E7EF;
}

@media(max-width: 850px) {
	body.mega-hero-header #main_nav_container .btn-nav.btn-secondary a {
		color: #242C3A;
		background-color: #F4F4F4;
		border: none;
	}

	body.mega-hero-header #main_nav_container .btn-nav.btn-secondary a:hover {
		color: #242C3A;
		background-color: #E0E7EF;
		border: none;
	}
}

body.mega-hero-header #main_nav_container.scrolled .btn-nav.btn-secondary a {
	color: #242C3A;
	background-color: #F4F4F4;
	border: none;
}

body.sh-default-header #main_nav_container .btn-nav.btn-secondary a,
body .btn-secondary .elementor-button-wrapper a { 
	color: #242C3A;
	background-color: #F4F4F4;
	border: none;
	font-size: 18px;
	line-height: 19px;
	font-weight: 700;
	border-radius: 40px;
	padding: 16px 32px;
}

body.mega-hero-header #main_nav_container.scrolled .btn-nav.btn-secondary a:hover,
body.sh-default-header #main_nav_container .btn-nav.btn-secondary a:hover,
body .btn-secondary .elementor-button-wrapper a:hover {
	color: #242C3A;
	background-color: #E0E7EF;
	border: none;
}

.nav__primary>.menu>.menu-item>a::before, 
.nav__secondary>.menu>.menu-item>a::before {
	border: none !important;
}

body.mega-hero-header #main_nav_container .nav__primary>.menu>.menu-item>.sub-menu, 
body.mega-hero-header #main_nav_container .nav__secondary>.menu>.menu-item>.sub-menu {
	border-radius: 20px;
	top: 100px;
	padding: 24px;
}     

body.mega-hero-header #main_nav_container.scrolled .nav__primary>.menu>.menu-item>.sub-menu, 
body.mega-hero-header #main_nav_container.scrolled .nav__secondary>.menu>.menu-item>.sub-menu {
	border-radius: 20px;
	top: 67px;
	padding: 24px;
}    

body.sh-default-header #main_nav_container .nav__primary>.menu>.menu-item>.sub-menu, 
body.sh-default-header #main_nav_container .nav__secondary>.menu>.menu-item>.sub-menu {
	border-radius: 20px;
	top: 100px;
	padding: 24px;
}     

body.sh-default-header #main_nav_container.scrolled .nav__primary>.menu>.menu-item>.sub-menu, 
body.sh-default-header #main_nav_container.scrolled .nav__secondary>.menu>.menu-item>.sub-menu {
	border-radius: 20px;
	top: 67px;
	padding: 24px;
}    

/* Nav override ===================================== */

#main_nav_container .container {
	max-width: 1720px !important;
	width: auto !important;
}

@media(max-width: 1780px) {
	#main_nav_container .container {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}
}

@media(max-width: 850px) {
	body.sh-default-header #main_nav_container,
	body.mega-hero-header #main_nav_container{
	    overflow: auto !important;
	}

	#main_nav_container .container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#main_nav_container .container .nav__header {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	body.mega-hero-header #menu-primary,
	body.sh-default-header #menu-primary {
		padding: 0;
		margin: 0;
	}

	#main_nav_container .container .navbar-collapse {
		background: #FFF;
		padding: 25px 32px;
		margin-top: 10px;
	}

	#main_nav_container .container .navbar-collapse.show ul li a {
		color: #242C3A !important;
	}
}

#main_nav_container .nav__primary {
	flex-grow: 1;
}

/* Footer =========================================== */

#main_footer .container {
	max-width: 1720px !important;
	width: auto !important;
}

#main_footer #block-3 {
	float: right;
}

#main_footer .text-muted {
	font-size: 0.875rem;
}

#main_footer .wp-block-social-links {
	list-style-type: none;
}

#main_footer .row .col {
	padding-right: calc(var(--bs-gutter-x)*.2);
  	padding-left: calc(var(--bs-gutter-x)*.2);
}

#main_footer .wp-block-social-links {
	padding-left: 0rem;
}
#main_footer .copyright .menu .menu-item-term {
	margin-right: 1px;
}

@media(max-width: 1780px) {
	#main_footer .container {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.page-template .elementor > .elementor-element {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}
}

#main_footer.footer hr {
    border-color: #bababa;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 576px) {
	#main_footer #block-3 {
		float: left;
	}

	#main_footer .text-end {
		text-align: center !important;
	}
	#main_footer .text-muted {
		width: 210px;
	}

	#main_footer .col-sm-6 {
	  padding-top: 10px;
	}

	/* #main_footer.footer hr {
		margin-top: 1rem;
		margin-bottom: 1rem;
	} */


	#main_footer .row .col {
		flex: 100%;
  	}

	#main_footer .sub_footer_widgets{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	#main_footer .copyright{
		justify-content: center;
	}
}
@media (max-width: 1440px) {
	#main_footer.footer .footer_widgets h3.widget_title {
        font-size: 18px !important;
    
    }
}
@media (max-width: 767.98px) {
	#main_footer.footer hr {
		margin-top: 1rem;
		margin-bottom: 1.2rem;
	}
}


.sub_footer_widgets .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
	color:#fff;
	fill:#fff;
}

.sub_footer_widgets .wp-block-social-link {
    background-color: #000 !important;
}

.sub_footer_widgets .wp-block-social-links .wp-social-link svg {
    font-size: 18px;
}
.sub_footer_widgets .wp-block-social-links .wp-social-link a {
    padding: 4px;
}
/*Logos Grid ======================================== */

.grid__logos > .elementor-element {
	background-color: rgba(244,244,244,.4) !important;
}

@media(max-width: 767px) {
	.grid__logos {
		justify-content: center;
	}

	.grid__logos > .elementor-element {
		width: 45%;
	}
}

/* Desktop Breakpoint =============================== */

@media(min-width: 1441px) {
	.elementor-page .h1-override-desktop h2,
	.elementor-page .h1-override-desktop h3,
	.elementor-page .h1-override-desktop h4,
	.elementor-page .h1-override-desktop h5 {
		font-size: 64px !important;
		font-weight: 800 !important;
		line-height: 76.8px;
	}
}

/* Laptop Breakpoint ================================ */
@media(max-width: 1440px) {
	.home .e-con > .e-con-inner {
		max-width: 1080px !important;
	}

	.e-con > .e-con-inner { 
		max-width: 1400px !important; 
	}

	.page-template .elementor > .elementor-element {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.elementor-page h1,
	.elementor-page .h1-override-laptop h2,
	.elementor-page .h1-override-laptop h3,
	.elementor-page .h1-override-laptop h4,
	.elementor-page .h1-override-laptop h5 {
		font-size: 48px !important;
		line-height: 57.6px !important;
		font-weight: 700 !important;
	}

	.elementor-page h2 {
		font-size: 36px !important;
		line-height: 43.2px !important;
	}

	.elementor-page .h2-override-laptop h1,
	.elementor-page .h2-override-laptop h3,
	.elementor-page .h2-override-laptop h4,
	.elementor-page .h2-override-laptop h5 {
		font-size: 36px !important;
		line-height: 43.2px !important;	
	}

	.elementor-page h3,
	.elementor-page .h3-override-laptop h2,
	.elementor-page .h3-override-laptop h1,
	.elementor-page .h3-override-laptop h4,
	.elementor-page .h3-override-laptop h5 {
		font-size: 24px !important;
		line-height: 28.8px !important;
	}

	.elementor-page h4,
	.elementor-page .sh-quote-title p {
		font-size: 18px !important;
		line-height: 21.6px !important;
	}
}

/* Mobile Breakpoint ================================ */
@media(max-width: 767px) {	
	.e-con > .e-con-inner {
		max-width: 680px !important;
	}

	#main_nav_container {
		overflow: hidden !important;
	}

	body.mega-hero-header  #main_nav_container > .container,
	body.sh-default-header  #main_nav_container > .container {
		padding: 0;
	}

	.page-template .elementor > .elementor-element {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}

	.page-template .elementor > .elementor-element.force-full.e-con-full {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.elementor-page h1,
	.elementor-page .h1-override-mobile h2,
	.elementor-page .h1-override-mobile h3 {
		font-size: 36px !important;
		line-height: 43.2px !important;
		font-weight: 700;
	}

	.elementor-page h2,
	.elementor-page .h2-override-mobile h1,
	.elementor-page .h2-override-mobile h3 {
		font-size: 24px !important;
		line-height: 28.8px !important;
	}

	.elementor-page h3,
	.elementor-page .h3-override-mobile h1,
	.elementor-page .h3-override-mobile h2 {
		font-size: 18px !important;
		line-height: 21.6px !important;
	}

}

/* Testimonials ======================================= */

.testimonials__row .elementor-widget-text-editor div,
.testimonials__row .elementor-widget-text-editor p {
	font-size: 16px !important;
	color: #242C3A !important;
	font-weight: 400;
}

/* Offset Boxes ======================================= */

.offsetbox__blue > .elementor-element {
	position: relative;
	z-index: 10;
}

.offsetbox__blue > .elementor-element:before {
	content: ' ';
	display: block;
	position: absolute;
	z-index: -1;
	left: -60px;
	top: -60px;
	background: #E5F0FF;
	border-radius: 50px;
	height: 400px;
	width: 400px;
}

.offsetbox__green > .elementor-element {
	position: relative;
	z-index: 10;
}

.offsetbox__green > .elementor-element:before {
	content: ' ';
	display: block;
	position: absolute;
	z-index: -1;
	right: -60px;
	top: -20px;
	background: #D6F9EE;
	border-radius: 50px;
	height: 360px;
	width: 368px;
}

/* CTA Form ======================================= */

@media(max-width: 767px) {
	.home__ctaform .ctaform__rightpane {
		bottom: 100px !important;
		left: 55px !important;
		top: auto !important;
	}
}

.sh-hs-form .hs-fieldtype-text input,
.sh-hs-form .hs-fieldtype-text input[type=text], 
.sh-hs-form .hs-fieldtype-text input[type=password], 
.sh-hs-form .hs-fieldtype-text input[type=email], 
.sh-hs-form .hs-fieldtype-text select, 
.sh-hs-form .hs-fieldtype-text input[type=tel], 
.sh-hs-form .hs-fieldtype-select input[type=text], 
.sh-hs-form .hs-fieldtype-select input[type=password], 
.sh-hs-form .hs-fieldtype-select input[type=email], 
.sh-hs-form .hs-fieldtype-select select, 
.sh-hs-form .hs-fieldtype-select input[type=tel]  {
	background: #FFF;
	color: #242C3A;
	font-size: 21px;
	line-height: 33px;
	border: 1px solid #E0E7EF;
	padding: 6px 20px;
	border-radius: 4px;
}

.sh-hs-form .hs-fieldtype-text .hs-error-msgs.inputs-list label, 
.sh-hs-form .hs-fieldtype-select .hs-error-msgs.inputs-list label {
	color: #FFF !important;
}

.sh-hs-form .hs-fieldtype-text>label, 
.sh-hs-form .hs-fieldtype-select>label {
	margin-bottom: 15px;
	opacity: 1;
}

.sh-hs-form ::-ms-input-placeholder { /* Edge 12-18 */
  color: #BAC1CF;
}

.sh-hs-form ::placeholder {
  color: #BAC1CF;
}

.sh-hs-form .hs_submit {
	margin-top: 15px;
}

@media(max-width: 767px) {
	.sh-hs-form .hs-fieldtype-text .input,
	.sh-hs-form .hs-fieldtype-select .input {
		margin-right: 0 !important;
	}

	.sh-hs-form fieldset[class*="form-columns"] {
    	margin-bottom: 10px;
	}
}


/* Direct Response Landing Page ======================================= */
.dr-form-title {
	color: #fff !important;
	text-align: center;
	padding-bottom: 20px !important;
	margin-top: -50px !important;
}
	
@media(max-width: 767px) {
	.dr-form-title {
		padding-bottom: 50px !important;
		margin-top: 200px !important;
	}
}

@media(max-width: 600px) {
	.dr-form-title {
		padding-bottom: 50px !important;
		margin-top: 100px !important;
	}
}

/* Pricing Page / Pricing Tables  ====================================== */

.price-tier-card p {
	margin-bottom: 0 !important;
}

.price-tier-card .price-data p { 
	font-size: 40px;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 0;
}

.price-tier-card .price-data .p-link {
	font-size: 18px;
	font-weight: 700;
	line-height: 32px;
}

/* Comparison table */

.compare-table table {
	border-collapse: separate; 
	border-spacing: 0;
}

.compare-table table td {
	font-size: 16px;
	line-height: 24px;
	color: #101828;
	background-color: #FFF;
	border: 1px solid #BABABA40;
	text-align: center;
	vertical-align: middle;	
    border-style: solid solid none none;
}

.compare-table table tbody tr.top td:first-child {
	border-radius: 8px 0 0 0;
}

.compare-table table tbody tr.top td:last-child {
	border-radius: 0 8px 0 0;
}

.compare-table table tbody tr.bottom td:first-child,
.compare-table table tbody tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
}

.compare-table table tbody tr.bottom td:last-child,
.compare-table table tbody tr:last-child td:last-child {
	border-radius: 0 0 8px 0;
}
.compare-table table tbody tr.bottom td,
.compare-table table tbody tr:last-child td {
	border-style: solid;
}

.compare-table table tr td:first-child {
	text-align: left;
	border-style: solid solid none solid;
}

.compare-table table td.empty {
	background-color: rgba(224, 231, 239, .4)
}

.compare-table thead th {
	background: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;	
	padding: 0;
}

.compare-table thead th > div {
	padding: 24px 0;
}

.compare-table table .subheader td {
	background-color: transparent;
	border: none;
	border-style: none !important;
	padding-top: 30px;
} 

.compare-table thead tr {
	filter: drop-shadow(2px 4px 40px rgba(1, 56, 83, 0.12));
}

.compare-table thead tr th:first-child {
	border-radius: 8px 0 0 8px;
    border: none;
}

.compare-table thead tr th:last-child {
	border-radius: 0 8px 8px 0;
    border: none;
    background-color: transparent;
}

.compare-table thead tr th:last-child div {
	border-radius: 0 8px 8px 0;
}

.compare-table i.check {
	background-image: url(/wp-content/themes/saleshood/elementor/addons/assets/images/icon-check.png);
	background-size: 17px 16px;
	background-position: center center;
	width: 17px;
	height: 16px;	
	display: block;
	text-align: center;
	margin: 0 auto;
}

.compare-table .sh-tooltip {
    margin-left: 6px;
    padding-left: 20px;
    background-image: url(/wp-content/themes/saleshood/elementor/addons/assets/images/icon-info-circle.png);
    background-size: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px;
}

@media(max-width: 767px) {
	.compare-table thead th {
		font-size: 14px;
	}

	.compare-table table td {
		font-size: 13px;
	}

	.compare-table table tr td:first-child {
		max-width: 80px; 
	}

	.compare-table thead th > div {
		padding: 24px 4px;
	}
}

/* SEO Comparison tables */

.blog-content .tablepress th,
.sh-compare-wrapper .tablepress th {
    text-align: center;
}

.blog-content .tablepress tr.row-2 td,
.sh-compare-wrapper .tablepress tr.row-2 td {
    text-align: center;
}

.blog-content .tablepress td[colspan],
.sh-compare-wrapper .tablepress td[colspan] {
    text-align: center;
}

.blog-content .tablepress td:has(span.fivestars),
.sh-compare-wrapper .tablepress td:has(span.fivestars) {
    background-color: #87E8E6;
}

.blog-content .tablepress .fivestars,
.sh-compare-wrapper .tablepress .fivestars {
  display: block;
  width: 101px;
  height: 37px;
  background-image: url('https://saleshood.com/wp-content/uploads/2024/10/fivestars.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}

.blog-content .tablepress .fourstars,
.sh-compare-wrapper .tablepress .fourstars {
  display: block;
  width: 82px;
  height: 37px;
  background-image: url('https://saleshood.com/wp-content/uploads/2024/10/fourstars.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}

.blog-content .tablepress .threestars,
.sh-compare-wrapper .tablepress .threestars {
  display: block;
  width: 63px;
  height: 37px;
  background-image: url('https://saleshood.com/wp-content/uploads/2024/10/threestars.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}

.blog-content .tablepress .twostars,
.sh-compare-wrapper .tablepress .twostars {
  display: block;
  width: 44px;
  height: 37px;
  background-image: url('https://saleshood.com/wp-content/uploads/2024/10/twostars.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}

.tablepress.sh-compare .row-2 td.column-1 {
    color: green;
    font-weight: bold;
}

.tablepress.sh-compare .row-2 td.column-2 {
    color: red;
    font-weight: bold;
}

.tablepress.sh-compare .sh-green-check {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('https://saleshood.com/wp-content/uploads/2024/10/sh-green-checkmark.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
}

.tablepress.sh-compare .sh-red-x {
  display: inline-block;
  width: 17px;
  height: 19px;
  background-image: url('https://saleshood.com/wp-content/uploads/2024/10/sh-red-x.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  position: relative;
  top: 1px;
}

.blog-content .direct-comparison img {
    border: solid 1px #000;
}

.blog-content .direct-comparison .tablepress img {
    border: none;
} 


.blog-content .direct-comparison {
	max-width: 992px;
  }

.blog-content .direct-comparison img {
	/* width: 48vw; */
	width: 98%;
	height: auto;
}

.blog-content .direct-comparison .tablepress td img {
	width: auto;
}


#blog-content .blog-content .direct-comparison h1 {
  font-size: 2.25rem !important;
}

#blog-content .blog-content .direct-comparison .fusion-column-wrapper .fusion-text h2 {
  font-size: 2rem !important;
}

#blog-content .blog-content .direct-comparison h3 {
  font-size: 1.7rem !important;
}

#blog-content .blog-content .direct-comparison h4 {
  font-size: 1.4rem !important;
}

.direct-comparison table#tablepress-12 img,
.direct-comparison table#tablepress-13 img,
.direct-comparison table#tablepress-14 img,
.direct-comparison table#tablepress-26 img {
    width: auto;
}

@media(max-width: 767px) {
	.blog-content .direct-comparison img {
		/* width: 83vw; */
		width: 100%;
		height: auto;
	  }	

	.blog-content .direct-comparison .tablepress thead th h4 {
		font-size: 14px;
	}

	.blog-content .direct-comparison .tablepress td {
		font-size: 13px;
	  }

	.blog-content .direct-comparison .tablepress td img {
		width: 90%;
		height: auto;
	}
}

/* Customer stories */
.customer-stories .stats-wrapper {
	border-radius: 8px;
	border: 1px solid #E0E7EF;
	padding: 32px;
  }
  
  .customer-stories .customer-stat h2{
	color: #14D2A0;
  }
  
  .customer-stories .customer-quote-wrapper {
	box-shadow: 2px 4px 40px 2px rgba(1,56,83,.12);
	border-radius: 8px;
	padding: 32px 40px;
  }
  
  .customer-stories .elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {
	background-repeat: no-repeat;
    background-size: contain;
  }

/* Competitor Comparison */
table.sh-comp-alt1,
table.sh-comp-alt2  {
    border: solid #295d994c 2px;
    border-radius: 8px;
    border-collapse: separate;
	filter: drop-shadow(2px 4px 40px rgba(1, 56, 83, 0.12))
}

table.sh-comp-alt2 {
	border:1px solid #318BF6;
}

table.sh-comp-alt1 td:nth-child(1) {
    background-color: #14d2a011;
	border-left: none;
}
table.sh-comp-alt1 td:nth-child(2) {
    background-color: #FFF;
	border-right: none;
}
table.sh-comp-alt2 td.column-2,
table.sh-comp-alt2 td.column-3 {
    background-color: #FFF;
	border-right: none;
}

table.sh-comp-alt1 img {
    height: 40px;
    margin-bottom: 28px;
}
table.sh-comp-alt2 img {
    height: 30px;
}

table.sh-comp-alt1 tr{
    font-size: 16px;
    line-height: 158%;
}
table.sh-comp-alt2 td {
	color: #093364;
	font-size: 24px;
	font-weight: 700;
	line-height: 120%;
}

table.sh-comp-alt1 td.column-1 {
    background-color: #dff2f6 !important;
}

table.sh-comp-alt1 td{
    padding: 40px !important;
}
table.sh-comp-alt2 td{
	padding: 33px 45px 27px 45px!important;
}

table.sh-comp-alt1 td {
    border-top: 1px solid #295d994c;
	border-left: 1px solid #295d994c;
    border-right: none;
}

table.sh-comp-alt2 td {
    border-top: 1px solid #C8DCFB;
}

table.sh-comp-alt1 tr:first-child td:nth-child(1), table.sh-comp-alt1 tr:first-child td:nth-child(2),
table.sh-comp-alt2 tr:first-child td:nth-child(1), table.sh-comp-alt2 tr:first-child td:nth-child(3) {
    border-top: none;
    border-radius: 0 8px 0 0;
}
table.sh-comp-alt1 tr:last-child td:nth-child(1), table.sh-comp-alt1 tr:last-child td:nth-child(2),
table.sh-comp-alt2 tr:last-child td:nth-child(1), table.sh-comp-alt2 tr:last-child td:nth-child(3) {
   border-bottom: none;
   border-radius: 0 0 8px 0;
}

table.sh-comp-alt1 tr:last-child td.column-1 {
	border-radius: 0 0 0 8px;
}
.tablepress.sh-comp-alt1 .row-1 .column-1,
.tablepress.sh-comp-alt2 .row-1 .column-1{
	border-radius: 8px 0 0 0;
  }

table.sh-comp-alt2 tr:first-child td:nth-child(2) {
	border-top: none;
}
table.sh-comp-alt2 tr:last-child td:nth-child(2) {
	border-bottom: none;
}

.tablepress.sh-comp-alt2 .sh-green-check-circle {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('https://saleshood.com/wp-content/uploads/2024/11/circle-chkmark.png'); 
	background-size: cover; 
	background-repeat: no-repeat; 
	margin: auto;
    text-align: center;
  }
  
  .tablepress.sh-comp-alt2 .sh-red-x-circle {
	display: block;
	width: 32px;
	height: 31px;
	background-image: url('https://saleshood.com/wp-content/uploads/2024/11/circle-xmark.png'); 
	background-size: cover; 
	background-repeat: no-repeat; 
	margin: auto;
    text-align: center;
  }
  
  .tablepress.sh-comp-alt2 .row-1 .column-1{
	opacity: 0.5;
  }

  @media(max-width: 767px) {
	table.sh-comp-alt1 td{
		padding: 20px !important;
	}
	table.sh-comp-alt2 td{
		padding: 13px 25px 7px 25px!important;
	}

	table.sh-comp-alt1 img {
		width:100%;
		height: auto;
		
	}
	table.sh-comp-alt2 img {
		width:100%;
		height: auto;
	}	

	table.sh-comp-alt1 tr{
		font-size: 14px;
		
	}
	table.sh-comp-alt2 td {
		font-size: 14px;
	
	}
}
