@font-face {
 font-family: sofia-pro;
 src: url(sofia-pro.otf);
}
:root {
	/* color-mix(in srgb, var(--accent-color), transparent 25%); color-mix(in srgb, var(--default-color), transparent 20%);*/
scroll-behavior:smooth;
--default-font:sofia-pro, calibri, arial;
--default-color:#555;
--heading-color:#666;
--accent-color:#A80082;
--contrast-color:#FFFFFF;
--light-color:#fffaf8;
 --accent-color:#CC313D;
--accent-color-transp-90:#CC313D10;
--accent-color-transp-75:#CC313D25;
--accent-color-transp-25:#CC313D75;
 --light-color:#ffdcde60;
--default-color-transp-90:#55555510;
--default-color-transp-70:#55555530;
--default-color-transp-25:#55555575;
 --surface-color:var(--contrast-color);
--nav-color:var(--default-color);
--nav-hover-color:var(--accent-color);
--nav-mobile-background-color:var(--contrast-color);
--nav-dropdown-background-color:var(--contrast-color);
--nav-dropdown-color:var(--default-color);
--nav-dropdown-hover-color:var(--accent-color);
 --white-color:#FFFFFF;
}
.light-background {
	background-color:var(--light-color);
	surface-color:var(--contrast-color);
	border-top:1px solid var(--accent-color-transp-90);
	border-bottom:1px solid var(--accent-color-transp-90);
}
.dark-background {
	background-color:#060606;
	default-color:var(--contrast-color);
	heading-color:var(--contrast-color);
	surface-color:#252525;
	contrast-color:var(--contrast-color);
}
body * {
	font-family:arial !important;
	font-family:var(--default-font) !important;
}
body {
	color:var(--default-color);
	background-color:var(--white-color);
	font-family:var(--default-font);
}
a {
	color:var(--accent-color);
	text-decoration:none;
}
a:hover {
	color:var(--accent-color-transp-25);
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	color:var(--heading-color);
	font-family:var(--default-font);
	font-weight:600;
}
.a-c {
	text-align:center !important;
}
.a-r {
	text-align:right !important;
}
.a-l {
	text-align:left !important;
}
.c-red {
	color : #dc3545 !important;
}
.c-green {
	color : #198754 !important;
}
.c-gray {
	color:#aaaaaa !important;
}
.f-i {
	font-style:italic !important;
}
.bold {
	font-weight:bold !important;
}
.big {
	font-size:larger !important;
}
.header {
	color:var(--default-color);
	background-color:var(--white-color);
	padding:0px 0;
	z-index:997;
	box-shadow:0px 0 15px rgba(0, 0, 0, 0.1);
}
.header .logo {
	line-height:1;
}
.header .logo img {
	height:50px;
	width:auto;
	margin:5px;
}
.header .logo h1 {
	font-size:30px;
	margin:0;
	letter-spacing:2px;
	color:var(--heading-color);
}
.header .btn-getstarted, .header .btn-getstarted:focus {
	color:var(--contrast-color);
	background:var(--accent-color);
	font-size:14px;
	padding:8px 25px;
	margin:0 0 0 30px;
	border-radius:50px;
}
.header .btn-getstarted:hover, .header .btn-getstarted:focus:hover {
	color:var(--contrast-color);
	background:var(--accent-color-transp-25);
}
@media (max-width:1200px) {
.header .logo img {
	height:80px;
	width:auto;
}
.header .logo {
order:1;
}
.header .btn-getstarted {
order:2;
margin:0 15px 0 0;
padding:6px 15px;
}
.header .navmenu {
order:3;
}
.testimonial-logo, .home-benefit-img {
	width:100% !important;
	height:auto !important;
}
}
@media (min-width:1200px) {
.navmenu {
padding:0;
}
.navmenu ul {
margin:0;
padding:0;
display:flex;
list-style:none;
align-items:center;
}
.navmenu li {
position:relative;
text-align:center;
padding:15px;
border-right:1px solid var(--accent-color-transp-90);
}
.navmenu a, .navmenu a:focus {
/*
line-height:50px;
padding:10px 8px;
display:flex;
align-items:center;
justify-content:space-between;
*/
text-align:center;
white-space:nowrap;
color:var(--nav-color);
}
.navmenu a i, .navmenu a:focus i {
/*font-size: 14px;
line-height: 0;
margin-right: 7px;
*/
}
.navmenu li:hover>a {
background-color:var(--accent-color);
border-color:var(--accent-color);
color:var(--contrast-color);
}
.navmenu .active, .navmenu .active:focus {
color:var(--accent-color);
font-weight:bold;
text-decoration:underline;
text-underline-offset: 7px;
}
.navmenu .dropdown ul {
margin:0;
padding:10px 0;
background:var(--nav-dropdown-background-color);
display:block;
position:absolute;
visibility:hidden;
left:14px;
top:130%;
opacity:0;
border-radius:4px;
z-index:99;
box-shadow:0px 0px 30px rgba(0, 0, 0, 0.1);
}
.navmenu .dropdown ul li {
min-width:200px;
}
.navmenu .dropdown ul a {
padding:10px 20px;
font-size:15px;
text-transform:none;
color:var(--nav-dropdown-color);
}
.navmenu .dropdown ul a i {
font-size:12px;
}
.navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover>a {
color:var(--nav-dropdown-hover-color);
}
.navmenu .dropdown:hover>ul {
opacity:1;
top:100%;
visibility:visible;
}
.navmenu .dropdown .dropdown ul {
top:0;
left:-90%;
visibility:hidden;
}
.navmenu .dropdown .dropdown:hover>ul {
opacity:1;
top:0;
left:-100%;
visibility:visible;
}
}
@media (max-width:1199px) {
section, .section {
scroll-margin-top:66px;
}
.mobile-nav-toggle {
color:var(--nav-color);
font-size:28px;
line-height:0;
margin-right:10px;
cursor:pointer;
}
.navmenu {
padding:0;
z-index:9997;
}
.navmenu ul {
display: none;
position: absolute;
inset: 60px 20px 20px 20px;
padding: 0px 0px;
margin: 0;
border-radius: 10px;
background-color: var(--nav-mobile-background-color);
border: 1px solid var(--default-color-transp-90);
overflow-y: auto;
z-index: 9998;
list-style: none;
}
.navmenu a, .navmenu a:focus {
padding:10px 20px;
font-size:17px;
display:flex;
align-items:center;
white-space:nowrap;
border-bottom:2px solid var(--default-color-transp-90);
}
.navmenu a i, .navmenu a:focus i {
font-size:12px;
line-height:0;
margin:5px 10px 5px 5px;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background-color:var(--accent-color-transp-90);
}
.navmenu a i:hover, .navmenu a:focus i:hover {
background-color:var(--accent-color);
color:var(--accent-color);
}
.navmenu a:hover, .navmenu .active, .navmenu .active:focus {
background-color:var(--accent-color);
color:var(--contrast-color);
border-bottom:2px solid var(--default-color-transp-90);
}
.navmenu .active i, .navmenu .active:focus i, .navmenu a:hover i {
color:var(--accent-color);
}
.navmenu .dropdown ul {
position:static;
display:none;
z-index:99;
padding:10px 0;
margin:10px 20px;
background-color:var(--nav-dropdown-background-color);
}
.navmenu .dropdown ul ul {
background-color:rgba(33, 37, 41, 0.1);
}
.navmenu .dropdown>.dropdown-active {
display:block;
background-color:rgba(33, 37, 41, 0.03);
}
.mobile-nav-active {
overflow:hidden;
}
.mobile-nav-active .mobile-nav-toggle {
color:var(--contrast-color);
position:absolute;
font-size:32px;
top:15px;
right:15px;
margin-right:0;
z-index:9999;
}
.mobile-nav-active .navmenu {
position:fixed;
overflow:hidden;
inset:0;
background:rgba(33, 37, 41, 0.8);
}
.mobile-nav-active .navmenu>ul {
display:block;
}
.about .about-content ul li div {
width:50%;
}
.about .about-content ul li div .big {
white-space:nowrap;
}
.services .service-item {
width:100%;
}
.testimonials .testimonial-item p {
height:auto!important;
}
.footer-btn {
width:100%!important;
}
.column-reverse {
 display: flex;
flex-direction: column-reverse;
justify-content: center;
}
}
.footer {
	font-size:14px;
	position:relative;
	color:var(--default-color);
	background-color:#FFFAF8;
}
.footer-btn {
	color:var(--contrast-color);
	background:var(--accent-color);
	font-family:var(--default-font);
	font-weight:400;
	font-size:15px;
	letter-spacing:1px;
	display:inline-block;
	padding:10px 28px 12px 28px;
	border-radius:50px;
	box-shadow:0 8px 28px rgba(0, 0, 0, 0.1);
	border:1px solid var(--accent-color);
}
.footer-btn:hover {
	background-color:var(--contrast-color);
	color:var(--accent-color);
}
.footer .footer-newsletter {
	padding:50px 0;
	background-color:var(--contrast-color);
	border-bottom:1px solid var(--accent-color-transp-90);
}
.footer .footer-newsletter h4 {
	font-size:24px;
}
.footer .footer-newsletter .newsletter-form {
	margin-top:30px;
	margin-bottom:15px;
	padding:6px 8px;
	position:relative;
	border:1px solid var(--default-color);
	box-shadow:0px 2px 25px rgba(0, 0, 0, 0.1);
	display:flex;
	border-radius:50px;
}
.footer .footer-newsletter .newsletter-form:focus-within {
border-color:var(--accent-color);
}
.footer .footer-newsletter .newsletter-form input[type=email] {
	border:0;
	padding:4px 10px;
	width:100%;
	background-color:var(--surface-color);
	color:var(--default-color);
}
.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
outline:none;
}
.footer .footer-newsletter .newsletter-form input[type=submit] {
	border:0;
	font-size:16px;
	padding:0 20px;
	margin:-7px -8px -7px 0;
	color:var(--contrast-color);
	border-radius:50px;
}
.footer .footer-newsletter .newsletter-form input[type=submit]:hover {
}
.footer .footer-top {
	padding-top:50px;
}
.footer .social-links a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid var(--default-color);
	font-size:16px;
	color:var(--default-color);
	margin-right:10px;
}
.footer .social-links a:hover {
	color:var(--accent-color);
	border-color:var(--accent-color);
}
.footer h4 {
	font-size:16px;
	position:relative;
	padding-bottom:12px;
	color:var(--accent-color);
	font-weight:bold;
}
.footer .footer-links {
	margin-bottom:30px;
}
.footer .footer-links ul {
	list-style:none;
	padding:0;
	margin:0;
}
.footer .footer-links ul i {
	margin-right:3px;
	font-size:12px;
	line-height:0;
	color:var(--accent-color);
}
.footer .footer-links ul li {
	padding:10px 0;
	display:flex;
	align-items:center;
}
.footer .footer-links ul li:first-child {
	padding-top:0;
}
.footer .footer-links ul a {
	display:inline-block;
	color:var(--default-color);
	line-height:1;
}
.footer .footer-links ul a:hover {
	color:var(--accent-color);
	text-decoration:underline;
	font-weight:bold;
}
.footer .footer-about a {
	color:var(--default-color);
	font-size:24px;
	font-family:var(--default-font);
}
.footer .footer-contact p {
	margin-bottom:5px;
}
.footer .copyright {
	padding-top:25px;
	padding-bottom:25px;
	border-top:1px solid var(--accent-color);
}
.footer .copyright p {
	margin-bottom:0;
}
.footer .credits {
	margin-top:6px;
	font-size:13px;
}
.page-title {
	background-color:var(--accent-color-transp-90);
	color:var(--default-color);
	background-color:var(--light-color);
	padding:25px 0;
	position:relative;
}
.page-title h1 {
	font-size:24px;
}
section, .section {
	color:var(--default-color);
	padding:60px 0;
	scroll-margin-top:90px;
	overflow:clip;
}
.section-title {
	text-align:center;
	padding-bottom:50px;
	position:relative;
}
.section-title h2 {
	font-size:32px;
	margin-bottom:20px;
	padding-bottom:20px;
	position:relative;
}
.section-title h2:after {
	content:"";
	position:absolute;
	display:block;
	width:200px;
	height:3px;
	background:var(--accent-color);
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.section-title p {
	margin-bottom:0;
}
.hero {
	width:100%;
	min-height:70vh;
	position:relative;
	padding:50px 0 60px 0;
	display:flex;
	align-items:center;
	border-bottom:1px solid var(--accent-color-transp-90);
}
.hero h1 {
	margin:0;
	font-size:48px;
	line-height:56px;
}
.hero p, .about p {
	margin:5px 0 30px 0;
	font-size:20px;
}
.hero .btn-get-started {
	color:var(--contrast-color);
	background:var(--accent-color);
	font-family:var(--default-font);
	font-size:15px;
	letter-spacing:1px;
	display:inline-block;
	padding:10px 28px 12px 28px;
	border-radius:50px;
	box-shadow:0 8px 28px rgba(0, 0, 0, 0.1);
}
.hero .btn-get-started:hover {
	color:var(--contrast-color);
	background:var(--accent-color-transp-25);
	box-shadow:0 8px 28px rgba(0, 0, 0, 0.1);
}
.hero .btn-watch-video {
	font-size:16px;
	margin-left:25px;
	color:var(--default-color);
}
.hero .btn-watch-video i {
	color:var(--accent-color);
	font-size:32px;
	line-height:0;
	margin-right:8px;
}
.hero .btn-watch-video:hover {
	color:var(--accent-color);
}
.hero .btn-watch-video:hover i {
	color:var(--accent-color-transp-25);
}
.hero .animated {
	animation:up-down 2s ease-in-out infinite alternate-reverse both;
}
@media (max-width:640px) {
.hero h1 {
font-size:28px;
line-height:36px;
}
.hero p {
font-size:18px;
line-height:24px;
margin-bottom:30px;
}
.hero .btn-get-started, .hero .btn-watch-video {
font-size:13px;
}
}
@keyframes up-down {
0% {
transform:translateY(10px);
}
100% {
transform:translateY(-10px);
}
}
.about {
	padding-bottom:10px;
}
.about h4 i {
	color:var(--accent-color);
}
.about .about-content h3 {
	font-size:26px;
}
.about .about-content ul {
	list-style:none;
	padding:0;
}
.about .about-content ul li {
	display:flex;
	align-items:flex-start;
	margin-bottom:35px;
}
.about .about-content ul li:first-child {
	margin-top:35px;
}
.about .about-content ul i {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	width:50px;
	height:50px;
	font-size:32px;
	margin-right:15px;
	line-height:0;
	border-radius:5px;
	padding:30px;
	color:var(--accent-color);
	background-color:var(--light-color);
	border-radius:50%;
}
.about .about-content ul h4 {
	font-size:18px;
}
.about .about-content ul p {
	font-size:15px;
}
.about .about-content p:last-child {
	margin-bottom:0;
}
.about .about-content ul li div {
	margin-bottom:20px;
}
.services .service-item {
	background-color:var(--surface-color);
	padding:50px 30px;
	height:100%;
	border:1px solid var(--accent-color-transp-75);
	text-align:center;
}
.services img {
	filter: grayscale(100%);
	opacity: 0.5;
	height:60px;
	width:auto;
}
.services .service-item .icon {
	margin-bottom:10px;
}
.services .service-item .icon i {
	color:var(--accent-color);
	font-size:36px;
}
.services .service-item h3 {
	margin-bottom:15px;
	font-size:20px;
}
.services .service-item h3 a {
	color:var(--heading-color);
}
.services .service-item p {
	line-height:24px;
	font-size:14px;
	margin-bottom:0;
}
.services .service-item:hover {
	border-color:var(--accent-color);
}
.services .service-item:hover h3 a {
	color:var(--accent-color);
}
.portfolio .portfolio-filters {
	padding:0;
	margin:0 auto 20px auto;
	list-style:none;
	text-align:center;
}
.portfolio .portfolio-filters li {
	cursor:pointer;
	display:inline-block;
	padding:0;
	font-size:18px;
	margin:0 10px;
	line-height:1;
	margin-bottom:5px;
}
.portfolio .portfolio-filters li:hover, .portfolio .portfolio-filters li.filter-active {
	color:var(--accent-color);
}
.portfolio .portfolio-filters li:first-child {
	margin-left:0;
}
.portfolio .portfolio-filters li:last-child {
	margin-right:0;
}
@media (max-width:575px) {
.portfolio .portfolio-filters li {
font-size:14px;
margin:0 5px;
}
}
.portfolio .portfolio-content {
	position:relative;
	overflow:hidden;
}
.portfolio .portfolio-content img {
}
.portfolio .portfolio-content .portfolio-info {
	opacity:0;
	position:absolute;
	inset:0;
	z-index:3;
	background:rgba(0, 0, 0, 0.6);
	padding:15px;
}
.portfolio .portfolio-content .portfolio-info h4 {
	font-size:14px;
	padding:5px 10px;
	color:var(--contrast-color);
	display:inline-block;
	background-color:var(--accent-color);
}
.portfolio .portfolio-content .portfolio-info p {
	position:absolute;
	bottom:10px;
	text-align:center;
	display:inline-block;
	left:0;
	right:0;
	font-size:16px;
	color:rgba(255, 255, 255, 0.8);
}
.portfolio .portfolio-content .portfolio-info .preview-link, .portfolio .portfolio-content .portfolio-info .details-link {
	position:absolute;
	left:calc(50% - 40px);
	font-size:26px;
	top:calc(50% - 14px);
	color:var(--contrast-color);
	line-height:1.2;
}
.portfolio .portfolio-content .portfolio-info .preview-link:hover, .portfolio .portfolio-content .portfolio-info .details-link:hover {
	color:var(--accent-color);
}
.portfolio .portfolio-content .portfolio-info .details-link {
	left:50%;
	font-size:34px;
	line-height:0;
}
.portfolio .portfolio-content:hover .portfolio-info {
	opacity:1;
}
.portfolio .portfolio-content:hover img {
	transform:scale(1.1);
}
.faq .faq-container .faq-item {
	background-color:var(--surface-color);
	position:relative;
	padding:20px;
	margin-bottom:15px;
	border:1px solid var(--default-color-transp-70);
	border-radius:5px;
	overflow:hidden;
}
.faq .faq-container .faq-item:last-child {
	margin-bottom:0;
}
.faq .faq-container .faq-item h3 {
	font-size:16px;
	line-height:24px;
	margin:0 30px 0 0;
	cursor:pointer;
	display:flex;
	align-items:center;
}
.faq .faq-container .faq-item h3 .num {
	color:var(--accent-color);
	padding-right:5px;
}
.faq .faq-container .faq-item h3:hover {
	color:var(--accent-color);
}
.faq .faq-container .faq-item .faq-content {
	display:grid;
	grid-template-rows:0fr;
	visibility:hidden;
	opacity:0;
}
.faq .faq-container .faq-item .faq-content p {
	margin-bottom:0;
	overflow:hidden;
}
.faq .faq-container .faq-item .faq-toggle {
	position:absolute;
	top:20px;
	right:20px;
	font-size:16px;
	line-height:0;
	cursor:pointer;
}
.faq .faq-container .faq-item .faq-toggle:hover {
	color:var(--accent-color);
}
.faq .faq-container .faq-active h3 {
	color:var(--accent-color);
}
.faq .faq-container .faq-active .faq-content {
	grid-template-rows:1fr;
	visibility:visible;
	opacity:1;
	padding-top:10px;
}
.faq .faq-container .faq-active .faq-toggle {
	transform:rotate(90deg);
	color:var(--accent-color);
}
.team {
--default-color:var(--contrast-color);
}
.team .section-title {
	color:var(--heading-color);
}
.team .member {
	text-align:center;
	position:relative;
	overflow:hidden;
}
.team .member .member-info {
	opacity:0;
	position:absolute;
	inset:0;
}
.team .member .member-info-content {
	position:absolute;
	left:50px;
	right:0;
	bottom:0;
}
.team .member .member-info-content h4 {
	color:var(--contrast-color);
	margin-bottom:2px;
	font-size:18px;
}
.team .member .member-info-content span {
	font-style:italic;
	display:block;
	font-size:13px;
}
.team .member .social {
	position:absolute;
	left:-50px;
	top:0;
	bottom:0;
	width:50px;
	background:rgba(0, 0, 0, 0.6);
	text-align:center;
}
.team .member .social a {
	display:block;
	color:var(--default-color);
	margin-top:15px;
}
.team .member .social a:hover {
	color:var(--accent-color);
}
.team .member .social i {
	font-size:18px;
	margin:0 2px;
}
.team .member:hover .member-info {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(255, 255, 255, 0) 100%);
	opacity:1;
}
.team .member:hover .member-info-content {
	bottom:30px;
}
.team .member:hover .social {
	left:0;
}
.contact .info-wrap {
	padding:30px;
	height:100%;
	border:2px solid var(--accent-color-transp-75);
	background-color:var(--contrast-color);
}
.contact .info-wrap:hover {
	border-color:var(--accent-color);
}
@media (max-width:575px) {
.contact .info-wrap {
padding:20px;
}
}
.contact .info-item {
	margin-bottom:40px;
}
.contact .info-item i {
	font-size:20px;
	color:var(--accent-color);
	background:var(--accent-color-transp-90);
	width:44px;
	height:44px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50px;
	margin-right:15px;
}
.contact .info-item h3 {
	padding:0;
	font-size:18px;
	margin-bottom:5px;
}
.contact .info-item p {
	padding:0;
	margin-bottom:0;
	font-size:14px;
}
.contact .info-item:hover i {
	background:var(--accent-color);
	color:var(--contrast-color);
}
.contact .info-item span {
	padding:20px;
	color:var(--contrast-color);
	background:var(--accent-color);
	border-radius:50%;
}
.contact .php-email-form {
	height:100%;
	padding:30px;
	border: 2px solid var(--accent-color-transp-75);
	background-color: var(--contrast-color);
}
.contact .php-email-form:hover, .contact .php-email-form:focus {
	border-color: var(--accent-color);
}
@media (max-width:575px) {
.contact .php-email-form {
padding:20px;
}
}
.contact .php-email-form input[type=text], .contact .php-email-form input[type=email], .contact .php-email-form textarea {
	font-size:14px;
	padding:10px 15px;
	box-shadow:none;
	border-radius:0;
	color:var(--default-color);
	border-color:var(--default-color-transp-70);
}
.contact .php-email-form input[type=text]:focus, .contact .php-email-form input[type=email]:focus, .contact .php-email-form textarea:focus {
	border-color:var(--accent-color);
}
.contact .php-email-form input[type=text]::placeholder, .contact .php-email-form input[type=email]::placeholder, .contact .php-email-form textarea::placeholder {
color:var(--default-color-transp-70);
}
.contact .php-email-form button[type=submit] {
	color:var(--contrast-color);
	background:var(--accent-color);
	border:0;
	padding:10px 30px;
	border-radius:50px;
}
.contact .php-email-form button[type=submit]:hover {
	background:var(--accent-color-transp-25);
}
.portfolio-details .portfolio-details-slider img {
	width:100%;
}
.portfolio-details .portfolio-info {
	background-color:var(--surface-color);
	padding:30px;
	box-shadow:0px 0 30px rgba(0, 0, 0, 0.1);
}
.portfolio-details .portfolio-info h3 {
	font-size:22px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid var(--default-color-transp-70);
}
.portfolio-details .portfolio-info ul {
	list-style:none;
	padding:0;
	font-size:15px;
}
.portfolio-details .portfolio-info ul li+li {
	margin-top:10px;
}
.portfolio-details .portfolio-description {
	padding-top:30px;
}
.portfolio-details .portfolio-description h2 {
	font-size:26px;
	margin-bottom:20px;
}
.portfolio-details .portfolio-description p {
	padding:0;
}
.service-details .services-list {
	background-color:#fffaf8;
	padding:10px 30px;
	border:1px solid var(--default-color-transp-90);
	margin-bottom:20px;
	border-radius:10px;
}
.service-details .services-list a {
	display:block;
	line-height:1;
	padding:8px 0 8px 15px;
	border-left:3px solid var(--default-color-transp-70);
	margin:20px 0;
	color:var(--default-color-transp-25);
}
.service-details .services-list a.active {
	color:var(--heading-color);
	border-color:var(--accent-color);
}
.service-details .services-list a:hover {
	border-color:var(--accent-color);
}
.service-details h3 {
	font-size:26px;
}
.service-details h4 {
	font-size:20px;
}
.service-details p {
	font-size:15px;
}
.service-details ul {
	list-style:none;
	padding:0;
	font-size:15px;
}
.service-details ul li {
	padding:5px 0;
	display:flex;
	align-items:center;
}
.service-details ul i {
	font-size:20px;
	margin-right:8px;
	color:var(--accent-color);
}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
	overflow:hidden;
}
.testimonials .testimonial-item {
	min-height:320px;
}
.testimonials .testimonial-item div:first-child {
	max-width:70%;
	height:80px;
	line-height:54px;
	margin:0px 0px -40px 15%;
	padding:10px;
	position:relative;
	z-index:2;
	background-color:var(--contrast-color);
	border:2px solid var(--accent-color-transp-90);
}
.testimonials .testimonial-item div:first-child img {
	height:auto;
	max-width: 100%;
	vertical-align: middle; 
}
.testimonials .testimonial-item .testimonial-img {
	max-width:80px;
	height:80px;
	border-radius:50%;
	margin:-40px 0px 0px 0px;
	position:relative;
	z-index:2;
	border:2px solid var(--accent-color-transp-90);
	padding:10px;
	background-color:var(--contrast-color);
}
.testimonials .testimonial-item h3 {
	font-size:18px;
}
.testimonials .testimonial-item h4 {
	font-size:14px;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
	font-size:26px;
}
.testimonials .testimonial-item .quote-icon-left {
	display:inline-block;
	left:-5px;
	position:relative;
}
.testimonials .testimonial-item .quote-icon-right {
	display:inline-block;
	right:-5px;
	position:relative;
	top:10px;
}
.testimonials .testimonial-item p {
	color:var(--heading-color);
	margin:0px;
	padding:50px 15px;
	background:#FEFAF8;
	position:relative;
	border-radius:6px;
	position:relative;
	z-index:1;
	height:325px;
	border:1px solid var(--accent-color-transp-90);
}
.service-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	font-size: 32px;
	margin-right: 15px;
	line-height: 0;
	border-radius: 50%;
	padding: 35px;
	color: var(--accent-color);
	background-color: var(--accent-color-transp-90);
}
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	border: 2px solid #e9ecee;
}
.pricing h3 {
	font-weight: 400;
	padding: 20px 15px;
	font-size: 18px;
	font-weight: 400;
}
.pricing h4 {
	font-size: 36px;
	color: var(--accent-color);
	font-weight: 600;
	margin-bottom: 20px;
}
.pricing h4 sup {
	font-size: 20px;
	top: -15px;
	left: -3px;
}
.pricing h4 span {
	color: #aaaaaa;
	font-size: 16px;
	font-weight: 300;
}
.pricing ul {
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	font-size: 14px;
}
.pricing ul li {
	padding-bottom: 16px;
}
.pricing ul .na {
	color: #ccc;
	text-decoration: line-through;
}
.pricing .btn-wrap {
	padding: 20px 15px;
	text-align: center;
}
.pricing .btn-buy {
	background: var(--accent-color);
	display: inline-block;
	padding: 8px 30px;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	width:100%;
}
.pricing .featured {
	background: var(--accent-color);
	border-color: var(--accent-color);
}
.pricing .featured h3, .pricing .featured h4, .pricing .featured h4 span, .pricing .featured ul, .pricing .featured ul .na {
	color: #fff;
}
.pricing .featured .btn-buy {
	background: #fff;
	color: var(--accent-color);
}
.pricing .advanced {
	width: 200px;
	position: absolute;
	top: 18px;
	right: -68px;
	transform: rotate(45deg);
	z-index: 1;
	font-size: 14px;
	padding: 1px 0 3px 0;
	background: var(--accent-color);
	color: #fff;
}
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
	padding: 60px 0;
}
.faq .faq-list {
	padding: 0 0 0 15px;
}
.faq .faq-list li {
	border-bottom: 1px solid #e3e7e9;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.faq .faq-list .question {
	display: block;
	position: relative;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	padding: 10px;
	cursor: pointer;
	background-color: var(--accent-color);
	color: var(--contrast-color);
}
.faq .faq-list i {
	font-size: 16px;
	position: absolute;
	right: 10px;
}
.faq .faq-list p {
	padding: 10px;
	background: #FEFAF8;
	border: 1px solid var(--accent-color);
	border-top:none;
}
.faq .faq-list .icon-show {
	display: none;
}
.faq .faq-list .collapsed {
	background-color: var(--white-color);
	color: var(--default-color);
	padding:0 0 0 10px;
}
.faq .faq-list .collapsed:hover {
	color: var(--accent-color);
}
.faq .faq-list .collapsed .icon-show {
	display: inline-block;
}
.faq .faq-list .collapsed .icon-close {
	display: none;
}
.embed-map {
	border:1px solid #CCC;
	width: 100%;
	height: 270px;
}
.capcha-btn {
	color: var(--accent-color);
	background: var(--accent-color-transp-90);
	border-radius: 5px;
	width: 100%;
	font-weight: bolder;
	padding: 0;
	font-size: x-large;
	border:1px solid #eee;
}
.home-benefit-img {
	width:100%;
	height:auto;
}
.home-section-highlight-p > i {
	height:auto;
	max-width:30px;
}
.testimonial-logo {
	max-width:100% !important;
}