@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Custom Reset */
body {
     font-family: "Poppins", sans-serif;
     padding: 0;
     margin: 0;
}

.wrapper {
     overflow: hidden;
}

* {
     box-sizing: border-box;
}

a.active,
a:focus,
button:focus,
button.active {
     outline: none;
     font-size-adjust: none;
}

a {
     text-decoration: none;
}

a:focus,
a:hover,
a:active {
     outline: 0;
     box-shadow: none;
}

a:focus,
a:hover {
     text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     margin: 0;
     padding: 0;
}

a {
     text-decoration: none;
     transition: all 0.5s ease-in-out;
}

a:hover {
     text-decoration: none;
}

ul,
ol {
     margin: 0;
     padding: 0;
     list-style: none;
}

ul li {
     list-style: none;
}

p {
     margin: 0;
     padding: 0;
}

input:focus,
select:focus,
textarea:focus {
     outline: none;
     font-size-adjust: none;
}

img {
     border-style: none;
     display: inline-block;
     max-width: 100%;
     height: auto;
}

/* ======= header  */
.navbar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 16px 0px;
}

.nav-items {
     display: flex;
     align-items: center;
     grid-gap: 64px;
}

.nav-items .nav-link {
     color: var(--White, #FFF);
     font-size: 20px;
     font-weight: 600;
     line-height: 140%;
}

.nav-items .nav-link:hover {
     text-decoration: underline;
     color: #ACABE8;
}

.btn-primary {
     color: var(--White, #FFF);
     font-size: 20px;
     font-weight: 600;
     line-height: 140%;
     border-radius: 4px;
     background: var(--Primary-Electric-Violet, #6563E6);
     box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.72);
     padding: 10px 16px;
     display: flex;
     max-width: fit-content;
     align-items: center;
     grid-gap: 10px;
     margin: 0 auto;
}

header {
     position: absolute;
     left: 0;
     width: 100%;
     top: 0;
}

.hero-sec .text-box {
     max-width: 600px;
     margin: 0 auto;
     text-align: center;
}

.hero-sec {
     padding: 297px 0px 0px;
     background-image: url(/wp-content/themes/salient/images/hero-bg.png);
     background-repeat: no-repeat;
     background-size: cover;
}

.hero-sec .text-box h1 {
     color: var(--White, #FFF);
     text-align: center;
     font-size: 36px;
     font-weight: 600;
     margin-bottom: 32px;
     line-height: 120%;
}

.btn-learn {
     color: var(--Neutral-White, #FFF);
     text-align: center;
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 700;
     line-height: 140%;
     position: relative;
     display: block;
     margin-top: 109px;
     letter-spacing: 1.6px;
}

.btn-learn img {
     display: block;
     text-align: center;
     margin: 8px auto 0px;
}

.row {
     display: flex;
}

.col-7 {
     width: 58.33333333%;
}

.consumer-sec {
     /* margin-top: -68px; */
}

.consumer-box {
     padding: 80px 104px;
     background: var(--Tertiary-Aubergine, #07031A);
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}

.consumer-box .btn-primary,
.competitive-sec .btn-primary,
.solution-sec .btn-primary {
     font-size: 16px;
     padding: 6px 16px;
     box-shadow: 0px 2px 8px 0px rgba(32, 29, 46, 0.40);
}

.mx-0 {
     margin: 0;
}

.consumer-box ul li {
     display: flex;
     align-items: center;
     grid-gap: 6px;
     padding-left: 16px;
}

.consumer-box ul {
     margin-top: 16px;
     margin-bottom: 52px;
}

.consumer-box h2 {
     margin-bottom: 36px;
}

.consumer-box .text-box {
     max-width: 584px;
}

.text-box h2 {
     color: var(--White, #FFF);
     font-size: 26px;
     font-weight: 700;
     line-height: 120%;
}

.text-box p {
     color: var(--White, #FFF);
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 140%;
}

.col-5 {
     width: 41.66666667%;
}

.consumer-sec .image-holder {
     height: 100%;
}

.consumer-sec .image-holder img {
     width: 100%;
     object-fit: cover;
     object-position: center;
     height: 100%;
}

.consumer-sec ul li span {
     display: flex;
}

.competitive-sec .text-box h2,
.competitive-sec .text-box p {
     color: #000000;
}

.competitive-sec .text-box {
     max-width: 432px;
     margin: 0 auto;
}

.competitive-sec .row {
     align-items: center;
}

.competitive-sec .text-box p {
     margin: 32px 0px 40px;
}

.competitive-sec .image-holder {
     height: 100%;
}

.competitive-sec .image-holder img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: center;
}

.solution-sec {
     background: var(--Primary-Indigo, #241278);
     padding: 80px 0px;
}

.solution-sec .text-box {
     text-align: center;
}

.solution-sec .text-box p {
     margin: 32px 0px;
}

.container {
     max-width: 1440px;
     margin: 0 auto;
}

.col-6 {
     width: 50%;
}

.client-box {
     border-radius: 16px;
     border: 2px solid var(--Primary-Indigo, #241278);
     padding: 16px;
     max-width: 572px;
     margin: 0 auto;
}

.client-box .top-heading {
     display: flex;
     grid-gap: 16px;
     align-items: start;
}

.client-box .top-heading h4 {
     color: var(--Neutral-White, #FFF);
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     font-size: 20px;
     line-height: 140%;
     min-height: 140px;
}

.client-title {
     max-width: 309px;
     margin-left: auto;
}

.client-title h6 {
     color: var(--Neutral-White, #FFF);
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 24px;
     line-height: 140%;
}

.feedback-sec .container {
     max-width: 1340px;
}

.client-title h6 span {
     color: var(--Tertiary-Lilac-Wash, #ACABE8);
     font-weight: 400;
}

.feedback-sec {
     background: var(--Tertiary-Aubergine, #07031A);
     padding: 80px 0px;
}

.feedback-sec .text-box h2 {
     text-align: center;
     margin-bottom: 48px;
}

.analytics-box {
     background: #F8F6FC;
     padding: 24px 0px;
     text-align: center;
}

.analytics-box h3 {
     color: var(--Neutral-Gray-3, #7C7A8B);
     text-align: center;
     font-size: 20px;
     font-weight: 400;
     line-height: 140%;
     margin-top: 30px;
}

.analytics-box .swiper-pagination {
     position: static;
     display: flex;
     align-items: center;
     grid-gap: 16px;
     justify-content: center;
     margin-top: 24px;
}

.analytics-box .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     margin: 0 !important;
     background: rgba(0, 0, 0, 0.24);
}

.analytics-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
     background-color: #000;
     width: 12px;
     height: 12px;
}

.data-box {
     background: var(--Primary-Indigo, #241278);
     height: 100%;
     display: flex;
     align-items: center;
     width: 100%;
}

.data-box .text-box {
     margin: 0 auto;
}

.data-box .text-box h2 {
     color: var(--Tertiary-Lilac-Wash, #ACABE8);
     margin-bottom: 32px;
}

.data-box a {
     display: flex;
     align-items: end;
     justify-content: center;
     grid-gap: 4px;
     color: var(--Neutral-White, #FFF);
     font-size: 26px;
     font-weight: 600;
     line-height: 120%;
     max-width: 314px;
     border-bottom: 1px solid #fff;
}

.data-sec {
     padding: 80px 0px;
}

.data-sec .text-box h2 {
     color: var(--Primary-Indigo, #241278);
     text-align: center;
}

.table {
     width: 100%;
     border-spacing: 0px;
     max-width: 1280px;
     margin: 32px auto 0;
}

.table thead tr th:last-child {
     vertical-align: bottom;
}

.table thead tr th {
     color: var(--Primary-Indigo, #241278);
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     font-weight: 700;
     width: 11.11%;
     border-left: 1px solid rgba(74, 72, 88, 0.42);
     line-height: 140%;
     padding: 0px 8px 7px;
     text-align: start;
}

.table tbody tr td {
     border-top: 1px solid rgba(74, 72, 88, 0.42);
     border-bottom: 1px solid rgba(74, 72, 88, 0.42);
     padding: 12px;
     text-align: center;
     border-left: 1px solid rgba(74, 72, 88, 0.42);
     background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #43AC54;
}

.table tbody tr th span {
     display: block;
     text-align: center;
     color: var(--Primary-Indigo, #241278);
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     font-weight: 700;
     line-height: 140%;
}

.table tbody tr th {
     border-bottom: 1px solid rgba(74, 72, 88, 0.42);
}

.table tbody tr:first-child td:nth-child(2) {
     border-top-left-radius: 10px;
}

.table tbody tr:last-child td {
     border-top: none;
}

.table tbody tr:first-child td:last-child {
     border-top-right-radius: 10px;
     border-right: 1px solid rgba(74, 72, 88, 0.42);
}

.table tbody tr:last-child td:last-child {
     border-bottom-right-radius: 10px;
     border-right: 1px solid rgba(74, 72, 88, 0.42);
}

.table thead tr th:nth-child(1),
.table thead tr th:nth-child(2) {
     border-left: none;
}

.table tbody tr:last-child th {
     border-bottom: none;
}

.table tbody tr:last-child td:nth-child(2) {
     border-bottom-left-radius: 10px;
}

.table tbody tr:last-child td {
     background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F05050;
}

.calendar-box h2 {
     color: var(--Primary-Indigo, #241278);
     text-align: center;
     font-size: 36px;
     font-weight: 600;
     line-height: 120%;
}

.calendar-box ul {
     display: flex;
     align-items: center;
     justify-content: center;
     grid-gap: 48px;
}

.calendar-box ul li {
     display: flex;
     align-items: center;
     grid-gap: 8px;
}

.calendar-box ul li span {
     display: block;
}

.calendar-box ul li p {
     color: var(--Primary-Indigo, #241278);
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 140%;
}

.calendar {
     max-width: 670px;
     margin: auto;
}

.schedule-sec {
     padding: 80px 0px;
     background: #F8F6FC;
}

.client-sec .text-box h2 {
     color: var(--Primary-Indigo, #241278);
     text-align: center;
     margin-bottom: 32px;
}

.client-sec {
     padding: 32px 0 80px;
     background: linear-gradient(0deg, #F8F6FC 0%, #F8F6FC 100%), #FFF;
}




.marquee-parent {
     --space: 128px;
     display: grid;
     align-content: center;
     overflow: hidden;
     gap: var(--space);
     width: 100%;
}

.marquee__group img {
     width: 150px;
}

.marquee {
     --duration: 80s;
     --gap: var(--space);
     display: flex;
     overflow: hidden;
     user-select: none;
     gap: var(--gap);
     transform: skewY(-0deg);
}

.marquee__group {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: space-around;
     gap: var(--gap);
     animation: scroll var(--duration) linear infinite;
}


.marquee--reverse .marquee__group {
     animation-direction: reverse;
     animation-delay: calc(var(--duration) / -2);
}

@keyframes scroll {
     0% {
          transform: translateX(0);
     }

     100% {
          transform: translateX(calc(-100% - var(--gap)));
     }
}

.marquee-slider {
     position: relative;
}

.contact-box h2 {
     color: var(--Primary-Indigo, #241278);
     font-size: 36px;
     font-weight: 600;
     line-height: 120%;
     text-align: center;
}

.contact-box h6 {
     color: var(--Primary-Electric-Violet, #6563E6);
     font-size: 26px;
     font-weight: 400;
     margin: 16px 0px 32px;
     line-height: 120%;
     text-align: center;
}

.contact-box .form-group {
     display: flex;
     max-width: 712px;
     margin: 0 auto;
}

.contact-box .form-group .form-control {
     border-radius: 4px 0px 0px 4px;
     border: 2px solid var(--Primary-Electric-Violet, #6563E6);
     background: var(--Neutral-White, #FFF);
     padding: 16px;
     color: var(--Neutral-Gray-4, #B0AFBE);
     font-size: 26px;
     font-weight: 400;
     line-height: 120%;
     height: 64px;
     width: 100%;
}

.contact-box .form-group .form-control::placeholder {
     color: var(--Neutral-Gray-4, #B0AFBE);
}

.contact-box .form-group .btn-primary {
     font-size: 26px;
     padding: 12px 32px;
     margin-left: -8px;
     box-shadow: none;
}

.contact-sec {
     background: linear-gradient(0deg, #F8F6FC 0%, #F8F6FC 100%), #FFF;
}

.hamburger-btn {
     display: none;
}

.contact-sec .container {
     max-width: 1184px;
     padding: 80px 0px;
     margin: 0 auto;
     border-top: 1px solid #B0AFBE;
}

.btn-primary:hover {
     background-color: #241278;
}

footer {
     background: linear-gradient(81deg, #07031A -0.01%, #241278 54.42%, #6563E6 109.95%, #40E0D0 166.6%);
     padding: 104px 0px;
}

footer .container {
     max-width: 1272px;
     padding: 0px 20px;
}

.socail-list {
     display: flex;
     align-items: center;
     grid-gap: 48px;
     margin-left: 32px;
     margin-top: 72px;
}

.socail-list li a {
     background-color: #ACABE8;
     width: 48px;
     height: 48px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.bottom-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-top: 1px solid rgba(172, 171, 232, 0.40);
     padding-top: 32px;
}

.bottom-footer ul {
     display: flex;
     grid-gap: 32px;
}

.bottom-footer ul li a {
     display: flex;
     align-items: start;
     grid-gap: 8px;
     color: #FFF;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 140%;
}

.footer-right {
     max-width: 570px;
     margin-left: auto;
}


.footer-right p {
     color: #FFF;
     font-family: "Open Sans", sans-serif;
     font-size: 12px;
     font-weight: 400;
     padding-bottom: 32px;
     line-height: 140%;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
     .hide-mobile { display: none; }  /* hide it on small screens */
}

img.scroll-line {
     height: 140px;
     position: relative;
     z-index: 9999;
     margin: auto;
}