@font-face {
    font-family: 'Product Sans';
    src: url('/assets/fonts/ProductSans-Regular.woff2') format('woff2'),
        url('/assets/fonts/ProductSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*Lenis*/
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}
/*Lenis*/

header, footer, section {
    position: relative;
    overflow: hidden;
}

.bg-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.bg-overlay > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
}

#header-outer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
}
#header-outer ul.navbar-nav li.nav-item.btn {
    padding: 0 !important;
    border: none;
    background: transparent !important;
}
#header-outer ul.nav-main li.nav-item a.nav-link {
    color: #20065f;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.8px; /* 27.8px */
    margin: 0 15px !IMPORTANT;
    padding: 0 0 !important;
}
#header-outer ul.navbar-nav li.nav-item.btn a {border-radius: 10px;background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40);border: none;color: #fff;text-align: center;font-family: "Product Sans";font-size: 20px;font-style: normal;font-weight: 400;line-height: 26px;padding: 15px 60px;border: 2px solid #0000;background-repeat: no-repeat;background-size: 100% !important;border-radius: 15px;transition: all ease 0.5s;}
#banner h3 {
    font-family: product sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 47.5px; /;
    color: #20065F;
    margin-bottom: 15px;
}

#banner a img {
    margin-bottom: 20px;
}

#banner h1 {
    font-family: "Product Sans";
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 81.492px; /* 121.989% */
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #20065F;
}

#banner h1 span {
    background: linear-gradient(180deg, #9747FF 57.76%, #21065E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#banner p {
    color: #20065f;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
}

#banner a.btn.btn-primary {
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40);
    border: none;
    color: #fff;
    text-align: center;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
    padding: 15px 60px;
    margin-top: 20px;
    border: 2px solid #0000;
    background-repeat: no-repeat;
    background-size: 100% !important;
    border-radius: 15px;
    transition: all ease 0.5s;
}
#header-outer ul.navbar-nav li.nav-item.btn a:hover {
    background: transparent;
    color: #20065F;
    border-color: #20065F;
}

#banner a.btn.btn-primary:hover {
    background: transparent;
    color: #20065F;
    border-color: #20065F;
}

section#banner {
    padding: 100px 0 100px;
}
section#partner-sec {
    padding: 30px 0;
}
#video video {
    object-fit: cover;
    border-radius: 40px;
    border: 6px solid var(--White, #FFF);
    box-shadow: 0px 0px 156.8px 0px rgba(0, 0, 0, 0.33) inset, 0px 0px 131px 0px rgba(137, 103, 252, 0.50);
}

h1 {
    font-family: "Product Sans";
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px;
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #20065F;
}

h1 span {
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 {
    font-family: "Product Sans";
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px;
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #20065F;
}

h2 span {
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section#video {
    padding-bottom: 100px;
    padding-top: 100px;
}

#milestones .col-md-3 .col-bg {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    bottom: 0;
    z-index: -1;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    transition: all ease 0.5s;
}

#milestones .col-md-3 .col-bg img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

#milestones .col-md-3 {
    position: relative;
    padding: 60px 34px;
}

#milestones  h4 {
    color: var(--Dark, #20065F);
    font-family: "Product Sans";
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px; /* 109.231% */
    letter-spacing: -1px;
    text-transform: capitalize;
}

#milestones p {
    color: var(--Dark, #20065F);
    text-align: center;
    font-family: "Product Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
}

#milestones h2 {
    margin-bottom: 30px;
}

#milestones {
    padding: 0 0 100px;
}

#milestones .col-md-3:hover .col-bg {
    box-shadow: 0px 2px 20px 0px #20065F;
}
h3.badge {
    margin: 10px auto 30px;
    display: block;
    width: max-content;
    color: #20065f;
    font-family: "Product Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 150% */
    position: relative;
    border-radius: 40px;
    border: 1.5px solid #20065f;
    padding: 15px 20px 15px 55px;
    background: #fff;
}


h3.badge svg {
    position: absolute;
    left: 20px;
}

h3.badge:before {
    content: '';
    position: absolute;
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px;
    border-radius: 40px;
    border: 1.5px solid var(--Dark, #20065F);
}

h3.badge:after {
    content: '';
    position: absolute;
    left: -100px;
    right: -100px;
    top: 0;
    bottom: 0;
    height: 2px;
    margin: auto;
    z-index: -1;
    background: linear-gradient(to left, #20065f00 0%, #20065f 45%, #20065f00 100%);
}
.industry-item {
    border-radius: 20px;
    background: linear-gradient(98deg, #FFF0DD 1.35%, #FDB65B 99.91%);
    padding: 21px 19px;
    position: relative;
    min-width: 1280px;
}

.industry-item img {
    width: 100%;
}

.industry-item .project-footer img {
    width: auto;
}

.industry-item h3.left-label {
    color: #000;
    font-family: "Product Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 10px 10px 0px 0px;
    background: #FEECD5;
    height: 65px;
    transform: rotate(-90deg);
    padding: 20px 30px;
    position: absolute;
    left: -180px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    text-align: center;
}

.industry-item.realestate {
    background: linear-gradient(90deg, #BCD7EA 0%, #E0EAF2 100%);
}

.industry-item.realestate h3.left-label {
    background: #BCD7EA;
    color: #003882;
}

.industry-item.finance {
    background: linear-gradient(90deg, #C9FFFD 0%, #69DFDB 100%);
}

.industry-item.finance h3.left-label {
    background: #C8FEFC;
    color: #004C49;
}

.industry-item.healthcare {
    background: linear-gradient(90deg, #646A8F 0%, #191B28 100%);
}

.industry-item.healthcare h3.left-label {
    background: #63698F;
    color: #fff;
}

.industry-item h4 {
    color: #003882;
    font-family: "Product Sans";
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px; /* 129.091% */
    letter-spacing: -1px;
    text-transform: capitalize;
    width: 75%;
    margin-bottom: 20px;
}

.industry-item p {
    color: #0c0c0c;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
}

.industry-item .project-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}

.industry-item .project-details h5 {
    color: #003882;
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 35px */
    text-transform: capitalize;
}

.industry-item .project-details h5 span {
    display: block;
    color: #0c0c0c;
    
/* Subheading 2 */
    font-family: "Product Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.5px; /* 150% */
}

.industry-item  .project-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, #003882 0%, #5A9DF5 100%);
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
}

.industry-item .project-footer h6 {
    color: #fff;
    
/* Subheading 2 */
    font-family: "Product Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 42.5px; /* 150% */
    margin-left: 20px;
}

.industry-item .project-footer h6 span {
    display: block;
    color: #fff;
/* Small Body (2) */
    font-family: "Product Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.industry-item.logistics h4 {
    color: #000;
}

.industry-item.logistics h5 {
    color: #000;
}

.industry-item.logistics .project-footer {
    background: linear-gradient(90deg, #000 0%, #313131 100%);
    Selection colors
Hex
Hex

White;
}

.industry-item.finance h4 {
    color: #004C49;
}

.industry-item.finance h5 {
    color: #004C49;
}

.industry-item.finance .project-footer {
    background: linear-gradient(270deg, #065B58 0%, #18D4CD 109.11%);
    Selection colors
Hex
Hex

White;
}

.industry-item.healthcare h4 {
    color: #fff;
}

.industry-item.healthcare p {
    color: #fff;
}

.industry-item.healthcare h5 {
    color: #fff;
}

.industry-item.healthcare h5 span {
    color: #fff;
}

.industry-item.healthcare .project-footer {
    background: #A8AED2;
}

.industry-item.healthcare .project-footer h6 {
    color: #000;
}

.industry-item.healthcare .project-footer span {
    color: #000;
}

.industry-item.healthcare .project-footer img:last-child {
    filter: invert(1);
}

#industry h2 {
    margin-bottom: 50px;
}
.container {
    position: relative;
}

section > .container {padding: 0px 30px;}

#services-sec .service-item {
    border-radius: 20px;
    border: 2px solid #8967FC;
    background: linear-gradient(180deg, #FFF 0%, #E4DBFF 29.07%, #D8CDFF 59.04%, #BFACFF 100%);
    box-shadow: 0px 0px 22.4px 0px rgba(107, 73, 222, 0.20);
    padding: 20px;
    margin-bottom: 25px;
    min-height: 430px;
}

#services-sec .service-item h4 {
    color: #20065F;
    text-align: center;
    font-family: "Product Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
    transition: all ease 0.5s;
}

#services-sec .service-item p {
    color: #20065f;
    
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
    margin-bottom: 24px;
    transition: all ease 0.5s;
    min-height: 130px;
}

#services-sec .service-item a {
    text-decoration: none;
    color: #20065f;
    text-align: center;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
    transition: all ease 0.5s;
}

#services-sec .service-item a i {
    transform: rotate(-45deg);
    font-weight: 100;
    margin-left: 5px;
}

#services-sec .service-item img:nth-child(2) {
    display: none;
    transition: all ease 0.5s;
}

#services-sec .service-item:hover img:nth-child(1) {display: none;}

#services-sec .service-item:hover img:nth-child(2) {
    display: inline;
    transition: all ease 0.5s;
}

#services-sec .service-item img {
    margin-bottom: 22px;
}

#services-sec .service-item:hover {
    background: radial-gradient(#BD86FF, #21065E);
    border-color: transparent;
}

#services-sec .service-item:hover h4,#services-sec .service-item:hover a,#services-sec .service-item:hover p {
    color: #fff;
}

#services-sec h2 {
    margin-bottom: 40px;
}

a.btn.btn-primary {
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40);
    border: none;
    color: #fff;
    text-align: center;
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 15px 60px;
    margin-top: 10px;
    border: 2px solid #0000;
    background-repeat: no-repeat;
    background-size: 100% !important;
    border-radius: 15px;
    transition: all ease 0.5s;
}

a.btn.btn-primary:hover {
    background: transparent;
    color: #20065F;
    border-color: #20065F;
}

section#services-sec > .container {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
#choose-sec .choose-item {
    border: 2px solid #0E122E;
    border-radius: 20px;
    padding: 17px 30px;
    margin-bottom: 40px;
    transition: all ease 0.5s;
}

#choose-sec .choose-item h4 {
    color: #20065f;
    font-family: "Product Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all ease 0.5s;
}

