.elementor-kit-8{--e-global-color-primary:#00A0FF;--e-global-color-secondary:#EFF3F6;--e-global-color-text:#2D2569;--e-global-color-accent:#00A0FF;--e-global-color-214ca2a:#FFFFFF;--e-global-color-1a0b0c0:#D11149;--e-global-color-0550d84:#14102D;--e-global-color-3028ece:#43BF90;--e-global-color-3c6a8ae:#E9F5FF;--e-global-color-10a86aa:#F2F4F7;--e-global-color-ab3f41f:#5898E1;--e-global-color-609f1b4:#F4F3FB;--e-global-color-2ec62d9:#DFF7F2;--e-global-color-fa4bb74:#FDEBF2;--e-global-color-29fc9f5:#F3EEFF;--e-global-color-6040116:#FAFBFC;--e-global-color-cc86992:#2D256933;--e-global-color-4854ce0:#FFEFE3;--e-global-color-44fdb10:#F5C542;--e-global-color-43cbfc5:#7A5A00;--e-global-color-18ec5b1:#0A3526;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#14102DB3;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;}.elementor-kit-8 a:hover{font-family:"Inter", Sans-serif;}.elementor-kit-8 h1{font-family:"BricolageGrotesque", Sans-serif;font-size:4rem;font-weight:700;line-height:1;}.elementor-kit-8 h2{font-family:"BricolageGrotesque", Sans-serif;font-size:2.49rem;font-weight:700;line-height:1.2;}.elementor-kit-8 h3{font-family:"BricolageGrotesque", Sans-serif;font-size:1.4rem;font-weight:650;line-height:1.2;}.elementor-kit-8 h4{font-family:"Inter Tight", Sans-serif;font-size:1.73rem;line-height:1.35;}.elementor-kit-8 h5{font-family:"Inter Tight", Sans-serif;font-size:1.44rem;line-height:1.45;}.elementor-kit-8 h6{font-family:"Inter Tight", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-kit-8{font-size:1rem;font-weight:400;line-height:1.5rem;}.elementor-kit-8 h1{font-size:4rem;font-weight:700;line-height:1;}.elementor-kit-8 h2{font-size:2.49rem;font-weight:650;line-height:1.2;letter-spacing:0px;}.elementor-kit-8 h3{font-size:1.7rem;font-weight:600;line-height:1.25;}}@media(max-width:1366px){.elementor-kit-8 h1{font-size:3.4rem;font-weight:700;line-height:3.6rem;}.elementor-kit-8 h2{font-size:2.6rem;font-weight:700;line-height:3rem;}.elementor-kit-8 h3{font-size:1.5rem;font-weight:700;line-height:1.8rem;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1024px){.elementor-kit-8 h1{font-size:3rem;font-weight:600;line-height:3rem;}.elementor-kit-8 h2{font-size:2.2rem;font-weight:700;line-height:2.4rem;}.elementor-kit-8 h3{font-size:1.5rem;font-weight:700;line-height:1.8rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:1rem;font-weight:400;}.elementor-kit-8 h1{font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-0.02em;}.elementor-kit-8 h2{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;}.elementor-kit-8 h3{font-size:1.3rem;font-weight:600;line-height:1.2;letter-spacing:-0.015em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.dlines {
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(82,67,191,0.07) 0,
    rgba(82,67,191,0.07) 1px,
    transparent 1px,
    transparent 8px
  );
}

::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background: #f2f4f7;
}

::-webkit-scrollbar-thumb {
  background: rgba(20, 16, 45, 1);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(20, 16, 45, 1);
}

* {
  scrollbar-width: thick;
  scrollbar-color: rgba(20, 16, 45, 1) #f2f4f7;
}

::selection {
    background-color: #00A0FF;
    color: #ffffff;
}

::-moz-selection { 
    background-color: #00A0FF;
    color: #ffffff;
}

html {
  scroll-behavior: smooth;
 }
 
.audit-hero-stack {
  opacity: 0;
  transform: translateY(-500px);
  will-change: transform, opacity;
}

.header-menu{
    position: fixed;
    z-index: 10000 !important;
    width: 100%;
}
.dialog-type-lightbox {
    z-index: 9990;
}

:is(h1, h2, h3, h4, h5, h6, p):is(:first-child, :only-child) {
    margin-top: 0;
}

:is(h1, h2, h3, h4, h5, h6, p):is(:last-child, :only-child) {
    margin-bottom: 0;
}

/* desktop */
h1 { font-variation-settings: "opsz" 72; }
h2 { font-variation-settings: "opsz" 48; }
h3 { font-variation-settings: "opsz" 28; }

/* mobile */
@media (max-width: 767px) {
  h1 { font-variation-settings: "opsz" 48; }
  h2 { font-variation-settings: "opsz" 36; }
  h3 { font-variation-settings: "opsz" 22; }
}


.elementor-field-group .elementor-field-textual:focus {
  box-shadow: none !important;
}

.elementor-text-editor ul,
.elementor-text-editor ol {
  margin-bottom: 1em!important;
}

.blue-text{
    color:#2F6BDB;
}

