@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
:root {
  --primary-main-color: #121b67;
  --black: #00080E;
  --white: #fff;
  --manrope: "Manrope", sans-serif;
}

::selection {
  background: var(--primary-main-color);
  color: var(--white);
}

html,
body {
  font-family: var(--manrope);
  width: 100%;
  height: 100%;
  background-color: var(--black);
}

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

img,
video {
  max-width: 100%;
}

a {
  text-decoration: none;
}

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

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

body {
  width: 100%;
}

main {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
}

body.open-sidebar .sidebar-bg,
body.open-sidebar .sidebar {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

body.open-careers-form .careers-form,
body.open-careers-form .careers-form-wrapper,
body.open-careers-form .careers-form-bg,
body.open-inquiry-form .product-inquiry-form,
body.open-inquiry-form .product-inquiry-form-bg {
  opacity: 1;
  visibility: visible;
}

body.open-sidebar .sidebar {
  transition-delay: 0.2s;
}

:root {
  --sidebar-bg: #0b1f3a;
  /* main blue */
  --sidebar-hover: #141f79;
  /* hover blue */
  --sidebar-border: rgba(255, 255, 255, 0.08);
  --text-color: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.75);
}

/* Overlay */
.sidebar-bg {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 101;
}

/* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 360px;
  background: var(--primary-main-color);
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.25);
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
  z-index: 102;
  display: flex;
  flex-direction: column;
}

/* Open state (add via JS) */
.sidebar.open,
.sidebar-bg.open {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

/* Header */
.sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid var(--sidebar-border);
}

/* Body */
.sidebar-body {
  flex: 1;
  overflow-y: auto;
  padding: 10px 0;
}

/* Main menu */
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-menu > li {
  border-bottom: 1px solid var(--sidebar-border);
}

/* Links */
.sidebar-menu li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  color: var(--text-color);
  font-size: 15px;
  text-decoration: none;
  transition: 0.25s;
}

.sidebar-menu > li > a:hover {
  background: var(--sidebar-hover);
}

/* Submenu container */
.has-submenu ul {
  display: none;
  padding: 8px 0;
  background: rgba(255, 255, 255, 0.03);
}

.has-submenu > a img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transform-origin: center;
}

.has-submenu.open ul {
  display: block;
}

.has-submenu.open > a img {
  transform: rotate(180deg);
}

/* Section title */
.submenu strong {
  display: block;
  padding: 10px 18px;
  font-size: 13px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-left: 3px solid rgba(255, 255, 255, 0.2);
  margin-top: 6px;
}

/* Submenu links */
.submenu li ul li a {
  display: block;
  padding: 10px 26px;
  font-size: 14px;
  color: var(--text-color);
  text-decoration: none;
  transition: 0.2s;
}

.submenu li ul li a:hover {
  background: var(--sidebar-hover);
}

/* Nested spacing */
.has-submenu ul li {
  margin: 0;
}

.primary-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
  padding: 10px 25px;
  border: none;
  border-radius: 50px;
  background: linear-gradient(180deg, rgba(52, 67, 180, 0.55) 0%, rgba(90, 36, 182, 0.35) 50%, rgba(17, 30, 131, 0.25) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 0 30px rgba(45, 65, 212, 0.6);
  overflow: hidden;
  z-index: 1;
  transition: all 0.5s ease;
}
.primary-btn:hover {
  padding-right: 50px;
}
.primary-btn:hover img {
  transform: translate(-80%, -50%);
}
.primary-btn img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(150%, -50%);
  transition: all 0.5s ease;
}
.primary-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 1.5px;
  background: linear-gradient(90deg, #1E36E9 0%, #FFDD76 50%, #1E36E9 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: -1;
}

.primary-title {
  font-weight: 700;
  font-size: clamp(30px, 3vw, 40px);
  color: #FFFFFF;
  text-transform: capitalize;
  line-height: 1.2;
}
.primary-title span {
  background: linear-gradient(90deg, #5087FF -47.59%, #B971E0 47.86%, #FDCA70 102.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.primary-span {
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  align-items: center;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.primary-span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #2162C3;
}

section {
  padding: 50px 0;
}

.top-heading {
  position: relative;
  padding-left: 20px;
  color: rgba(255, 255, 255, 0.6);
  display: inline-flex;
  font-size: clamp(16px, 3vw, 18px);
}
.top-heading::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  background: #2162C3;
  transform: translateY(-50%);
}

.pin-spacer {
  max-width: 100%;
}

.iti {
  width: 100% !important;
}

/* header style start */
header {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  padding: 20px 0;
  z-index: 9;
}
header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(15px);
  z-index: -1;
}
@media screen and (max-width: 991.98px) {
  header {
    padding: 15px 0px;
  }
}
header .main-menu {
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
header .main-menu li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
header .main-menu li img {
  padding-top: 5px;
}
header .main-menu li a {
  padding: 5px 0px;
  color: var(--white);
}
header .main-menu li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
}
header .main-menu > li > a {
  background-image: linear-gradient(90deg, #25136D 0%, #7D71E0 46.16%, #FDCA70 99.36%);
  background-position: 0 100%;
  background-size: 0% 2px;
  background-repeat: no-repeat;
  transition: background-size 0.3s, background-position 0s 0.3s;
}
header .main-menu > li > a:hover {
  background-position: 100% 100%;
  background-size: 100% 2px;
}
header .main-menu .mega-menu {
  position: absolute;
  background: rgba(85, 103, 183, 0.2);
  backdrop-filter: blur(80px);
  top: 60px;
  left: 0;
  width: 100%;
  padding: 20px;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
header .main-menu .mega-menu::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, rgba(86, 86, 86, 0) 50.29%, #135AC3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: 0.3s linear;
  z-index: -1;
}
header .main-menu .mega-menu.partner-mega-menu {
  left: 260px;
  max-width: 500px;
}
header .main-menu .mega-menu .mega-menu-heading {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding-bottom: 10px;
}
header .main-menu .mega-menu .meagmenu-list {
  margin: 20px 0px;
}
header .main-menu .mega-menu .meagmenu-list .hover-shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(85, 103, 183, 0.2);
  backdrop-filter: blur(100px);
  border-radius: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
header .main-menu .mega-menu .meagmenu-list .meagmenu-item {
  margin-bottom: 15px;
}
header .main-menu .mega-menu .meagmenu-list .meagmenu-item a {
  position: relative;
  display: flex;
  padding: 10px 10px;
  z-index: 1;
  align-items: center;
  gap: 14px;
}
header .main-menu .mega-menu .meagmenu-list .meagmenu-item a .meagmenu-icon {
  position: relative;
  border-radius: 8px;
  background: rgba(19, 90, 195, 0.1019607843);
  padding: 10px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 36px -9px #598CD8;
}
header .main-menu .mega-menu .meagmenu-list .meagmenu-item a .meagmenu-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, #4CA7DC 50.29%, #135AC3 97.48%);
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
header .main-menu .mega-menu .meagmenu-list .meagmenu-item a .meagmenu-icon img {
  padding-top: 0px;
}
header .main-menu .mega-menu .meagmenu-list .meagmenu-item a span {
  color: var(--white);
  font-size: 16px;
}
header .main-menu .mega-menu .meagmenu-content-box {
  border: 1px solid rgba(85, 103, 183, 0.2);
  background: rgba(0, 8, 14, 0.1019607843);
  border-radius: 10px;
  padding: 24px;
  height: 100%;
}
header .main-menu .mega-menu .meagmenu-content-box ul {
  padding: 0;
  margin: 0;
}
header .main-menu .mega-menu .meagmenu-content-box ul li {
  width: 100%;
  margin-bottom: 15px;
}
header .main-menu .mega-menu .meagmenu-content-box ul li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  padding: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
header .main-menu .mega-menu .meagmenu-content-box ul li a img {
  position: relative;
  top: 40px;
  transition: all 0.3s ease;
  padding-top: 0px;
}
header .main-menu .mega-menu .meagmenu-content-box ul li a:hover {
  color: white;
}
header .main-menu .mega-menu .meagmenu-content-box ul li a:hover img {
  top: 0px;
}

/* header style close */
/* banner style start */
.banner {
  background: url("../../images/banner-bg.png") no-repeat;
  padding: 100px 0px;
  display: flex;
  justify-content: center;
  background-position: top center;
  align-items: center;
}
.banner.services-banner {
  background: url("../../images/innerbanner2.png") no-repeat;
  background-size: cover;
  background-position: bottom;
}
@media screen and (max-width: 991.98px) {
  .banner {
    padding-bottom: 30px;
  }
  .banner .col-lg-5 {
    margin-top: 50px;
  }
}
.banner .primary-title {
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  max-width: 700px;
  text-transform: capitalize;
}
.banner p {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 400;
  color: #fff;
  margin: 20px 0px 40px 0px;
}
.banner .trusted-badge {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 991.98px) {
  .banner .trusted-badge {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width: 500px) {
  .banner .trusted-badge {
    margin-top: 16px;
  }
}
.banner .trusted-badge .trusted-text {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 400;
  color: #fff;
  width: 70%;
}
.banner .trusted-badge .trusted-image-main {
  position: relative;
  overflow: hidden;
}
.banner .trusted-badge .trusted-image-main:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(280deg, #040d24 -1%, rgba(0, 8, 14, 0) 87%);
}
@media screen and (max-width: 991.98px) {
  .banner .trusted-badge .trusted-image-main:before {
    display: none;
  }
}
.banner .trusted-badge .trusted-image-main:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(280deg, #00080E -1%, rgba(0, 8, 14, 0) 87%);
}
.banner .trusted-badge .trusted-logos {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  gap: 20px;
  align-items: center;
  gap: 50px;
  width: max-content;
  animation: marquee 20s linear infinite;
}
.banner .trusted-badge .trusted-logos img {
  width: auto;
  flex-shrink: 0;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* banner style close */
/* About Us section style start */
.about-us {
  position: relative;
  overflow: hidden;
  /* Marquee Animation */
}
.about-us .about-images {
  position: relative;
  z-index: 1;
}
.about-us:before {
  position: absolute;
  content: "";
  top: 0;
  left: -300px;
  width: 839px;
  height: 839px;
  background: url(../../images/about-left.png) no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
@media screen and (max-width: 991.98px) {
  .about-us:before {
    display: none;
  }
}
.about-us:after {
  position: absolute;
  content: "";
  top: 0;
  right: -300px;
  width: 891px;
  height: 891px;
  background: url(../../images/about-right.png) no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.about-us .sub-heading {
  color: rgba(255, 255, 255, 0.6);
  font-size: clamp(16px, 3vw, 18px);
}
.about-us p {
  font-size: clamp(22px, 3vw, 36px);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin: 50px 0px;
}
@media screen and (max-width: 991.98px) {
  .about-us p {
    margin: 25px 0px;
  }
}
.about-us p span {
  color: var(--white);
}
.about-us .about-logo {
  display: flex;
  align-items: center;
  gap: 100px;
  width: max-content;
  overflow: hidden;
  animation: aboutMarquee 20s linear infinite;
  margin-top: 100px;
}
@media screen and (max-width: 991.98px) {
  .about-us .about-logo {
    margin-top: 50px;
    gap: 50px;
  }
}
.about-us .about-logo img {
  height: 55px;
  width: auto;
  flex-shrink: 0;
}
@keyframes aboutMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* About Us section style close */
/* Out Stack section style start */
.our-stack {
  position: relative;
  overflow: hidden;
}
.our-stack .our-stack-left {
  position: absolute;
  top: -400px;
  left: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.4;
}
.our-stack .our-stack-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.4;
}
.our-stack.active .our-stack-main {
  padding: 0 0px;
  transition-delay: 0.6s;
}
.our-stack .our-stack-main {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 1s ease;
  margin: 100px 0px;
  padding: 0 250px;
}
@media screen and (max-width: 991.98px) {
  .our-stack .our-stack-main {
    margin: 50px 0px;
    padding: 0 !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
  }
}
.our-stack .our-stack-main img {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.6) 15.61px -2.75px 64.74px -9.18px;
  margin-left: -150px;
  transform: rotate3d(6, 10, 1, 40deg);
  transition: 0.4s;
}
@media screen and (max-width: 991.98px) {
  .our-stack .our-stack-main img {
    margin-left: 0;
    transform: unset;
    width: 48%;
  }
}
.our-stack .our-stack-main img:nth-child(1) {
  z-index: 7;
}
.our-stack .our-stack-main img:nth-child(2) {
  z-index: 6;
}
.our-stack .our-stack-main img:nth-child(3) {
  z-index: 5;
}
.our-stack .our-stack-main img:nth-child(4) {
  z-index: 4;
}
.our-stack .our-stack-main img:nth-child(5) {
  z-index: 3;
}
.our-stack .our-stack-main img:nth-child(6) {
  z-index: 2;
}
.our-stack .our-stack-main img:nth-child(7) {
  z-index: 1;
}
.our-stack .our-stack-main img:first-child {
  margin-left: 0;
}

/* Out Stack section style close */
/* Our Service Section style start */
.our-services .sub-heading {
  color: rgba(255, 255, 255, 0.6);
  font-size: clamp(16px, 3vw, 18px);
}
.our-services .our-service-box {
  position: relative;
  border-radius: 25px;
  transition: all 0.3s ease;
  height: 100%;
  overflow: hidden;
}
.our-services .our-service-box:hover:before {
  transform: translate(0px, 0);
}
.our-services .our-service-box:hover .primary-btn {
  opacity: 1;
}
.our-services .our-service-box:hover .our-service-content {
  transform: translateY(0px);
}
.our-services .our-service-box:hover > img {
  transform: scale(1.1);
}
.our-services .our-service-box .primary-btn {
  opacity: 0;
  transition: all 0.6s ease;
}
.our-services .our-service-box:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate(0px, 100%);
  border-radius: 25px;
  backdrop-filter: blur(15px);
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.6s ease;
  z-index: 1;
}
.our-services .our-service-box:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(174.62deg, #135AC3 3.1%, rgba(19, 90, 195, 0) 50.29%, #135AC3 97.48%);
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
.our-services .our-service-box > img {
  transition: all 0.9s ease;
}
.our-services .our-service-box img {
  border-radius: 25px;
}
@media screen and (max-width: 991.98px) {
  .our-services .our-service-box img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}
.our-services .our-service-box .our-service-content {
  position: absolute;
  bottom: 0;
  left: 0px;
  padding: 20px;
  z-index: 1;
  transform: translateY(50px);
  transition: all 0.6s ease;
  overflow: hidden;
}
.our-services .our-service-box .our-service-content h3 {
  font-size: clamp(18px, 3vw, 20px);
  font-weight: 700;
  color: var(--white);
}
.our-services .our-service-box .our-service-content p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  margin: 10px 0px;
  line-height: 1.1;
  margin-bottom: 20px;
}

/* Our Service Section style close */
/* Why Us Section style start */
.why-us {
  padding-top: 100px;
}
@media screen and (max-width: 500px) {
  .why-us .primary-title {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .why-us {
    padding-top: 0px !important;
  }
}
.why-us p {
  color: rgba(255, 255, 255, 0.6);
  font-size: clamp(14px, 3vw, 16px);
  margin-bottom: 24px;
  line-height: 1.1;
}
.why-us .why-heading {
  color: var(--white);
  font-size: clamp(16px, 3vw, 18px);
  margin-bottom: 24px;
  display: block;
  text-transform: capitalize;
}
.why-us .why-us-main {
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 20px;
  padding: 20px;
}
@media screen and (max-width: 991.98px) {
  .why-us .why-us-main {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 500px) {
  .why-us .why-us-main {
    margin-bottom: 20px;
  }
}
.why-us .why-us-main .why-us-box {
  display: flex;
  gap: 25px;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  box-shadow: 0px 0px 1px 0.5px rgba(0, 0, 0, 0.1019607843);
  background: linear-gradient(180deg, rgba(37, 19, 109, 0.1) 0%, rgba(19, 90, 195, 0.2) 100%);
  border-radius: 12px;
  padding: 20px;
  overflow: hidden;
  margin-bottom: 15px;
}
@media screen and (max-width: 991.98px) {
  .why-us .why-us-main .why-us-box {
    height: auto;
  }
}
.why-us .why-us-main .why-us-box .line {
  height: 32px;
  width: 3px;
  border-radius: 100px;
  background: #FFFFFF;
}
.why-us .why-us-main .why-us-box .whyus-text h2 {
  color: var(--white);
  font-size: clamp(20px, 3vw, 24px);
  font-weight: 600;
  margin-bottom: 10px;
}
.why-us .why-us-main .why-us-box .whyus-text p {
  color: rgba(255, 255, 255, 0.6);
  font-size: clamp(14px, 3vw, 16px);
  margin-bottom: 0px;
  opacity: 0;
}
@media screen and (max-width: 991.98px) {
  .why-us .why-us-main .why-us-box .whyus-text p {
    opacity: 1;
  }
}
.why-us .why-us-main .why-us-box .whyus-icon img {
  opacity: 0;
  max-width: 68px;
  min-width: 68px;
}
@media screen and (max-width: 991.98px) {
  .why-us .why-us-main .why-us-box .whyus-icon img {
    opacity: 1;
  }
}

/* Why Us Section style Close */
.contact-us-banner {
  background: url(../../images/contact-us-banner.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0px;
  padding-top: 150px;
}
@media screen and (max-width: 991.98px) {
  .contact-us-banner {
    padding: 70px 0px;
    padding-top: 100px;
  }
}
.contact-us-banner .desc {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}
.contact-us-banner .contactusbanner-info {
  position: relative;
  background: rgba(85, 103, 183, 0.1019607843);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 15px;
}
.contact-us-banner .contactusbanner-info::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(209deg, rgba(0, 0, 0, 0) 0%, #135AC3 50%, rgba(0, 0, 0, 0) 100%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 12px;
}
.contact-us-banner .contactusbanner-info .contactusbanner-head {
  color: var(--white);
  font-size: clamp(16px, 3vw, 20px);
}
.contact-us-banner .contactusbanner-info .contactusbanner-body span {
  color: rgba(255, 255, 255, 0.4);
  margin: 10px 0px;
  display: block;
  line-height: 1.1;
}
.contact-us-banner .contactusbanner-info .contactusbanner-body a {
  color: var(--white);
  display: block;
}

/* Privacy Content Section style start */
.privacy-content {
  position: relative;
}
.privacy-content .side-bar {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  position: sticky;
  top: 100px;
}
.privacy-content .side-bar .sidebar-content ul li {
  list-style: none;
}
.privacy-content .side-bar .sidebar-content ul li.active {
  border-radius: 8px;
  box-shadow: 0px 0px 36px -9px #3B16CF;
  backdrop-filter: blur(10px);
  background: linear-gradient(0deg, #4E5CC9 0%, #111E83 100%);
}
.privacy-content .side-bar .sidebar-content ul li a {
  display: block;
  color: #C8C8C8;
  font-size: 16px;
  padding: 14px 20px;
}
.privacy-content .para-main .para-wrapper {
  margin-bottom: 50px;
}
@media screen and (max-width: 991.98px) {
  .privacy-content .para-main .para-wrapper {
    margin-bottom: 20px;
  }
}
.privacy-content .para-main .para-wrapper h2 {
  font-size: clamp(30px, 4vw, 40px);
  color: var(--white);
  margin-bottom: 15px;
}
.privacy-content .para-main .para-wrapper h3 {
  font-size: clamp(20px, 3vw, 24px);
  color: var(--white);
  margin-bottom: 15px;
}
.privacy-content .para-main .para-wrapper p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: capitalize;
  line-height: 1.2;
}

/* Privacy Content Section style close */
.our-partner .our-partner-card {
  aspect-ratio: 352/300;
  background-color: rgba(85, 103, 183, 0.1019607843);
  backdrop-filter: blur(16px);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.our-partner .our-partner-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(180deg, #135AC3 0%, #000000 100%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: 0.3s linear;
  opacity: 0;
  z-index: -1;
}
.our-partner .our-partner-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/partner-card-bottom.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  transition: 0.3s linear;
  opacity: 0;
  transform: translateY(20px);
  z-index: -1;
}
.our-partner .our-partner-card:hover::after {
  opacity: 1;
}
.our-partner .our-partner-card:hover::before {
  opacity: 1;
  transform: translateY(0);
}
.our-partner .our-partner-card img {
  position: relative;
  display: block;
  max-width: 80%;
  z-index: 1;
}

.industries-we-save.automation {
  position: relative;
}
.industries-we-save.automation .industries-card {
  position: relative;
  gap: 50px;
  height: calc(100% - 40px);
}
.industries-we-save.automation .industries-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  border-radius: 16px;
  pointer-events: none;
  background: linear-gradient(var(--gradient-angle), #135ac3 2.51%, rgba(0, 0, 0, 0) 30.85%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: rotateGradient 4s linear infinite;
}
.industries-we-save.automation .industries-card .card-img {
  box-shadow: unset !important;
}

@property --gradient-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 118deg;
}
@keyframes rotateGradient {
  from {
    --gradient-angle: 0deg;
  }
  to {
    --gradient-angle: 360deg;
  }
}
.siem-solution-card > div img {
  max-width: 200px;
}

.ind-cards-container.ind-cards-container-01 .card-img {
  box-shadow: unset !important;
}

.desc {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 auto;
}

.seim-section-one h3 {
  color: #fff;
  margin-top: 20px;
  font-size: clamp(18px, 4vw, 24px);
}

.iti__selected-dial-code {
  color: #fff;
}

.quick-stats {
  position: relative;
  overflow: hidden;
}
.quick-stats::before {
  content: "";
  position: absolute;
  width: 833px;
  height: 833px;
  top: 100px;
  left: 0;
  background-image: url("../../images/quick-stats-left.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  pointer-events: none;
  z-index: -1;
}
.quick-stats::after {
  content: "";
  position: absolute;
  width: 862px;
  height: 862px;
  top: 0;
  right: 0;
  background-image: url("../../images/quick-stats-right.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  pointer-events: none;
  z-index: -1;
}
.quick-stats .container {
  position: relative;
  z-index: 1;
}
.quick-stats .quick-stats-marquee {
  position: relative;
  display: flex;
  z-index: 1;
}
.quick-stats .quick-stats-marquee .marquee-track {
  position: relative;
  height: 679px;
  min-width: 2294px;
  width: 2294px;
  animation: marquee1 18s linear infinite;
}
.quick-stats .quick-stats-marquee .marquee-track .box {
  position: absolute;
  z-index: 1;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-1 {
  top: 89px;
  left: 170px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-2 {
  top: 80px;
  left: 638px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-3 {
  top: 101px;
  left: 1361px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-4 {
  bottom: 113px;
  left: 611px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-5 {
  bottom: 120px;
  right: 345px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-6 {
  top: 98px;
  right: 412px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-7 {
  bottom: 147px;
  left: 894px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-8 {
  top: 215px;
  left: 438px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div {
  position: relative;
  width: 315px;
  padding: 24px;
  background-color: rgba(85, 103, 183, 0.1019607843);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  aspect-ratio: 315/169;
  border-radius: 16px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  margin-bottom: 20px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 {
  bottom: 78px;
  left: 0;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div {
  position: relative;
  width: 315px;
  padding: 24px;
  background-color: rgba(85, 103, 183, 0.1019607843);
  gap: 10px;
  aspect-ratio: 315/206;
  border-radius: 16px;
  overflow: hidden;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div .video {
  position: absolute;
  right: -10px;
  bottom: -44px;
  width: 144px;
  height: 145px;
  border-radius: 1000px;
  overflow: hidden;
  box-shadow: 0px 0px 98.8px -16px #3B16CF;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div .video::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1000px;
  background: #135AC3;
  mix-blend-mode: hue;
  pointer-events: none;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div .video video {
  margin: -19px;
  width: 126%;
  height: 124%;
  display: block;
  max-width: unset;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-10 {
  top: 56px;
  left: 944px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div {
  position: relative;
  width: 315px;
  padding: 24px;
  background-color: rgba(85, 103, 183, 0.1019607843);
  aspect-ratio: 315/215;
  border-radius: 16px;
  overflow: hidden;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div .img {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 110px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-11 {
  bottom: 119px;
  right: 598px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div {
  position: relative;
  width: 315px;
  padding: 24px;
  background-color: rgba(85, 103, 183, 0.1019607843);
  gap: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 315/189;
  border-radius: 16px;
  overflow: hidden;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  margin-bottom: 20px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div .img {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 110px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-12 {
  top: 153px;
  right: 54px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div {
  position: relative;
  width: 315px;
  padding: 24px;
  background-color: rgba(85, 103, 183, 0.1019607843);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  aspect-ratio: 315/169;
  border-radius: 16px;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
}
.quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  margin-bottom: 20px;
}
@keyframes marquee1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 768px) {
  .quick-stats::before {
    width: 50%;
    height: auto;
  }
  .quick-stats::after {
    width: 50%;
    height: auto;
  }
  .quick-stats .quick-stats-marquee .marquee-track {
    height: 679px;
    min-width: 1840px;
    width: 1840px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box {
    position: absolute;
    z-index: 1;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-1 {
    top: 104px;
    left: 62px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-2 {
    top: 83px;
    left: 425px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-3 {
    top: 101px;
    left: 1109px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-4 {
    bottom: 113px;
    left: 503px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-5 {
    bottom: 120px;
    right: 253px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-6 {
    top: 98px;
    right: 282px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-7 {
    bottom: 147px;
    left: 714px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-8 {
    top: 215px;
    left: 315px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div {
    position: relative;
    width: 315px;
    padding: 24px;
    background-color: rgba(85, 103, 183, 0.1019607843);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    aspect-ratio: 315/169;
    border-radius: 16px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 500;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-8 > div p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    margin-bottom: 20px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 {
    bottom: 78px;
    left: 0;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div {
    position: relative;
    width: 315px;
    padding: 24px;
    background-color: rgba(85, 103, 183, 0.1019607843);
    gap: 10px;
    aspect-ratio: 315/206;
    border-radius: 16px;
    overflow: hidden;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div .video {
    position: absolute;
    right: -10px;
    bottom: -44px;
    width: 144px;
    height: 145px;
    border-radius: 1000px;
    overflow: hidden;
    box-shadow: 0px 0px 98.8px -16px #3B16CF;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div .video::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1000px;
    background: #135AC3;
    mix-blend-mode: hue;
    pointer-events: none;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-9 > div .video video {
    margin: -19px;
    width: 126%;
    height: 124%;
    display: block;
    max-width: unset;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-10 {
    top: 56px;
    left: 692px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div {
    position: relative;
    width: 315px;
    padding: 24px;
    background-color: rgba(85, 103, 183, 0.1019607843);
    aspect-ratio: 315/215;
    border-radius: 16px;
    overflow: hidden;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-10 > div .img {
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 110px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-11 {
    bottom: 119px;
    right: 432px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div {
    position: relative;
    width: 315px;
    padding: 24px;
    background-color: rgba(85, 103, 183, 0.1019607843);
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: 315/189;
    border-radius: 16px;
    overflow: hidden;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 500;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    margin-bottom: 20px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-11 > div .img {
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 110px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-12 {
    top: 196px;
    right: 33px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div {
    position: relative;
    width: 315px;
    padding: 24px;
    background-color: rgba(85, 103, 183, 0.1019607843);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    aspect-ratio: 315/169;
    border-radius: 16px;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 500;
  }
  .quick-stats .quick-stats-marquee .marquee-track .box.box-12 > div p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    margin-bottom: 20px;
  }
}

.why-choose-us .col-lg-3 {
  position: relative;
  opacity: 0.5;
  transition: opacity 2s ease;
}
.why-choose-us .col-lg-3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 0;
  height: 2px;
  background: #135AC3;
  opacity: 1;
  transition: width 2.5s ease;
}
@media screen and (max-width: 991.98px) {
  .why-choose-us .col-lg-3::before {
    display: none;
  }
}
.why-choose-us .col-lg-3:first-child {
  position: relative;
  opacity: 1;
  transition: opacity 2.5s ease;
}
.why-choose-us.active .col-lg-3:nth-child(2) {
  opacity: 1;
  transition-delay: 2.5s;
}
.why-choose-us.active .col-lg-3:nth-child(3) {
  opacity: 1;
  transition-delay: 4.5s;
}
.why-choose-us.active .col-lg-3:nth-child(4) {
  opacity: 1;
  transition-delay: 6.5s;
}
.why-choose-us.active .col-lg-3:nth-child(1)::before {
  width: 100%;
  transition-delay: 0.5s;
}
.why-choose-us.active .col-lg-3:nth-child(2)::before {
  width: 100%;
  transition-delay: 2.5s;
}
.why-choose-us.active .col-lg-3:nth-child(3)::before {
  width: 100%;
  transition-delay: 4.5s;
}
.why-choose-us.active .col-lg-3:nth-child(4)::before {
  width: 100%;
  transition-delay: 6.5s;
}

.why-choose-us .col-lg-4 {
  position: relative;
  opacity: 0.5;
  transition: opacity 2s ease;
}
.why-choose-us .col-lg-4:last-child .card-content {
  border-right: unset;
}
.why-choose-us .col-lg-4:last-child .card-content:after {
  display: none;
}
.why-choose-us .col-lg-4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 0;
  height: 2px;
  background: #135AC3;
  opacity: 1;
  transition: width 2.5s ease;
}
@media screen and (max-width: 991.98px) {
  .why-choose-us .col-lg-4::before {
    display: none;
  }
}
.why-choose-us .col-lg-4:first-child {
  position: relative;
  opacity: 1;
  transition: opacity 2.5s ease;
}
.why-choose-us.active .col-lg-4:nth-child(2) {
  opacity: 1;
  transition-delay: 2.5s;
}
.why-choose-us.active .col-lg-4:nth-child(3) {
  opacity: 1;
  transition-delay: 4.5s;
}
.why-choose-us.active .col-lg-4:nth-child(1)::before {
  width: 100%;
  transition-delay: 0.5s;
}
.why-choose-us.active .col-lg-4:nth-child(2)::before {
  width: 100%;
  transition-delay: 2.5s;
}
.why-choose-us.active .col-lg-4:nth-child(3)::before {
  width: 100%;
  transition-delay: 4.5s;
}

.whychooseUs .col-lg-6 {
  position: relative;
  opacity: 0.5;
  transition: opacity 2s ease;
}
.whychooseUs .col-lg-6:last-child .card-content {
  border-right: unset;
}
.whychooseUs .col-lg-6:last-child .card-content:after {
  display: none;
}
.whychooseUs .col-lg-6::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 0;
  height: 2px;
  background: #135AC3;
  opacity: 1;
  transition: width 2.5s ease;
}
@media screen and (max-width: 991.98px) {
  .whychooseUs .col-lg-6::before {
    display: none;
  }
}
.whychooseUs .col-lg-6:first-child {
  position: relative;
  opacity: 1;
  transition: opacity 2.5s ease;
}
.whychooseUs.active .col-lg-6:nth-child(2) {
  opacity: 1;
  transition-delay: 2.5s;
}
.whychooseUs.active .col-lg-6:nth-child(3) {
  opacity: 1;
  transition-delay: 4.5s;
}
.whychooseUs.active .col-lg-6:nth-child(1)::before {
  width: 100%;
  transition-delay: 0.5s;
}
.whychooseUs.active .col-lg-6:nth-child(2)::before {
  width: 100%;
  transition-delay: 2.5s;
}
.whychooseUs.active .col-lg-6:nth-child(3)::before {
  width: 100%;
  transition-delay: 4.5s;
}

.home-faq {
  position: relative;
}
.home-faq .faq-bg {
  position: absolute;
  top: -5%;
  left: 0;
  pointer-events: none;
  z-index: -1;
}
.home-faq .faqs-span {
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  align-items: center;
  display: flex;
  align-items: center;
  gap: 10px;
}
.home-faq .faqs-span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #2162C3;
}
.home-faq .faq-heading {
  font-weight: 700;
  font-size: clamp(30px, 3vw, 40px);
  color: #FFFFFF;
  line-height: 1.2;
  margin-top: 30px;
}
.home-faq .faq-heading span {
  background: linear-gradient(90deg, #5087FF, #B971E0, #FDCA70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.home-faq .collapse-main {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 25px;
  background: linear-gradient(180deg, rgba(37, 19, 109, 0.1) 0%, rgba(19, 90, 195, 0.2) 100%);
  margin-top: 22px;
}
.home-faq .collapse-main .collapse-head {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  cursor: pointer;
}
.home-faq .collapse-main .collapse-head .plus-icon img {
  min-width: 26px;
}
.home-faq .collapse-main .collapse-head.active .plus-icon img:nth-child(1) {
  display: none;
}
.home-faq .collapse-main .collapse-head.active .plus-icon img:nth-child(2) {
  display: inline-block;
}
.home-faq .collapse-main .collapse-head h3 {
  font-weight: 600;
  font-size: clamp(16px, 2vw, 20px);
  color: #FFFFFF;
  line-height: 1.2;
}
.home-faq .collapse-main .collapse-head .plus-icon img:nth-child(2) {
  display: none;
}
.home-faq .collapse-main .collapse-body {
  display: none;
}
.home-faq .collapse-main .collapse-body .desc {
  margin-top: 24px;
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
}

.home-contact {
  padding: 100px 0;
  position: relative;
}
.home-contact .bottom-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 500px) {
  .home-contact {
    padding: 50px 0;
  }
}
.home-contact .primary-span {
  margin-bottom: 10px;
}
.home-contact .primary-title {
  font-size: clamp(40px, 5vw, 64px);
}
@media screen and (max-width: 500px) {
  .home-contact .primary-title {
    padding-bottom: 16px;
  }
}
.home-contact .container {
  position: relative;
  z-index: 1;
}
.home-contact video {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.home-contact .contact-wrapper {
  position: relative;
  padding: 24px;
  background-color: rgba(85, 103, 183, 0.1019607843);
  border-radius: 25px;
}
@media screen and (max-width: 991.98px) {
  .home-contact .contact-wrapper {
    margin-top: 30px;
  }
}
.home-contact .contact-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(180deg, #135AC3, #000000) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.home-contact .contact-wrapper form .input {
  position: relative;
  margin-bottom: 20px;
}
.home-contact .contact-wrapper form .input label {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.home-contact .contact-wrapper form .input input,
.home-contact .contact-wrapper form .input textarea {
  background: transparent;
  border: 0;
  border: solid 1px rgba(255, 255, 255, 0.1019607843);
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #C8C8C8;
  width: 100%;
  outline: none;
  border-radius: 8px;
  padding: 10px;
}
.home-contact .contact-wrapper form .input input::placeholder,
.home-contact .contact-wrapper form .input textarea::placeholder {
  color: rgb(150, 150, 150);
  text-transform: uppercase;
}
.home-contact .contact-wrapper form .contact-btn {
  border: 1px solid transparent;
  background: linear-gradient(0deg, #4E5CC9 0%, #111E83 153.68%);
  border-radius: 111111px;
  padding: 10px 16px 10px 16px;
  width: 100%;
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.2;
}
.home-contact .contact-wrapper form .contact-btn.contactBtn {
  box-shadow: 0px 8px 32.8px 0px rgba(31, 86, 204, 0.5019607843);
  box-shadow: 0px 0px 7.5px 0px rgba(255, 255, 255, 0.5019607843) inset;
  background: linear-gradient(0deg, #2C41DE, #2C41DE), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) !important;
  max-width: max-content;
  padding: 11px 32px 11px 32px !important;
}

.home-blogs .blog-header {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 991.98px) {
  .home-blogs .blog-header {
    gap: 15px;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.home-blogs .blog-header span {
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
}
.home-blogs .blog-header h2 {
  font-weight: 700;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.2;
  color: #FFFFFF;
}
.home-blogs .blog-header-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
}
.home-blogs .blog-card-wrapper {
  display: flex;
  gap: 38px;
  position: relative;
  background: linear-gradient(0deg, rgba(16, 55, 228, 0.15) 0%, rgba(37, 19, 109, 0.15) 100%);
  border-radius: 25px;
  height: 100%;
}
@media screen and (max-width: 991.98px) {
  .home-blogs .blog-card-wrapper {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.home-blogs .blog-card-wrapper .img-wrapper {
  padding: 10px;
  width: 50%;
}
@media screen and (max-width: 991.98px) {
  .home-blogs .blog-card-wrapper .img-wrapper {
    width: 100%;
  }
}
.home-blogs .blog-card-wrapper .img-wrapper img {
  width: 100%;
  height: 100%;
}
.home-blogs .blog-card-wrapper .img-wrapper img :nth-child(2) {
  aspect-ratio: 248/229;
}
.home-blogs .blog-card-wrapper .img-wrapper img :nth-child(3) {
  aspect-ratio: 248/229;
}
.home-blogs .blog-card-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(180deg, #135AC3, #000000) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.home-blogs .blog-card-wrapper .content-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  width: 50%;
  padding-left: 0;
}
@media screen and (max-width: 991.98px) {
  .home-blogs .blog-card-wrapper .content-right {
    padding: 20px;
    width: 100%;
  }
}
.home-blogs .blog-card-wrapper .content-right span {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
}
@media screen and (max-width: 500px) {
  .home-blogs .blog-card-wrapper .content-right span {
    padding-bottom: 16px;
  }
}
.home-blogs .blog-card-wrapper .content-right h2 {
  font-weight: 700;
  font-size: clamp(16px, 3vw, 24px);
  color: #FFFFFF;
  line-height: 1.2;
  margin-bottom: 10px;
}
.home-blogs .blog-card-wrapper .content-right p {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
}

.specialized-Cybersecurity {
  position: relative;
}
.specialized-Cybersecurity .right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  max-height: 919px;
  pointer-events: none;
}
.specialized-Cybersecurity .sticky {
  position: sticky;
  top: 80px;
}
.specialized-Cybersecurity .card-wrapper {
  padding: 30px 25px;
  border-radius: 16px;
  position: relative;
  backdrop-filter: blur(120px);
  background: rgba(16, 24, 59, 0.2);
}
@media screen and (max-width: 500px) {
  .specialized-Cybersecurity .card-wrapper {
    margin-top: 16px;
  }
}
.specialized-Cybersecurity .card-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(var(--gradient-angle), #135ac3 2.51%, rgba(0, 0, 0, 0) 30.85%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: rotateGradient1 6s linear infinite;
  pointer-events: none;
  border-radius: 16px;
}
.specialized-Cybersecurity .card-wrapper h3 {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 24px);
  line-height: 1.2;
  color: #FFFFFF;
}
.specialized-Cybersecurity .card-wrapper p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 24px;
}

@property --gradient-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 118deg;
}
@keyframes rotateGradient1 {
  from {
    --gradient-angle: 0deg;
  }
  to {
    --gradient-angle: 360deg;
  }
}
.our-expertise {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .our-expertise {
    padding: 50px 0;
  }
}
.our-expertise::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #135AC3 50%, rgba(0, 0, 0, 0) 100%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.our-expertise .container {
  position: relative;
  z-index: 1;
}
.our-expertise video {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0.5;
}
.our-expertise .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.our-expertise .swiper-slide {
  height: auto;
}
.our-expertise .card-wrapper {
  margin-top: 40px;
  background: rgba(85, 103, 183, 0.1019607843);
  padding: 20px 20px;
  border-radius: 16px;
  position: relative;
  width: 100%;
  height: 100%;
}
.our-expertise .card-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(154.65deg, #135AC3 2.51%, rgba(0, 0, 0, 0) 30.85%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 16px;
}
.our-expertise .card-wrapper .card-img {
  margin-bottom: 30px;
}
.our-expertise .card-wrapper span {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 24px);
  color: #FFFFFF;
  line-height: 1.2;
  display: block;
  margin-bottom: 40px;
}
.our-expertise .card-wrapper p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
}
.our-expertise .swiper-pagination {
  position: unset;
  margin-top: 50px;
}
.our-expertise .swiper-pagination .swiper-pagination-bullet {
  width: 32px;
  height: 3px;
  background-color: rgb(255, 255, 255);
  border-radius: 111px;
}
.our-expertise .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

.proactive-compliance {
  overflow: hidden;
}
.proactive-compliance .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.proactive-compliance .swiper {
  overflow: visible;
}
.proactive-compliance .bottom {
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: 60px;
}
.proactive-compliance .bottom .button-next,
.proactive-compliance .bottom .button-prev {
  width: 49px;
  height: 49px;
  border-radius: 8px;
  background-color: rgba(85, 103, 183, 0.2);
  border: 1px solid #135ac3;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proactive-compliance .proactive-card-wrapper {
  padding: 70px 40px;
  position: relative;
  box-shadow: 0px 23.54px 117.7px 0px rgba(19, 90, 195, 0.5019607843);
  backdrop-filter: blur(30px);
  text-align: center;
  background: rgba(85, 103, 183, 0.1215686275);
  border-radius: 18px;
  overflow: hidden;
}
.proactive-compliance .proactive-card-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #135AC3 50%, rgba(0, 0, 0, 0) 100%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 18px;
  overflow: hidden;
}
.proactive-compliance .proactive-card-wrapper .ellipse {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  display: block;
}
.proactive-compliance .proactive-card-wrapper .content {
  position: relative;
  z-index: 1;
}
.proactive-compliance .proactive-card-wrapper .content span {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 28px);
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom: 28px;
  display: block;
}
.proactive-compliance .proactive-card-wrapper .content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 64px;
}

.innerbanner {
  position: relative;
}
.innerbanner img {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
  object-position: center;
}
.innerbanner h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  padding: 0 15px;
  text-align: center;
  font-weight: 700;
  font-size: clamp(38px, 3vw, 48px);
  color: #FFFFFF;
  line-height: 1.2;
}
.innerbanner h1 span {
  background: linear-gradient(90deg, #5087FF, #B971E0, #FDCA70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.security-services {
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .security-services {
    padding: 50px 0;
  }
}
.security-services .container {
  z-index: 1;
  position: relative;
}
.security-services img {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.security-services span {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  display: block;
}
.security-services p {
  margin-top: 40px;
  font-weight: 400;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  margin-bottom: 70px;
}
.security-services p span {
  font-weight: 400;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.2;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
}

.about-expertise {
  padding: 100px 0;
  position: relative;
}
.about-expertise::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 98px;
  background-image: url("../../images/our-expertise-bottom-bg.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.about-expertise::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #135AC3 50%, rgba(0, 0, 0, 0) 100%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.about-expertise .container {
  position: relative;
  z-index: 1;
}
.about-expertise video {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.about-expertise .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.about-expertise .about-expertise-card {
  background-image: url("../../images/about-card-bg.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(85, 103, 183, 0.0509803922);
  position: relative;
  border-radius: 24px;
  min-height: 462px;
  gap: 20px;
  padding: 24px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .about-expertise .about-expertise-card {
    min-height: 320px;
  }
}
.about-expertise .about-expertise-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(57.37deg, #135AC3 8.75%, #000000 56.7%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
.about-expertise .about-expertise-card .card-img {
  -webkit-box-shadow: -2px 3px 50px 11px rgba(19, 90, 195, 0.64);
  box-shadow: -2px 3px 50px 11px rgba(19, 90, 195, 0.64);
  max-width: max-content;
  border-radius: 12px;
}
.about-expertise .about-expertise-card .card-content {
  position: relative;
  padding: 18px;
}
.about-expertise .about-expertise-card .card-content h3 {
  font-weight: 600;
  font-size: clamp(16px, 3vw, 24px);
  line-height: 1.2;
  color: #FFFFFF;
}
.about-expertise .about-expertise-card .card-content p {
  margin-top: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
}
.about-expertise .img-middle {
  min-height: 462px;
}
.about-expertise .img-middle img {
  min-height: 462px;
  border-radius: 24px;
  width: 100%;
}

.our-team {
  padding: 100px 0;
}
@media screen and (max-width: 991.98px) {
  .our-team {
    padding: 50px 0;
  }
}
.our-team .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.our-team .about-expertise-card {
  background: rgba(85, 103, 183, 0.0509803922);
  border-radius: 24px;
  min-height: 308px;
  padding: 26px;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.our-team .about-expertise-card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.our-team .about-expertise-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(57.37deg, #135AC3 8.75%, #000000 56.7%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
.our-team .about-expertise-card .card-content {
  padding: 18px;
}
.our-team .about-expertise-card .card-content h3 {
  font-weight: 600;
  font-size: clamp(16px, 3vw, 24px);
  line-height: 1.2;
  color: #FFFFFF;
}
.our-team .about-expertise-card .card-content p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
}

.global-security {
  position: relative;
}
.global-security .left {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.global-security .right {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.global-security .blog-header {
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .global-security .blog-header {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
  }
}
.global-security .blog-header .global-security-subtitle {
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  flex: 0 0 30%;
}
.global-security .blog-header h2 {
  font-weight: 700;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.2;
  color: #FFFFFF;
}
.global-security.active .security-card .security-content:nth-child(2) p {
  opacity: 1;
}
.global-security.active .security-card::after {
  max-height: 100%;
}
.global-security .security-card {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.global-security .security-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 35%;
  background: linear-gradient(0deg, rgba(85, 103, 183, 0.1), rgba(85, 103, 183, 0.1)), linear-gradient(90deg, rgba(19, 90, 195, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  transition: 1s all ease-in-out;
  border-left: 3px solid #135AC3;
}
.global-security .security-card .security-content {
  padding: 45px 20px;
  height: auto;
}
.global-security .security-card .security-content:nth-child(2) p {
  opacity: 0;
  transform: translateY(-20px);
  transition: 1s all ease-in-out;
}
.global-security .security-card .security-content h3 {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 24px);
  color: #FFFFFF;
  line-height: 1.2;
}
.global-security .security-card .security-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 24px;
}

.global-security-two {
  position: relative;
}
.global-security-two .left {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.global-security-two .right {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.global-security-two .blog-header {
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .global-security-two .blog-header {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    flex-direction: column;
  }
}
.global-security-two .blog-header .global-security-subtitle {
  font-weight: 400;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  flex: 0 0 30%;
}
.global-security-two .blog-header h2 {
  font-weight: 700;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.2;
  color: #FFFFFF;
}
@media screen and (max-width: 991.98px) {
  .global-security-two .security-wrapper > div {
    text-align: center;
  }
}
.global-security-two.active .security-card .security-content:nth-child(2) p {
  opacity: 1;
}
.global-security-two.active .security-card::after {
  max-height: 100%;
}
.global-security-two .security-card {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  height: 100%;
}
.global-security-two .security-card .security-content {
  padding: 45px 20px;
  height: auto;
  position: relative;
  cursor: pointer;
  border-left: 3px solid transparent;
  transition: border-color 0.4s ease;
}
.global-security-two .security-card .security-content::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(0deg, rgba(85, 103, 183, 0.1), rgba(85, 103, 183, 0.1)), linear-gradient(90deg, rgba(19, 90, 195, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  transition: opacity 0.4s ease-in-out;
}
.global-security-two .security-card .security-content h3 {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 24px);
  color: #FFFFFF;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
.global-security-two .security-card .security-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-15px);
  position: relative;
  z-index: 1;
  transition: max-height 0.5s ease, opacity 0.4s ease, margin-top 0.4s ease, transform 0.4s ease;
}
.global-security-two .security-card .security-content.active {
  border-left-color: #135AC3;
}
.global-security-two .security-card .security-content.active::after {
  opacity: 1;
}
.global-security-two .security-card .security-content.active p {
  max-height: 220px;
  opacity: 1;
  margin-top: 24px;
  transform: translateY(0);
}

.why-choose-us {
  position: relative;
}
.why-choose-us .bottom-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.why-choose-us .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.why-choose-us .col-lg-3:last-child .card-content {
  border-right: 0;
}
.why-choose-us .col-lg-3:last-child .card-content::after {
  display: none;
}
.why-choose-us .card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 295px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 15px 20px 0px;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .why-choose-us .card-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 0;
  }
}
.why-choose-us .card-content::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 9px;
  border: 1px solid #FFFFFF;
  background: #135AC3;
  position: absolute;
  right: -5px;
  bottom: 0;
}
@media screen and (max-width: 991.98px) {
  .why-choose-us .card-content::after {
    display: none;
  }
}
.why-choose-us .card-content span {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #FFFFFF;
}
.why-choose-us .card-content .content-bottom h3 {
  font-weight: 400;
  font-size: 22px;
  color: #FFFFFF;
  text-transform: capitalize;
  line-height: 1.2;
}
.why-choose-us .card-content .content-bottom p {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6980392157);
  line-height: 1.2;
}

.our-partners {
  padding: 100px 0;
  background-image: url(../../images/our-partners-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-partners .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.our-partners .our-partners-logo-reverse,
.our-partners .our-partners-logo {
  display: flex;
  align-items: center;
  gap: 100px;
  width: max-content;
  margin-top: 50px;
}
.our-partners .our-partners-logo-reverse > div,
.our-partners .our-partners-logo > div {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 100px;
}
@media screen and (max-width: 991.98px) {
  .our-partners .our-partners-logo-reverse,
  .our-partners .our-partners-logo {
    margin-top: 50px;
    gap: 50px;
  }
  .our-partners .our-partners-logo-reverse > div,
  .our-partners .our-partners-logo > div {
    gap: 50px;
  }
}
.our-partners .our-partners-logo > div {
  animation: aboutMarquee 20s linear infinite;
}
.our-partners .our-partners-logo-reverse > div {
  animation: aboutMarqueeReverse 20s linear infinite;
}
.our-partners .our-partners-logo-reverse img,
.our-partners .our-partners-logo img {
  height: 77px;
  flex-shrink: 0;
  width: 153px;
  min-width: 153px;
}
@media screen and (max-width: 991.98px) {
  .our-partners {
    height: 65px;
  }
}
@keyframes aboutMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes aboutMarqueeReverse {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.our-certified-team .sticky {
  position: sticky;
  top: 80px;
}
.our-certified-team .sticky .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.our-certified-team .sticky .trusted-image-main {
  position: relative;
  overflow: hidden;
  margin-top: 41px;
}
.our-certified-team .sticky .trusted-image-main:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, #00080E -1%, rgba(0, 8, 14, 0) 87%);
}
.our-certified-team .sticky .trusted-image-main:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(280deg, #00080E -1%, rgba(0, 8, 14, 0) 87%);
}
.our-certified-team .sticky .trusted-logos {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  gap: 20px;
  align-items: center;
  gap: 50px;
  width: max-content;
  animation: marquee 20s linear infinite;
}
.our-certified-team .sticky .trusted-logos img {
  width: auto;
  flex-shrink: 0;
}
.our-certified-team .certified-team-card {
  padding: 24px;
  background: rgba(85, 103, 183, 0.1019607843);
  position: relative;
  border-radius: 24px;
  margin-bottom: 25px;
}
.our-certified-team .certified-team-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(57.37deg, #135AC3 8.75%, #000000 56.7%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
.our-certified-team .certified-team-card .content-bottom {
  margin-top: 25px;
}
.our-certified-team .certified-team-card .content-bottom h4 {
  font-weight: 700;
  font-size: clamp(18px, 3vw, 24px);
  color: #FFFFFF;
  line-height: 1.2;
}
.our-certified-team .certified-team-card .content-bottom p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6980392157);
  line-height: 1.2;
  margin-top: 16px;
}

.building-secure .building-secure-tabs {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .building-secure .building-secure-tabs {
    overflow-x: auto;
  }
}
.building-secure .building-secure-tabs span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  flex: 1;
  padding: 15px;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 991.98px) {
  .building-secure .building-secure-tabs span {
    white-space: nowrap;
  }
}
.building-secure .building-secure-tabs span.active {
  color: #FFFFFF;
}
.building-secure .building-secure-tabs .tab-indicator {
  position: absolute;
  top: -1px;
  height: 2px;
  background: #135AC3;
  transition: left 0.4s ease-in-out, width 0.4s ease-in-out;
  pointer-events: none;
}
.building-secure .building-secure-cards {
  position: relative;
  padding: 18px 22px;
  background: rgba(85, 103, 183, 0.1);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(85, 103, 183, 0.3);
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  pointer-events: none;
}
.building-secure .building-secure-cards.active {
  display: block;
  opacity: 1;
  visibility: visible;
  position: relative;
  pointer-events: auto;
}
.building-secure .building-secure-cards .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 55%;
  height: 100%;
  pointer-events: none;
  object-fit: cover;
  object-position: bottom left;
}
@media screen and (max-width: 991.98px) {
  .building-secure .building-secure-cards .background {
    width: 100%;
  }
}
.building-secure .building-secure-cards .row {
  position: relative;
  z-index: 1;
}
.building-secure .building-secure-cards .content-left h3 {
  font-weight: 700;
  font-size: clamp(22px, 3vw, 32px);
  color: #FFFFFF;
  line-height: 1.2;
  margin-bottom: 16px;
}
.building-secure .building-secure-cards .content-left p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0;
}
.building-secure .building-secure-cards .img-right {
  width: 100%;
  border-radius: 24px;
  display: block;
}

.siem-solution {
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .siem-solution {
    padding: 50px 0;
  }
}
.siem-solution .desc {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  max-width: 600px;
  margin: 0 auto;
}
.siem-solution .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.siem-solution .left {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.siem-solution .right {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.siem-solution .siem-solution-card {
  display: flex;
  align-items: center;
  gap: 24px;
  background: rgba(16, 24, 59, 0.2);
  padding: 30px;
  margin-top: 40px;
  border-radius: 24px;
  position: sticky;
  z-index: 1;
  backdrop-filter: blur(120px);
}
@media screen and (max-width: 991.98px) {
  .siem-solution .siem-solution-card {
    flex-direction: column;
    padding: 20px 15px;
    align-items: unset;
    max-width: 500px;
    margin: 40px auto 0 auto;
  }
  .siem-solution .siem-solution-card img {
    width: 100%;
    max-width: 100%;
  }
}
.siem-solution .siem-solution-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(180deg, #135AC3 0%, #000000 100%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
.siem-solution .siem-solution-card .content-right h3 {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 28px);
  color: #FFFFFF;
  line-height: 1.2;
}
.siem-solution .siem-solution-card .content-right p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 24px;
}

.advantages {
  padding: 50px 0;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .advantages {
    padding: 50px 0;
  }
}
.advantages .background {
  position: relative;
}
.advantages .background > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 380px;
  z-index: -1;
}
@media screen and (max-width: 991.98px) {
  .advantages .background > img {
    display: none;
  }
}
.advantages .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.advantages .left {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.advantages .right {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.advantages .col-lg-6:nth-child(2) .advantages-cards::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(57.37deg, #135AC3 8.75%, rgba(0, 0, 0, 0) 56.7%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .advantages .col-lg-6:nth-child(2) .advantages-cards {
    margin-top: 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .advantages .col-lg-6:nth-child(2) .advantages-cards img {
    object-position: top right;
  }
}
.advantages .col-lg-6:nth-child(3) .advantages-cards::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(240.96deg, #135AC3 12.76%, rgba(0, 0, 0, 0) 58.95%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .advantages .col-lg-6:nth-child(3) .advantages-cards img {
    margin-top: 24px;
    height: 100%;
    object-position: bottom right;
  }
}
.advantages .col-lg-6:nth-child(4) .advantages-cards::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(139.4deg, #135AC3 10.64%, rgba(0, 0, 0, 0) 57.99%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .advantages .col-lg-6:nth-child(4) .advantages-cards img {
    margin-top: 24px;
    height: 100%;
    object-position: bottom right;
  }
}
.advantages .col-lg-12:nth-child(5) .advantages-cards::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(139.4deg, #135AC3 10.64%, rgba(0, 0, 0, 0) 57.99%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .advantages .col-lg-12:nth-child(5) .advantages-cards img {
    margin-top: 24px;
    height: 100%;
    object-position: bottom right;
  }
}
.advantages .col-lg-12:nth-child(5) .content-bottom {
  margin-top: 10px;
}
.advantages .advantages-cards {
  position: relative;
  padding: 30px 27px;
  background: rgba(85, 103, 183, 0.1019607843);
  backdrop-filter: blur(40px);
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: 308px;
  overflow: hidden;
}
.advantages .advantages-cards img {
  position: absolute;
  object-fit: contain;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
}
.advantages .advantages-cards::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(308.72deg, #135AC3 0.05%, rgba(0, 0, 0, 0) 50%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 24px;
  overflow: hidden;
}
.advantages .advantages-cards > div {
  z-index: 1;
}
.advantages .advantages-cards span {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 24px);
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
}
.advantages .advantages-cards .content-bottom h3 {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 26px);
  color: #FFFFFF;
  text-transform: capitalize;
  line-height: 1.2;
}
.advantages .advantages-cards .content-bottom p {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 24px;
}

.seim-section-one {
  position: relative;
  padding: 50px 0;
  z-index: 2;
}
@media screen and (max-width: 991.98px) {
  .seim-section-one {
    padding: 20px 0;
  }
}
.seim-section-one .right {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  max-height: 919px;
  pointer-events: none;
  z-index: -10;
}
.seim-section-one img {
  position: relative;
  width: 100%;
}
.seim-section-one p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 24px;
}

.assesment {
  padding: 100px 0;
  position: relative;
}
.assesment .left {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.assesment .right {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 919px;
  pointer-events: none;
}
.assesment .expertise-desc {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin-top: 20px;
}
.assesment .assesment-contact {
  font-weight: 700;
  font-size: clamp(26px, 3vw, 36px);
  color: #FFFFFF;
  line-height: 1.2;
  margin-bottom: 38px;
}
.assesment .assesment-form {
  position: relative;
  padding: 34px;
  background: rgba(85, 103, 183, 0.1019607843);
  border-radius: 16px;
}
.assesment .assesment-form::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(180deg, #135AC3 0%, #000000 100%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 16px;
  overflow: hidden;
}
.assesment .assesment-form .service-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 17px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  background: rgba(0, 8, 14, 0.2);
  margin-bottom: 20px;
  border-radius: 8px;
  height: calc(100% - 20px);
}
.assesment .assesment-form .service-item .service-item__text {
  font-size: 14px;
  color: #C8C8C8;
  font-weight: 300;
  line-height: 1.2;
}
.assesment .assesment-form .service-item__text {
  font-size: 13px;
  line-height: 1.3;
  transition: color 0.15s ease;
}
.assesment .assesment-form .service-item__input {
  appearance: none;
  -webkit-appearance: none;
  width: 25px;
  height: 25px;
  margin: 0;
  position: relative;
  border-radius: 5px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.assesment .assesment-form .service-item__input::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 9px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) scale(0);
  transition: transform 0.15s ease;
}
.assesment .assesment-form .service-item__input:checked {
  background-color: #0d48df;
  border-color: #555c6e;
}
.assesment .assesment-form .service-item__input:checked::after {
  transform: rotate(-45deg) scale(1);
}
.assesment .assesment-form .service-item__input:hover {
  border-color: #888fa3;
}
.assesment .assesment-form .service-item__input:focus-visible {
  outline: 2px solid #888fa3;
  outline-offset: 2px;
}
.assesment .assesment-form .form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}
.assesment .assesment-form .form-field label {
  font-weight: 400;
  font-size: 16px;
  color: #C8C8C8;
  line-height: 1.2;
}
.assesment .assesment-form .form-field input {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  color: #e7e9f3;
  background-color: rgba(0, 8, 14, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 8px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.assesment .assesment-form .form-field input::placeholder {
  color: #6b7186;
}
.assesment .assesment-form .form-field input:hover {
  border-color: #353c5c;
}
.assesment .assesment-form .form-field input:focus {
  border-color: #4f6df5;
  box-shadow: 0 0 0 3px rgba(79, 109, 245, 0.25);
}
.assesment .assesment-form .form-field.error .error-txt {
  display: block;
}
.assesment .assesment-form textarea {
  padding: 10px 12px;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  color: white;
  outline: none;
  border-radius: 8px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.assesment .assesment-form textarea::placeholder {
  color: #6b7186;
}
.assesment .assesment-form textarea:hover {
  border-color: #353c5c;
}
.assesment .assesment-form textarea:focus {
  border-color: #4f6df5;
  box-shadow: 0 0 0 3px rgba(79, 109, 245, 0.25);
}
.assesment .assesment-form .btn-submit {
  padding: 10px 16px 10px 16px;
  padding-inline: 50px;
  border: 1px solid transparent;
  border-radius: 111111px;
  background: linear-gradient(0deg, #4E5CC9 0%, #111E83 153.68%);
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.2;
}

.error-txt {
  color: red;
  font-size: 12px;
  margin: 5px;
}

footer .footer-main {
  display: flex;
  padding: 80px 0px;
  gap: 80px;
}
@media screen and (max-width: 991.98px) {
  footer .footer-main {
    padding: 50px 0px;
    gap: 20px;
    flex-wrap: wrap;
  }
}
footer .footer-main .foot-menu {
  position: relative;
  width: 33.33%;
}
@media screen and (max-width: 991.98px) {
  footer .footer-main .foot-menu {
    width: 100%;
  }
}
footer .footer-main .foot-menu:first-child {
  width: 50%;
}
@media screen and (max-width: 991.98px) {
  footer .footer-main .foot-menu:first-child {
    width: 100%;
  }
}
footer .footer-main .foot-menu p {
  color: rgba(255, 255, 255, 0.4);
  font-size: clamp(14px, 3vw, 16px);
  margin-top: 20px;
}
footer .footer-main .foot-menu ul {
  padding: 0;
}
footer .footer-main .foot-menu ul li {
  list-style: none;
}
footer .footer-main .foot-menu ul li a {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 10px;
  display: inline-flex;
  font-weight: 400;
  font-size: clamp(16px, 3vw, 18px);
  background-image: linear-gradient(90deg, #25136D 0%, #7D71E0 46.16%, #FDCA70 99.36%);
  background-position: 0 100%;
  background-size: 0% 2px;
  background-repeat: no-repeat;
  transition: background-size 0.3s, background-position 0s 0.3s;
}
footer .footer-main .foot-menu ul li a:hover {
  background-position: 100% 100%;
  background-size: 100% 2px;
}
footer .footer-main .foot-social-main {
  margin-top: 20px;
}
@media screen and (max-width: 991.98px) {
  footer .footer-main .foot-social-main {
    margin: 30px 0px;
  }
}
footer .footer-main .foot-social-main .foot-heading {
  font-size: clamp(14px, 3vw, 16px);
}
footer .footer-main .foot-social-main .foot-social {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 991.98px) {
  footer .footer-main .foot-social-main .foot-social {
    gap: 10px;
  }
}
footer .footer-main .foot-social-main .foot-social a {
  display: inline-flex;
  padding: 13px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: linear-gradient(324.93deg, #0C113B 8.75%, #000000 51.25%, #0C1137 93.75%) padding-box, linear-gradient(134.62deg, #135AC3 3.1%, #000000 50.29%, #135AC3 97.48%) border-box;
  box-shadow: 0px 0px 36px -9px #3B16CF;
}
footer .copy-right {
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 20px 0px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  margin-top: 50px;
}
footer .copy-right a {
  color: var(--white);
}
footer .footer-top {
  background-image: url("../../images/footer-top.png");
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #000;
}
footer .footer-bottom {
  bottom: 0;
  padding-top: 50px;
  background-image: url("../../images/footer-bg-01.png");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: -1;
}
footer .footer-bottom .primary-title {
  max-width: 500px;
}
@media screen and (max-width: 500px) {
  footer .footer-bottom .primary-title {
    margin-bottom: 16px;
  }
}
footer .footer-bottom p {
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}
footer .footer-bottom .contact-info {
  position: relative;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(85, 103, 183, 0.1019607843);
  padding: 20px;
  height: 100%;
}
footer .footer-bottom .contact-info:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135AC3 3.1%, rgba(19, 90, 195, 0) 50.29%, #135AC3 97.48%);
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
footer .footer-bottom .contact-info .contact-head {
  color: #FFFFFF;
  font-size: 14px;
  margin-bottom: 10px;
}
footer .footer-bottom .contact-info .contact-body {
  position: relative;
}
footer .footer-bottom .contact-info .contact-body span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  display: block;
}
footer .footer-bottom .contact-info .contact-body a {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  display: block;
}
@media screen and (max-width: 768px) {
  footer .footer-bottom {
    position: static;
    bottom: unset;
  }
}

.foot-heading {
  position: relative;
  color: var(--white);
  margin-bottom: 30px;
  font-size: clamp(18px, 3vw, 20px);
  padding-left: 20px;
}
@media screen and (max-width: 991.98px) {
  .foot-heading {
    margin-bottom: 15px;
  }
}
.foot-heading::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  background: #2162C3;
  transform: translateY(-50%);
}

.desc {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
}

.desc.white {
  color: var(--white);
}

.ind-cards-container {
  position: relative;
}

.industries-we-save {
  position: relative;
}
.industries-we-save .right {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  max-height: 919px;
  pointer-events: none;
}
.industries-we-save .primary-title {
  margin: 16px 0;
}
.industries-we-save .desc {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  max-width: 600px;
  margin: 0 auto;
}
.industries-we-save .industries-card {
  margin-top: 40px;
  background: rgba(85, 103, 183, 0.1019607843);
  padding: 30px 27px;
  border-radius: 16px;
  position: relative;
  width: 100%;
  min-height: 308px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .industries-we-save .industries-card {
    margin-top: 20px;
  }
}
.industries-we-save .industries-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(54.65deg, #135ac3 2.51%, rgba(0, 0, 0, 0) 30.85%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 16px;
}
.industries-we-save .industries-card .card-img {
  -webkit-box-shadow: -2px 3px 50px 11px rgba(19, 90, 195, 0.64);
  box-shadow: -2px 3px 50px 11px rgba(19, 90, 195, 0.64);
  max-width: max-content;
  border-radius: 12px;
}
.industries-we-save .industries-card span {
  font-weight: 600;
  font-size: clamp(18px, 3vw, 24px);
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 40px;
}
.industries-we-save .industries-card p {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
  margin-top: 24px;
}

.industries-process {
  position: relative;
}
.industries-process .ind-bg {
  position: absolute;
  z-index: -10;
}
.industries-process .ind-bg:nth-child(1) {
  top: 0px;
  width: 862px;
  height: 862px;
}
.industries-process .ind-bg:nth-child(2) {
  width: 781px;
  height: 781px;
  bottom: 0px;
  right: 0;
}
.industries-process .primary-title {
  width: 800px;
  max-width: 100%;
  margin: 16px auto;
}
.industries-process .desc {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}
.industries-process .row {
  margin-bottom: 0;
}
.industries-process .center {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 170px;
  scale: 1.2;
  /* Arrow images now act as horizontal connectors,
     sized relatively so they don't overflow on smaller screens */
}
.industries-process .center .line {
  width: 1px;
  border: none;
  background: rgba(255, 255, 255, 0.1333333333);
  height: 83%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 0;
}
.industries-process .center .process-arrow-left,
.industries-process .center .process-arrow-right {
  position: absolute;
  width: 50%;
  max-width: 117px;
  height: auto;
  object-fit: contain;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.industries-process .center .process-arrow-left {
  right: 50%;
}
.industries-process .center .process-arrow-right {
  left: 50%;
}
.industries-process .center span {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #094e82;
  background-color: #032455;
  box-shadow: 0px 0px 15px 1px #1e36e9;
  -webkit-box-shadow: 0px 0px 15px 1px #1e36e9;
  -moz-box-shadow: 0px 0px 15px 1px #1e36e9;
  z-index: 2;
}
.industries-process .center span.left {
  top: 59%;
}
.industries-process .center span.right {
  top: 42%;
}
.industries-process .process-card {
  background: rgba(16, 24, 59, 0.2);
  backdrop-filter: blur(20px) brightness(1);
  padding: 41px 27px;
  border-radius: 12px;
  position: relative;
  border: 2px solid;
  z-index: 1;
  width: 100%;
  min-height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.industries-process .process-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(154.65deg, #135ac3 2.51%, rgba(0, 0, 0, 0) 30.85%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 12px;
}
.industries-process .process-card h5 {
  font-weight: 600;
  font-size: clamp(20px, 1.5vw, 24px);
  color: var(--white);
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: var(--manrope);
}
.industries-process .process-card p {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .industries-process .center {
    display: none;
  }
  .industries-process .process-card {
    margin-bottom: 16px;
  }
}

.why-choose-us {
  position: relative;
}
.why-choose-us .ind-bg {
  position: absolute;
  z-index: -10;
  top: -40%;
  width: 862px;
  height: 862px;
}
.why-choose-us .primary-title {
  width: 700px;
  max-width: 100%;
  margin: 16px auto;
  margin-top: 0px !important;
}
.why-choose-us .desc {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.why-choose-us .wcu-cards {
  margin-top: 60px;
}
.why-choose-us .wcu-cards .swiper {
  width: 100%;
  height: 100%;
}
.why-choose-us .wcu-cards .card {
  margin-right: 0px;
  height: 227px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: none;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 20px;
  border-radius: 0;
}
.why-choose-us .wcu-cards .card > span {
  font-family: var(--manrope);
  font-weight: 500;
  font-style: Medium;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
}
.why-choose-us .wcu-cards .card > div h5 {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: 2clamp 20px, 2vw, 22px;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
}
.why-choose-us .wcu-cards .card > div p {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6980392157);
  margin-top: 18px;
}
.why-choose-us .wcu-cards .swiper-slide:last-child .card {
  border-right: 0;
}
.why-choose-us .wcu-cards .bottom {
  display: flex;
  gap: 24px;
  justify-content: center;
}
.why-choose-us .wcu-cards .bottom .button-next,
.why-choose-us .wcu-cards .bottom .button-prev {
  width: 49px;
  height: 49px;
  border-radius: 8px;
  background-color: rgba(85, 103, 183, 0.2);
  border: 1px solid #135ac3;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-listing-banner {
  position: relative;
  width: 100%;
  min-height: 579px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.blog-listing-banner > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.blog-listing-banner .container {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}
.blog-listing-banner .content {
  text-align: center;
  margin-bottom: 79px;
}
.blog-listing-banner .primary-title {
  font-family: var(--manrope);
  font-weight: 800;
  font-size: clamp(32px, 4vw, 48px);
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 0;
}
.blog-listing-banner .primary-title span {
  background: linear-gradient(90deg, #5087ff 0%, #b971e0 50%, #fdca70 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.blog-listing-banner .category-filters {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.blog-listing-banner .filter-btn {
  position: relative;
  font-family: var(--manrope, sans-serif);
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 500;
  height: 51px;
  color: #c8c8c8;
  background: rgba(85, 103, 183, 0.2);
  padding: 8px 20px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
  border-radius: 8px;
  border: none;
}
.blog-listing-banner .filter-btn:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135ac3 3.1%, #4ca7dc 50.29%, #135ac3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.blog-listing-banner .filter-btn.active {
  background: linear-gradient(360deg, #4e5cc9 0%, #111e83 100%);
  border-color: #4a6fe8;
  color: #ffffff;
  z-index: 1;
  position: relative;
  border-radius: 6px;
  margin-left: -1px;
  margin-right: -1px;
}
.blog-listing-banner .filter-btn:hover:not(.active) {
  background: rgba(255, 255, 255, 0.0588235294);
  color: #ffffff;
}
@media (max-width: 576px) {
  .blog-listing-banner {
    min-height: 579px;
  }
  .blog-listing-banner .category-filters {
    gap: 8px;
  }
  .blog-listing-banner .filter-btn {
    border-radius: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.blog-detail-banner {
  margin-top: 150px;
  position: relative;
}
.blog-detail-banner .bg-img {
  position: absolute;
  z-index: 0;
  top: -20%;
  right: 0;
  height: 675px;
  width: 675px;
}
.blog-detail-banner .banner-img {
  position: relative;
  height: 398px;
}
.blog-detail-banner .banner-img img {
  width: 100%;
}
.blog-detail-banner .banner-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 26px;
}
.blog-detail-banner .banner-content {
  background-color: rgba(85, 103, 183, 0.1019607843);
  height: 398px;
  max-height: 398px !important;
  padding: 32px 54px;
  border-radius: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  backdrop-filter: blur(20px) brightness(1);
}
@media screen and (max-width: 500px) {
  .blog-detail-banner .banner-content {
    padding: 30px 25px;
    text-align: center;
  }
  .blog-detail-banner .banner-content .ref {
    justify-content: center;
  }
}
.blog-detail-banner .banner-content > span {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.2;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
}
.blog-detail-banner .banner-content .center h4 {
  font-family: var(--manrope);
  font-weight: 700;
  font-style: Bold;
  font-size: clamp(32px, 4vw, 40px);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
  margin-bottom: 16px;
}
.blog-detail-banner .banner-content .center p {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
}
.blog-detail-banner .banner-content .ref {
  display: flex;
  align-items: center;
  gap: 7px;
}
.blog-detail-banner .banner-content .ref > div p {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
}
.blog-detail-banner .banner-content .ref > div span {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.2;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
}

.blog-detail-content {
  position: relative;
}
.blog-detail-content .bl-right {
  position: sticky;
  top: 100px;
}
.blog-detail-content .bg-img {
  position: absolute;
  z-index: 0;
  top: 0%;
  left: 0;
  height: 675px;
  width: 675px;
  z-index: -1;
}
.blog-detail-content .bl-left p {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.3;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.8);
}
.blog-detail-content .bl-left h6 {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
}
.blog-detail-content .bl-left h5 {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: clamp(22px, 3vw, 28px);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
}
.blog-detail-content .bl-left ul li {
  color: #fff;
}
.blog-detail-content .bl-right span {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
}
.blog-detail-content .bl-right .box {
  background-color: rgba(85, 103, 183, 0.1019607843);
  height: 228px;
  padding: 20px;
  border-radius: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  backdrop-filter: blur(20px) brightness(1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 500px) {
  .blog-detail-content .bl-right .box {
    height: 170px;
    align-items: center;
  }
}
.blog-detail-content .bl-right .box::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(42.74deg, #135ac3 5.91%, rgba(0, 0, 0, 0) 45.66%, #135ac3 88.42%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 16px;
}
.blog-detail-content .bl-right .box .box-title {
  font-family: var(--manrope);
  font-weight: 700;
  font-style: Bold;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--white);
}
.blog-detail-content .bl-right .box .box-btn {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: clamp(14px, 1vw, 16px);
  letter-spacing: 0;
  border-radius: 30px;
  max-width: 118px;
  color: var(--white);
  height: 42px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
  padding: 10px 25px;
  border: none;
  background: linear-gradient(180deg, rgba(52, 67, 180, 0.55) 0%, rgba(90, 36, 182, 0.35) 50%, rgba(17, 30, 131, 0.25) 100%);
  cursor: pointer;
  box-shadow: 0 0 30px rgba(45, 65, 212, 0.6);
  overflow: hidden;
  z-index: 1;
  transition: all 0.5s ease;
}
.blog-detail-content .bl-right .box .box-btn:hover {
  padding-right: 50px;
  max-width: 160px;
}
.blog-detail-content .bl-right .box .box-btn:hover img {
  transform: translate(-80%, -50%);
}
.blog-detail-content .bl-right .box .box-btn img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(150%, -50%);
  transition: all 0.5s ease;
}
.blog-detail-content .bl-right .box .box-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 1.5px;
  background: linear-gradient(90deg, #1e36e9 0%, #ffdd76 50%, #1e36e9 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: -1;
}
.blog-detail-content .bl-right img {
  box-shadow: 0px 0px 36px -9px #3b16cf;
}

.nca-banner .container {
  min-height: 164px;
  padding: 20px;
  position: relative;
  border-radius: 16px;
  z-index: 1;
}
.nca-banner .container::before {
  content: "";
  position: absolute;
  background: url("../../images/application-security/nca-bg.png") no-repeat;
  background-position: center;
  background-size: cover;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 16px;
}
.nca-banner .container::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(134.62deg, #135ac3 3.1%, #000000 50.29%, #135ac3 97.48%) border-box;
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  border-radius: 16px;
}
.nca-banner .container .primary-title {
  font-size: clamp(24px, 2vw, 30px);
}
@media screen and (max-width: 991.98px) {
  .nca-banner .container .primary-title {
    margin: 20px 0;
  }
}
.nca-banner .container .desc {
  font-family: var(--manrope);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.6);
}
.nca-banner .container .nca-logo {
  margin: auto;
  object-fit: cover;
}
@media screen and (max-width: 991.98px) {
  .nca-banner .container .nca-logo {
    width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */