@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  padding: 0px;
  margin: 0px;
}

body {
  font-size: 14px;
  color: #333;
  font-family: "Onest", sans-serif;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

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

a {
  text-decoration: none;
}

.container {
  max-width: 1280px;
}

.lan-bar {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 15px;
  width: 100%;
  max-width: 1280px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
}
.lan-bar ul {
  display: flex;
  flex-direction: row;
  gap: 26px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.lan-bar ul img {
  flex-shrink: 0;
  width: 23px;
  height: 23px;
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1;
  margin-right: 6px;
}
.lan-bar ul a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 6px;
  font-family: "Inter", sans-serif;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

header {
  background: #ffffff;
  border-radius: 12px;
  padding: 12px 18px;
  max-width: 1280px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 53px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
}
header .row {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
header a.logo-sec {
  flex-shrink: 0;
  width: auto;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
header div#navigation {
  width: auto;
}
header div#navigation ul {
  display: flex;
  flex-direction: row;
  gap: 33px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
header div#navigation ul li {
  color: #000000;
  font-size: 17px;
  font-weight: 500;
  position: relative;
}
header div#navigation ul li a {
  color: #000000;
}
header div#navigation ul .current-menu-item a {
  color: #e30001;
}
header .get-in-touch {
  background: #e30001;
  border-radius: 7px;
  padding: 15px 33px;
  color: #ffffff;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  width: auto;
  font-family: "Inter", sans-serif;
}
header .get-in-touch a {
  color: #fff;
}

.banner-sec {
  position: relative;
}
.banner-sec > img {
  width: 100%;
}
.banner-sec .bantx {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.banner-sec .wrap {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
  justify-content: flex-start;
}
.banner-sec h2 {
    color: #ffffff;
    text-align: left;
    font-family: "Onest-Bold", sans-serif;
    font-size: 64px;
    font-weight: 700;
    position: relative;
    align-self: stretch;
    margin-top: 100px;
}
.banner-sec p {
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  max-width: 644px;
}
.banner-sec ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.banner-sec ul li {
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.banner-sec ul li img {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
}
.banner-sec a {
  background: #e30001;
  border-radius: 7px;
  padding: 15px 33px;
  color: #ffffff;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  width: auto;
  font-family: "Inter", sans-serif;
}
.banner-sec .logos {
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: flex-start;
  justify-content: center;
  margin: 92px auto 0;
}


.home-cont2 {
  background: #080211;
  padding: 90px 0;
  position: relative;
}
.home-cont2 img.vector2 {
  position: absolute;
  right: 0;
  bottom: -200px;
  z-index: 1;
}
.home-cont2 .wrap {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  gap: 75px;
  justify-content: space-between;
}
.home-cont2 .decp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  max-width: 676px;
  padding: 60px 0;
}
.home-cont2 .decp h2 {
  color: #3ed5dd;
  text-align: left;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.home-cont2 .decp h3 {
  color: #ffffff;
  text-align: left;
  font-size: 48px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  margin: 0 0 32px;
}
.home-cont2 .decp p {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  margin-bottom: 0;
}
.home-cont2 .decp a {
  background: #e30001;
  border-radius: 7px;
  padding: 15px 33px;
  color: #ffffff;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  width: auto;
  font-family: "Inter", sans-serif;
  display: table;
  margin: 32px 0 0;
}
.home-cont2 .img-wrap {
  position: relative;
  width: 100%;
}
.home-cont2 .img-wrap img {
  border-radius: 16px;
  width: auto;
}
.home-cont2 .img-wrap img.image5 {
  position: absolute;
  right: 0;
  bottom: 0;
}

section.home-cont3 {
  position: relative;
  background: #080211;
  padding: 80px 0;
}
section.home-cont3 img.vector2 {
  position: absolute;
  left: 0;
  bottom: -181px;
  z-index: 1;
}
section.home-cont3 .title {
  text-align: center;
  max-width: 761px;
  margin: 0 auto;
}
section.home-cont3 .title h5 {
  color: var(--accent-1, #3ed5dd);
  text-align: center;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
section.home-cont3 .title h2 {
  color: var(--white, #ffffff);
  text-align: center;
  font-size: 67px;
  line-height: 73px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  margin: 0 0 24px;
  text-transform: capitalize;
}
section.home-cont3 .title p {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
section.home-cont3 .service-cara {
  max-width: 1280px;
  margin: 0 auto;
}
section.home-cont3 .service-cara .owl-stage-outer {
  padding-top: 54px;
}
section.home-cont3 .service-cara .owl-stage {
  display: flex;
}
section.home-cont3 .service-cara .item {
  border-radius: 16px;
  border: 0px solid var(--White, #FFF);
  background: var(--Colour-Card, linear-gradient(97deg, #171717 -62.94%, #323335 -62.92%, rgba(90, 90, 90, 0) 54.42%, #171717 174.24%));
  /* Background Blur */
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 64px 12px;
  border: 2px solid transparent;
  gap: 8px;
  height: 100%;
}
section.home-cont3 .service-cara .item:hover {
  background: var(--colour-card, linear-gradient(96.79deg, rgb(23, 23, 23) 0%, rgb(50, 51, 53) 0.0099999997%, rgba(90, 90, 90, 0) 49.4791656733%, rgb(23, 23, 23) 100%));
  border-style: solid;
  border-color: var(--accent-1, #3ed5dd);
  border-width: 2px;
}
section.home-cont3 .service-cara .item img {
  width: auto;
  margin: -105px auto 22px;
}
section.home-cont3 .service-cara .item h4 {
  color: var(--white, #ffffff);
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  margin-bottom: 16px;
}
section.home-cont3 .service-cara .item p {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
}
section.home-cont3 .service-cara .owl-nav button.disabled {
  opacity: 0.5;
}
section.home-cont3 .service-cara .owl-nav button.owl-prev {
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
}
section.home-cont3 .service-cara .owl-nav button.owl-next {
  position: absolute;
  top: 0;
  right: -30px;
  height: 100%;
}
section.home-cont3 .service-cara .owl-dots {
  text-align: center;
  margin: 25px 0 0;
}
section.home-cont3 .service-cara .owl-dots span {
  display: table;
  width: 11px;
  height: 11px;
  background: #fff;
  border-radius: 100px;
  margin: 0 5px;
}
section.home-cont3 .service-cara .owl-dots button.owl-dot.active span {
  width: 29px;
  background: #3ED5DD;
}
section.home-cont3 a {
  background: #e30001;
  border-radius: 7px;
  padding: 15px 33px;
  color: #ffffff;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  width: auto;
  font-family: "Inter", sans-serif;
  display: table;
  margin: 37px auto 0;
}

section.home-cont4 {
  position: relative;
  background: #080211;
  padding: 80px 0;
}
section.home-cont4 .title {
  text-align: center;
  max-width: 761px;
  margin: 0 auto;
}
section.home-cont4 .title h5 {
  color: var(--accent-1, #3ed5dd);
  text-align: center;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
section.home-cont4 .title h2 {
  color: var(--white, #ffffff);
  text-align: center;
  font-size: 67px;
  line-height: 73px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  margin: 0 0 24px;
  text-transform: capitalize;
}
section.home-cont4 .title p {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
section.home-cont4 .wrap {
  max-width: 1280px;
  margin: 80px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  position: relative;
  z-index: 9;
}
section.home-cont4 .wrap .sec1 {
  width: 48%;
  background: var(--style, rgba(170, 170, 170, 0.06));
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  -webkit-backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
  backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}
section.home-cont4 .wrap .sec1 p {
  color: var(--white, #ffffff);
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
section.home-cont4:after {
  content: "";
  width: 533px;
  height: 533px;
  position: absolute;
  left: -250px;
  bottom: -212px;
  border-radius: 533px;
  opacity: 0.3;
  background: rgba(47, 202, 219, 0.6);
  filter: blur(74px);
}
section.home-cont4 img.vector2 {
  position: absolute;
  right: 0;
  bottom: -200px;
  z-index: 1;
}



footer {
  background: #080211;
  padding: 100px 98px 30px 98px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  justify-content: flex-start;
}
footer p {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
footer ul.social {
  display: flex;
  gap: 20px;
}
footer ul.social li a {
  display: table;
  border-radius: 8px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
footer ul.social li a img {
  max-width: 100%;
  width: 24px;
  height: 24px;
}
footer h2 {
  color: var(--white, #ffffff);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
}
footer ul.menu li,
footer ul.info li {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
  margin-bottom: 16px;
}
footer ul.menu li a,
footer ul.info li a {
  color: var(--white, #ffffff);
}
footer .privacy-policy-terms-and-conditions-support a {
  color: #fff;
}

.desktop-1 {
  position: relative;
}

.rectangle-24 {
  width: 656px;
  height: 718px;
  position: absolute;
  left: calc(50% - 322.5px);
  top: 0px;
}

.text {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 676px;
  position: relative;
}

.tx {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.about-us2 {
  color: #3ed5dd;
  text-align: left;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.discover-our-journey-protecting-your-digital-world-with-expertise-and-care {
  color: #ffffff;
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 48px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.s-ren-egede-knudsen-har-over-25-rs-erfaring-i-it-netv-rk-og-cybersikkerhed-og-er-grundl-ggeren-af-firmaet-egede-vores-form-l-er-at-levere-h-j-kvalitet-og-v-rdi-til-vores-kunder-via-lang-og-bred-erfaring-vi-arbejder-for-at-have-lange-relationer-med-vores-kunder-da-vi-mener-dette-er-bedst-for-alle-parter-i-en-langvarig-relation-er-tillid-s-rdeleshed-vigtigt-derfor-bruger-vi-vigtige-elementer-fra-hvordan-man-bedst-opn-r-en-tillidsrelation-mellem-servicevirksomheder-og-deres-kunder-som-s-ren-har-lavet-en-hovedopgave-om-da-han-tog-sin-mba-uddannelse {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}

.read-more {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 17px;
  font-weight: 700;
  position: relative;
}

.ellipse-6 {
  background: rgba(47, 202, 219, 0.6);
  border-radius: 50%;
  opacity: 0.2;
  width: 893px;
  height: 893px;
  position: absolute;
  left: 773px;
  top: calc(50% - 1253px);
  filter: blur(74px);
}

.ellipse-5 {
  background: rgba(47, 202, 219, 0.6);
  border-radius: 50%;
  opacity: 0.2;
  width: 493px;
  height: 493px;
  position: absolute;
  left: 1195px;
  top: 509px;
  filter: blur(74px);
}

.our-service {
  background: #080211;
  padding: 80px 8px 80px 8px;
  width: 1440px;
  height: 906px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1623px;
}

.ellipse-62 {
  background: rgba(47, 202, 219, 0.6);
  border-radius: 50%;
  opacity: 0.2;
  width: 533px;
  height: 533px;
  position: absolute;
  left: -201px;
  top: 579px;
  filter: blur(74px);
}

.ellipse-3 {
  background: rgba(47, 202, 219, 0.6);
  border-radius: 50%;
  opacity: 0.2;
  width: 493px;
  height: 493px;
  position: absolute;
  left: 1195px;
  top: -253px;
  filter: blur(74px);
}

.frame-321 {
  background: #00a7d6;
  border-radius: 28px;
  border-style: solid;
  border-color: #3ed5dd;
  border-width: 2px;
  opacity: 0.2;
  padding: 16px 22px 16px 22px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 1388px;
  top: 502px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}

.weui-arrow-filled {
  flex-shrink: 0;
  width: 12px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 12/24;
}

.testimonial {
  background: #080211;
  width: 1440px;
  height: 996px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2528px;
}

.ellipse-4 {
  background: rgba(47, 202, 219, 0.6);
  border-radius: 50%;
  opacity: 0.2;
  width: 533px;
  height: 533px;
  position: absolute;
  left: -300px;
  top: 715px;
  filter: blur(74px);
}

.vector3 {
  width: 725.47px;
  height: 487.2px;
  position: absolute;
  left: -221px;
  top: 228px;
  transform: translate(221px, -725.47px);
  overflow: visible;
}

.frame-319 {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
  justify-content: flex-start;
  width: 1280px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: -838px;
}

.text2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 761px;
  position: relative;
}

.our-service2 {
  color: var(--accent-1, #3ed5dd);
  text-align: center;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.protecting-your-digital-assets-expertly {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 67px;
  line-height: 73px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-vestibulum-congue-metus-quis-accumsan-euismod-maecenas-sed-est-mollis-convallis-nisi-convallis-imperdiet-massa {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.group-72 {
  align-self: stretch;
  flex-shrink: 0;
  height: 317px;
  position: static;
}

.group-69 {
  width: 408px;
  height: 317px;
  position: static;
}

.tx2 {
  background: var(--colour-card, linear-gradient(96.79deg, rgb(23, 23, 23) 0%, rgb(50, 51, 53) 0.0099999997%, rgba(90, 90, 90, 0) 49.4791656733%, rgb(23, 23, 23) 100%));
  border-radius: 16px;
  border-style: solid;
  border-color: var(--accent-1, #3ed5dd);
  border-width: 2px;
  padding: 64px 56px 32px 56px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  width: 408px;
  height: 277px;
  position: absolute;
  left: 0px;
  top: 324px;
  overflow: hidden;
}

.tx3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 356px;
  position: relative;
}

.cybersikkerhedskonsulent-betroet-r-dgiver {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-sed-do-eiusmod-tempor-incididunt-ut-labore-et-dolore-magna-aliqua {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.frame-10 {
  background: linear-gradient(-61.46deg, rgb(18, 43, 167) 0%, rgb(97, 142, 255) 100%);
  border-radius: 40px;
  border-style: solid;
  border-color: var(--accent-1, #3ed5dd);
  border-width: 1px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 476px);
  top: 284px;
  overflow: hidden;
}

.cyber-security {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}

.group-65 {
  width: 66.67%;
  height: 82.35%;
  position: absolute;
  right: 16.67%;
  left: 16.67%;
  bottom: 9.31%;
  top: 8.33%;
  overflow: visible;
}

.group-70 {
  width: 408px;
  height: 317px;
  position: static;
}

.tx4 {
  background: var(--colour-card, linear-gradient(96.79deg, rgb(23, 23, 23) 0%, rgb(50, 51, 53) 0.0099999997%, rgba(90, 90, 90, 0) 49.4791656733%, rgb(23, 23, 23) 100%));
  border-radius: 16px;
  padding: 64px 56px 32px 56px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  width: 408px;
  height: 278px;
  position: absolute;
  left: 436px;
  top: 323px;
  overflow: hidden;
  -webkit-backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
          backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}

.industriel-cybersikkerhedsanalyse-og-penetrationstestning {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-sed-do-eiusmod-tempor {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  width: 356px;
}

.frame-102 {
  background: var(--bg-dark, #171717);
  border-radius: 40px;
  border-style: solid;
  border-color: var(--accent-1, #3ed5dd);
  border-width: 1px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 284px;
  overflow: hidden;
}

.cyber-security2 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}

.group-71 {
  width: 408px;
  height: 317px;
  position: static;
}

.tx5 {
  background: var(--colour-card, linear-gradient(96.79deg, rgb(23, 23, 23) 0%, rgb(50, 51, 53) 0.0099999997%, rgba(90, 90, 90, 0) 49.4791656733%, rgb(23, 23, 23) 100%));
  border-radius: 16px;
  padding: 64px 56px 32px 56px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  width: 408px;
  height: 278px;
  position: absolute;
  left: calc(50% + 232px);
  top: 323px;
  overflow: hidden;
  -webkit-backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
          backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}

.hardwarevurdering-og-penetrationstest {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  width: 356px;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-sed-do-eiusmod-tempor-incididunt-ut-labore-et-dolore-magna-aliqua2 {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  width: 356px;
}

.frame-103 {
  background: var(--bg-dark, #171717);
  border-radius: 40px;
  border-style: solid;
  border-color: var(--accent-1, #3ed5dd);
  border-width: 1px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% + 396px);
  top: 284px;
  overflow: hidden;
}

.ion-hardware-chip-outline {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 28px);
  overflow: visible;
  aspect-ratio: 1;
}

.frame-322 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.ellipse-37 {
  background: #ffffff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  position: relative;
}

.ellipse-38 {
  background: #ffffff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  position: relative;
}

.rectangle-25 {
  background: #3ed5dd;
  border-radius: 13px;
  flex-shrink: 0;
  width: 29px;
  height: 11px;
  position: relative;
}

.view-all-services {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 17px;
  font-weight: 700;
  position: relative;
}

.frame-320 {
  background: #00a7d6;
  border-radius: 28px;
  border-style: solid;
  border-color: #3ed5dd;
  border-width: 2px;
  padding: 16px 22px 16px 22px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 52px;
  top: -403px;
}

.weui-arrow-filled2 {
  flex-shrink: 0;
  width: 12px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 12/24;
}

.footer {
  background: #080211;
  padding: 100px 98px 30px 98px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  justify-content: flex-start;
}

.frame-324 {
  display: flex;
  flex-direction: row;
  gap: 93px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.tx6 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 256px;
  position: relative;
}

.txx {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.group-74 {
  flex-shrink: 0;
  width: 133px;
  height: 48px;
  position: relative;
  overflow: visible;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-morbi-sit-amet-neque-tortor {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.sosmed {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.ig {
  border-radius: 8px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.ig2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}

.group {
  width: 75%;
  height: 75%;
  position: absolute;
  right: 12.5%;
  left: 12.5%;
  bottom: 12.5%;
  top: 12.5%;
  overflow: visible;
}

.fb {
  background: var(--bg-dark, #171717);
  border-radius: 8px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.fb2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}

.twitter {
  border-radius: 8px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.tw {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}

.you-tube {
  border-radius: 8px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.yt {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}

.group2 {
  width: 83.33%;
  height: 59.17%;
  position: absolute;
  right: 8.33%;
  left: 8.33%;
  bottom: 20.42%;
  top: 20.42%;
  overflow: visible;
}

.quick-links {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.quick-links2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
}

.tx7 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.about-us3 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.partners2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.contact2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.contact-us {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 394px;
  position: relative;
}

.services2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.cybersecurity-consultant {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.industrial-cybersecurity-analysis-and-penetration-testing {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.application-testing {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.hardware-assessment-and-penetration-testing {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.architecture-design {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.m-a-cybersecurity-assessment {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.risk-and-vulnerability-analyses {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.contact-us2 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.contact-us3 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.tx8 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 199px;
  position: relative;
}

.frame-307 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.email {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.group-61 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}

.contact-egede-co {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  flex: 1;
}

.location {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.group-62 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}

._838-cantt-sialkot-eng {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  flex: 1;
}

.telp {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.group-63 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}

._02-5421234560 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  flex: 1;
}

.frame-325 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

.copyright-claim-2025-all-rights-reserved {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
}

.privacy-policy-terms-and-conditions-support {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
}

.ellipse-52 {
  background: rgba(47, 202, 219, 0.6);
  border-radius: 50%;
  opacity: 0.2;
  flex-shrink: 0;
  width: 533px;
  height: 533px;
  position: absolute;
  left: -300px;
  top: -281px;
  filter: blur(74px);
}

.vector4 {
  width: 725.47px;
  height: 487.2px;
  position: absolute;
  left: 1616.2px;
  top: 1224px;
  transform: translate(-487.2px, -725.47px);
  overflow: visible;
}

.frame-323 {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  justify-content: flex-start;
  width: 1244px;
  position: absolute;
  left: 98px;
  top: 60px;
}

.testimonial2 {
  color: var(--accent-1, #3ed5dd);
  text-align: center;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.see-what-others-people-are-saying {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 67px;
  line-height: 70px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.group-73 {
  flex-shrink: 0;
  width: 1244px;
  height: 514px;
  position: static;
}

.tx9 {
  background: var(--style, rgba(170, 170, 170, 0.06));
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  width: 602px;
  position: absolute;
  left: 0px;
  top: 322px;
  overflow: hidden;
  -webkit-backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
          backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-vestibulum-congue-metus-quis-accumsan-euismod-maecenas-sed-est-mollis-convallis-nisi-convallis-imperdiet-massa2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p1-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.mix {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.image-placeholder {
  background: #ffffff;
  border-radius: 100px;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}

.image-13 {
  width: 46px;
  height: 46px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}

.name-job {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.microsoft {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.miss-sammy-feeney {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p2-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p2-400-font-size, 12px);
  line-height: var(--main-text-p2-400-line-height, 16px);
  font-weight: var(--main-text-p2-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.star {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}

.tx10 {
  background: var(--style, rgba(170, 170, 170, 0.06));
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  width: 602px;
  position: absolute;
  left: 0px;
  top: 599px;
  overflow: hidden;
  -webkit-backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
          backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}

.google-g-logo-1 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 1;
}

.google {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.regina-weissnat {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p2-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p2-400-font-size, 12px);
  line-height: var(--main-text-p2-400-line-height, 16px);
  font-weight: var(--main-text-p2-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.star2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}

.tx11 {
  background: var(--style, rgba(170, 170, 170, 0.06));
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  width: 602px;
  position: absolute;
  left: 642px;
  top: 322px;
  overflow: hidden;
  -webkit-backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
          backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}

.apple-logo-grey-1 {
  width: 39px;
  height: 46px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 39/46;
}

.apple {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.rosemary-mante {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p2-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p2-400-font-size, 12px);
  line-height: var(--main-text-p2-400-line-height, 16px);
  font-weight: var(--main-text-p2-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.frame-14 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}

.tx12 {
  background: var(--style, rgba(170, 170, 170, 0.06));
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
  width: 602px;
  position: absolute;
  left: 642px;
  top: 599px;
  overflow: hidden;
  -webkit-backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
          backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}

.image-14 {
  width: 79px;
  height: 79px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}

.matw {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Onest-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.marianne-bode {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--main-text-p2-400-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--main-text-p2-400-font-size, 12px);
  line-height: var(--main-text-p2-400-line-height, 16px);
  font-weight: var(--main-text-p2-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.frame-142 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}

.ellipse-32 {
  background: rgba(47, 202, 219, 0.6);
  border-radius: 50%;
  opacity: 0.2;
  width: 533px;
  height: 533px;
  position: absolute;
  left: 1719.2px;
  top: -284px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  filter: blur(74px);
}/*# sourceMappingURL=style.css.map */

/* about page */

.inner-banner .bantx .col-lg-12  {
  display: table;
  margin: 0 auto;
}
.inner-banner .bantx h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: normal;
  text-align: center;
}
.inner-banner .bantx p {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: normal;
  text-align: center;
  display: table;
  margin: 3px auto 0px auto;
}
.inner-banner .bantx #breadcrumbs .breadcrumb_last {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: normal;
  text-align: center;
}
.inner-banner .bantx #breadcrumbs span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: normal;
  text-align: center;
}

.inner-banner .bantx #breadcrumbs a {
  background: inherit;
  color: #e30001;
  border-radius: 7px;
  padding: 0;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  width: auto;
  font-family: "Inter", sans-serif;
}
.inner-project {
  background-image: url('../images/inner_page/about-bottom.png') !important;
  background-size: cover;
  background-repeat: no-repeat !important;
}
.project {
  text-align: center;
}
.project h2 {
  color: #fff;
  font-size: 52px;
  font-weight: 900;
  font-family: "Orbitron", sans-serif;
  margin: 20px 0 10px 0;
}
.project p {
  color: #2FCADB;
  font-size: 16px;
}
.about-middle {
  display: block;
  text-align: center;
  margin: 20px auto 0 auto;
}
.about-middle .name-job {
  margin: 10px 0 0 0;
}
.about-middle .image-placeholder {
  text-align: center;
  margin: 0 auto;
  background: inherit;
}

/* about page */

/* service page */
.service-banner-sec {
  position: relative;
  text-align:center;
}
.service-banner-sec > img {
  width: 100%;
}
.service-banner-sec .bantx {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.service-banner-sec .wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
}

.service-banner-sec h2 {
  color: #ffffff;
  text-align: center;
  font-family: "Onest-Bold", sans-serif;
  font-size: 64px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.service-banner-sec h3 {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.breadcumb-menu {
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
  display:flex;
  justify-content:center;
}
.breadcumb-menu li{
  margin:0;
  color:#fff;
  font-size:17px;

}
.breadcumb-menu li a{
  margin:0;
  color:#E30001;
  font-weight:500;
}
.breadcumb-menu li::after {
  position: relative;
  content: ">";
  margin:0 8px;
}
.breadcumb-menu li:last-child:after{
    display: none;
}
.service-bootom .col-lg-4 {
  margin-bottom: 70px;
}
.service-bootom .col-lg-4:nth-child(7),
.service-bootom .col-lg-4:last-child {
  margin-bottom: 0px;
}
.service-bootom .service-card {
  border-radius:
16px;
  border: 0px solid var(--White, #FFF);
  background: var(--Colour-Card, linear-gradient(97deg, #171717 -62.94%, #323335 -62.92%, rgba(90, 90, 90, 0) 54.42%, #171717 174.24%));
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius:16px;
  padding: 64px 12px;
  border:2px solid transparent;
  gap:8px;
  height: 100%;
  margin-top: 50px;
}

.service-bootom {
  display: flex;
  justify-content: center;
  text-align: center;
}

.service-bootom .service-card  h4 {
  color: var(--white, #ffffff);
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  margin-bottom: 16px;
}

.service-bootom .service-card  p {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
}
.service-bootom .service-card:hover {
  background: var(--colour-card, linear-gradient(96.79deg, rgb(23, 23, 23) 0%, rgb(50, 51, 53) 0.0099999997%, rgba(90, 90, 90, 0) 49.4791656733%, rgb(23, 23, 23) 100%));
  border-style:
solid;
  border-color: var(--accent-1, #3ed5dd);
  border-width:
2px;
}

.service-bootom .service-card img {
    width: 90px;
  margin:-105px auto 22px;
  height: 90px;
}
/* service page */

/* service page details */
.service-banner-sec {
  position: relative;
  text-align:center;
}
.service-banner-sec > img {
  width: 100%;
}
.service-banner-sec .bantx {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.service-banner-sec .wrap {
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: flex-start;
}

.service-banner-sec h2 {
  color: #ffffff;
  text-align: center;
  font-family: "Onest-Bold", sans-serif;
  font-size: 64px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  max-width: 850px;
  margin:auto;
  width: 100%;
}
.service-banner-sec h3 {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.breadcumb-menu {
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
  display:flex;
  justify-content:center;
}
.breadcumb-menu li{
  margin:0;
  color:#fff;
  font-size:17px;

}
.breadcumb-menu li a{
  margin:0;
  color:#E30001;
  font-weight:500;
}
.breadcumb-menu li::after {
  position: relative;
  content: ">";
  margin:0 8px;
}
.breadcumb-menu li:last-child:after{
    display: none;
}

.service-bootom .service-card {
  border-radius:
16px;
  border: 0px solid var(--White, #FFF);
  background: var(--Colour-Card, linear-gradient(97deg, #171717 -62.94%, #323335 -62.92%, rgba(90, 90, 90, 0) 54.42%, #171717 174.24%));
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius:
16px;
  padding:
64px 12px;
  border:
2px solid transparent;
  gap:
8px;
  height: 100%;
  margin-top: 50px;
}

.service-details {
  padding: 80px 0 0;
  text-align: left;
}

.service-bootom .service-details  h4 {
  color: var(--white, #ffffff);
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  margin:18px 0;
}

.service-bootom .service-details  p {
  color: var(--white, #ffffff);
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
}


.service-bootom .service-details img {
    width: 100%;
}

.accrodian-inner {
  padding-right: 45px;
}

.accrodian-inner .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding:
1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border:
0;
  border-radius:
0;
  overflow-anchor: none;
  transition:
color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
  background:
#011936;
color: #3ED5DD;
}
.accrodian-inner .accordion-item {
  background-color: #1a4363c9;
  border:0px;
  margin-bottom: 20px;
 color:#fff;
}
.accrodian-inner .accordion-button{
  position: relative;
}

.accrodian-inner .accordion-button::after {
  content: "\f105";
  color: #32b2be;
  font-family: FontAwesome;
  font-weight: 900;
  transform: rotate(0deg);
  font-size: 20px;
  background-image: none;
}
/* service page details */

/* patner page */
.service-banner-sec {
  position: relative;
  text-align:center;
}
.service-banner-sec > img {
  width: 100%;
}
.service-banner-sec .bantx {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.service-banner-sec .wrap {
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: flex-start;
}

.service-banner-sec h2 {
  color: #ffffff;
  text-align: center;
  font-family: "Onest-Bold", sans-serif;
  font-size: 64px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.service-banner-sec h3 {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.breadcumb-menu {
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
  display:flex;
  justify-content:center;
}
.breadcumb-menu li{
  margin:0;
  color:#fff;
  font-size:17px;

}
.breadcumb-menu li a{
  margin:0;
  color:#E30001;
  font-weight:500;
}
.breadcumb-menu li::after {
  position: relative;
  content: ">";
  margin:0 8px;
}
.breadcumb-menu li:last-child:after{
    display: none;
}

.service-bootom .service-card {
  border-radius:
16px;
  border: 0px solid var(--White, #FFF);
  background: var(--Colour-Card, linear-gradient(97deg, #171717 -62.94%, #323335 -62.92%, rgba(90, 90, 90, 0) 54.42%, #171717 174.24%));
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius:
16px;
  padding:
64px 12px;
  border:
2px solid transparent;
  gap:
8px;
  height: 100%;
  margin-top: 50px;
}

.partner-bottom {
  padding: 80px 0 0;
  text-align: center;
}

.partner-bottom  .partner-card{
  margin-bottom: 50px;
  background:#011936;
  padding:40px 50px;
  background:rgba(40, 59, 64, 0.32);
}

.partner-bottom  .partner-card p {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  padding-top: 20px;
}

.partner-bottom  .partner-card img {
  width: 100%;
  height: 60px;
  object-fit: contain;
}
/* patner page */
/* contact page */
.service-banner-sec {
  position: relative;
  text-align:center;
}
.service-banner-sec > img {
  width: 100%;
}
.service-banner-sec .bantx {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.service-banner-sec .wrap {
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: flex-start;
}

.service-banner-sec h2 {
  color: #ffffff;
  text-align: center;
  font-family: "Onest-Bold", sans-serif;
  font-size: 64px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.service-banner-sec h3 {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.breadcumb-menu {
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
  display:flex;
  justify-content:center;
}
.breadcumb-menu li{
  margin:0;
  color:#fff;
  font-size:17px;

}
.breadcumb-menu li a{
  margin:0;
  color:#E30001;
  font-weight:500;
}
.breadcumb-menu li::after {
  position: relative;
  content: ">";
  margin:0 8px;
}
.breadcumb-menu li:last-child:after{
    display: none;
}


.contact-bootom {
  padding: 50px 0;
}

.contact-bootom  h3 {
  color: var(--white, #ffffff);
  text-align: left;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  margin-bottom: 40px;
}


.contact-right{
  border:1px solid  #00A7D680;
  padding:27px;
  border-radius:12px;
}
.contact-right .form-control{
  background:rgba(23, 46, 46, 0.44);
  border:1px solid #213235;
  padding:14px 20px;
  margin-bottom: 25px;
  border-radius:0px;
  font-size:14px;
  font-weight:500;
}

.contact-right .form-control:focus{outline:0px;box-shadow:none;}
.contact-right textarea.form-control{
  min-height:120px;
  resize:none;
}

.contact-right .submit{outline:0px;background:#E30001;border-radius:10px;padding: 20px 40px;box-shadow:none;border:0px;color:#fff;font-size:17px;font-weight:600;}
.contact-info-out {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  text-align: left;
}
.contact-info {
  display: flex;
  margin-bottom: 20px;
  max-width: 50%;
  flex:0 0 50%;
  text-align: left;
}
.contact-icon {
  background-color: #011936;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  color: #00a7d6;
  font-size: 30px;
}

.contact-info-text {
  padding-left: 20px;
}
.contact-info-text h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}
.contact-info-text p {
  color: #00A7D6;
  font-size: 16px;
  font-weight: 600;
}

.contact-info-text p a{
  color: #00A7D6;
}
/* contact page */


/* about page author */


section.home-cont3 .wrap .sec3 {
  display: flex;
  gap:24px;
}

section.home-cont3 .wrap {
  margin:40px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  position: relative;
  z-index: 9;
  max-width: 80%;
  width: 100%;
}
.image-20 {
  width: 400px;
  height: 400px;
  border-radius: 15px;
  object-fit: cover;
}



.author-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.author-image-placeholder {
  width: 50%;
  max-width: 400px;
  width: 100%;
}

.author-info h5{
  color: #3ED5DD;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 35px;
}

.author-info h3{
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 10px;
}

.author-info p{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}