#choose-sec .choose-item p {
    color: #20065f;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
    transition: all ease 0.5s;
}

#choose-sec .choose-item img {
    margin-top: -50px;
    margin-bottom: 20px;
    background: #e8e2ff;
    width: 50px;
    height: 50px;
    /* border-radius: 50px; */
    padding: 7px;
}

#choose-sec h2 {
    margin-bottom: 70px;
}

#choose-sec > .container {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

#choose-sec .choose-item:hover {
    background: radial-gradient(#BD86FF, #21065E);
    border-color: transparent;
}

#choose-sec .choose-item:hover h4,#choose-sec .choose-item:hover p {
    color: #fff;
}
#portfolio-sec .bg-overlay {
    left: 50px;
    right: 50px;
}

#portfolio-sec  h2 {
    color: #fff;
    margin-bottom: 50px;
}

#portfolio-sec h3.badge::before {
    border-color: #fff;
}

#portfolio-sec h3.badge {
    background: #3a1f7b;
    color: #fff;
    border-color: #fff;
    margin-bottom: 20px;
}

#portfolio-sec h4 {
    color: #E8EAED;
    font-family: "Product Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px; /* 128.07% */
    text-transform: capitalize;
    margin-top: 10px;
}

#portfolio-sec p {
    color: #fff;
/* Body Text */
    font-family: 'Product Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 26px */
    margin-bottom: 50px;
}

#portfolio-sec .row img {
    width: 100%;
}

#portfolio-sec .col-md-6:nth-child(2) {
    margin-top: 100px;
}

#portfolio-sec .portfolio-item {
    padding: 0 10px;
}
#portfolio-sec a.btn.btn-primary {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    margin-top: 50px;
    border-right: 0;
    border-bottom: 0;
}

#portfolio-sec a.btn.btn-primary:hover {
    background: #fff;
}

#portfolio-sec {
    padding: 85px 0  !important;
}
#comparision-sec {
    padding: 95px 0;
}

#portfolio-sec h3.badge::after {
    background: linear-gradient(to left, #20065f00 0%, #ffffff 45%, #20065f00 100%);
}

#comparision-sec .inner-row {}

#comparision-sec .col-md-6 {
    position: relative;
    padding: 30px 30px 0 30px;
}

#comparision-sec .col-md-6 .col-bg {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    z-index: -1;
}

#comparision-sec ul.cross {
    margin: 30px 0 0;
    padding: 30px;
    background: #fff;
    border-radius: 32.129px;
    box-shadow: 0px 3.213px 9.639px 0px rgba(182, 182, 182, 0.10);
}

#comparision-sec ul.cross li {
    list-style: none;
    color: #333;
    font-family: product sans;
    font-size: 20.916px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.373px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}

#comparision-sec ul.cross li:before {
    content: '\f058 ';
    position: absolute;
    left: 0;
    right: 0;
    font-family: fontawesome;
    color: #07C51A;
    font-size: 35px;
}

#comparision-sec h4 {color: #191919;text-align: center;font-family: product sans;font-size: 35.843px;font-style: normal;font-weight: 500;line-height: 46.265px;margin-bottom: 30px;}

#comparision-sec .col-md-6:nth-child(2) ul.cross {
    margin-top: 10px;
}

#comparision-sec .col-md-6:nth-child(2) > img {margin-top: -10px;}
#comparision-sec h2 {
    margin-bottom: 35px;
}
#comparision-sec .col-md-6:nth-child(1):before {
    content: '';
    width: 111.727px;
    height: 111.727px;
    position: absolute;
    left: 0;
    right: -55px;
    top: 10px;
    margin: 0 0 0 auto;
    background: url(/assets/images/vs-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

#comparision-sec .col-md-6:nth-child(1) ul.cross li:before {
    content: '\f00d ';
    color: red;
}
#testi-sec {
    padding: 50px 0;
}

#testi-sec .item img {
    border-radius: 30px;
}

#testi-sec .item {
    position: relative;
    padding: 30px 0;
    border-radius: 30px;
    border: 5px solid #ffffff;
    overflow: hidden;
}

#testi-sec .item .testi-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

#testi-sec .item > img {
    width: auto;
    border-radius: 0;
    display: block;
    margin: 0 auto 25px;
}

#testi-sec .item p {
    color: #20065f;
    text-align: center;
/* Body Text 2 (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 35px */
    width: 75%;
    margin: 0 auto 30px;
}

#testi-sec .testi-footer img {width: auto;}

#testi-sec .testi-footer .testi-footer {}

#testi-sec .testi-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
}

#testi-sec .testi-footer h4 {
    color: #20065f;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
    text-align: left;
    margin-left: 15px;
}

#testi-sec .testi-footer strong {
    color: #8967fc;
    text-align: center;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 26px */
    display: block;
}

#testi-sec .testi-footer + img {
    margin-top: 30px;
}

#testi-sec h2 {
    margin-bottom: 50px;
}

#testi-sec .owl-dots {
    margin-top: 35px;
}

#testi-sec .owl-dots button {
    width: 8px;
    height: 8px;
    background: #20065F;
    border-radius: 50%;
    margin: 0 2px;
    border-radius: 20px;
}

#testi-sec .owl-dots button.active {
    width: 34px;
}

#testi-sec .bg-overlay {left: 50px;right: 50px;}

section.blogs-sec {
    padding-top: 95px;
    padding-bottom: 85px;
}

section.blogs-sec h2 {
    margin-bottom: 40px;
}

section.blogs-sec .blog-item {
    border-radius: 30.426px;
    border: 1.268px solid #0E122E;
}

section.blogs-sec .blog-item img {
    width: 100%;
}

section.blogs-sec .blog-item .blog-head {
    padding: 20px 25px 20px;
}

section.blogs-sec .blog-item  span.bage {
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-family: "Product Sans";
    font-size: 18.284px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 6.339px 12.678px;
    margin-right: 15px;
}

section.blogs-sec .blog-item span:last-child {
    color: #6D7792;
    font-family: "Product Sans";
    font-size: 18.284px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 15px;
    position: relative;
}

section.blogs-sec .blog-item h5 {margin-bottom: 20px;}

section.blogs-sec .blog-item span:last-child:before {
    content: '';
    border-radius: 5.071px;
    background: #2A2D31;
    width: 5.071px;
    height: 5.071px;
    position: absolute;
: -;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

section.blogs-sec .blog-item h4 {
    color: #20065f;
    font-family: "Product Sans";
    font-size: 25.694px;
    font-style: normal;
    font-weight: 400;
    line-height: 34.372px; /* 44.372px */
    margin-bottom: 20px;
}

section.blogs-sec .blog-item a {
    color: #6D7792;
    font-family: "Product Sans";
    font-size: 16.284px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

section.blogs-sec .blog-item a:hover {
    color: #320f75;
}

section.blogs-sec .blog-item:hover {
    background: #6027ae2b;
}
.blogs-sec a.btn.btn-primary {
    margin-top: 30px;
}
section#ticker .ticker-slider {
    margin-bottom: 50px;
}

section#ticker .ticker-slider-rtl {
    margin-top: 50px;
    direction: rtl;
}
#cta .bg-overlay > img {
    transform: scale(1.2);
}

#cta .bg-overlay {
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid #080B1C;
    Selection colors
Hex
Hex

#080B1C;
}

#cta p {
    color: #20065f;
    text-align: center;
/* Body Text 2 (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 35px */
    width: 50%;
    margin: 0 auto 25px;
}

#cta ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

#cta ul li {
    border-radius: 100px;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    color: #fff;
    font-family: product sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px; /* 120% */
    padding: 7px 10px;
    margin-right: 10px;
}

#cta ul li i {
    color: #ffffff;
    font-size: 18px;
    margin-right: 10px;
}

#cta a.btn.btn-outline-primary {
    color: #20065f;
    font-family: product sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    padding: 15px 50px !important;
    border-radius: 15px;
    border: 1px solid #20065f;
    margin-top: 20px;
}

#cta a.btn.btn-outline-primary:hover {
    background: #20065f;
    color: #fff;
}

section#cta .container {
    padding: 50px 0;
}

section#ticker {
    padding: 50px 0 90px;
}
#footer-outer p {
    color: #20065f;
    text-align: center;
/* Body Text 2 (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 35px */
    margin: 30px 0;
}

#footer-outer ul.footer-social {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-outer ul.footer-social li {
    list-style: none;
}

#footer-outer ul.footer-social li a {
    border-radius: 10px;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 28px;
    margin: 0 7px;
    border: 1px solid #0000;
    background-repeat: no-repeat;
    background-size: 100%;
}

#footer-outer ul.footer-social li a:hover {
    background: transparent;
    border-color: #20065F;
    color: #20065F;
}

#footer-outer .seperator {
    height: 2px;
    border-top: 1.3287101984024048px solid #ffffffad;
    width: max-content;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, rgb(20 15 42 / 0%) 0%, #7632c9 50%, #702fc1 75%, rgb(20 15 42 / 0%) 100%);
    padding-top: 10px;
    width: 100%;
    margin: 40px 0;
}

#footer-outer h4 {
    color: #20065F;
    font-family: "Product Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 115% */
    letter-spacing: -1px;
    text-transform: capitalize;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}

#footer-outer ul.footer-menu {
    padding: 0;
    margin: 0;
}

#footer-outer ul.footer-menu li {
    list-style: none;
}

#footer-outer ul.footer-menu li a {
    color: #20065f;
/* Body Text 2 (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 35px */
    text-decoration: none;
}

#footer-outer ul.footer-menu li a:hover {
    color: #000;
}

#footer-outer ul.footer-menu li i {color: #20065F;margin-right: 15px;font-size: 20px;}

#footer-outer {
    padding-top: 130px;
    margin-bottom: 50px;
}

#footer-outer .bg-overlay {
    left: 50px;
    right: 50px;
}
#banner .bg-overlay > img {
    border-radius: 0;
}
.industry-container {
    display: flex;
}
#about-banner {
    padding: 200px 0 0;
    text-align: center;
}

#about-banner h1 {
    font-size: 65px;
    line-height: 81px;
}

#about-banner p {
    color: #20065F;
    font-family: product sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
}
section#about-banner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 1765px;
    background: #A78DFF;
    filter: blur(151.5500030517578px);
    width: 80%;
    height: 20%;
    margin: auto;
}
#about-sec1 p {
    color: #20065f;
    
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.8px; /* 27.8px */
    margin-bottom: 30px;
}

#about-sec1 h2 {
    margin-bottom: 25px;
}

#about-sec1  .milestone {
    position: relative;
    margin: 0 10px 30px;
    padding: 50px 20px;
    min-width: 300px;
    border-radius: 20px;
    transition: all ease 0.5s;
}

#about-sec1 .milestone .col-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 20px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.35);
}

#about-sec1 .milestone .col-bg img {
    width: 100%;
    height: 100%;
}

#about-sec1 .milestone h4 {
    color: #20065f;
    text-align: center;
    font-family: "Product Sans";
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px; /* 109.231% */
    letter-spacing: -1px;
    text-transform: capitalize;
}

#about-sec1 .milestone p {
    margin-bottom: 0;
    color: #20065f;
    text-align: center;
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#about-sec1 {
    padding: 100px 0;
}

#about-sec1 .milestone:hover {
    box-shadow: 0px 2px 20px 0px #20065F;
}
#about-sec2 p {
    color: #20065f;
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.8px;
    margin-bottom: 30px;
}

#about-sec2 h2 {
    margin-bottom: 20px;
}

#about-sec2 .nav-tabs .nav-item button {
    color: #20065f;
    text-align: center;
/* H3 (2) */
    font-family: "Product Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 120% */
    text-transform: capitalize;
    border-radius: 50px;
    border: 2px solid #20065f;
    padding: 90px 0px !important;
    width: 270px;
    margin: 0 10px;
    transition: all ease 0.3s;
}
#about-sec2 .nav-tabs {
    border-bottom: 0;
}

#about-sec2 .nav-tabs .nav-item button.active {
    border-radius: 50%;
    background: linear-gradient(180deg, #20065F 0%, #7f37d4 100%);
    color: #fff;
}

#about-sec2  .separator {
    height: 2px;
    background: linear-gradient(to left, #20065f00 0%, #20065f 45%, #20065f00 100%);
    margin: 70px 0;
}

#about-sec2 .wrap {
    display: flex;
    align-items: flex-start;
}

#about-sec2 .wrap p {
    color: #20065f;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.8px; /* 27.8px */
}

#about-sec2 .wrap h5 {
    text-align: center;
    font-family: "Product Sans";
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px; /* 109.231% */
    letter-spacing: -1px;
    text-transform: capitalize;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 20px;
}

#about-sec2 .bg-overlay {
    left: 50px;
    right: 50px;
}

#about-sec2 {
    padding: 80px 0;
}
#about-sec3 {
    padding: 250px 0;
    margin-bottom: 100px;
}

#about-sec3 .bg-overlay {
    left: 50px;
    right: 50px;
}

#about-sec3 h3.badge::before {
    border-color: #fff;
}

#about-sec3 h3.badge {
    background: #6835b2;
    border-color: #fff;
    color: #fff;
}

#about-sec3 h3.badge::after {
    background: linear-gradient(to left, #20065f00 0%, #e3e3e3 45%, #20065f00 100%);
}

#about-sec3 h2 {
    color: #fff;
    width: 70%;
    margin: 0 auto 30px;
}

#about-sec3 p {
    color: #FFF;
    text-align: center;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.8px; /* 27.8px */
    width: 70%;
    margin: 0 auto;
}

body.about-page #testi-sec {
    margin-bottom: 70px;
}
#inner-banner {
    padding: 210px 0 100px;
    position: relative; /* Ensure pseudo-element is positioned correctly */
    /*background: url('/assets/images/service-innerbg.png') no-repeat center center;*/
    /*background-size: cover;*/
}

#inner-banner p {
    color: #20065f;
    text-align: center;
    /* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.8px; /* 27.8px */
    margin: 20px 0 !important;
}

/* Add gradient fade at the bottom of the banner */
#inner-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2em;
    background: linear-gradient(to bottom, #ffffff00, #fff);
}

#servicepg-sec1 {
    padding: 70px 0;
}

#servicepg-sec1 h4 {
    font-family: "Product Sans";
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 61px;
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #20065F 14.08%, #7F37D4 81.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

#servicepg-sec1 p {
    color: #20065f;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.8px; /* 27.8px */
    margin: 15px 0;
}

#servicepg-sec1 ul {
    margin: 0;
    padding: 0;
}

#servicepg-sec1 ul li {
    list-style: none;
}

#servicepg-sec1 ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    border-radius: 10px;
    border: 1px solid var(--Light, #8967FC);
    Selection colors
Hex
Hex

Main Primary;
    margin-bottom: 15px;
    transition: all ease 0.5s;
}

#servicepg-sec1 ul li a span {
    color: var(--Main-Primary, #7E37D3);
/* H3 (2) */
    font-family: "Product Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px; /* 120% */
    text-transform: capitalize;
}

#servicepg-sec1 ul li a i {
    display: none;
}
#servicepg-sec1 ul li a:hover {
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40);
    Selection colors
Hex
Hex

White;
}

#servicepg-sec1 ul li a:hover i {
    color: #fff;
}

#servicepg-sec1 ul li a:hover span {
    color: #fff;
}
#servicepg-sec1 .separator {
    height: 2px;
    border-top: 1.3287101984024048px solid #ffffffad;
    width: max-content;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, rgb(20 15 42 / 0%) 0%, #7632c9 50%, #702fc1 75%, rgb(20 15 42 / 0%) 100%);
    padding-top: 10px;
    width: 100%;
    margin: 40px 0;
}
ul.blog-cate {
    padding: 0;
    margin: 0px 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.blog-cate li {
    list-style: none;
}

ul.blog-cate li a.btn {
    margin: 0 5px;
    color: #8967FC;
    text-align: center;
/* Small Body (2) */
    font-family: "Product Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 13px;
    border-radius: 50px;
    border: 0.5px solid #8967FC;
}

form.search-form {
    width: 60%;
    margin: 0 auto;
    position: relative;
}

form.search-form input {
    padding: 20px 23.12px 20px 23px;
    border-radius: 10px;
    border: 1px solid #000;
    Export






Toolbelt Mode

Draw

Design

Dev Mode;
    color: #cacaca;
/* Small Body (2) */
    font-family: "Product Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

form.search-form button.btn {
    border-radius: 10px;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    box-shadow: 0px 4px 30px 0px rgba(89, 100, 255, 0.10)
    border: none;
    color: #fff;
    text-align: center;
/* Small Body (2) */
    font-family: "Product Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 9px 20px;
    border: 1px solid #0000;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    transition: all ease 0.5s;
    position: absolute;
    right: 7px;
    top: 7px;
    bottom: 7px;
    margin: auto;
}

form.search-form button.btn i {
    font-size: 22px;
    fill: #fff;
    margin-left: 10px;
    font-weight: 100;
    color: #FFF;
    /* -webkit-text-stroke: 1px #ffffff; */
}

form.search-form button.btn:hover {
    background: transparent !important;
    color: #20065F;
    border-color: #20065F;
}

form.search-form button.btn:hover i {
    -webkit-text-stroke: 0px #20065F;
    color: #20065F;
}
ul.blog-cate li a.btn:hover {
    background: #20065F;
    color: #fff;
    border-color: #20065F;
}
#recent-posts {
    padding: 70px 0 0;
}

#recent-posts h5, #all-blogs h5 {
    color: #8967fc;
    font-family: 'Product Sans';
    font-size: 16.421px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.316px;
}

#recent-posts h4,#all-blogs h4 {
    color: #20065f;
/* H4 (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 120% */
    text-transform: capitalize;
}

#recent-posts h4 i,  #all-blogs h4 i {
    transform: rotate(45deg);
    margin-left: 30px;
}

#recent-posts p, #all-blogs p {
    color: #000;
/* Body Text 2 (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 35px */
}

#recent-posts ul, #all-blogs ul {
    margin: 25px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#recent-posts ul li, #all-blogs ul li {
    list-style: none;
    color: #6941C6;
    text-align: center;
    font-family: 'Product Sans';
    font-size: 16.421px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.316px;
    padding: 2.632px 13.158px;
    border-radius: 21.053px;
    background: #F9F5FF;
    margin-right: 10px;
}

#recent-posts ul li:nth-child(2), #all-blogs  ul li:nth-child(2) {
    background: #EEF4FF;
    color: #3538CD;
}

#recent-posts ul li:nth-child(3), #all-blogs  ul li:nth-child(3) {
    color: #C11574;
    background: #FDF2FA;
}

.hBlog-item img {
    margin-bottom: 30px;
}

#recent-posts .vBlog-item img {
    width: 50%;
    margin-right: 20px;
}

#recent-posts .vBlog-item {
    margin-bottom: 30px;
}

body.blog-page .seperator {
    height: 2px;
    border-top: 1.3287101984024048px solid #ffffffad;
    width: max-content;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, rgb(20 15 42 / 0%) 0%, #7632c9 50%, #702fc1 75%, rgb(20 15 42 / 0%) 100%);
    padding-top: 10px;
    width: 100%;
    margin: 90px 0;
}
#all-blogs {
    padding-bottom: 100px;
}

#all-blogs a.btn {
    color: #21065E;
    text-align: center;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.8px;
    border-radius: 10px;
    border: 2px solid #21065E;
    padding: 13px 50px;
    margin-top: 30px;
    transition: all ease 0.52s;
}

.blog-item {
    margin: 30px 0 !important;
}
#all-blogs img {
    margin-bottom: 20px;
}

#all-blogs a.btn:hover {
    background: #21065E;
    color: #fff;
}
.ml-2 {padding-left: 10px;}

.mr-2 {
    padding-right: 10px;
}
#peep-sec .bg-overlay {
    left: 50px;
    right: 50px;
}

#peep-sec {
    padding: 60px 0;
}

#peep-sec h2 {
    color: #fff;
    margin-bottom: 30px;
}
#inner-banner .ticker {
    margin-top: -150px;
}

.careers-page #inner-banner {
    padding-bottom: 200px;
}

p {
    color: #20065f;
    
/* Body Text 2 (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 35px */
}

.benefits {
    display: flex;
    flex-wrap: wrap;
}

