:root {--default-font: "Roboto",system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font: "Raleway",sans-serif;--nav-font: "Nunito",sans-serif;}:root { --background-color: #ffffff; --default-color: #444444; --heading-color: #111111; --accent-color: #1bbd36; --surface-color: #ffffff; --contrast-color: #ffffff; }:root {--nav-color: #444444;--nav-hover-color: #1bbd36; --nav-mobile-background-color: #ffffff; --nav-dropdown-background-color: #ffffff; --nav-dropdown-color: #444444; --nav-dropdown-hover-color: #1bbd36; }.light-background {--background-color: #f7f7f7;--surface-color: #ffffff;}.dark-background {--background-color: #060606;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #252525;--contrast-color: #ffffff;}.accent-background {--background-color: #1bbd36;--default-color: #ffffff;--heading-color: #ffffff;--accent-color: #ffffff;--surface-color: #2ae149;--contrast-color: #ffffff;}:root {scroll-behavior: smooth;}body {color: var(--default-color);background-color: var(--background-color);font-family: var(--default-font);}a {color: var(--accent-color);text-decoration: none;transition: 0.3s;}a:hover {color: color-mix(in srgb, var(--accent-color), transparent 25%);text-decoration: none;}h1,h2,h3,h4,h5,h6 {color: var(--heading-color);font-family: var(--heading-font);}.php-email-form .error-message {display: none;background: #df1529;color: #ffffff;text-align: left;padding: 15px;margin-bottom: 24px;font-weight: 600;}.php-email-form .sent-message {display: none;color: #ffffff;background: #059652;text-align: center;padding: 15px;margin-bottom: 24px;font-weight: 600;}.php-email-form .loading {display: none;background: var(--surface-color);text-align: center;padding: 15px;margin-bottom: 24px;}.php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid var(--accent-color);border-top-color: var(--surface-color);animation: php-email-form-loading 1s linear infinite;}@keyframes php-email-form-loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.header {color: var(--default-color);background-color: var(--background-color);padding: 10px 0;transition: all 0.5s;z-index: 997;box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}.header .logo {line-height: 1;}.header .logo img {max-height: 36px;margin-right: 8px;}.header .logo h1 {font-size: 26px;margin: 0;font-weight: 700;text-transform: uppercase;color: var(--heading-color);}.header .logo span {color: var(--accent-color);font-size: 26px;font-weight: 700;}.header .header-social-links {padding: 0 0 0 15px;}.header .header-social-links a {color: color-mix(in srgb, var(--default-color), transparent 40%);padding-left: 10px;display: inline-block;transition: 0.3s;font-size: 16px;}.header .header-social-links a:hover {color: var(--accent-color);}.header .header-social-links a i {line-height: 0px;}@media (max-width: 1200px) {.header .logo {order: 1;}.header .logo h1 {font-size: 24px;}.header .header-social-links {order: 2;padding: 0 15px 0 0;}.header .navmenu {order: 3;}}@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;}.navmenu a,.navmenu a:focus {color: var(--nav-color);padding: 18px 15px;font-size: 13px;font-family: var(--nav-font);text-transform: uppercase;font-weight: 600;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}.navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;}.navmenu li:last-child a {padding-right: 0;}.navmenu li:hover>a,.navmenu .active,.navmenu .active:focus {color: var(--nav-hover-color);}.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;transition: 0.3s;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) {.mobile-nav-toggle {color: var(--nav-color);font-size: 28px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;}.navmenu {padding: 0;z-index: 9997;}.navmenu ul {display: none;list-style: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--nav-mobile-background-color);overflow-y: auto;transition: 0.3s;z-index: 9998;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}.navmenu a,.navmenu a:focus {color: var(--nav-dropdown-color);padding: 10px 20px;font-family: var(--nav-font);font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}.navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: color-mix(in srgb, var(--accent-color), transparent 90%);}.navmenu a i:hover,.navmenu a:focus i:hover {background-color: var(--accent-color);color: var(--contrast-color);}.navmenu a:hover,.navmenu .active,.navmenu .active:focus {color: var(--nav-dropdown-hover-color);}.navmenu .active i,.navmenu .active:focus i {background-color: var(--accent-color);color: var(--contrast-color);transform: rotate(180deg);}.navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--nav-dropdown-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;transition: all 0.5s ease-in-out;}.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: #fff;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);transition: 0.3s;}.mobile-nav-active .navmenu>ul {display: block;}}.footer {color: var(--default-color);background-color: var(--background-color);font-size: 14px;position: relative;}.footer .footer-top {padding-top: 50px;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.footer .footer-about .logo {line-height: 1;margin-bottom: 25px;}.footer .footer-about .logo img {max-height: 40px;margin-right: 6px;}.footer .footer-about .logo span {font-size: 26px;font-weight: 700;letter-spacing: 1px;font-family: var(--heading-font);color: var(--heading-color);}.footer .footer-about p {font-size: 14px;font-family: var(--heading-font);}.footer .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);font-size: 16px;color: color-mix(in srgb, var(--default-color), transparent 30%);margin-right: 10px;transition: 0.3s;}.footer .social-links a:hover {color: var(--accent-color);border-color: var(--accent-color);}.footer h4 {font-size: 16px;font-weight: bold;position: relative;padding-bottom: 12px;}.footer .footer-links {margin-bottom: 30px;}.footer .footer-links ul {list-style: none;padding: 0;margin: 0;}.footer .footer-links ul i {padding-right: 2px;font-size: 12px;line-height: 0;}.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 {color: color-mix(in srgb, var(--default-color), transparent 30%);display: inline-block;line-height: 1;}.footer .footer-links ul a:hover {color: var(--accent-color);}.footer .footer-contact p {margin-bottom: 5px;}.footer .footer-newsletter .newsletter-form {margin-top: 30px;margin-bottom: 15px;padding: 6px 8px;position: relative;border-radius: 4px;border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);display: flex;background-color: var(--surface-color);transition: 0.3s;}.footer .footer-newsletter .newsletter-form:focus-within {border-color: var(--accent-color);}.footer .footer-newsletter .newsletter-form input[type=email] {border: 0;padding: 4px;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;background: var(--accent-color);color: var(--contrast-color);transition: 0.3s;border-radius: 0 4px 4px 0;}.footer .footer-newsletter .newsletter-form input[type=submit]:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);}.footer .copyright {padding: 25px 0;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.footer .copyright p {margin-bottom: 0;}.footer .credits {margin-top: 6px;font-size: 13px;}#preloader {position: fixed;inset: 0;z-index: 999999;overflow: hidden;background: var(--background-color);transition: all 0.6s ease-out;}#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #ffffff;border-color: var(--accent-color) transparent var(--accent-color) transparent;border-radius: 50%;width: 60px;height: 60px;animation: animate-preloader 1.5s linear infinite;}@keyframes animate-preloader {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 99999;background-color: var(--accent-color);width: 40px;height: 40px;border-radius: 4px;transition: all 0.4s;}.scroll-top i {font-size: 24px;color: var(--contrast-color);line-height: 0;}.scroll-top:hover {background-color: color-mix(in srgb, var(--accent-color), transparent 20%);color: var(--contrast-color);}.scroll-top.active {visibility: visible;opacity: 1;}@media screen and (max-width: 768px) {[data-aos-delay] {transition-delay: 0 !important;}}.page-title {color: var(--default-color);background-color: var(--background-color);padding: 25px 0;position: relative;}.page-title h1 {font-size: 24px;font-weight: 700;}.page-title .breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;font-size: 14px;font-weight: 400;}.page-title .breadcrumbs ol li+li {padding-left: 10px;}.page-title .breadcrumbs ol li+li::before {content: "/";display: inline-block;padding-right: 10px;color: color-mix(in srgb, var(--default-color), transparent 70%);}section,.section {color: var(--default-color);background-color: var(--background-color);padding: 60px 0;scroll-margin-top: 100px;overflow: clip;}@media (max-width: 1199px) {section,.section {scroll-margin-top: 66px;}}.section-title {text-align: center;padding-bottom: 60px;position: relative;}.section-title h2 {font-size: 32px;font-weight: 700;margin-bottom: 20px;text-transform: uppercase;padding-bottom: 20px;position: relative;}.section-title h2:after {content: "";position: absolute;display: block;width: 50px;height: 3px;background: var(--accent-color);left: 0;right: 0;bottom: 0;margin: auto;}.section-title p {margin-bottom: 0;}.hero {padding: 0;}.hero .carousel {width: 100%;min-height: calc(100vh - 75px);padding: 0;margin: 0;position: relative;}@media (max-height: 500px),(max-width: 1200px) {.hero .carousel {min-height: calc(100vh - 48px);}}.hero img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}.hero .carousel-item {position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: flex-end;}.hero .container {background: color-mix(in srgb, var(--surface-color), transparent 40%);position: relative;text-align: center;padding-top: 30px;padding-bottom: 30px;margin-bottom: 50px;border-top: 4px solid var(--accent-color);z-index: 3;}@media (max-width: 1200px) {.hero .container {margin-left: 50px;margin-right: 50px;}}.hero h2 {margin-bottom: 20px;font-size: 36px;font-weight: 700;}@media (max-width: 768px) {.hero h2 {font-size: 30px;}}.hero .btn-get-started {font-weight: 500;font-size: 15px;letter-spacing: 1px;display: inline-block;padding: 8px 32px;transition: 0.5s;margin: 10px;border-radius: 4px;color: var(--contrast-color);border: 2px solid var(--accent-color);}.hero .btn-get-started:hover {background: var(--accent-color);color: var(--contrast-color);}.hero .carousel-control-prev {justify-content: start;}@media (min-width: 640px) {.hero .carousel-control-prev {padding-left: 15px;}}.hero .carousel-control-next {justify-content: end;}@media (min-width: 640px) {.hero .carousel-control-next {padding-right: 15px;}}.hero .carousel-control-next-icon,.hero .carousel-control-prev-icon {background: none;font-size: 26px;line-height: 0;background: color-mix(in srgb, var(--default-color), transparent 90%);border-radius: 50px;color: var(--contrast-color);transition: 0.3s;width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;}.hero .carousel-control-prev,.hero .carousel-control-next {transition: 0.3s;opacity: 0.5;}.hero .carousel-control-prev:focus,.hero .carousel-control-next:focus {opacity: 0.5;}.hero .carousel-control-prev:hover,.hero .carousel-control-next:hover {opacity: 0.9;}.hero .carousel-control-prev:hover .carousel-control-next-icon,.hero .carousel-control-prev:hover .carousel-control-prev-icon,.hero .carousel-control-next:hover .carousel-control-next-icon,.hero .carousel-control-next:hover .carousel-control-prev-icon {background: var(--accent-color);color: var(--default-color);}.hero .carousel-indicators li {cursor: pointer;background: var(--default-color);overflow: hidden;border: 0;width: 12px;height: 12px;border-radius: 50px;opacity: 0.6;transition: 0.3s;}.hero .carousel-indicators li.active {opacity: 1;background: var(--accent-color);}.about .inner-title {font-size: 2.75rem;font-weight: 700;margin: 30px 0;}@media (min-width: 991px) {.about .inner-title {max-width: 65%;margin: 0 0 80px 0;}}.about .our-story {padding: 40px;background-color: color-mix(in srgb, var(--default-color), transparent 96%);}@media (min-width: 991px) {.about .our-story {padding-right: 35%;}}.about .our-story h4 {text-transform: uppercase;font-size: 1.1rem;color: color-mix(in srgb, var(--default-color), transparent 50%);}.about .our-story h3 {font-size: 2.25rem;font-weight: 700;color: color-mix(in srgb, var(--default-color), transparent 20%);}.about .our-story p:last-child {margin-bottom: 0;}.about ul {list-style: none;padding: 0;font-size: 15px;}.about ul li {padding: 5px 0;display: flex;align-items: center;}.about ul i {font-size: 1.25rem;margin-right: 0.5rem;line-height: 1.2;color: var(--accent-color);}.about .watch-video i {font-size: 2rem;transition: 0.3s;color: var(--accent-color);}.about .watch-video a {font-weight: 600;color: color-mix(in srgb, var(--default-color), transparent 20%);margin-left: 8px;transition: 0.3s;}.about .watch-video:hover a {color: var(--accent-color);}.about .about-img {min-height: 400px;position: relative;}@media (min-width: 992px) {.about .about-img {position: absolute;top: 0;right: 0;min-height: 600px;}}.about .about-img img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 1;}.services .service-item {background-color: var(--surface-color);box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);height: 100%;padding: 60px 30px;text-align: center;transition: 0.3s;border-radius: 5px;}.services .service-item .icon {margin: 0 auto;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;transition: ease-in-out 0.3s;position: relative;}.services .service-item .icon i {font-size: 36px;transition: 0.5s;position: relative;}.services .service-item .icon svg {position: absolute;top: 0;left: 0;}.services .service-item .icon svg path {transition: 0.5s;fill: color-mix(in srgb, var(--default-color), transparent 95%);}.services .service-item h3 {font-weight: 700;margin: 10px 0 15px 0;font-size: 22px;}.services .service-item p {line-height: 24px;font-size: 14px;margin-bottom: 0;}.services .service-item:hover {box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.1);}.services .service-item.item-cyan i {color: #0dcaf0;}.services .service-item.item-cyan:hover .icon i {color: #fff;}.services .service-item.item-cyan:hover .icon path {fill: #0dcaf0;}.services .service-item.item-orange i {color: #fd7e14;}.services .service-item.item-orange:hover .icon i {color: #fff;}.services .service-item.item-orange:hover .icon path {fill: #fd7e14;}.services .service-item.item-teal i {color: #20c997;}.services .service-item.item-teal:hover .icon i {color: #fff;}.services .service-item.item-teal:hover .icon path {fill: #20c997;}.services .service-item.item-red i {color: #df1529;}.services .service-item.item-red:hover .icon i {color: #fff;}.services .service-item.item-red:hover .icon path {fill: #df1529;}.services .service-item.item-indigo i {color: #6610f2;}.services .service-item.item-indigo:hover .icon i {color: #fff;}.services .service-item.item-indigo:hover .icon path {fill: #6610f2;}.services .service-item.item-pink i {color: #f3268c;}.services .service-item.item-pink:hover .icon i {color: #fff;}.services .service-item.item-pink:hover .icon path {fill: #f3268c;}.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: 8px 20px 10px 20px;margin: 0;font-size: 15px;font-weight: 500;line-height: 1;margin-bottom: 5px;border-radius: 4px;transition: all 0.3s ease-in-out;font-family: var(--heading-font);}.portfolio .portfolio-filters li:hover,.portfolio .portfolio-filters li.filter-active {color: var(--contrast-color);background-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 0 10px 0;}}.portfolio .portfolio-item {position: relative;overflow: hidden;}.portfolio .portfolio-item .portfolio-info {opacity: 0;position: absolute;left: 12px;right: 12px;bottom: -100%;z-index: 3;transition: all ease-in-out 0.5s;background: color-mix(in srgb, var(--surface-color), transparent 10%);padding: 15px;}.portfolio .portfolio-item .portfolio-info h4 {font-size: 18px;font-weight: 600;padding-right: 50px;}.portfolio .portfolio-item .portfolio-info p {color: color-mix(in srgb, var(--default-color), transparent 30%);font-size: 14px;margin-bottom: 0;padding-right: 50px;}.portfolio .portfolio-item .portfolio-info .preview-link,.portfolio .portfolio-item .portfolio-info .details-link {position: absolute;right: 50px;font-size: 24px;top: calc(50% - 14px);color: color-mix(in srgb, var(--default-color), transparent 30%);transition: 0.3s;line-height: 0;}.portfolio .portfolio-item .portfolio-info .preview-link:hover,.portfolio .portfolio-item .portfolio-info .details-link:hover {color: var(--accent-color);}.portfolio .portfolio-item .portfolio-info .details-link {right: 14px;font-size: 28px;}.portfolio .portfolio-item:hover .portfolio-info {opacity: 1;bottom: 0;}.clients .clients-wrap {border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);}.clients .client-logo {background-color: var(--surface-color);display: flex;justify-content: center;align-items: center;border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);overflow: hidden;}.clients .client-logo img {padding: 50px;max-width: 80%;transition: 0.3s;}@media (max-width: 640px) {.clients .client-logo img {padding: 30px;max-width: 50%;}}.clients .client-logo:hover img {transform: scale(1.1);}.skills .progress {height: 60px;display: block;background: none;border-radius: 0;}.skills .progress .skill {color: var(--heading-color);padding: 0;margin: 0 0 6px 0;text-transform: uppercase;display: block;font-weight: 600;font-family: var(--heading-font);}.skills .progress .skill .val {float: right;font-style: normal;}.skills .progress-bar-wrap {background: color-mix(in srgb, var(--default-color), transparent 90%);height: 10px;}.skills .progress-bar {width: 1px;height: 10px;transition: 0.9s;background-color: var(--accent-color);}.team .team-member {background-color: var(--surface-color);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);overflow: hidden;border-radius: 5px;}.team .team-member .member-img {position: relative;overflow: hidden;}.team .team-member .social {position: absolute;left: 0;bottom: 0;right: 0;height: 40px;opacity: 0;transition: ease-in-out 0.3s;background: color-mix(in srgb, var(--background-color), transparent 20%);display: flex;align-items: center;justify-content: center;}.team .team-member .social a {transition: color 0.3s;color: var(--heading-color);margin: 0 10px;display: inline-flex;align-items: center;justify-content: center;}.team .team-member .social a i {line-height: 0;}.team .team-member .social a:hover {color: var(--accent-color);}.team .team-member .social i {font-size: 18px;margin: 0 2px;}.team .team-member .member-info {padding: 25px 15px;text-align: center;}.team .team-member .member-info h4 {font-weight: 700;margin-bottom: 5px;font-size: 18px;color: color-mix(in srgb, var(--default-color), transparent 20%);}.team .team-member .member-info span {display: block;font-size: 13px;font-weight: 400;color: color-mix(in srgb, var(--default-color), transparent 40%);}.team .team-member .member-info p {font-style: italic;font-size: 14px;line-height: 26px;color: color-mix(in srgb, var(--default-color), transparent 40%);}.team .team-member:hover .social {opacity: 1;}.testimonials .testimonial-item {background-color: var(--surface-color);box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);padding: 30px;position: relative;height: 100%;}.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50px;border: 6px solid var(--background-color);float: left;margin: 0 10px 0 0;}.testimonials .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 10px 0 5px 0;}.testimonials .testimonial-item h4 {font-size: 14px;color: color-mix(in srgb, var(--default-color), transparent 20%);margin: 0;}.testimonials .testimonial-item .stars {margin: 10px 0;}.testimonials .testimonial-item .stars i {color: #ffc107;margin: 0 1px;}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right {color: color-mix(in srgb, var(--accent-color), transparent 50%);font-size: 26px;line-height: 0;}.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;transform: scale(-1, -1);}.testimonials .testimonial-item p {font-style: italic;margin: 15px 0 0 0;padding: 0;}.features .features-item {background-color: var(--surface-color);display: flex;align-items: center;padding: 20px;transition: 0.3s;border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);position: relative;}.features .features-item i {font-size: 32px;padding-right: 10px;line-height: 0;}.features .features-item h3 {font-weight: 700;margin: 0;padding: 0;line-height: 1;font-size: 16px;}.features .features-item h3 a {color: var(--heading-color);transition: 0.3s;}.features .features-item:hover {border-color: var(--accent-color);}.features .features-item:hover h3 a {color: var(--accent-color);}.service-details .services-list {background-color: var(--surface-color);padding: 10px 30px;border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);margin-bottom: 20px;}.service-details .services-list a {display: block;line-height: 1;padding: 8px 0 8px 15px;border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%);margin: 20px 0;color: color-mix(in srgb, var(--default-color), transparent 20%);transition: 0.3s;}.service-details .services-list a.active {color: var(--heading-color);font-weight: 700;border-color: var(--accent-color);}.service-details .services-list a:hover {border-color: var(--accent-color);}.service-details .services-img {margin-bottom: 20px;}.service-details h3 {font-size: 26px;font-weight: 700;}.service-details h4 {font-size: 20px;font-weight: 700;}.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);}.portfolio-details .portfolio-details-slider img {width: 100%;}.portfolio-details .swiper-wrapper {height: auto;}.portfolio-details .swiper-button-prev,.portfolio-details .swiper-button-next {width: 48px;height: 48px;}.portfolio-details .swiper-button-prev:after,.portfolio-details .swiper-button-next:after {color: rgba(255, 255, 255, 0.8);background-color: rgba(0, 0, 0, 0.15);font-size: 24px;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;transition: 0.3s;}.portfolio-details .swiper-button-prev:hover:after,.portfolio-details .swiper-button-next:hover:after {background-color: rgba(0, 0, 0, 0.3);}@media (max-width: 575px) {.portfolio-details .swiper-button-prev,.portfolio-details .swiper-button-next {display: none;}}.portfolio-details .swiper-pagination {margin-top: 20px;position: relative;}.portfolio-details .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background-color: color-mix(in srgb, var(--default-color), transparent 85%);opacity: 1;}.portfolio-details .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--accent-color);}.portfolio-details .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;position: relative;}.portfolio-details .portfolio-info h3:after {content: "";position: absolute;display: block;width: 50px;height: 3px;background: var(--accent-color);left: 0;bottom: 0;}.portfolio-details .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}.portfolio-details .portfolio-info ul li {display: flex;flex-direction: column;padding-bottom: 15px;}.portfolio-details .portfolio-info ul strong {text-transform: uppercase;font-weight: 400;color: color-mix(in srgb, var(--default-color), transparent 50%);font-size: 14px;}.portfolio-details .portfolio-info .btn-visit {padding: 8px 40px;background: var(--accent-color);color: var(--contrast-color);border-radius: 50px;transition: 0.3s;}.portfolio-details .portfolio-info .btn-visit:hover {background: color-mix(in srgb, var(--accent-color), transparent 20%);}.portfolio-details .portfolio-description h2 {font-size: 26px;font-weight: 700;margin-bottom: 20px;}.portfolio-details .portfolio-description p {padding: 0;}.portfolio-details .portfolio-description .testimonial-item {padding: 30px 30px 0 30px;position: relative;background: color-mix(in srgb, var(--default-color), transparent 97%);margin-bottom: 50px;}.portfolio-details .portfolio-description .testimonial-item .testimonial-img {width: 90px;border-radius: 50px;border: 6px solid var(--background-color);float: left;margin: 0 10px 0 0;}.portfolio-details .portfolio-description .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 15px 0 5px 0;padding-top: 20px;}.portfolio-details .portfolio-description .testimonial-item h4 {font-size: 14px;color: #6c757d;margin: 0;}.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {color: color-mix(in srgb, var(--accent-color), transparent 50%);font-size: 26px;line-height: 0;}.portfolio-details .portfolio-description .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;}.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;transform: scale(-1, -1);}.portfolio-details .portfolio-description .testimonial-item p {font-style: italic;margin: 0 0 15px 0 0 0;padding: 0;}.pricing .pricing-item {background-color: color-mix(in srgb, var(--accent-color), transparent 96%);padding: 40px 40px;height: 100%;border-radius: 15px;}.pricing h3 {font-weight: 600;margin-bottom: 15px;font-size: 20px;}.pricing h4 {color: var(--accent-color);font-size: 48px;font-weight: 700;font-family: var(--heading-font);margin-bottom: 0;}.pricing h4 sup {font-size: 28px;}.pricing h4 span {color: color-mix(in srgb, var(--default-color), transparent 50%);font-size: 18px;font-weight: 500;}.pricing .description {font-size: 14px;}.pricing .cta-btn {border: 1px solid var(--default-color);color: var(--default-color);display: block;text-align: center;padding: 10px 35px;border-radius: 5px;font-size: 16px;font-weight: 500;font-family: var(--heading-font);transition: 0.3s;margin-top: 20px;margin-bottom: 6px;}.pricing .cta-btn:hover {background: var(--accent-color);color: var(--contrast-color);border-color: var(--accent-color);}.pricing ul {padding: 0;list-style: none;color: color-mix(in srgb, var(--default-color), transparent 30%);text-align: left;line-height: 20px;}.pricing ul li {padding: 10px 0;display: flex;align-items: center;}.pricing ul li:last-child {padding-bottom: 0;}.pricing ul i {color: #059652;font-size: 24px;padding-right: 3px;}.pricing ul .na {color: color-mix(in srgb, var(--default-color), transparent 60%);}.pricing ul .na i {color: color-mix(in srgb, var(--default-color), transparent 60%);}.pricing ul .na span {text-decoration: line-through;}.pricing .featured {position: relative;}.pricing .featured .popular {position: absolute;top: 15px;right: 15px;background-color: var(--accent-color);color: var(--contrast-color);padding: 4px 15px 6px 15px;margin: 0;border-radius: 5px;font-size: 14px;font-weight: 500;}.pricing .featured .cta-btn {background: var(--accent-color);color: var(--contrast-color);border-color: var(--accent-color);}@media (max-width: 992px) {.pricing .box {max-width: 60%;margin: 0 auto 30px auto;}}@media (max-width: 767px) {.pricing .box {max-width: 80%;margin: 0 auto 30px auto;}}@media (max-width: 420px) {.pricing .box {max-width: 100%;margin: 0 auto 30px auto;}}.blog-posts article {background-color: var(--surface-color);box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);transition: 0.3s;}.blog-posts .post-img img {transition: 0.5s;}.blog-posts .post-date {background-color: var(--accent-color);color: var(--contrast-color);position: absolute;right: 0;bottom: 0;text-transform: uppercase;font-size: 13px;padding: 6px 12px;font-weight: 500;}.blog-posts .post-content {padding: 30px;}.blog-posts .post-title {font-size: 20px;color: var(--heading-color);font-weight: 700;transition: 0.3s;margin-bottom: 15px;}.blog-posts .meta i {font-size: 16px;color: var(--accent-color);}.blog-posts .meta span {font-size: 15px;color: color-mix(in srgb, var(--default-color), transparent 40%);}.blog-posts p {margin-top: 20px;}.blog-posts hr {color: color-mix(in srgb, var(--default-color), transparent 60%);margin-bottom: 15px;}.blog-posts .readmore {display: flex;align-items: center;font-weight: 600;line-height: 1;transition: 0.3s;color: color-mix(in srgb, var(--heading-color), transparent 20%);}.blog-posts .readmore i {line-height: 0;margin-left: 6px;font-size: 16px;}.blog-posts article:hover .post-title,.blog-posts article:hover .readmore {color: var(--accent-color);}.blog-posts article:hover .post-img img {transform: scale(1.1);}.blog-pagination {padding-top: 0;color: color-mix(in srgb, var(--default-color), transparent 40%);}.blog-pagination ul {display: flex;padding: 0;margin: 0;list-style: none;}.blog-pagination li {margin: 0 5px;transition: 0.3s;}.blog-pagination li a {color: color-mix(in srgb, var(--default-color), transparent 40%);padding: 7px 16px;display: flex;align-items: center;justify-content: center;}.blog-pagination li a.active,.blog-pagination li a:hover {background: var(--accent-color);color: var(--contrast-color);}.blog-pagination li a.active a,.blog-pagination li a:hover a {color: var(--contrast-color);}.blog-details {padding-bottom: 30px;}.blog-details .article {background-color: var(--surface-color);padding: 30px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.blog-details .post-img {margin: -30px -30px 20px -30px;overflow: hidden;}.blog-details .title {color: var(--heading-color);font-size: 28px;font-weight: 700;padding: 0;margin: 30px 0;}.blog-details .content {margin-top: 20px;}.blog-details .content h3 {font-size: 22px;margin-top: 30px;font-weight: bold;}.blog-details .content blockquote {overflow: hidden;background-color: color-mix(in srgb, var(--default-color), transparent 95%);padding: 60px;position: relative;text-align: center;margin: 20px 0;}.blog-details .content blockquote p {color: var(--default-color);line-height: 1.6;margin-bottom: 0;font-style: italic;font-weight: 500;font-size: 22px;}.blog-details .content blockquote:after {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: var(--accent-color);margin-top: 20px;margin-bottom: 20px;}.blog-details .meta-top {margin-top: 20px;color: color-mix(in srgb, var(--default-color), transparent 40%);}.blog-details .meta-top ul {display: flex;flex-wrap: wrap;list-style: none;align-items: center;padding: 0;margin: 0;}.blog-details .meta-top ul li+li {padding-left: 20px;}.blog-details .meta-top i {font-size: 16px;margin-right: 8px;line-height: 0;color: color-mix(in srgb, var(--default-color), transparent 40%);}.blog-details .meta-top a {color: color-mix(in srgb, var(--default-color), transparent 40%);font-size: 14px;display: inline-block;line-height: 1;}.blog-details .meta-bottom {padding-top: 10px;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.blog-details .meta-bottom i {color: color-mix(in srgb, var(--default-color), transparent 40%);display: inline;}.blog-details .meta-bottom a {color: color-mix(in srgb, var(--default-color), transparent 40%);transition: 0.3s;}.blog-details .meta-bottom a:hover {color: var(--accent-color);}.blog-details .meta-bottom .cats {list-style: none;display: inline;padding: 0 20px 0 0;font-size: 14px;}.blog-details .meta-bottom .cats li {display: inline-block;}.blog-details .meta-bottom .tags {list-style: none;display: inline;padding: 0;font-size: 14px;}.blog-details .meta-bottom .tags li {display: inline-block;}.blog-details .meta-bottom .tags li+li::before {padding-right: 6px;color: var(--default-color);content: ",";}.blog-details .meta-bottom .share {font-size: 16px;}.blog-details .meta-bottom .share i {padding-left: 5px;}.blog-comments {padding: 10px 0;}.blog-comments .comments-count {font-weight: bold;}.blog-comments .comment {margin-top: 30px;position: relative;}.blog-comments .comment .comment-img {margin-right: 14px;}.blog-comments .comment .comment-img img {width: 60px;}.blog-comments .comment h5 {font-size: 16px;margin-bottom: 2px;}.blog-comments .comment h5 a {font-weight: bold;color: var(--default-color);transition: 0.3s;}.blog-comments .comment h5 a:hover {color: var(--accent-color);}.blog-comments .comment h5 .reply {padding-left: 10px;color: color-mix(in srgb, var(--default-color), transparent 20%);}.blog-comments .comment h5 .reply i {font-size: 20px;}.blog-comments .comment time {display: block;font-size: 14px;color: color-mix(in srgb, var(--default-color), transparent 40%);margin-bottom: 5px;}.blog-comments .comment.comment-reply {padding-left: 40px;}.comment-form {padding-top: 10px;}.comment-form form {background-color: var(--surface-color);margin-top: 30px;padding: 30px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.comment-form form h4 {font-weight: bold;font-size: 22px;}.comment-form form p {font-size: 14px;}.comment-form form input {background-color: var(--surface-color);color: var(--default-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);font-size: 14px;border-radius: 4px;padding: 10px 10px;}.comment-form form input:focus {color: var(--default-color);background-color: var(--surface-color);box-shadow: none;border-color: var(--accent-color);}.comment-form form input::placeholder {color: color-mix(in srgb, var(--default-color), transparent 50%);}.comment-form form textarea {background-color: var(--surface-color);color: var(--default-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);border-radius: 4px;padding: 10px 10px;font-size: 14px;height: 120px;}.comment-form form textarea:focus {color: var(--default-color);box-shadow: none;border-color: var(--accent-color);background-color: var(--surface-color);}.comment-form form textarea::placeholder {color: color-mix(in srgb, var(--default-color), transparent 50%);}.comment-form form .form-group {margin-bottom: 25px;}.comment-form form .btn-primary {border-radius: 4px;padding: 10px 20px;border: 0;background-color: var(--accent-color);color: var(--contrast-color);}.comment-form form .btn-primary:hover {color: var(--contrast-color);background-color: color-mix(in srgb, var(--accent-color), transparent 20%);}.contact {padding-top: 0;}.contact .info {background-color: var(--surface-color);padding: 40px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);overflow: hidden;}.contact .info h3 {font-weight: 600;font-size: 24px;}.contact .info p {color: color-mix(in srgb, var(--default-color), transparent 40%);margin-bottom: 30px;font-size: 15px;}.contact .info-item+.info-item {padding-top: 20px;margin-top: 20px;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.contact .info-item i {font-size: 24px;color: var(--accent-color);transition: all 0.3s ease-in-out;margin-right: 20px;}.contact .info-item h4 {padding: 0;font-size: 18px;line-height: 24px;font-weight: 600;margin-bottom: 5px;}.contact .info-item p {padding: 0;margin-bottom: 0;font-size: 14px;color: color-mix(in srgb, var(--default-color), transparent 40%);}.contact .php-email-form {width: 100%;}.contact .php-email-form .form-group {padding-bottom: 8px;}.contact .php-email-form input[type=text],.contact .php-email-form input[type=email],.contact .php-email-form textarea {color: var(--default-color);background-color: var(--surface-color);border-radius: 0px;box-shadow: none;font-size: 14px;border-color: color-mix(in srgb, var(--default-color), transparent 80%);}.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: color-mix(in srgb, var(--default-color), transparent 70%);}.contact .php-email-form input[type=text],.contact .php-email-form input[type=email] {height: 48px;padding: 10px 15px;}.contact .php-email-form textarea {padding: 10px 12px;height: 290px;}.contact .php-email-form button[type=submit] {background: var(--accent-color);color: var(--contrast-color);border: 0;padding: 13px 50px;transition: 0.4s;border-radius: 4px;}.contact .php-email-form button[type=submit]:hover {background: color-mix(in srgb, var(--accent-color) 90%, black 15%);}.starter-section {}.widgets-container {background-color: var(--surface-color);padding: 30px;margin: 60px 0 30px 0;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.widget-title {color: var(--heading-color);font-size: 20px;font-weight: 700;padding: 0;margin: 0 0 20px 0;}.widget-item {margin-bottom: 40px;}.widget-item:last-child {margin-bottom: 0;}.blog-author-widget img {max-width: 160px;}.blog-author-widget h4 {font-weight: 600;font-size: 24px;margin: 15px 0 0 0;padding: 0;color: color-mix(in srgb, var(--default-color), transparent 20%);}.blog-author-widget .social-links {margin: 5px 0;}.blog-author-widget .social-links a {color: color-mix(in srgb, var(--default-color), transparent 60%);margin: 0 3px;font-size: 18px;}.blog-author-widget .social-links a:hover {color: var(--accent-color);}.blog-author-widget p {font-style: italic;color: color-mix(in srgb, var(--default-color), transparent 30%);margin: 10px 0 0 0;}.search-widget form {background: var(--background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%);padding: 3px 10px;position: relative;border-radius: 50px;transition: 0.3s;}.search-widget form input[type=text] {border: 0;padding: 4px 10px;border-radius: 4px;width: calc(100% - 40px);background-color: var(--background-color);color: var(--default-color);}.search-widget form input[type=text]:focus {outline: none;}.search-widget form button {background: none;color: var(--default-color);position: absolute;top: 0;right: 0;bottom: 0;border: 0;font-size: 16px;padding: 0 16px;transition: 0.3s;line-height: 0;}.search-widget form button i {line-height: 0;}.search-widget form button:hover {color: var(--accent-color);}.search-widget form:is(:focus-within) {border-color: var(--accent-color);}.recent-posts-widget .post-item {display: flex;flex-direction: column;margin-bottom: 20px;}.recent-posts-widget .post-item:last-child {margin-bottom: 0;}.recent-posts-widget .post-item h4 {font-size: 16px;font-weight: 600;margin-bottom: 5px;}.recent-posts-widget .post-item h4 a {color: var(--default-color);transition: 0.3s;}.recent-posts-widget .post-item h4 a:hover {color: var(--accent-color);}.recent-posts-widget .post-item time {display: block;font-style: italic;font-size: 14px;color: color-mix(in srgb, var(--default-color), transparent 50%);}.tags-widget ul {list-style: none;padding: 0;margin: 0;}.tags-widget ul li {display: inline-block;}.tags-widget ul a {background-color: color-mix(in srgb, var(--default-color), transparent 94%);color: color-mix(in srgb, var(--default-color), transparent 30%);border-radius: 50px;font-size: 14px;padding: 5px 15px;margin: 0 6px 8px 0;display: inline-block;transition: 0.3s;}.tags-widget ul a:hover {background: var(--accent-color);color: var(--contrast-color);}.tags-widget ul a span {padding-left: 5px;color: color-mix(in srgb, var(--default-color), transparent 60%);font-size: 14px;}.journey-item {border-left: 3px solid var(--accent-color);padding: 10px 0 10px 25px;margin-bottom: 30px;transition: 0.3s;}.journey-item h4 {font-size: 24px;font-weight: 700;margin-bottom: 8px;color: #ffffff;}.journey-item p {font-size: 18px;color: var(--accent-color);margin-bottom: 0;font-weight: 500;}.journey-title {font-size: 42px;font-weight: 800;margin-bottom: 50px;}@media (max-width: 768px) {.hero {min-height: auto !important;height: auto !important;padding-top: 20px !important;}.hero #hero-carousel {min-height: auto !important;height: auto !important;}.hero .carousel-item {min-height: auto !important;height: auto !important;position: relative !important;display: flex !important;flex-direction: column !important;justify-content: flex-start !important;background: #000 !important;}.hero img {position: relative !important;width: 100% !important;height: auto !important;max-height: 400px !important;object-fit: contain !important;inset: initial !important;}.hero .container {position: relative !important;padding: 30px 20px !important;margin: 0 !important;width: 100% !important;background: rgba(0, 0, 0, 0.8) !important;border-top: none !important;border-bottom: 4px solid var(--accent-color) !important;}.hero h2 {font-size: 24px !important;margin-bottom: 10px !important;}.hero p {font-size: 15px !important;}}
/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/
.pricing .pricing-item {
  padding: 40px;
  background: var(--surface-color);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: transform 0.3s ease;
}

.pricing .pricing-item:hover {
  transform: translateY(-10px);
}

.pricing .pricing-item h3 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 5px;
}

