:root {
    --action: #fca311;
    --primary: #14213d;
}
body {
    font-weight: 400;
}
.rr-btn {
    background: var(--primary);
    border-radius: 0;
    transition: all 0.5s;
}
.rr-btn:hover {
    background-color: var(--action);
}
.rr-btn::before {
    display: none;
}
.rr-btn:hover .btn-wrap .text-one,
.rr-btn:focus .btn-wrap .text-one {
    transform: none;
}
.loader-wrap .loader-wrap-heading .load-text {
    color: var(--primary);
    font-weight: 400;
}
.progress-wrap::after {
    background: var(--action);
}
.progress-wrap.active-progress {
    background: var(--action);
}
.header-area-10 .side-toggle.show-light {
    align-items: center;
    display: flex;
}
.header-area-10 .side-toggle.show-dark {
    display: none;
}
.dark .header-area-10 .side-toggle.show-light {
    display: none;
}
.dark .header-area-10 .side-toggle.show-dark {
    align-items: center;
    display: flex;
}
.header-area-10 .offcanvas-3 .side-info-close span {
    background-color: var(--primary);
    border: none;
    color: #f8fafc;
}
.header-area-10 .offcanvas-3 .side-info-close:hover span {
    background-color: var(--action);
    color: #f8fafc;
}
.header-area-10 .offcanvas-3.info-open {
    background: #e5e5e5;
}
.header-area-10 .side-toggle span {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}
.header-area-10 .offcanvas-3 {
    border-radius: 0;
    right: 5px;
}
.header-area-10 .offcanvas-3 .offset-header {
    background: #f8fafc;
    border: none;
    border-radius: 0;
}
.header-area-10 .offcanvas-3 .side-info-close {
    font-family: var(--font_body);
    font-size: 18px;
    font-weight: 400;
}
.header-area-10 .offcanvas-3 .offset-header .date {
    color: var(--secondary);
    font-family: var(--font_body);
    font-size: 18px;
}
.header-area-10 .offcanvas-3 .contact-info-item a:hover {
    color: var(--action);
}
.header-area-10 .offcanvas-3 .contact-info-item a::before {
    display: none;
}
.header-area-10 .offcanvas-3 .contact-item .socail-media li a:hover {
    color: var(--action);
}
.header-area-10 .offcanvas-3 .contact-item .nav-list li a {
    color: var(--primary);
}
.header-area-10 .offcanvas-3 .contact-item .nav-list li a:hover {
    color: var(--action);
}
.header-area-10 .offcanvas-3 .offset-header h6 {
    color: var(--secondary);
    font-size: 18px;
}
.header-area-10 .offcanvas-3 .contact-item .title {
    color: var(--secondary);
}
.header-area-10 .offcanvas-3 .contact-info-item .title {
    color: var(--secondary);
}
.mobile-menu.mean-container .mean-nav ul li a {
    border: none;
    font-weight: 400;
}
.mobile-menu.mean-container .mean-nav > ul > li:last-child > a {
    border: none;
}
.mean-container .mean-nav ul li a:hover {
    background: transparent;
}
.footer-logo img {
    max-width: 120px;
}
.footer-area-6 .widget-header .footer-widget-box .footer-nav-list li {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}
.footer-area-6 .footer-6-wrapper-box .footer-6-wrapper .copyright h3 {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
}
.footer-area-6 .footer-6-wrapper-box .footer-6-wrapper .copyright h3 a {
    color: var(--secondary);
}
.footer-area-6 .footer-6-wrapper-box .footer-6-wrapper .copyright h3 a:hover {
    color: var(--action);
}
.footer-area-6 .footer-6-wrapper-box .footer-6-wrapper .copyright h3 a::before {
    display: none;
}
.footer-area-6__wrapper .footer-center .decs {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 400;
}
.footer-area-6 .footer-nav-list:hover li a {
    opacity: 1;
}
.footer-area-6 .footer-widget-box .title {
    color: var(--secondary);
}
.footer-area-6 .footer-widget-wrapper-box {
    margin-bottom: 88px;
}
.footer-area-6 .footer-widget-box {
    margin-bottom: 0;
}
.footer-area-10 {
    background: #f8fafc;
}
.hero-section-10 {
    background: #f8fafc;
}
.hero-section-10__content .decs {
    color: var(--secondary);
}
.hero-section-10__wrapper {
    padding-bottom: 50px;
    padding-top: 50px;
}
.about-section {
    background: #f8fafc;
    border-bottom: 2px solid rgba(17, 17, 17, 0.1);
}
.about-section-wrapper {
    border-left: 1px solid rgba(17, 17, 17, 0.1);
    border-right: 1px solid rgba(17, 17, 17, 0.1);
    margin: 0 15px 0 15px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.about__page {
    padding-top: 0;
}
.about__page-content-box .sub-content .sub-title {
    color: var(--action);
}
.about__page-item-box {
    margin-top: 15px;
}
.about__page-card {
    background: #e5e5e5;
}
.about__page-item-box .card-2 {
    background: var(--action);
}
.about__page-item-box .card-3 {
    background: var(--primary);
}
.services-section {
    background: #f8fafc;
    border-bottom: 2px solid rgba(17, 17, 17, 0.1);
}
.services-section-wrapper {
    border-left: 1px solid rgba(17, 17, 17, 0.1);
    border-right: 1px solid rgba(17, 17, 17, 0.1);
    margin: 0 15px 0 15px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.service-page__inner .service-page__item:not(:last-child) {
    border-bottom: none;
}
.service-page__item {
    margin-bottom: 0;
}
.service-page__item::before {
    background: var(--primary);
}
.service-page__item:hover::before {
    background: var(--primary);
}
.service-page__item .number span {
    background: var(--action);
}
.service-page__item:hover .number h4 {
    color: #f8fafc;
    transition: all 0.5s;
}
.service-page__item:hover .service-page__content .title h3 {
    color: #f8fafc;
    transition: all 0.5s;
}
.service-page__item:hover .service-page__list ul li {
    color: #f8fafc;
    opacity: 0.5;
    transition: all 0.5s;
}
.service-page__list ul li {
    color: var(--secondary);
}
.works-section-10 {
    background: #f8fafc;
}
.works-section-10__inner-3 {
    padding-bottom: 50px;
}
.contact-section {
    background: #f8fafc;
    border-bottom: 1px solid rgba(17, 17, 17, 0.1);
    border-top: 1px solid rgba(17, 17, 17, 0.1);
}
.contact-section-wrapper {
    border-left: 1px solid rgba(17, 17, 17, 0.1);
    border-right: 1px solid rgba(17, 17, 17, 0.1);
    margin: 0 15px 0 15px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.contact-page .socail-media__item .icon {
    background: var(--primary);
    border: none;
    border-radius: 0;
    color: #f8fafc;
}
.contact-page .socail-media__item .icon:hover {
    background: var(--action);
    border: none;
}
.contact-page .socail-media__item .text a:hover {
    color: var(--action);
}
.contact-page .socail-media__item .text span {
    color: var(--secondary);
}
.contact-page .direct-contact span {
    color: var(--secondary);
}
.contact-page .direct-contact a:hover {
    color: var(--action);
}
.contact-page .direct-contact a::before {
    display: none;
}
.contact-page .contact-formfield {
    border-radius: 0;
}
.contact-page .contact-formfield:hover {
    background: #e5e5e5;
}
.contact-page .contact-formfield input::placeholder {
    color: var(--secondary);
}
.contact-page .contact-formfield input {
    color: var(--secondary);
}
.contact-page .contact-formwrap {
    grid-template-columns: 1fr;
}
.contact-page .contact-formwrap .contact-formfield,
.contact-page .contact-formwrap .contact-formfield:nth-child(2),
.contact-page .contact-formwrap .contact-formfield:nth-child(3) {
    grid-column: 1;
}
.project-header-section {
    background: #f8fafc;
    border-bottom: 2px solid rgba(17, 17, 17, 0.1);
}
.project-header-section-wrapper {
    border-left: 1px solid rgba(17, 17, 17, 0.1);
    border-right: 1px solid rgba(17, 17, 17, 0.1);
    margin: 0 15px 0 15px;
    padding-bottom: 50px;
    padding-top: 88px;
}
.portfolio-details-page__inner {
    padding-top: 50px;
    padding-bottom: 0;
}
.portfolio-details-page__inner .portfolio-item {
    border: none;
}
.portfolio-details-page__inner .portfolio-list:first-child {
    border: none;
}
.portfolio-details-page__inner .portfolio-thumb img {
    border-radius: 0;
}
.portfolio-details-page__inner .portfolio-item span {
    color: var(--secondary);
    font-weight: 400;
}
.portfolio-details-page__inner .portfolio-item h4 {
    font-weight: 400;
}
.portfolio-details-page__inner .portfolio-content .portfolio-btn:hover {
    color: var(--action);
}
.portfolio-details-page__inner .portfolio-content .portfolio-btn::before {
    display: none;
}
.project-body-section {
    background: #f8fafc;
    border-bottom: 2px solid rgba(17, 17, 17, 0.1);
}
.project-body-section-wrapper {
    border-left: 1px solid rgba(17, 17, 17, 0.1);
    border-right: 1px solid rgba(17, 17, 17, 0.1);
    margin: 0 15px 0 15px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.portfolio-details__content-box {
    margin-top: 0;
    margin-bottom: 50px;
}
.portfolio-details__inner {
    margin-bottom: 0;
}
.portfolio-details-page__inner .portfolio-wrapper {
    gap: 85px;
}
.portfolio-details__item .thumb {
    border-radius: 0;
}
.portfolio-details__item .thumb img {
    border-radius: 0;
}