.benefit.icon-box {
    display: flex;
    width: 19%;
    border-radius: 20px;
    background: #F3F3FF;
    padding: 28px 21.333px;
    text-align: left;
    margin: 0.5%;
    border: 2px solid #8967fc00;
    transition: all ease 0.5s;
    align-items: center;
}

.benefit.icon-box h5 {
    color: #20065f;
/* Body Text 2 (2) */
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 35px */
    margin-bottom: 0;
    padding-left: 15px;
}

.benefit.icon-box:hover {
    border-color: #8967FC;
}

#benefits-sec .bg-overlay {
    border-radius: 40px;
    background: #FCFBFF;
    left: 50px;
    right: 50px;
}

#benefits-sec {
    margin-top: 60px;
    padding: 75px 0;
}
#opening-sec .row {
    padding-top: 50px;
}

#opening-sec .row .list-item {
    border-radius: 20px;
    background: #F4F3FF;
    padding: 20px;
    margin-bottom: 30px;
    border: 2px solid #0000;
    transition: all ease .5s;
}

#opening-sec .row .list-item h5.label {
    color: #20065f;
/* Small Body (2) */
    font-family: "Product Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 40px;
    background: rgba(202, 186, 255, 0.50);
    Selection colors
Hex
Hex

Dark
#20065F

#CABAFF
50%;
    padding: 0px 15px;
    width: max-content;
    margin-bottom: 30px;
}

#opening-sec .row .list-item h4 {
    color: #20065f;
/* H4 (2) */
    font-family: "Product Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 120% */
    text-transform: capitalize;
}

#opening-sec .row .list-item p {
    color: #20065f;
/* Small Body (2) */
    font-family: "Product Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

#opening-sec .row .list-item a.btn.btn-primary {
    color: var(--White, #FFF);
    text-align: center;
/* Small Body (2) */
    font-family: "Product Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 9px 20px;
    border-radius: 10px;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    box-shadow: 0px 4px 30px 0px rgba(89, 100, 255, 0.10);
    border: 1px solid #0000;
}

#opening-sec .row .list-item a.btn.btn-primary:hover {
    background: transparent;
    border-color: #20065F;
    color: #20065F;
}

#opening-sec .row .list-item:hover {
    border-color: #8967FC;
    box-shadow: 7px 7px 0px 0px  #8967FC;
}

#opening-sec {
    padding: 80px 0;
}

#peep-sec a {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 20px;
}

#peep-sec a:hover img {
    transform: scale(1.1);
}

#peep-sec a img {
    transition: all ease 0.6s;
}
#contactpg-sec1 form.contact-form.container {
    padding: 0;
}

#contactpg-sec1 form .mb-3 {
    margin-bottom: 0 !important;
}

#contactpg-sec1 form input.form-control {
    border-radius: 7.296px;
    background: rgba(216, 216, 216, 0.20);
    Selection colors
Hex
Hex

Dark
#20065F

#D8D8D8
20%;
    color: #20065f;
    font-family: 'Product Sans';
    font-size: 16.887px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.219px;
    padding: 17.509px 20.428px;
    border: none;
    margin-bottom: 20px !important;
}

#contactpg-sec1 form textarea.form-control {
    border-radius: 7.296px;
    background: rgba(216, 216, 216, 0.20);
    color: #20065f;
    font-family: 'Product Sans';
    font-size: 16.887px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.219px;
    padding: 17.509px 20.428px;
    border: none;
    margin-bottom: 20px !important;
    height: 160px;
}

#contactpg-sec1 form  input.btn {
    color: #fff;
    text-align: center;
/* Body Text (2) */
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.8px; /* 27.8px */
    padding: 10px;
    border-radius: 10px;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40);
    Selection colors
Hex
Hex

White;
    width: 100%;
    border: 1px solid #0000;
}

#contactpg-sec1 {
    padding: 70px 0 100px;
}

#contactpg-sec1 form input.btn:hover {
    background: transparent;
    color: #20065F;
    border-color: #20065F;
}

#contact-sec2 .col-md-4 {
    margin-top: 30px;
}

#contact-sec2 .col-md-3 h4 {
    color: #20065f;
    text-align: center;
    font-family: "Product Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 51px; /* 109.231% */
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-top: 20px;
}

#contact-sec2 .col-md-4 p {
    line-height: 28px;
}

#contact-sec2 .col-md-4 img {
    margin-bottom: 20px;
}

#contact-sec2 .bg-overlay {
    border-radius: 40px;
    background: #FCFBFF;
    left: 50px;
    right: 50px;
}

.mainsec {
    padding: 0 15em; /* Default padding for larger screens */
}

.ticker-slider-ltr {
    margin-bottom: 30px;
}
#choose-sec .col-md-4:nth-child(1) .choose-item img {background: #e6dfff;}
/* Make the navbar collapse container flex */
.navbar-collapse {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Center nav-main */
.nav-main {
  flex: 1;
  display: flex;
  justify-content: center;
}

/* Align nav-right to the right */
.nav-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.benefit.icon-box img {
    height: 40px;
}
div#welcomeModal  form input.form-control {
    border-radius: 7.296px;
    background: rgba(216, 216, 216, 0.20);
    font-family: 'Product Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.219px;
    padding: 15px;
    border: none;
    margin-bottom: 20px !important;
    color: #fff;
}

