*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #6b6b6b;
  font-family: "Inter", sans-serif;
  background-color: #fff;
}

.cw {
  color: #fff !important;
}

.cb {
  color: #121212 !important;
}

.cg {
  color: #6b6b !important;
}

.cbl {
  color: #4755f2 !important;
}

img {
  max-width: 100%;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  color: #121212;
}

a,
.if {
  font-family: "Inter", sans-serif !important;
}

.rf {
  font-family: "Roboto", sans-serif !important;
}

p {
  margin-bottom: 15px;
}

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

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

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

.bodyWrap {
  overflow: hidden;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.mb26 {
  margin-bottom: 16px !important;
}

.mb40 {
  margin-bottom: 30px !important;
}

.mb50,
.mb46 {
  margin-bottom: 30px !important;
}

.mb60 {
  margin-bottom: 40px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb100 {
  margin-bottom: 70px !important;
}

.mb120 {
  margin-bottom: 70px !important;
}

.bgF8 {
  background-color: #f8f8f8;
}

.bg0E {
  background-color: #0e0e0e;
}

.bg36 {
  background-color: #366eff !important;
}

.bgFF {
  background-color: #fff !important;
}

.bgEB {
  background-color: #ebebec !important;
}

.bgF7 {
  background-color: #f7f7f7 !important;
}

.mw700 {
  max-width: 700px;
}

.gap50 {
  gap: 50px 0px;
}

.gap30 {
  gap: 30px 0px;
}

.secPad120 {
  padding: 100px 0;
}

.secpad70 {
  padding: 70px 0;
}

.fz15i,
.fz17i {
  font-family: "Inter", sans-serif !important;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: normal;
}

.fz19i,
.fz16i,
.fz18i {
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
}

.fz20i {
  font-family: "Inter", sans-serif !important;
  font-size: 20px;
  line-height: 1.34;
}

.fz28i,
.fz24i,
.fz30i,
.fz34i {
  font-family: "Inter", sans-serif !important;
  font-size: 24px;
  line-height: 1.34;
}

.fz48i,
.fz71i {
  font-family: "Inter", sans-serif !important;
  font-size: 55px;
  line-height: 1.18;
}

.fz44i,
.fz50i,
.fz51i {
  font-family: "Inter", sans-serif !important;
  font-size: 44px;
  line-height: 1.25;
  letter-spacing: -1.02px;
}

.fz23r,
.fz21rm,
.fz18r {
  font-family: "Roboto", sans-serif !important;
  font-size: 18px;
  line-height: 1.37;
}

.fz18r {
  font-size: 18px;
  font-family: "Roboto", sans-serif !important;
}

.fz20r,
.fz24r,
.fz25r {
  font-family: "Roboto", sans-serif !important;
  font-size: 20px;
  line-height: 1.37;
}

.fz26r,
.fz40r,
.fz42r {
  font-family: "Roboto", sans-serif !important;
  font-size: 26px;
  line-height: 1.37;
}

.fz30r,
.fz46r {
  font-family: "Roboto", sans-serif !important;
  font-size: 30px;
  line-height: 1.2;
}

.fz60r,
.fz48r,
.fz64r,
.fz57r {
  font-family: "Roboto", sans-serif !important;
  font-size: 40px;
  line-height: 1.2;
}

.fz48r,
.fz74r,
.fz70r,
.fz75r {
  font-family: "Roboto", sans-serif !important;
  font-size: 48px;
  line-height: 1.14;
}

.pl30 {
  padding-left: 30px;
}

.fz60r {
  /* font-family: "Roboto", sans-serif !important; */
  /* font-size: 60px; */
}

.fwb {
  font-weight: bold !important;
}

.fws {
  font-weight: 600 !important;
}

.fwm {
  font-weight: 500 !important;
}

.fwn {
  font-weight: normal !important;
}

.container {
  max-width: 1632px;
  padding-right: 96px;
  padding-left: 96px;
}

.whiteboraderBtn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.96;
  letter-spacing: normal;
  text-align: center;
  padding: 15px 30px;
  border-radius: 50px;
  transition: 0.3s;
}

.whiteboraderBtn:hover {
  background: #fff;
  color: #1657ff;
}

.whiteBtn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #1657ff;
  background: #fff;
  border: 1px solid #fff;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.96;
  letter-spacing: normal;
  text-align: center;
  padding: 15px 30px;
  border-radius: 50px;
  transition: 0.3s;
}