.pricing .pricing-item .description {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 25px;
}

.pricing .pricing-item ul {
  padding: 0;
  list-style: none;
  color: var(--default-color);
  text-align: left;
  line-height: 20px;
  font-size: 15px;
  flex-grow: 1;
}

.pricing .pricing-item ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.pricing .pricing-item ul i {
  color: var(--accent-color);
  font-size: 20px;
  padding-right: 10px;
  line-height: 0;
}

.pricing .pricing-item .buy-btn {
  display: inline-block;
  padding: 12px 35px;
  border-radius: 50px;
  color: #fff;
  transition: none;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--heading-font);
  transition: 0.3s;
  background: #38bdf8;
  text-align: center;
  margin-top: 20px;
}

.pricing .pricing-item .buy-btn:hover {
  background: color-mix(in srgb, #38bdf8, transparent 20%);
}

.pricing .featured {
  border: 2px solid #38bdf8;
}

.pricing .featured .popular {
  background: #38bdf8;
  color: #fff;
  position: absolute;
  top: 15px;
  right: -35px;
  padding: 5px 40px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  transform: rotate(45deg);
}

.dark-background .pricing-item {
  background: #111111;
  border-color: rgba(255, 255, 255, 0.1);
}


/*--------------------------------------------------------------
# About Section Image Fix
--------------------------------------------------------------*/
@media (min-width: 992px) {
  .about .about-img {
    position: relative !important;
    min-height: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .about .about-img img {
    position: relative !important;
    height: auto !important;
    max-height: 600px !important;
    object-fit: contain !important;
  }
  /* Adjust columns to sit side-by-side since image is no longer absolute */
  .about .row {
    display: flex !important;
    align-items: center !important;
  }
  .about .col-lg-7:first-child {
    order: 2 !important;
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
  .about .col-lg-7:last-child {
    order: 1 !important;
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }
}


/*--------------------------------------------------------------
# Mobile Hero Section Visibility Fix
--------------------------------------------------------------*/
@media (max-width: 991px) {
  #hero, .hero {
    display: none !important;
  }
}