div#welcomeModal form textarea {
    border-radius: 7.296px;
    background: rgba(216, 216, 216, 0.20);
    color: #20065f;
    font-family: 'Product Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.219px;
    padding: 15px;
    border: none;
    margin-bottom: 20px !important;
    height: 120px;
}

.modal-content {
    background: #000;
    border-radius: 10px;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40);
    width: 100%;
    border: 1px solid #0000;
}

div#welcomeModal form .form-control::placeholder {
    color: #fff;
}

div#welcomeModal form input.btn {
    color: #7b36d0;
    text-align: center;
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.8px;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40);
    width: 100%;
    border: 1px solid #0000;
    transition: all ease 0.5s;
}

div#welcomeModal form input.btn:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

div#welcomeModal {
    z-index: 9999;
    background: #000000b0;
}

#welcomeModal button.btn-close {
    width: 30px;
    height: 30px;
    background: #fff;
    position: absolute;
    right: -20px;
    top: -20px;
    opacity: 1;
    cursor: pointer;
    z-index: 9999;
}
#footer-outer p a {
    text-decoration: none;
    color: #200679;
}
#contact-sec2 p a {
    text-decoration: none;
    color: #20065f;
}
#blog-body h3 {
    font-family: "Product Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #20065F 14.08%, #7F37D4 81.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#blog-body h4 {
    font-family: "Product Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #20065F 14.08%, #7F37D4 81.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#blog-body ul li {
    color: #20065f;
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}

#blog-body ul li strong {
    color: #7532c8;
    font-weight: 700;
}
#recent-posts h4 a, #all-blogs h4 a {
    color: #20065f;
    text-decoration: none;
}
body.job-detail-page h3 {
    font-family: "Product Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #20065f 14.08%, #7f37d4 81.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.job-detail-page h4 {
    font-family: "Product Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #20065f 14.08%, #7f37d4 81.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.job-detail-page ul li {
    color: #20065f;
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}

body.job-detail-page ul li strong {
    color: #7532c8;
    font-weight: 700;
}

body.job-detail-page  .form-container {
    background: var(--Gradient, linear-gradient(180deg, #20065f 0%, #7f37d4 100%));
    border-radius: 10px;
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, .4);
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 30px;
    margin-bottom: 30px;
}

body.job-detail-page .form-container input {
    border-radius: 7.296px;
    background: rgba(216, 216, 216, .2);
    font-family: "Product Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.219px;
    padding: 15px;
    border: none;
    margin-bottom: 20px !important;
    color: #fff;
}

body.job-detail-page .form-container input::placeholder {
    color: #fff;
}

body.job-detail-page .form-container input[type=button] {
    margin-bottom: 0 !important;
    color: #7b36d0;
    text-align: center;
    font-family: "Product Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.8px;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, .4);
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all ease .5s;
}

body.job-detail-page .form-container input[type=button]:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.job-detail-page section#opening-sec {
    padding-top: 0 !important;
}
#partners-sec h5 {
    font-family: "Product Sans";
    border-radius: 7px;
    background: linear-gradient(180deg, #FFFFFF 0%, #E4DBFF 29%, #D8CDFF 58%, #BFACFF 100%);
    width: max-content;
    margin: 30px auto 0;
    padding: 13px 20px;
    font-size: 30px;
    color: #20065F;
    line-height: 38px;
    border: 2px solid #8967FC;
    border-bottom: 0;
    position: relative;
}

#partners-sec h5:before {
    content: '';
    position: absolute;
    left: -65%;
    right: -65%;
    top: 20px;
    margin: auto;
    background: url(/assets/images/partner-bf.png) no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%;
    z-index: -1;
}

#partners-sec img {width: 70%;margin-top: 30px;}

#partners-sec h4 {
    color: #20065F;
    font-family: Product Sans;
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    margin: 30px 0;
}

#partners-sec ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#partners-sec ul li {
    list-style: none;
    font-family: Product Sans;
    background: var(--Gradient, linear-gradient(180deg, #20065F 0%, #7F37D4 100%));
    /* box-shadow: 0px 0px 34.2px 0px rgba(137, 103, 252, 0.40); */
    min-width: max-content;
    color: #fff;
    padding: 6px 10px;
    border-radius: 50px;
    font-family: Product Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 0 5px 8px;
    transition: all ease 0.5s;
}

#partners-sec ul li:hover {
    border: 1px solid #7733cb;
    background: transparent;
    color: #7733cb;
}

#partners-sec .affiliate h4 {
    color: #CA7ECA;
}

#partners-sec .affiliate ul li {
    background: var(--Gradient, linear-gradient(180deg, #FFFDFD 0%, #FFE2FF 100%));
    color: #CA7ECA;
}
#partners-sec {
    padding: 50px 0 100px !important;
}
#ticker .col-md-12 {
    padding: 0;
}
section#four04 {
    display: flex;
    align-items: center;
    height: 100dvh;
}

section#four04 h1 {
    font-family: "Product Sans";
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: capitalize;
    color: #20065F;
    background: linear-gradient(180deg, #9747FF 57.76%, #21065E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}