.purple-text {
  background: linear-gradient(to right, #5243BF  0%, #5243BF 50%, #2F6BDB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.1;
  padding-bottom: 2px;
  font-weight:800;
}

.green-text {
  background: linear-gradient(to right, #43BF90 0%, #43BF90 10%, #8FE3C8 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.1;
  padding-bottom: 2px;
}

H1.H1Small {
    font-size:1.6rem;
    font-weight:600;
    line-height: 1rem;
}

H2.H2Small { 
    font-size:1.6rem;
    font-weight:700;
    line-height: 2rem;
}

H3.H3Small {
    font-size:1.2rem;
    font-weight:700;
    line-height: 1.6rem;
}

.h3Sizing{
    font-size:1.5rem;
    line-height: 1.8rem
}

.PUnderline {
  color: inherit;
  text-decoration-line: underline !important;
  text-decoration-color: #00A0FF !important;
  text-decoration-thickness: 2px!important;
  text-underline-offset: 4px!important;
  text-decoration-skip-ink: auto;
  transition: color 0.2s ease;
}

.PUnderline:hover {
  color: #00A0FF;
}

.PUnderline.PUWhite {
    color: #fff;
}

.PUnderline.PUWhite:hover {
    color: #00A0FF;
}

.PUnderline.ST{
    text-underline-offset: 4px;
}

.PUnderline.PUDark::before {
  background: rgba(255, 255, 255, 0.2)!important;
}

.PUnderline.PUDark::after {
  background: rgba(255, 255, 255, 1)!important; 
}

.PUnderline.PUDark {
  color: #14102d;
}

.PUnderline.PUWhiteT{
    color: rgba(255, 255, 255, 1);
    text-decoration-color: #5243bf;
    transition:color 0.2s ease;
}

.PUnderline.PUWhiteT:hover{
    color: #5243bf;
    text-decoration-color: #5243bf;
}

.PUnderlineInfo{
    color:#5898E1;
    text-decoration: underline!important;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px !important;
    text-decoration-color:#5898E1 !important;
    transition:color 0.2s ease;
}

.Small875{
    font-size:0.875rem!important;
}

.PUnderlineInfo:hover {
    color: #5898E1;
}

.PUnderline--small {
  font-size: 0.75rem!important;
  
}

.HPLinks {
    display:inline-block;
    color:#FFFFFF;
    background-color: #5243bf;
    padding:8px 20px;
    margin-top:10px;
    border-radius: 100px;
    transition:background-color 0.2s ease;
}

.HPLinks:hover {
    color:#fff;
    background-color: #403da5;
}

.PNText{
    color:#5243bf;
}

.PNText:hover{
    color:#5243bf;
}

.PurpleUnderlineW {
    color:#fff;
    text-decoration: underline!important;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px !important;
    text-decoration-color:#9ED8DB !important;
    transition:color 0.2s ease;
}

.PurpleUnderlineW:hover {
    text-decoration: underline;
    text-decoration-color:#9ED8DB;
    color: #9ED8DB;
}

.WUnderlineW{
    color:#fff;
    text-decoration: underline!important;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px !important;
    text-decoration-color:#fff !important;
    transition:color 0.2s ease;
}

.WUnderlineW:hover{
    text-decoration: underline;
    text-decoration-color:#fff;
    color: #fff;
}

.CustomACC1 .e-n-accordion-item-title:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to bottom,
  transparent 50%,
  rgba(20, 16, 45, 0.3) 50%);
  pointer-events: none;
}

.CustomACC1 .e-n-accordion-item-title-text {
    color: #14102d;
    font-size:1.25rem!important;
    line-height:2rem;
    transition: color 0.2s;
}

.CustomACC1 .e-n-accordion-item-title-text:hover {
    color: #00A0FF;
}
.CustomACC1 .e-n-accordion-item[open] .e-n-accordion-item-title-text{
    color:#00A0FF;
}

.CustomACC1 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title {
    position: relative;
    padding-right: 50px;
}

.CustomACC1 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.2s ease;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2025/11/AccCrossB.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.CustomACC1 .e-n-accordion .e-n-accordion-item.open .e-n-accordion-item-title:after {
    transform: translateY(-50%) rotate(45deg);
}

.CustomACC1 .e-n-accordion .e-n-accordion-item:hover .e-n-accordion-item-title:after {
    transition: transform 0.2s ease;
}

.CustomACCMM .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title {
    position: relative;
    padding-right: 50px;
}

.CustomACCMM .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%) rotate(0deg);
    transform-origin: 50% 50%;
    transition: transform 0.2s ease;
    background-image: url('/wp-content/uploads/2026/01/MMenuDD.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.CustomACCMM .e-n-accordion .e-n-accordion-item.open .e-n-accordion-item-title:after {
    transform: translateY(-50%) rotate(180deg);
}

.CustomACCMM .e-n-accordion .e-n-accordion-item:hover .e-n-accordion-item-title:after {
    transition: transform 0.4s ease;
}

#CDesign{
    border-bottom: 1px solid rgba(20, 16, 45, 0.3);
}

.axis-case-study {
  display: flex;
  align-items: center;
  gap: 0.6em;
}

.axis-case-text {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #FFFFFF;
  line-height:2;
  display: flex;
  align-items: center;
  margin-bottom:-2px;
}

.white{
    color:#ffffff;
} 

.dark{
    color:rgba(20, 16, 45, 1);
}

.purple{
    color:#5243bf;
}

.OP{
    color:#329d74;
}

.axis-case-icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  width: 20px;
  height:20px;
}

.wd-setup-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  row-gap: 40px;
}

.wd-setup-container--tight{
    column-gap: 20px;
    row-gap: 0px;
}

.wd-setup-container-email {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 150px;
  row-gap: 40px;
}

.fiverows {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 50px;
}

.hover-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.hover-icon svg {
  stroke: rgba(192, 190, 210, 0.5);
  transition: stroke 0.3s ease;
}

.wd-setup-icon {
  margin-right: 20px;
  flex-shrink: 0;
  margin-bottom: 25px;
  background: #fafbfc;
  border: 1px solid rgba(20, 16, 45, 0.3);
  border-radius: 10px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #00A0FF;
  transition: background-color 0.6s ease,
              border-color 0.4s ease,
              color 0.4s ease;
}

.wd-setup-icon svg {
  width: 25px;
  display: block;
}

.wd-setup-container a:hover .wd-setup-icon {
  background-color: #00A0FF;
  border-color: #00A0FF;
  color: #ffffff;
}

.wd-setup-icond{
  margin-right: 20px;
  flex-shrink: 0;
  margin-bottom: 25px;
  background: #14102d;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 0 10px 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wd-setup-icond svg {
  width: 25px;
  display: block;
  position: relative;
  z-index: 10;
  stroke: #00a0ff;
  transition: stroke 0.3s ease;
}

