/* ==================== Import Fonts ==================== */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');


/* ==================== Common Reset ==================== */

* {
   padding: 0;
   margin: 0;
   outline: none;
   border: none;
   box-sizing: border-box;
}

html {
   font-size: 1rem;
   scroll-behavior: auto !important;
}

body {
   display: block;
   width: 100%;
   padding: 0;
   margin: 0;
   font-family: "Geist", sans-serif;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.25;
   position: relative;
   top: 0 !important;
   background-color: #fff;
}

.overflow-hidden {
   overflow: hidden;
   height: 100vh;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}

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

blockquote,
q {
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: "";
   content: none;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

a {
   display: inline-block;
   font-size: 16px;
   text-decoration: none;
   transition: all 0.4s ease-in-out;
}

*:focus {
   outline: none;
}

button[type="button"]:focus {
   outline: none;
}

input:focus,
.form-control:focus {
   outline: none;
   box-shadow: none;
   border-color: inherit;
   resize: none;
}

/* ==================== Common style ==================== */
.wrapper {
   display: block;
   overflow: hidden;
   min-height: 100vh;
   position: relative;
}

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

.container-lg {
   max-width: 1780px;
   margin: 0 auto;
   padding: 0;
}

.container-full-lg {
   max-width: 91%;
   margin: 0 auto;
   padding: 0 15px;
}

.body-fixed {
   overflow: hidden;
}

.icon {
   display: inline-block;
   height: 1em;
   width: 1em;
   background-color: currentColor;
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: contain;
   transition: all 0.4s ease;
}

.icon-facebook {
   mask-image: url(../img/svg/facebook.svg);
}

.icon-twitter {
   mask-image: url(../img/svg/twitter.svg);

}

.icon-instagram {
   mask-image: url(../img/svg/instagram.svg);
}

.icon-linkedin {
   mask-image: url(../img/svg/linkedin.svg);
}

p {
   font-size: 16px;
   line-height: 1.25;
}

p:last-child {
   margin-bottom: 0;
}

img {
   display: block;
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
}

/* ==================== Common Classes ==================== */

.pd-comm {
   padding-top: 107px;
   padding-bottom: 121px;
}

.sec-head {
   max-width: 840px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   margin: 0 auto 60px;
}

.sec-head .sec-label {
   position: relative;
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   text-align: center;
   padding: 16px 32px;
   background-color: transparent;
   border-radius: 100px;
   z-index: 1;
   margin: 0 auto 20px;
   color: #232D37;
   /* overflow: hidden; */
   box-shadow: 6.37px 0px 42.5px 0px #00000014;

}

.sec-head .sec-label::before {
   content: "";
   position: absolute;
   inset: 0;
   padding: 2px;
   background: linear-gradient(90deg, #F21E48 0%, #BC0B79 52.4%, #0E68C2 100%);
   border-radius: inherit;
   -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   z-index: -1;
   background-size: 300% 100%;
   background-position: 0% 0%;
}

.sec-head .sec-label::before {
   animation: borderFlow 3s linear infinite;
}

@keyframes borderFlow {
   0% {
      background-position: 0% 0%;
   }

   100% {
      background-position: 100% 0%;
   }
}

.sec-title {
   font-weight: 600;
   font-size: 50px;
   line-height: 1.2;
   letter-spacing: 0;
   text-align: center;
   color: #232D37;
}

.sec-head p {
   font-weight: 500;
   font-size: 16px;
   line-height: 1.25;
   color: #525866;
   margin-bottom: 0;
   text-align: center;
}

/* icons */
.icon-team1 {
   mask-image: url(../img/svg/team-1.svg);
}

.icon-team2 {
   mask-image: url(../img/svg/team-2.svg);
}

.icon-team3 {
   mask-image: url(../img/svg/team-3.svg);
}

.icon-team4 {
   mask-image: url(../img/svg/team-4.svg);
}

.icon-team5 {
   mask-image: url(../img/svg/team-5.svg);
}

.icon-team6 {
   mask-image: url(../img/svg/team-6.svg);
}

.icon-team7 {
   mask-image: url(../img/svg/team-7.svg);
}

.icon-team8 {
   mask-image: url(../img/svg/team-8.svg);
}

.icon-team9 {
   mask-image: url(../img/svg/team-9.svg);
}

.icon-team10 {
   mask-image: url(../img/svg/team-10.svg);
}

.icon-team11 {
   mask-image: url(../img/svg/team-11.svg);
}

.icon-team12 {
   mask-image: url(../img/svg/team-12.svg);
}

.icon-team13 {
   mask-image: url(../img/svg/team-13.svg);
}

.icon-team14 {
   mask-image: url(../img/svg/team-14.svg);
}

.icon-team15 {
   mask-image: url(../img/svg/team-15.svg);
}

.icon-tab1 {
   mask-image: url(../img/svg/tab1.svg);
}

.icon-tab2 {
   mask-image: url(../img/svg/tab2.svg);
}

.icon-tab3 {
   mask-image: url(../img/svg/tab3.svg);
}

.icon-star {
   mask-image: url(../img/svg/star.svg);
   color: #FFC046;
}

.back-icon {
   mask-image: url(../img/svg/back.svg);
}

.btn:hover {
   transform: translateY(-5px);
}

/* header */
.header {
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   margin: 0 auto;
   z-index: 999;
   top: 34px;
   padding: 0 15px;
}

.header.has-sticky {
   position: fixed;
   top: 15px;
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   z-index: 999;
}

/* Slide-down animation */
@keyframes slideDown {
   0% {

      top: -100%;
      opacity: 0;
   }

   100% {

      top: 0%;

      opacity: 1;
   }
}

.header .container-full-lg {
   background-color: #fcfcfc;
   padding: 18px 20px 18px 48px;
   border-radius: 22px;
   border: 1.4px solid #D0D0FF;
}

.header .nav-logo {
   height: 60px;
}

.header-main {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 116px;
}

.header-main ul li {
   display: inline-block;
   margin-right: 44px;
}

.header-main ul li:last-child {
   margin-right: 0;
}

.header-main ul li a {
   font-weight: 500;
   font-size: 22.38px;
   line-height: 1.4;
   color: #525866;
}

.header-main ul li a:hover {
   color: #51279B;
}

.footer .footer-column a:hover,
.footer p a:hover,
.footer ul li.current-menu-item a {
   font-weight: 600;
   color: #51279B;

}

.header-btn {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 27px;
}

.btn {
   position: relative;
   overflow: hidden;
   display: inline-block;
   font-weight: 700;
   font-size: 20px;
   line-height: 1;
   text-align: center;
   text-transform: uppercase;
   padding: 16px 35px;
   border-radius: 40px;
   border: 1.4px solid #D0D0FF;
   z-index: 1;
   color: #525866;
   background: transparent;
   transition: color 0.5s ease, border-color 0.5s ease, transform 0.5s ease;
   white-space: nowrap;
}

/* Default slick dot */
.slick-dots {
   display: flex !important;
   justify-content: center;
   align-items: center;
   padding: 1rem 0;
   list-style: none;
   margin: 0 auto;
   width: 100%;
   position: relative;
}


.slick-dots li {
   margin: 0 6px;
   padding: 0;
}

.slick-dots li button {
   width: 12px;
   height: 12px;
   font-size: 0;
   border-radius: 50%;
   background: #d2d2d2;
   /* light gray for inactive dots */
   border: none;
   opacity: 0.5;
   transition: all 0.3s ease;
}

/* Remove default dot content */
.slick-dots li button::before {
   content: "";
   display: none;
}

/* Active dot */
.slick-dots li.slick-active button {
   background: linear-gradient(90deg, #51279B 0%, #0E68C2 100%);
   opacity: 1;
   width: 14px;
   height: 14px;
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

/* Gradient overlay */
.btn::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, #50289C 0%, #0F67C1 100%);
   z-index: -1;
   opacity: 0;
   transition: opacity 0.5s ease;
   border-radius: inherit;
}

/* Primary */
.btn-primary {
   box-shadow: 0px 0px 8.39px 0px #D0D0FF66;
}

.btn-primary:hover::before {
   opacity: 1;
}

.btn-primary:hover {
   color: #fff;
}

/* Secondary */
.btn-secondary {
   background: linear-gradient(90deg, #50289C 0%, #0F67C1 100%);
   color: #fff;
   border: none;
}

.btn-secondary:hover {
   background: linear-gradient(90deg, #0F67C1 0%, #50289C 100%);
}

.mobile-header-wrapper {
   display: flex;
   align-items: center;
   justify-content: start;
   gap: 20px;
   min-width: 50%;
}

/* menu */

.menu-icon {
   width: 32px;
   height: 24px;
   position: relative;
   cursor: pointer;
}

.menu-icon span {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   height: 2px;
   background: #232D37;
   transition: all 0.3s ease;
}

.menu-icon span::before,
.menu-icon span::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   background: #232D37;
   transition: all 0.3s ease;
   left: 0;
}

.menu-icon span::before {
   top: -8px;
}

.menu-icon span::after {
   top: 8px;
}

/* Toggle open state */
.nav-open .menu-icon span {
   background: transparent;
}

.nav-open .menu-icon span::before {
   top: 0;
   transform: rotate(45deg);
}

.nav-open .menu-icon span::after {
   top: 0;
   transform: rotate(-45deg);
}

.hero-sec {
   background: url(../img/hero-bg.png);
   height: 100%;
   width: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
}

.hero-sec .hero-content {
   max-width: 710px;
   margin: 0 auto;
   padding-top: 250px;
   margin-bottom: 50px;
}

.hero-title {

   font-weight: 600;
   font-size: 60px;
   text-transform: capitalize;
   line-height: 1.15;
   letter-spacing: -1.63px;
   text-align: center;
   color: #232D37;
}

.hero-content p {
   font-weight: 500;
   font-size: 18.75px;
   text-transform: capitalize;
   line-height: 1.6;
   letter-spacing: -0.02px;
   text-align: center;
   color: #525866;
}

.hero-image {
   padding: 29px 29px 0;
   overflow: hidden;
   border-radius: 25px 25px 0 0;
   position: relative;
}

.hero-image video {
   width: 100%;
   height: 100%;
   bottom: -4px;
   position: relative;
   cursor: pointer;
}

.hero-image .play-icon {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   width: 90px;
   aspect-ratio: 1/1;
   z-index: 1;
}

.hero-image .play-icon img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.hero-image .play-icon::before {
   content: '';
   position: absolute;
   background-color: #4D309C;
   width: 130px;
   height: 130px;
   top: 0px;
   left: -18px;
   bottom: 0;
   border-radius: 50%;
   right: 0;
   margin: auto;
   z-index: -1;
   opacity: 8%;
   animation: pulse-ring 2s infinite ease-in-out;
}

.hero-image .play-icon::after {
   content: '';
   position: absolute;
   background-color: #4E329E;
   width: 180px;
   height: 180px;
   top: 0px;
   left: -42px;
   bottom: 0;
   border-radius: 50%;
   right: 0;
   margin: auto;
   z-index: -1;
   opacity: 3.2%;
}

@keyframes pulse-ring {
   0% {
      transform: scale(1);
      opacity: 0.3;
   }

   50% {
      transform: scale(1.1);
      opacity: 0.1;
   }

   100% {
      transform: scale(1);
      opacity: 0.3;
   }
}

.hero-sec .hero-image img {
   border-top-right-radius: 25px;
   border-top-left-radius: 25px;
   overflow: hidden;
}

.partner-logos {
   position: relative;
   /* overflow: hidden; */
   padding-bottom: 56px;
   padding-top: 46px;
   z-index: 2;
}

.partner-logos::before {
   content: "";
   background: linear-gradient(90deg, #51279B 0%, #0E68C2 100%);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0%;
   z-index: -1;

}

.partner-logos .title {
   font-family: Geist;
   font-weight: 500;
   font-size: 30px;
   line-height: 0.8;
   text-align: center;
   color: #fff;
   margin-bottom: 80px;
}

.partner-logos .title br {
   display: none;
}

.partner-logos ul li {
   display: inline-block;

}

.partner-logos .container {
   position: relative;
   z-index: 1;
}

.company-logos ul:nth-child(2) {
   display: none;

}

.partner-logos ul {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 56px;

}

.partner-logos ul li img {
   max-height: 51px;

}


.manage-sec .container .row:first-child {
   margin-bottom: 80px;
}

.manage-sec .hero-title {
   text-align: start;
}

.manage-sec .manage-des p {
   font-size: 18px;
   line-height: 1.67;
   font-weight: 500;
   color: #525866;
}

.manage-sec .manage-des {
   padding-left: 80px;
}

.manage-sec .manage-box {
   padding: 45px 48px 84px;
   box-shadow: 0px 3.42px 20px 0px #1D5AB91A;
   border-radius: 17px;
   height: 100%;
}

.manage-box .manage-icti {
   display: flex;
   align-items: start;
   justify-content: center;
   margin-bottom: 50px;
   gap: 30px;

}

.manage-box .manage-icti .manage-subtitle {
   font-weight: 500;
   font-size: 28px;
   line-height: 1.31;

   color: #232D37;
}

.manage-box .manage-icti .icon-wrap {
   position: relative;
   min-height: 57px;
   min-width: 57px;
   border-radius: 50%;
   background: linear-gradient(180deg, #50289C 0%, #1067C1 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
   margin: 7px;

}

.manage-box .manage-icti .icon-wrap::before {
   content: "";
   width: 126.32%;
   height: 126.32%;
   background: linear-gradient(180deg, rgba(80, 40, 156, 0.18) 0%, rgba(24, 95, 188, 0.18) 100%);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   z-index: 1;
}

.manage-box .manage-icti .icon-wrap img {
   position: relative;
   z-index: 1;
}

.manage-box .manage-con p {
   font-weight: 500;
   font-size: 16px;
   line-height: 1.6;
   color: #525866;
}

.tutorial-sec {
   padding-bottom: 117px;
}


.tutorial-sec .tuto-title {

   font-weight: 600;
   font-size: 38px;
   line-height: 1.42;
   letter-spacing: -0.02em;
   text-align: start;
   margin-bottom: 60px;

}

.tutorial-sec .tuto-tasks .tt-item .tt-box {
   display: flex;
   align-items: start;
   justify-content: start;
   gap: 20px;
   padding: 20px 130px 20px 0;
}

.tutorial-sec .mobile-img {
   display: none;
}

.tutorial-sec .tuto-tasks .tt-item {
   border-bottom: 1px solid #D5DBFA;

}

.tutorial-sec .tuto-tasks .tt-item:last-child {
   border-bottom: none;
}

.tutorial-sec .tuto-tasks .tt-icon-wrap {
   min-height: 74px;
   min-width: 74px;
}

.tutorial-sec .tuto-tasks .tt-title {

   font-weight: 600;
   font-size: 24px;
   line-height: 1.5;
   margin-bottom: 12px;
}

.tuto-tasks .tt-box p {
   font-weight: 500;
   font-size: 16px;
   line-height: 1.5;
}


.why-sec {
   max-width: 1512px;
   margin: 0 auto 120px;
   padding-top: 81px;
   position: relative;
   height: 100%;
   z-index: 1;
}

.why-sec::before {
   content: "";
   position: absolute;
   height: 90%;
   width: 100%;
   background: linear-gradient(270deg, #51279B 0%, #BC0B79 100%);
   z-index: -1;
   top: 0;
   left: 0;
   border-radius: 20px;

}

.why-heading {

   font-weight: 300;
   font-size: 65.99px;
   line-height: 1.05;
   letter-spacing: -0.03em;
   color: #fff;
}

.why-heading span {
   font-weight: 700;
}

.why-sec .why-grid {
   --bs-gutter-x: 26px;
   --bs-gutter-y: 26px;
}

.why-des p {

   font-weight: 500;
   font-size: 20px;
   line-height: 1.4;
   color: #E6E9ED;
}

.why-sec .container .why-intro {
   margin-bottom: 77px;
}



.why-sec .container .why-box {
   background-color: #fff;
   box-shadow: 0px 3.42px 20px 0px #1D5AB91A;
   border-radius: 17px;
   padding: 48px 40px 40px 40px;
   height: 100%;
}

.why-sec .container .why-it {
   display: flex;
   align-items: center;
   justify-content: start;
   gap: 30px;
   margin-bottom: 50px;
}

.why-sec .container .why-icon {
   min-height: 72px;
   min-width: 72px;
}

.why-sec .container .why-title {

   font-weight: 500;
   font-size: 26px;
   line-height: 1.412;
   letter-spacing: 0;
   color: #232D37;
   white-space: nowrap;
}

.why-sec .container .why-con p {

   font-weight: 500;
   font-size: 16px;
   line-height: 1.601;
   letter-spacing: 0;
   color: #525866;
}


.feature-sec {
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #DCDBFD 100%);
   padding-bottom: 67px;
}

.crm-platform-sec {
   padding-top: 120px;
   padding-bottom: 108px;
}

.crm-platform-sec .sec-head {
   max-width: 954px;
   margin-bottom: 80px;
}

.crm-platform-sec .cp-row-1 {
   margin-bottom: 80px;
}

.crm-platform-sec .cp-row-1 .cp-img {
   max-width: 649px;
}

.crm-platform-sec .cp-row-2 .cp-img {
   display: flex;
   justify-content: flex-end;
}

.crm-platform-sec .row .cp-img img {
   aspect-ratio: 1/1;
}

.crm-platform-sec .cp-row-2 .cp-con {}

.crm-platform-sec .cp-title {

   font-weight: 500;
   font-size: 48px;
   line-height: 1.125;
   letter-spacing: -0.02em;
}

.cp-con ul {
   margin-top: 46px;
}

.cp-con ul li {
   position: relative;
   font-weight: 500;
   font-size: 22px;
   line-height: 1;
   letter-spacing: -0.02em;
   padding-left: 36px;
   margin-bottom: 16px;
}

.cp-con ul li::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 24px;
   height: 24px;
   background-image: url('../img/svg/check.svg');
   background-size: contain;
   background-repeat: no-repeat;
}


.for-who {
   position: relative;
}

.for-who .container .row .layout-right {
   max-width: 30%;
}

.for-who .container .row .layout-left {
   max-width: 70%;
}

.for-who .promo-con {
   background: linear-gradient(270deg, #51279B 0%, #BC0B79 100%);
   padding: 62px 30px 45px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border-radius: 20px;
   height: 100%;
}

.for-who .promo-con .promo-title {

   font-weight: 700;
   font-size: 34px;
   line-height: 1.176;
   letter-spacing: -0.02em;
   color: #fff;
}

.for-who .promo-con .promo-sub-title {
   color: #fff;
   font-weight: 600;
   font-size: 30px;
   line-height: 1.333;
   letter-spacing: -0.02em;
}

.for-who .promo-con p {
   color: #fff;
   font-weight: 300;
   font-size: 16px;
   line-height: 1.375;
   letter-spacing: -0.02em;
}

.for-who .promo-con .btns {
   margin-top: 35px;
}

.button {

   font-weight: 600;
   font-size: 18.89px;
   width: 211px;
   text-align: center;
   padding: 16px 0px;
   border-radius: 100px;
   line-height: 1;
   transition: all .3s ease-in-out;
}

.btn-white {
   background-color: #fff;
   color: #232D37;
   border: 0.81px solid #D0D0FF;
   margin-bottom: 16px;
}

.btn-transparent {
   border: 0.81px solid #FFFFFF;
   background-color: transparent;
   color: #fff;

}

.btn-white:hover {
   background-color: transparent;
   color: #fff;
   border-color: #fff;
}

.btn-transparent:hover {
   background-color: #fff;
   color: #232D37;
   border-color: #D0D0FF;
}

.for-who .tabine-container {
   background: linear-gradient(90deg, #51279B 0%, #0E68C2 100%);
   padding: 58px 53px 81px;
   border-radius: 20px;
}

.for-who .tabine-container ul.nav li {
   padding-bottom: 12px;
   position: relative;
}

.for-who .tabine-container ul.nav li:has(a.active)::before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   height: 2px;
   width: 100%;
   background-color: #fff;
}

.for-who .tabine-container ul.nav li a {
   color: #fff;
   display: flex;
   align-items: start;
   gap: 12px;
   font-weight: 600;
   font-size: 18px;
   line-height: 1;
   letter-spacing: -0.02em;
   width: 100%;
   padding-top: 17px;
   padding-bottom: 20px;
   transition: all .3s ease-in-out;
}

.for-who .tabine-container ul.nav li a.active {
   background: rgba(255, 255, 255, 0.1);
   padding: 17px 108px 22px 20px;

}

.for-who .tabine-container ul.nav li a .icon {
   font-size: 38px;
}

.for-who .tabine-container ul.nav {
   display: flex;
   align-items: center;
   /* justify-content: space-between; */
   gap: 20px;
   flex-wrap: nowrap;
   margin-bottom: 50px;
   border-bottom: 1px solid rgb(255, 255, 255, .4);
}

.for-who .tabine-container .tab-pane {
   background: linear-gradient(90deg, #432091 0%, #0E5CAC 100%);
   padding: 30px 51px 30px 30px;
   border-radius: 20px;
}

.for-who .tabine-container .tab-pane img {
   border-radius: 20px;
}

.tab-pane ul li {
   position: relative;
   padding-left: 24px;
   margin-bottom: 25px;
   color: #fff;
   font-weight: 500;
   font-size: 16px;
   line-height: 1.2;
   letter-spacing: -0.02em;

}

.tab-pane ul li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   width: 16px;
   height: 16px;
   background: url('../img/svg/check.svg') no-repeat center center;
   background-size: contain;
   filter: brightness(0) invert(1);
}



.testimonial-sec {
   padding-top: 122px;
   padding-bottom: 123px;
   background: url(../img/testimonial.png) no-repeat center center;
   background-size: cover;
}

.testimonial-sec .sec-head {
   max-width: 100%;
   margin-bottom: 42px;
}

.testimonial-sec .sec-head p {
   max-width: 590px;

}

.testimonial-sec .review-slider {
   --bs-gutter-x: 20px;
}

.testimonial-sec .rev-slide {
   background-color: #fff;
   padding: 40px 40px 46px;
   border-radius: 20px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}

.testimonial-sec .rev-slide .rating {
   margin-bottom: 18px;
   font-size: 20px;
   line-height: 1;
}

.testimonial-sec .col-4 {
   padding: 0 12px;
}

.testimonial-sec .slick-list {
   padding: 20px 0;
}

.testimonial-sec .rev-slide p {

   font-weight: 400;
   font-size: 16px;
   color: #525866;
   line-height: 1.625;
   margin-bottom: 34px;


}

.feature-infinite-scroll {
   position: relative;
   /* max-width: 1925px; */
   margin: 0 auto;
   overflow: hidden;
}

.feature-infinite-scroll::before,
.feature-infinite-scroll::after {
   content: "";
   position: absolute;
   height: 100%;
   width: 16%;
   top: 0;
}

.feature-infinite-scroll::before {
   left: 0;
   background: linear-gradient(270deg, rgba(222, 233, 243, 0) 0%, #EAF3F9 100%);

}

.feature-infinite-scroll::after {
   right: 0;
   transform: scaleX(-1);
   background: linear-gradient(270deg, rgba(244, 228, 241, 0) 0%, #F8E4F0 100%);

}

.feature-infinite-scroll ul {
   /* display: flex;
   align-items: center;
   justify-content: center;
   gap: 14px;*/
   white-space: nowrap;
   width: 200%;
}

.feature-infinite-scroll ul li {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 16px 30px;
   background-color: #fff;
   margin-bottom: 14px;
   border-radius: 10px;
   gap: 12px;
   color: #232D37;
   font-weight: 400;
   font-size: 18px;
   line-height: 1.11;
   margin-left: 14px;

}

.feature-infinite-scroll ul li .icon {
   color: #BC0B79;
   font-size: 30px;
}

.feature-infinite-scroll ul:nth-of-type(odd) {
   animation: scroll-left 40s linear infinite;
}

.feature-infinite-scroll ul:nth-of-type(even) {
   animation: scroll-right 40s linear infinite;
}

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

   100% {
      transform: translateX(-50%);
   }
}

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

   100% {
      transform: translateX(0);
   }
}

/* Base Styles */
.footer {
   border-top: 1px solid #E01858;
   background-color: #fff;
   padding: 50px 0px;
   color: #525866;
}

.footer-branding .footer-logo {
   height: 50px;
   margin-bottom: 24px;
}

.footer a {
   font-weight: 400;
   font-size: 14px;
   line-height: 1.87;
   color: #525866;
   margin-bottom: 16px;
}

.footer-top {
   display: grid;
   grid-template-columns: 4.5fr 1fr 1fr 1fr;
   gap: 72px;
   justify-content: space-between;
}

.footer p {
   font-weight: 400;
   font-size: 14px;
   line-height: 1.87;
   color: #525866;
   margin-bottom: 4px;
}

.footer p a {
   color: #525866;
   font-weight: 300;
   margin: 0;
}

/* Footer Links */
.social-links {
   margin-top: 16px;
   margin-bottom: 16px;
}

.social-links li {
   display: inline-block;
   margin-right: 10px;
}

.social-links li a {
   height: 40px;
   width: 40px;
   border-radius: 50%;
   border: 1px solid #232D37;
   box-shadow: 0px 1px 2px 0px #5258660F;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 20px;
   color: #232D37;
   margin-bottom: 0;
   transition: all .4s ease-in-out;
}

.social-links li.facebook a:hover {
   background-color: #3b5998;
   border-color: #3b5998;
}

.social-links li.linkedin a:hover {
   background-color: #0c61bf;
   border-color: #0c61bf;
}

.related-blog-sec .sec-head {
   flex-direction: row;
   margin-bottom: 40px;
}


.social-links li.twitter a:hover {
   background-color: #1DA1F2;
   border-color: #1DA1F2;
}

.social-links li.instagram a:hover {
   background-color: #c13584;
   border-color: #c13584;
}

.social-links li a:hover .icon {
   background-color: #fff;
}

.footer-heading {
   font-weight: 600;
   font-size: 18px;
   line-height: 1;
   letter-spacing: -0.18px;
   color: #232D37;
   margin-bottom: 32px;
}


.for-who .tabine-container ul.nav {
   overflow: scroll;
   white-space: nowrap;
   scrollbar-width: none;
   -ms-overflow-style: none;
}

.for-who .tabine-container ul.nav::-webkit-scrollbar {
   display: none;
}


/* back-btn */
.back-to-top-btn {
   position: fixed;
   bottom: 30px;
   right: 30px;
   width: 50px;
   height: 50px;

   color: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 999;
   cursor: pointer;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
   opacity: 0;
   visibility: hidden;
   transform: scale(0.5);
   pointer-events: none;

   transition: all 0.3s ease-in-out, background .3s ease-in-out;
}

.back-to-top-btn:hover {
   transform: scale(1.1);
}

.back-to-top-btn::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(90deg, #50289C 0%, #0F67C1 100%);
   border-radius: 50%;
   z-index: -1;
   transition: opacity 0.3s ease-in-out;
}

.back-to-top-btn:hover::before {
   opacity: 0;
}

.back-to-top-btn::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(270deg, #51279B 0%, #BC0B79 100%);
   border-radius: 50%;
   z-index: -1;
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
}

.back-to-top-btn:hover::after {
   opacity: 1;
}

.back-to-top-btn .icon {
   font-size: 40px;
}

/* visible back btn */
.back-to-top-btn.show {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   pointer-events: auto;
}

.arrowTop-icon {
   mask-image: url(../img/svg/arrow-up.svg);
}




/* contact-us page */

.section-top {
   padding-top: 209px;
   padding-bottom: 96px;
}

.contact-sec {
   background: url(../img/Content-bg.jpg);
}

.contact-con-left {
   padding-right: 100px;
}

.contact-con-left .hero-title {
   text-align: start;
   line-height: 1;
   text-transform: none;
   letter-spacing: 0;
}

.contact-con-left .sec-head p {
   text-align: start;
   line-height: 1.375;
}

.contact-con-left .sec-head {
   display: block;
   margin-bottom: 37px;
}

.contact-con-left .cms-con {
   margin-bottom: 35px;
}

.contact-con-left .cms-con p,
.contact-con-left .cms-con h4 {

   font-weight: 600;
   font-size: 18px;


}

.contact-con-left .cms-con p {
   line-height: 1.33;
   margin-bottom: 27px;


}

.contact-con-left .cms-con h4 {
   text-transform: uppercase;
   line-height: 1.6;
   color: #BC0B79;
   margin-bottom: 18px;
}

.contact-con-left .cms-con ul li {
   position: relative;
   font-weight: 400;
   font-size: 18px;
   line-height: 1.6;
   letter-spacing: -0.02em;
   padding-left: 36px;
   margin-bottom: 8px;
}

.contact-con-left .cms-con ul li::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 24px;
   height: 24px;
   background-image: url('../img/svg/check.svg');
   background-size: contain;
   background-repeat: no-repeat;
}

.contact-con-left .con-testimonial-slider {
   position: relative;
   padding: 40px 40px 20px;
   border-radius: 20px;
   background-color: #fff;
   box-shadow: 0px 3.42px 20px 0px #1D5AB91A;

}

.contact-con-left .con-testimonial-slider p {
   font-size: 16px;
   line-height: 1.5;
   color: #525866;
   margin-bottom: 32px;
}

.auth-info .author-name {
   font-weight: 700;
   font-size: 20px;
   line-height: 1.3;
   letter-spacing: -0.01em;
   color: #232D37;
}

.contact-con-left .con-testimonial-slider .auth-img {
   height: 60px;
   width: 60px;
   border-radius: 50%;
   overflow: hidden;
}

.contact-con-left .con-testimonial-slider .auth-img img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.contact-con-left .con-testimonial-slider .author-card {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 12px;
}

.auth-info span {
   font-weight: 400;
   font-size: 14px;
   line-height: 1.571;

}

.contact-con-left .con-testimonial-slider .rating {
   font-size: 20px;

}

.contact-con-left .con-testimonial-slide {
   position: relative;
}

.slick-prev,
.slick-next {
   position: absolute;
   bottom: 56px;
   width: 31px;
   height: 31px;
   background-image: url(../img/svg/arrow-right.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   border: none;
   background-color: transparent;
   z-index: 9;
   font-size: 0;

}

.slick-next {
   right: 28px;
}

.slick-prev {
   right: 62px;
   transform: rotate(180deg);
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
   opacity: 0.1;
   pointer-events: none;
}


.contact-form-right form {
   padding: 30px 24px 30px 24px;
   background-color: #fff;
   box-shadow: 0px 32px 60px -20px #4B140C1A;
   border-radius: 20px;
}

.contact-form-right form label {
   width: 100%;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.6;
   margin-bottom: 12px;

}

.contact-form-right form .form-control,
.contact-form-right form .form-select {
   position: relative;
   border: 1px solid #E6E6E6;
   border-radius: 12px;
   padding: 12px 16px;
   line-height: 1;
   resize: none;
   font-size: 16px;
   font-weight: 400;
   line-height: 1;

}

.input-group-text {
   border-top-left-radius: 12px;
   border-bottom-left-radius: 12px;
}

.contact-form-right form textarea {
   height: 67px;
}

.contact-form-right form .form-group {
   margin-bottom: 15px;

}

.contact-form-right form .form-group .row {
   --bs-gutter-x: 10px
}

.contact-form-right form .form-group .input-group-text {
   padding: 0 30px;
}

.contact-sec .contact-form-right form .form-select {
   height: 48px;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   --bs-form-select-bg-img: url(../img/svg/down-arrow.svg)
}

.contact-form-right form .btn {
   padding: 21px 62px;
   margin-top: 10px;
}

.contact-box-sec {
   padding-top: 100px;
   padding-bottom: 120px;
}

.contact-box-sec .sec-head .sec-label {
   padding: 11px 32px;

}

.contact-box-sec .sec-head {
   margin-bottom: 40px;
}

.contact-box-sec .sec-head .sec-title {
   line-height: 1;
}

.contact-card {
   box-shadow: 0px 3.42px 20px 0px #1D5AB91A;
   padding: 35px 40px;
   text-align: center;
   border-radius: 17px;
   height: 100%;
}

.contact-card .contact-icon {
   height: 80px;
   width: 80px;
   margin: 0 auto 24px;
}

.contact-card .contact-detail {
   color: #232D37;
   font-weight: 500;
   font-size: 28px;
   line-height: 1.31;
   margin-bottom: 0;
}

.contact-info a {
   transform: all .4s ease-in-out;
}

.contact-info a:hover .contact-detail {
   color: #51279B;
}

.contact-card p {
   font-weight: 400;
   font-size: 20px;
   line-height: 1.28;
   letter-spacing: 0;
   margin-bottom: 6px;
}

.tech-hero-floating {
   transition: transform 0.2s ease-out;
   will-change: transform;
}

.intl-tel-input.separate-dial-code .selected-flag {
   background-color: transparent !important;
   border-right: 1px solid #E6E6E6;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
   width: 90px !important;
   padding: 0 0 0 16px !important;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
   padding-left: 104px !important;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap label.error {
   position: absolute;
   right: 0;
   top: -1.25rem;
   width: auto;
   height: auto;
   margin: 0;
   font-size: 12px !important;
   line-height: 12px !important;
   background: #fb0101;
   padding: .3125rem .3125rem .25rem !important;
   color: #fff !important;
}

.wpcf7-form-control-wrap {
   position: relative;
   display: block;
}

.error:after,
.wpcf7-form-control-wrap .wpcf7-not-valid-tip:after,
.wpcf7-form-control-wrap label.error:after {
   border-color: #fb0101 transparent transparent;
   -o-border-image: none;
   border-image: none;
   border-right: .375rem solid transparent;
   border-style: solid;
   border-width: .375rem;
   content: "";
   height: 0;
   left: .3125rem;
   position: absolute;
   bottom: -.625rem;
   width: 0;
   transform: rotate(360deg);
}

.wpcf7 form .wpcf7-response-output {
   margin: 1em 0.5em 1em;
   font-size: 14px;
   text-align: center;
}

/* 404-pages */

.error404 .header,
.page-template-thank-you .header {
   position: relative;
}

.error404 .header.has-sticky,
.page-template-thank-you .header.has-sticky {
   position: fixed;
}

.error-sec {
   height: calc(100vh - 110px);
}

.error-sec .error-con {
   text-align: center;
   max-width: 28.125rem;
   margin: auto;
}

.error-sec .error-title {
   font-size: 12.5rem;
   font-weight: 800;
   color: #000;
   line-height: 1.4;
}

.error-sec .error-title span {
   color: #50289C;
}

.error-sec .error-subtitle {
   font-size: 3.125rem;
   line-height: 1;
   color: #0F67C1;
   font-weight: 700;
   padding-bottom: 1.25rem;
   margin-bottom: 0;
}

.error-sec p {
   color: #000;
   font-size: 1rem;
   font-weight: 500;
   display: block;
   line-height: 1.4;
   margin-bottom: 1.375rem;
}

.error404 .inner-banner-sec {
   display: none;
}

.error-con .btn {
   margin-top: 1.25rem;
}

/* 404-pages */

.thank-you-sec {
   height: calc(100vh - 110px);
}

.thank-you-sec .thank-you-img {
   max-width: 150px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   display: block
}

.thank-you-sec .thank-you-con .thank-you-title {
   font-size: 120px;
   line-height: 1;
   margin-bottom: 15px;
   font-weight: 600;
   color: #000
}

.thank-you-sec .thank-you-con p {
   color: #000;
   font-size: 18px;
   font-weight: 500;
   display: block;
   line-height: 1.4;
   margin-bottom: 22px
}

/* blog */

.blog-hero-sec {
   background: url(../img/hero-bg.png);
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: cover;
}

.blog-hero-sec.pd-comm {
   padding-bottom: 60px;
}

.blog-hero-sec .blog-hero-con,
.blog-details-hero-con {
   padding-top: 110px;
}

.blog-hero-sec .blog-hero-con .hero-title {
   margin-bottom: 20px;
}

.blog-listing-box .blog-title {
   color: #000;
   margin-bottom: 10px;
   font-size: 24px;
   font-weight: 500;
   line-height: 1.3;
   transition: all 0.4s ease-in-out;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.blog-listing-box .blog-listing-img {
   margin-bottom: 20px;
}

.blog-listing-box .cms-con {
   margin-bottom: 0px;
}

.blog-listing-box .read-time {
   font-size: 13px;
   position: relative;
   padding-left: 13px;
   background: linear-gradient(90deg, #50289C 0%, #0F67C1 100%);
   width: fit-content;
   padding: 6px 10px;
   color: #fff;
   border-radius: 15px;
   position: absolute;
   top: 10px;
   z-index: 2;
   right: 10px;
}

.blog-listing-box .blog-publish-con {
   gap: 10px;
   margin-bottom: 15px;
   align-items: center;
}


.blog-listing-box .circle {
   width: 8px;
   height: 8px;
   background: linear-gradient(90deg, #50289C 0%, #0F67C1 100%);
   border-radius: 100%;
}

.blog-listing-box {
   transition: all 0.4s ease-in-out;
   border-bottom: 1px solid #D0D0FF;
   padding-bottom: 35px;
   position: relative;
}

.blog-listing-box .blog-listing-img {
   border-radius: 12px;
   overflow: hidden;
}

.blog-listing-box .blog-listing-img img {
   object-fit: cover;
   object-position: center;
   aspect-ratio: 440/240;
   width: 100%;
   transition: all 0.4s ease-in-out;

}


.blog-hero-sec .blog-categories .filterDropdown {
   display: flex;
   justify-content: center;
   gap: 10px;
   overflow: auto;
}

.blog-hero-sec .blog-categories {
   margin-top: 35px;
}

.blog-hero-sec .blog-categories .filterDropdown li a {
   display: inline-block;
   font-size: 18px;
   line-height: 1.2;
   font-weight: 500;
   color: #000;
   padding: 6px 16px;
   border-radius: 100px;
}

.blog-hero-sec .blog-categories .filterDropdown li a.active {
   background: linear-gradient(90deg, #50289C 0%, #0F67C1 100%);
   color: #fff;
}


.blog-toc-box {
   border: 1px solid #D0D0FF;
   padding: 30px 20px;
   background-color: #fcfcfc;
   border-radius: 10px;
}

.blog-toc-box h3 {
   margin-bottom: 20px;
}

.blog-toc-box ul li a {
   color: #000;
   margin-bottom: 15px;
   display: block;
}

.blog-details-hero {
   background-color: #f5f3fe;
}

.blog-details-img img {
   object-fit: cover;
   aspect-ratio: 630/460;
   width: 100%;
   border-radius: 12px;
}

.blog-listing-sec .post-pagination {
   margin-top: 30px;
   text-align: center;
}

.blog-listing-sec .pagination {
   justify-content: center;
}

.pagination {
   display: block;
   text-align: center;
   margin-top: 40px;
   padding: 0;
   margin-bottom: 0 !important;
}

.pagination ul {
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}

.pagination .page-numbers {
   display: inline-block;
   vertical-align: top;
   padding: 7px 12px;
   margin: 0 5px 5px 0;
   border: 1px solid #eee;
   line-height: 1;
   position: relative;
   text-decoration: none;
   font-size: 16px;
   border-radius: 6px;
   font-weight: 600;
   transition: all 0.4s ease-in-out;
   color: #000;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
   background: #51279B;
   color: #fff;
   border-color: #51279B;
}

.next.page-numbers {
   font-size: 0;
   width: 32px;
   height: 32px;
}

.prev.page-numbers:hover:before,
.next.page-numbers:hover:before {
   filter: brightness(0) invert(1);
}

.next.page-numbers:before {
   position: absolute;
   content: "";
   background: url(../img/svg/arrow-right-p.svg) no-repeat center;
   width: 16px;
   height: 16px;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   transition: all 0.4s ease-in-out;
}

.blog-listing-sec .row.blog-listing-row {
   --bs-gutter-y: 50px;
}

.blog-listing-box .cms-con p {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.blog-categories a {
   color: #000;
}

.blog-details-hero .blog-categories .btn.btn-secondary {
   font-size: 13px;
   color: #fff;
   padding: 10px 22px;
   margin-bottom: 10px;
   margin-top: 0;
   background: #000;
}

.blog-details-hero .blog-categories .btn.btn-secondary::before {
   content: none;
}

.blog-details-hero-left .btn.btn-secondary {
   padding: 13px 25px;
   font-size: 16px;
   margin-top: 15px;
}

.blog-slider .blog-listing-col {
   padding: 0 7px;
}

.blog-listing-row.blog-slider {
   margin: 0 -7px;
}

.blog-detail-left {
   max-width: 360px;
   flex: 0 0 360px;
}

.blog-detail-right {
   flex: 0 0 calc(100% - 360px);
   max-width: calc(100% - 360px);
   padding-left: 30px;
}

.blog-hero-sec .hero-title {
   font-size: 70px;
}

.blog-back-btn {
   display: flex;
   align-items: center;
   color: #000;
   font-size: 18px;
   font-weight: 500;
}

.blog-back-btn .icon {
   margin-right: 5px;
}

.blog-share-row.d-flex.justify-content-between.align-items-center {
   border-top: 1px solid #d0d0ff;
   margin-top: 60px;
   border-bottom: 1px solid #d0d0ff;
}

.blog-hero-sec .cms-con p {
   font-size: 18px;
}

.related-blog-sec .slick-dots {
   padding-bottom: 0;
}

@media (hover: hover) {
   .blog-listing-box:hover .blog-listing-img img {
      transform: scale(1.1);
   }

   .blog-listing-box:hover .blog-title,
   .blog-categories a:hover {
      color: #51279B;
   }

   .blog-hero-sec .blog-categories .filterDropdown li:hover a {
      background-color: #000;
      color: #fff;
   }

   .blog-details-hero .blog-categories a:hover {
      color: #fff;
   }

   .blog-back-btn:hover {
      color: #51279B;
   }

   .blog-back-btn:hover .back-icon {
      background-color: #51279B;
   }
}

@media only screen and (max-width:1460px) {
   .blog-hero-sec .hero-title {
      font-size: 60px;
   }
}

@media only screen and (max-width:1199px) {
   .blog-listing-box .blog-title {
      font-size: 20px;
   }

   .blog-hero-sec .hero-title {
      font-size: 50px;
   }

   .blog-hero-sec.pd-comm {
      padding-bottom: 50px;
   }

   .blog-share-row.d-flex.justify-content-between.align-items-center {
      margin-top: 50px;
   }
}

@media only screen and (max-width:992px) {
   .blog-listing-sec .row.blog-listing-row {
      --bs-gutter-y: 30px;
   }

   .blog-listing-box {
      padding-bottom: 20px;
   }

   .blog-detail-right {
      flex: 100%;
      max-width: 100%;
      padding-left: 0;
   }

   .blog-hero-sec .hero-title {
      font-size: 40px;
   }

   .blog-hero-sec .cms-con p {
      font-size: 16px;
   }

   .blog-hero-sec.pd-comm {
      padding-bottom: 40px;
   }

   .blog-hero-sec .blog-categories {
      margin-top: 25px;
   }

   .blog-back-btn {
      font-size: 16px;
   }

   .blog-share-row.d-flex.justify-content-between.align-items-center {
      margin-top: 40px;
   }

   .blog-publish-date {
      font-size: 16px;
   }
}

@media only screen and (max-width:567px) {
   .blog-details-hero-right {
      margin-bottom: 30px;
   }

   .blog-hero-sec .blog-hero-con,
   .blog-details-hero-con {
      padding-top: 90px;
   }

   .blog-hero-sec .hero-title {
      font-size: 30px;
   }

   .blog-hero-sec.pd-comm {
      padding-bottom: 30px;
   }

   .blog-hero-sec .blog-categories {
      margin-top: 20px;
   }

   .blog-details-hero-left .btn.btn-secondary {
      font-size: 14px;
   }

   .blog-back-btn {
      font-size: 14px;
   }

   .blog-share-row.d-flex.justify-content-between.align-items-center {
      margin-top: 30px;
   }

   .related-blog-sec .sec-head {
      margin-bottom: 25px;
   }

   .blog-publish-date {
      font-size: 14px;
   }

   .blog-hero-sec .blog-categories .filterDropdown li a {
      font-size: 16px;
   }
}

.about-sec {
   background: url(../img/about-Gradient.png);
   background-position: 50% 0%;
   background-repeat: no-repeat;
}

.about-sec .img {
   height: 242px;
   width: 242px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 75px auto 0;
   background-color: #fff;
   border-radius: 50%;
   box-shadow: inset 4px 0 4px #0000001A, inset 0 4px 4px #0000001A;
}

.about-sec .img img {
   width: 52%;
}

.head-title {

   font-weight: 700;

   font-size: 80px;

   line-height: .75;

   text-align: center;

   color: #232D37;
   margin-bottom: 20px;
}

.about-sec .sec-head p {
   font-weight: 400;
   font-size: 24px;
   line-height: 1.34;
}

.about-sec .sec-head {
   margin-top: 27px;
   margin-bottom: 120px;
   max-width: 740px;
}

/* .about-sec .container,
.we-started-sec .container{
   max-width: 1263px;
} */
.about-sec {
   padding-bottom: 0 !important;
}

.ab-rows {
   justify-content: space-between;
   align-items: center;
   margin-left: 37px;
   margin-top: 120px;
   margin-bottom: 120px;
   --bs-gutter-x: 0;
}

.ab-rows .image {
   max-width: 750px;
   margin-left: auto;

}

.ab-rows .image img {
   border-radius: 20px;
   width: 100%;
   aspect-ratio: 4/3;
   overflow: hidden;
}

.ab-rows .content {
   max-width: 420px;
   margin-right: auto;
}

.ab-rows .content .cms-con h2 {

   font-weight: 600;

   font-size: 50px;

   line-height: .96;


   margin-bottom: 16px;

   color: #232D37;


}

.ab-rows .content .cms-con h4 {
   font-weight: 500;
   font-size: 24px;
   line-height: 1.24;
   color: #000;
   margin-bottom: 5px;
}

.ab-rows .content .cms-con p {

   font-weight: 400;

   font-size: 16px;

   line-height: 1.5;


}

.ab-rows.ab-rows-2 {
   margin-left: 0;
   margin-right: 10px;
}

.ab-rows.ab-rows-2 .image {
   margin-right: auto;
   margin-left: inherit;
}

.ab-rows.ab-rows-2 .content {
   margin-left: auto;
   margin-right: inherit;
}


.mission-vision-wrapper .con-card {

   padding: 45px 50px 60px 35px;
   border-radius: 20px;
   height: 100%;

}

.mission-vision-wrapper .left-card {
   background-color: #E3EEFF;
}

.mission-vision-wrapper .right-card {
   background-color: #F4FBE9;
}

.mission-vision-wrapper .con-card .cms-con h4 span {

   font-weight: 500;

   font-size: 24px;

   line-height: 1.5;

   letter-spacing: -.02em;

   color: #BC0B79;
   text-transform: capitalize;
}

.mission-vision-wrapper .con-card .cms-con h4 {
   margin-bottom: 17px;

}

.mission-vision-wrapper .con-card .cms-con h2 {

   font-weight: 500;

   font-size: 36px;

   line-height: 1.27;

   letter-spacing: -.02em;

   color: #232D37;

   margin-bottom: 10px;
}

.cms-con p {

   font-weight: 400;

   line-height: 1.5;

   color: #525866;

   margin-bottom: 20px;
}

.cms-con p:last-child {
   margin-bottom: 0;
}

.why-crm9-sec {
   padding: 120px 0;
}

.why-crm9-sec .container {
   max-width: 1200px;

}

.why-crm9-sec .sec-title {
   text-align: start;
}

.why-crm9-sec .sec-head {
   margin-bottom: 0;
}

.why-crm9-sec .sec-head p {
   text-align: start;
}





.why-crm9-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(2, auto);
   gap: 12px;
}

.why-crm9-grid .grid-item {
   padding: 40px 25px;
   border-radius: 14px;
   box-shadow: 0px 2.64px 15.43px 0px #1D5AB91A;
   text-align: center;

}

.why-crm9-grid .grid-item img {
   margin: 0 auto 20px;
   aspect-ratio: 1/1;
   width: 56px;
   min-width: 56px;
}

.why-crm9-grid .grid-item p {

   font-weight: 500;

   font-size: 20px;

   line-height: 1.2;

   color: #525866;

}

.why-crm9-grid .item1 {
   grid-column: span 2 / span 2;
}

.why-crm9-grid .item2 {
   grid-column-start: 3;
}

.why-crm9-grid .item3 {
   grid-column-start: 4;
}

.why-crm9-grid .item4 {
   grid-column-start: 2;
   grid-row-start: 2;
}

.why-crm9-grid .item5 {
   grid-column-start: 3;
   grid-row-start: 2;
}

.why-crm9-grid .item6 {
   grid-column-start: 4;
   grid-row-start: 2;
}

.crm9-diffr-sec {
   background: linear-gradient(90deg, #51279B 0%, #0E68C2 100%);
   padding: 90px 0;
}

.crm9-diffr-sec .sec-head {
   margin-bottom: 40px;
}

.crm9-diffr-sec .sec-title {
   color: #fff;
}

.crm9-diffr-sec .why-box {
   background-color: #fff;
   padding: 36px 45px 26px 39px;
   border-radius: 14px;
   height: 100%;
}

.crm9-diffr-sec .row {
   --bs-gutter-x: 9px;
}

.crm9-diffr-sec .why-title {
   white-space: nowrap;
}

.crm9-diffr-sec .why-it {
   display: flex;
   gap: 23px;
   margin-bottom: 23px;
}

.crm9-diffr-sec .why-it .why-icon {
   min-width: 55px;
   width: 55px;
   border-radius: 50%;
}

.crm9-diffr-sec .why-it .why-icon {
   aspect-ratio: 1/1;

}

.crm9-diffr-sec .why-it .why-title {

   font-weight: 500;

   font-size: 22px;

   line-height: 26px;

   color: #232D37;

}

.crm9-diffr-sec .why-con p {

   font-weight: 500;

   font-size: 12px;

   line-height: 1.5;


}

.about-we-sec {
   width: 100%;
   aspect-ratio: 12/5;
   background: url(../img/crm-we-are-img.jpg) no-repeat center center;
   background-size: cover;
   min-height: 500px;
   position: relative;
}

.about-we-sec .container {
   height: 100%;
   display: flex;
   align-items: center;
}

.about-we-sec .cms-con {
   background-color: #fff;
   max-width: 477px;
   padding: 62px 33px 62px 34px;
   border-radius: 20px;
}

.about-we-sec .cms-con h2 {

   font-weight: 600;

   font-size: 50px;

   line-height: .95;

   color: #232D37;
}

.cta-sec {
   padding-top: 0 !important;
}

.cta-sec .container {
   position: relative;
   z-index: 0;
}

.cta-sec .container .cont-wrap {
   border-radius: 20px;
   border: 1.4px solid #D0D0FF;
   overflow: hidden;
   display: flex;
   position: relative;
   background-image: url(../img/cta-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   z-index: 1;

}

.cta-sec.cta-sec-2 .container .cont-wrap {
   background-image: url(../img/cta-bg2.png);

}

.cta-sec .container .cont-wrap::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   z-index: -1;


   background: linear-gradient(90deg,
         #51279B 0%,
         #BC0B79 50%,
         transparent 60%,
         transparent 70%,
         #BC0B79 100%);

}

.cta-sec.cta-sec-2 .container .cont-wrap::before {
   background: linear-gradient(90deg,
         #51279B 0%,
         rgb(14, 104, 194) 50%,
         rgba(14, 104, 194, .6) 60%,
         rgba(14, 104, 194, .6) 70%,
         #0E68C2 100%);

}

.cta-sec .sec-title {
   color: #fff;
   font-weight: 700;
   text-align: start;
   line-height: 1.1;
   white-space: nowrap;
   position: relative;
}

.cta-sec .sec-head {
   position: relative;
   margin-bottom: 50px;
   align-items: start;
}

.cta-sec .content {
   position: relative;
   z-index: 7;
   padding: 63px 0 75px 83px;
}

.cta-sec .image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.cta-sec .image {
   position: relative;
   max-width: 692px;
   z-index: 2;
   display: none;
}

.cta-sec .btn {
   background-color: #fff;
}


/* feature page */

.feat-manage-sec {
   background-image: url(../img/feat-bg.png);
   background-repeat: no-repeat;
   background-position: 50% 0%;
   padding-bottom: 120px;
}

.feat-manage-sec .sec-head {
   margin-left: 0;
   max-width: 870px;
}

.feat-manage-sec .sec-head .sec-label {
   padding-top: 12px;
   margin-left: 0;
   text-align: start;
   padding-bottom: 12px;
   margin-bottom: 9px;
}

.feat-manage-sec .sec-head .sec-title,
.feat-manage-sec .sec-head p {
   text-align: start;

}

.feat-manage-sec .sec-head .sec-title {
   line-height: 1.35;
}

.feat-manage-sec .sec-head p {
   font-weight: 500;

   font-size: 24px;

   line-height: 1.5;

   color: #525866;
}

.feat-manage-sec .sec-head {
   margin-top: 60px;
   margin-bottom: 40px;
}

.feat-manage-sec .btns .btn:not(:last-child) {
   margin-right: 40px;
}

.feat-manage-sec .btns {
   margin-bottom: 71px;
}

.feat-manage-sec .btns .btn-primary {
   background-color: #fff;
}

.feat-manage-sec .btns .btn-primary:hover {
   border-color: transparent;
}

.feat-manage-sec .dashboard-mockup {
   max-width: 1275px;
   margin: 0 auto;
}

.feat-manage-sec .dashboard-mockup img {
   border-radius: 40px;
   width: 100%;
}

.manage-lead-sec .sec-head {
   margin-bottom: 30px;
}

.manage-lead-sec .cms-con ul li {
   font-weight: 500;

   font-size: 20px;

   line-height: 150%;

   color: #232D37;

   position: relative;
   padding-left: 39px;
   margin-bottom: 24px;
}

.manage-lead-sec .cms-con ul li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   width: 30px;
   height: 30px;
   background-image: url('../img/svg/check.svg');
   background-size: contain;
   background-repeat: no-repeat;
}

.manage-lead-sec .cms-con ul {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   margin-bottom: 50px;
   margin-left: 40px;
   column-gap: 90px;

}

.cms-con h3 {

   font-weight: 500;

   font-size: 30px;

   line-height: 1.125;

   letter-spacing: -0.02em;

   color: #232D37;

   margin-bottom: 21px;

}

.leads-row .cms-con {
   margin-top: 21px;
}

.leads-row .card-block {
   border-radius: 17px;
   box-shadow: 0px 3.42px 20px 0px #1D5AB91A;
   background-color: #fff;
   padding: 23px 21px;
   height: 100%;
}

.leads-row .card-block img {
   background-color: #D9D9D9;
   border-radius: 17px;
   aspect-ratio: 37/32;
}

.leads-row {
   --bs-gutter-x: 24px;
   margin-bottom: 24px;
}

.client-conver-sec {
   margin-bottom: 120px;
}

.client-conver-sec .container {
   padding: 30px 26px;
   box-shadow: 0px 3.42px 20px 0px #1D5AB91A;
   background-color: #fff;
   border-radius: 17px;
}

.client-conver-sec .image {
   max-width: 600px;
}

.client-conver-sec .row {
   align-items: center;
}

.client-conver-sec .image {
   background-color: #d2d2d2;
   border-radius: 20px;

}

.client-conver-sec .image img {
   aspect-ratio: 7/6;
   border-radius: 20px;

}

.client-conver-sec .content {
   max-width: 552px;
}

.client-conver-sec .cms-con h2 {

   font-weight: 500;

   font-size: 48px;

   line-height: 1.125;
   letter-spacing: -0.02em;
   color: #232D37;
   margin-bottom: 24px;
}

.sec-label .marquee-text:nth-child(2) {
   display: none;
}




/* pricing page */


.pricing-sec {
   position: relative;
   z-index: 1;
}

.pricing-sec::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 60%;
   background: url(../img/pricingbg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top;
   z-index: -1;
}

.pricing-sec .sec-head {
   max-width: 545px;
   margin-top: 20px;
}

.pricing-sec .sec-head .sec-title {

   font-weight: 700;
   font-size: 60px;
   line-height: 1;


}


.pricing-sec .sec-head p {
   font-weight: 400;
}

.pricing-sec .sec-head p span {
   display: block;
   margin-bottom: 20px;
}

.pricing-sec .pricing-card {
   background-color: #fff;
   border-radius: 14px;
   box-shadow: 0px 2.64px 15.43px 0px #1D5AB91A;
   padding: 30px 27px;
}

.pricing-card .plan-name {
   font-weight: 500;
   font-size: 22px;
   line-height: 1.4;
   text-transform: uppercase;
   color: #BC0B79;
}

.pricing-card .price {
   font-size: 70px;
   color: #232D37;
   font-weight: 500;
   line-height: 1.2;
   display: inline-block;
   white-space: nowrap;
   word-spacing: -20px;
}

.pricing-card .plan-price {
   white-space: nowrap;

}

.pricing-card .plan-price .duration {
   font-size: 20px;
   color: #525866;
   line-height: 1.4;
   box-shadow: 4px 4px 4px 0px #00000000;

}

.pricing-card ul li {
   position: relative;
   font-weight: 400;
   font-size: 14px;
   line-height: 1.5;
   color: #232D37;
   padding-left: 26px;
}

.pricing-card ul li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 3px;
   height: 1em;
   width: 1em;
   background-image: url(../img/svg/check.svg);
   background-size: 14px;

}

.pricing-card hr {
   margin-top: 2rem;
   margin-bottom: .5rem;
}

.pricing-card .plan-feature p {
   color: #525866;
   font-size: 14px;
   line-height: 1.57;
   font-weight: 400;
}

.pricing-card .plan-feature .btn {
   width: 100%;
   background-color: #fff;
   margin-top: 17px;
   padding: 12px;
}


.pricing-info-sec {
   padding-bottom: 120px;
}

.pricing-info-sec .cms-con>div:not(:last-child) {
   margin-bottom: 25px;
}

.pricing-info-sec .cms-con h2 {
   font-weight: 500;
   font-size: 30px;
   line-height: 1.2;
   letter-spacing: -0.02em;
   color: #232D37;
   margin-bottom: 6px;
}

.pricing-info-sec .cms-con p {
   font-weight: 400;
   color: #525866;
   line-height: 1.5;
}



.industry-sec {
   background: url(../img/about-Gradient.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: top;
}

.industry-sec .sec-head .sec-title {
   font-size: 60px;
   font-weight: 700;
   line-height: 1;
   margin-bottom: 0;
}

.industry-sec .sec-head {
   margin-top: 50px;
   margin-bottom: 90px;
}

.industry-sec .row {
   --bs-gutter-x: 34px;
   --bs-gutter-y: 61px;
}

.industry-sec .row .industry-box {
   display: inline-block;
   color: #232D37;

}

.industry-sec .row .industry-box .img {
   margin-bottom: 22px;
   width: 100%;
}

.industry-box .img img {
   overflow: hidden;
   border-radius: 20px;
   aspect-ratio: 4/3;
   width: 100%;
   object-fit: cover;
}

.industry-box .title {

   font-weight: 700;

   font-size: 30px;

   line-height: 1;

   color: #232D37;

   margin: 0;
}




.industry-detail-sec {
   background: url(../img/about-Gradient.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: top;
}

.industry-detail-sec .container {
   margin-top: 80px;
}

.industry-detail-sec .head-title {
   text-align: start;
   font-weight: 800;
   line-height: 1.05;
   margin-bottom: 85px;
}

.industry-detail-sec .industry-detail-content {
   max-width: 560px;
}

.industry-detail-sec .cms-con h4 {
   font-family: Inter;
   font-weight: 600;
   font-size: 28px;
   line-height: 1;
   color: #525866;
   margin-bottom: 35px;
   max-width: 420px;

}

.industry-detail-sec .cms-con p {
   margin-bottom: 30px;
}


.industry-detail-content .btns-group {
   display: flex;
   flex-direction: column;
   gap: 20px;
   align-items: start;
}

.industry-detail-content .btns-group .btn-primary {
   background-color: #fff;
}

.industry-detail-content .btns-group .btn-secondary {
   padding-left: 55px;
   padding-right: 55px;
}

.industry-detail-sec .right-image img {
   border-radius: 20px;
   aspect-ratio: 9/10;
   width: 100%;
}


.btn-secondary {
   border-color: transparent;
}

.btn-primary:hover {
   border-color: transparent;
}


.best-practice-sec {
   background: linear-gradient(270deg, #51279B 0%, #BC0B79 100%);
   padding-top: 100px;
   padding-bottom: 100px;
   color: #fff;
}

.best-practice-sec .sec-head {
   align-items: flex-start;
   text-align: start;
   max-width: 532px;
   margin-left: 0;
   margin-right: inherit;
}

.best-practice-sec .sec-head .sec-title,
.best-practice-sec .sec-head p {
   text-align: start;
   color: #fff;
}

.best-practice-sec .sec-head .sec-title {
   font-size: 60px;
   margin-bottom: 30px;
   line-height: 1.2;
}

.best-practice-sec .sec-head p {
   font-size: 30px;
   font-weight: 400;
}

.best-practice-sec .right-content {
   border: 1px solid rgba(255, 255, 255, .6);

}

.best-practice-sec .right-content .box {
   border-bottom: 1px solid rgba(255, 255, 255, .6);
   padding: 40px 30px;
}

.best-practice-sec .right-content .box:last-child {
   border-bottom: none;
}

.best-practice-sec .right-content .box .title {
   font-size: 30px;
   line-height: 1.2;
   color: #fff;
   font-weight: 700;
   margin-bottom: 16px;
}

.best-practice-sec .right-content .box p {
   font-size: 20px;
   line-height: 1.2;
   font-weight: 400;
   color: #fff;

}

.crm9-diffr-sec-2 {
   background: transparent;
   padding: 120px 0;
}

.crm9-diffr-sec-2 .sec-head {
   max-width: 100%;
}

.crm9-diffr-sec-2 .sec-title {
   color: #232D37;
}

.crm9-diffr-sec-2 .why-box {
   box-shadow: 0px 2.64px 15.43px 0px #1D5AB91A;
   padding: 26px 36px 26px;
}

.cta-sec-2 .sec-head p {
   color: #fff;
   text-align: start;
   margin-top: 20px;
}

.cta-sec-2 .sec-head {
   margin-bottom: 30px;
}

.cta-sec .content {
   max-width: 630px;
}

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

   100% {
      transform: translateX(-100%);
   }
}

.sticky-block {
   position: sticky;
   top: 100px;
}