.whiteBtn:hover {
  background: transparent;
  color: #fff;
}

a.blueBtn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  background: #4755f2;
  border: 1px solid #4755f2;
  min-width: 196px;
  border-radius: 50px;
  height: 50px;
  padding: 0 10px 0 15px;
  transition: 0.3s ease all;
  font-size: 16px;
  justify-content: center;
}

a.blueBtn:hover {
  background: transparent;
  color: #4755f2;
}

.dualBtns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.blueIconBtn {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.96;
  letter-spacing: normal;
  text-align: left;
  border-radius: 50px;
  background-color: #4755f2;
  color: #fff;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-width: 278px;
  transition: 0.3s;
  border: 1px solid #4755f2;
}

.blueIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 24px;
  border: solid 1.5px #4755f2;
  background: #fff;
  margin-left: auto;
  width: 46px;
  height: 46px;
}

.blueIconBtn:hover {
  background: transparent;
}

.blueBorderBtn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #4755f2;
  border: 1px solid #4755f2;
  min-width: 196px;
  border-radius: 50px;
  height: 50px;
  padding: 0 10px 0 15px;
  transition: 0.3s ease all;
  font-size: 16px;
  justify-content: center;
}

.blueBorderIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 36px;
  height: 36px;
  border: 1px solid #4755f2;
  border-radius: 50%;
}

.blueBorderBtn:hover {
  background: #4755f2;
  color: #fff;
}

.grayBorderBtn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #292929;
  border: 1px solid #292929;
  min-width: 196px;
  border-radius: 50px;
  height: 50px;
  padding: 0 10px 0 15px;
  transition: 0.3s ease all;
  font-size: 16px;
  justify-content: center;
}

.grayBorderBtn:hover {
  background: #292929;
  color: #fff;
}

.blueBorderBtn:hover span.blueBorderIcon {
  border-color: #fff;
  background: #fff;
}

.owl-nav button img {
  filter: drop-shadow(2px 4px 6px #00000033);
}

/* Global CSS End ==================== */

/* Header CSS Start ======================= */

header.headerArea {
  position: fixed;
  z-index: 99999;
  padding: 22px 0;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
}

a.navbar-brand {
  display: block;
  margin: 0 30px 0px 0;
  padding: 0;
}

.navbar-nav .nav-link {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  color: #000;
  display: block;
  padding: 16px 10px;
}

ul.navbar-nav li.nav-item:not(:last-child) {
  margin-right: 20px;
}

ul.navbar-nav li.nav-item.rightLink {
  margin-left: auto;
}

ul.navbar-nav {
  width: 100%;
}

a.nav-link.startFree {
  border-radius: 50px;
  background-color: #4755f2;
  color: #fff;
  padding: 10px 20px !important;
  border: 1px solid #4755f2;
  transition: 0.3s;
}

a.nav-link.startFree:hover {
  background: transparent;
  color: #4755f2;
}

.navbar-nav .nav-link:hover {
  color: #4755f2;
}

nav.navbar {
  position: unset;
}

.megaContainer {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%);
  width: 100vw;
  top: 89px;
  background: #fff;
  padding: 30px 20px;
  box-shadow: rgba(37, 49, 56, 0.1) 0px 4px 8px -2px,
    rgba(37, 49, 56, 0.06) 0px 2px 4px -2px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.megamenubox h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
}

ul.megatextMenu {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 0px;
}

ul.megatextMenu li a strong {
  display: block;
  color: #202020;
}

ul.megatextMenu li a {
  color: #6b6b6b;
}

.towColMenu li {
  width: calc(50% - 10px);
  min-width: 170px;
  flex-grow: 1;
}

ul.towColMenu {
  gap: 30px 20px !important;
}

ul.megaTitleMenu {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}

ul.megaTitleMenu li a {
  color: #121212;
  font-weight: 500;
}

ul.megaTitleMenu li a:hover {
  color: #4755f2;
}

.allLinks {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  margin-top: 30px;
  transition: 0.3s;
}

.megaContainer::before {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 10px;
  width: 100%;
  height: 1px;
  background: #ddd;
  content: "";
}

.megaContainer > .container > .row {
  gap: 20px 0px;
}

.megaContainer > .container > .row > div:first-child {
  position: relative;
  z-index: 1;
}

.megaContainer > .container > .row > div:first-child::after {
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  content: "";
  background: #ddd;
}

.megaContainer > .container > .row > div {
  padding-top: 10px;
  padding-bottom: 10px;
}

li.nav-item.megaDropdown:hover .megaContainer {
  opacity: 1;
  visibility: visible;
}

.allLinks:hover {
  filter: brightness(0);
  /* text-decoration: underline; */
}

.megapostMenuItem {
  display: block;
}

.megapostMenuItem img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.megapostMenuItem h3 {
  font-size: 18px;
  margin: 0 0 4px 0;
}

.megapostMenuItem p {
  color: #6b6b6b;
}

.megapostMenu a.allLinks {
  margin-top: 15px;
}

.megapostMenu:hover a.allLinks {
  filter: brightness(0);
}

/* Header CSS End ======================= */

/* Footer Css Start ========================== */

.footerWidgetArea {
  background: #fff;
  padding: 60px 0 90px 0;
}

.footerWidget {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

ul.widgetMenu {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

ul.widgetMenu li a {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #0d0d0d;
  transition: 0.3;
}

ul.widgetMenu li a:hover {
  color: #4755f2;
}

.footerWidgetArea .container > .row {
  gap: 40px 0;
}

.footerCopyright > .container {
  border-top: 1px solid #dbdbdb;
  padding-top: 30px;
  padding-bottom: 30px;
}

.footerCopyright > .container .row {
  gap: 30px 0;
}

ul.tacLinks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #fff3;
}

ul.tacLinks li a {
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #5a5a5a;
}

ul.socialLInks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 25px;
}