.wd-setup-iconl{
  margin-right: 20px;
  flex-shrink: 0;
  margin-bottom: 25px;
  background: #FAFBFC;
  border: 1px solid rgba(20, 16, 45, 0.3);
  border-radius: 10px;
  padding: 0 10px 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wd-setup-iconl svg {
  width: 25px;
  display: block;
  position: relative;
  z-index: 10;
  stroke: #00a0ff;
  transition: stroke 0.3s ease;
}

.wd-setup-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.wd-setup-content.cta{
    background-color: #00A0FF;
    padding:40px;
    border-radius:10px;
}

.cta p{
color: #fff !important;    
}

.wd-setup-content h3 {
  color: rgba(20, 16, 45, 1);
  font-size: 1.2rem;
  line-height:1.5rem;
  font-weight:600;
  margin: 0 0 20px;
  transition: color 0.3s ease;
}


.wd-setup-content p {
     color: rgba(20, 16, 45, 0.8);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.wd-setup-block1,
.wd-setup-block2,
.wd-setup-block3,
.wd-setup-block4 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #Ffffff;
  background-size: 200% 200%;
  transition: background-color 0.3s ease, border-color 0.3s ease, background-position 0.5s ease;
  opacity: 0;
  animation: fadeInUp 0.6s ease-out forwards;
}

.wd-setup-block1:hover,
.wd-setup-block2:hover,
.wd-setup-block3:hover,
.wd-setup-block4:hover {
    background-color: #FAFBFC;
}

.wd-setup-block1 { animation-delay: 0.1s; }
.wd-setup-block2 { animation-delay: 0.3s; }
.wd-setup-block3 { animation-delay: 0.5s; }
.wd-setup-block4 { animation-delay: 0.7s; }

.wd-setup-block1:hover .hover-icon svg,
.wd-setup-block2:hover .hover-icon svg,
.wd-setup-block3:hover .hover-icon svg,
.wd-setup-block4:hover .hover-icon svg {
  stroke: #00A0FF;
}

.wd-setup-block1:hover h3,
.wd-setup-block2:hover h3,
.wd-setup-block3:hover h3,
.wd-setup-block4:hover h3 {
  color: #00A0FF;
}

@media (max-width: 767px) {
  .wd-setup-container {
    grid-template-columns: 1fr;
    row-gap: 30px;
   }
}

.dotted-half {
  position: relative;
  
  overflow: hidden;
}

.slide-upDead {
  opacity: 0;
  transform: translateY(15px);
  animation: slideUp 0.5s ease-out forwards;
}

@keyframes slideUpDead {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-up2Dead {
  transform: translateY(10px);
  animation: slideUp2 1s ease-out forwards;
}

@keyframes slideUp2Dead {
  to {
   transform: translateY(0);
  }
}

.tick-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tick-list li {
  position: relative;
  display: block;
  width: fit-content;
  padding-left: 35px;
  margin-bottom: 15px;
  color: #43BF90;
}

.tick-list li::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: 8px;
  height: 14px;
  border: solid #43BF90;
  border-width: 0 3px 3px 0;
  display: inline-block;
}

.tick-listv2 {
  list-style: none;
  padding: 0;
  margin: 30px 0 0 0;
}

.tick-listv2 li {
  margin-bottom: 20px;
}

.tick-listv2 li a {
  position: relative;
  display: inline-block;
  padding: 8px 14px 8px 44px;
  background: rgba(21, 136, 239, 0.05);
  color: #333264;
  text-decoration: none;
  border-radius: 100px;
  transition: background 0.3s ease, color 0.3s ease;
}

.tick-listv2 li a::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23333264'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M8%2012h8'/%3E%3Cpath%20d='M12%208v8'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  transition: background 0.5s ease;
}

.tick-listv2 li a:hover {
  background: rgba(21, 136, 239, 0.1);
  color: #2D2569;
}

.tick-listv2 li a:hover::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23333264'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='m12%2016%204-4-4-4'/%3E%3Cpath%20d='M8%2012h8'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

.tick-listv3 ul {
  list-style-position: outside;
  padding-left: 1.5em; 
  margin-top: 1.7em;
}

.tick-listv3 ul li {
  padding-left: 0.6em;
  margin-bottom: 0.2em;
  color:rgba(255, 255, 255, 0.7);
  text-indent: 0;
}

.d ul li {
  color:rgba(45, 37, 105, 0.8);
}

.cshover {
  position: relative;
  overflow: hidden;
}

.cshover::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;
  z-index: 0;
  transform: scale(1);
  transition: transform 0.25s ease;
}

.cshover::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(180deg, transparent 43%, rgba(20, 16, 45, 0.8) 85%);
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 1;
}

.darker:after{
    background: linear-gradient(180deg, transparent 35%, rgba(20, 16, 45, 1) 85%);
}

.cshover:hover::before {
  transform: scale(1.07);
}

.cshover h2{
    font-size:1.3rem;
    font-weight:600;
    line-height:1.5rem;
}

@keyframes slideDown {
    from {
        transform: translate3d(0, -300px, 0); 
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.elementor-popup-slideDown {
    animation-name: slideDown;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@media screen and (max-width: 768px) {
    .elementor-popup {
        padding-bottom: 80px;
        
    }
}

.dot-fade {
  position: relative;
  overflow: visible;
  z-index:3;
 }

.dot-fade::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: calc(0.36vw) calc(0.36vw);
  background-repeat: repeat;
  pointer-events: none;
  z-index:2;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
   -webkit-mask-image: linear-gradient(
    to bottom,
    black 50%,
    rgba(0, 0, 0, 0.75) 70%,
    rgba(0, 0, 0, 0.35) 95%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    black 50%,
    rgba(0, 0, 0, 0.75) 70%,
    rgba(0, 0, 0, 0.35) 95%,
    transparent 100%
  );
}

.dot-Nofade {
  position: relative;
  overflow: visible;
  z-index:0;
 }

.dot-Nofade::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 15px 15px;
  background-repeat: repeat;
  pointer-events: none;
  z-index:-1;
}  

.dot-fade--dark-bottom::before {
  background-image: radial-gradient(rgba(20, 16, 45, 0.15) 0.5px, transparent 0.5px);
  z-index:-2;
}

.dot-fade--white-bottom::before {
  background-image: radial-gradient(rgba(255, 255, 255, 0.15) 0.5px, transparent 0.5px);
}

.dot-fade--BrightW-bottom::before {
  background-image: radial-gradient(rgba(255, 255, 255, 1) 1px, transparent 1px);
}

.dot-fade--W25-bottom::before {
  background-image: radial-gradient(rgba(255, 255, 255, 0.25) 1px, transparent 1px);
}

.dot-fade--white-top::before {
  background-image: radial-gradient(rgba(255, 255, 255, 0.15) 0.5px, transparent 0.5px);
  -webkit-mask-image: linear-gradient(
    to top,
    black 50%,
    rgba(0, 0, 0, 0.75) 70%,
    rgba(0, 0, 0, 0.35) 95%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to top,
    black 50%,
    rgba(0, 0, 0, 0.75) 70%,
    rgba(0, 0, 0, 0.35) 95%,
    transparent 100%
  );
}

.StdButton,
#CUSendBtn,
#CUSendBtnL{
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.2s ease;
  margin-bottom: -7px;
  display: inline-block;
  background-color: #00A0FF;
  border-radius:5px;
}

#CUSendBtn,
#CUSendBtnL{
    color:#fff!Important;
}

.StdButton::after,
#CUSendBtn::after,
#CUSendBtnL::after{
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.15);
  transition: top 0.3s cubic-bezier(0.83,0,0.17,1);
  z-index: -1;
}

.StdButton:hover::after,
#CUSendBtn:hover::after,
#CUSendBtnL:hover::after{
  top: 0;
}

.StdButton:hover,
#CUSendBtn:hover,
#CUSendBtnL:hover{
  color: #fff;
}

.colour1{
    background-color: #14102D;
}

.colour2{
    background-color: #0094FF;
}

.colour3{
    background-color: #F2F4F7;
}

.colour4{
    background-color:#52b788;
}

.afterLight::after{
    background-color: rgba(255,255,255,0.1);
}

.afterWhite::after{
    background-color: rgba(255,255,255,1);
}

.afterPurple::after{
    background-color: rgba(255, 255, 255, 0.15);
}

.WA{
    background-color:#128C7E;
}

.PGlow.WA{
    box-shadow: 6px 6px 0 rgba(18, 140, 126, 0.2), 
                -6px -6px 0 rgba(18, 140, 126, 0.2);
}

.StdButton--icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.StdButton--icon a::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.StdButton--icon .elementor-button-content-wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.StdButton--icon svg {
  width: 50%;
  height: 50%;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.fade-in {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.slide-upSlow {
  opacity: 0;
  animation: slideUp 0.8s ease forwards;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.slide-down {
  opacity: 0;
  animation: slideDown 0.8s ease forwards;
}

@keyframes slideLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to   { opacity: 1; transform: translateX(0); }
}
.slide-left {
  opacity: 0;
  animation: slideLeft 0.8s ease forwards;
}

@keyframes slideRight {
  from { opacity: 0; transform: translateX(30px); }
  to   { opacity: 1; transform: translateX(0); }
}
.slide-right {
  opacity: 0;
  animation: slideRight 0.8s ease forwards;
}

.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }
.delay-5 { animation-delay: 1s; }
.delay-6 { animation-delay: 1.2s; }

.eyebrow-boxes {
  margin-top: 0;
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.eyebrow-box {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem; 
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height:1.2rem;
  font-weight: 500;
  border-radius: 5px;
  color: #2d2569;
  border: solid 1px rgba(45, 37, 105, 0.2);
  background-color:rgba(242, 244, 247, 0.4);
}

.b1{
    background: rgba(0, 160, 255, 0.1);
    color: rgba(0, 128, 204, 1);
    border-color: rgba(0, 160, 255, 0.35);
}

.b2{
  background: rgba(82, 67, 191, 0.1);
  color: #5243bf;
  border-color: rgba(124, 110, 245, 0.5);
}

.b3{
    background: rgba(67, 191, 144, 0.1);
  color: rgba(43, 143, 107, 1);
  border-color: rgba(67, 191, 144, 0.5);
}

.eyebrow-box::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.eyebrow-blue::before { background-color: #5DA9E9; }
.eyebrow-red::before { background-color: #D11149; }
.eyebrow-green::before { background-color: #43BF90; }
.eyebrow-purple::before { background-color: #5243BF; }

.eyebrow-box--plain {
  background: none;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  padding: 0;
  color:rgba(255,255,255,0.7);
  font-weight:400;
}

.eyebrow-box--plain::before {
  width: 26px;
  height: 26px;
}

.dot-list{
    padding-left:30px;
}

.dot-list li {
  margin-bottom: 6px;
}

.dot-list li::marker {
  color: #00A0FF;
  font-size:1.2rem;
}

/* homepage dot list */
.dot-list.hp {
  list-style: none;
  padding-left: 0;
}

.dot-list.hp li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 12px;
  line-height: 1.4;
}

/* custom dot */
.dot-list.hp li::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0.55em; /* vertical alignment control */
  width: 8px;
  height: 8px;
  background-color: #00A0FF;
  border-radius: 50%;
}

/* homepage link text */
.dot-list.hp li a {
  font-size: 1rem;
  font-weight: 500;
}

.grid-fade {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.grid-fade::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(to top, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 20px 20px;
  mask-image: linear-gradient(
    to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 15%,
    rgba(0,0,0,1) 85%,
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 15%,
    rgba(0,0,0,1) 85%,
    rgba(0,0,0,0) 100%
  );
  pointer-events: none;
  z-index: -1;
}

.grid-fade--dark {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.grid-fade--dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to right, rgba(20, 16, 45, 0.06) 1px, transparent 1px),
    linear-gradient(to top, rgba(20, 16, 45, 0.06) 1px, transparent 1px);
  background-size: 20px 20px;
  background-color: transparent;
  mask-image:
    linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%),
    linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  -webkit-mask-image:
    linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%),
    linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  mask-composite: intersect;
  -webkit-mask-composite: destination-in;
  pointer-events: none;
  z-index: -1;
}

.PGlow{
     box-shadow: 6px 6px 0 rgba(60, 52, 148, 0.2), 
                -6px -6px 0 rgba(60, 52, 148, 0.2);
     transition:0.45s ease;
}

.PGlow:hover{
    box-shadow: none;
}

.PGlowD{
     box-shadow: 6px 6px 0 rgba(60, 52, 148, 0.5), 
                -6px -6px 0 rgba(60, 52, 148, 0.5);
     transition:0.45s ease;
}

.PGlowD:hover{
    box-shadow: none;
}

.PGlowP{
     box-shadow: 6px 6px 0 rgba(20, 16, 45, 0.25), 
                -6px -6px 0 rgba(20, 16, 45, 0.25);
     transition:0.45s ease;
}

.PGlowP:hover{
    box-shadow: none;
}

.PGlow3 {
 box-shadow: 6px 6px 0 rgba(82, 183, 136, 0.3), 
                -6px -6px 0 rgba(82, 183, 136, 0.3);
     transition:0.45s ease;
}

.PGlow3:hover{
    box-shadow: none;
}

.PGlow4 {
  box-shadow:
    6px 6px 15px rgba(0, 0, 0, 0.8);
}

.PGlow5 {
  box-shadow: 5px 5px 0 rgba(59, 191, 144, 0.2);
     transition:0.45s ease;
}

.PGlow5:hover {
  box-shadow: 5px 5px 0 rgba(59, 191, 144, 0.2),
  10px 10px 0 rgba(59, 191, 144, 0.1);
}

/* --------- Form General Settings --------- */

.elementor-form .elementor-field-type-html{
    margin-top:5px;
    margin-bottom:-10px;
}

.elementor-form input[type="text"]:focus, 
.elementor-form input[type="email"]:focus, 
.elementor-form input[type="tel"]:focus, 
.elementor-form input[type="textual"]:focus {
border: 1.5px solid #00A0FF !important;
}

.elementor-form .elementor-field[type="text"]:hover,
.elementor-form .elementor-field[type="email"]:hover,
.elementor-form .elementor-field[type="tel"]:hover,
.elementor-form textarea:hover,
.elementor-form input[type="url"]:hover{
  background-color: rgba(242, 244, 247, 0.8)!important;
  box-sizing: border-box;
}

.elementor-form input[type="text"], 
.elementor-form input[type="email"], 
.elementor-form input[type="tel"], 
.elementor-form input[type="textual"],
.elementor-form input[type="url"]{ 
padding:15px 0 15px 20px;
}

#form-field-message{
    padding:20px 20px 0 20px;
}
#form-field-message:focus{
    border: 1.5px solid #00A0FF;
}

.elementor-field::-webkit-input-placeholder {
  color: rgba(51, 50, 100, 0.4) !important;
  opacity: 1 !important;
}

.elementor-field:-moz-placeholder {
  color: rgba(51, 50, 100, 0.4) !important;
  opacity: 1 !important;
}

.elementor-field::-moz-placeholder {
  color: rgba(51, 50, 100, 0.4) !important;
  opacity: 1 !important;
}

.elementor-field:-ms-input-placeholder {
  color: rgba(51, 50, 100, 0.4) !important;
  opacity: 1 !important;
}

.PVN{
    font-size:0.875rem;
    line-height:1.3rem;
}

#CUSendBtnL{
    margin-top:20px;
    margin-bottom:0;
}

.elementor-form .elementor-field-type-acceptance label{
    display:inline-block!important;
    font-size:0.875rem;
    line-height: 1.3rem!important;
    color:rgba(20, 16, 45, 0.8)!important;
    margin-top:0;
}

.elementor-form .elementor-acceptance-field[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.elementor-form .elementor-field-type-acceptance label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5;
  color: #14102D;
}

.elementor-form .elementor-field-type-acceptance label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #00A0FF;
  border-radius: 4px;
  background: #fff;
  transition: all 0.2s ease;
}

.elementor-form .elementor-field-type-acceptance label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 28%;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.elementor-form .elementor-acceptance-field[type="checkbox"]:checked + label::before {
  background: #00A0FF;
  border-color: #00A0FF;
}

.elementor-form .elementor-acceptance-field[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.elementor-form .elementor-field-type-acceptance label:hover::before {
  border-color: #00A0FF;
}

@media (max-width:767px){
  .elementor-form .elementor-field-type-acceptance label::before {
  top: 22%;
}

.elementor-form .elementor-field-type-acceptance label::after {
  top: 20%;
  }
}

.elementor-form .elementor-message-success {
  display: none !important;
}

.thankyou-toast {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: #43BF90;
  color: #fff;
  font-size: 1rem;
  border-radius: 5px;
  padding: 1rem 1.5rem;
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
  z-index: 99;
  width: auto;
  max-width: 320px;
  opacity: 0;
  transform: translateX(16px);
  pointer-events: none;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.thankyou-toast.is-visible {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.thankyou-toast p {
  margin: 0;
  line-height: 1.4;
}

/* ----------- Case Study Forms ----------- */

.cs_contact .elementor-form .elementor-field-type-acceptance label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5;
  color: #fff!important;
}

.cs_contact input[type="text"]:focus, 
.cs_contact input[type="email"]:focus, 
.cs_contact input[type="textual"]:focus
{
border: 1.5px solid #00A0FF !important;
}

.cs_contact .elementor-form .elementor-field[type="text"]:hover,
.cs_contact .elementor-form .elementor-field[type="email"]:hover,
.cs_contact .elementor-form .elementor-field[type="tel"]:hover,
.cs_contact .elementor-form textarea:hover {
  background-color: #2c2842!important;
  box-sizing: border-box;
}

.cs_contact input[type="text"], 
.cs_contact input[type="email"], 
.cs_contact input[type="textual"]{ 
  padding:15px 0 15px 20px;
}

.cs_contact #form-field-message{
    padding:15px 0 0 20px;
}

.cs_contact #form-field-message:focus{
    border: 1.5px solid #00A0FF!important;
}

