/*======= Base Class ========*/
 :root {
     --bs-primary:#3147FF;
     --bs-primary-rgb:49, 71, 255;
     --l2-primary:#A259FF;
     --l2-primary-rgb:162, 89, 255;
     --l2-secondary:#0A102F;
     --l2-secondary-rgb:10, 16, 47;
     --l3-primary:#FFC900;
     --l3-primary-rgb:255, 201, 0;
     --l4-primary:#4B2AAD;
     --l4-primary-rgb:75, 42, 173;
     --l5-primary:#FF9966;
     --l5-primary-rgb:255, 153, 102;
     --l5-secondary:#1B1C1D;
     --l5-secondary-rgb:27, 28, 29;
     --l6-primary:#3147FF;
     --l6-primary-rgb:49, 71, 255;
     --l7-primary:#191919;
     --l7-primary-rgb:25, 25, 25;
     --l7-secondary:#A259FF;
     --l7-secondary-rgb:162, 89, 255;
     --l8-primary:#C1FF00;
     --l8-primary-rgb:193, 255, 0;
     --l9-primary:#324438;
     --l9-primary-rgb:50, 68, 56;
     --l9-secondary:#F4B905;
     --l9-secondary-rgb:244, 185, 5;
     --l10-primary:#2D2B92;
     --l10-primary-rgb:45, 43, 146;
     --l10-secondary:#FFD874;
     --l10-secondary-rgb:255, 216, 116;
     --body-color:#0A102F;
     --body-color-rgb:10, 16, 47;
     --black-2:#121212;
     --black-2-rgb:18, 18, 18;
     --black-3:#1B1C1D;
     --black-3-rgb:27, 28, 29;
     --black-4:#191919;
     --black-4-rgb:25, 25, 25;
     --cream:#FDFBF9;
     --cream-rgb:253, 251, 249;
     --offwhite:#FAF9F5;
     --offwhite-rgb:250, 249, 245;
     --font-family-base:Inter, sans-serif;
     --font-family-heading:Plus Jakarta Sans, sans-serif;
     --font-wight-heading:800;
     --font-dm-sans:DM Sans, sans-serif;
}
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 body {
     font-family: var(--font-family-base);
     font-size: 1rem;
     line-height: 1.56;
}
 span, a {
     display: inline-block;
}
 a {
     text-decoration: none;
}
 ul {
     list-style: none;
     padding-left: initial;
}
 img {
     display: block;
}
 h1, h2, h3, h4 {
     font-weight: var(--font-weight-heading);
     font-family: var(--font-family-heading);
}
 p {
     font-size: 16px;
     line-height: 1.67;
     margin-bottom: initial;
     color: rgba(10, 16, 47, 0.8);
}
 @media (min-width: 576px) {
     p {
         font-size: 18px;
    }
}
/*! * Bootstrap Grid v5.3.0-alpha3 (https://getbootstrap.com/) * Copyright 2011-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
 .container {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     width: 100%;
     padding-right: calc(var(--bs-gutter-x) * 0.5);
     padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-right: auto;
     margin-left: auto;
}
 @media (min-width: 480px) {
     .container {
         max-width: 480px;
    }
}
 @media (min-width: 576px) {
     .container {
         max-width: 540px;
    }
}
 @media (min-width: 768px) {
     .container {
         max-width: 720px;
    }
}
 @media (min-width: 992px) {
     .container {
         max-width: 960px;
    }
}
 @media (min-width: 1200px) {
     .container {
         max-width: 1140px;
    }
}
 @media (min-width: 1400px) {
     .container {
         max-width: 1320px;
    }
}
 .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(-1 * var(--bs-gutter-y));
     margin-right: calc(-0.5 * var(--bs-gutter-x));
     margin-left: calc(-0.5 * var(--bs-gutter-x));
}
 .row > * {
     box-sizing: border-box;
     flex-shrink: 0;
     width: 100%;
     max-width: 100%;
     padding-right: calc(var(--bs-gutter-x) * 0.5);
     padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y);
}
 .col-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
}
 .col-12 {
     flex: 0 0 auto;
     width: 100%;
}
 @media (min-width: 480px) {
     .col-xs-8 {
         flex: 0 0 auto;
         width: 66.66666667%;
    }
     .col-xs-10 {
         flex: 0 0 auto;
         width: 83.33333333%;
    }
     .col-xs-11 {
         flex: 0 0 auto;
         width: 91.66666667%;
    }
}
 @media (min-width: 576px) {
     .col-sm-8 {
         flex: 0 0 auto;
         width: 66.66666667%;
    }
     .col-sm-10 {
         flex: 0 0 auto;
         width: 83.33333333%;
    }
     .col-sm-12 {
         flex: 0 0 auto;
         width: 100%;
    }
}
 @media (min-width: 768px) {
     .col-md-5 {
         flex: 0 0 auto;
         width: 41.66666667%;
    }
     .col-md-6 {
         flex: 0 0 auto;
         width: 50%;
    }
     .col-md-7 {
         flex: 0 0 auto;
         width: 58.33333333%;
    }
     .col-md-8 {
         flex: 0 0 auto;
         width: 66.66666667%;
    }
     .col-md-9 {
         flex: 0 0 auto;
         width: 75%;
    }
     .col-md-10 {
         flex: 0 0 auto;
         width: 83.33333333%;
    }
}
 @media (min-width: 992px) {
     .col-lg-4 {
         flex: 0 0 auto;
         width: 33.33333333%;
    }
     .col-lg-5 {
         flex: 0 0 auto;
         width: 41.66666667%;
    }
     .col-lg-7 {
         flex: 0 0 auto;
         width: 58.33333333%;
    }
     .col-lg-8 {
         flex: 0 0 auto;
         width: 66.66666667%;
    }
}
 @media (min-width: 1200px) {
     .col-xl-auto {
         flex: 0 0 auto;
         width: auto;
    }
     .col-xl-4 {
         flex: 0 0 auto;
         width: 33.33333333%;
    }
     .col-xl-5 {
         flex: 0 0 auto;
         width: 41.66666667%;
    }
     .col-xl-6 {
         flex: 0 0 auto;
         width: 50%;
    }
     .col-xl-7 {
         flex: 0 0 auto;
         width: 58.33333333%;
    }
     .col-xl-8 {
         flex: 0 0 auto;
         width: 66.66666667%;
    }
}
 @media (min-width: 1400px) {
     .col-xxl-4 {
         flex: 0 0 auto;
         width: 33.33333333%;
    }
     .col-xxl-6 {
         flex: 0 0 auto;
         width: 50%;
    }
     .col-xxl-7 {
         flex: 0 0 auto;
         width: 58.33333333%;
    }
}
 h1, h2, h3, h4 {
     margin-bottom: 0;
}
/* ========== Component : Feature Card Style 3============= */
/* Comparison Table */
 .comparison-table table {
     width: 100%;
}
 .comparison-table th, td {
     text-align: center;
     padding: 20px 10px;
}
 .comparison-table tr {
     margin: 0 0 4px 0;
}
 .comparison-table th.logo {
     background-color: #fb9b63;
     border-bottom: 1px solid #f3f3eb;
     border-radius: 10px 10px 0 0;
}
 .comparison-table th.logo img {
     margin: 0 auto;
}
 .comparison-table td.qm {
     background-color: #fb9b63;
     border-bottom: 1px solid #f3f3eb;
}
 .comparison-table td.qm-last {
     background-color: #fb9b63;
     border-radius: 0 0 10px 10px;
}
 .comparison-table td.other {
     border-bottom: 1px solid #dddbd3;
}
 .comparison-table .reg {
     color: #fff;
     background: #1c2023;
     padding: 25px;
     border-radius: 10px;
}
 .comparison-table .reg img {
     margin: 0 auto;
}
/* ========== Component : Pricing Card Style 2 ============= */
 .pricing-card-2 {
     background: #FDFBF9;
     border-radius: 5px;
     padding: 40px;
}
 .pricing-card-2__head {
     padding-bottom: 25px;
     margin-bottom: 30px;
     border-bottom: 1px solid rgba(27, 28, 29, 0.1);
}
 .pricing-card-2__icon {
     margin-bottom: 30px;
     border-radius: 10px;
}
 .pricing-card-2__plan {
     font-size: 20px;
     font-weight: 700;
     line-height: 1.4;
     letter-spacing: 0em;
     font-family: "General Sans", sans-serif;
     margin-bottom: 10px;
     color: #1B1C1D;
}
 @media (min-width: 576px) {
     .pricing-card-2__plan {
         font-size: 22px;
    }
}
 .pricing-card-2__price {
     font-family: "General Sans", sans-serif;
     color: #1B1C1D;
     font-weight: 600;
     line-height: 1.18;
     font-size: 52px;
}
 @media (min-width: 1200px) {
     .pricing-card-2__price {
         font-size: 56px;
    }
}
 @media (min-width: 1400px) {
     .pricing-card-2__price {
         font-size: 72px;
    }
}
 .pricing-card-2__time {
     font-weight: 400;
     font-size: 18px;
     line-height: 1.67;
     font-family: "Inter", sans-serif;
     color: rgba(27, 28, 29, 0.8);
}
 .pricing-card-2__discount {
     line-height: 1.67;
     font-family: "Inter", sans-serif;
     background-color: #fc9a63;
     font-weight: 700;
     font-size: 12px;
     color: #fff;
     padding: 5px 10px;
     border-radius: 10px;
}
 .pricing-card-2__oldprice {
     font-weight: 400;
     font-size: 18px;
     font-family: "Inter", sans-serif;
     color: #bbb;
     text-decoration: line-through;
     width: 50%;
}
 .pricing-card-2 p {
     font-weight: 400;
     font-size: 14px;
     line-height: 1.43;
     color: rgba(10, 16, 47, 0.7);
     padding-bottom: 10px;
}
 .pricing-card-2__body {
     display: flex;
     flex-direction: column;
     row-gap: 22px;
}
 @media (min-width: 992px) {
     .pricing-card-2__body {
         row-gap: 13px;
    }
}
/* ========== widget : Tastimonial widget 3============= */
 .testimonial-widget-3 {
     display: flex;
     flex-direction: column;
}
/* ========== Component : Feature Widget Style 2 ============= */
 .feature-widget-2 {
     position: relative;
     text-align: center;
     margin-bottom: 30px;
}
 @media (min-width: 1200px) {
     .feature-widget-2 {
         padding-left: 30px;
         padding-right: 30px;
    }
}
 .feature-widget-2__icon {
     margin-bottom: 30px;
     min-height: 70px;
}
 .feature-widget-2__icon img {
     display: inline-block;
}
 .feature-widget-2 p {
     color: rgba(27, 28, 29, 0.8);
}
 .feature-widget-2__title {
     font-weight: 600;
     line-height: 1.33;
     letter-spacing: -0.0208333333em;
     font-size: 20px;
     font-family: "Inter", sans-serif;
     margin-bottom: 15px;
}
 @media (min-width: 768px) {
     .feature-widget-2__title {
         font-size: 22px;
    }
}
 @media (min-width: 992px) {
     .feature-widget-2__title {
         font-size: 24px;
    }
}
 @media (min-width: 992px) {
     .feature-widget-2__title {
         font-size: 22px;
    }
}
 @media (min-width: 1400px) {
     .feature-widget-2__title {
         font-size: 24px;
    }
}
/* Applied on : Landing*/
 .feature-widget-devider {
     --bs-gutter-y:20px;
     --bs-gutter-x:30px;
}
 @media (min-width: 1400px) {
     .feature-widget-devider {
         --bs-gutter-x:52px;
    }
}
 .feature-widget-devider > * {
     position: relative;
}
 .feature-widget-devider > *:after {
     content: "";
     width: 2px;
     height: 50%;
     min-height: 120px;
     background-color: rgba(27, 28, 29, 0.1);
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     display: none;
}
 @media (min-width: 1200px) {
     .feature-widget-devider > *:not(:last-child):after {
         display: block;
    }
}
/* ============Component : Process Widget ============== */
 .process-widget-row {
     --bs-gutter-y: 30px;
     justify-content: center;
}
 @media (min-width: 992px) {
     .process-widget-row {
         justify-content: space-between;
    }
}
 .process-widget-row > * {
     position: relative;
     z-index: 1;
}
 .process-widget-row > *::before {
     content: "";
     border: 2px dashed #1B1C1D;
     width: 80%;
     position: absolute;
     top: 16%;
     transform: translateX(71.5%);
     z-index: -1;
     display: none;
}
 @media (min-width: 992px) {
     .process-widget-row > *:not(:last-child):before {
         display: block;
    }
}
 .process-widget-row .process-widget {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     row-gap: 30px;
}
 @media (min-width: 1400px) {
     .process-widget-row .process-widget {
         padding-left: 40px;
         padding-right: 40px;
    }
}
 .process-widget-row .process-widget__count {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 60px;
     height: 60px;
     border-radius: 500px;
     background: #FDFBF9;
     border: 1px solid #1B1C1D;
     font-weight: 600;
     font-size: 34px;
     line-height: 1.2;
     color: #1B1C1D;
}
 @media (min-width: 768px) {
     .process-widget-row .process-widget__count {
         width: 70px;
         height: 70px;
    }
}
 @media (min-width: 992px) {
     .process-widget-row .process-widget__count {
         width: 80px;
         height: 80px;
    }
}
 .process-widget-row .process-widget__count:hover {
     background: #FF9966;
}
 .process-widget-row .process-widget__title {
     font-weight: 600;
     letter-spacing: 0em;
     font-family: "General Sans", sans-serif;
     line-height: 1.4;
     font-size: 24px;
     color: #1B1C1D;
     font-family: "General Sans", sans-serif;
     margin-bottom: 15px;
}
 @media (min-width: 768px) {
     .process-widget-row .process-widget__title {
         font-size: 26px;
    }
}
 @media (min-width: 992px) {
     .process-widget-row .process-widget__title {
         font-size: 28px;
    }
}
 @media (min-width: 1200px) {
     .process-widget-row .process-widget__title {
         font-size: 30px;
    }
}
 .process-widget-row .process-widget p {
     font-weight: 400;
     font-size: 20px;
     line-height: 1.5;
     color: rgba(27, 28, 29, 0.8);
}
 @media (min-width: 1400px) {
     .process-widget-row .process-widget p {
         max-width: 336px;
    }
}
/* ========== Component : service Style ============= */
 .service-widget {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-between;
     height: 100%;
}
 .service-widget__body {
     padding-top: 10px;
}
 .service-widget__title {
     font-family: "General Sans", sans-serif;
     font-weight: 600;
     letter-spacing: 0em;
     font-family: "General Sans", sans-serif;
     line-height: 1.4;
     font-size: 24px;
     color: #FDFBF9;
     margin-bottom: 15px;
}
 @media (min-width: 768px) {
     .service-widget__title {
         font-size: 26px;
    }
}
 @media (min-width: 992px) {
     .service-widget__title {
         font-size: 28px;
    }
}
 @media (min-width: 1200px) {
     .service-widget__title {
         font-size: 30px;
    }
}
 .service-widget img {
     width: 100%;
     padding: 0;
     margin-bottom: 20px;
}
 .service-widget p {
     font-size: 18px;
     line-height: 1.4;
     letter-spacing: -0.025em;
     color: rgba(253, 251, 249, 0.8);
     margin-bottom: 10px;
     max-width: 380px;
}
 @media (min-width: 576px) {
     .service-widget p {
         font-size: 20px;
    }
}
/* ========== Component : Badge Style ============= */
/*responsive*/
 @media (max-width: 991px) {
     .menu-overlay {
         position: fixed;
         background-color: rgba(0, 0, 0, 0.5);
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 1098;
         visibility: hidden;
         opacity: 0;
    }
     .menu-overlay.transition {
         transition: all 0.5s ease;
    }
     .menu-overlay.active {
         visibility: visible;
         opacity: 1;
    }
}
/*Custom Css for menu*/
/*Preloader css*/
/*Header Css StaRT*/
 .navbar {
     align-items: center;
     justify-content: center;
     text-align: center;
     margin: 0 auto;
}
 .site-navbar {
     display: flex;
     position: relative;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
}
 @media (min-width: 992px) {
     .site-navbar {
         flex-flow: row nowrap;
         justify-content: flex-start;
         padding-top: 0px;
    }
}
 .site-navbar .menu-block-wrapper {
     flex-grow: 1;
     align-items: center;
}
 @media (min-width: 992px) {
     .site-navbar .menu-block-wrapper {
         display: flex !important;
         flex-basis: auto;
         justify-content: center;
    }
}
 .site-header {
     padding-top: 5px;
     padding-bottom: 5px;
     background-color: transparent;
}
 .site-header--absolute {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
}
 .site-header--sticky:not(.mobile-sticky-enable) {
     position: absolute !important;
     top: 0;
     right: 0;
     width: 100%;
     z-index: 999;
}
 @media (min-width: 320px) {
     .site-header--sticky:not(.mobile-sticky-enable) {
         position: fixed !important;
         transition: 0.4s;
    }
     .site-header--sticky:not(.mobile-sticky-enable).scrolling {
         transform: translateY(-100%);
         transition: 0.4s;
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header {
         transform: translateY(0%);
         box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
         z-index: 1000;
         background-color: #fff;
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header .brand-logo .logo-dark {
         display: block;
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header .brand-logo .logo-light {
         display: none;
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header.bg--primary {
         background-color: var(--bs-primary);
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header.bg--primary .nav-link-item {
         color: #fff !important;
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header.bg--primary .btn-masco--header-secondary {
         color: #fff !important;
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header.bg--primary .btn-fill--up {
         --btn-border-color: #fff;
    }
     .site-header--sticky:not(.mobile-sticky-enable).reveal-header .btn-link {
         color: var(--color-headings-2);
    }
}
 .site-header--sticky.mobile-sticky-enable {
     top: 0;
     right: 0;
     width: 100%;
     z-index: 999;
     position: fixed !important;
     transition: 0.4s;
}
 .site-header--sticky.mobile-sticky-enable.scrolling {
     transform: translateY(-100%);
     transition: 0.4s;
}
 .site-header--sticky.mobile-sticky-enable.reveal-header {
     transform: translateY(0%);
     box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
     z-index: 9999;
     height: 100%;
     background-color: transparent !important;
}
 .site-header--sticky.mobile-sticky-enable.reveal-header .site-navbar {
     background-color: #fff;
     padding: 15px 10px;
     border-radius: 5px;
     box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
}
 @media (min-width: 768px) {
     .site-header--sticky.mobile-sticky-enable.reveal-header {
         height: auto;
    }
}
 .site-header--menu-center .container {
     position: relative;
}
 .site-header--menu-center .menu-block-wrapper {
     position: static;
}
 @media (min-width: 992px) {
     .site-header--menu-center .menu-block {
         margin-left: auto;
         margin-right: auto;
    }
}
 @media (min-width: 992px) {
     .site-header--menu-left .container-fluid .sub-menu.megamenu {
         left: 50%;
         transform: translateX(-50%) translateY(10px);
    }
}
 @media (min-width: 992px) {
     .site-header--menu-left .container-fluid .nav-item.has-megamenu:hover > .sub-menu {
         transform: translateX(-50%) translateY(-2px);
         left: 50%;
    }
}
 .site-header--menu-left .menu-block .site-menu-main {
     justify-content: flex-start;
     padding-left: 15px;
}
 @media (min-width: 1200px) {
     .site-header--menu-left .menu-block {
         width: 100%;
    }
}
 .site-header--menu-right .menu-block {
     margin-left: auto;
}
 @media (min-width: 992px) {
     .site-header--menu-right > .container-fluid .sub-menu.megamenu {
         left: 100%;
         transform: translateX(-100%) translateY(10px);
    }
}
 @media (min-width: 992px) {
     .site-header--menu-right > .container-fluid .nav-item.has-megamenu:hover > .sub-menu {
         transform: translateX(-100%) translateY(-10px);
         left: 100%;
    }
}
 .site-header--dark .nav-link-item {
     color: #fff;
}
 .site-header--dark .btn {
     color: #fff;
}
 .site-header--dark .btn--outline {
     border-color: #fff;
}
 .site-header--dark .btn--outline:hover {
     background-color: #fff;
     color: var(--bs-primary);
}
 .site-header--dark .btn:hover {
     color: var(--bs-primary);
}
 .site-header--dark .logo-light {
     display: none;
}
 .site-header--dark .logo-dark {
     display: block;
}
 .site-header .header-cta-btn-wrapper {
     display: none;
     margin-left: 30px;
}
 @media (min-width: 325px) {
     .site-header .header-cta-btn-wrapper {
         display: flex;
         align-items: center;
         column-gap: 30px;
    }
}
 .site-header .header-cta-btn-wrapper a {
     --bs-btn-padding-y: 12px;
}
 .site-header .header-cta-btn-wrapper a .icon {
     margin-right: 10px;
}
 .site-header .header-cta-btn-mobile {
     display: block;
     padding-top: 30px;
     padding-bottom: 30px;
     text-align: center;
}
 @media (max-width: 991px) {
     .site-header .transition {
         transition: all 0.5s ease;
    }
}
 @media (min-width: 480px) {
     .header-btns {
         margin-right: 15px;
    }
}
 @media (min-width: 992px) {
     .header-btns {
         margin-right: 0;
    }
}
 .brand-logo {
     display: flex;
}
 .brand-logo img {
     max-height: 35px;
}
 .brand-logo .logo-dark {
     display: none;
}
 .dynamic-sticky-bg.reveal-header {
     background: var(--bg);
}
 .dynamic-sticky-bg.dark-mode-texts .menu-block.active .nav-link-item {
     color: red !important;
}
 .dynamic-sticky-bg.dark-mode-texts .menu-social-share li a {
     color: var(--color-headings-2);
}
 .sticky-bg-white.reveal-header {
     background: #fff;
}
 .sticky-bg-white.reveal-header .dark-version-logo {
     display: none !important;
}
 .sticky-bg-white.reveal-header .light-version-logo {
     display: block !important;
}
 .sticky-bg-white.reveal-header .menu-sep-left {
     position: relative;
}
 .sticky-bg-white.reveal-header .menu-sep-left::before {
     content: "";
     border-left: rgba(255, 0, 0, 0.5) !important;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 2px;
     height: 26px;
     z-index: 9;
}
/* Landing Specific Header Adjustment */
/* Header */
/* ========== Component : Button Style ============= */
 .btn-masco {
     --btn-spacing-y: 18px;
     --btn-spacing-x: 42px;
     --btn-radius: 3px;
     --btn-bg: #3147FF;
     --btn-color: #fff;
     --btn-border-width: 1px;
     --btn-border-color: #3147FF;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     column-gap: 12px;
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 1.5;
     z-index: 0;
     position: relative;
     border-width: var(--btn-border-width);
     border-style: solid;
     border-color: var(--btn-border-color);
     border-radius: var(--btn-radius);
     padding-left: var(--btn-spacing-x);
     padding-right: var(--btn-spacing-x);
     padding-top: var(--btn-spacing-y);
     padding-bottom: var(--btn-spacing-y);
     background-color: var(--btn-bg);
     color: var(--btn-color);
     transition: all 0.3s;
}
 .btn-masco:not(.btn-fill--up):not(.btn-fill--down):not(.btn-fill--slide):not(.btn-fill--slide-reverse):not(.btn-fill--slide-left):not(.btn-shadow):not(.btn-shadow--reverse) {
     transition: all 0.3s ease-in-out;
}
 .btn-masco:not(.btn-fill--up):not(.btn-fill--down):not(.btn-fill--slide):not(.btn-fill--slide-reverse):not(.btn-fill--slide-left):not(.btn-shadow):not(.btn-shadow--reverse):hover {
     background-color: var(--btn-hover-bg);
     color: var(--btn-hover-color);
     border-color: var(--btn-hover-border-color);
}
/* ---------- Button Shadow ---------- */
/* ---------- Button Fill Up ---------- */
 .btn-fill--up {
     --btn-fill-bg: #fff;
     --btn-fill-color: $black;
     --btn-fill-border-color: #3147FF;
     overflow: hidden;
}
 @keyframes fill-up-initial {
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
         transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
    }
}
 @keyframes fill-up-end {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
         transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .btn-fill--up:hover {
     color: var(--btn-fill-color);
     border-color: var(--btn-fill-border-color);
}
 .btn-fill--up span {
     position: relative;
     z-index: 10;
     display: block;
}
 .btn-fill--up::before {
     position: absolute;
     top: -110%;
     left: -10%;
     padding-bottom: 120%;
     width: 120%;
     height: 0;
     border-radius: 50%;
     background: var(--btn-fill-bg);
     content: "";
     -webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
     transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
 .btn-fill--up::after {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: var(--btn-fill-bg);
     content: "";
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
     transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
 .btn-fill--up:hover span {
     animation: fill-up-initial 0.3s forwards, fill-up-end 0.3s forwards 0.3s;
}
 .btn-fill--up:hover::before {
     -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
     transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
     transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
 .btn-fill--up:hover::after {
     -webkit-transition-delay: 0.4s;
     transition-delay: 0.4s;
     -webkit-transition-timing-function: linear;
     transition-timing-function: linear;
     -webkit-transition-duration: 0.05s;
     transition-duration: 0.05s;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
/* ---------- Button Slide & Slide Reverse ---------- */
/* ---------- Button Slide Down ---------- */
/* ---------- Button Slide Left ---------- */
 .btn-primary-l05 {
     --btn-bg: #FF9966;
     --btn-color: #1B1C1D;
     --btn-border-color:#FF9966;
     --btn-hover-bg: #0A102F;
     --btn-hover-color: #FFFFFF;
     --btn-hover-border-color: #0A102F;
     --btn-fill-bg: #fff;
     --btn-fill-color: $black;
     --btn-fill-border-color:#fff;
}
 .btn-secondary-l05 {
     --btn-bg: #1B1C1D;
     --btn-color: #fff;
     --btn-border-color:#1B1C1D;
     --btn-hover-bg: #FF9966;
     --btn-hover-color: #1B1C1D;
     --btn-hover-border-color: #FF9966;
     --btn-fill-bg: #fff;
     --btn-fill-color: $black;
     --btn-fill-border-color:#fff;
}
/* ========== Button Utilities ============= */
/* ========== Component : Ticker Style 1 ============= */
 .ticker-01_section {
     background-color: #ff9966;
}
 .ticker-01_wrapper {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     padding-top: 20px;
     padding-bottom: 20px;
}
 .ticker-01_wrapper .ticker-item {
     color: #1B1C1D;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 20px;
}
 .ticker-01_wrapper .ticker-item p {
     font-size: 12px;
     color: inherit;
     margin: initial;
     font-weight: 700;
     line-height: 1.4;
     letter-spacing: 0.03333333em;
     padding: initial;
}
 @media (min-width: 576px) {
     .ticker-01_wrapper .ticker-item p {
         font-size: 14px;
    }
}
 @media (min-width: 992px) {
     .ticker-01_wrapper .ticker-item p {
         font-size: 16px;
    }
}
 .ticker-01_content {
     display: flex;
     column-gap: 24px;
     flex-direction: row;
     flex-wrap: nowrap;
     white-space: nowrap;
     align-items: flex-start;
     align-content: flex-start;
     justify-content: flex-start;
     margin: 0 13px;
     animation: ticker 180s linear infinite;
}
 .ticker-item {
     display: flex;
     column-gap: 10px;
}
 @keyframes ticker {
     0% {
         transform: translateX(0, 0, 0);
    }
     100% {
         transform: translateX(-100%);
    }
}
/* ========== Component : Ticker Style 1 ============= */
 @keyframes ticker {
     0% {
         transform: translateX(0, 0, 0);
    }
     100% {
         transform: translateX(-100%);
    }
}
/* ========== Component : Ticker Style 1 ============= */
 @keyframes ticker {
     0% {
         transform: translateX(0, 0, 0);
    }
     100% {
         transform: translateX(-100%);
    }
}
/* ========== Component : Content Section Style ============= */
 .content-list {
     display: flex;
     row-gap: 0;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     margin: 10px auto 20px auto;
     width: 100%;
}
 .content-list-item {
     display: flex;
     column-gap: 5px;
     font-size: 14px;
     line-height: 2.0;
     font-weight: 600;
     font-family: "Inter", sans-serif;
     margin-right: 20px;
}
 .content-list-item img {
     max-width: 22px;
     max-height: 22px;
     position: relative;
     top: 3px;
}
/* ========== Home 5 : Hero Section Style ============= */
 .home-5_hero-section {
     padding-top: 80px;
     padding-bottom: 60px;
}
 @media (min-width: 576px) {
     .home-5_hero-section {
         padding-top: 100px;
         padding-bottom: 80px;
    }
}
 @media (min-width: 992px) {
     .home-5_hero-section {
         padding-top: 130px;
         padding-bottom: 100px;
    }
}
 @media (min-width: 1200px) {
     .home-5_hero-section {
         padding-top: 160px;
         padding-bottom: 120px;
    }
}
 @media (min-width: 1400px) {
     .home-5_hero-section {
         padding-top: 180px;
    }
}
 .home-5_hero-section .row--custom {
     --bs-gutter-x: 15px;
     --bs-gutter-y: 15px;
     justify-content: center;
     align-items: center;
}
 @media (min-width: 992px) {
     .home-5_hero-section .row--custom {
         flex-direction: row-reverse;
    }
}
 .home-5_hero-content__title {
     color: #1B1C1D;
     font-family: "General Sans", sans-serif;
}
 .home-5_hero-image-block {
     max-width: 588.92px;
}
 .home-5_hero-image img {
     width: 100%;
}
 @media (min-width: 992px) {
     .home-5_hero-image {
         margin-right: -14%;
    }
}
 .home-5_hero-content {
     display: flex;
     flex-direction: column;
     align-items: center;
     row-gap: 0;
     text-align: center;
}
 @media (min-width: 992px) {
     .home-5_hero-content {
         text-align: initial;
         align-items: initial;
         row-gap: 0;
    }
}
 .home-5_hero-content b span {
     border-bottom: 4px solid #ff9966;
     line-height: 15px;
}
 .home-5_hero-content p {
     max-width: 673px;
     color: rgba(18, 18, 18, 0.8);
}
 .home-5_hero-content-newsletter {
     position: relative;
     max-width: 500px;
     width: 100%;
     display: flex;
     flex-direction: column;
     row-gap: 15px;
}
 .home-5_hero-content-review-text {
     display: flex;
     justify-content: center;
     column-gap: 5px;
     font-weight: 600;
     font-size: 16px;
     line-height: 1.5;
     color: rgba(18, 18, 18, 0.8);
     font-family: "Inter", sans-serif;
}
 @media (min-width: 480px) {
     .home-5_hero-content-review-text {
         justify-content: center;
         margin-top: 0;
    }
}
 @media (min-width: 992px) {
     .home-5_hero-content-review-text {
         justify-content: initial;
    }
}
/* ========== Home 5 : Content Section 1 Style ============= */
 .home-5_feature-section-wrapper {
     border-top: 1px solid rgba(27, 28, 29, 0.1);
     padding-top: 60px;
}
 @media (min-width: 576px) {
     .home-5_feature-section-wrapper {
         padding-top: 80px;
    }
}
 @media (min-width: 992px) {
     .home-5_feature-section-wrapper {
         padding-top: 100px;
    }
}
 @media (min-width: 1200px) {
     .home-5_feature-section-wrapper {
         padding-top: 120px;
    }
}
/* ========== Home 5 : Pricing Section Style ============= */
 .home-5_pricing-section .row--custom {
     --bs-gutter-y: 30px;
}
/* ========== Home 5 : Testimonial Section Style ============= */
 .home-5_testimonial-section .row--custom {
     justify-content: center;
     --bs-gutter-y: 30px;
}
 @media (min-width: 992px) {
     .home-5_testimonial-section .row--custom {
         flex-direction: row-reverse;
         align-items: center;
         justify-content: space-between;
    }
}
 .home-5_testimonial-wrapper {
     border-top: 1px solid rgba(27, 28, 29, 0.1);
     padding-top: 60px;
}
 @media (min-width: 576px) {
     .home-5_testimonial-wrapper {
         padding-top: 80px;
    }
}
 @media (min-width: 992px) {
     .home-5_testimonial-wrapper {
         padding-top: 100px;
    }
}
 @media (min-width: 1200px) {
     .home-5_testimonial-wrapper {
         padding-top: 120px;
    }
}
 .testimonial-widget-3 {
     display: flex;
     flex-direction: column;
     row-gap: 50px;
     text-align: center;
}
 @media (min-width: 992px) {
     .testimonial-widget-3 {
         text-align: initial;
    }
}
 .testimonial-widget-3__text-block {
     display: flex;
     flex-direction: column;
     align-items: center;
     row-gap: 24px;
}
 @media (min-width: 992px) {
     .testimonial-widget-3__text-block {
         align-items: initial;
    }
}
 .testimonial-widget-3 p {
     font-family: var(--font-family-base);
     font-weight: 600;
     line-height: 1.33;
     letter-spacing: -0.0208333333em;
     font-size: 20px;
     color: #1B1C1D;
     padding-bottom: 0;
}
 @media (min-width: 768px) {
     .testimonial-widget-3 p {
         font-size: 22px;
    }
}
 @media (min-width: 992px) {
     .testimonial-widget-3 p {
         font-size: 24px;
    }
}
 .testimonial-widget-3__user-name {
     font-family: var(--font-family-base);
     font-size: 18px;
     font-weight: 600;
     line-height: 1.4;
     letter-spacing: 0em;
     color: #1B1C1D;
     padding-bottom: 5px;
}
 @media (min-width: 576px) {
     .testimonial-widget-3__user-name {
         font-size: 20px;
    }
}
 .testimonial-widget-3__user-position {
     font-family: var(--font-family-base);
     font-size: 16px;
     line-height: 1.67;
     font-weight: 400;
     color: #1B1C1D;
}
 @media (min-width: 576px) {
     .testimonial-widget-3__user-position {
         font-size: 18px;
    }
}
 .testimonial-widget-3__image-block {
     position: relative;
     overflow: hidden;
     margin-right: 24px;
     margin-left: 24px;
}
 .testimonial-widget-3__image-block img {
     width: 100%;
     border-radius: 10px;
}
/* ========== Home 5 : Service Section Style ============= */
 .home-5_service-section {
     position: relative;
     background-color: #1B1C1D;
     color: #fff;
}
 .home-5_service-section-shape {
     display: none;
     position: absolute;
     right: 12%;
     top: 16%;
}
 @media (min-width: 992px) {
     .home-5_service-section-shape {
         display: block;
    }
}
/* ========== Home 5 : Process Section Style ============= */
 @media (min-width: 1200px) {
     .home-5_process-section .section-heading {
         padding: 0 22px;
    }
}
 .home-5_process-section .section-heading__title {
     font-family: "General Sans", sans-serif;
     font-weight: 600;
}
 .home-5_process-devider {
     border-top: 1px solid rgba(18, 18, 18, 0.1);
     padding-top: 60px;
     padding-bottom: 60px;
}
 @media (min-width: 576px) {
     .home-5_process-devider {
         padding-top: 80px;
         padding-bottom: 80px;
    }
}
 @media (min-width: 992px) {
     .home-5_process-devider {
         padding-top: 100px;
         padding-bottom: 100px;
    }
}
 @media (min-width: 1200px) {
     .home-5_process-devider {
         padding-top: 120px;
         padding-bottom: 120px;
    }
}
/*=========== Home 5 : Cta ==========*/
 .cta-home-5 {
     background: #1B1C1D;
}
 .cta-home-5 .cta-home-5-wrapper {
     background-color: #FF9966;
     border-radius: 5px;
     padding: 30px;
}
 @media (min-width: 992px) {
     .cta-home-5 .cta-home-5-wrapper {
         padding: 50px;
    }
}
 .cta-home-5 .row--custom {
     justify-content: center;
     row-gap: 30px;
}
 @media (min-width: 768px) {
     .cta-home-5 .row--custom {
         align-items: center;
    }
}
 @media (min-width: 1200px) {
     .cta-home-5 .row--custom {
         justify-content: space-between;
    }
}
 .cta-home-5 .cta-text-block {
     color: #1B1C1D;
     text-align: center;
}
 @media (min-width: 992px) {
     .cta-home-5 .cta-text-block {
         text-align: initial;
    }
}
 .cta-home-5 .cta-text-block .heading-md {
     margin-bottom: 0;
}
 .cta-home-5 .cta-home-5-button {
     display: flex;
     align-items: center;
     justify-content: center;
}
 @media (min-width: 1200px) {
     .cta-home-5 .cta-home-5-button {
         justify-content: end;
    }
}
/*=========== CTA Base ==========*/
/* Footer Title Common */
 .copyright-border {
     border-top-width: 1px;
     border-top-style: solid;
     border-color: rgba(var(--body-color-rgb), 0.1);
}
 .copyright-inner {
     padding-top: 18px;
     padding-bottom: 18px;
     margin-top: 40px;
}
 @media (min-width: 576px) {
     .copyright-inner {
         margin-top: 60px;
    }
}
 @media (min-width: 992px) {
     .copyright-inner {
         margin-top: 80px;
    }
}
 .copyright-inner p {
     font-size: 16px;
     margin-bottom: 0;
}
/* Footer Dark and Light Global */
 [class*=footer--dark] {
     color: rgba(255, 255, 255, 0.8);
}
 [class*=footer--dark] p {
     color: inherit;
}
 [class*=footer--dark] a {
     color: rgba(255, 255, 255, 0.8);
}
 [class*=footer--dark] .copyright-border {
     border-color: rgba(255, 255, 255, 0.1);
}
/* Footer Section Padding */
 .footer-padding-default {
     padding-top: 60px;
}
 @media (min-width: 576px) {
     .footer-padding-default {
         padding-top: 80px;
    }
}
/* Footer Variations By Color */
 .footer-l05 {
     color: rgba(var(--cream-rgb), 0.8);
}
 .footer-l05 a {
     color: rgba(var(--cream-rgb), 0.8);
}
 .footer-l05 a:hover {
     color: var(--l5-primary);
}
/* ========== Footer Style v1 ============= */
 .footer {
     font-size: 16px;
     line-height: 1.4;
     font-weight: 400;
}
 @media (min-width: 576px) {
     .footer {
         font-size: 18px;
    }
}
 .footer__content-block {
     max-width: 416px;
}
 .footer__content-text {
     margin-bottom: 24px;
}
 .footer a.footer-link {
     text-decoration: underline;
     font-weight: 600;
}
 .footer .row--footer-main {
     --bs-gutter-y:40px ;
}
/* ========== Footer Style v2 ============= */
 .faq-grid-layout {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     column-gap: 25px;
     padding:0 20px;
}
 @media (min-width: 992px) {
     .faq-grid-layout {
         justify-content: space-between;
    }
}
 .faq-grid-layout > * {
     border-bottom: 1px solid #0A102F;
     margin-bottom: 40px;
     padding-bottom: 40px;
}
 .faq-grid-layout > *:last-child {
     margin-bottom: 0px;
     padding-bottom: 0px;
     border-bottom: 0px;
}
 @media (min-width: 992px) {
     .faq-grid-layout > * {
         max-width: 440px;
    }
     .faq-grid-layout > *:nth-last-child(-n+2) {
         border-bottom: 0px;
         margin-bottom: 0px;
         padding-bottom: 0px;
    }
}
 @media (min-width: 1200px) {
     .faq-grid-layout > * {
         max-width: 526px;
    }
}
 @media (min-width: 1400px) {
     .faq-grid-layout > * {
         max-width: 578px;
    }
}
 .faq-grid-single .faq-grid__title {
     font-size: 18px;
     font-weight: 600;
     line-height: 1.4;
     letter-spacing: 0em;
     margin-bottom: 15px;
     font-family: var(--font-family-base);
}
 @media (min-width: 576px) {
     .faq-grid-single .faq-grid__title {
         font-size: 20px;
    }
}
 .faq-grid-single p {
     font-size: 16px;
     line-height: 1.67;
     font-weight: 400;
}
 @media (min-width: 576px) {
     .faq-grid-single p {
         font-size: 18px;
    }
}
/* ========== Section Button ============= */
 .section-button {
     display: flex;
     justify-content: center;
     margin-top: 40px;
}
 @media (min-width: 576px) {
     .section-button {
         margin-top: 60px;
    }
}
 @media (min-width: 992px) {
     .section-button {
         margin-top: 80px;
    }
}
/* ========== Common: Spacing Combos ============= */
 .section-padding-120 {
     padding-top: 60px;
     padding-bottom: 60px;
}
 @media (min-width: 676px) {
     .section-padding-120 {
         padding-top: 80px;
         padding-bottom: 80px;
    }
}
 @media (min-width: 992px) {
     .section-padding-120 {
         padding-top: 100px;
         padding-bottom: 100px;
    }
}
 @media (min-width: 1200px) {
     .section-padding-120 {
         padding-top: 120px;
         padding-bottom: 120px;
    }
}
 .section-padding-top-120 {
     padding-top: 60px;
}
 @media (min-width: 676px) {
     .section-padding-top-120 {
         padding-top: 80px;
    }
}
 @media (min-width: 992px) {
     .section-padding-top-120 {
         padding-top: 100px;
    }
}
 @media (min-width: 1200px) {
     .section-padding-top-120 {
         padding-top: 120px;
    }
}
 .padding-top-100 {
     padding-top: 40px;
}
 @media (min-width: 576px) {
     .padding-top-100 {
         padding-top: 60px;
    }
}
 @media (min-width: 992px) {
     .padding-top-100 {
         padding-top: 100px;
    }
}
 .padding-bottom-120 {
     padding-bottom: 60px;
}
 @media (min-width: 576px) {
     .padding-bottom-120 {
         padding-bottom: 80px;
    }
}
 @media (min-width: 992px) {
     .padding-bottom-120 {
         padding-bottom: 120px;
    }
}
/* ---------------------------- Common: Spacing Gutters -------------------------------*/
 .gutter-y-50 {
     --bs-gutter-y: 50px;
}
/* Common: Section Heading */
 .section-heading {
     margin-bottom: 40px;
}
 @media (min-width: 575px) {
     .section-heading {
         margin-bottom: 60px;
    }
}
 @media (min-width: 992px) {
     .section-heading {
         margin-bottom: 80px;
    }
}
 .heading-xl {
     line-height: 1.11;
     font-size: 38px;
     font-weight: 800;
     letter-spacing: -0.0111111111em;
     margin-bottom: 24px;
}
 @media (min-width: 480px) {
     .heading-xl {
         font-size: 42px;
    }
}
 @media (min-width: 576px) {
     .heading-xl {
         font-size: 48px;
    }
}
 @media (min-width: 992px) {
     .heading-xl {
         font-size: 64px;
    }
}
 @media (min-width: 1200px) {
     .heading-xl {
         font-size: 76px;
    }
}
 @media (min-width: 1400px) {
     .heading-xl {
         font-size: 90px;
    }
}
 .heading-xl--general-sans {
     font-weight: 600;
     font-family: "General Sans", sans-serif;
     line-height: 1.04;
     letter-spacing: initial;
}
 .heading-xl--general-sans {
     line-height: 1.11;
     font-size: 38px;
     font-weight: 600;
     letter-spacing: -0.0111111111em;
     line-height: 1.04;
     letter-spacing: 0em;
     font-family: "General Sans", sans-serif;
}
 @media (min-width: 480px) {
     .heading-xl--general-sans {
         font-size: 42px;
    }
}
 @media (min-width: 576px) {
     .heading-xl--general-sans {
         font-size: 48px;
    }
}
 @media (min-width: 992px) {
     .heading-xl--general-sans {
         font-size: 64px;
    }
}
 @media (min-width: 1200px) {
     .heading-xl--general-sans {
         font-size: 76px;
    }
}
 @media (min-width: 1400px) {
     .heading-xl--general-sans {
         font-size: 90px;
    }
}
 .heading-md {
     font-size: 32px;
     line-height: 1.26;
     font-weight: 800;
     margin-bottom: 20px;
}
 @media (min-width: 576px) {
     .heading-md {
         font-size: 38px;
    }
}
 @media (min-width: 992px) {
     .heading-md {
         font-size: 42px;
    }
}
 @media (min-width: 1200px) {
     .heading-md {
         font-size: 46px;
    }
}
 .heading-md--general-sans {
     font-weight: 600;
     font-family: "General Sans", sans-serif;
}
 .heading-xs {
     font-weight: 600;
     letter-spacing: -0.033333em;
     font-family: "General Sans", sans-serif;
     line-height: 1.4;
     font-size: 24px;
     font-family: var(--font-family-base);
}
 @media (min-width: 768px) {
     .heading-xs {
         font-size: 26px;
    }
}
 @media (min-width: 992px) {
     .heading-xs {
         font-size: 28px;
    }
}
 @media (min-width: 1200px) {
     .heading-xs {
         font-size: 30px;
    }
}
 .heading-xs-2 {
     font-size: 18px;
     font-weight: 600;
     line-height: 1.4;
     letter-spacing: 0em;
     font-family: var(--font-family-base);
}
 @media (min-width: 576px) {
     .heading-xs-2 {
         font-size: 20px;
    }
}
/******* Utility Classes ********/
 .fw-600 {
     font-weight: 600;
}
/******* Utility Text Colors ********/
/******* Utility Background Colors ********/
 .bg-cream {
     background-color: #FDFBF9;
}
 .bg-black-3 {
     background-color: #1B1C1D;
}
 .bg-offwhite-3 {
     background: #F5F3EA;
}
 .text-l5-secondary {
     color: #1B1C1D;
}