/*!
Theme Name: Merchantfunding
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: merchantfunding
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teachers:ital,wght@0,400..800;1,400..800&family=Tilt+Warp&display=swap');
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: "Poppins", sans-serif;
}
button, .btn.btn-primary {
  background-color: var(--color-btn-background, var(--color-primary));
  color: var(--color-btn-text);
	border-color: var(--color-btn-background);
	font-size: clamp(18px,3vw,28px);
	padding-inline: 25px;
}
mark {padding: 0px;}
.font-teachers {
  font-family: "Teachers", sans-serif;
}
.font-tilt-warp {
  font-family: "Tilt Warp", sans-serif;
}
.btn.btn-secondary {
  background-color: transparent;
  color: var(--color-btn-text);
	border-color: #000;
	font-size: clamp(18px,3vw,28px); 
	box-shadow: 0px 4px 4px 0px #00000040;
	padding-inline: 25px;
}
button:hover, .btn.btn-primary:hover, .btn.btn-secondary:hover {
	background-color: var(--color-btn-hover, var(--color-secondary));
	border-color: var(--color-btn-hover, var(--color-secondary));
}
button:hover {
  background-color: var(--color-btn-hover);
}
h1, .h1 {
	font-size: clamp(40px,5vw,50px);
	font-weight: 700;
}
h2, .h2 {
	font-size: clamp(30px,4vw,40px);
	font-weight: 600;
	margin-bottom: 15px;
}
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-style: normal;
}
.logo .custom-logo {
	width: clamp(150px,25vw,400px);
	height: auto;
}
.top-bar, .banner {
	background-color: var(--color-top-bar,var(--color-primary));
}
.top-bar .social-icons .icon-container {
	width: 24px !important;
}
.pad-lg {
  padding-block: clamp(40px, 6.25vw, 100px);
}
.pad-md {
  padding-block: clamp(30px, 4.375vw, 70px);
}
.pad-sm {
  padding-block: clamp(20px, 2.5vw, 40px);
}
.footer {
	margin-top: clamp(25px, 4.5vw, 45px);
}
.footer .icon-container svg {fill:#fff;}
.social-icons .icon-container:hover {scale:1.14}
.footer h5 {
	color: var(--color-primary);
	font-weight: bold;
	font-size: clamp(18px, 1.375vw, 22px);
}
.footer ul{
	list-style:none;
}
.footer a{
	color:#fff;
    text-decoration: none;
}
.count-start {
	counter-reset: count 1;
}
.count-start .count-inc {
	counter-increment: count;
}
.steps .count-inc {
	width: 80%;
	padding: 20px;
	box-shadow: 0px 2px 2px rgb(168, 168, 168);
	margin-bottom: 1.5rem;
}
.steps .count-inc::before {
	content: counter(count);
	width: 40px;
	height: 40px;
	border: 2px solid black;
	display: inline-grid;
	place-content: center;
	border-radius: 50%;
	margin-right: clamp(20px,2vw,40px);
}
.steps .count-inc:nth-child(odd) {
    background: var(--color-primary);
	align-self: self-end;
}
.has-bg-color-primary.has-bg-color-primary {
	background-color: var(--color-primary);
}
.btn.flat {
	border-radius: 0px;
	box-shadow: 8px 8px 31px 7px #00000040;
}
.btn.flat.has-bg-color-primary.has-bg-color-primary::hover {
	background: var(--color-secondary);
}
.has-arrow::after {
	content: '';
	display: inline-block;
	width: 40px;
	height: 20px;
	background: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" xml:space="preserve"><line style="fill:none;stroke:%23000000;stroke-width:2;stroke-miterlimit:10;" x1="26" y1="16" x2="4" y2="16"/><polyline style="fill:none;stroke:%23000000;stroke-width:2;stroke-miterlimit:10;" points="20.485,10 26.485,16 20.485,22 "/></svg>') center no-repeat;
	background-size: 100%;
}
.highlights .icon-container {
	background: #fff;
    padding: 10px;
    border-radius: 50%;
}
.highlights .icon-container svg {
	fill: #0063F7;
}
.form-control, .form-select {
	background-color: var(--color-input-background);
	color: var(--color-input-text);
	border-color: var(--color-input-border);
	box-shadow: none !important;
	border-radius: 10px;
		font-size: 13px;
	padding: 12px 15px;
}
.form-control::placeholder, .form-select options {
	color: var(--color-input-placehoder);
}
.form-control::focus {
	border-color: var(--color-input-focus, var(--color-primary))
}
.form-control::focus {
	border-color: var(--color-input-focus, var(--color-primary))
}
.form-submit.form-control {
	background-color: var(--color-submit-background, var(--color-primary));
	font-size: 22px;
	font-weight: 700;
	color: var(--color-submit-text);
}
.form-submit.form-control:hover {
	background-color: var(--color-submit-hover, var(--color-secondary));
}
.wpcf7-spinner {position: absolute;}
.big-bg-count .count-inc {
	margin: clamp(20px,3vw,30px) 0 0 clamp(30px,5vw,50px);
	box-shadow: 17px 14px 23px 0px #00000040;
	height: 100%;
	padding: 20px 30px;
		z-index: 10;
	background-color: #fff;
}
.big-bg-count > div::before {
	content: counter(count);
	position: absolute;
	z-index: -1;
	/* inset: 0; */
	font-size: clamp(9rem, 1.412vw, 14rem);
	left: 0;
	line-height: 0.8;
	top: 0;
	color: var(--color-primary);
	font-weight: 800;
}
.big-bg-count > * {
	isolation: isolate;
	position: relative;
}
.has-min-height {
	min-height: clamp(400px,68vw,677px);
}
.fast-flex .funding-card {
    padding: 80px 50px 30px;
    box-shadow: 0 0px 25px gray;
}

.fast-flex .line {
    border-left: 4px solid var(--color-submit-background);
    padding-left: 20px;
    padding-bottom: 20px;
}

.fast-flex h3 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: var(--color-submit-background);
}

.fast-flex .text {
    font-size: 18px;
    margin: 20px auto 0 auto;
}

.fast-flex ul.pay {
    list-style-type: disc;
    padding-left: 40px;
    margin-bottom: 50px;
}

.fast-flex ul.pay li {
    font-size: 18px;
    margin-bottom: 10px;
}

.fast-flex .btn-list {
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 15px;
}

.fast-flex .btn-list li a {
    padding: 15px 35px;
    background: var(--color-submit-background);
    text-decoration: none;
    display: flex;
    font-weight: 700;
}


.fast-flex .btn-list li:last-child a {
    background: #D9D9D9;
}

.fast-flex .btn-list li a:hover {
    color: #fff;
    background: #000;
}
.step {
	background: linear-gradient(to bottom, #fff 35%, transparent 35%);
}
.step .step-wrapper {
    background: #F5F5F5;
}
.step .step-wrapper .content-box {
    padding: 35px;
    text-align: center;
    border-right: 2px solid #000;
	font-weight: bold;
}
.step .row > div:last-child .content-box {
      border-right: none;
}
.has-bg-color-secondary {
	background-color: var(--color-secondary);
}
.fast-flex.yellow h3 {
    color: #FFEE82;
}
.has-shadow :is(.form-control, .form-select) {
	box-shadow: 0px 4px 4px 0px #00000040 inset !important;
}
.mega-menu .btn.btn-primary .mega-menu-link {
	background: var(--color-btn-background) !important;
	border-radius: 10px !important;
	color: var(--color-btn-text) !important;
	margin-left: 25px !important;
}
.mega-menu .btn.btn-primary .mega-menu-link:hover {
	background: var(--color-btn-hover) !important;
}


header .nav-cont.py-4.py-md-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}


.wp-block-cover.is-light.pad-lg iframe {
  height: 551px !important;
}
.vcrticals {
  height: 565px !important;
}
/* .wp-block-cover.is-light.pad-lg:has(iframe) .wp-bootstrap-blocks-row.row, .wp-block-cover.is-light.pad-lg:has(iframe) .wp-bootstrap-blocks-row.row .col-12 {
  display: block;
  width: 100% !important;
  text-align: center;
  margin-bottom: 27px;
} */