.cs_contact .elementor-field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  opacity: 1 !important;
}

.cs_contact .elementor-field:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  opacity: 1 !important;
}

.cs_contact .elementor-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  opacity: 1 !important;
}

.cs_contact .elementor-field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  opacity: 1 !important;
}

.cs_contact .elementor-field-type-acceptance label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #00A0FF;
  border-radius: 4px;
  background: #14102D;
  transition: all 0.2s ease;
}

.cs_contact #CUSendBtn,
.cs_contact #CUSendBtnL{
    margin-top:10px;
    margin-bottom:0;
}


/* --- Tippy JS CSS --- */

.tippy-box[data-theme~='custom-purple'] {
  background-color: rgba(50, 45, 90, 0.3) !important;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  border-radius: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(82, 67, 191, 0.6);
  box-shadow: 0 4px 14px rgba(20, 16, 45, 0.25);
}

.tippy-box[data-theme~='custom-purple'] > .tippy-arrow::before {
  border-top-color: rgba(50, 45, 90, 0.95) !important;
}

.tippy-box[data-animation='shift-away'][data-state='hidden'] {
  opacity: 0;
  transform: translateY(6px);
}

.tippy-box[data-animation='shift-away'][data-state='visible'] {
  opacity: 1;
  transform: translateY(0);
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-duration: 0.5s;
}

.tippy-box[data-theme~='custom-purple'] {
  --tip-bw: 1px;
}

.tippy-box[data-theme~='custom-purple'][data-placement^='top'] > .tippy-arrow {
  bottom: calc(-1 * var(--tip-bw)) !important;
}

.toast {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 0.875rem;
  line-height: 1.2rem;
}

@media(max-width:767px){
    .toast{
        padding:15px;
    }
}

.toast-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toast-icon svg {
  width: 24px;
  height: 24px;
}

.toast.green {
  background: rgba(67, 191, 144, 0.1);
  color: rgba(43, 143, 107, 1);
  border-color: rgba(67, 191, 144, 0.5);
}

.toast.green .toast-icon {
  background: rgba(67, 191, 144, 0.2);
}

.toast.green .toast-icon svg {
  stroke: rgba(43, 143, 107, 1);
}

.toast.orange{
  background: rgba(255, 200, 120, 0.25);
  color: #8A4500;
  border-color: rgba(200, 120, 20, 0.35);
  border-radius:10px;
}

.toast.orange .toast-icon {
  background: rgba(255, 170, 60, 0.35); 
}

.toast.orange .toast-icon svg {
  stroke: #8A4500;
}

.toast.darkB{
  background: rgba(20, 16, 45, 0.04);
  color: #14102D;
  border-color: rgba(20, 16, 45, 0.35);
}

.toast.darkB .toast-icon {
  background: rgba(20, 16, 45, 0.1); 
}

.toast.darkB .toast-icon svg {
  stroke: #14102D;
}

.toast.red{
  background: rgba(209, 17, 73, 0.05);
  color: rgba(209, 17, 73, 1);
  border-color: rgba(209, 17, 73, 0.35);
}

.toast.red .toast-icon {
  background: rgba(209, 17, 73, 0.2); 
}

.toast.red .toast-icon svg {
  stroke: rgba(209, 17, 73, 1);
}

.toast.blue{
  background: rgba(0, 160, 255, 0.05);
  color: rgba(0, 128, 204, 1);
  border-color: rgba(0, 160, 255, 0.35);
}

.toast.blue .toast-icon {
  background: rgba(0, 160, 255, 0.15); 
}

.toast.blue .toast-icon svg {
  stroke: rgba(0, 128, 204, 1);
}

.toast.purple{
  background: rgba(82, 67, 191, 0.05);
  color: rgba(102, 87, 229, 1);
  border-color: rgba(124, 110, 245, 0.5);
}

.toast.purple .toast-icon {
  background: rgba(124, 110, 245, 0.25); 
}

.toast.purple .toast-icon svg {
  stroke: rgba(102, 87, 229, 1);;
}

.P1.toast{
    padding: 5px 10px 5px 6px;
    border-radius:5px;
    line-height:1.2rem;
    gap:10px;
}

.ad-icon{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ad-icon svg {
  width: 20px;
  height: 20px;
}

@keyframes roll-mobile {
    0%, 13.33% { transform: translateY(0); }
    16.67%, 30% { transform: translateY(-2.6rem); }
    33.33%, 46.67% { transform: translateY(-5.2rem); }
    50%, 63.33% { transform: translateY(-7.8rem); }
    66.67%, 80% { transform: translateY(-10.4rem); }
    83.33%, 96.67% { transform: translateY(-13rem); }
    100% { transform: translateY(-15.6rem); }
  }
  
  .scroll-down-icon {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 9999;
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
}

.scroll-down-icon.fade-out {
    opacity: 0;
}

.mouse {
    width: 22.5px;
    height: 37.5px;
    border: 2px solid #fff;
    border-radius: 20px;
    position: relative;
    margin: 0 auto;
}

.scroll-wheel {
    width: 3px;
    height: 7.5px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 1.5s ease-in-out infinite;
}


@keyframes scroll {
    0% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(10px);
    }
    100% {
        transform: translateX(-50%) translateY(0);
    }
}

@media (max-width: 1200px) {
    .mouse {
        display: none;
    }
}

@media (max-width:767px){
    .scroll-down-icon {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 9999;
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
    }
}

.project-details-grid {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 60px;
  row-gap: 5px;
  color: #FFF;
  font-weight: 400;
}

.cs_links {
  color: #2d2569;
  text-decoration: none;
}

.cs_links:hover {
  color: #2d2569;
}
.deliverables-list{
    color:#fff;
    list-style: none;
    margin: 0;
    padding: 0;
}

.deliverables-list a {
  display: inline-block;
  color:#fff;
}

.deliverables-list a:hover {
  color:#fff;
}

