/*
Theme Name: Aspire Finance
Text Domain: aspirefinance
Version: 2.6
Tested up to: 6.5
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the Capacity team
Author URI: https://www.capacitywebsolutions.com/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@import url('//fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; overflow-y: scroll; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; }
body { font-size: 18px; font-family: "Outfit", sans-serif; font-weight: 400; color: #43454b; line-height: 1.6; background-color: #fff; letter-spacing: 0.4px; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
audio, canvas, video { display: block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
button, input, select, textarea { font-weight: normal; font-family: "Outfit", sans-serif; font-size: 18px; }
a, a:after, a:before, a span, a img, input, i.fa, a.button.alt { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
a { color:#41ac79; text-decoration: none; }
a:focus { outline: 0 none; }
a:hover { color: #9dd68d; outline: 0; text-decoration: none; }
img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-family: "Outfit", sans-serif; line-height: normal; margin: 0 0 30px; color: #19696a; letter-spacing: 0.8px; font-weight: 600; }
h2 { font-size: 48px; }
h3 { font-size: 36px; }
h4 { font-size: 32px; }
h5 { font-size: 28px; }
h6 { font-size: 24px; }
@media (max-width: 767px) {
	h2 { font-size: 36px; }
	h3 { font-size: 30px; }
	h4 { font-size: 34px; }
	h5 { font-size: 22px; }
	h6 { font-size: 20px; }
}
b, strong { font-weight: bold; }
p { margin: 0 0 30px; }
ul { list-style: none; }
ol{list-style-type: decimal;margin-left: 2em;padding-left: 2em;}
ol li p{margin: 0 0  10px 0;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
a, button { -ms-touch-action: manipulation; touch-action: manipulation; color:#000; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; padding: 0; white-space: normal; font-weight: 700; text-transform: uppercase; font-size: 20px; margin: 20px 0; }
button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; -webkit-appearance: button; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"]
, input[type="date"], input[type="month"], input[type="week"] , input[type="time"], input[type="datetime"],
input[type="datetime-local"], input[type="color"], textarea {color: #000; background: #fff; border: 1px solid #00464f; -webkit-border-radius: 4px; border-radius: 4px; display: block; padding: 10px; width: 100%; }
textarea { overflow: auto; vertical-align: top;height: 100px; }
table { border-bottom: 1px solid #ddd; border-collapse: collapse; border-spacing: 0; font-size: 16px; line-height: 1.6; margin: 0 0 20px; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
caption { font-size: 1.6rem; margin: 20px 0; }
th { font-weight: bold; text-transform: uppercase; padding: 10px; }
td { border-top: 1px solid #ddd; padding: 10px; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-size: 4px 4px; border: 0; height: 1px; margin: 40px 0; background: #ccc; }

input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; }

.head-font { font-family: "Outfit", sans-serif !important; }
.body-font { font-family: "Outfit", sans-serif !important; }
.font-18 { font-size: 18px; }
/* Form fields, general styles first. */
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label { color: #2a2f25; display: block; font-weight: 600; margin-bottom: 10px; line-height: normal; font-size: 16px; }
fieldset { margin-bottom: 1em; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color:#2a2f25; background:#fff; border:1px solid #c1c1c1; -webkit-border-radius:0; border-radius:0; display: block; padding:10px; width:100%;
    transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { outline:none; color: #2a2f25; border-color: #888; }
select { border: 1px solid #c1c1c1; -webkit-border-radius: 0; border-radius: 0; max-width: 100%; padding:10px; width: 100%; background-color: #fff; }
input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; }
input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 600; }

input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color:#ddd; color: #222; }
input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background-color:#ddd; color: #222; }

/* Buttons */
a.button { text-decoration: none; }
button, input[type="submit"], input[type="button"], input[type="reset"], .button, .btn, .submit .wpcf7-submit { color: #43454b; font-size: 18px; font-weight: 500; display: inline-block; padding: 14px 25px; cursor:pointer; text-decoration: none; border:0 !important; border-bottom: 5px solid #19696a !important; background-color: #9dd68d;
    transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-border-radius:0; border-radius:0; font-family: "Outfit", sans-serif; }
.btn:hover, .btn:focus .submit .wpcf7-submit:hover, .submit .wpcf7-submit:focus, button:hover, .button:hover, input[type="reset"]:hover, button:focus, .button:focus, input[type="reset"]:focus,
input[type="submit"]:hover, input[type="button"]:hover { color: #fff; background-color: #19696a; border-color: #9dd68d; }
a.button:hover { color: #fff; text-decoration: none; }

.btn-icon .af-icon { color: #fff; width: 22px; height: 22px; margin-top: -2px; margin-left: 5px; }

.btn_large { font-size: 18px; }
.btn_rounded { border-radius: 100px; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {color:#7d7b6d;}
:-moz-placeholder {color:#000;}
::-moz-placeholder { color:#000; }
:-ms-input-placeholder {color:#7d7b6d;}
/* Make sure videos and embeds fit their containers. */
embed, iframe, object, video { max-width: 100%;border-radius: 8px; }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; }

/* Images */
.alignleft, .fl { float: left; }
.alignright, .fr { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }

.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }
img.alignleft { margin: 0 40px 10px 0; }
.wp-caption.alignleft { margin: 0px 40px 10px 0; }
img.alignright { margin: 0 0 10px 40px; }
.wp-caption.alignright { margin: 0 0 10px 40px; }
img.aligncenter { margin: 5px auto; }
img.alignnone { margin: 0; }
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 1.8rem; font-style: italic; font-weight: 300; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; }


.dfl { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.fwr { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.fitem, .flex-1, .f1 { flex:1 !important; -webkit-flex:1 !important; }
.fauto { flex:auto !important; -webkit-flex:auto !important; -ms-flex:auto !important; }
.alc { -webkit-align-items: center !important; align-items: center !important; }
.als { -webkit-align-items: start !important; align-items: start !important; }
.ale { -webkit-align-items: end !important; align-items: end !important; }
.alst { -webkit-align-items: stretch !important; align-items: stretch !important; }
.jcc { justify-content: center !important; -webkit-justify-content: center !important; }
.jcs { justify-content: flex-start !important; -webkit-justify-content: flex-start !important; }
.jce { justify-content: flex-end !important; -webkit-justify-content: flex-end !important; }
.jcb { justify-content: space-between !important; -webkit-justify-content: space-between !important; }
.fdc { flex-direction: column !important; -webkit-flex-direction: column !important; }
.fdr { flex-direction: row !important; -webkit-flex-direction: row !important; }
.fwn { flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; }
.fww { flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; }
.dib{display: inline-block;}

.af-icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.af-icon-large { width: 24px; height: 24px; }
svg:not(:root) { overflow: hidden; }

.pr { position: relative !important; }

.text-uppercase { text-transform: uppercase !important; } 

.list-items { margin-bottom: 30px; }
.list-items li { position: relative; padding-left: 35px; margin-bottom: 10px; }
.list-items li:last-of-type { margin-bottom: 0; }
.list-items li:before { content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2343454b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>'); display: inline-block; width: 16px; height: 16px; 
	position: absolute; left: 0; top: 2px; }

/*** Site structure * ---------------------------------------------------------------------------- */

.section { margin: 140px 0; }
.sectionPdng { padding: 100px 0; }
.sectionMbtm { margin-bottom: 140px; }

.ptb-120 { padding-top: 120px !important; padding-bottom: 120px !important; }
.pt-120 { padding-top: 120px !important; }
.pb-120 { padding-bottom: 120px !important; }
.mtb-120 { margin-top: 120px !important; margin-bottom: 120px !important; }
.mt-120 { margin-top: 120px !important; }
.mb-120 { margin-bottom: 120px !important; }

.p0 { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.m0 { margin: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.container { max-width: 1640px; margin: 0 auto; padding: 0 20px; }
.container:after, .container:before { content: ''; clear: both; display: block; }
.container-fluid { max-width: 100%; width: 100%; padding: 0 60px; }

#header { margin-top: 40px; position: absolute; z-index: 9; width: 100%; }
.header { background-color: #f1f2f2; border-bottom: 5px solid #41ac79; }
#logo { padding: 15px; }
.app-btn { flex: 0 0 25% !important; -ms-flex: 0 0 25% !important; -webkit-flex: 0 0 25% !important; }
.menu { flex: 0 0 50% !important; -ms-flex: 0 0 50% !important; -webkit-flex: 0 0 50% !important; padding: 0 10px; }
.app-btn .btn { padding: 29px 45px 28px 45px; background-color: #19696a; color: #fff; border: 0 !important; line-height: normal; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.app-btn .btn:hover, .app-btn .btn:focus { background-color: #41ac79; }
.app-btn .btn .af-icon { width: 24px; height: 24px; margin: -7px 0 0 5px; }
.menuToggle { display: none; }
@media (min-width:1025px) {
	ul#menu-header-menu { margin:0; }
	ul#menu-header-menu > li { line-height:normal; display:inline-block; position:relative; margin-right: 60px; }
	ul#menu-header-menu > li:last-of-type { margin-right: 0; }
	ul#menu-header-menu>li>a { color:#43454b; font-size:18px; text-align: left; font-weight: 400; text-decoration:none; display:inline-block; padding:28px 0; position:relative; }
	ul#menu-header-menu li:hover>a, ul#menu-header-menu li.current-menu-item>a:hover { color:#41ac79; }
	ul#menu-header-menu>li>a:after { content: ''; opacity:0; position: absolute; bottom: -3px; left: 0; right: 0; display: block; margin: 0 auto; background-color: #41ac79; height: 10px; width: 0; }
	ul#menu-header-menu li.current-menu-item>a, ul#menu-header-menu li.current-menu-ancestor>a { color:#41ac79; }
	ul#menu-header-menu li.current-menu-item>a:after, ul#menu-header-menu li.current-menu-ancestor>a:after, ul#menu-header-menu>li:hover>a:after { opacity: 1; width: 100%; }

	ul#menu-header-menu li ul { list-style:none; background-color:#19696a; width:280px; box-shadow:0 0 5px rgba(0,0,0,0.4); display:none; position:absolute; top:100%; left:0; z-index:99; text-align:left; margin:0; padding:20px; }
	ul#menu-header-menu li:hover > ul { display:block; }
	ul#menu-header-menu li ul li { position:relative; line-height: normal; }
	ul#menu-header-menu li ul li ul { left:100%; top:-5px; display:none; }
	ul#menu-header-menu li ul li:hover ul { display:block; }
	ul#menu-header-menu li li { border-bottom:1px solid #125859; }
	ul#menu-header-menu li li:last-child { border-bottom:0; }
	ul#menu-header-menu li li>a { color:#fff; font-weight:400; font-size:16px; text-decoration:none; display:block; padding:15px 0; }
	ul#menu-header-menu li li>a:hover, ul#menu-header-menu li li.current-menu-item a { color:#2adb87 !important; }
	ul#menu-header-menu li.menu-item-has-children .fe { display: none; }
	ul#menu-header-menu li.menu-item-has-children .icon:before { content: ''; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; vertical-align: middle; height: 7px; width: 7px; transform: rotate(135deg); margin: -8px 0 0 8px; }
}

.banner-hero { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; padding: 15% 0 18% 0; }
.banner-hero h2 { color: #fff; font-size: 70px; font-weight: 500; line-height: 1.3; }
.banner-hero h2 b { color: #9dd68d; font-size: 80px; font-weight: 700; text-transform: uppercase; position: relative; }
.banner-hero h2 b:after { content: ''; background-color:#9dd68d; height: 5px; width: 100%; display: block; position: absolute; bottom: 0; }
.banner-hero p { color: #fff; font-size: 24px; font-weight: 500; line-height: normal; } 

.how-help-text .tagLine { font-size: 20px; }

.c-counter { padding-top: 60px; }
.c-counter .item .counter { color: #19696a; font-size: 62px; font-weight: 700; line-height: 50px; position: relative; padding-left: 25px; min-width: 140px; }
.c-counter .item .counter:before { content: ''; background-image: url(assets/images/cc-sep.png); background-repeat: repeat-y; width: 15px; height: 100%; position: absolute; left: 0; }
.c-counter .item .c-text { font-size: 24px; line-height: normal; padding-left: 10px; }
.c-counter .item { padding-right: 40px; }
.c-counter .item #number1.counter:after { content: 'k'; }
.c-counter .item #number2.counter:after, .c-counter .item #number3.counter:after { content: '%'; }

.get-started .get-started-in { background-color: #f1f2f2; position: relative; overflow: hidden; padding-left: 35px; padding-right: 35px; }
.get-started .get-started-in:after { content: ''; background-image: url(assets/images/get-img.webp); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 109px; display: block; position: absolute; bottom: -26px; text-align: center; right: 0; display: none; }
.sec-ttl { color: #19696a; font-weight: 600; text-transform: uppercase; line-height: 1.2; margin-bottom: 60px; font-size: 48px; }
.get-started .item { padding: 0 45px; }
.get-started h3 { color: #41ac79; text-transform: uppercase; font-size: 30px; font-weight: 600; margin: 10px 0 20px; }
.get-started p { font-size: 20px; line-height: 30px; }

.sml-ttl { color: #41ac79; font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.features-sec .text { font-size: 20px; line-height: 36px; margin-bottom: 50px; }
.features-sec .sec-ttl { margin-bottom: 40px; }
.features-sec .dtls-left { padding-right: 70px; max-width: 49%; }
.features-items { margin: 0 -20px; }
.features-sec .item { padding: 0 20px; display: flex; max-width: 50%; flex: 50%; }
.features-sec .item:nth-of-type(3), .features-sec .item:nth-of-type(4) { margin-top: 40px; }
.features-sec .item-in { width: 100%; background-color: #f4f7f6; border-bottom: 10px solid #41ac79; padding: 30px; position: relative; transform: perspective(1px)translateZ(0); -webkit-transition-property: color; transition-property: color; }
.features-sec .item-in:before { content: " "; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #41ac79; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.features-sec .item-in:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66); }
.features-sec .item-in:hover h4, .features-sec .item-in:hover p { color: #fff; }
.features-sec .item h4 { color: #43454b; font-size: 30px; text-transform: uppercase; font-weight: 600; margin: 0; line-height: 1.1; }
.features-sec .item-in .hvr, .features-sec .item-in:hover .nrml { display: none; }
.features-sec .item-in:hover .hvr { display: block; }
.features-sec .item p { text-align: center; margin: 30px 0 0; }
.features-sec .item .img { flex: 0 0 108px; }
.features-sec .item .dtls { padding-left: 20px; }

.qntbnr-items .item { position: relative; width: 100%; }
.qntbnr-items .item .dtls { position: absolute; top: 50%; transform: translate(97%, -50%); right: 50%; padding-right: 10px; }
.qntbnr-items .item h4 { color: #fff; font-size: 36px; font-weight: 600; margin-bottom: 15px; } 
.qntbnr-items .item p { color: #9dd68d; font-size: 20px; line-height: normal; }
.qntbnr-items .item img { width: 100%; }

.ind-items .item { max-width: 25%; flex: 25%; padding: 0 10px; text-align: center; transition: all 0.5s ease-in-out; }
.ind-items .item .img { background-color: #f1f2f2; text-align: center; width: 150px; height: 150px; margin: 0 auto 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 100px; border-bottom: 5px solid #41ac79; transition: all 0.5s ease-in-out; }
.ind-items .item:hover .img { border-color: #196265; }
.ind-items .item .img img { max-width: 70px; }
.ind-items .item h4 { font-size: 25px; margin-bottom: 15px; text-transform: uppercase; }

.icon-items .item { max-width: 50%; flex: 50%; padding: 0 10px; text-align: center; transition: all 0.5s ease-in-out; margin-top: 20px; }
.icon-items .item .img { background-color: #f1f2f2; text-align: center; width: 130px; height: 130px; margin: 0 auto 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 100px; border-bottom: 5px solid #41ac79; transition: all 0.5s ease-in-out; }
.icon-items .item:hover .img { border-color: #196265; }
.icon-items .item .img img { max-width: 60px; }
.icon-items .item h4 { font-size: 24px; margin-bottom: 15px; }

.testi-sec .items { margin: 0 -20px; }
.testi-sec .item { padding: 0 20px; }
.testi-sec .col1 { width: 33%; }
.testi-sec .col1 p { padding-right: 30px; }
.testi-sec .item-in { background-color: #f1f2f2; padding: 40px; background-image: url(assets/images/quote-icon.png); background-repeat: no-repeat; background-position: right bottom; }
.testi-sec .col2 { width: 35%; }
.testi-sec .col2 .item-in:last-of-type { margin-top: 40px; }
.testi-sec .item.col1 .ttl { margin: 60px 0 10px; }
.testi-sec .item .ttl { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.testi-sec .item p { font-size: 18px; line-height: 30px; font-style: italic; margin: 0; }
.testi-sec .item img { border-radius: 100px; }
.testi-sec .col2 .img { flex: 0 0 108px; margin-right: 20px; }

.sf-items .item { flex: 25%; max-width: 25%; text-align: center; padding: 0 20px; }
.sf-items .item h4 { color: #19696a; font-size: 30px; text-transform: uppercase; font-weight: 600; margin: 50px 0 0; }

#footer { background-color: #19696a; background-image: url(assets/images/ftr-bg.jpg); background-repeat: no-repeat; background-size: contain; background-position: center top; padding: 11.5% 0 110px; margin-top: 70px; }
.home #footer { margin-top: 0; }
.ftr-links { background-color: #f1f2f2; border-bottom: 5px solid #41ac79; text-align: center; padding: 25px; }
#menu-footer-menu { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
#menu-footer-menu li:after { content: '|'; padding: 0 15px; font-weight: 500; }
#menu-footer-menu li:last-of-type:after { display: none; }
#menu-footer-menu li a { color: #43454b; font-weight: 500; }
#menu-footer-menu li a:hover, .copyright a:hover { color: #9dd68d; }
.copyright { color: #fff; padding-top: 30px; }
.copyright a { color: #fff; }
.copyright .sep { padding: 0 15px; }

#toTop { cursor: pointer; display: none; padding: 3px; position: fixed; bottom: 20px; right: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 10; }
#toTop a { padding: 0; background-color: #fff; color: #000; line-height: 32px; width: 40px; height: 40px; display: block; text-decoration: none; border-radius: 100% !important; -webkit-border-radius: 100% !important; justify-content: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 2px solid #fff; }
#toTop .af-icon { width: 21px; height: 21px; }

.page-title { background-repeat: no-repeat; padding: 12% 0 13%; margin-bottom: 40px; background-size: cover; background-position: center center; }
.page-title .entry-title { color: #fff; font-size: 40px; font-weight: 700; margin: 0; }
.page-title.blog-page-title { background-image: url(assets/images/page-banner.webp); }

.post-meta .post-edit { display: none; }

.post_grids { display: flex; margin: 0 -20px; }
.post_grids .post_list { max-width: 33.33%; padding: 0 20px; }
.post_grids .post_list .post-thumb { margin-bottom: 30px; }
.post_grids .post_list .ttl a { font-size: 26px; font-weight: 600; line-height: normal; margin-bottom: 20px; display: block; }
.post_grids .post_list .post-meta, .post_single .post-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 14px; margin-bottom: 20px; color: #939393; }
.post_grids .post_list .post-meta a, .post_single .post-meta a { color: #939393; }
.post_grids .post_list .post-meta .post-author { display: none; }
.post_grids .post_list .post-meta .svg-icon, .post_single .post-meta .svg-icon { width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; fill: #939393; }
.post_grids .post_list .post-thumb { overflow: hidden; }
.post_grids .post_list .post-thumb img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.post_grids .post_list:hover .post-thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.post_single .featured-media { display: block; margin-bottom: 40px; }
.post_single .post-meta { justify-content: flex-start; margin-bottom: 40px; }
.post_single .post-meta li:not(:last-of-type) { margin-right: 20px; }
#reply-title { font-weight: 600; text-transform: uppercase; font-size: 38px; }
.comment-reply-title { font-size: 30px; }
.comment-author .avatar { margin-right: 20px; border-radius: 100px; max-width: 80px; }
.comment-meta { display: flex; align-items: center; }
.comment-metadata { font-size: 14px; padding-left: 20px; }
.comment-metadata a, .by-post-author { color: #8f8f8f; }
.comment-content { margin-top: 20px; }
.comment-respond #cancel-comment-reply-link, .comment-reply .comment-reply-link { font-size: 13px; background-color: #19696a; padding: 8px 16px; color: #fff; font-weight: 600; line-height: normal; border-bottom: 5px solid #41ac79; }
.comment-respond #cancel-comment-reply-link:hover, .comment-reply .comment-reply-link:hover { background-color: #41ac79; }
.comment-respond { margin-top: 30px; }
.comment-respond #reply-title, .comment-footer-meta { display: flex; align-items: center; justify-content: space-between; }
.comment-body { margin-bottom: 40px; }

.cnt-form { background-color: #f1f2f2; padding: 60px; }
.cnt-form .ttl { margin-bottom: 20px; line-height: 1; }
.cnt-form li br { display: none; }
.cnt-form .captcha-image { border-color: #c1c1c1; padding: 20px; background-color: #fff; }
.cnt-form .wpcf7-not-valid-tip { font-size: 14px; font-weight: 500; }
.cnt-form .required { color: #c90000; }
.cnt-form ul { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.cnt-form ul li { width: 50%; padding: 0 15px; }
.cnt-form ul li.wide { width: 100%; }
.cnt-form ul li.wide:last-of-type p { margin-bottom: 0; }

.error404-content { margin: 0 auto; max-width: 800px; }
.error404-content .search-form { display: flex; flex-wrap: wrap; }
.error404-content .search-form label { margin: 0; flex: 1; margin-right: 20px; }
.error404-content .search-form .search-field { padding: 17px 20px; }
.error404-content .intro-text { font-size: 20px; font-weight: 600; }
.error404-content .search-form { margin-bottom: 60px; }
.error404-content .entry-title { margin-top: 60px; }

.comments-wrapper { background-color: #f1f2f2; padding: 60px; }
.comments-wrapper p { margin-bottom: 20px; }
.comments-wrapper .form-submit { margin-bottom: 0; }

.social-icon li { text-align: center; }
.social-icon .af-icon { width: 50px; height: 50px; }
.social-icon li a { padding: 30px; color: #fff; margin: 0 10px; display: block; }
.social-icon li a:hover { opacity: 0.8; }
.social-icon li.fb a { background-color: #316FF6; }
.social-icon li.ins a { background-color: #d62976 }
.social-icon li.twt a { background-color: #1da1f2; }
.social-icon li.lnk a { background-color: #0077B5; }

.timeline { position: relative; max-width: 1330px; margin: 60px auto 0; background-color: #f1f2f2; padding: 40px; border-top: 5px solid #19696a; border-bottom: 5px solid #19696a; }
.timeline::after { content: ''; position: absolute; width: 6px; background-color: #19696a; top: 0; bottom: 0; left: 50%; margin-left: -3px; }
.tm-container { padding: 10px 53px; position: relative; background-color: inherit; width: 50%; }
.tm-container::after { content: '1'; position: absolute; width: 40px; height: 40px; right: -24px; background-color: #fff; border: 4px solid #9dd68d; top: 15px; border-radius: 50%; z-index: 1; text-align: center; font-weight: 700; color: #000; line-height: 40px; }
.tm-container:nth-of-type(2):after { content: '2'; }
.tm-container:nth-of-type(3):after { content: '3'; }
.tm-container:nth-of-type(4):after { content: '4'; }
.tm-container:nth-of-type(5):after { content: '5'; }
.tm-container.left { left: 0; padding-left: 0; }
.tm-container.right { left: 50%; padding-right: 0; }
.tm-container.left:before { content: " "; height: 0; position: absolute; top: 30px; width: 0; z-index: 1; right: 43px; border: medium solid #19696a; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #19696a; }
.tm-container.right:before { content: " "; height: 0; position: absolute; top: 30px; width: 0; z-index: 1; left: 43px; border: medium solid #19696a; border-width: 10px 10px 10px 0; border-color: transparent #19696a transparent transparent; }
.tm-container.right:after { left: -24px; }
.tm-content { padding: 30px; background-color: #19696a; position: relative; border-radius: 8px; color: #fff; }
.tm-content h3 { color: #9dd68d; font-size: 26px; margin: 0 0 10px; }
.tm-content p { margin: 0; } 
@media (max-width: 767px) {
.timeline { padding: 30px; }
.timeline:after { left: 31px; }
.tm-container { width: 100%; padding-left: 40px !important; padding-right: 0; }
.tm-container:before { left: 30px !important; border: medium solid #19696a !important; border-width: 10px 10px 10px 0 !important; border-color: transparent #19696a transparent transparent !important; }
.tm-container.left:after, .tm-container.right:after { left: -22px; }
.tm-container.right { left: 0%; }
.tm-content { padding: 25px; }
.tm-content h3 { font-size: 22px; }
}

.mfp-close { border: 0 !important; }

.team-sec { max-width: 1400px; margin: 0 auto; }
.ttl-sec h4 { color: #19696a !important; margin-bottom: 10px; }
.ttl-sec { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.ttl-sec p { margin-bottom: 0; color: #797979; }
.team-item .img { margin-bottom: 20px; overflow: hidden; }
.team-item .img img { display: block; transform: scale(1); transition: .3s ease-in-out; }
.team-item .dtls h5 { margin: 0; transition: all 0.5s ease-in-out; }
.team-item .dtls .psn { color: #797979; }
.team-item:hover .dtls h5 { color: #41ac79; }
.team-item:hover .img img { transform: scale(1.05); }

.su-column figure.wp-caption { width: 100% !important; }

.btn-sets li { margin: 0 5px; }

.left-right-cnt .lcnt { padding-right: 30px; }
.left-right-cnt .rimg { padding-left: 30px; }
.left-right-cnt .limg { padding-right: 30px; }
.left-right-cnt .rcnt { padding-left: 30px; }

/* Aspire Finance footer refresh */
#footer.footer {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #155b5d 0%, #19696a 55%, #124f51 100%);
    background-image: none;
    padding: 0 0 34px;
    margin-top: 70px;
    color: #fff;
}
.home #footer.footer { margin-top: 0; }
#footer.footer::before {
    content: "";
    position: absolute;
    top: -220px;
    right: -180px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    pointer-events: none;
}
.footer-contact {
    position: relative;
    z-index: 1;
    max-width: 1050px;
    margin: 0 auto 52px;
    padding-top: 48px;
}
.footer-contact iframe {
    display: block;
    width: 100%;
    min-height: 227px;
    margin: 0 auto;
    background: transparent;
}
.footer-main {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 1fr);
    gap: 80px;
    align-items: start;
    padding: 50px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.footer-brand {
    max-width: 560px;
}
.footer-logo {
    display: inline-block;
    margin-bottom: 24px;
}
.footer-logo img {
    display: block;
    width: 250px;
    height: auto;
    filter: brightness(0) invert(1);
}
.footer-brand p {
    max-width: 530px;
    margin: 0 0 28px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 18px;
    line-height: 1.65;
}
.footer-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 22px;
    border: 2px solid #9dd68d;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
}
.footer-cta span {
    font-size: 23px;
    line-height: 1;
    transition: transform 0.25s ease;
}
.footer-cta:hover,
.footer-cta:focus {
    color: #155b5d;
    background: #9dd68d;
}
.footer-cta:hover span,
.footer-cta:focus span {
    transform: translateX(4px);
}
.footer-navigation h2 {
    margin: 0 0 22px;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.5px;
}
.footer-navigation .footer-menu,
.footer-navigation #menu-footer-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 34px;
    align-items: stretch;
    justify-content: stretch;
    margin: 0;
}
.footer-navigation .footer-menu li,
.footer-navigation #menu-footer-menu li {
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.footer-navigation .footer-menu li::after,
.footer-navigation #menu-footer-menu li::after {
    display: none;
}
.footer-navigation .footer-menu li a,
.footer-navigation #menu-footer-menu li a {
    display: block;
    position: relative;
    padding: 11px 18px 11px 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
}
.footer-navigation .footer-menu li a::after,
.footer-navigation #menu-footer-menu li a::after {
    content: "\2192";
    position: absolute;
    right: 0;
    color: #9dd68d;
    transition: transform 0.25s ease;
}
.footer-navigation .footer-menu li a:hover,
.footer-navigation .footer-menu li a:focus,
.footer-navigation #menu-footer-menu li a:hover,
.footer-navigation #menu-footer-menu li a:focus {
    color: #fff;
}
.footer-navigation .footer-menu li a:hover::after,
.footer-navigation .footer-menu li a:focus::after,
.footer-navigation #menu-footer-menu li a:hover::after,
.footer-navigation #menu-footer-menu li a:focus::after {
    transform: translateX(4px);
}
.footer-bottom {
    position: relative;
    z-index: 1;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    text-align: center;
}
.footer-bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 15px;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .footer-main {
        grid-template-columns: 1fr;
        gap: 42px;
    }
    .footer-brand {
        max-width: 680px;
    }
}

@media (max-width: 600px) {
    #footer.footer {
        padding-bottom: 26px;
    }
    .footer-contact {
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .footer-main {
        gap: 34px;
        padding: 38px 0;
    }
    .footer-logo img {
        width: 220px;
    }
    .footer-brand p {
        font-size: 16px;
    }
    .footer-navigation .footer-menu,
    .footer-navigation #menu-footer-menu {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .footer-bottom {
        padding-top: 22px;
    }
    .footer-bottom p {
        font-size: 14px;
    }
}