ul.socialLInks li a:hover img {
  filter: invert(1) drop-shadow(2px 4px 6px #0000004d);
  /* box-shadow: 0 0 0 6px #0000004d; */
}

ul.socialLInks li a img {
  transition: 0.3s;
}

.footerReady {
  padding: 100px 0 100px;
  background-image: linear-gradient(to right, #4755f2, #4755f254 100%),
    url("assets/img/blue-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.footerReady .row {
  align-items: center;
  gap: 50px 0;
}

.readyBtns {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

/* Footer Css END =========================== */

/* Main CSS ================== */

section.heorArea {
  padding: 150px 0 100px;
}

.heroContent {
  margin-top: 50px;
}

.heroContent h1 {
  max-width: 795px;
  margin-bottom: 33px;
}

.heroContent p {
  max-width: 710px;
  margin-bottom: 40px;
}

section.usedByarea {
  background: #fafafa;
  padding: 80px 0 90px;
}

ul.brandsIcons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 57px;
  max-width: 1000px;
  margin: 0 auto;
  align-items: center;
}

ul.brandsIcons li {
  width: 16%;
}

ul.brandsIcons img {
  display: block;
  opacity: 0.6;
  transition: 0.3s ease all;
}

.counterBox {
  border-top: 1px solid hsl(0deg 0% 0% / 10%);
  padding-top: 60px;
}

.counterBox .row {
  gap: 40px 0;
}

.counterUp {
  text-align: center;
}

section.solutionArea {
  padding: 100px 0;
}

.solutionNav::before {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 13px;
  background: #ddd;
  border-radius: 13px;
  content: "";
}

.solutionNav {
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 1;
  padding-left: 33px;
}

.solutionTabs .tab-content {
  flex-grow: 1;
  padding-left: 20px;
}

.solutionTabsLeft h2 {
  /* margin-bottom: 40px; */
}

.solutionNav.nav-pills .nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 68px;
  position: relative;
  z-index: 1;
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
  max-width: fit-content;
  font-family: Roboto;
  font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: #969696;
  padding: 0;
}

.solutionNav.nav-pills .nav-link.active {
  background: transparent;
  color: #000;
}

.solutionTabsLeft {
  width: 610px;
  flex-shrink: 0;
}

.solutionNav.nav-pills .nav-link::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: -34px;
  top: 0;
  height: 100%;
  width: 15px;
  background: #ddd;
  border-radius: 13px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.nav-pills .nav-link.active::before {
  opacity: 1;
  visibility: visible;
  background: #0c51ff;
}

.solutionTabContetn img {
  display: block;
  width: 100%;
}

.centerTitle {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
}

section.yourCompanyArea .centerTitle {
  margin-bottom: 100px;
}

.companyContainer {
  display: flex;
  flex-direction: column;
  gap: 150px;
  position: relative;
  z-index: 1;
}

.companyContentItem .row {
  align-items: center;
}

.companyContent p {
  max-width: 585px;
}

.companyContent {
  max-width: 550px;
}

section.yourCompanyArea {
  padding: 100px 0 120px;
  background: #fafafa;
}

.officesliderItem {
  width: 340px;
  background: #035232;
  border-radius: 17px;
  overflow: hidden;
  padding: 35px 0 0 25px;
}

.officesliderIcon {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 14px;
  margin: 24px 0 80px;
}

.officesliderIcon img {
  display: block;
  max-width: 43px;
}

.officesliderItem.kusaCrm {
  background-image: linear-gradient(162deg, #a395f8 11%, #7574b2 63%);
}

.officesliderItem.kusaLand {
  background-image: linear-gradient(169deg, #45a28c 7%, #0b6b54 96%);
}

.officesliderItem.kusaReward {
  background-image: linear-gradient(162deg, #ffefef 12%, #b095f8 54%);
}

.officesliderItem.kusaDev {
  background-image: linear-gradient(169deg, #757d78 9%, #d5e3da 69%);
}

.officeslider.owl-carousel .owl-stage-outer {
  overflow: unset;
}

.officeslider.owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  padding: 0;
}

.testiSlider .owl-nav button,
.officeslider.owl-carousel .owl-nav button {
  width: 45px;
  height: 45px;
}

section.entireOfficeArea {
  padding: 70px 0 80px;
}

img.companyLine {
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-69%);
  width: 120px;
  margin-left: 0;
  top: 20px;
  pointer-events: none;
}

img.companyImg {
  max-height: 773px;
}

.companyContentItem:nth-child(odd) .companyContent {
  margin-left: auto;
}

section.resourceArea {
  padding: 100px 0 100px;
}

.iconTitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 3px 15px;
  margin-bottom: 32px;
}

.row.resourceAreaRow {
  gap: 30px 0px;
}

.resourceBox {
  padding: 15px 20px;
  border-radius: 25px;
  border: solid 2px #c0c2d9;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}

.resourceBox > img {
  margin-bottom: 15px;
  width: 120px;
}

.resourceBox .blueBorderBtn {
  margin-top: auto;
}

.resourceBox p,
.resourceBox h2 {
  color: #000;
}

.testiSliderArea {
  padding: 50px 50px;
  background: #fff;
  max-width: 1200px;
  margin: 0 auto;
}

section.testimonialArea {
  background: #fafafa;
  padding: 100px 0 100px;
}

.testimonialItem {
  display: flex;
  align-items: center;
  gap: 67px;
  flex-shrink: 0;
  justify-content: space-between;
}

.testiContentImg {
  width: 450px;
  flex-shrink: 0;
  height: 500px;
  position: relative;
  z-index: 1;
}

img.testiAuthoImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.testiContentImgtext {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  padding: 15px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border-top: solid 1.1px #ffffff80;
  background-color: #ffffff4c;
  width: 100%;
}

.testiContentImg::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 310px;
  display: block;
  content: "";
  z-index: 1;
  background-image: linear-gradient(to bottom, #0000, #0006);
  display: block;
}

.testiContentImgtext * {
  color: #fff;
}

.testiContentImgtext h3 {
  margin-bottom: 16px;
  padding-right: 130px;
}

.whiteStar {
  display: block;
  position: absolute;
  right: 15px;
  top: 21px;
}

.testiContentImgtext p {
  margin: 0;
  font-size: 16px;
}

.testiContent {
  padding: 75px 3px;
  max-width: 570px;
  flex-grow: 1;
}

.ratingGold img {
  display: block;
  margin-bottom: 30px;
}

.testiAutho {
  margin-top: 30px;
}

.testiSlider .owl-nav {
  display: flex;
  align-items: center;
  gap: 30px;
  position: absolute;
  bottom: 70px;
  right: 480px;
  padding: 0;
}

.brandSlider.owl-carousel .owl-stage-outer {
  overflow: unset;
}

.brandItem img {
  opacity: 0.5 !important;
}

.mobAccordian .accordion-header,
.solutionTabsmob .accordion-header {
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
}

.mobAccordian .accordion-item,
.solutionTabsmob .accordion-item {
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}

.mobAccordian .accordion-header .accordion-button,
.solutionTabsmob .accordion-header .accordion-button {
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none !important;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 600;
  color: #000 !important;
}

.footerWidgetWrap {
  display: contents;
}

.centerTItle {
  text-align: center;
  margin: 0 auto;
}

.effortlySec .centerTItle {
  max-width: 760px;
  margin: 0 auto;
}

section.effortlySec.secPad120 {
  padding-bottom: 0;
}

.accordion-button,
.accordion-button:not(.collapsed) {
  background: transparent;
  border: 0;
  font-size: 24px;
  color: #000;
  font-family: "Roboto";
  border: 0;
  box-shadow: none;
  outline: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  background-image: url("assets/img/arrow-down.svg");
}

.accordion-item {
  border: 0;
  background: transparent;
  border-radius: 0 !important;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.registeArea .centerTitle {
  max-width: 700px;
}

.safeIconBoxList {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.safeIconBox {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  max-width: 430px;
}

.safeIconBox img {
  width: 80px;
  flex-shrink: 0;
}

.safeIconBox h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.safeIconBox p {
  font-size: 16px;
}

.registerForm {
  margin-top: 40px;
  padding: 40px 30px;
  border-radius: 16px;
  border: solid 1px #b3b3b3;
  background-color: #fff;
}

.inputCol label {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
}

.inputCol input,
.inputCol select {
  padding: 15px 24px;
  border-radius: 10px;
  background-color: #ececec;
  display: block;
  width: 100%;
  border: 0;
  font-size: 20px;
}

.acceptence {
  margin-top: 40px;
  margin-bottom: 40px;
}

.acceptence label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

span.checkboxIcon {
  border-radius: 3px;
  border: solid 1px #a8a8a8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  position: relative;
  top: 2px;
}

.acceptence input {
  display: none;
}

span.checkboxIcon img {
  opacity: 0;
}

.acceptence input:checked + label span.checkboxIcon img {
  opacity: 1;
}

.acceptence label a {
  font-weight: 500;
  color: #000;
}

button.blackBtn {
  display: block;
  width: 100%;
  border-radius: 32px;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  padding: 10px;
  font-size: 18px;
  transition: 0.3s;
}

button.blackBtn:hover {
  background: transparent;
  color: #000;
}

.registerBox h2 a {
  color: #366eff;
  text-decoration: underline;
}

.centerAligh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.blueBtn_icon span.blueIcon {
  height: 35px;
  width: 35px;
}

.heroContent.omniHero {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding-top: 30px;
}

.heroContent.omniHero .dualBtns {
  margin-top: auto;
}

.safeGrid {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  gap: 40px 60px;
}

.safeGrid .safeIconBox {
  background: #f7f7f7;
  padding: 25px 30px;
  max-width: unset;
  border-radius: 10px;
}

.stageContent {
  border-radius: 15px;
  border: solid 2px #d7e1eb;
  background-color: #fafafc;
  padding: 40px 30px;
  position: relative;
  z-index: 1;
  min-height: 510px;
}

.stageContainer .row {
  gap: 24px 0;
}

span.stageNumber {
  border-radius: 24px;
  border: solid 2px #ddd6d0;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter";
  padding: 8px 16px;
  line-height: 1;
  margin-bottom: 10px;
}

.stageContent p {
  margin-top: 20px;
  margin-bottom: 40px;
}

.stageImage {
  display: block;
  width: 220px;
  height: 220px;
  object-fit: contain;
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: -1;
}

img.stageImage.stageimg3 {
  right: auto;
  left: 0;
  bottom: 0;
}

.optimizeTab .nav li {
  width: 25%;
  flex-shrink: 0;
}

.optimizeTab .nav-pills .nav-link {
  font-size: 15px;
  text-align: center;
  display: block;
  padding: 10px 10px;
  background: transparent;
  color: #000;
  border-bottom: 2px solid #c4c4c4;
  width: 100%;
  border-radius: 0;
}

.optimizeTab .nav-pills .nav-link.active {
  font-weight: 500;
  border-color: #000;
}

.optimizeTab .tab-content {
  padding: 30px 0 0 0;
}

.accordion-body {
  padding-right: 0;
  padding-left: 0;
}

.optimizeTab .nav {
  align-items: flex-end;
}

.templateTabSlider .tab-content {
  padding-left: 0;
  padding-top: 30px;
}

.templateTabSlider .nav-pills .nav-link {
  padding: 2px 20px;
  color: #fff;
  border-right: 1px solid #fff;
  border-radius: 0;
  font-size: 24px;
  line-height: 1;
}

.templateTabSlider .nav-item:nth-child(1) .nav-link {
  padding-left: 0;
}

.templateTabSlider .nav-item:last-child .nav-link {
  border: 0;
}

.templateTabSlider {
  margin-top: 30px;
}

.templateTabSlider .nav-pills .nav-link.active {
  text-decoration: underline;
}

.templateItem {
  width: 320px;
}

.templateItem > img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

a.templateLink {
  text-decoration: underline;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 500;
}

.templateSlider .owl-stage-outer {
  overflow: unset;
}

.borderAccordian .accordion-item {
  border-bottom: 1px solid #000;
}

.featureTabDesktop .nav li {
  width: 31%;
  flex-shrink: 0;
}

.featureTabDesktop .nav-pills .nav-link {
  text-align: left;
  background: transparent;
  color: #5a6264;
  border-radius: 0;
  padding: 5px 10px;
  border-left: 2px solid #ddd;
}

.featureTabDesktop .nav {
  justify-content: space-between;
  margin-top: 30px;
}

.featureTabDesktop .nav-pills .nav-link h4 {
  margin-bottom: 5px;
  color: #000;
}

.featureTabDesktop .nav-pills .nav-link.active {
  border-color: #4755f2;
}

.featureTabDesktop .nav-pills .nav-link.active h4 {
  color: #4755f2;
}

.stikeyContainer {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.stikeyCont1 {
  background: #ef8752;
}

.stikeyCont2 {
  background: #96b9f9;
}

.stikeyCont3 {
  background: #f996b4;
}

.stikeyContainer > div,
.stikeyContainer > span {
  z-index: 2;
}

.stikeyContent {
  padding: 70px;
}

.stikeyContent .row {
  align-items: center;
}

a.whiteboraderBtnIcon {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  border: 1px solid #fff;
  min-width: 196px;
  border-radius: 50px;
  height: 50px;
  padding: 0 10px 0 15px;
  transition: 0.3s ease all;
  font-size: 16px;
  justify-content: center;
}

a.whiteboraderBtnIcon span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

a.whiteboraderBtnIcon:hover {
  background: #fff;
  color: #000;
}

a.whiteboraderBtnIcon:hover img {
  filter: invert(1);
}

a.blackboraderBtnIcon {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #161515;
  border: 1px solid #161515;
  min-width: 196px;
  border-radius: 50px;
  height: 50px;
  padding: 0 10px 0 15px;
  transition: 0.3s ease all;
  font-size: 16px;
  justify-content: center;
}

a.blackboraderBtnIcon span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

a.blackboraderBtnIcon:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
}

a.blackboraderBtn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #161515;
  border: 1px solid #161515;
  min-width: 196px;
  border-radius: 50px;
  height: 50px;
  padding: 0 10px 0 15px;
  transition: 0.3s ease all;
  font-size: 16px;
  justify-content: center;
}

a.blackboraderBtn:hover {
  background: #000;
  color: #fff;
}

img.chatbotImg {
  margin-left: auto;
  max-width: 380px;
  display: block;
  width: 100%;
}

.nav-chatPills li.nav-item {
  flex: 1;
}

.nav-chatPills li.nav-item .nav-link {
  background: transparent;
  border: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 50px;
  border-top: 2px solid #ddd;
}

.nav-chatPills {
  gap: 5px;
  margin-top: 30px;
}

.nav-chatPills li.nav-item .nav-link img {
  display: block;
  height: 40px;
  max-width: 100%;
  object-fit: cover;
}

.nav-chatPills li.nav-item .nav-link.active {
  border-color: #000;
}

.chatBoatCont {
  background: #f7f7f7;
  display: flex;
  padding-left: 350px;
  position: relative;
}

img.chatBoatContIMG {
  flex-shrink: 0;
  width: 350px;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

.chatBoatCont > div {
  padding: 40px 50px;
}

.chatBoatCont > div > p b {
  color: #000;
}

ul.chatTabBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 20px;
}

ul.chatTabBox li {
  flex: 1;
  padding: 15px 20px;
  border-left: 1px solid #ddd;
}

ul.chatTabBox li h3 {
  font-size: 34px;
  margin-bottom: 15px;
}

a.viewRed {
  color: #161515;
  font-weight: bold;
}

.futureProofArea .centerTItle {
  padding-top: 10px;
  background: #fff;
}

.navbar-toggler svg {
  width: 25px;
  height: 20px;
}