.deliverables-list li {
  margin: 0 0 3px;
}

@media (max-width: 767px) {
  .break {
    display: none;
  }
}

.case-study-grid {
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content:space-between;
  align-items: stretch;
}

.case-study-grid__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 80px;
    background: none;
    box-sizing: border-box;
    padding: 0;
}

.case-study-grid__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.case-study-label {
    font-size: 1.8rem;
    font-weight: 700;
    color: rgba(20, 16, 45, 1);
    text-align: left;
    margin: 0;
}

.label-number-wrap {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}

.percent-symbol {
  font-weight: 700;
  color: rgba(20, 16, 45, 1);
}

.case-study-value {
    font-size: 0.875rem;
    color: rgba(20, 16, 45, 0.8);
    text-align: center;
    margin-top: 8px;
}

.spin-number {
  display: inline-block;
  width: 2ch;
  font-variant-numeric: tabular-nums;
  transition: filter 0.3s ease, opacity 0.3s ease;
  opacity: 1;
}

@media(max-width:767px){
.case-study-label {
    font-size: 1.4rem;
    font-weight: 650;
    color: rgba(20, 16, 45, 1);
    text-align: left;
    margin: 0;
}
.case-study-value {
    font-size: 0.75rem;
    line-height:1rem;
    color: rgba(20, 16, 45, 0.8);
    text-align: center;
    margin-top: 8px;
    }
 }
 
 .cross-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cross-list li {
  position: relative;
  display: block;
  width: fit-content;
  padding: 8px 14px 8px 60px;
  margin-bottom: 10px;
}


.cross-list li::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0.6em;
  transform: translateY(0);
  width: 24px;
  height: 24px;
  background: no-repeat center/contain url('/wp-content/uploads/2025/09/circle-CrossSRS.svg');
}

:root{
  --axis-blue:#00A0FF;
  --axis-navy:#2d2569;
  --axis-ink:rgba(20, 16, 45, 1);
  --axis-grey:#f2f4f7;
  --radius:10px;
}

.stats-card{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-radius:var(--radius);
  overflow:hidden;
  max-width:980px;
  margin:0 auto;
}

.stat{
  min-height:240px;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  position:relative;
}
.stat--dark{ background:#14102d; color:#fff; }
.stat--brand{ background:var(--axis-blue); color:#fff; }
.stat--light{ background:var(--axis-grey); color:var(--axis-ink); }
.stat--white{ background:#fff; color:var(--axis-ink); }

.stat__icon{
  width:40px;
  height:40px;
  margin-bottom:14px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.stat__icon svg{
  display:block;
  width:100%;
  height:100%;
}

.stat__num{
  font-weight:700;
  font-size:clamp(2.2rem, 6vw, 3.5rem);
  line-height:1;
  display:flex;
  align-items:baseline;
  gap:0.25rem;
}

.stat__label{
  margin-top:10px;
  font-size:0.875rem;
  font-weight:500;
  line-height:1.2;
  letter-spacing:0;
  max-width:20ch;
}

.stat--white .stat__icon svg{
  width:36px;
  height:36px;
}

@media (prefers-reduced-motion: reduce){
  .count{ transition:none !important; }
}

@media(max-width:767px){
    .stat{ min-height:190px;}
}

@keyframes slideDownAD {
    from {
        transform: translate3d(0, -300px, 0); 
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.elementor-popup-slideDownAD {
    animation-name: slideDownAD;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@media screen and (max-width: 768px) {
    .elementor-popup {
        padding-bottom: 80px;
    }
}

.toast.breadcrumb-toast {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px 4px 4px;
  line-height: 1;
  min-height: auto;
  border-radius:100px;
  gap: 10px;
}

.toast.breadcrumb-toast .rank-math-breadcrumb {
  display: inline;
  font-size: 14px;
  
}

.rank-math-breadcrumb a{
    font-size: 14px;
    color:#14102d;
}

.breadcrumb-toast svg{
    width:12px;
    height:12px;
}

.breadcrumb-toast .toast-icon {
    border-radius:100px;
}

.toast.breadcrumb-toast .toast-icon {
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

.BFades::before,
.BFades::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 160px;
  pointer-events: none;
  z-index: 10;
}

.BFades::before {
  left: -2px;
  background: linear-gradient(to right, #FAFBFC 0%, transparent 50%);
}

.BFades::after {
  right: -2px;
  background: linear-gradient(to left, #FAFBFC 0%, transparent 50%);
}

.BFadesR::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 160px;
  pointer-events: none;
  z-index: 10;
}

.BFadesR::after {
  right: -2px;
  background: linear-gradient(to left, #FAFBFC 0%, transparent 100%);
}

.iso-fade {
  background-image:
    linear-gradient(
      to bottom,
      #fafbfc 20%,
      rgba(250, 251, 252, 0) 100%
    ),

    repeating-linear-gradient(
      30deg,
      rgba(20, 16, 45, 0.1) 0,
      rgba(20, 16, 45, 0.1) 0.5px,
      transparent 1px,
      transparent 15px
    ),

   repeating-linear-gradient(
      150deg,
      rgba(20, 16, 45, 0.1) 0,
      rgba(20, 16, 45, 0.1) 0.5px,
      transparent 1px,
      transparent 15px
    );
    
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100% 1260px, auto, auto;
}

@media (max-width: 767px) {
  .iso-fade {
    background-size: 100% 1100px, auto, auto;
  }
}
  
@media (min-width: 768px) and (max-width: 1366px) {
  .iso-fade {
    background-size: 100% 700px, auto, auto;
  }
}

.iso-fadeD{
      background-image:
    linear-gradient(
      to bottom,
      #14102d 20%,
      rgba(20, 16, 45, 0) 100%
    ),

    repeating-linear-gradient(
      30deg,
      rgba(255,255,255, 0.09) 0,
      rgba(255,255,255, 0.09) 0.5px,
      transparent 1px,
      transparent 15px
    ),

    repeating-linear-gradient(
      150deg,
      rgba(255,255,255, 0.09) 0,
      rgba(255,255,255, 0.09) 0.5px,
      transparent 1px,
      transparent 15px
    );
}

.cky-audit-table-element {
  margin-top: 2rem;
  font-size: 14px;
}

.cky-cookie-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

.cky-cookie-table th {
  text-align: left;
  padding: 12px;
  background: rgba(20, 16, 45, 0.06);
  color: #14102d;
  font-weight: 600;
  border-bottom: 1px solid rgba(20, 16, 45, 0.15);
}

.cky-cookie-table td {
  padding: 12px;
  color: #14102d;
  border-bottom: 1px solid rgba(20, 16, 45, 0.1);
  vertical-align: top;
}

.cky-cookie-category {
  font-weight: 600;
}

.cky-always-active {
  color: rgba(20, 16, 45, 0.6);
  font-size: 12px;
}

.PolicyH h2{
    font-size:1.3rem;
    font-weight: 700;
    color:#14102d;
}

.PolicyH h3{
    font-size:1.1rem;
    font-weight: 700;
    color:#14102d;
}

@media (max-width: 767px) {
  .cky-btn-revisit-wrapper {
    display: none !important;
  }
}

#privacy_policy a{
    font-size:0.875rem;
}

.mm-image-text {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mm-image-text img {
  display: block;
  width: 40px;
  height: auto;
  flex-shrink: 0;
}

.mm-image-text span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color:#fff;
}

.wipe-wrap {
  --wipe-bg: #fafbfc;
  background-color: var(--wipe-bg);
  position: relative;
  overflow: hidden; 
  border-radius: 10px;
}

.wipe-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.wipe-cover {
  position: absolute;
  inset: 0;
  background-color: var(--wipe-bg);
  transform: translateX(0);
  transition: transform 0.55s cubic-bezier(.4,0,.2,1);
}

.wipe-wrap.is-revealed .wipe-cover {
  transform: translateX(-100%);
}

.section-white .wipe-wrap {
  --wipe-bg: #ffffff;
}

.section-blue .wipe-wrap {
--wipe-bg:#e5f5ff;
}

.section-dark .wipe-wrap {
  --wipe-bg: #14102d;
}

.wipe-verticaltb .wipe-cover {
  transform: translateY(0);
}

.wipe-verticaltb.is-revealed .wipe-cover {
  transform: translateY(100%);
}

.wipe-verticalbt .wipe-cover {
  transform: translateY(0);
}

.wipe-verticalbt.is-revealed .wipe-cover {
  transform: translateY(-100%);
}

.wipe-no-radius {
  border-radius: 0;
}

.wipe-no-radius .wipe-cover {
  border-radius: 0;
}

.usp-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.pill-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.pill {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 160, 255, 0.05);
  border: 1px solid rgba(0, 160, 255, 0.5);
  border-radius: 9999px;
  color: rgba(0, 160, 255, 1);
  height: 40px;
  width: 40px; 
  overflow: hidden;
  white-space: nowrap;
}

.check {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  flex-shrink: 0;
}

.text {
  opacity: 0;
  transform: translateX(-10px);
  padding-right: 14px;
}

.e-n-tabs .e-n-tab-content .pill-list .pill,
.e-n-tabs .e-n-tab-content .usp-list .pill {
  width: 40px !important;
  overflow: hidden !important;
  flex: none !important;
  white-space: nowrap !important;
}

.e-n-tabs .e-n-tab-content .pill-list .text,
.e-n-tabs .e-n-tab-content .usp-list .text {
  opacity: 0 !important;
  transform: translateX(-10px) !important;
}

.image-expand {
  position: relative;
  display: flex;
  gap: 15px;
  width: 100%;
  height: 400px;
}

.image-expand .panel {
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  background-size: cover;
  background-position: center;
  transition: flex-grow 0.45s ease;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  min-width: 0;
}

.image-expand .panel:hover {
  flex-grow: 2;
}

.image-expand .panel-content{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25%;
  min-height: 90px;
  max-height: 120px;
  background: linear-gradient(
    to top,
    rgba(20,16,45,0.9) 0%,
    rgba(20,16,45,0.75) 45%,
    rgba(20,16,45,0.4) 75%,
    rgba(20,16,45,0) 100%
  );
  display: flex;
  align-items: flex-end;
}

.image-expand .panel-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
  width: 100%;
  box-sizing: border-box;
}

.image-expand .panel-text {
  width: 100%;
}

.image-expand h3 {
  margin: 0 0 6px;
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.image-expand p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.2;
  color: rgba(255,255,255,0.8);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.cursor-pill{
  position: fixed;
  transform: translate(-50%, -50%);
  background: rgba(0, 160, 255, 0.8);
  border:1px solid rgba(0, 160, 255, 1);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
  opacity: 0;
  z-index: 9999;
  white-space: nowrap;
}

.cursor-pill svg{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.cursor-pill{
  transform: translate(12px, -50%);
}

.panel-cta {
  display: none;
  margin-top: 16px;
  align-self: flex-start;
  font-size: 0.85rem;
  font-weight: 400;
  color: #fff;
  padding:8px 16px;
}

@media (max-width: 767px) {
  .image-expand {
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 40px;
  }

  .image-expand .panel {
    flex: none;
    height: 240px;
    cursor: default;
    transition: none;
  }

  .image-expand .panel-content {
    position: absolute;
    inset: auto 0 0 0;
    height: auto;
  }

  .image-expand .panel-inner {
    display: grid!important;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
  }

  .image-expand .panel-text {
    width: 100%;
  }

  .panel-cta {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-size: 0.85rem;
    margin-top: 0;
  }

  .image-expand h3 {
    white-space: normal;
  }

  .image-expand p {
    -webkit-line-clamp: 2;
  }

  .cursor-pill {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  .cky-revisit-bottom-left {
    left: 40px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('https://axisdata.co.uk/wp-content/uploads/2024/12/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BricolageGrotesque';
	font-display: auto;
	src: url('https://axisdata.co.uk/wp-content/uploads/2025/10/BricolageGrotesque-VariableFont_opszwdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */