@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@p300;400;500;600;700;800;900;&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
/* site general  */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/ssj5zjc.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");
html {
  box-sizing: border-box;
  scroll-behavior: smooth; }

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

body {
  font-family: "Rajdhani", sans-serif;
  margin: 0;
  color: #fff; }

* {
  margin: 0;
  padding: 0; }

::placeholder {
  color: #547eaf;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #547eaf; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #547eaf; }

h1 {
  font-size: 5rem;
  font-weight: 800;
  color: #fff; }

.cyber-font {
  font-family: "Rajdhani", sans-serif; }

.cyber-font--margin {
  margin-bottom: 1rem; }

.half-h1 {
  max-width: 10rem; }

.small-h1 {
  font-size: 4rem; }
  @media (max-width: 1199px) {
    .small-h1 {
      font-size: 2rem; } }

h2 {
  font-size: 4.2rem;
  font-weight: 800;
  /* margin-bottom: 1rem; */
  color: #fff; }

h3 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 1rem; }

.small-h3 {
  font-size: 2.5rem;
  font-weight: 700; }

.big-h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
  color: #fff; }

h4 {
  font-size: 1.5rem;
  margin: 1rem 0; }

p {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: 0.4px;
  font-size: 1em; }

.bold-font {
  font-weight: 700; }

.half-text {
  width: 60%; }

a {
  text-decoration: none;
  font-family: "Rajdhani", sans-serif; }

button {
  background: none;
  border: none;
  font-size: 1.2rem; }

/* Remove outline for focused buttons */
li {
  list-style: none; }

img {
  max-width: 100%;
  /* height: auto; */ }

.italic {
  font-style: italic; }

.page-wrapper {
  z-index: 1; }

.blue-title {
  color: #4083c4; }

/* general layout columns */
.container {
  display: grid;
  width: 100%; }

.contact1__dns {
  font-style: italic; }

.mainbg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr [main-start] minmax(10px, 1180px) [main-end] 1fr;
  color: white;
  padding: 6rem 4rem; }
  @media (max-width: 767px) {
    .mainbg {
      padding: 2rem; } }

.main-content {
  grid-column: main-start / main-end;
  display: grid; }

/* contact form */
input[type="submit"] {
  width: 100%;
  background-color: #356faa;
  color: white;
  padding: 1rem 1.5rem;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  font-size: 1.3rem; }

/* contact form ends here*/
/* ============================= */
/* HEADER BEGIN */
.mhead {
  position: sticky;
  top: 0;
  z-index: 12000;
  display: grid;
  grid-template-columns: 1fr [main-start] minmax(10px, 1300px) [main-end] 1fr;
  background-color: #0a236c; }
  .mhead__top {
    grid-column: main-start/main-end;
    justify-self: start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    @media (min-width: 1199px) and (max-width: 1299px) {
      .mhead__top {
        margin-right: 1.5rem; } }
    @media (max-width: 1199px) {
      .mhead__top {
        padding-right: 0;
        margin-right: 0; } }
    .mhead__top__el {
      grid-column: grid-start/grid-end;
      padding: 1rem 0.5rem 0.5rem 0.5rem; }
      .mhead__top__el__link {
        color: #fff;
        font-family: "Rajdhani", sans-serif;
        font-weight: lighter;
        font-size: 0.8rem;
        text-decoration: none; }
  .mhead__wrapper {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 250px 1fr;
    align-items: center;
    justify-items: flex-start;
    grid-column-gap: 2rem; }
    .mhead__wrapper__logo {
      padding: 0.6rem 0.5rem 0;
      position: relative;
      width: 100%; }
      .mhead__wrapper__logo__img {
        max-height: 3rem;
        object-fit: contain; }
      @media (max-width: 1199px) {
        .mhead__wrapper__logo {
          max-width: 170px; } }
    .mhead__wrapper__mbars {
      display: none;
      color: white;
      font-size: 1.5rem; }
      @media (max-width: 1199px) {
        .mhead__wrapper__mbars {
          grid-column-start: 3;
          display: block; } }
    .mhead__wrapper__patermenu {
      position: relative;
      content: "";
      clear: both;
      z-index: 12000; }
      @media (max-width: 1199px) {
        .mhead__wrapper__patermenu {
          width: 40vw !important;
          min-width: 340px !important; } }
      .mhead__wrapper__patermenu .fa-caret-down {
        transition: 0.3s; }
      .mhead__wrapper__patermenu .nopadding {
        padding-right: 0; }
      .mhead__wrapper__patermenu__el {
        height: 100%;
        display: flex;
        align-items: end;
        font-size: 14px; }
        .mhead__wrapper__patermenu__el__close {
          padding: 0.5rem;
          color: white;
          font-size: 1.5rem; }
          @media (min-width: 1200px) {
            .mhead__wrapper__patermenu__el__close {
              display: none !important; } }
        .mhead__wrapper__patermenu__el__item {
          position: relative;
          margin: 0 0.1rem; }
          @media (max-width: 1199px) {
            .mhead__wrapper__patermenu__el__item.show {
              margin-top: 4px;
              padding: 1em;
              background: #fff;
              box-shadow: none; }
              .mhead__wrapper__patermenu__el__item.show .fa-caret-down {
                transform: rotate(-180deg);
                transition: 0.3s; }
              .mhead__wrapper__patermenu__el__item.show .dropdown-content {
                display: block; } }
          @media (min-width: 1200px) {
            .mhead__wrapper__patermenu__el__item:hover {
              color: white; }
              .mhead__wrapper__patermenu__el__item:hover .fa-caret-down {
                transform: rotate(-180deg);
                transition: 0.3s; }
              .mhead__wrapper__patermenu__el__item:hover .dropdown-content {
                display: block; } }
  @media (min-width: 1200px) and (max-width: 1199px) {
    .mhead__wrapper__patermenu__el__item:hover {
      box-shadow: none; } }
          @media (max-width: 1199px) {
            .mhead__wrapper__patermenu__el__item {
              margin: 10px 0; } }
          .mhead__wrapper__patermenu__el__item__link {
            padding: 0.5rem 0.6rem;
            display: inline-block;
            font-family: "Rajdhani", sans-serif;
            font-weight: bolder;
            font-size: 0.9rem;
            text-decoration: none; }
          @media (max-width: 1199px) {
            .mhead__wrapper__patermenu__el__item {
              float: none; } }
        @media (max-width: 1199px) {
          .mhead__wrapper__patermenu__el {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 1rem; } }
      @media (max-width: 1199px) {
        .mhead__wrapper__patermenu {
          grid-column: 1/-1;
          position: fixed;
          width: 100vw;
          height: 100vh;
          top: 0;
          right: -120%;
          background: #010116;
          transition: 0.3s ease; }
          .mhead__wrapper__patermenu--show {
            right: 0;
            width: 100vw; } }
    @media (max-width: 1199px) {
      .mhead__wrapper {
        grid-column: 1/-1;
        grid-template-columns: 200px 1fr 17px;
        padding: 0.5rem 2rem 1rem 0.5rem;
        padding-bottom: 0.5rem; } }
  .mhead .dropdown-content {
    display: none;
    position: absolute;
    border-radius: 1px;
    z-index: 9000;
    top: 100%;
    left: 0;
    background-color: #010116;
    border-bottom: 2px solid #2e77ce;
    transition: 0.5s ease;
    padding-bottom: 1rem; }
    @media (min-width: 1200px) {
      .mhead .dropdown-content {
        min-width: 310px;
        max-height: 1600px; } }
    @media (max-width: 1199px) {
      .mhead .dropdown-content {
        text-align: justify;
        margin-top: 0;
        position: relative;
        border: none;
        max-width: 90vw;
        top: 0; } }
    @media (max-width: 767px) {
      .mhead .dropdown-content {
        background-color: transparent; } }
    .mhead .dropdown-content__el {
      padding: 1rem 1rem 0 1rem; }
      @media (max-width: 1199px) {
        .mhead .dropdown-content__el {
          text-align: right; } }
      .mhead .dropdown-content__el__link {
        font-family: "Rajdhani", sans-serif;
        font-weight: bold;
        font-size: 0.8rem;
        color: white; }
  @media (min-width: 1200px) {
    .mhead #audio {
      left: -169%; }
    .mhead #design {
      left: -333%;
      padding-right: 0; } }

#footer-bg {
  grid-template-columns: 1fr [main-start] minmax(10px, 1400px) [main-end] 1fr;
  padding-top: 0;
  padding-bottom: 1rem; }

#footer .socials {
  display: flex;
  margin-left: -1rem; }

#footer .flag-svg {
  width: 30px;
  margin-right: 10px;
  max-width: 40%; }

#footer .address-icon {
  width: 30px;
  margin-right: 5px;
  max-width: 40%; }

#footer .address-link {
  color: #08337F;
  font-size: 1rem;
  font-weight: 50; }

#footer .sm-icons {
  margin-top: 3rem; }

#footer .social-link {
  padding: 0 1rem; }

#footer .footer {
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-column-gap: 1rem;
  grid-row-gap: 2rem; }
  @media (max-width: 1199px) {
    #footer .footer {
      justify-items: left;
      align-items: flex-start;
      grid-row-gap: 0; } }
  #footer .footer__contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 2rem 2rem 0; }
    @media (max-width: 767px) {
      #footer .footer__contact {
        flex-direction: column; } }
  #footer .footer__cols {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 2rem; }
    @media (max-width: 1199px) {
      #footer .footer__cols {
        display: block; } }
    #footer .footer__cols__item {
      align-items: stretch; }
      @media (max-width: 1199px) {
        #footer .footer__cols__item {
          margin-bottom: 2rem; } }
      #footer .footer__cols__item__title {
        font-size: 1.3rem;
        color: #08337f;
        font-family: "Orbitron", sans-serif;
        font-weight: 400; }
        @media (max-width: 1199px) {
          #footer .footer__cols__item__title {
            text-align: left;
            font-size: 1.6rem; } }
      #footer .footer__cols__item__links {
        margin-top: 1.5rem; }
        @media (max-width: 767px) {
          #footer .footer__cols__item__links {
            margin: 1rem 0; } }
        #footer .footer__cols__item__links__el {
          display: block;
          color: #08337f;
          font-size: 1rem;
          font-weight: 50;
          font-family: "Rajdhani", sans-serif; }

#footer .footerCopyrightWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  #footer .footerCopyrightWrapper .row {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    line-height: 1.4rem;
    color: #333;
    text-align: left;
    font-size: 0.9rem; }
    @media (max-width: 767px) {
      #footer .footerCopyrightWrapper .row {
        text-align: center; } }
    #footer .footerCopyrightWrapper .row a {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #2e77ce;
      text-align: left; }
      #footer .footerCopyrightWrapper .row a:hover {
        color: #5692d9;
        text-decoration: underline; }

#footer ul > a {
  transition: all 0.3s ease; }
  #footer ul > a:hover {
    background-color: #eee; }

.pinkgradient-text {
  /* Fallback: Set a background color. */
  /* Create the gradient. */
  background-image: linear-gradient(90deg, #4eaadd, #db00f5);
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent; }

/* HEADER END */
/* ============================= */
/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 900900;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  color: black; }

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  /* Could be more or less, depending on screen size */ }

/* The Close Button */
.modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

#invalid-email-text,
#invalid-message-text {
  position: absolute;
  color: red;
  margin-bottom: 0;
  display: none;
  background-color: white;
  width: fit-content;
  padding: 0.5rem;
  border-radius: 0.5rem; }

#home-page {
  overflow: hidden; }
  #home-page .home-hero {
    background-color: #f4f4f4;
    background-image: url(../img/home/02section-bg.png);
    z-index: 1;
    width: 100vw;
    height: 88vh;
    position: relative;
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem; }

@keyframes flicker {
  0%,
  19.999%,
  22%,
  62.999%,
  64%,
  64.999%,
  72%,
  100% {
    opacity: 1; }
  20%,
  21.999%,
  63%,
  63.999%,
  65%,
  71.999% {
    opacity: 0.33; } }

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  80% {
    transform: translateX(10px); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  80% {
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translate(0); } }
    #home-page .home-hero .home-hero__title__text-bottom span {
      animation-name: flicker;
      animation-duration: 5s;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    @media (max-width: 1199px) {
      #home-page .home-hero {
        height: 40rem;
        z-index: 1; } }
    #home-page .home-hero__vid-container {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 1;
      overflow: hidden;
      z-index: -1; }
      #home-page .home-hero__vid-container__vid {
        height: 100%;
        width: 100%;
        object-fit: cover;
        opacity: 1; }
        @media (max-width: 585px) {
          #home-page .home-hero__vid-container__vid {
            border-radius: 0 0 0 0; } }
    #home-page .home-hero__title {
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center;
      line-height: 1.5; }
      #home-page .home-hero__title__text-top, #home-page .home-hero__title__text-bottom {
        color: white;
        text-shadow: 0 0 0.033em #fff, 0 0 0.08em #fff, 0 0 0.1em #db00f5, 0 0 0.2em #db00f5, 0 0 0.3em #db00f5, 0 0 1em #db00f5, 0 0 1.5em #db00f5;
        grid-column: main-start/main-end;
        font-family: "Rajdhani", sans-serif;
        font-size: 3rem;
        text-align: center;
        margin: 0;
        text-transform: uppercase; }
        @media (max-width: 1199px) {
          #home-page .home-hero__title__text-top, #home-page .home-hero__title__text-bottom {
            font-size: 1.5rem; } }
        @media (max-width: 320px) {
          #home-page .home-hero__title__text-top, #home-page .home-hero__title__text-bottom {
            font-size: 1.2rem; } }
      @media (min-width: 1200px) {
        #home-page .home-hero__title__text-bottom {
          animation: moveInRight 1s ease-out; }
        #home-page .home-hero__title__text-top {
          animation: moveInLeft 1s ease-out; } }
  #home-page #home-top-section2 {
    background-color: #f4f4f4;
    background-image: url(../img/home/02section-bg.png); }
    #home-page #home-top-section2 .home-top-section2-features {
      grid-template-columns: 1fr [main-start] minmax(10px, 1300px) [main-end] 1fr;
      padding: 4rem 2rem;
      margin: 0rem 1rem; }
      @media (max-width: 767px) {
        #home-page #home-top-section2 .home-top-section2-features {
          margin: 0;
          padding: 2rem; } }
      #home-page #home-top-section2 .home-top-section2-features__container {
        grid-column: main-start/main-end;
        z-index: 2; }
        @media (max-width: 767px) {
          #home-page #home-top-section2 .home-top-section2-features__container {
            margin-bottom: 0rem; } }
        #home-page #home-top-section2 .home-top-section2-features__container__lists {
          margin: 1rem auto;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 3rem;
          text-align: center; }
          #home-page #home-top-section2 .home-top-section2-features__container__lists__list {
            background-color: #0a236c;
            padding: 2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; }
            #home-page #home-top-section2 .home-top-section2-features__container__lists__list__title {
              color: white;
              font-family: "Rajdhani", sans-serif;
              font-size: 1.3rem;
              font-weight: bolder;
              padding: 0 0.5rem;
              line-height: 1.2;
              margin-bottom: 0.5rem;
              margin-top: 2rem;
              flex-grow: 2; }
            #home-page #home-top-section2 .home-top-section2-features__container__lists__list__description {
              text-align: center;
              padding: 0 2rem;
              font-size: 1rem;
              margin-bottom: 0.5rem;
              flex-grow: 3;
              line-height: 1.3; }
              @media (min-width: 1200px) {
                #home-page #home-top-section2 .home-top-section2-features__container__lists__list__description {
                  font-size: 1rem;
                  padding: 0.4rem;
                  max-width: 22rem;
                  margin-bottom: 0;
                  font-weight: 400;
                  flex-grow: 3; } }
            #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn {
              position: relative;
              padding: 1rem 2rem;
              margin: 1rem;
              border-radius: 5px;
              font-weight: 400;
              transition: color 0.25s ease, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              z-index: 1;
              background: #eee;
              color: #2e77ce;
              font-weight: 600;
              border: 1px solid #2e77ce;
              transform: scale(1); }
              #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn:hover {
                color: #fff;
                border-color: transparent;
                transform: scale(0.95); }
              #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn::before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, #4eaadd, #2e06be);
                border-radius: 4px;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: -1;
                opacity: 0;
                transition: opacity 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
              #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn:hover::before {
                opacity: 1; }
              #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn.btn-dark {
                background-color: #2e77ce;
                color: #fff;
                transition: transform 0.25s ease; }
              #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn span {
                z-index: 1; }
            #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn-wrapper {
              margin-top: 1rem; }
              #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn-wrapper__btn-container {
                border: 8px solid;
                border-image-source: linear-gradient(90deg, #4eaadd, #db00f5);
                border-image-slice: 1;
                border-width: 1px;
                margin: 1rem 1rem;
                padding: 0.5rem;
                transition: color 0.1s linear 0.05s; }
                #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn-wrapper__btn-container:hover {
                  background: linear-gradient(90deg, #4eaadd, #db00f5);
                  transition: color 0.1s linear 0s; }
                #home-page #home-top-section2 .home-top-section2-features__container__lists__list__btn-wrapper__btn-container__btn {
                  padding: 0.5rem 1rem;
                  color: white;
                  text-transform: uppercase;
                  font-size: 1rem;
                  text-align: center; }
          @media (min-width: 768px) and (max-width: 1199px) {
            #home-page #home-top-section2 .home-top-section2-features__container__lists {
              grid-template-columns: repeat(2, 1fr); } }
          @media (max-width: 767px) {
            #home-page #home-top-section2 .home-top-section2-features__container__lists {
              grid-template-columns: 1fr; } }
        @media (max-width: 767px) {
          #home-page #home-top-section2 .home-top-section2-features__container {
            padding: 0rem; } }
  #home-page .industries {
    background-color: #0a236c;
    padding-bottom: 2rem; }
    #home-page .industries__sec-container {
      display: flex;
      flex-direction: column;
      padding-top: 4rem; }
      @media (max-width: 767px) {
        #home-page .industries__sec-container {
          padding: 2rem 1rem; } }
      #home-page .industries__sec-container__title {
        font-size: 2.5rem;
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        text-transform: uppercase; }
        @media (max-width: 1199px) {
          #home-page .industries__sec-container__title {
            font-size: 1.1rem; } }
    #home-page .industries .scale {
      margin: 0 auto;
      width: 90%;
      padding-bottom: 45%;
      height: 0;
      position: relative; }
      @media (max-width: 1199px) {
        #home-page .industries .scale {
          padding-bottom: 40%; } }
      @media (max-width: 767px) {
        #home-page .industries .scale {
          padding-bottom: 50%; } }
    #home-page .industries .item {
      width: 70vw;
      height: 80%;
      top: 10%;
      left: 3%;
      padding-right: 2rem;
      position: absolute;
      text-align: center; }
    #home-page .industries .itemRight {
      padding-left: 2rem;
      width: 26%;
      height: 80%;
      top: 10%;
      right: 0;
      position: absolute; }
      @media (max-width: 1199px) {
        #home-page .industries .itemRight {
          padding-top: 2%;
          right: 0; } }
      @media (max-width: 767px) {
        #home-page .industries .itemRight {
          top: 5%;
          right: 0; } }
    #home-page .industries .title {
      font-family: "Rajdhani", sans-serif;
      width: 90%;
      padding-top: 5%;
      font-size: 1.8rem; }
      @media (max-width: 1199px) {
        #home-page .industries .title {
          font-size: 1rem; } }
      @media (max-width: 767px) {
        #home-page .industries .title {
          font-size: 0.6rem; } }
    #home-page .industries .industriesButton {
      min-width: none;
      font-family: "Rajdhani", sans-serif;
      min-height: fit-content;
      padding-top: 5%;
      padding-bottom: 5%;
      color: white;
      border: none;
      border-radius: 5px;
      background-color: #0a236c;
      font-size: 1.5rem; }
      @media (max-width: 1199px) {
        #home-page .industries .industriesButton {
          padding-top: 0;
          font-size: 1rem; } }
      @media (max-width: 767px) {
        #home-page .industries .industriesButton {
          padding-top: 0;
          font-size: 0.55rem; } }
  #home-page .partners {
    background-color: #f4f4f4;
    background-image: url("../img/home/02section-bg.png"); }
    #home-page .partners__sec-container {
      grid-column: main-start/main-end; }
      #home-page .partners__sec-container__title {
        color: #0a236c;
        font-size: 2.5rem;
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 2rem; }
        @media (min-width: 768px) and (max-width: 1199px) {
          #home-page .partners__sec-container__title {
            font-size: 2rem; } }
        @media (max-width: 767px) {
          #home-page .partners__sec-container__title {
            font-size: 1.1rem; } }
      #home-page .partners__sec-container__items {
        display: grid;
        grid-gap: 3rem;
        align-items: center;
        justify-items: center; }
        #home-page .partners__sec-container__items__row1 {
          display: grid;
          grid-template-columns: repeat(6, minmax(100px, 1fr));
          grid-gap: 3rem;
          align-items: center;
          justify-items: center; }
          @media (min-width: 768px) and (max-width: 1199px) {
            #home-page .partners__sec-container__items__row1 {
              grid-template-columns: repeat(3, minmax(100px, 1fr));
              align-items: center; } }
          @media (max-width: 767px) {
            #home-page .partners__sec-container__items__row1 {
              grid-template-columns: repeat(2, minmax(100px, 1fr)); } }
        #home-page .partners__sec-container__items__row2 {
          display: grid;
          grid-template-columns: repeat(7, minmax(100px, 1fr));
          grid-gap: 2rem; }
          @media (min-width: 768px) and (max-width: 1199px) {
            #home-page .partners__sec-container__items__row2 {
              grid-template-columns: repeat(3, minmax(100px, 1fr));
              align-items: center;
              grid-gap: 4rem; } }
          @media (max-width: 767px) {
            #home-page .partners__sec-container__items__row2 {
              grid-template-columns: repeat(2, minmax(100px, 1fr));
              grid-gap: 4rem; } }
  #home-page .projects__projects-sec {
    background-color: #0a236c;
    padding: 6rem 2rem; }
    #home-page .projects__projects-sec__title {
      font-size: 2.5rem;
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 2rem; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #home-page .projects__projects-sec__title {
          font-size: 2rem; } }
      @media (max-width: 767px) {
        #home-page .projects__projects-sec__title {
          font-size: 1.1rem; } }
    #home-page .projects__projects-sec__img-container__item {
      place-self: center;
      margin: 0 1rem;
      position: relative;
      transition: ease 0.3s; }
      #home-page .projects__projects-sec__img-container__item:hover .projects__projects-sec__img-container__item__txt {
        opacity: 1; }
      #home-page .projects__projects-sec__img-container__item:hover {
        box-shadow: 0 0 10px 0 #2196f3, 0 0 20px 0 #2196f3, 0 0 40px 10px #2196f3;
        border-radius: 0.3rem;
        transition: 0.5s; }
        @media (max-width: 767px) {
          #home-page .projects__projects-sec__img-container__item:hover {
            border: none; } }
      #home-page .projects__projects-sec__img-container__item:hover .projects__projects-sec__img-container__item__img {
        opacity: 0.5; }
      #home-page .projects__projects-sec__img-container__item__img {
        max-width: 18vw;
        max-height: 18vw; }
        @media (max-width: 1199px) {
          #home-page .projects__projects-sec__img-container__item__img {
            max-width: 40vw;
            max-height: 40vw;
            margin-bottom: 1rem; } }
      #home-page .projects__projects-sec__img-container__item__txt {
        color: #0ff;
        font-weight: bold;
        text-transform: uppercase;
        transition: 0.3s ease;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center; }
        @media (max-width: 767px) {
          #home-page .projects__projects-sec__img-container__item__txt {
            font-size: 0.8rem; } }
  #home-page .contact-sec {
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    background-image: url(../img/home/02section-bg.png); }
    #home-page .contact-sec__pic {
      width: 50vw;
      padding-right: 1rem;
      text-align: right; }
      @media (max-width: 767px) {
        #home-page .contact-sec__pic {
          display: none; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        #home-page .contact-sec__pic {
          margin-top: 10rem; } }
    #home-page .contact-sec__wrapper {
      padding-right: 3rem;
      width: 50vw;
      height: 570px;
      grid-column: main-start/main-end;
      display: flex;
      padding-left: 1rem;
      flex-direction: column;
      align-items: left;
      vertical-align: middle; }
      @media (max-width: 767px) {
        #home-page .contact-sec__wrapper {
          margin: 0 auto;
          width: 90vw;
          padding-left: 3rem; } }
      #home-page .contact-sec__wrapper__title {
        font-family: "Rajdhani", sans-serif;
        font-weight: bold; }
        #home-page .contact-sec__wrapper__title--white {
          color: white;
          font-size: 1.5rem;
          text-align: center;
          margin-bottom: 1.1rem; }
          @media (max-width: 1199px) {
            #home-page .contact-sec__wrapper__title--white {
              font-size: 0.8rem; } }
        #home-page .contact-sec__wrapper__title--blue {
          font-weight: bolder;
          color: #08337f;
          font-size: 1.7rem;
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          margin-bottom: 2rem; }
          @media (max-width: 1199px) {
            #home-page .contact-sec__wrapper__title--blue {
              font-size: 1rem; } }
          @media (max-width: 767px) {
            #home-page .contact-sec__wrapper__title--blue {
              font-size: 0.8rem; } }
      #home-page .contact-sec__wrapper__bottom-border {
        width: 362px;
        height: 4px;
        background: #ffffff 0% 0% no-repeat padding-box;
        text-align: center;
        margin-bottom: 2rem; }
        @media (max-width: 767px) {
          #home-page .contact-sec__wrapper__bottom-border {
            display: none; } }
      #home-page .contact-sec__wrapper__text {
        font-size: 1rem;
        font-family: "Rajdhani", sans-serif;
        margin-bottom: 2rem;
        text-align: center; }
        @media (max-width: 1199px) {
          #home-page .contact-sec__wrapper__text {
            font-size: 0.8rem;
            margin-bottom: 0.8rem; } }
        #home-page .contact-sec__wrapper__text--blue {
          color: #08337f;
          font-family: "Rajdhani", sans-serif; }
          @media (max-width: 1199px) {
            #home-page .contact-sec__wrapper__text--blue {
              font-size: 1.2rem; } }
          @media (max-width: 767px) {
            #home-page .contact-sec__wrapper__text--blue {
              font-size: 1rem; } }
      #home-page .contact-sec__wrapper__form {
        max-width: 500px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem; }
        #home-page .contact-sec__wrapper__form__fullname {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 1rem;
          opacity: 0.6; }
          #home-page .contact-sec__wrapper__form__fullname__first-name, #home-page .contact-sec__wrapper__form__fullname__last-name {
            border: none;
            background-color: #c1c1c1; }
            #home-page .contact-sec__wrapper__form__fullname__first-name:focus, #home-page .contact-sec__wrapper__form__fullname__last-name:focus {
              box-shadow: 10px 30px 60px rgba(224, 218, 240, 0.9), 1px 6px 6px rgba(243, 242, 250, 0.9); }
          @media (max-width: 1199px) {
            #home-page .contact-sec__wrapper__form__fullname {
              grid-column: -3/-1; } }
          @media (max-width: 767px) {
            #home-page .contact-sec__wrapper__form__fullname {
              grid-gap: 1rem; }
              #home-page .contact-sec__wrapper__form__fullname__first-name, #home-page .contact-sec__wrapper__form__fullname__last-name {
                grid-column: -3/-1;
                font-size: 1rem; } }
        #home-page .contact-sec__wrapper__form__email, #home-page .contact-sec__wrapper__form__company, #home-page .contact-sec__wrapper__form__province {
          border: none;
          background-color: #cccccc;
          opacity: 0.6; }
          #home-page .contact-sec__wrapper__form__email:focus, #home-page .contact-sec__wrapper__form__company:focus, #home-page .contact-sec__wrapper__form__province:focus {
            box-shadow: 10px 30px 60px rgba(224, 218, 240, 0.9), 1px 6px 6px rgba(243, 242, 250, 0.9); }
          @media (max-width: 1199px) {
            #home-page .contact-sec__wrapper__form__email, #home-page .contact-sec__wrapper__form__company, #home-page .contact-sec__wrapper__form__province {
              grid-column: -3/-1;
              font-size: 1rem; } }
        #home-page .contact-sec__wrapper__form__message {
          background-color: #cccccc;
          grid-column: -3/-1;
          height: 140px;
          opacity: 0.6; }
          #home-page .contact-sec__wrapper__form__message:focus {
            box-shadow: 10px 30px 60px rgba(224, 218, 240, 0.9), 1px 6px 6px rgba(243, 242, 250, 0.9); }
        #home-page .contact-sec__wrapper__form__btn {
          transition: 0.5s;
          width: 200px;
          height: 50px;
          border-radius: 12px;
          grid-column: 1/-1;
          justify-self: center;
          color: #c5c7ff;
          background: #08337f;
          font-size: 1.1rem;
          font-weight: bold; }
          #home-page .contact-sec__wrapper__form__btn:hover, #home-page .contact-sec__wrapper__form__btn:focus {
            transform: translateY(-3px);
            box-shadow: 0 0 10px 0 #2196f3, 0 0 20px 0 #2196f3, 0 0 40px 10px #2196f3;
            transition: 0.5s; }

#endpoint .endpoint__top {
  background-image: url(../img/10-Endpoint/Section01/BG.jpg); }
  #endpoint .endpoint__top__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-gap: 1rem;
    height: 30rem;
    position: relative; }
    @media (max-width: 1199px) {
      #endpoint .endpoint__top__container {
        justify-content: center;
        text-align: center;
        height: 20rem; } }
    #endpoint .endpoint__top__container__title {
      font-family: "Rajdhani", sans-serif;
      font-size: 2.5rem;
      font-weight: normal;
      line-height: 1.2; }
      @media (max-width: 767px) {
        #endpoint .endpoint__top__container__title {
          font-size: 2rem; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        #endpoint .endpoint__top__container__title {
          font-size: 3rem; } }
      #endpoint .endpoint__top__container__title--white {
        color: white;
        font-size: 4rem; }
        @media (max-width: 767px) {
          #endpoint .endpoint__top__container__title--white {
            font-size: 2rem; } }
        @media (min-width: 768px) and (max-width: 1199px) {
          #endpoint .endpoint__top__container__title--white {
            font-size: 3rem; } }
    #endpoint .endpoint__top__container__text {
      z-index: 1;
      background-color: #1949ff;
      padding: 2rem 20rem 2rem 3rem;
      top: 5rem;
      left: 5rem;
      border-radius: 1rem;
      position: absolute; }
      @media (max-width: 1199px) {
        #endpoint .endpoint__top__container__text {
          position: relative;
          top: 0;
          left: 0;
          width: 60vw;
          padding: 3rem;
          height: max-content; } }
    #endpoint .endpoint__top__container__img {
      position: absolute;
      width: 30rem;
      left: 50vw;
      z-index: 2; }
      @media (max-width: 1199px) {
        #endpoint .endpoint__top__container__img {
          display: none; } }

#endpoint .endpoint__benefits {
  background-color: #1949ff; }
  #endpoint .endpoint__benefits__container {
    grid-column: main-start/main-end;
    background-color: #e0e0e0;
    padding: 10rem 2rem 2rem 2rem;
    border-radius: 0 0 5vw 5vw;
    margin-top: -6rem; }
    @media (max-width: 767px) {
      #endpoint .endpoint__benefits__container {
        margin-top: -2rem; } }
    #endpoint .endpoint__benefits__container__title {
      font-family: "Rajdhani", sans-serif;
      font-size: 4.5rem;
      margin-bottom: 1rem;
      color: #6d6d6d;
      text-align: center;
      font-weight: 600;
      text-transform: uppercase; }
      @media (max-width: 1199px) {
        #endpoint .endpoint__benefits__container__title {
          font-size: 2rem;
          padding: 1rem; } }
    #endpoint .endpoint__benefits__container__description {
      font-size: 1.2rem;
      text-align: center;
      margin-bottom: 3rem;
      color: #6d6d6d; }
      @media (max-width: 1199px) {
        #endpoint .endpoint__benefits__container__description {
          font-size: 1rem;
          padding: 1rem; } }
    #endpoint .endpoint__benefits__container__items {
      padding: 2rem 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 3rem;
      color: #6d6d6d; }
      @media (max-width: 1199px) {
        #endpoint .endpoint__benefits__container__items {
          grid-gap: 3rem;
          grid-template-columns: 1fr; } }
      #endpoint .endpoint__benefits__container__items__col {
        display: grid;
        grid-gap: 5rem; }
        @media (max-width: 1199px) {
          #endpoint .endpoint__benefits__container__items__col {
            grid-gap: 2rem; } }
        #endpoint .endpoint__benefits__container__items__col__item {
          display: grid;
          grid-template-columns: 145px 2fr;
          grid-gap: 3rem;
          align-items: center; }
          @media (max-width: 767px) {
            #endpoint .endpoint__benefits__container__items__col__item {
              grid-template-columns: 1fr;
              align-items: center;
              justify-items: center;
              grid-gap: 1rem; } }
          #endpoint .endpoint__benefits__container__items__col__item__icon {
            justify-self: end;
            height: 140px;
            z-index: 2; }
            @media (max-width: 767px) {
              #endpoint .endpoint__benefits__container__items__col__item__icon {
                justify-self: center; } }
          #endpoint .endpoint__benefits__container__items__col__item__txt {
            background-color: #c1c1c1;
            padding: 1rem 1rem 1rem 10rem;
            margin-left: -7rem;
            z-index: 1;
            border-radius: 1rem;
            height: 200px; }
            @media (max-width: 767px) {
              #endpoint .endpoint__benefits__container__items__col__item__txt {
                text-align: center;
                height: fit-content;
                padding: 1rem;
                margin-left: 0; } }
            #endpoint .endpoint__benefits__container__items__col__item__txt__title {
              font-family: "Rajdhani", sans-serif;
              font-size: 1.2rem;
              color: #6d6d6d;
              margin-bottom: 0.5rem; }
              @media (max-width: 767px) {
                #endpoint .endpoint__benefits__container__items__col__item__txt__title {
                  font-size: 1.3rem; } }
            #endpoint .endpoint__benefits__container__items__col__item__txt__description {
              font-size: 1rem;
              text-align: left;
              line-height: 1.3; }
              @media (max-width: 767px) {
                #endpoint .endpoint__benefits__container__items__col__item__txt__description {
                  text-align: center;
                  padding: 0; } }

#endpoint .endpoint__products {
  background-color: #1949ff; }
  #endpoint .endpoint__products__container {
    grid-column: main-start/main-end;
    justify-self: center; }
    @media (min-width: 1200px) {
      #endpoint .endpoint__products__container {
        width: 1090px; } }
    #endpoint .endpoint__products__container__title {
      font-family: "Rajdhani", sans-serif;
      font-size: 4.5rem;
      font-weight: 600;
      text-align: center;
      color: white; }
      @media (max-width: 1199px) {
        #endpoint .endpoint__products__container__title {
          text-align: center;
          font-size: 2rem; } }
    #endpoint .endpoint__products__container__description {
      font-size: 2rem;
      text-align: center;
      padding: 1rem;
      border-radius: 10px; }
      @media (max-width: 1199px) {
        #endpoint .endpoint__products__container__description {
          text-align: center;
          font-size: 1rem;
          text-align: center; } }
    #endpoint .endpoint__products__container__items {
      display: grid;
      grid-template-columns: repeat(3, minmax(20px, 340px));
      grid-gap: 2rem;
      justify-items: center;
      margin: 2rem 0; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #endpoint .endpoint__products__container__items {
          grid-template-columns: repeat(2, minmax(20px, 340px));
          align-items: center; } }
      @media (max-width: 767px) {
        #endpoint .endpoint__products__container__items {
          grid-template-columns: 1fr;
          align-items: center; } }
      #endpoint .endpoint__products__container__items__item {
        padding: 2rem 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center; }
        @media (max-width: 767px) {
          #endpoint .endpoint__products__container__items__item {
            width: 300px; } }
        #endpoint .endpoint__products__container__items__item__title {
          font-size: 1.1rem;
          font-family: "Rajdhani", sans-serif;
          color: #00ffff;
          font-weight: 300;
          text-align: center;
          margin-bottom: 2rem; }
          @media (max-width: 1199px) {
            #endpoint .endpoint__products__container__items__item__title {
              font-size: 1.1rem; } }
        #endpoint .endpoint__products__container__items__item__txt {
          flex-grow: 4 !important;
          font-size: 1.1rem;
          text-align: center;
          color: #808080;
          line-height: 1.3; }
        #endpoint .endpoint__products__container__items__item__btn {
          padding: 1rem 2rem;
          background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%);
          border-radius: 10px;
          color: white;
          font-size: 1rem;
          text-align: center;
          font-weight: bold; }
          @media (max-width: 767px) {
            #endpoint .endpoint__products__container__items__item__btn {
              width: 150px;
              padding: 0.5rem 1rem;
              border-radius: 5px; } }

#endpoint .endpoint__contact-us {
  background-color: #1949ff; }
  #endpoint .endpoint__contact-us .input-feild {
    border-radius: 0;
    height: 59px;
    font-size: 1.2rem;
    border-radius: 7px; }
  #endpoint .endpoint__contact-us .radio-lable {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #999999;
    padding-top: 0.5rem; }
    @media (max-width: 767px) {
      #endpoint .endpoint__contact-us .radio-lable {
        padding-top: 0;
        line-height: 1.3;
        font-size: 0.8rem; } }
  #endpoint .endpoint__contact-us .radio-form {
    justify-self: center;
    display: grid;
    grid-template-columns: 39px 1fr;
    justify-items: center;
    align-items: center;
    padding-top: 1rem;
    grid-column: -3/-1; }
    @media (max-width: 767px) {
      #endpoint .endpoint__contact-us .radio-form {
        align-items: flex-start;
        grid-column: -3/-1;
        padding-top: 0rem; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #endpoint .endpoint__contact-us .radio-form {
        align-items: flex-start;
        padding-top: 0rem; } }
    #endpoint .endpoint__contact-us .radio-form__checkbox {
      align-self: center;
      width: 20px;
      height: 20px; }
      @media (max-width: 767px) {
        #endpoint .endpoint__contact-us .radio-form__checkbox {
          align-self: flex-start; } }
  @media (max-width: 767px) {
    #endpoint .endpoint__contact-us {
      padding: 1rem; } }
  #endpoint .endpoint__contact-us__img-text {
    max-width: fit-content;
    margin: 0 auto;
    padding: 1rem 6rem; }
  #endpoint .endpoint__contact-us__img {
    max-height: 1000px;
    margin-right: -40rem;
    padding-left: 23rem; }
    @media (max-width: 2000px) {
      #endpoint .endpoint__contact-us__img {
        display: none; } }
  #endpoint .endpoint__contact-us__container {
    grid-column: main-start/main-end;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 19px;
    width: 30rem;
    margin-left: 40rem;
    padding: 1rem;
    max-height: 1000px; }
    @media (min-width: 1200px) {
      #endpoint .endpoint__contact-us__container {
        width: 50%;
        padding: 2rem; } }
    @media (max-width: 2000px) {
      #endpoint .endpoint__contact-us__container {
        width: 90%;
        padding: 2rem;
        margin: 0 auto; } }
    #endpoint .endpoint__contact-us__container__contact {
      text-align: center; }
      #endpoint .endpoint__contact-us__container__contact__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 2.5rem;
        margin-bottom: 2rem;
        color: #00ffff; }
        @media (max-width: 1199px) {
          #endpoint .endpoint__contact-us__container__contact__title {
            font-size: 1.5rem; } }
      #endpoint .endpoint__contact-us__container__contact__description {
        font-size: 1.2rem; }
    #endpoint .endpoint__contact-us__container__form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem; }
      @media (max-width: 767px) {
        #endpoint .endpoint__contact-us__container__form {
          grid-gap: 1rem; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        #endpoint .endpoint__contact-us__container__form {
          grid-gap: 1rem; } }
      #endpoint .endpoint__contact-us__container__form__btn {
        grid-column: -3/-1;
        justify-self: center;
        background: #0e3dff;
        border-radius: 10px;
        padding: 1rem 2rem;
        font-size: 1rem;
        font-weight: bold; }

#cyber-security .cyber-security__top {
  background: url(../img/cyber-security/Section01.png); }
  #cyber-security .cyber-security__top__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 2fr 1fr; }
    @media (max-width: 1199px) {
      #cyber-security .cyber-security__top__container {
        grid-template-columns: 1fr; } }
    #cyber-security .cyber-security__top__container__main {
      padding: 3rem 2rem;
      background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8));
      border-radius: 1rem;
      text-align: center; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__top__container__main {
          padding: 0;
          background: none; } }
      #cyber-security .cyber-security__top__container__main__title {
        color: #00ffff;
        font-family: "Rajdhani", sans-serif;
        font-size: 4rem;
        font-weight: normal;
        line-height: 1; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__top__container__main__title {
            font-size: 1.5rem; } }
      #cyber-security .cyber-security__top__container__main__description {
        font-size: 1rem;
        margin-bottom: 2.5rem;
        line-height: 1.4; }
      #cyber-security .cyber-security__top__container__main__btn {
        background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%);
        padding: 1rem 2rem;
        color: white;
        text-align: center;
        font-weight: bold;
        border-radius: 10px; }

#cyber-security .cyber-security__overview {
  background-color: #08081c; }
  #cyber-security .cyber-security__overview__container {
    grid-column: main-start/main-end; }
    #cyber-security .cyber-security__overview__container__title {
      font-family: "Rajdhani", sans-serif;
      font-size: 3.5rem;
      text-align: center;
      font-weight: normal; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__overview__container__title {
          font-size: 2.5rem; } }
      @media (max-width: 767px) {
        #cyber-security .cyber-security__overview__container__title {
          font-size: 1.5rem; } }
    #cyber-security .cyber-security__overview__container__rows {
      display: grid;
      grid-gap: 4rem; }
      #cyber-security .cyber-security__overview__container__rows__cyber-security, #cyber-security .cyber-security__overview__container__rows__services {
        display: grid;
        grid-gap: 4rem;
        align-items: center; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__overview__container__rows__cyber-security, #cyber-security .cyber-security__overview__container__rows__services {
            grid-template-columns: 1fr;
            justify-self: center;
            grid-gap: 2rem; } }
        #cyber-security .cyber-security__overview__container__rows__cyber-security__txt, #cyber-security .cyber-security__overview__container__rows__services__txt {
          padding: 2rem 1rem; }
          @media (max-width: 1199px) {
            #cyber-security .cyber-security__overview__container__rows__cyber-security__txt, #cyber-security .cyber-security__overview__container__rows__services__txt {
              grid-row-start: 2;
              text-align: center;
              padding: 0; } }
          #cyber-security .cyber-security__overview__container__rows__cyber-security__txt__title, #cyber-security .cyber-security__overview__container__rows__services__txt__title {
            font-family: "Rajdhani", sans-serif;
            font-size: 2rem; }
            #cyber-security .cyber-security__overview__container__rows__cyber-security__txt__title--blue, #cyber-security .cyber-security__overview__container__rows__services__txt__title--blue {
              color: #00ffff; }
            @media (max-width: 767px) {
              #cyber-security .cyber-security__overview__container__rows__cyber-security__txt__title, #cyber-security .cyber-security__overview__container__rows__services__txt__title {
                font-size: 1.5rem; } }
          #cyber-security .cyber-security__overview__container__rows__cyber-security__txt__description, #cyber-security .cyber-security__overview__container__rows__services__txt__description {
            font-size: 1rem;
            margin-top: 1rem;
            line-height: 1.5; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__overview__container__rows__cyber-security__img, #cyber-security .cyber-security__overview__container__rows__services__img {
            justify-self: center; } }
      #cyber-security .cyber-security__overview__container__rows__cyber-security {
        grid-template-columns: 3fr 2fr; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__overview__container__rows__cyber-security {
            grid-template-columns: 1fr;
            justify-self: center; } }
      #cyber-security .cyber-security__overview__container__rows__services {
        grid-template-columns: 2fr 3fr; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__overview__container__rows__services {
            grid-template-columns: 1fr;
            justify-self: center; } }

#cyber-security .cyber-security__services {
  background-color: #0a236c; }
  #cyber-security .cyber-security__services__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-gap: 2rem; }
    #cyber-security .cyber-security__services__container__row1 {
      border-right: 1px solid #0000ff;
      border-left: 1px solid #0000ff;
      border-bottom: 1px solid #0000ff;
      display: grid; }
      @media (max-width: 767px) {
        #cyber-security .cyber-security__services__container__row1 {
          border: none; } }
      #cyber-security .cyber-security__services__container__row1__item {
        border-top: 1px solid #0000ff;
        padding: 2rem;
        display: grid;
        grid-template-columns: 1fr 3fr;
        grid-gap: 1rem;
        align-items: center;
        justify-items: center; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__services__container__row1__item {
            grid-template-columns: 1fr;
            padding: 1rem; } }
        @media (max-width: 767px) {
          #cyber-security .cyber-security__services__container__row1__item {
            border: 1px solid #0000ff;
            margin-bottom: 1rem; } }
        @media (min-width: 1200px) {
          #cyber-security .cyber-security__services__container__row1__item__txt {
            justify-self: flex-start; } }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__services__container__row1__item__txt {
            text-align: center; } }
        #cyber-security .cyber-security__services__container__row1__item__txt__title {
          font-family: "Rajdhani", sans-serif;
          font-weight: normal;
          font-size: 1.5rem;
          margin-bottom: 1rem; }
        #cyber-security .cyber-security__services__container__row1__item__txt__description {
          font-size: 1rem;
          line-height: 1.3; }
    #cyber-security .cyber-security__services__container__row2 {
      display: flex;
      justify-content: space-between;
      padding: 2rem;
      border: 1px solid #0000ff; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__services__container__row2 {
          flex-direction: column;
          padding: 0; } }
      #cyber-security .cyber-security__services__container__row2__item {
        display: grid;
        grid-gap: 2rem;
        justify-items: center;
        align-items: center;
        padding: 1rem;
        text-align: center; }
        #cyber-security .cyber-security__services__container__row2__item__title {
          font-family: "Rajdhani", sans-serif;
          font-size: 1.5rem;
          font-weight: normal; }
        #cyber-security .cyber-security__services__container__row2__item__description {
          padding: 0 1rem;
          font-size: 1rem; }
          @media (max-width: 1199px) {
            #cyber-security .cyber-security__services__container__row2__item__description {
              padding: 0; } }

#cyber-security .cyber-security__cybersecurity-services {
  background-color: #060625; }
  #cyber-security .cyber-security__cybersecurity-services__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center; }
    @media (max-width: 1199px) {
      #cyber-security .cyber-security__cybersecurity-services__container {
        grid-template-columns: 1fr;
        justify-items: center; } }
    #cyber-security .cyber-security__cybersecurity-services__container__txt {
      padding: 2rem 1rem; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__cybersecurity-services__container__txt {
          grid-row-start: 2;
          text-align: center;
          padding: 0; } }
      #cyber-security .cyber-security__cybersecurity-services__container__txt__title {
        line-height: 1.3;
        font-family: "Rajdhani", sans-serif;
        font-size: 2rem; }
        #cyber-security .cyber-security__cybersecurity-services__container__txt__title--blue {
          color: #00ffff; }
        @media (max-width: 767px) {
          #cyber-security .cyber-security__cybersecurity-services__container__txt__title {
            font-size: 1.5rem; } }
      #cyber-security .cyber-security__cybersecurity-services__container__txt__description {
        font-size: 1rem;
        margin-top: 1rem;
        line-height: 1.5; }

#cyber-security .cyber-security__digital-enterprice {
  background-image: url(../img/cyber-security/banner-02.png);
  padding: 4rem; }
  @media (max-width: 1199px) {
    #cyber-security .cyber-security__digital-enterprice {
      padding: 2rem; } }
  #cyber-security .cyber-security__digital-enterprice__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 1199px) {
      #cyber-security .cyber-security__digital-enterprice__container {
        grid-template-columns: 1fr;
        justify-items: center; } }
    #cyber-security .cyber-security__digital-enterprice__container__main {
      display: grid; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__digital-enterprice__container__main {
          justify-items: center;
          text-align: center; } }
      #cyber-security .cyber-security__digital-enterprice__container__main__title {
        line-height: 1.3;
        font-family: "Rajdhani", sans-serif;
        font-size: 2rem;
        font-weight: normal; }
        @media (max-width: 767px) {
          #cyber-security .cyber-security__digital-enterprice__container__main__title {
            font-size: 1.5rem; } }
      #cyber-security .cyber-security__digital-enterprice__container__main__description {
        font-size: 1rem;
        line-height: 1.9; }
      #cyber-security .cyber-security__digital-enterprice__container__main__btn {
        background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%);
        padding: 1rem 2rem;
        color: white;
        text-align: center;
        font-weight: bold;
        border-radius: 10px;
        justify-self: start; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__digital-enterprice__container__main__btn {
            justify-self: center; } }

#cyber-security .cyber-security__articels {
  background-color: #08081c; }
  #cyber-security .cyber-security__articels__container {
    grid-column: main-start/main-end; }
    #cyber-security .cyber-security__articels__container__title {
      line-height: 1.3;
      font-family: "Rajdhani", sans-serif;
      font-size: 2rem;
      font-weight: normal; }
      #cyber-security .cyber-security__articels__container__title--blue {
        color: #00ffff; }
      @media (max-width: 767px) {
        #cyber-security .cyber-security__articels__container__title {
          font-size: 1.5rem;
          text-align: center; } }
    #cyber-security .cyber-security__articels__container__items {
      margin-top: 2rem;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 2rem; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__articels__container__items {
          grid-template-columns: 1fr;
          justify-items: center; } }
      #cyber-security .cyber-security__articels__container__items__item {
        display: grid;
        grid-gap: 2rem;
        color: white; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__articels__container__items__item {
            justify-items: center;
            text-align: center; } }
        #cyber-security .cyber-security__articels__container__items__item__title {
          margin: 0;
          font-size: 1.2rem;
          color: #00ffff;
          opacity: 1; }
        #cyber-security .cyber-security__articels__container__items__item__description {
          font-size: 1rem;
          line-height: 1.5; }

#cyber-security .cyber-security__cybersecurity-support {
  background-image: url(../img/cyber-security/banner-02.png);
  padding: 4rem; }
  @media (max-width: 1199px) {
    #cyber-security .cyber-security__cybersecurity-support {
      padding: 2rem; } }
  #cyber-security .cyber-security__cybersecurity-support__container {
    position: relative;
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 1199px) {
      #cyber-security .cyber-security__cybersecurity-support__container {
        grid-template-columns: 1fr;
        justify-items: center;
        grid-gap: 2rem; } }
    #cyber-security .cyber-security__cybersecurity-support__container__main {
      display: grid; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__cybersecurity-support__container__main {
          justify-items: center;
          text-align: center; } }
      #cyber-security .cyber-security__cybersecurity-support__container__main__title {
        line-height: 1.3;
        font-family: "Rajdhani", sans-serif;
        font-size: 2rem;
        font-weight: normal; }
        @media (max-width: 767px) {
          #cyber-security .cyber-security__cybersecurity-support__container__main__title {
            font-size: 1.5rem; } }
      #cyber-security .cyber-security__cybersecurity-support__container__main__description {
        font-size: 1rem;
        line-height: 1.9; }
      #cyber-security .cyber-security__cybersecurity-support__container__main__btn {
        background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%);
        padding: 1rem 2rem;
        color: white;
        text-align: center;
        font-weight: bold;
        border-radius: 10px;
        justify-self: start; }
        @media (max-width: 1199px) {
          #cyber-security .cyber-security__cybersecurity-support__container__main__btn {
            justify-self: center; } }
    @media (max-width: 1199px) {
      #cyber-security .cyber-security__cybersecurity-support__container__img {
        grid-row-start: 1; } }
    @media (min-width: 1200px) {
      #cyber-security .cyber-security__cybersecurity-support__container__img {
        position: absolute;
        right: 0;
        bottom: -60%; } }

#cyber-security .cyber-security__help {
  background-color: #08081c; }
  #cyber-security .cyber-security__help__container {
    grid-column: main-start/main-end; }
    #cyber-security .cyber-security__help__container__title {
      line-height: 1.3;
      font-family: "Rajdhani", sans-serif;
      font-size: 2rem;
      font-weight: normal;
      color: #00ffff;
      margin-bottom: 3rem; }
      @media (max-width: 767px) {
        #cyber-security .cyber-security__help__container__title {
          font-size: 1.5rem; } }
    #cyber-security .cyber-security__help__container__items {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 2rem; }
      @media (max-width: 1199px) {
        #cyber-security .cyber-security__help__container__items {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 767px) {
        #cyber-security .cyber-security__help__container__items {
          grid-template-columns: 1fr; } }
      #cyber-security .cyber-security__help__container__items__item {
        padding: 1rem;
        border: 1px solid #00ffff;
        display: grid;
        grid-template-columns: 1fr 40px;
        grid-gap: 1rem;
        cursor: pointer;
        color: white; }
        #cyber-security .cyber-security__help__container__items__item__title {
          margin: 0;
          font-size: 1.3rem; }
        #cyber-security .cyber-security__help__container__items__item__icon {
          font-size: 1.5rem;
          color: #00ffff; }
        #cyber-security .cyber-security__help__container__items__item__description {
          grid-column: 1/-1;
          font-size: 1rem; }

#home-dev-innov {
  background-image: url(../img/home/dev-innov-home-bg.png);
  background-size: cover; }
  #home-dev-innov .home-dev-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: 6rem;
    align-items: center; }
    #home-dev-innov .home-dev-section__left__devtitle {
      margin-bottom: 0; }
    #home-dev-innov .home-dev-section__left__innovtitle {
      letter-spacing: 0.7rem; }
    #home-dev-innov .home-dev-section__left__learn1 {
      justify-self: center; }
    @media (max-width: 1199px) {
      #home-dev-innov .home-dev-section__left {
        text-align: center; }
        #home-dev-innov .home-dev-section__left__learn1 {
          display: none; } }
    #home-dev-innov .home-dev-section__right {
      margin-right: 2rem;
      margin-left: 2rem;
      text-align: center; }
      #home-dev-innov .home-dev-section__right__txt {
        line-height: 2rem; }
      #home-dev-innov .home-dev-section__right__learn2 {
        display: none;
        margin-top: 1rem;
        justify-self: center; }
        @media (min-width: 768px) and (max-width: 1199px) {
          #home-dev-innov .home-dev-section__right__learn2 {
            width: 50%;
            margin-left: auto;
            margin-right: auto; } }
      @media (max-width: 1199px) {
        #home-dev-innov .home-dev-section__right {
          margin-right: 0;
          margin-left: 0; }
          #home-dev-innov .home-dev-section__right__learn2 {
            display: block; } }
    @media (max-width: 1199px) {
      #home-dev-innov .home-dev-section {
        grid-template-columns: auto;
        grid-gap: 1rem; } }
  #home-dev-innov a {
    position: relative;
    display: inline-block;
    padding: 25px 30px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    overflow: hidden; }
  #home-dev-innov a:hover {
    background: linear-gradient(90deg, #4eaadd, #db00f5);
    color: white;
    box-shadow: 0 0 5px #db00f5, 0 0 25px #db00f5, 0 0 50px #db00f5, 0 0 200px #db00f5;
    -webkit-box-reflect: below 1px linear-gradient(transparent, #0005); }
  #home-dev-innov a:nth-child(1) {
    filter: hue-rotate(270deg); }
  #home-dev-innov a:nth-child(2) {
    filter: hue-rotate(110deg); }
  #home-dev-innov a span {
    position: absolute;
    display: block; }
  #home-dev-innov a span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #db00f5);
    animation: animate1 1s linear infinite; }

@keyframes animate1 {
  0% {
    left: -100%; }
  50%,
  100% {
    left: 100%; } }
  #home-dev-innov a span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #db00f5);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s; }

@keyframes animate2 {
  0% {
    top: -100%; }
  50%,
  100% {
    top: 100%; } }
  #home-dev-innov a span:nth-child(3) {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #db00f5);
    animation: animate3 1s linear infinite;
    animation-delay: 0.5s; }

@keyframes animate3 {
  0% {
    right: -100%; }
  50%,
  100% {
    right: 100%; } }
  #home-dev-innov a span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #db00f5);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s; }

@keyframes animate4 {
  0% {
    bottom: -100%; }
  50%,
  100% {
    bottom: 100%; } }
  #home-dev-innov .neon {
    color: #fff;
    text-shadow: 0 0 0.033em #fff, 0 0 0.08em #fff, 0 0 0.1em #db00f5, 0 0 0.2em #db00f5, 0 0 0.3em #db00f5, 0 0 1em #db00f5, 0 0 1.5em #db00f5; }
  #home-dev-innov .neon span {
    animation-name: flicker;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate; }
  #home-dev-innov .neon span:nth-child(2n) {
    animation-delay: 3s; }

/* Animation */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 100px, 0); }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 100px, 0); }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.fadeup-animate {
  animation-duration: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  opacity: 0;
  padding: 2rem 0; }

.invest-animate {
  animation-duration: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  opacity: 0;
  display: grid;
  grid-template-columns: 1fr minmax(300px, 1fr);
  align-items: center;
  justify-items: end;
  opacity: 0;
  margin-top: 10rem; }

.invest-animate-1 {
  margin-top: 5rem !important; }

@keyframes fadeInLeft {
  from {
    transform: translate3d(-100px, 0px, 0); }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeOutLeft {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(-100px, 0px, 0); } }

@keyframes fadeOutRight {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(100px, 0px, 0); } }

::selection {
  color: #fff;
  background: #297ED4; }

.hero_wrapper {
  display: flex;
  position: relative;
  height: 40vh;
  min-height: 400px;
  width: 100%;
  background-color: #2e77ce;
  justify-content: space-evenly; }
  @media (max-width: 767px) {
    .hero_wrapper {
      overflow: hidden;
      flex-direction: column; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .hero_wrapper {
      padding: 1rem; } }
  .hero_wrapper .title_btn {
    padding: 1rem 2rem;
    width: fit-content;
    background: white;
    border-radius: 2rem;
    color: #08337f;
    text-align: center;
    justify-self: center;
    margin: 24px auto 0;
    font-size: 1.2rem; }
  .hero_wrapper .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center;
    width: 100%;
    padding: 0; }
    @media (max-width: 767px) {
      .hero_wrapper .container {
        overflow: hidden;
        flex-direction: column; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .hero_wrapper .container {
        padding: 1rem; } }
    @media (max-width: 75em) {
      .hero_wrapper .container {
        padding: 1rem; } }
  .hero_wrapper .hero_title_wrapper {
    z-index: 2;
    padding: 0.75rem;
    border: solid 8px rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.15);
    height: fit-content; }
    @media (max-width: 767px) {
      .hero_wrapper .hero_title_wrapper {
        font-size: 2.5rem; } }
    .hero_wrapper .hero_title_wrapper h1.hero_title {
      padding: 0;
      font-size: clamp(2.25rem, 5vw, 5rem);
      line-height: clamp(2.25rem, 5vw, 5rem);
      border: none;
      color: inherit; }
    .hero_wrapper .hero_title_wrapper h2.hero_subtitle {
      font-size: clamp(1.8rem, 3vw, 3rem);
      line-height: clamp(1.8rem, 3vw, 3rem);
      border: none;
      color: inherit; }
  .hero_wrapper p {
    padding: 16px 8px 0 16px; }
  .hero_wrapper video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    pointer-events: none; }
  .hero_wrapper .hero_content {
    display: flex;
    margin: auto;
    justify-content: space-evenly;
    margin: auto;
    padding-left: 30px;
    width: 25%;
    min-width: 230px; }
    @media (max-width: 767px) {
      .hero_wrapper .hero_content {
        padding: 1rem;
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .hero_wrapper .hero_content {
        padding: 1rem; } }

/**   Buttons
      Syntax: <a class="btn btn-dark btn-wide" href="contact-us.html"><span>EMAIL US</span></a>
*/
a.btn,
input[type="submit"].btn {
  display: inherit;
  width: fit-content;
  position: relative;
  padding: 1rem 2rem;
  border-radius: 5px;
  background-color: #fff;
  color: #2e77ce;
  font-weight: 600;
  font-size: 1.1rem;
  border: 1px solid #2e77ce;
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Safari */
  transform: scale(1);
  -webkit-transition: color 0.1s ease, background-color 0.2s ease, border 0.25s ease, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: color 0.1s ease, background-color 0.2s ease, border 0.25s ease, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: color 0.1s ease, background-color 0.2s ease, border 0.25s ease, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: color 0.1s ease, background-color 0.2s ease, border 0.25s ease, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: color 0.1s ease, background-color 0.2s ease, border 0.25s ease, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  a.btn:hover,
  input[type="submit"].btn:hover {
    color: #fff;
    border-color: transparent;
    background-color: #2e77ce;
    -ms-transform: scale(0.97);
    /* IE 9 */
    -webkit-transform: scale(0.97);
    /* Safari */
    transform: scale(0.97); }
  a.btn.btn-dark,
  input[type="submit"].btn.btn-dark {
    background-color: #2e77ce;
    color: #fff; }
  a.btn.btn-wide,
  input[type="submit"].btn.btn-wide {
    width: 100%; }
  a.btn span,
  input[type="submit"].btn span {
    position: relative; }

#iframe_wrapper {
  width: 100%;
  background-image: url("../img/home/02section-bg.png");
  padding: 100px 0 50px; }

#home-page h1 {
  max-width: 24ch; }

#home-page .home-hero {
  height: 40vh;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  width: 100%; }
  @media (max-width: 767px) {
    #home-page .home-hero {
      height: 30vh; } }

#home-page .home-hero__vid-container {
  margin: 0 auto;
  position: relative;
  align-items: center; }
  @media (max-width: 767px) {
    #home-page .home-hero__vid-container {
      border-radius: 0 0 0 0; } }

#home-page .home-hero__vid-container__vid {
  object-fit: cover; }

@media (max-width: 75em) {
  #home-page #home-top-section2 .home-top-section2-features__container__lists {
    grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 62em) {
  #home-page #home-top-section2 .home-top-section2-features__container__lists {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 48em) {
  #home-page #home-top-section2 .home-top-section2-features__container__lists {
    grid-template-columns: 1fr; } }

.home-top-section2-features__container h3 {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }
  @media (max-width: 767px) {
    .home-top-section2-features__container h3 {
      margin-top: 2rem; } }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list {
  border: 1px solid #2e77ce;
  background: none; }
  @media (max-width: 48em) {
    #home-page
#home-top-section2
.home-top-section2-features__container__lists__list {
      margin: 0 10%; } }
  @media (max-width: 36em) {
    #home-page
#home-top-section2
.home-top-section2-features__container__lists__list {
      margin: 0; } }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__img {
  filter: invert(1);
  max-width: 67px;
  max-height: 88px;
  min-width: 67px;
  min-height: 88px; }
  #home-page
#home-top-section2
.home-top-section2-features__container__lists__list__img.no-invert {
    filter: invert(0);
    max-width: 67px;
    max-height: 88px;
    min-width: 67px;
    min-height: 88px; }
  @media (max-width: 48em) {
    #home-page
#home-top-section2
.home-top-section2-features__container__lists__list__img {
      height: 80px;
      width: auto; } }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__title {
  max-height: 70px;
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #333; }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__title_IoT {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #333;
  text-transform: unset;
  margin: 1.5rem;
  height: 70px; }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__description {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left;
  padding: 0;
  margin-bottom: 2rem;
  max-height: 190px; }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__btn {
  background: #eee;
  color: #2e77ce;
  font-weight: 600;
  border: 1px solid #2e77ce; }
  #home-page
#home-top-section2
.home-top-section2-features__container__lists__list__btn:hover {
    color: #fff; }

#industries {
  width: 100%;
  padding: 4rem 0;
  background: #eee; }
  #industries .container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto; }
    @media (max-width: 62em) {
      #industries .container {
        padding: 0 16px;
        display: block; } }
  #industries .row {
    display: flex;
    width: 100%;
    flex-direction: column; }
    #industries .row .industries-title {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce;
      color: #2e77ce;
      margin-bottom: 30px; }
    #industries .row .industry-items-wrapper {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #industries .row .industry-items-wrapper article.industry-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 10px 0;
        padding: 50px;
        margin: 15px;
        flex-basis: calc(100% / 3);
        max-width: 400px;
        min-width: 375px;
        border: 1px solid black;
        transition: all 0.3s ease; }
        #industries .row .industry-items-wrapper article.industry-item:hover {
          background-color: #fff; }
        #industries .row .industry-items-wrapper article.industry-item .industry-item-icon {
          filter: invert(100%);
          height: 30px;
          width: 30px; }
        #industries .row .industry-items-wrapper article.industry-item h3.industry-item-title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #2e77ce;
          margin: 15px 0 10px;
          align-self: flex-start; }
        #industries .row .industry-items-wrapper article.industry-item p.industry-item-info {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left;
          color: #333;
          width: 100%; }

#home-page .projects__projects-sec {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6rem 2rem;
  background-color: #e3e3e3; }

#home-page .projects__projects-sec__title {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce;
  color: #2e77ce; }

#home-page .projects__projects-sec__img-container {
  display: flex;
  max-width: 1300px;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center; }

#home-page .projects__projects-sec__img-container__item {
  margin: 6px; }
  #home-page .projects__projects-sec__img-container__item:hover {
    transform: none;
    box-shadow: none; }
  @media (max-width: 62em) {
    #home-page .projects__projects-sec__img-container__item {
      margin: 5px; } }
  @media (max-width: 48em) {
    #home-page .projects__projects-sec__img-container__item {
      margin: 2px; } }

#home-page .projects__projects-sec__img-container__item__img {
  max-height: unset;
  max-width: unset;
  width: calc((1300px / 5) - 20px);
  margin: 0; }
  @media (max-width: 87.5em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 325px; } }
  @media (max-width: 75em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 325px; } }
  @media (max-width: 62em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 250px; } }
  @media (max-width: 48em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 175px; } }

#home-page .projects__projects-sec__img-container__item__txt {
  color: #fff;
  background-color: #000;
  padding: 8px; }
  @media (max-width: 48em) {
    #home-page .projects__projects-sec__img-container__item__txt {
      font-size: 1rem;
      opacity: 1; } }

.form-title {
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
  margin-bottom: 2rem;
  font-size: 1.7rem;
  color: #2e77ce; }

.form-body-text {
  color: #2e77ce;
  width: fit-content;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

#home-page .contact-sec__wrapper__form {
  margin-right: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  #home-page .contact-sec__wrapper__form .contact-sec__wrapper__form__fullname {
    color: #333; }
    #home-page .contact-sec__wrapper__form .contact-sec__wrapper__form__fullname::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #444;
      opacity: 1;
      /* Firefox */ }
    #home-page .contact-sec__wrapper__form .contact-sec__wrapper__form__fullname:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #444; }

.form-fullname-wrapper {
  width: 100%;
  display: flex;
  gap: 5%; }

.text-input-field {
  padding: 16px;
  background: #e3e3e3;
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  border: none;
  width: 100%; }
  .text-input-field.form-fullname {
    width: 47.5%; }
  .text-input-field:focus {
    outline: none; }
  .text-input-field::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #444;
    opacity: 1;
    /* Firefox */ }
  .text-input-field:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #444; }

textarea.text-input-field {
  font-size: 1rem; }

#home-page .contact-sec__wrapper__form__btn {
  margin-top: 25px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  background-color: #2e77ce;
  transition: all 0.3s ease; }
  #home-page .contact-sec__wrapper__form__btn:hover {
    box-shadow: none;
    background-color: #5692d9; }

.office-builds__top__container {
  margin: auto; }

@media (max-height: 1100px) {
  .office-builds__top__container__txt__title {
    font-size: 3rem; } }

#service-call {
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #service-call .service-call_btn_title {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #2e77ce; }
  #service-call .btn span {
    text-transform: capitalize; }

#autocad .autocad {
  background-image: url("../img/home/02section-bg.png"); }
  #autocad .autocad__top {
    max-width: 1300px;
    margin: 50px auto;
    display: flex; }
    @media (max-width: 767px) {
      #autocad .autocad__top {
        padding: 1rem;
        margin: 0 auto; } }
    #autocad .autocad__top p.autocad__top__container__main__description {
      width: 100%;
      list-style: inside;
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #666666;
      text-align: left;
      margin: 1rem;
      padding: 2rem 3rem; }
      @media (max-width: 48em) {
        #autocad .autocad__top p.autocad__top__container__main__description {
          padding: 2rem 1rem; } }
      @media (max-width: 1199px) {
        #autocad .autocad__top p.autocad__top__container__main__description {
          width: 100%;
          justify-self: center;
          text-align: left; } }
    #autocad .autocad__top #video {
      pointer-events: none;
      opacity: 0.8;
      max-height: 600px;
      width: 100%;
      object-fit: cover; }
      @media (max-width: 767px) {
        #autocad .autocad__top #video {
          height: 600px; } }
    #autocad .autocad__top__container {
      grid-column: main-start/main-end;
      display: grid;
      grid-template-columns: 1fr 1fr; }
      @media (max-width: 1199px) {
        #autocad .autocad__top__container {
          grid-template-columns: 1fr;
          height: fit-content; } }
      #autocad .autocad__top__container__image {
        position: absolute;
        z-index: 3;
        background-color: transparent;
        top: 35%;
        right: 0;
        left: 45vw;
        width: 55vw;
        height: 30vh; }
        @media (max-width: 1199px) {
          #autocad .autocad__top__container__image {
            position: relative;
            grid-column: 1/-1;
            display: grid;
            top: 0;
            left: 0;
            bottom: 0;
            width: 80vw;
            margin-top: 0;
            height: fit-content; } }
      #autocad .autocad__top__container__main {
        width: 70vw;
        z-index: 2;
        display: flex;
        width: 100vw;
        justify-content: space-around;
        align-items: center; }
        @media (max-width: 1199px) {
          #autocad .autocad__top__container__main {
            padding: 1rem;
            margin: 0 auto;
            grid-column: 1/-1;
            display: grid;
            bottom: 0;
            width: 80vw;
            margin-top: -5rem; } }
        #autocad .autocad__top__container__main__title {
          font-family: "Rajdhani", sans-serif;
          font-size: 5rem;
          color: #0a236c;
          font-weight: 300;
          padding: 0.75rem;
          border: solid 8px rgba(255, 255, 255, 0.7);
          line-height: 1em;
          text-transform: uppercase;
          background-color: rgba(0, 0, 0, 0.15); }
          #autocad .autocad__top__container__main__title--white {
            font-size: 2.5rem;
            color: white; }
            @media (max-width: 1199px) {
              #autocad .autocad__top__container__main__title--white {
                font-size: 1.5rem;
                text-align: center; } }
          #autocad .autocad__top__container__main__title__secondline {
            font-weight: 600; }
            @media (max-width: 1199px) {
              #autocad .autocad__top__container__main__title__secondline {
                font-size: 1.2rem; } }
          @media (max-width: 1199px) {
            #autocad .autocad__top__container__main__title {
              font-size: 2rem;
              text-align: center; } }
  #autocad .autocad__visualization {
    padding: 3rem 7rem; }
    @media (max-width: 48em) {
      #autocad .autocad__visualization {
        padding: 1rem; } }
    #autocad .autocad__visualization__container {
      grid-column: main-start/main-end;
      background-color: #fff;
      max-width: 1300px;
      margin: 0 auto;
      border-radius: 5px;
      padding: 2rem 3rem; }
      @media (max-width: 48em) {
        #autocad .autocad__visualization__container {
          padding: 2rem 1rem;
          border-radius: 5px; } }
      #autocad .autocad__visualization__container__main {
        display: flex;
        gap: 1rem;
        align-items: center;
        justify-content: center; }
        @media (max-width: 62em) {
          #autocad .autocad__visualization__container__main {
            flex-direction: column; } }
        #autocad .autocad__visualization__container__main__content {
          display: flex;
          flex-direction: column; }
          #autocad .autocad__visualization__container__main__content__title {
            font-family: "Rajdhani", sans-serif;
            text-align: left;
            font-size: 2.5rem;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 2rem;
            color: #666666;
            margin-left: 2rem;
            margin-bottom: 0; }
            @media (max-width: 1199px) {
              #autocad .autocad__visualization__container__main__content__title {
                font-size: 1.5rem; } }
          #autocad .autocad__visualization__container__main__content__description {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #333;
            text-align: left;
            padding: 2rem; }
            @media (max-width: 36em) {
              #autocad .autocad__visualization__container__main__content__description {
                padding: 1rem; } }
        #autocad .autocad__visualization__container__main__img-container {
          padding: 1rem;
          min-height: 200px; }
          @media (min-width: 1200px) {
            #autocad .autocad__visualization__container__main__img-container {
              min-width: 300px; } }
          #autocad .autocad__visualization__container__main__img-container img {
            max-height: 400px;
            width: auto; }
  #autocad .autocad__black-sec__container {
    position: relative;
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
    justify-items: center;
    align-items: center; }
    @media (max-width: 1199px) {
      #autocad .autocad__black-sec__container {
        grid-template-columns: 1fr; } }
    #autocad .autocad__black-sec__container__img {
      position: absolute;
      z-index: 2;
      bottom: 0;
      right: 125px;
      height: 400px; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #autocad .autocad__black-sec__container__img {
          transform: scaleY(-1);
          height: 200px;
          top: 0;
          right: -50px;
          bottom: unset; } }
      @media (max-width: 767px) {
        #autocad .autocad__black-sec__container__img {
          display: none; } }
    #autocad .autocad__black-sec__container__main {
      z-index: 1;
      background-color: #fff;
      padding: 1rem 2rem; }
      #autocad .autocad__black-sec__container__main__title {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #666666;
        margin-bottom: 0; }
        @media (max-width: 1199px) {
          #autocad .autocad__black-sec__container__main__title {
            font-size: 1.5rem;
            text-align: center; } }
      #autocad .autocad__black-sec__container__main__cablingStyle {
        background-color: #f8f8f8;
        padding: 1rem 20rem 1rem 2rem;
        margin-right: -18rem;
        box-shadow: 4px 4px 5px #00000010; }
        @media (min-width: 768px) and (max-width: 1199px) {
          #autocad .autocad__black-sec__container__main__cablingStyle {
            padding: 1rem 200px 1rem 2rem;
            margin: 0 auto; } }
        @media (max-width: 767px) {
          #autocad .autocad__black-sec__container__main__cablingStyle {
            padding: 1rem 2rem;
            margin: 0 auto; } }
      #autocad .autocad__black-sec__container__main__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        list-style: inside;
        margin: 1rem 0; }
        @media (max-width: 1199px) {
          #autocad .autocad__black-sec__container__main__description {
            justify-self: center;
            text-align: left; } }
  #autocad .autocad__blue-sec__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
    justify-items: center;
    align-items: center; }
    @media (max-width: 1199px) {
      #autocad .autocad__blue-sec__container {
        grid-template-columns: 1fr; } }
    #autocad .autocad__blue-sec__container__img {
      z-index: 2; }
      @media (max-width: 1199px) {
        #autocad .autocad__blue-sec__container__img {
          grid-row-start: 1; } }
    #autocad .autocad__blue-sec__container__main {
      z-index: 1;
      background-color: #fff;
      padding: 1rem 2rem 1rem 22rem;
      margin-left: -20rem; }
      @media (max-width: 1199px) {
        #autocad .autocad__blue-sec__container__main {
          padding: 1rem 2rem;
          margin: 0 auto; } }
      #autocad .autocad__blue-sec__container__main__title {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #666666;
        margin-bottom: 0; }
        @media (max-width: 1199px) {
          #autocad .autocad__blue-sec__container__main__title {
            font-size: 1.5rem;
            text-align: center; } }
      #autocad .autocad__blue-sec__container__main__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        list-style: inside;
        margin: 1rem 0; }
        @media (max-width: 1199px) {
          #autocad .autocad__blue-sec__container__main__description {
            justify-self: center;
            text-align: center; } }
  #autocad .autocad__partners {
    background: #08337f; }
    #autocad .autocad__partners__sec-container {
      grid-column: main-start/main-end; }
      #autocad .autocad__partners__sec-container__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 3rem;
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        margin-bottom: 3rem; }
      #autocad .autocad__partners__sec-container__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem; }
        #autocad .autocad__partners__sec-container__items__row__item {
          width: 150px; }
        @media (max-width: 48em) {
          #autocad .autocad__partners__sec-container__items {
            display: flex;
            align-items: center;
            justify-content: center; }
            #autocad .autocad__partners__sec-container__items__row__item {
              width: 120px; } }

#alarms .alarms__content_title_block {
  display: flex;
  position: relative;
  padding: 4rem;
  background-color: #1c2662; }
  @media (max-width: 767px) {
    #alarms .alarms__content_title_block {
      overflow: hidden;
      flex-direction: column;
      padding: 1rem; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #alarms .alarms__content_title_block {
      padding: 1rem; } }
  #alarms .alarms__content_title_block__header {
    z-index: 2;
    padding: 0.75rem;
    border: solid 8px rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.15); }
    #alarms .alarms__content_title_block__header h1.content_title_block__h1 {
      padding: 0;
      font-size: 5rem;
      border: none; }
      @media (max-width: 767px) {
        #alarms .alarms__content_title_block__header h1.content_title_block__h1 {
          font-size: 2.5rem; } }
      @media (max-width: 320px) {
        #alarms .alarms__content_title_block__header h1.content_title_block__h1 {
          font-size: 1rem; } }
  #alarms .alarms__content_title_block p {
    padding: 16px 8px 0 16px; }
  #alarms .alarms__content_title_block video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%; }
  #alarms .alarms__content_title_block [class$="__container"] {
    margin-left: 48px;
    z-index: 1;
    display: flex;
    flex-direction: column; }
    @media (max-width: 1199px) {
      #alarms .alarms__content_title_block [class$="__container"] {
        margin-left: 0; } }
  #alarms .alarms__content_title_block .content_title_content {
    display: flex;
    margin: auto;
    justify-content: space-evenly;
    width: 100%;
    padding: 0 10rem; }
  #alarms .alarms__content_title_block [class$="__container__txt__description"] {
    font-size: 0.9em; }

#alarms .alarms__main_section {
  padding: 5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%; }
  @media (max-width: 767px) {
    #alarms .alarms__main_section {
      flex-direction: column;
      padding: 1rem; } }
  #alarms .alarms__main_section__video {
    width: 50%;
    height: 100%;
    position: relative; }
    #alarms .alarms__main_section__video video {
      position: relative;
      width: 100%; }
  #alarms .alarms__main_section__text {
    display: flex;
    z-index: 2;
    height: fit-content;
    text-align: center;
    border-radius: 5rem;
    width: 50%;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      #alarms .alarms__main_section__text {
        width: 100vw;
        position: relative;
        padding: 2rem 1rem;
        flex-direction: column; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #alarms .alarms__main_section__text {
        width: 80vw;
        margin-top: 0;
        position: relative;
        flex-direction: column; } }
    #alarms .alarms__main_section__text p.alarms__main_section__description {
      width: 30vw;
      margin: 1rem;
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #333;
      text-align: left;
      background: transparent;
      padding: 0.5rem; }
      @media (max-width: 1199px) {
        #alarms .alarms__main_section__text p.alarms__main_section__description {
          width: auto;
          padding: 1rem; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        #alarms .alarms__main_section__text p.alarms__main_section__description {
          padding-bottom: 3.5rem; } }
      @media (max-width: 767px) {
        #alarms .alarms__main_section__text p.alarms__main_section__description {
          padding-bottom: 2.5rem; } }

#alarms .alarms__technologies__title-container {
  margin: 1rem;
  padding: 1rem;
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }
  @media (max-width: 767px) {
    #alarms .alarms__technologies__title-container {
      text-align: left; } }

#alarms .alarms__technologies__items-container {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  width: 100%; }
  @media (max-width: 62em) {
    #alarms .alarms__technologies__items-container {
      flex-direction: column;
      padding: 2rem; } }
  @media (max-width: 48em) {
    #alarms .alarms__technologies__items-container {
      flex-direction: column;
      padding: 1rem; } }
  #alarms .alarms__technologies__items-container__item {
    min-height: 240px;
    flex-basis: 45%;
    background: #e6e6e6 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 10rem 0rem 0rem 10rem;
    display: flex;
    align-items: center;
    justify-items: center; }
    @media (max-width: 75em) {
      #alarms .alarms__technologies__items-container__item {
        min-height: 390px; } }
    @media (max-width: 62em) {
      #alarms .alarms__technologies__items-container__item {
        min-height: 240px; } }
    @media (max-width: 48em) {
      #alarms .alarms__technologies__items-container__item {
        min-height: 240px;
        border-radius: 0rem;
        flex-direction: column; } }
    #alarms .alarms__technologies__items-container__item__icon {
      height: 200px;
      display: block; }
    #alarms .alarms__technologies__items-container__item__txt {
      padding: 2rem; }
      #alarms .alarms__technologies__items-container__item__txt h4.alarms__technologies__items-container__item__txt__title {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #666666;
        opacity: 1; }
      #alarms .alarms__technologies__items-container__item__txt p.alarms__technologies__items-container__item__txt__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        opacity: 1; }
  #alarms .alarms__technologies__items-container__item_reverse {
    min-height: 240px;
    flex-basis: 45%;
    background: #e6e6e6 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 0rem 10rem 10rem 0rem;
    display: flex;
    align-items: center;
    justify-items: center; }
    @media (max-width: 75em) {
      #alarms .alarms__technologies__items-container__item_reverse {
        min-height: 390px; } }
    @media (max-width: 62em) {
      #alarms .alarms__technologies__items-container__item_reverse {
        min-height: 240px; } }
    @media (max-width: 48em) {
      #alarms .alarms__technologies__items-container__item_reverse {
        min-height: 240px;
        border-radius: 0rem;
        flex-direction: column; } }
    #alarms .alarms__technologies__items-container__item_reverse__iconHide {
      height: 200px;
      display: none; }
      @media (max-width: 48em) {
        #alarms .alarms__technologies__items-container__item_reverse__iconHide {
          display: block;
          justify-self: center; } }
    #alarms .alarms__technologies__items-container__item_reverse__iconShow {
      height: 200px;
      display: block; }
      @media (max-width: 48em) {
        #alarms .alarms__technologies__items-container__item_reverse__iconShow {
          display: none; } }
    #alarms .alarms__technologies__items-container__item_reverse__txt {
      padding: 2rem; }
      #alarms .alarms__technologies__items-container__item_reverse__txt h4.alarms__technologies__items-container__item_reverse__txt__title {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #666666;
        opacity: 1; }
      #alarms .alarms__technologies__items-container__item_reverse__txt p.alarms__technologies__items-container__item_reverse__txt__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        opacity: 1; }

#alarms .alarms__solutions__title-container {
  margin: 1rem;
  padding: 1rem;
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }
  @media (max-width: 767px) {
    #alarms .alarms__solutions__title-container {
      text-align: left; } }

#alarms .alarms__solutions__items-container {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%; }
  @media (max-width: 62em) {
    #alarms .alarms__solutions__items-container {
      flex-direction: column;
      padding: 2rem; } }
  @media (max-width: 48em) {
    #alarms .alarms__solutions__items-container {
      flex-direction: column;
      padding: 1rem; } }
  #alarms .alarms__solutions__items-container__item {
    min-height: 240px;
    flex-basis: 45%;
    background: transparent;
    opacity: 1;
    border-radius: 10rem 0rem 0rem 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center; }
    @media (max-width: 75em) {
      #alarms .alarms__solutions__items-container__item {
        min-height: 450px; } }
    @media (max-width: 62em) {
      #alarms .alarms__solutions__items-container__item {
        min-height: 240px; } }
    @media (max-width: 48em) {
      #alarms .alarms__solutions__items-container__item {
        min-height: 240px;
        border-radius: 0rem;
        flex-direction: column; } }
    #alarms .alarms__solutions__items-container__item__icon {
      border-radius: 1rem;
      height: 150px;
      width: auto; }
    #alarms .alarms__solutions__items-container__item__txt {
      padding: 1rem; }
      #alarms .alarms__solutions__items-container__item__txt h4.alarms__solutions__items-container__item__txt__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #2e77ce;
        opacity: 1; }
      #alarms .alarms__solutions__items-container__item__txt p.alarms__solutions__items-container__item__txt__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #666666;
        text-align: left;
        opacity: 1; }

#access-control {
  color: black; }
  #access-control .access-control__physical {
    margin: 5rem auto;
    width: 80%;
    max-width: 1300px; }
    @media (max-width: 1199px) {
      #access-control .access-control__physical {
        padding: 48px 48px; } }
    #access-control .access-control__physical__container {
      display: flex;
      align-items: center; }
      @media (max-width: 1199px) {
        #access-control .access-control__physical__container {
          flex-direction: column-reverse; } }
      #access-control .access-control__physical__container > * {
        flex-basis: 50%; }
      #access-control .access-control__physical__container img {
        height: 20%;
        width: 30%; }
        @media (max-width: 767px) {
          #access-control .access-control__physical__container img {
            width: 50%; } }
        @media (min-width: 768px) and (max-width: 1199px) {
          #access-control .access-control__physical__container img {
            width: 30%; } }
      #access-control .access-control__physical__container__txt {
        margin: auto; }
        @media (max-width: 767px) {
          #access-control .access-control__physical__container__txt {
            text-align: center;
            margin-top: 20px; } }
  #access-control .access-control__section3 {
    background: #eeeeee;
    padding: 5rem 0; }
    #access-control .access-control__section3 img {
      height: 180px;
      margin-right: 36px; }
    @media (max-width: 1199px) {
      #access-control .access-control__section3 {
        padding: 16px; } }
    #access-control .access-control__section3__container {
      margin: 5rem auto;
      width: 80%;
      max-width: 1300px; }
      @media (max-width: 1199px) {
        #access-control .access-control__section3__container {
          padding: 0; }
          #access-control .access-control__section3__container img {
            display: none; } }
      #access-control .access-control__section3__container__row:nth-child(2n) {
        flex-direction: row-reverse; }
        #access-control .access-control__section3__container__row:nth-child(2n) img {
          margin-left: 36px; }
      #access-control .access-control__section3__container .content_row {
        display: flex;
        margin: 124px 0; }
        @media (max-width: 1199px) {
          #access-control .access-control__section3__container .content_row {
            margin: 2rem 0;
            flex-direction: column; } }
      #access-control .access-control__section3__container__row__txt__title {
        line-height: 1.2;
        font-family: "Rajdhani", sans-serif;
        font-size: 1.8rem;
        font-weight: normal; }
        #access-control .access-control__section3__container__row__txt__title--blue {
          color: #00ffff; }

h3.access-control__physical__container__txt__title {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }

p.access-control__physical__container__txt__description {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left;
  text-align: left; }

h3.access-control__section3__container__row__txt__title {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #333;
  text-align: left; }

p.access-control__section3__container__row__txt__description {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

#contact-us .hero-img-wrapper {
  display: flex;
  justify-content: center; }

#contact-us .contact-us {
  display: flex;
  max-width: 960px;
  margin: -1px auto 0;
  background-color: #2e77ce;
  color: white;
  padding: 20px 40px; }
  @media (max-width: 767px) {
    #contact-us .contact-us {
      flex-direction: column;
      margin: 0;
      padding: 20px 20px; } }
  #contact-us .contact-us__left, #contact-us .contact-us__right {
    flex-basis: 50%;
    min-height: 100%;
    padding: 12px; }
  #contact-us .contact-us__left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    #contact-us .contact-us__left__container, #contact-us .contact-us__left__container__title {
      height: 100%; }
    #contact-us .contact-us__left__container__title__white {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #fff;
      text-align: left; }
      @media (max-width: 1199px) {
        #contact-us .contact-us__left__container__title__white {
          font-size: 2rem; } }
    #contact-us .contact-us__left__container__title__blue {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #fff;
      text-align: left; }
      #contact-us .contact-us__left__container__title__blue a {
        color: #fff; }
        #contact-us .contact-us__left__container__title__blue a:hover {
          color: #d1d1d1; }
  #contact-us .contact-us__right .form-lable {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    line-height: 1.4rem;
    color: #eee;
    text-align: left;
    font-size: 0.9rem;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      #contact-us .contact-us__right .form-lable {
        font-size: 0.7rem;
        padding: 0; } }
  #contact-us .contact-us__right__container__form__fullname {
    columns: 2; }
  #contact-us .contact-us__right__container__form__txt {
    font-size: 0.8rem;
    line-height: 1.5;
    opacity: 1; }
    @media (max-width: 767px) {
      #contact-us .contact-us__right__container__form__txt {
        line-height: normal;
        text-align: center; } }
  #contact-us .contact-us__right__container__form__btnContainer .btn {
    margin: 0; }
  @media (max-width: 767px) {
    #contact-us .contact-us__right__container__form {
      width: 100%; } }
  #contact-us .contact-us__right__container__contact__call__title {
    font-family: "Rajdhani", sans-serif;
    font-size: 1.5rem;
    border-bottom: 1rem solid #00ffff; }
  #contact-us .contact-us__right__container__contact__call__number {
    line-height: 1.5; }
    #contact-us .contact-us__right__container__contact__call__number__phone {
      font-size: 1rem;
      color: white; }
  #contact-us .contact-us__right__container__contact__location__title {
    font-family: "Rajdhani", sans-serif;
    font-size: 1.5rem; }
  #contact-us .contact-us__right__container__contact__location__subtitle {
    font-size: 1.3rem;
    color: #00ffff;
    font-weight: 600; }
  #contact-us .contact-us__right__container__contact__location__info {
    line-height: 1.5;
    font-size: 1rem; }
    #contact-us .contact-us__right__container__contact__location__info__txt--blue {
      color: #00ffff; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #contact-us .contact-us__right__container__contact {
      background-color: rgba(0, 0, 0, 0.6);
      justify-self: center; } }

#contact-us .team-img {
  max-width: 960px;
  width: 100%; }

.page-wrap > div {
  background-image: url("../img/21-Contact/BG-layer-49.png"); }

.disclaimer {
  max-width: 960px;
  color: white;
  margin-bottom: 0;
  margin-top: 48px;
  font-size: 0.8rem; }

input[type="text"].newForm,
textarea.newForm,
.form-dropdown.newForm,
.form-datetime.newForm {
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  margin: 0 0 8px 0;
  border-radius: 0.3rem;
  border: solid 1px #eceeef;
  font-family: "Rajdhani", sans-serif;
  font-size: 1rem;
  border-radius: 0;
  outline: none; }

img.flag-svg {
  width: 30px;
  margin-right: 10px; }

#company .company__mission {
  background: none;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 20rem 20rem; }
  @media (max-width: 1199px) {
    #company .company__mission {
      padding: 2rem; } }
  #company .company__mission__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr;
    max-width: 1300px; }
    @media (max-width: 1199px) {
      #company .company__mission__container {
        grid-template-columns: 1fr; } }
    #company .company__mission__container__img {
      margin-top: -20rem;
      margin-bottom: -2.5rem; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #company .company__mission__container__img {
          margin-top: -15rem; } }
      @media (max-width: 767px) {
        #company .company__mission__container__img {
          margin-top: -5rem; } }
    #company .company__mission__container__txt {
      width: 80%;
      margin: 0 auto;
      border-radius: 2rem;
      padding: 1rem 2rem 18rem 2rem;
      margin: 0 auto; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #company .company__mission__container__txt {
          padding: 1rem 2rem 15rem 2rem; } }
      @media (max-width: 767px) {
        #company .company__mission__container__txt {
          padding: 1rem 0rem 5rem 0rem; } }
      #company .company__mission__container__txt__title {
        margin-bottom: 1rem;
        text-align: center;
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (max-width: 1199px) {
          #company .company__mission__container__txt__title {
            font-size: 2rem; } }
        @media (max-width: 767px) {
          #company .company__mission__container__txt__title {
            font-size: 1.5rem; } }
      #company .company__mission__container__txt__description {
        color: black;
        font-size: 1rem;
        line-height: 1.5;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left; }

#company .company__our-team__container__title {
  text-align: center;
  margin: 2em 0 1em; }
  @media (max-width: 1199px) {
    #company .company__our-team__container__title {
      font-size: 2rem; } }
  @media (max-width: 767px) {
    #company .company__our-team__container__title {
      font-size: 1.5rem; } }

#company .company__our-team__container__members {
  display: flex;
  max-width: 1179px;
  flex-wrap: wrap;
  margin: auto; }
  #company .company__our-team__container__members__member:hover {
    transition: all 0.5s ease;
    /* back to normal */ }
    #company .company__our-team__container__members__member:hover:hover {
      transform: translate3D(0, -1px, 0) scale(1.1);
      /* move up slightly and zoom in */
      transition: all 0.4s ease;
      /* zoom in */ }

#company .company__job-posts {
  background-color: #f5f5f5;
  padding: 5rem 1rem; }
  #company .company__job-posts__container {
    display: flex;
    max-width: 1179px;
    flex-wrap: wrap;
    margin: auto;
    flex-direction: column; }
    @media (max-width: 48em) {
      #company .company__job-posts__container {
        text-align: center; } }
    #company .company__job-posts__container__title {
      font-family: "Space Grotesk", sans-serif;
      color: black;
      text-transform: none;
      margin-top: 1.2rem;
      font-size: 2.5rem; }
    #company .company__job-posts__container__content__job-post {
      margin-bottom: 2rem;
      margin-top: 2rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid #c3c3c3;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      flex-wrap: wrap; }
      #company .company__job-posts__container__content__job-post__job-col.right {
        align-items: center;
        display: flex; }
      @media (max-width: 48em) {
        #company .company__job-posts__container__content__job-post__job-col {
          align-items: center;
          display: flex;
          width: 100%;
          flex-direction: column; } }
      #company .company__job-posts__container__content__job-post__job-col__department {
        color: #4077c8;
        font-family: "Poppins", Bold;
        font-size: 1rem; }
        @media (max-width: 48em) {
          #company .company__job-posts__container__content__job-post__job-col__department {
            width: 100%; } }
      #company .company__job-posts__container__content__job-post__job-col__jobTitle a {
        color: #000000;
        font-family: "Poppins", Regular;
        font-size: 1.5rem;
        font-weight: normal; }
      #company .company__job-posts__container__content__job-post__applyNow a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        text-transform: uppercase; }

#company .company__join-us {
  background: url(../img/17-Company/Assets/Section4/Group_28_Large.png);
  font-family: "Rajdhani", sans-serif;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: white;
  padding: 0 4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  @media (max-width: 48em) {
    #company .company__join-us {
      padding: 0 1rem; } }
  #company .company__join-us__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 18px 0px; }
    @media (max-width: 767px) {
      #company .company__join-us__container__img {
        display: none; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #company .company__join-us__container__img {
        margin-top: 0rem;
        z-index: 1; } }
    #company .company__join-us__container__txt {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: fit-content;
      text-align: center;
      padding: 2rem;
      margin: 6rem 0; }
      @media (max-width: 36em) {
        #company .company__join-us__container__txt {
          margin: 0; } }
      #company .company__join-us__container__txt__title {
        line-height: 90px;
        font-size: calc(2.5vw + 1.5rem);
        font-weight: bold;
        font-variant: normal;
        font-style: normal;
        letter-spacing: -2.56px;
        color: white;
        text-align: center; }
        @media (max-width: 48em) {
          #company .company__join-us__container__txt__title {
            line-height: 40px; } }
      #company .company__join-us__container__txt__btn {
        color: #4077c8;
        background-color: white;
        border: 2px solid #ffffff;
        font-style: normal;
        font-variant: normal;
        font-weight: medium;
        font-size: 1.25rem;
        line-height: 30px;
        font-family: "Poppins";
        letter-spacing: 0px;
        border-radius: 5px;
        transition: 0.3s;
        padding: 0.5rem 1.5rem;
        margin-top: 4rem; }
        @media (max-width: 62em) {
          #company .company__join-us__container__txt__btn {
            margin-top: 1rem; } }
        #company .company__join-us__container__txt__btn:hover {
          color: #ffffff;
          background: #4077c8;
          transition: 0.3s; }

.company__mission__container__img {
  filter: grayscale(100%);
  transition: filter 4s ease-in-out; }

.company__mission__container__img:hover {
  filter: grayscale(0%); }

.page-wrap > div {
  background-image: none; }

.circle {
  position: relative;
  height: 200px;
  width: 200px;
  border: solid 10px #245d8b;
  border-radius: 50%;
  background-color: black; }

.top,
.bottom {
  position: absolute;
  height: inherit;
  border-radius: 50%;
  width: 100%; }

.bottom {
  overflow: hidden; }

.top::before,
.bottom::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  background-size: cover;
  transform: scale(1);
  transition: transform 0.3s ease; }

.top::before {
  top: 0;
  background-position: top;
  transform-origin: center bottom; }

.bottom::before {
  bottom: 0;
  background-position: bottom;
  transform-origin: center top; }

.profile_blank {
  margin: 5px;
  max-width: 220px; }
  @media (max-width: 1199px) {
    .profile_blank {
      margin: auto; } }

.profile_blank * {
  box-sizing: content-box; }

.profile_blank-content {
  text-align: center;
  color: black;
  border: solid 10px transparent; }

.profile_blank-content h3 {
  font-size: 1.5em;
  margin-bottom: 0; }

.profile_blank-content p {
  font-size: 1.2em; }

.circle_blank {
  position: relative;
  height: 200px;
  width: 200px;
  border: solid 10px #245d8b;
  border-radius: 50%;
  background-color: black; }

.top_blank,
.bottom_blank {
  position: absolute;
  height: inherit;
  border-radius: 50%;
  width: 100%; }

.bottom_blank {
  overflow: hidden; }

.top_blank::before,
.bottom_blank::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  background-size: cover;
  transform: scale(1);
  transition: transform 0.3s ease; }

.top_blank::before {
  top: 0;
  background-position: top;
  transform-origin: center bottom; }

.bottom_blank::before {
  bottom: 0;
  background-position: bottom;
  transform-origin: center top; }

.circle_blank:hover .top::before,
.circle_blank:hover .bottom::before {
  transform: scale(1.5);
  transition: transform 0.3s ease; }

.circle_blank:hover .bottom::before {
  transform-origin: center top; }

.circle_blank:hover .top::before {
  transform-origin: center bottom; }

[alt|="Shawn_Ebbs"] .top::before,
[alt|="Shawn_Ebbs"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/01-Shawn.png"); }

[alt|="Kevin_Conroy"] .top::before,
[alt|="Kevin_Conroy"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/02-Kevin.png"); }

[alt|="Aleks_Slawecki"] .top::before,
[alt|="Aleks_Slawecki"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/04-Aleks.png"); }

[alt|="James_Richardson"] .top::before,
[alt|="James_Richardson"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/05-James.png"); }

[alt|="Wes_Porteous"] .top::before,
[alt|="Wes_Porteous"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/06-Wes.png"); }

[alt|="Dan_Lyall"] .top::before,
[alt|="Dan_Lyall"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/Dan.png"); }

[alt|="Micheal_Latour-Faubert"] .top::before,
[alt|="Micheal_Latour-Faubert"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/07-Michael.png"); }

[alt|="Mario_Bornais"] .top::before,
[alt|="Mario_Bornais"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/08-Mario.png"); }

[alt|="Dave_Adams"] .top::before,
[alt|="Dave_Adams"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/09-Dave.png"); }

[alt|="Eric_Desjardins"] .top_blank::before,
[alt|="Eric_Desjardins"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Ryan_McLeavey"] .top_blank::before,
[alt|="Ryan_McLeavey"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Tom_Mather"] .top_blank::before,
[alt|="Tom_Mather"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Michael_Pierre"] .top_blank::before,
[alt|="Michael_Pierre"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Denis_Voloshin"] .top_blank::before,
[alt|="Denis_Voloshin"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Devin_Henry"] .top_blank::before,
[alt|="Devin_Henry"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Jacob_Bourgeau"] .top_blank::before,
[alt|="Jacob_Bourgeau"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Scott_Cossaboom"] .top_blank::before,
[alt|="Scott_Cossaboom"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Elvin_Gomes"] .top::before,
[alt|="Elvin_Gomes"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/10-Elvin.png"); }

[alt|="Christopher_Latour-Bergeron"] .top::before,
[alt|="Christopher_Latour-Bergeron"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/11-Chris.png"); }

[alt|="Jaric_Oja"] .top::before,
[alt|="Jaric_Oja"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/12-Jaric.png"); }

[alt|="John_Phillips"] .top_blank::before,
[alt|="John_Phillips"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Walid_Mehdi"] .top_blank::before,
[alt|="Walid_Mehdi"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Michael_Hayes"] .top_blank::before,
[alt|="Michael_Hayes"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Houssem_Eddine_Oubadi"] .top_blank::before,
[alt|="Houssem_Eddine_Oubadi"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Devin Henry"] .top_blank::before,
[alt|="Devin Henry"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Jacob_Blais_Ebbs"] .top_blank::before,
[alt|="Jacob_Blais_Ebbs"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Dean_Klabouch"] .top_blank::before,
[alt|="Dean_Klabouch"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Mohamed_Belhachmi"] .top_blank::before,
[alt|="Mohamed_Belhachmi"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Rohan_Rohan"] .top_blank::before,
[alt|="Rohan_Rohan"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Boris_Chau"] .top_blank::before,
[alt|="Boris_Chau"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Sandy_MacLean"] .top_blank::before,
[alt|="Sandy_MacLean"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Justin_Espinal"] .top_blank::before,
[alt|="Justin_Espinal"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Jose_Batres"] .top_blank::before,
[alt|="Jose_Batres"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Alex_Poirier"] .top_blank::before,
[alt|="Alex_Poirier"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Yoshi_Psihistal"] .top::before,
[alt|="Yoshi_Psihistal"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/15-Yoshi-15.png"); }

[alt|="Simon_Kadota"] .top::before,
[alt|="Simon_Kadota"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/14-Simon.png"); }

[alt|="Emily_Patterson"] .top::before,
[alt|="Emily_Patterson"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/16-Emily-17.png"); }

[alt|="Guillaume_Billette"] .top::before,
[alt|="Guillaume_Billette"] .bottom::before {
  background-image: url("../img/17-Company/Assets/Section3/17-Guillaume.png"); }

[alt|="Stephanie_Doyon"] .top_blank::before,
[alt|="Stephanie_Doyon"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Abdirahman_M_Hassan"] .top_blank::before,
[alt|="Abdirahman_M_Hassan"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

[alt|="Marek_Pasierb"] .top_blank::before,
[alt|="Marek_Pasierb"] .bottom_blank::before {
  background-image: url("../img/17-Company/Assets/Section3/00-Blank.png"); }

.circle:hover .top::before,
.circle:hover .bottom::before {
  transform: scale(1.5);
  transition: transform 0.3s ease; }

.circle:hover .bottom::before {
  transform-origin: center top; }

.circle:hover .top::before {
  transform-origin: center bottom; }

.profile {
  margin: 5px;
  max-width: 220px; }
  @media (max-width: 1199px) {
    .profile {
      margin: auto; } }

.profile * {
  box-sizing: content-box; }

.profile-content {
  text-align: center;
  color: black;
  border: solid 10px transparent; }

.profile-content h3 {
  font-size: 1.5em;
  margin-bottom: 0; }

.profile-content p {
  font-size: 1.2em; }

p.company__mission__container__txt__description {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

h2.company__mission__container__txt__title {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce;
  margin: 2rem 0;
  text-decoration: none; }

h2.company__our-team__container__title {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #000; }

#datacenters {
  background-image: url("../img/home/02section-bg.png");
  background-color: white; }
  #datacenters .grid-container {
    display: grid;
    grid-template-columns: 1fr [main-start] minmax(10px, 1180px) [main-end] 1fr; }
  #datacenters .datacenters__top {
    padding: 3rem 2rem;
    position: relative;
    display: flex;
    place-items: center;
    place-self: center;
    max-width: 1300px;
    margin: auto; }
    @media (max-width: 62em) {
      #datacenters .datacenters__top {
        flex-direction: column; } }
    @media (max-width: 1199px) {
      #datacenters .datacenters__top {
        height: fit-content; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #datacenters .datacenters__top__image {
        width: 50vw; } }
    @media (max-width: 62em) {
      #datacenters .datacenters__top__image {
        width: 60vw; } }
    #datacenters .datacenters__top__container {
      width: 60%;
      padding: 0 2rem; }
      @media (max-width: 62em) {
        #datacenters .datacenters__top__container {
          width: 100%;
          padding: 0; } }
      @media (max-width: 767px) {
        #datacenters .datacenters__top__container {
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        #datacenters .datacenters__top__container {
          text-align: center;
          width: 80%; } }
      #datacenters .datacenters__top__container__title {
        text-align: left;
        line-height: 0.95;
        opacity: 0.85; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__top__container__title {
            line-height: 1.1;
            margin-bottom: 1rem;
            text-align: center; } }
        #datacenters .datacenters__top__container__title--big {
          font-family: "Rajdhani", sans-serif;
          font-size: 3.5rem;
          font-weight: 600;
          color: #0a236c; }
          @media (max-width: 767px) {
            #datacenters .datacenters__top__container__title--big {
              font-size: 2rem; } }
        #datacenters .datacenters__top__container__title--small {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #666666;
          text-align: left; }
          @media (max-width: 62em) {
            #datacenters .datacenters__top__container__title--small {
              font-size: 1rem; } }
      #datacenters .datacenters__top__container__btn {
        margin-top: 2rem;
        display: flex;
        justify-content: left; }
        @media (max-width: 767px) {
          #datacenters .datacenters__top__container__btn {
            flex-direction: column;
            align-items: center;
            margin-top: 2rem; } }
        @media (min-width: 768px) and (max-width: 1199px) {
          #datacenters .datacenters__top__container__btn {
            flex-direction: column;
            align-items: center;
            margin-top: 2rem; } }
        #datacenters .datacenters__top__container__btn--price, #datacenters .datacenters__top__container__btn--contact {
          padding: 2rem 5rem;
          background-color: #0a236c;
          border-radius: 2rem;
          transition: 0.3s; }
          #datacenters .datacenters__top__container__btn--price:hover, #datacenters .datacenters__top__container__btn--contact:hover {
            transition: background-color 0.3s linear 0s;
            background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%); }
          @media (max-width: 767px) {
            #datacenters .datacenters__top__container__btn--price, #datacenters .datacenters__top__container__btn--contact {
              margin-bottom: 1.5rem; } }
          #datacenters .datacenters__top__container__btn--price__txt, #datacenters .datacenters__top__container__btn--contact__txt {
            color: white;
            font-size: 2rem;
            font-weight: bold; }
            @media (max-width: 767px) {
              #datacenters .datacenters__top__container__btn--price__txt, #datacenters .datacenters__top__container__btn--contact__txt {
                font-size: 1.4rem; } }
  #datacenters .datacenters__growth {
    padding: 1rem 1rem;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr [main-start] minmax(10px, 1180px) [main-end] 1fr;
    color: #535353;
    border-radius: 0 0 10vw 10vw; }
    @media (min-width: 1200px) {
      #datacenters .datacenters__growth {
        height: 790px; } }
    @media (max-width: 767px) {
      #datacenters .datacenters__growth {
        justify-items: center; } }
    #datacenters .datacenters__growth__container {
      display: grid;
      grid-column: main-start/main-end; }
      #datacenters .datacenters__growth__container__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__growth__container__title {
            text-align: center;
            font-size: 2rem; } }
      #datacenters .datacenters__growth__container__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__growth__container__description {
            padding: 1rem; } }
        @media (max-width: 36em) {
          #datacenters .datacenters__growth__container__description {
            font-size: 1rem;
            text-align: left; } }
      #datacenters .datacenters__growth__container__items {
        place-self: center;
        display: grid;
        grid-template-columns: repeat(3, minmax(20px, 340px));
        grid-gap: 3rem;
        row-gap: 1.5rem;
        color: black;
        justify-items: center; }
        @media (min-width: 768px) and (max-width: 1199px) {
          #datacenters .datacenters__growth__container__items {
            grid-template-columns: repeat(2, minmax(20px, 340px));
            align-items: center; } }
        @media (max-width: 767px) {
          #datacenters .datacenters__growth__container__items {
            width: 100%;
            grid-template-columns: 1fr; } }
        #datacenters .datacenters__growth__container__items__item {
          width: 100%;
          height: 177px;
          padding: 1rem 1.5rem;
          background-color: #e0e0e0;
          line-height: 1;
          display: grid;
          transition: 0.5s;
          font-family: "Orbitron", sans-serif; }
          #datacenters .datacenters__growth__container__items__item:hover {
            box-shadow: 1px 10px 20px rgba(105, 176, 235, 0.5), 1px 6px 6px rgba(75, 51, 233, 0.23);
            border-radius: 0.3rem;
            transition: 0.5s;
            transition: all 0.5s ease;
            /* back to normal */ }
            #datacenters .datacenters__growth__container__items__item:hover:hover {
              transform: translate3D(0, -1px, 0) scale(1.1);
              /* move up slightly and zoom in */
              transition: all 0.4s ease;
              /* zoom in */ }
          #datacenters .datacenters__growth__container__items__item__number {
            font-family: "Teko", sans-serif;
            color: black;
            font-weight: 300; }
            #datacenters .datacenters__growth__container__items__item__number--sign {
              font-size: 2.5rem; }
            @media (max-width: 1199px) {
              #datacenters .datacenters__growth__container__items__item__number {
                font-size: 5rem; } }
          #datacenters .datacenters__growth__container__items__item__txt {
            font-size: 1.1rem; }
          #datacenters .datacenters__growth__container__items__item__icon {
            width: 2rem;
            justify-self: end;
            color: black; }
      #datacenters .datacenters__growth__container__btn {
        margin-top: 3rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem; }
        @media (max-width: 767px) {
          #datacenters .datacenters__growth__container__btn {
            grid-template-columns: 1fr; } }
        #datacenters .datacenters__growth__container__btn--features {
          justify-self: end;
          padding: 1rem 2.5rem;
          background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%);
          border: 2px solid #00ffff;
          border-radius: 10px; }
          @media (max-width: 767px) {
            #datacenters .datacenters__growth__container__btn--features {
              text-align: center;
              padding: 1rem 1.5rem;
              justify-self: center; } }
          #datacenters .datacenters__growth__container__btn--features__txt {
            color: white;
            font-size: 1.1rem;
            text-transform: uppercase; }
        #datacenters .datacenters__growth__container__btn--locations {
          justify-self: start;
          padding: 1rem 2.5rem;
          background: #09097a;
          border: 2px solid #707070;
          border-radius: 10px; }
          @media (max-width: 767px) {
            #datacenters .datacenters__growth__container__btn--locations {
              text-align: center;
              padding: 1rem 1.5rem;
              justify-self: center; } }
          #datacenters .datacenters__growth__container__btn--locations__txt {
            color: white;
            font-size: 1.1rem;
            text-transform: uppercase; }
  #datacenters .datacenters__industry {
    padding: 1rem 2rem; }
    @media (max-width: 36em) {
      #datacenters .datacenters__industry {
        padding: 0; } }
    #datacenters .datacenters__industry__container {
      grid-column: main-start/main-end; }
      #datacenters .datacenters__industry__container__items {
        display: grid;
        grid-template-columns: 190px 1fr;
        grid-gap: 1rem;
        justify-content: center;
        align-items: center; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__industry__container__items {
            grid-template-columns: 1fr; } }
        #datacenters .datacenters__industry__container__items__txt {
          color: #999999;
          font-size: 1.2rem;
          font-weight: bold;
          border-left: 16px solid #0000ff; }
          @media (max-width: 1199px) {
            #datacenters .datacenters__industry__container__items__txt {
              justify-self: center; } }
          #datacenters .datacenters__industry__container__items__txt__span {
            margin-left: 0.3rem;
            text-align: center; }
        #datacenters .datacenters__industry__container__items__col {
          display: flex;
          justify-content: space-evenly; }
          @media (max-width: 1199px) {
            #datacenters .datacenters__industry__container__items__col {
              flex-wrap: wrap; } }
          #datacenters .datacenters__industry__container__items__col__img {
            max-width: 150px;
            height: 62px; }
            @media (max-width: 1199px) {
              #datacenters .datacenters__industry__container__items__col__img {
                margin: 1rem; } }
        #datacenters .datacenters__industry__container__items__col3 {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 1rem;
          justify-content: center;
          align-items: center;
          justify-self: center; }
  #datacenters .datacenters__choose-us {
    padding: 3rem 1rem 1rem 1rem; }
    #datacenters .datacenters__choose-us__container {
      grid-column: main-start/main-end;
      border-radius: 1rem; }
      #datacenters .datacenters__choose-us__container__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce;
        margin-bottom: 1rem; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__choose-us__container__title {
            padding: 1rem; } }
      #datacenters .datacenters__choose-us__container__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        margin-bottom: 3rem; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__choose-us__container__description {
            font-size: 1rem;
            padding: 1rem; } }
        @media (max-width: 36em) {
          #datacenters .datacenters__choose-us__container__description {
            font-size: 1rem;
            text-align: left; } }
      #datacenters .datacenters__choose-us__container__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 1rem;
        place-items: center; }
        @media (max-width: 62em) {
          #datacenters .datacenters__choose-us__container__items {
            grid-gap: 3rem;
            grid-template-columns: 1fr; } }
        #datacenters .datacenters__choose-us__container__items__col {
          display: grid;
          grid-gap: 1rem; }
          @media (max-width: 1199px) {
            #datacenters .datacenters__choose-us__container__items__col {
              grid-gap: 2rem; } }
          #datacenters .datacenters__choose-us__container__items__col__item {
            display: grid;
            grid-template-columns: 80px 1fr;
            height: 320px;
            grid-gap: 1rem;
            background-color: #e0e0e0;
            padding: 2rem 1rem;
            align-items: flex-start;
            align-content: center; }
            @media (max-width: 1199px) {
              #datacenters .datacenters__choose-us__container__items__col__item {
                grid-template-columns: 1fr;
                align-items: center;
                justify-items: center;
                width: 100%;
                grid-gap: 1rem;
                margin: 0 auto;
                height: fit-content; } }
            #datacenters .datacenters__choose-us__container__items__col__item__icon {
              padding-top: 20px;
              width: 80px; }
            #datacenters .datacenters__choose-us__container__items__col__item__txt {
              text-align: left; }
              @media (max-width: 1199px) {
                #datacenters .datacenters__choose-us__container__items__col__item__txt {
                  text-align: center; } }
              #datacenters .datacenters__choose-us__container__items__col__item__txt__title {
                font-family: "Rajdhani", sans-serif;
                font-size: 2rem;
                color: #535353;
                text-transform: uppercase;
                margin-bottom: 0.5rem;
                font-weight: 600; }
                @media (max-width: 767px) {
                  #datacenters .datacenters__choose-us__container__items__col__item__txt__title {
                    font-size: 1.3rem; } }
              #datacenters .datacenters__choose-us__container__items__col__item__txt__description {
                font-size: 1.1rem;
                font-weight: 500;
                font-family: "Lato", sans-serif;
                line-height: 1.4rem;
                color: #333;
                text-align: left;
                padding-right: 2rem; }
                @media (max-width: 1199px) {
                  #datacenters .datacenters__choose-us__container__items__col__item__txt__description {
                    padding: 0; } }
                @media (max-width: 36em) {
                  #datacenters .datacenters__choose-us__container__items__col__item__txt__description {
                    font-size: 1rem;
                    text-align: left; } }
  #datacenters .datacenters__linkedin {
    background-color: #08081c; }
    #datacenters .datacenters__linkedin__container {
      grid-column: main-start/main-end;
      display: grid; }
      #datacenters .datacenters__linkedin__container__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 2.5rem;
        color: #00ffff;
        text-align: center;
        margin-bottom: 2rem; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__linkedin__container__title {
            font-size: 2rem; } }
      #datacenters .datacenters__linkedin__container__posts {
        justify-self: center;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 2rem; }
        @media (max-width: 1199px) {
          #datacenters .datacenters__linkedin__container__posts {
            grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 767px) {
          #datacenters .datacenters__linkedin__container__posts {
            grid-template-columns: 1fr;
            grid-gap: 2rem; } }
        #datacenters .datacenters__linkedin__container__posts__img {
          border-radius: 0.3rem;
          box-shadow: 6px 6px 2px rgba(201, 196, 231, 0.23);
          transition: ease-out 0.3s; }
          #datacenters .datacenters__linkedin__container__posts__img:hover {
            transition: ease-in 0.3s;
            box-shadow: 10px 10px 20px rgba(217, 226, 233, 0.5), 1px 6px 1px rgba(197, 191, 236, 0.23);
            transition: all 0.5s ease;
            /* back to normal */ }
            #datacenters .datacenters__linkedin__container__posts__img:hover:hover {
              transform: translate3D(0, -1px, 0) scale(1.1);
              /* move up slightly and zoom in */
              transition: all 0.4s ease;
              /* zoom in */ }
  #datacenters .datacenters__get-started {
    background-color: #0a236c;
    background-image: url("../img/Datacenter/03-BGSiteEvaluators.png");
    padding: 4rem 20vw 0 20vw; }
    @media (max-width: 1199px) {
      #datacenters .datacenters__get-started {
        padding-top: 2rem; } }
    @media (max-width: 767px) {
      #datacenters .datacenters__get-started {
        padding: 1rem 0 0; } }
    #datacenters .datacenters__get-started__image {
      z-index: 2;
      width: 25rem;
      margin-right: -8rem; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #datacenters .datacenters__get-started__image {
          width: 30rem;
          margin-left: -6rem; } }
      @media (max-width: 767px) {
        #datacenters .datacenters__get-started__image {
          display: none; } }
    #datacenters .datacenters__get-started__container {
      z-index: 1;
      width: 90%;
      grid-column: main-start/main-end;
      text-align: center;
      display: grid;
      grid-gap: 2rem;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        #datacenters .datacenters__get-started__container {
          margin: 0 auto 1rem; } }
      #datacenters .datacenters__get-started__container__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 2.5rem;
        font-weight: bolder;
        text-align: center;
        color: white;
        padding: 1rem 2rem 1rem 10rem; }
        @media (max-width: 767px) {
          #datacenters .datacenters__get-started__container__title {
            font-size: 2rem;
            padding: 1rem 2rem; } }
      #datacenters .datacenters__get-started__container__btn {
        justify-self: center;
        padding: 0.7rem 3rem;
        background: #0a236c;
        border: 2px solid #00ffff;
        border-radius: 10px;
        box-shadow: 1px 10px 20px rgba(218, 19, 128, 0.5), 1px 6px 6px rgba(218, 19, 128, 0.5);
        transition: 0.3s; }
        #datacenters .datacenters__get-started__container__btn:hover {
          transform: translateY(-3px);
          transition: 0.3s; }
        #datacenters .datacenters__get-started__container__btn__txt {
          color: white;
          font-size: 1rem;
          font-weight: bold; }

.datacenters__growth__container__bottom-text {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left;
  padding: 1rem 0; }

#development .development {
  background-color: white;
  background-image: url("../img/home/02section-bg.png"); }
  #development .development__top {
    background-image: url(../img/09-Development/01-CityBG.png); }
    #development .development__top__container {
      grid-column: main-start/ main-end;
      width: 60vw;
      background-color: white;
      height: fit-content;
      padding: 3rem 20vw 3rem 3rem;
      border-radius: 5px;
      margin-top: 1rem;
      margin-left: 15vw; }
      @media (max-width: 1199px) {
        #development .development__top__container {
          position: relative;
          margin: 0 auto;
          padding: 1rem 1rem 2rem 1rem;
          text-align: center;
          width: auto; } }
      #development .development__top__container__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce;
        text-align: left; }
        @media (max-width: 1199px) {
          #development .development__top__container__title {
            font-size: 1.8rem; } }
      #development .development__top__container__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #666666;
        text-align: left;
        padding-bottom: 2rem;
        z-index: 1; }
      #development .development__top__container__img {
        width: 30vw;
        margin-left: 60vw; }
        @media (max-width: 767px) {
          #development .development__top__container__img {
            display: none; } }
        @media (min-width: 768px) and (max-width: 1199px) {
          #development .development__top__container__img {
            display: none; } }
  #development .development__services .fa-check-square {
    color: #1f0de6;
    font-size: 1.5rem; }
  @media (max-width: 767px) {
    #development .development__services {
      padding: 2rem 1rem; } }
  #development .development__services__container {
    grid-column: main-start/ main-end;
    display: grid;
    grid-gap: 2.5rem; }
    @media (min-width: 1200px) {
      #development .development__services__container {
        grid-gap: 5rem; } }
    #development .development__services__container__row1 {
      display: grid;
      grid-template-columns: 2fr 2fr;
      grid-gap: 2.5rem;
      color: #6d6d6d; }
      @media (max-width: 1199px) {
        #development .development__services__container__row1 {
          grid-template-columns: 2fr;
          grid-gap: 0rem;
          border-radius: 5px;
          justify-items: center;
          padding: 1rem; } }
      #development .development__services__container__row1__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #666666;
        text-align: left; }
      @media (max-width: 1199px) {
        #development .development__services__container__row1__col {
          text-align: center; } }
      #development .development__services__container__row1__col__title {
        font-size: 2.3rem;
        color: #6d6d6d;
        font-weight: normal; }
        @media (max-width: 1199px) {
          #development .development__services__container__row1__col__title {
            font-size: 1.8rem; } }
      #development .development__services__container__row1__col__description {
        width: 450px;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #666666;
        text-align: left; }
        @media (max-width: 1199px) {
          #development .development__services__container__row1__col__description {
            width: auto; } }
        #development .development__services__container__row1__col__description__txt {
          color: #6d6d6d;
          line-height: 1.6;
          margin-bottom: 2rem; }
      #development .development__services__container__row1__col2 {
        padding: 5rem 0; }
        @media (max-width: 1199px) {
          #development .development__services__container__row1__col2 {
            justify-self: center;
            padding-left: 2rem; } }
        #development .development__services__container__row1__col2 h3 {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #2e77ce; }
          @media (min-width: 1200px) {
            #development .development__services__container__row1__col2 h3 {
              text-align: left; } }
        #development .development__services__container__row1__col2__item {
          display: grid;
          grid-template-columns: 1.5rem 1fr;
          grid-gap: 1rem; }
          #development .development__services__container__row1__col2__item__txt {
            color: #6d6d6d;
            font-size: 1.1rem; }
    #development .development__services__container__row2 {
      place-items: center;
      display: grid;
      grid-template-columns: 2fr 2fr;
      background-color: #0a236b;
      max-width: fit-content;
      margin: 0 auto; }
      @media (max-width: 1199px) {
        #development .development__services__container__row2 {
          grid-template-columns: 2fr;
          grid-gap: 1rem;
          border-right: 0.3rem solid #1124ca;
          border-left: 0.3rem solid #1124ca;
          border-radius: 3rem;
          justify-items: center;
          padding: 1rem; } }
      #development .development__services__container__row2__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #ffffff;
        text-align: left; }
      #development .development__services__container__row2__col {
        padding: 5rem; }
        @media (max-width: 1199px) {
          #development .development__services__container__row2__col {
            text-align: center;
            padding: 1rem; } }
        #development .development__services__container__row2__col__title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #fff;
          text-align: left; }
        #development .development__services__container__row2__col__description {
          width: 450px;
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: left; }
          @media (max-width: 1199px) {
            #development .development__services__container__row2__col__description {
              width: auto; } }
          #development .development__services__container__row2__col__description__txt {
            color: white;
            margin-bottom: 2rem; }
            @media (max-width: 1199px) {
              #development .development__services__container__row2__col__description__txt {
                margin-bottom: 0rem; } }
      #development .development__services__container__row2__col2 {
        padding: 5rem 0;
        margin-top: auto;
        margin-bottom: auto;
        margin: 1rem; }
        @media (max-width: 1199px) {
          #development .development__services__container__row2__col2 {
            justify-self: center;
            padding-top: 0;
            padding-bottom: 1rem; } }
        #development .development__services__container__row2__col2__item {
          display: grid;
          grid-template-columns: 1.5rem 1fr;
          grid-gap: 1rem;
          padding: 0.5rem;
          align-items: center; }
          #development .development__services__container__row2__col2__item__txt {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #fff;
            text-align: left;
            font-size: 1.1rem; }
          #development .development__services__container__row2__col2__item__img-container {
            display: flex;
            align-items: center; }
    #development .development__services__container__row3 {
      display: flex;
      flex-direction: column;
      max-width: fit-content;
      margin: 0 auto;
      align-items: center; }
      @media (max-width: 1199px) {
        #development .development__services__container__row3 {
          border-radius: 5px;
          justify-items: center;
          padding: 1rem; } }
      #development .development__services__container__row3__img {
        max-width: 1300px;
        display: flex;
        flex-direction: column; }
        #development .development__services__container__row3__img__text {
          max-width: 1300px;
          text-align: center;
          padding-bottom: 3rem; }
      #development .development__services__container__row3 .btn {
        margin: 0 auto; }
      #development .development__services__container__row3__text {
        max-width: 1300px;
        background: linear-gradient(to right, #e0e0e0, transparent); }
      #development .development__services__container__row3__col1 {
        display: grid;
        grid-gap: 1.5rem; }
        #development .development__services__container__row3__col1__title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #2e77ce; }
          @media (max-width: 1199px) {
            #development .development__services__container__row3__col1__title {
              text-align: center; } }
        #development .development__services__container__row3__col1__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left; }
        #development .development__services__container__row3__col1__item {
          width: 100%; }
          @media (max-width: 1199px) {
            #development .development__services__container__row3__col1__item {
              justify-self: center; } }
          #development .development__services__container__row3__col1__item__title {
            font-family: "Rajdhani", sans-serif;
            text-align: center;
            font-size: 1.8rem;
            line-height: 1.2;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            color: #2e77ce;
            text-align: left; }
          #development .development__services__container__row3__col1__item__description {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #333;
            text-align: left; }
          #development .development__services__container__row3__col1__item__icon {
            width: 6rem;
            padding-top: 2rem; }
            @media (max-width: 767px) {
              #development .development__services__container__row3__col1__item__icon {
                display: none; } }
          #development .development__services__container__row3__col1__item__content {
            padding: 1rem; }
            @media (max-width: 767px) {
              #development .development__services__container__row3__col1__item__content {
                width: 100%;
                padding: 0; } }
            @media (min-width: 768px) and (max-width: 1199px) {
              #development .development__services__container__row3__col1__item__content {
                width: 60vw; } }
        #development .development__services__container__row3__col1__help {
          padding: 1rem 2rem;
          max-width: 900px;
          margin: 0 auto; }
          @media (max-width: 1199px) {
            #development .development__services__container__row3__col1__help {
              width: 100%; } }
        #development .development__services__container__row3__col1__details {
          padding: 1rem 2rem;
          max-width: 1300px;
          margin: 0 auto; }
          @media (max-width: 1199px) {
            #development .development__services__container__row3__col1__details {
              width: 100%; } }
      @media (max-width: 767px) {
        #development .development__services__container__row3__col2 {
          grid-row-start: 1; } }
  #development .development__services-provider {
    background-color: #090938; }
    #development .development__services-provider__container {
      grid-column: main-start/main-end;
      display: grid; }
      #development .development__services-provider__container__title {
        font-family: "Rajdhani", sans-serif;
        font-weight: normal;
        font-size: 2.2rem;
        margin-bottom: 1rem;
        text-align: center; }
        @media (max-width: 1199px) {
          #development .development__services-provider__container__title {
            font-size: 2rem; } }
      #development .development__services-provider__container__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #2e77ce;
        text-align: center;
        margin-bottom: 3rem; }
        @media (max-width: 1199px) {
          #development .development__services-provider__container__description {
            font-size: 1rem; } }
        @media (min-width: 1200px) {
          #development .development__services-provider__container__description {
            width: 790px; } }
      #development .development__services-provider__container__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem; }
        @media (max-width: 1199px) {
          #development .development__services-provider__container__items {
            grid-gap: 3rem;
            grid-template-columns: 1fr; } }
        #development .development__services-provider__container__items__col {
          display: grid;
          grid-gap: 2rem; }
          @media (max-width: 1199px) {
            #development .development__services-provider__container__items__col {
              grid-gap: 2rem; } }
          #development .development__services-provider__container__items__col__item {
            display: grid;
            grid-template-columns: 50px 1fr;
            grid-gap: 3rem;
            align-items: flex-start;
            border: 2px solid #0000ff;
            padding: 1rem; }
            @media (max-width: 767px) {
              #development .development__services-provider__container__items__col__item {
                grid-template-columns: 1fr;
                justify-items: center;
                grid-gap: 1rem; } }
            #development .development__services-provider__container__items__col__item__icon {
              width: 50px; }
            @media (max-width: 767px) {
              #development .development__services-provider__container__items__col__item__txt {
                text-align: center; } }
            #development .development__services-provider__container__items__col__item__txt__title {
              font-size: 1.2rem;
              color: #00ffff;
              margin-bottom: 0.5rem; }
            #development .development__services-provider__container__items__col__item__txt__description {
              font-size: 1.1rem;
              font-weight: 500;
              font-family: "Lato", sans-serif;
              line-height: 1.4rem;
              color: #333;
              text-align: left; }
              @media (max-width: 767px) {
                #development .development__services-provider__container__items__col__item__txt__description {
                  text-align: center; } }
  #development .development__reasons-to-choose-us {
    background-color: #090938; }
    #development .development__reasons-to-choose-us__container {
      grid-column: main-start/main-end;
      display: grid;
      grid-template-columns: 434px 1fr;
      grid-gap: 3rem; }
      @media (max-width: 1199px) {
        #development .development__reasons-to-choose-us__container {
          grid-template-columns: 1fr; } }
      #development .development__reasons-to-choose-us__container__col1 {
        padding-right: 2rem; }
        @media (max-width: 1199px) {
          #development .development__reasons-to-choose-us__container__col1 {
            padding-right: 0; } }
        #development .development__reasons-to-choose-us__container__col1__title {
          font-weight: normal;
          font-size: 2.2rem;
          color: #00ffff;
          margin-bottom: 2rem;
          text-align: left; }
          @media (max-width: 1199px) {
            #development .development__reasons-to-choose-us__container__col1__title {
              font-size: 2rem;
              text-align: center; } }
        #development .development__reasons-to-choose-us__container__col1__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left;
          margin-bottom: 3rem;
          padding-right: 2rem; }
          @media (max-width: 1199px) {
            #development .development__reasons-to-choose-us__container__col1__description {
              font-size: 1rem;
              padding-right: 0rem;
              text-align: center; } }
      #development .development__reasons-to-choose-us__container__items {
        padding: 2rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        border: 2px solid #0000ff; }
        @media (max-width: 1199px) {
          #development .development__reasons-to-choose-us__container__items {
            grid-gap: 3rem;
            grid-template-columns: 1fr;
            padding: 2rem 0.5rem;
            border: none; } }
        #development .development__reasons-to-choose-us__container__items__item {
          display: grid;
          grid-template-columns: 50px 1fr;
          grid-gap: 3rem;
          align-items: flex-start; }
          @media (max-width: 767px) {
            #development .development__reasons-to-choose-us__container__items__item {
              grid-template-columns: 1fr;
              justify-items: center;
              grid-gap: 1rem; } }
          #development .development__reasons-to-choose-us__container__items__item__icon {
            width: 50px; }
          @media (max-width: 767px) {
            #development .development__reasons-to-choose-us__container__items__item__txt {
              text-align: center; } }
          #development .development__reasons-to-choose-us__container__items__item__txt__title {
            font-size: 1.2rem;
            color: #00ffff;
            margin-bottom: 0.5rem; }
          #development .development__reasons-to-choose-us__container__items__item__txt__description {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #333;
            text-align: left; }
            @media (max-width: 767px) {
              #development .development__reasons-to-choose-us__container__items__item__txt__description {
                text-align: center; } }
  #development .development__industry {
    background-color: #0a236c; }
    #development .development__industry__container {
      grid-column: main-start/main-end; }
      #development .development__industry__container__title {
        text-align: center;
        font-family: "Rajdhani", sans-serif;
        font-size: 2.2rem; }
      #development .development__industry__container__subtitle {
        font-size: 1.1rem;
        color: #00ffff;
        text-align: center;
        margin: 1.5rem 0; }
      #development .development__industry__container__leaders {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        flex-wrap: wrap; }
        #development .development__industry__container__leaders__item {
          width: 200px;
          display: grid;
          grid-gap: 1rem;
          margin: 2rem;
          justify-items: center; }
  #development .development__contact {
    background-image: url(../img/development/Section06.png);
    padding-top: 4rem; }
    @media (max-width: 1199px) {
      #development .development__contact {
        padding-top: 2rem; } }
  @media (max-width: 1199px) and (max-width: 1199px) {
    #development .development__contact {
      background-image: linear-gradient(rgba(7, 7, 26, 0.5), rgba(7, 7, 26, 0.6)), url(../img/development/Section06.png); } }
    #development .development__contact__container {
      grid-column: main-start/main-end;
      text-align: center;
      display: grid;
      grid-gap: 1rem;
      align-items: center;
      justify-content: center; }
      #development .development__contact__container__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 2rem;
        font-weight: normal;
        text-align: center;
        color: #e9caff;
        margin: 0; }
        @media (max-width: 1199px) {
          #development .development__contact__container__title {
            font-size: 1.5rem; } }
      #development .development__contact__container__description {
        padding-bottom: 2rem;
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #00ffff;
        text-align: left; }
      #development .development__contact__container__btn {
        justify-self: center;
        padding: 0.7rem 3rem;
        background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%);
        border: 1px solid #00ffff;
        border-radius: 10px;
        box-shadow: 1px 10px 20px rgba(218, 19, 128, 0.5), 1px 6px 6px rgba(218, 19, 128, 0.5);
        cursor: pointer; }
        #development .development__contact__container__btn__txt {
          color: white;
          font-size: 1rem;
          font-weight: bold; }

.blue-container {
  background-color: #0a236b;
  place-content: center;
  display: flex;
  margin-bottom: 2rem; }

#fiber-copper .fiber-copper__top {
  color: #ffffff; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #fiber-copper .fiber-copper__top {
      padding: 4rem;
      flex-direction: column; } }
  @media (max-width: 767px) {
    #fiber-copper .fiber-copper__top {
      padding: 4rem !important; } }
  #fiber-copper .fiber-copper__top__build-data-network {
    border: solid 1px white;
    width: 80%;
    max-width: 1300px;
    margin: 5rem auto; }
    @media (max-width: 1199px) {
      #fiber-copper .fiber-copper__top__build-data-network {
        padding: 1rem;
        width: 100%; } }
    #fiber-copper .fiber-copper__top__build-data-network__title {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce; }
    #fiber-copper .fiber-copper__top__build-data-network__description {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #333;
      text-align: left; }

#fiber-copper .fiber-copper__container {
  flex-direction: column;
  max-width: 1300px;
  margin: 0 auto 3rem; }
  #fiber-copper .fiber-copper__container__title {
    z-index: 1;
    height: fit-content;
    color: #ffffff; }
  #fiber-copper .fiber-copper__container__build-data-network__title {
    color: black; }
  #fiber-copper .fiber-copper__container__build-data-network__description {
    color: black; }
  #fiber-copper .fiber-copper__container__row2 {
    display: flex;
    align-items: center;
    margin: 96px 48px;
    justify-content: space-evenly; }
    @media (max-width: 1199px) {
      #fiber-copper .fiber-copper__container__row2 {
        display: inline; } }
    #fiber-copper .fiber-copper__container__row2 > div {
      margin: 0 48px;
      padding: 48px;
      color: white;
      background: linear-gradient(45deg, #245d8b, #1c2662); }
      @media (max-width: 1199px) {
        #fiber-copper .fiber-copper__container__row2 > div {
          margin: 1rem; } }
      #fiber-copper .fiber-copper__container__row2 > div h2 {
        font-size: 2.5rem;
        font-family: "Rajdhani", sans-serif;
        font-weight: normal;
        padding-bottom: 2rem; }
      #fiber-copper .fiber-copper__container__row2 > div li {
        list-style: inside; }
  #fiber-copper .fiber-copper__container__cabling-solutions__title {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #fff;
    text-align: left; }
  #fiber-copper .fiber-copper__container__cabling-solutions__lists__item {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    line-height: 1.4rem;
    color: #fff;
    text-align: left; }
  #fiber-copper .fiber-copper__container__services-support__title {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #fff;
    text-align: left; }
  #fiber-copper .fiber-copper__container__services-support__lists__item {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    line-height: 1.4rem;
    color: #fff;
    text-align: left; }
  #fiber-copper .fiber-copper__container .btn {
    text-align: center;
    margin: auto; }

#fiber-copper .fiber-copper .certified-products {
  background-color: #95caff5d;
  padding: 8rem 0; }
  @media (max-width: 36em) {
    #fiber-copper .fiber-copper .certified-products {
      padding-bottom: 4rem; } }
  #fiber-copper .fiber-copper .certified-products .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    position: relative;
    flex-direction: column; }
  #fiber-copper .fiber-copper .certified-products h3 {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 6rem;
    color: #333333;
    align-items: center; }
    #fiber-copper .fiber-copper .certified-products h3 span {
      display: flex; }
    #fiber-copper .fiber-copper .certified-products h3 .smspan {
      color: #2e77ce;
      font-size: 1rem; }
    #fiber-copper .fiber-copper .certified-products h3 .lgspan {
      font-size: 3rem; }
  #fiber-copper .fiber-copper .certified-products #partnerLogos {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
    @media (max-width: 75em) {
      #fiber-copper .fiber-copper .certified-products #partnerLogos {
        justify-content: center; } }
    #fiber-copper .fiber-copper .certified-products #partnerLogos .partnerLogo {
      flex-basis: calc(16.6666666667% - 2rem);
      margin: 2rem 0;
      text-align: center; }
      @media (max-width: 75em) {
        #fiber-copper .fiber-copper .certified-products #partnerLogos .partnerLogo {
          flex-basis: calc(25% - 3rem); } }
      @media (max-width: 48em) {
        #fiber-copper .fiber-copper .certified-products #partnerLogos .partnerLogo {
          flex-basis: calc(33% - 2rem); } }
      @media (max-width: 36em) {
        #fiber-copper .fiber-copper .certified-products #partnerLogos .partnerLogo {
          flex-basis: calc(50% - 1rem); } }
      #fiber-copper .fiber-copper .certified-products #partnerLogos .partnerLogo img {
        max-width: 80%;
        height: auto;
        position: relative; }

#maintenance {
  color: black; }
  #maintenance .maintenance__top__container__img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%; }
  #maintenance .maintenance__transforming__container {
    display: flex;
    margin: auto;
    max-width: 1080px;
    padding: 48px; }
    #maintenance .maintenance__transforming__container > div {
      flex-basis: 50%;
      margin: 0 auto; }
    @media (max-width: 1199px) {
      #maintenance .maintenance__transforming__container {
        padding: 0;
        flex-direction: column; } }
    #maintenance .maintenance__transforming__container__title {
      font-family: "Rajdhani", sans-serif;
      text-align: "left";
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #000; }
    #maintenance .maintenance__transforming__container__left {
      padding: 24px; }
      #maintenance .maintenance__transforming__container__left__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left; }
    #maintenance .maintenance__transforming__container__right {
      background-color: #245d8b;
      color: white;
      padding: 24px 48px; }
      @media (max-width: 767px) {
        #maintenance .maintenance__transforming__container__right {
          padding: 1rem; } }
      #maintenance .maintenance__transforming__container__right__title {
        font-family: "Rajdhani", sans-serif;
        text-align: "left";
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #fff; }
      #maintenance .maintenance__transforming__container__right__item {
        display: flex;
        margin: 1rem 0; }
        #maintenance .maintenance__transforming__container__right__item i {
          margin-right: 1rem; }
          @media (max-width: 767px) {
            #maintenance .maintenance__transforming__container__right__item i {
              height: 1rem;
              width: auto; } }
        #maintenance .maintenance__transforming__container__right__item__txt__title {
          font-family: "Rajdhani", sans-serif;
          text-align: "left";
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #fff;
          margin: 0;
          font-size: 1.3rem; }
        #maintenance .maintenance__transforming__container__right__item__txt__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: left; }
  #maintenance .maintenance__concept {
    background-color: #eee;
    padding: 72px 0; }
    #maintenance .maintenance__concept__container {
      display: flex;
      justify-content: center; }
      @media (max-width: 1199px) {
        #maintenance .maintenance__concept__container {
          flex-direction: column;
          align-items: center; }
          #maintenance .maintenance__concept__container .fa-chevron-right {
            transform: rotate(90deg);
            margin: 24px 0; } }
      #maintenance .maintenance__concept__container i {
        margin: calc(75px - 16px) 15px 0; }
      #maintenance .maintenance__concept__container__item {
        position: relative;
        width: 150px; }
        #maintenance .maintenance__concept__container__item__img {
          position: relative;
          border-radius: 50%;
          z-index: 1; }
          #maintenance .maintenance__concept__container__item__img img {
            z-index: 2;
            position: relative; }
        #maintenance .maintenance__concept__container__item__txt {
          margin-top: 16px; }
  #maintenance .maintenance__partners {
    padding: 72px 0; }
    #maintenance .maintenance__partners__sec-container__title {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #000; }
    #maintenance .maintenance__partners__sec-container__items {
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 960px; }
      #maintenance .maintenance__partners__sec-container__items img {
        margin: 16px;
        height: 22px; }
  #maintenance .maintenance__ask-us {
    background-color: #0a236b;
    color: white;
    text-align: center; }
    #maintenance .maintenance__ask-us__container__row1 {
      padding: 24px;
      line-height: 1em; }
      #maintenance .maintenance__ask-us__container__row1__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 1.3rem;
        font-weight: normal;
        line-height: 2.5rem; }
    #maintenance .maintenance__ask-us__container__row2 {
      padding: 24px 0;
      line-height: 5em; }
      #maintenance .maintenance__ask-us__container__row2__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 2.5rem;
        font-weight: 600;
        text-transform: uppercase; }
        @media (max-width: 1199px) {
          #maintenance .maintenance__ask-us__container__row2__title {
            font-size: 1.7rem; } }
      #maintenance .maintenance__ask-us__container__row2__btn {
        padding: 1rem 2rem;
        width: fit-content;
        background: white;
        border-radius: 2rem;
        color: #08337f;
        text-align: center;
        justify-self: center; }
    #maintenance .maintenance__ask-us__container__row3 {
      display: flex;
      text-align: left;
      justify-content: space-around;
      padding: 24px 0; }
      @media (max-width: 1199px) {
        #maintenance .maintenance__ask-us__container__row3 {
          flex-direction: column; } }
      #maintenance .maintenance__ask-us__container__row3__col2__socials > a {
        padding: 0 4px; }
      #maintenance .maintenance__ask-us__container__row3__col3__phone {
        text-align: center;
        display: block;
        color: white;
        margin-bottom: 10px; }

h3 {
  font-size: 2.5rem; }

#office-builds {
  color: black; }
  @media (max-width: 1530px) {
    #office-builds .office-builds__top__container {
      width: auto; } }
  #office-builds .office-builds__top__container__txt__description {
    color: white;
    padding: 16px 16px 0 16px; }
  #office-builds .office-builds__top__container__txt__btn {
    margin: 24px 12px; }
  @media (max-width: 1199px) {
    #office-builds .office-builds__chat-contact {
      padding: 0; } }
  @media (max-width: 1199px) {
    #office-builds .office-builds__section1 {
      flex-direction: column; } }
  #office-builds .office-builds__section2 {
    background-image: url("../img/home/02section-bg.png"); }
    #office-builds .office-builds__section2__container {
      padding: 48px 0; }
      @media (max-width: 767px) {
        #office-builds .office-builds__section2__container {
          padding: 0; } }
      #office-builds .office-builds__section2__container__txt {
        margin: 0 auto;
        background-color: #245d8b;
        color: white;
        max-width: 960px;
        width: 100%;
        padding: 1rem; }
        @media (max-width: 767px) {
          #office-builds .office-builds__section2__container__txt {
            padding: 1rem; } }
        #office-builds .office-builds__section2__container__txt__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #fff; }
        #office-builds .office-builds__section2__container__txt__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: left;
          margin: 8px 0; }
      #office-builds .office-builds__section2__container__items {
        margin: auto;
        max-width: 64vw;
        display: flex;
        flex-wrap: wrap; }
        @media (max-width: 1199px) {
          #office-builds .office-builds__section2__container__items {
            flex-direction: column; }
            #office-builds .office-builds__section2__container__items > div {
              max-width: 100%; } }
        @media (max-width: 1199px) {
          #office-builds .office-builds__section2__container__items {
            max-width: 80vw; } }
        #office-builds .office-builds__section2__container__items__col__item {
          display: flex;
          flex-direction: column;
          margin: 24px auto;
          padding: 16px;
          max-width: 20vw;
          border: solid 1px #4e7ca133;
          background-color: white; }
          @media (max-width: 1199px) {
            #office-builds .office-builds__section2__container__items__col__item {
              flex-direction: column; } }
          #office-builds .office-builds__section2__container__items__col__item__img {
            width: 100%; }
          #office-builds .office-builds__section2__container__items__col__item__txt__title {
            font-family: "Rajdhani", sans-serif;
            text-align: left;
            font-size: 1.8rem;
            line-height: 1.2;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            color: #000; }
          #office-builds .office-builds__section2__container__items__col__item__txt__description {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #333;
            text-align: left; }
  #office-builds .office-builds__brands {
    padding: 96px 0;
    background-color: #0a236c; }
    @media (max-width: 1199px) {
      #office-builds .office-builds__brands {
        padding: 24px 0; } }
    #office-builds .office-builds__brands__container {
      text-align: center; }
      #office-builds .office-builds__brands__container img {
        margin: 1em;
        vertical-align: middle; }
        @media (max-width: 1199px) {
          #office-builds .office-builds__brands__container img {
            margin: 2em; } }
  #office-builds .office-builds__toronto {
    max-width: 960px;
    margin: auto;
    padding: 96px 0; }
    @media (max-width: 767px) {
      #office-builds .office-builds__toronto {
        padding: 16px; } }
    #office-builds .office-builds__toronto__container {
      display: flex; }
      @media (max-width: 767px) {
        #office-builds .office-builds__toronto__container {
          flex-direction: column; } }
      #office-builds .office-builds__toronto__container__lottie lottie-player {
        width: 196px;
        margin-right: 48px; }
        @media (max-width: 1199px) {
          #office-builds .office-builds__toronto__container__lottie lottie-player {
            margin: auto; } }
      #office-builds .office-builds__toronto__container__txt {
        text-align: center;
        font-family: "Rajdhani", sans-serif; }
        #office-builds .office-builds__toronto__container__txt__title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #2e77ce; }
        #office-builds .office-builds__toronto__container__txt__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #666666;
          text-align: left; }
  #office-builds .office-builds__our-work {
    padding: 24px 0;
    background-image: url(../img/home/02section-bg.png);
    color: white; }
    #office-builds .office-builds__our-work__container {
      max-width: 1300px;
      width: 100%;
      margin: 0 auto; }
      #office-builds .office-builds__our-work__container__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center; }
      #office-builds .office-builds__our-work__container__items {
        display: flex;
        justify-content: space-around;
        width: 100%;
        max-width: 1200px;
        margin: auto; }
        @media (max-width: 1199px) {
          #office-builds .office-builds__our-work__container__items {
            flex-direction: column; } }
        #office-builds .office-builds__our-work__container__items img {
          padding: 24px 0;
          margin: auto; }
      #office-builds .office-builds__our-work__container__cities {
        display: flex;
        max-width: 1080px;
        width: 100%;
        margin: 96px auto 0; }
        @media (max-width: 1199px) {
          #office-builds .office-builds__our-work__container__cities {
            flex-direction: column; } }
        #office-builds .office-builds__our-work__container__cities__txt {
          display: flex;
          flex-direction: column;
          margin-left: 8px; }
          @media (max-width: 1199px) {
            #office-builds .office-builds__our-work__container__cities__txt {
              margin: 0; } }
          #office-builds .office-builds__our-work__container__cities__txt__testim {
            color: black;
            padding: 2rem; }
            @media (max-width: 1199px) {
              #office-builds .office-builds__our-work__container__cities__txt__testim {
                margin: 0; } }
            #office-builds .office-builds__our-work__container__cities__txt__testim__txt {
              font-size: 1.1rem;
              font-weight: 500;
              font-family: "Lato", sans-serif;
              line-height: 1.4rem;
              color: #333;
              text-align: left; }
            #office-builds .office-builds__our-work__container__cities__txt__testim__name {
              font-family: "Rajdhani", sans-serif;
              font-size: 1.5rem; }
          #office-builds .office-builds__our-work__container__cities__txt__btn {
            padding: 1rem 2rem;
            background: #08337f;
            border-radius: 2rem;
            color: white;
            text-align: center;
            width: fit-content;
            margin: 48px auto; }
          #office-builds .office-builds__our-work__container__cities__txt .btn {
            margin: 48px auto; }
        @media (max-width: 1199px) {
          #office-builds .office-builds__our-work__container__cities__img {
            max-width: 500px;
            width: 100%;
            margin: 0 auto; } }
  #office-builds .office-builds__certified-products {
    background-color: #95caff5d;
    padding: 8rem 0; }
    @media (max-width: 36em) {
      #office-builds .office-builds__certified-products {
        padding-bottom: 4rem; } }
    #office-builds .office-builds__certified-products .container {
      display: flex;
      max-width: 1300px;
      margin: 0 auto;
      width: 100%;
      padding: 0;
      position: relative;
      flex-direction: column; }
    #office-builds .office-builds__certified-products h3 {
      display: flex;
      flex-direction: column;
      font-family: "Space Grotesk", sans-serif;
      text-transform: uppercase;
      font-weight: 500;
      margin-bottom: 6rem;
      color: #333333;
      align-items: center; }
      #office-builds .office-builds__certified-products h3 span {
        display: flex; }
      #office-builds .office-builds__certified-products h3 .smspan {
        color: #2e77ce;
        font-size: 1rem; }
      #office-builds .office-builds__certified-products h3 .lgspan {
        font-size: 3rem; }
    #office-builds .office-builds__certified-products #partnerLogos {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem; }
      @media (max-width: 75em) {
        #office-builds .office-builds__certified-products #partnerLogos {
          justify-content: center; } }
      #office-builds .office-builds__certified-products #partnerLogos .partnerLogo {
        flex-basis: calc(16.6666666667% - 2rem);
        margin: 2rem 0;
        text-align: center; }
        @media (max-width: 75em) {
          #office-builds .office-builds__certified-products #partnerLogos .partnerLogo {
            flex-basis: calc(25% - 3rem); } }
        @media (max-width: 48em) {
          #office-builds .office-builds__certified-products #partnerLogos .partnerLogo {
            flex-basis: calc(33% - 2rem); } }
        @media (max-width: 36em) {
          #office-builds .office-builds__certified-products #partnerLogos .partnerLogo {
            flex-basis: calc(50% - 1rem); } }
        #office-builds .office-builds__certified-products #partnerLogos .partnerLogo img {
          max-width: 80%;
          height: auto;
          position: relative; }

.content_title_block .content_title_content {
  width: 200px !important; }

.office-build-section1-content {
  display: flex;
  width: 72vw;
  margin: auto; }
  @media (max-width: 1199px) {
    .office-build-section1-content {
      flex-direction: column; } }

.credit {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: inherit; }

@media (max-width: 767px) {
  #asset-14 {
    padding: 24px 24px !important; } }

#retail .retail {
  background-image: url("../img/19-Retail/Assets/Section02/BG.svg"); }
  #retail .retail__banner {
    background-image: url("../img/retail/01-CityBG.png");
    background-size: contain; }
  #retail .retail__top {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    #retail .retail__top__title {
      font-family: "Rajdhani", sans-serif;
      font-size: 3.6rem;
      font-weight: normal;
      color: #00ffff;
      text-align: center;
      margin: 0;
      padding: 1.5rem; }
      @media (max-width: 1199px) {
        #retail .retail__top__title {
          font-size: 2rem; } }
  #retail .retail__in-store-tech {
    margin-top: 4rem;
    background-color: white;
    display: flex; }
    #retail .retail__in-store-tech__container {
      grid-column: main-start/main-end;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 5rem;
      justify-content: center;
      align-items: end;
      padding: 2rem 2rem 0 2rem; }
      @media (max-width: 1199px) {
        #retail .retail__in-store-tech__container {
          grid-template-columns: 1fr;
          grid-row-gap: 2rem; } }
      #retail .retail__in-store-tech__container__txt {
        margin-bottom: -5rem;
        color: #0a236c; }
        @media (max-width: 1199px) {
          #retail .retail__in-store-tech__container__txt {
            text-align: center; } }
        #retail .retail__in-store-tech__container__txt__title {
          font-family: "Rajdhani", sans-serif;
          font-size: 1.6rem;
          font-weight: normal;
          margin-bottom: 3rem; }
          #retail .retail__in-store-tech__container__txt__title--blue {
            font-size: 2rem; }
        #retail .retail__in-store-tech__container__txt__description {
          font-size: 1.1rem;
          line-height: 1.3; }
          #retail .retail__in-store-tech__container__txt__description--blue {
            color: #00ffff; }
      #retail .retail__in-store-tech__container__img {
        margin-bottom: -15rem;
        width: 40rem;
        z-index: 2; }
        @media (max-width: 1199px) {
          #retail .retail__in-store-tech__container__img {
            justify-self: center;
            margin-bottom: 0; } }
  #retail .retail__latest-tech__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-gap: 10rem;
    padding: 2rem; }
    @media (max-width: 1199px) {
      #retail .retail__latest-tech__container {
        padding: 0;
        grid-gap: 4rem; } }
    #retail .retail__latest-tech__container__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-content: center;
      align-items: end; }
      @media (max-width: 1199px) {
        #retail .retail__latest-tech__container__row {
          grid-template-columns: 1fr;
          grid-row-gap: 2rem; } }
      #retail .retail__latest-tech__container__row__description {
        color: black; }
      #retail .retail__latest-tech__container__row__txt-left {
        background-color: #fffff7;
        margin-left: -5rem;
        margin-right: -5rem;
        padding: 2rem 15rem 2rem 2rem;
        border-radius: 2rem; }
        @media (max-width: 1199px) {
          #retail .retail__latest-tech__container__row__txt-left {
            margin: 0;
            padding: 2rem;
            grid-row-start: 1;
            text-align: center; } }
        #retail .retail__latest-tech__container__row__txt-left__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #2e77ce; }
          @media (max-width: 767px) {
            #retail .retail__latest-tech__container__row__txt-left__title {
              font-size: 1.2rem; } }
        #retail .retail__latest-tech__container__row__txt-left__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left; }
          #retail .retail__latest-tech__container__row__txt-left__description--blue {
            color: #00ffff; }
      #retail .retail__latest-tech__container__row__txt-right {
        background-color: #fffff7;
        margin-left: -5rem;
        margin-right: -5rem;
        padding: 2rem 2rem 2rem 15rem;
        border-radius: 2rem; }
        @media (max-width: 1199px) {
          #retail .retail__latest-tech__container__row__txt-right {
            grid-row-start: 1;
            text-align: center;
            margin: 0;
            padding: 2rem; } }
        #retail .retail__latest-tech__container__row__txt-right__title {
          color: #0a236c;
          line-height: 1.2;
          font-family: "Rajdhani", sans-serif;
          font-size: 1.8rem;
          font-weight: normal;
          margin-bottom: 3rem; }
          @media (max-width: 767px) {
            #retail .retail__latest-tech__container__row__txt-right__title {
              font-size: 1.2rem; } }
        #retail .retail__latest-tech__container__row__txt-right__description {
          color: black;
          font-size: 1.1rem;
          line-height: 1.3; }
          #retail .retail__latest-tech__container__row__txt-right__description--blue {
            color: #00ffff; }
      #retail .retail__latest-tech__container__row__img-left {
        margin-left: -8rem; }
        @media (max-width: 1199px) {
          #retail .retail__latest-tech__container__row__img-left {
            justify-self: center;
            margin: 0; } }
      #retail .retail__latest-tech__container__row__img-right {
        margin-right: -8rem;
        justify-self: end;
        z-index: 2; }
        @media (max-width: 1199px) {
          #retail .retail__latest-tech__container__row__img-right {
            justify-self: center;
            margin: 0; } }
  #retail .retail__section3 li {
    list-style-type: square;
    list-style-position: inside; }
  #retail .retail__section3__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-gap: 10rem;
    padding: 2rem; }
    @media (max-width: 1199px) {
      #retail .retail__section3__container {
        padding: 0;
        grid-gap: 4rem; } }
    #retail .retail__section3__container__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-content: center;
      grid-gap: 2rem; }
      @media (max-width: 1199px) {
        #retail .retail__section3__container__row {
          grid-template-columns: 1fr;
          grid-row-gap: 2rem; } }
      #retail .retail__section3__container__row__txt-left {
        background-color: #fffff7;
        padding: 2rem 2rem 2rem 15rem;
        margin-left: -20rem;
        border-radius: 2rem;
        height: fit-content; }
        @media (max-width: 1199px) {
          #retail .retail__section3__container__row__txt-left {
            grid-row-start: 1;
            text-align: center;
            margin: 0;
            padding: 2rem; } }
        #retail .retail__section3__container__row__txt-left__title {
          color: #0a236c;
          line-height: 1.2;
          font-family: "Rajdhani", sans-serif;
          font-size: 1.8rem;
          font-weight: bold;
          margin-bottom: 3rem; }
          @media (max-width: 767px) {
            #retail .retail__section3__container__row__txt-left__title {
              font-size: 1.2rem; } }
        #retail .retail__section3__container__row__txt-left__description {
          color: black;
          font-size: 1.1rem;
          line-height: 1.3; }
          #retail .retail__section3__container__row__txt-left__description--list {
            font-size: 1.1rem;
            line-height: 1.3;
            display: grid;
            grid-template-columns: 1fr 2fr 1fr; }
            @media (max-width: 1199px) {
              #retail .retail__section3__container__row__txt-left__description--list {
                text-align: left; } }
            #retail .retail__section3__container__row__txt-left__description--list li {
              width: 256px;
              grid-column-start: 1; }
              @media (max-width: 1199px) {
                #retail .retail__section3__container__row__txt-left__description--list li {
                  grid-column-start: 2;
                  justify-self: center; } }
      #retail .retail__section3__container__row__txt-right {
        background-color: #fffff7;
        padding: 2rem 18rem 2rem 2rem;
        margin-right: -20rem;
        border-radius: 2rem;
        height: fit-content; }
        @media (max-width: 1199px) {
          #retail .retail__section3__container__row__txt-right {
            grid-row-start: 1;
            text-align: center;
            margin: 0;
            padding: 2rem; } }
        #retail .retail__section3__container__row__txt-right__title {
          color: #0a236c;
          line-height: 1.2;
          font-family: "Rajdhani", sans-serif;
          font-size: 1.8rem;
          font-weight: bold;
          margin-bottom: 3rem; }
          @media (max-width: 767px) {
            #retail .retail__section3__container__row__txt-right__title {
              font-size: 1.2rem; } }
        #retail .retail__section3__container__row__txt-right__description {
          color: black;
          font-size: 1.1rem;
          line-height: 1.3; }
          #retail .retail__section3__container__row__txt-right__description--list {
            font-size: 1.1rem;
            line-height: 1.3;
            display: grid;
            grid-template-columns: 1fr 2fr 1fr; }
            @media (max-width: 1199px) {
              #retail .retail__section3__container__row__txt-right__description--list {
                text-align: left; } }
            #retail .retail__section3__container__row__txt-right__description--list li {
              width: 256px;
              grid-column-start: 1; }
              @media (max-width: 1199px) {
                #retail .retail__section3__container__row__txt-right__description--list li {
                  grid-column-start: 2;
                  justify-self: center; } }
      #retail .retail__section3__container__row__img {
        justify-self: center;
        z-index: 2;
        margin-top: -10rem; }
        @media (max-width: 1199px) {
          #retail .retail__section3__container__row__img {
            margin: 0; } }
    #retail .retail__section3__container__contact {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      #retail .retail__section3__container__contact__title {
        padding-top: 3rem;
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (max-width: 767px) {
          #retail .retail__section3__container__contact__title {
            font-size: 1.2rem; } }
      #retail .retail__section3__container__contact__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #666666;
        text-align: center; }
        #retail .retail__section3__container__contact__description--blue {
          color: #00ffff; }
  @media (min-width: 1200px) {
    #retail .retail .slider-container {
      display: none; }
    #retail .retail__carousel-big-screen {
      padding: 2rem 1rem 1rem 1rem;
      display: flex;
      text-align: center;
      align-items: center; }
      #retail .retail__carousel-big-screen__carousel-cell-big-screen {
        text-align: center;
        margin: 0 auto;
        transition: ease 0.3s;
        padding: 1rem 1rem 0 1rem; }
        #retail .retail__carousel-big-screen__carousel-cell-big-screen:hover {
          transition: all 0.5s ease;
          /* back to normal */
          box-shadow: 1px 10px 20px rgba(105, 176, 235, 0.19), 1px 6px 6px rgba(75, 51, 233, 0.23);
          border-radius: 0.3rem;
          transition: 0.5s; }
          #retail .retail__carousel-big-screen__carousel-cell-big-screen:hover:hover {
            transform: translate3D(0, -1px, 0) scale(1.1);
            /* move up slightly and zoom in */
            transition: all 0.4s ease;
            /* zoom in */ }
        #retail .retail__carousel-big-screen__carousel-cell-big-screen__txt {
          font-size: 1rem;
          text-align: center;
          padding: 1rem;
          color: black;
          opacity: 1; } }
  @media (max-width: 1199px) {
    #retail .retail .slider-container-big-screen {
      display: none; }
    #retail .retail .slider-container {
      padding: 1rem; }
    #retail .retail__carousel {
      grid-column: 1/-1;
      padding: 1rem 2rem; }
      #retail .retail__carousel__carousel-cell {
        width: 40%;
        height: 380px;
        border-radius: 5px;
        counter-increment: carousel-cell;
        border: 2px solid #0000ff8c;
        position: relative;
        color: black; }
        #retail .retail__carousel__carousel-cell::before {
          display: block;
          text-align: center;
          content: ""; } }
    @media (max-width: 1199px) and (max-width: 767px) {
      #retail .retail__carousel__carousel-cell {
        width: 100%;
        height: 300px; } }
  @media (max-width: 1199px) {
        #retail .retail__carousel__carousel-cell__img {
          height: 100%;
          opacity: 0.6;
          width: 100%; }
        #retail .retail__carousel__carousel-cell__txt {
          font-size: 1rem;
          position: absolute;
          font-weight: bold;
          top: 80%;
          left: 50%;
          color: white;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          text-align: center; } }
  #retail .retail__partners {
    background-color: #120947;
    padding: 3rem 2rem; }
    #retail .retail__partners__sec-container {
      grid-column: main-start/main-end; }
      #retail .retail__partners__sec-container__title {
        font-size: 2.5rem;
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 2rem; }
        @media (min-width: 768px) and (max-width: 1199px) {
          #retail .retail__partners__sec-container__title {
            font-size: 2rem; } }
        @media (max-width: 767px) {
          #retail .retail__partners__sec-container__title {
            font-size: 1.1rem; } }
      #retail .retail__partners__sec-container__items {
        display: grid;
        grid-gap: 2rem;
        align-items: center;
        justify-items: center;
        color: #ffffff; }
        #retail .retail__partners__sec-container__items__row {
          display: grid;
          grid-template-columns: repeat(4, minmax(100px, 1fr));
          grid-gap: 3rem;
          justify-items: center; }
          @media (min-width: 768px) and (max-width: 1199px) {
            #retail .retail__partners__sec-container__items__row {
              grid-template-columns: repeat(2, minmax(100px, 1fr));
              align-items: center; } }
          @media (max-width: 767px) {
            #retail .retail__partners__sec-container__items__row {
              grid-template-columns: repeat(2, minmax(100px, 1fr)); } }
  @media (max-width: 767px) {
    #retail .retail .hero_wrapper > .container > .hero_title_wrapper .hero_title {
      font-size: 2rem;
      line-height: 1.8rem;
      margin-bottom: 0.5rem; } }

#section1-wave-svg {
  height: 150px;
  overflow: hidden;
  transform: rotate(180deg); }

.blog-slider {
  z-index: 2; }

.blog-slider,
.blog-slider-2 {
  width: 800px;
  position: relative;
  margin: auto;
  background: #fff;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
  padding: 4rem;
  border-radius: 25px;
  height: auto;
  transition: all 0.3s; }
  @media (max-width: 767px) {
    .blog-slider,
    .blog-slider-2 {
      margin-top: 5rem;
      padding: 1rem;
      width: 300px; } }
  .blog-slider__item,
  .blog-slider-2__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .blog-slider__item.swiper-slide-active .blog-slider__img img,
    .blog-slider-2__item.swiper-slide-active .blog-slider__img img {
      opacity: 1;
      transition-delay: 0.3s; }
    .blog-slider__item.swiper-slide-active .blog-slider__content > *,
    .blog-slider-2__item.swiper-slide-active .blog-slider__content > * {
      opacity: 1;
      transform: none; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
        transition-delay: 0.3s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
        transition-delay: 0.4s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
        transition-delay: 0.5s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
        transition-delay: 0.6s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
        transition-delay: 0.7s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
        transition-delay: 0.8s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
        transition-delay: 0.9s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
        transition-delay: 1s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
        transition-delay: 1.1s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
        transition-delay: 1.2s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
        transition-delay: 1.3s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
        transition-delay: 1.4s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
        transition-delay: 1.5s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
        transition-delay: 1.6s; }
      .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15),
      .blog-slider-2__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
        transition-delay: 1.7s; }
  .blog-slider__img,
  .blog-slider-2__img {
    width: 40%;
    flex-shrink: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex; }
    .blog-slider__img:after,
    .blog-slider-2__img:after {
      content: "";
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
      border-radius: 20px;
      opacity: 0.8; }
    .blog-slider__img img,
    .blog-slider-2__img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      opacity: 0;
      border-radius: 20px;
      transition: all 0.3s; }
    @media screen and (max-width: 992px) {
      .blog-slider__img,
      .blog-slider-2__img {
        margin-right: 0px; } }
    @media screen and (max-width: 768px) {
      .blog-slider__img,
      .blog-slider-2__img {
        transform: translateY(-50%);
        width: 90%; } }
    @media screen and (max-width: 576px) {
      .blog-slider__img,
      .blog-slider-2__img {
        width: 95%; } }
    @media screen and (max-height: 500px) and (min-width: 992px) {
      .blog-slider__img,
      .blog-slider-2__img {
        height: 170px; } }
  .blog-slider__content,
  .blog-slider-2__content {
    padding-right: 25px; }
    @media screen and (max-width: 768px) {
      .blog-slider__content,
      .blog-slider-2__content {
        margin-top: -70px;
        text-align: center;
        padding: 0 30px; } }
    @media screen and (max-width: 576px) {
      .blog-slider__content,
      .blog-slider-2__content {
        padding: 0; } }
    .blog-slider__content > *,
    .blog-slider-2__content > * {
      opacity: 0;
      transform: translateY(25px);
      transition: all 0.4s; }
  .blog-slider__title,
  .blog-slider-2__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px; }
  .blog-slider__text,
  .blog-slider-2__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em; }
  .blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .blog-slider .swiper-pagination-custom,
  .blog-slider .swiper-pagination-fraction,
  .blog-slider-2 .swiper-container-horizontal > .swiper-pagination-bullets,
  .blog-slider-2 .swiper-pagination-custom,
  .blog-slider-2 .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%; }
  .blog-slider__pagination,
  .blog-slider-2__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%); }
    @media screen and (max-width: 768px) {
      .blog-slider__pagination,
      .blog-slider-2__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 0px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative; } }
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet,
    .blog-slider-2__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 3px 0 !important; }
      @media screen and (max-width: 768px) {
        .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet,
        .blog-slider-2__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
          margin: 0 5px; } }
    .blog-slider__pagination .swiper-pagination-bullet,
    .blog-slider-2__pagination .swiper-pagination-bullet {
      width: 11px;
      height: 11px;
      display: block;
      border-radius: 10px;
      background: #062744;
      opacity: 0.2;
      transition: all 0.3s; }
      .blog-slider__pagination .swiper-pagination-bullet-active,
      .blog-slider-2__pagination .swiper-pagination-bullet-active {
        opacity: 1;
        background: #0a236c;
        height: 30px;
        box-shadow: 0px 0px 20px #0a236c; }
        @media screen and (max-width: 768px) {
          .blog-slider__pagination .swiper-pagination-bullet-active,
          .blog-slider-2__pagination .swiper-pagination-bullet-active {
            height: 11px;
            width: 30px; } }

#swiper-section2-visible-desktop {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1199px) {
    #swiper-section2-visible-desktop {
      display: none; } }

#swiper-section2-visible-mobile {
  display: none; }
  @media (max-width: 1199px) {
    #swiper-section2-visible-mobile {
      display: inline; } }

#blog-slider-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 35px;
  padding-right: 10px; }
  @media (max-width: 1199px) {
    #blog-slider-2 {
      padding-left: 0;
      padding-right: 0; } }

.retail__latest-tech [data-swiper-slide-index="0"] > .blog-slider__img {
  padding: 1rem;
  min-height: 200px;
  min-width: 300px; }
  @media (max-width: 767px) {
    .retail__latest-tech [data-swiper-slide-index="0"] > .blog-slider__img {
      width: 60%; } }
  .retail__latest-tech [data-swiper-slide-index="0"] > .blog-slider__img img {
    max-height: 400px;
    width: auto; }

.retail__latest-tech [data-swiper-slide-index="1"] > .blog-slider__img {
  padding: 1rem 0rem 1rem 5rem; }
  @media (max-width: 767px) {
    .retail__latest-tech [data-swiper-slide-index="1"] > .blog-slider__img {
      padding: unset;
      width: 60%;
      min-width: unset;
      max-height: 300px; } }
  .retail__latest-tech [data-swiper-slide-index="1"] > .blog-slider__img img {
    max-height: 300px;
    width: auto; }

@media (max-width: 767px) {
  .retail__latest-tech [data-swiper-slide-index="3"] > .blog-slider__img {
    width: 60%;
    min-width: unset;
    max-height: 200px; } }

.retail__latest-tech [data-swiper-slide-index="4"] > .blog-slider__img {
  padding: 1rem;
  min-height: 200px;
  min-width: 300px; }
  @media (max-width: 767px) {
    .retail__latest-tech [data-swiper-slide-index="4"] > .blog-slider__img {
      width: 60%; } }
  .retail__latest-tech [data-swiper-slide-index="4"] > .blog-slider__img img {
    max-height: 200px;
    width: auto; }

#smart-cities .smart-cities {
  background-image: url("../img/home/02section-bg.png");
  overflow: hidden; }
  #smart-cities .smart-cities__section2__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem; }
    @media (max-width: 1199px) {
      #smart-cities .smart-cities__section2__container {
        grid-template-columns: 1fr;
        text-align: center; } }
    #smart-cities .smart-cities__section2__container__title {
      font-family: "Rajdhani", sans-serif;
      text-align: left;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce; }
      @media (max-width: 1199px) {
        #smart-cities .smart-cities__section2__container__title {
          font-size: 2rem; } }
    #smart-cities .smart-cities__section2__container__txt {
      padding: 0 4rem;
      margin-left: -5rem;
      align-items: center; }
      @media (max-width: 1199px) {
        #smart-cities .smart-cities__section2__container__txt {
          padding: 0;
          margin: 0 auto; } }
      @media (max-width: 767px) {
        #smart-cities .smart-cities__section2__container__txt {
          width: 80vw; } }
      #smart-cities .smart-cities__section2__container__txt__title {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #666666; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__section2__container__txt__title {
            font-size: 1.5rem; } }
        #smart-cities .smart-cities__section2__container__txt__title:not(:nth-of-type(1)) {
          margin-top: 25px; }
      #smart-cities .smart-cities__section2__container__txt__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left; }
        @media (max-width: 767px) {
          #smart-cities .smart-cities__section2__container__txt__description {
            text-align: left; } }
    #smart-cities .smart-cities__section2__container__arrow {
      display: grid; }
      @media (max-width: 1199px) {
        #smart-cities .smart-cities__section2__container__arrow {
          grid-template-columns: 1fr;
          margin: 0 auto; } }
      #smart-cities .smart-cities__section2__container__arrow .section2_learn_more {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #2e77ce;
        margin-top: 25px; }
      #smart-cities .smart-cities__section2__container__arrow__item {
        height: fit-content;
        display: grid;
        align-items: center;
        margin: 1px;
        grid-template-columns: 110px 1fr;
        cursor: pointer;
        padding: 1rem;
        border-radius: 1rem; }
        #smart-cities .smart-cities__section2__container__arrow__item__icon {
          max-width: 100px;
          max-height: 100px !important; }
        #smart-cities .smart-cities__section2__container__arrow__item__title {
          color: #0b2a8e;
          font-family: "Rajdhani", sans-serif;
          font-size: 1.3rem;
          font-weight: normal;
          text-align: center;
          margin-bottom: 0rem; }
        #smart-cities .smart-cities__section2__container__arrow__item__description {
          color: black;
          font-size: 1rem;
          text-align: center;
          display: none;
          margin-top: 0.5rem; }
      @media (max-width: 1199px) {
        #smart-cities .smart-cities__section2__container__arrow {
          grid-gap: 1rem; } }
  #smart-cities .smart-cities__brands {
    margin-bottom: 1rem;
    background-color: #081b49;
    padding: 1rem; }
    #smart-cities .smart-cities__brands .logo-slider {
      display: flex;
      flex-wrap: wrap;
      padding: 2rem 0;
      width: 80%;
      margin: 0 auto;
      gap: 50px;
      align-items: center;
      justify-content: center; }
      #smart-cities .smart-cities__brands .logo-slider img {
        max-width: 150px; }
        #smart-cities .smart-cities__brands .logo-slider img[alt="apple logo"] {
          max-height: 100px; }
    #smart-cities .smart-cities__brands__title {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #fff; }
  #smart-cities .smart-cities__it {
    margin-top: -1rem;
    background-image: url("../img/home/02section-bg.png"); }
    #smart-cities .smart-cities__it .main_smart-cities_bg {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: 1fr [main-start] minmax(10px, 950px) [main-end] 1fr;
      color: white;
      padding: 6rem 4rem; }
      @media (max-width: 767px) {
        #smart-cities .smart-cities__it .main_smart-cities_bg {
          padding: 2rem; } }
    #smart-cities .smart-cities__it__container {
      grid-column: main-start/main-end;
      display: grid;
      grid-gap: 4rem; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #smart-cities .smart-cities__it__container {
          grid-gap: 1rem; } }
      @media (max-width: 767px) {
        #smart-cities .smart-cities__it__container {
          grid-gap: 1rem; } }
      #smart-cities .smart-cities__it__container__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__it__container__title {
            font-size: 2rem; } }
        @media (max-width: 767px) {
          #smart-cities .smart-cities__it__container__title {
            margin-top: 1rem; } }
      #smart-cities .smart-cities__it__container__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3rem;
        align-items: center; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__it__container__items {
            grid-template-columns: 1fr; } }
        #smart-cities .smart-cities__it__container__items__col {
          display: grid;
          grid-gap: 3rem; }
          @media (min-width: 768px) and (max-width: 1199px) {
            #smart-cities .smart-cities__it__container__items__col {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center; } }
          @media (min-width: 768px) and (max-width: 1199px) {
            #smart-cities .smart-cities__it__container__items__col__components {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center; } }
          @media (max-width: 767px) {
            #smart-cities .smart-cities__it__container__items__col__components {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center; } }
          #smart-cities .smart-cities__it__container__items__col__components__item {
            padding: 2rem;
            background-color: #fffff7;
            border-radius: 45px;
            display: inline-grid;
            grid-gap: 2rem;
            justify-content: center;
            text-align: center;
            position: relative;
            opacity: 0.9; }
            @media (min-width: 768px) and (max-width: 1199px) {
              #smart-cities .smart-cities__it__container__items__col__components__item {
                padding: 1rem; } }
            @media (max-width: 767px) {
              #smart-cities .smart-cities__it__container__items__col__components__item {
                padding: 1rem; } }
            #smart-cities .smart-cities__it__container__items__col__components__item__title {
              font-family: "Rajdhani", sans-serif;
              text-align: center;
              font-size: 1.8rem;
              line-height: 1.2;
              font-weight: 500;
              text-transform: uppercase;
              margin-bottom: 1.5rem;
              color: #2e77ce; }
            #smart-cities .smart-cities__it__container__items__col__components__item__img__left {
              position: absolute;
              margin-left: -10vw;
              transform: rotate(-10deg); }
              @media (min-width: 768px) and (max-width: 1199px) {
                #smart-cities .smart-cities__it__container__items__col__components__item__img__left {
                  margin-bottom: 1em;
                  position: unset;
                  margin-left: 0;
                  transform: unset;
                  max-width: 80%; } }
              @media (max-width: 767px) {
                #smart-cities .smart-cities__it__container__items__col__components__item__img__left {
                  margin-bottom: 1em;
                  position: unset;
                  margin-left: 0;
                  transform: unset;
                  max-width: 80%; } }
            #smart-cities .smart-cities__it__container__items__col__components__item__img__right {
              position: absolute;
              margin-left: 10vw;
              transform: rotate(10deg); }
              @media (min-width: 768px) and (max-width: 1199px) {
                #smart-cities .smart-cities__it__container__items__col__components__item__img__right {
                  position: unset;
                  margin-left: 0;
                  transform: unset;
                  max-width: 80%; } }
              @media (max-width: 767px) {
                #smart-cities .smart-cities__it__container__items__col__components__item__img__right {
                  position: unset;
                  margin-left: 0;
                  transform: unset;
                  max-width: 80%; } }
            #smart-cities .smart-cities__it__container__items__col__components__item__description {
              font-size: 1.1rem;
              font-weight: 500;
              font-family: "Lato", sans-serif;
              line-height: 1.4rem;
              color: #333;
              text-align: left; }
              @media (min-width: 768px) and (max-width: 1199px) {
                #smart-cities .smart-cities__it__container__items__col__components__item__description {
                  text-align: left; } }
              @media (max-width: 767px) {
                #smart-cities .smart-cities__it__container__items__col__components__item__description {
                  text-align: left; } }
  #smart-cities .smart-cities__industry {
    max-width: 80rem;
    margin: 0 auto; }
    #smart-cities .smart-cities__industry__container {
      grid-column: main-start/main-end;
      display: grid;
      align-items: center;
      grid-gap: 2rem; }
      @media (min-width: 1200px) {
        #smart-cities .smart-cities__industry__container {
          grid-template-columns: 1fr 3fr;
          grid-gap: 0; } }
      #smart-cities .smart-cities__industry__container__title {
        padding: 1rem;
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (min-width: 1200px) {
          #smart-cities .smart-cities__industry__container__title {
            justify-self: center; } }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__industry__container__title {
            font-size: 2rem; } }
        @media (max-width: 767px) {
          #smart-cities .smart-cities__industry__container__title {
            margin-top: 4rem;
            margin-bottom: 0rem; } }
      #smart-cities .smart-cities__industry__container__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 3rem;
        justify-items: center; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__industry__container__items {
            grid-template-columns: 1fr;
            grid-gap: 0rem; } }
        #smart-cities .smart-cities__industry__container__items__item {
          position: relative; }
          #smart-cities .smart-cities__industry__container__items__item__text {
            width: 25rem;
            margin-top: 6rem;
            padding: 2rem; }
            @media (max-width: 767px) {
              #smart-cities .smart-cities__industry__container__items__item__text {
                width: 100vw;
                margin: 0 auto; } }
            @media (min-width: 768px) and (max-width: 1199px) {
              #smart-cities .smart-cities__industry__container__items__item__text {
                width: 50vw;
                margin: 0 auto; } }
          #smart-cities .smart-cities__industry__container__items__item__img {
            justify-self: center;
            padding: 2rem; }
          #smart-cities .smart-cities__industry__container__items__item__title {
            padding: 1rem 2rem;
            font-family: "Rajdhani", sans-serif;
            font-size: 2rem;
            font-weight: normal;
            justify-self: center;
            text-align: center;
            background-color: #0b298f;
            border-radius: 3rem; }
            @media (max-width: 1199px) {
              #smart-cities .smart-cities__industry__container__items__item__title {
                font-size: 1.5rem; } }
          #smart-cities .smart-cities__industry__container__items__item__description {
            font-size: 1rem;
            color: #0b298f;
            text-align: center; }
  #smart-cities .smart-cities__powered-by {
    height: 36rem;
    background-image: url("../img/11-Smart-Cities/Section05/BG.png");
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center; }
    @media (min-width: 768px) and (max-width: 1199px) {
      #smart-cities .smart-cities__powered-by {
        height: 59rem; } }
    @media (max-width: 767px) {
      #smart-cities .smart-cities__powered-by {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center; } }
    #smart-cities .smart-cities__powered-by__container {
      grid-column: main-start/main-end;
      display: grid;
      padding-top: 6rem;
      grid-template-columns: 1fr 1fr;
      z-index: 1; }
      @media (max-width: 1199px) {
        #smart-cities .smart-cities__powered-by__container {
          padding-top: 0;
          grid-template-columns: 1fr; } }
      #smart-cities .smart-cities__powered-by__container__img {
        max-height: 30rem; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__powered-by__container__img {
            margin: 0 auto;
            grid-column: 1/-1;
            justify-self: center; } }
        @media (max-width: 767px) {
          #smart-cities .smart-cities__powered-by__container__img {
            display: none; } }
      #smart-cities .smart-cities__powered-by__container__main {
        max-width: 500px;
        padding: 2rem;
        background: #081881;
        border-radius: 3rem;
        margin: 0 auto;
        margin-right: 0rem; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__powered-by__container__main {
            margin: 0 auto;
            width: 90vw;
            grid-column: 1/-1;
            justify-self: center; } }
        #smart-cities .smart-cities__powered-by__container__main__title {
          font-family: "Rajdhani", sans-serif;
          color: rgba(255, 255, 255, 0.603); }
        #smart-cities .smart-cities__powered-by__container__main__description {
          margin-top: 1rem;
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: left; }
        #smart-cities .smart-cities__powered-by__container__main__btn {
          padding: 1rem 1.5rem;
          color: white;
          font-weight: bold;
          background: white;
          color: #0b298f;
          border-radius: 10px; }
  #smart-cities .smart-cities__contact {
    margin-top: -1rem; }
    #smart-cities .smart-cities__contact__container {
      grid-column: main-start/main-end;
      display: grid;
      justify-items: center;
      align-items: center; }
      @media (min-width: 1200px) {
        #smart-cities .smart-cities__contact__container {
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 3rem; } }
      @media (max-width: 767px) {
        #smart-cities .smart-cities__contact__container {
          padding-bottom: 10px; } }
      #smart-cities .smart-cities__contact__container__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__contact__container__title {
            text-align: center; } }
      #smart-cities .smart-cities__contact__container__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: center;
        padding-bottom: 3rem; }
        @media (max-width: 1199px) {
          #smart-cities .smart-cities__contact__container__description {
            text-align: center; } }
      #smart-cities .smart-cities__contact__container__btn {
        padding: 1.2rem;
        color: white;
        font-weight: bold;
        background: #0b298f;
        border-radius: 3rem;
        justify-self: center; }

video {
  position: absolute; }

#section4-img-globe {
  margin-left: 20% !important; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #section4-img-globe {
      margin-left: 0 !important;
      margin-bottom: 1rem; } }
  @media (max-width: 767px) {
    #section4-img-globe {
      margin-left: 0 !important;
      margin-bottom: 1rem; } }

#sound-masking .section01Text {
  background-color: transparent; }

@media (max-width: 767px) {
  #sound-masking .sound-masking__lottie {
    height: 36rem; } }

@media (min-width: 768px) and (max-width: 1199px) {
  #sound-masking .sound-masking__lottie {
    height: 30rem; } }

#sound-masking .sound-masking__top {
  background-color: #0a236c; }
  #sound-masking .sound-masking__top__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 2fr 1fr; }
    @media (max-width: 1199px) {
      #sound-masking .sound-masking__top__container {
        grid-template-columns: 1fr; } }
    #sound-masking .sound-masking__top__container__main {
      padding: 3rem 2rem;
      background: rgba(3, 3, 117, 0.8);
      border-radius: 1rem; }
      @media (max-width: 1199px) {
        #sound-masking .sound-masking__top__container__main {
          padding: 1rem;
          text-align: center; } }
      #sound-masking .sound-masking__top__container__main__title {
        color: #00ffff;
        font-family: "Rajdhani", sans-serif;
        font-size: 4rem;
        font-weight: normal;
        line-height: 1; }
        #sound-masking .sound-masking__top__container__main__title--white {
          color: white; }
        @media (max-width: 1199px) {
          #sound-masking .sound-masking__top__container__main__title {
            font-size: 1.5rem; } }
      #sound-masking .sound-masking__top__container__main__description {
        font-size: 1rem;
        margin-bottom: 2.5rem;
        line-height: 1.4; }
      #sound-masking .sound-masking__top__container__main__btn {
        background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%);
        padding: 1rem 2rem;
        color: white;
        text-align: center;
        font-weight: bold;
        border-radius: 10px; }

#sound-masking .sound-masking__overview__container {
  grid-column: main-start/main-end;
  text-align: center;
  margin: 0 auto; }
  #sound-masking .sound-masking__overview__container__main__txt__title {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #2e77ce; }
    @media (max-width: 767px) {
      #sound-masking .sound-masking__overview__container__main__txt__title {
        font-size: 2rem; } }
  #sound-masking .sound-masking__overview__container__main__txt__description {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: #2e77ce;
    font-size: 1.2rem; }
  #sound-masking .sound-masking__overview__container__main__txt__small {
    background-color: #fff;
    padding: 1rem;
    border-radius: 5px; }
    #sound-masking .sound-masking__overview__container__main__txt__small__title {
      font-family: "Rajdhani", sans-serif;
      text-align: left;
      font-size: 1.8rem;
      line-height: 1.2;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 1.5rem;
      color: #666666; }
    #sound-masking .sound-masking__overview__container__main__txt__small__description {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #666666;
      text-align: left; }
  #sound-masking .sound-masking__overview__container__rows__volume {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    align-items: center;
    text-align: center; }
    @media (max-width: 1199px) {
      #sound-masking .sound-masking__overview__container__rows__volume {
        grid-template-columns: 1fr; } }
    #sound-masking .sound-masking__overview__container__rows__volume__txt {
      display: grid;
      grid-gap: 2rem; }
      @media (max-width: 1199px) {
        #sound-masking .sound-masking__overview__container__rows__volume__txt {
          justify-self: center;
          text-align: center; } }
      #sound-masking .sound-masking__overview__container__rows__volume__txt__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 2rem;
        font-weight: normal; }
      #sound-masking .sound-masking__overview__container__rows__volume__txt__description {
        font-size: 1.1rem; }
      #sound-masking .sound-masking__overview__container__rows__volume__txt__small {
        width: 40vw;
        margin: 0 auto;
        color: #707070; }
        @media (max-width: 1199px) {
          #sound-masking .sound-masking__overview__container__rows__volume__txt__small {
            width: 100%;
            padding: 2rem; } }
        #sound-masking .sound-masking__overview__container__rows__volume__txt__small__title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #2e77ce; }
        #sound-masking .sound-masking__overview__container__rows__volume__txt__small__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left; }
    #sound-masking .sound-masking__overview__container__rows__volume__img {
      border-radius: 50px;
      border: 0.5rem solid black; }
      @media (max-width: 1199px) {
        #sound-masking .sound-masking__overview__container__rows__volume__img {
          grid-row-start: 1;
          justify-self: center; } }

#sound-masking .sound-masking__item2 {
  padding: 0;
  display: flex; }
  @media (max-width: 1199px) {
    #sound-masking .sound-masking__item2__lottie {
      display: none; } }
  #sound-masking .sound-masking__item2__container {
    max-width: 1300px;
    display: flex;
    margin: 0 auto; }
    @media (max-width: 1199px) {
      #sound-masking .sound-masking__item2__container img {
        display: none; } }
    #sound-masking .sound-masking__item2__container__main {
      margin: auto 2rem;
      width: 80%; }
      @media (max-width: 1199px) {
        #sound-masking .sound-masking__item2__container__main {
          justify-self: center;
          text-align: center; } }
      #sound-masking .sound-masking__item2__container__main > div:first-of-type {
        margin: 0 1rem; }
      #sound-masking .sound-masking__item2__container__main__title {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (max-width: 767px) {
          #sound-masking .sound-masking__item2__container__main__title {
            font-size: 2rem; } }
      #sound-masking .sound-masking__item2__container__main__description {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #2e77ce;
        font-size: 1.2rem; }
      #sound-masking .sound-masking__item2__container__main__txt {
        border-radius: 5px;
        background-color: #fff;
        padding: 1rem; }
        #sound-masking .sound-masking__item2__container__main__txt__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #2e77ce; }
        #sound-masking .sound-masking__item2__container__main__txt__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left; }
    @media (max-width: 1199px) {
      #sound-masking .sound-masking__item2__container__img {
        grid-row-start: 1;
        justify-self: center !important; } }

#sound-masking .sound-masking__item4__container {
  display: inline; }
  #sound-masking .sound-masking__item4__container__main {
    max-width: 1300px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 5px; }

#sound-masking .sound-masking__contact {
  background-color: #003d87; }
  #sound-masking .sound-masking__contact .btn-wrapper {
    padding: 1rem;
    background: rgba(9, 9, 56, 0.5);
    border-radius: 1rem;
    display: grid;
    grid-gap: 1rem; }
  #sound-masking .sound-masking__contact__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 2fr 1fr; }
    @media (max-width: 1199px) {
      #sound-masking .sound-masking__contact__container {
        grid-template-columns: 1fr;
        text-align: center; } }
    #sound-masking .sound-masking__contact__container__title {
      font-family: "Rajdhani", sans-serif;
      font-size: 2.5rem;
      font-weight: normal; }
      @media (max-width: 1199px) {
        #sound-masking .sound-masking__contact__container__title {
          font-size: 1.5rem; } }
    #sound-masking .sound-masking__contact__container__description {
      font-size: 1rem;
      line-height: 1.5; }
    #sound-masking .sound-masking__contact__container__btn {
      color: white;
      font-weight: bold;
      padding: 1rem 1.5rem;
      justify-self: center;
      background: #000000;
      border: 7px solid #707070;
      border-radius: 10px; }

@media (max-width: 1199px) {
  #top__lottie {
    display: none; } }

#cabling .cablingPage {
  width: 100vw;
  overflow: hidden;
  position: relative;
  min-height: 60vh;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 0 30%; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .cablingPage {
      height: 40vh; } }
  @media (max-width: 767px) {
    #cabling .cablingPage {
      height: 75vh; } }
  #cabling .cablingPage__vid-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    overflow: hidden; }
    #cabling .cablingPage__vid-container__vid {
      width: 100%;
      height: 100%;
      object-fit: cover; }

#cabling .content {
  color: #f1f1f1;
  position: absolute;
  width: 45vw;
  top: 10vh;
  text-align: end; }
  @media (max-width: 767px) {
    #cabling .content {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .content {
      display: none; } }

#cabling .content1 {
  position: absolute;
  left: 50vw;
  top: 10vh;
  color: #f1f1f1;
  width: 40rem;
  height: 500px; }
  @media (max-width: 767px) {
    #cabling .content1 {
      width: 80vw;
      top: 2vh;
      height: 500px;
      right: 10vw; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .content1 {
      width: 80vw;
      left: 10vw;
      padding-right: 2rem; } }

#cabling .cabling__top .content_title_content {
  flex-direction: column; }

#cabling .cabling__top__container {
  width: 100%; }
  #cabling .cabling__top__container__description-title {
    font-size: 2rem; }

#cabling .cabling__technologies {
  background-color: white;
  background-image: url(../img/home/02section-bg.png);
  padding: 20px;
  display: flex;
  justify-content: center; }
  #cabling .cabling__technologies .container {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 2vw; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .container {
        grid-template-columns: 2fr;
        padding-left: 0; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .container {
        grid-template-columns: 2fr;
        padding-left: 0; } }
  #cabling .cabling__technologies .item {
    margin: auto;
    max-width: 650px;
    align-items: center; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .item {
        text-align: left;
        margin: 0 auto; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .item {
        margin: 0 auto; } }
  #cabling .cabling__technologies .firstItem {
    padding-top: 25vh; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .firstItem {
        padding-top: 3vh; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .firstItem {
        padding-top: 0; } }
  @media (max-width: 767px) {
    #cabling .cabling__technologies .lottie {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .cabling__technologies .lottie {
      display: none; } }
  #cabling .cabling__technologies .checkedItem {
    width: 40vw; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .checkedItem {
        margin: 0 auto;
        width: 100%;
        text-align: left; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .checkedItem {
        margin: 0 auto;
        width: 100%;
        text-align: left; } }
  #cabling .cabling__technologies__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem; }
    @media (max-width: 1199px) {
      #cabling .cabling__technologies__container {
        grid-template-columns: 1fr;
        text-align: center; } }
    #cabling .cabling__technologies__container__col {
      padding: 0 2rem; }
      @media (max-width: 1199px) {
        #cabling .cabling__technologies__container__col {
          padding: 0; } }
      #cabling .cabling__technologies__container__col__title {
        font-family: "Rajdhani", sans-serif;
        font-weight: normal;
        font-size: rem;
        color: #00ffff;
        line-height: 1.5; }
      #cabling .cabling__technologies__container__col__description {
        font-size: 1rem;
        line-height: 1.7; }

#cabling .cabling__solutions {
  background-color: #08081c; }
  #cabling .cabling__solutions__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem; }
    @media (max-width: 1199px) {
      #cabling .cabling__solutions__container {
        grid-template-columns: 1fr;
        grid-gap: 0; } }
    @media (max-width: 1199px) {
      #cabling .cabling__solutions__container__img {
        grid-row-start: 1;
        margin-bottom: 1rem; } }
    #cabling .cabling__solutions__container__txt {
      padding: 0 2rem;
      display: grid;
      grid-gap: 1rem;
      max-width: 650px; }
      @media (max-width: 1199px) {
        #cabling .cabling__solutions__container__txt {
          padding: 0; } }
      #cabling .cabling__solutions__container__txt__item {
        display: grid;
        grid-template-columns: 50px 1fr;
        grid-gap: 1rem;
        align-items: flex-start; }
        @media (max-width: 767px) {
          #cabling .cabling__solutions__container__txt__item {
            grid-template-columns: 1fr;
            grid-gap: 0;
            text-align: left; } }
        #cabling .cabling__solutions__container__txt__item__icon {
          font-size: 2rem;
          border-radius: 0;
          color: purple; }
          @media (max-width: 767px) {
            #cabling .cabling__solutions__container__txt__item__icon {
              display: none; } }
        #cabling .cabling__solutions__container__txt__item__txt {
          font-size: 1rem;
          line-height: 1.5;
          color: #08337f; }
          #cabling .cabling__solutions__container__txt__item__txt--blue {
            font-size: 1.1rem;
            color: #00ffff; }

@media (max-width: 1199px) {
  #cabling .cabling__services__container {
    grid-template-columns: 1fr;
    text-align: center; } }

#cabling .cabling__services__container .serviceitem {
  text-align: left;
  padding-top: 2rem; }

#cabling .cabling__services__container__title {
  font-family: "Rajdhani", sans-serif;
  text-align: left;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }

#cabling .cabling__services__container__img {
  margin-bottom: -6.4rem; }
  @media (max-width: 767px) {
    #cabling .cabling__services__container__img {
      margin-bottom: -2.4rem; } }

#cabling .cabling__services__container__txt {
  display: grid;
  grid-gap: 1rem; }
  #cabling .cabling__services__container__txt__item__title {
    font-family: "Rajdhani", sans-serif;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: #2e77ce; }
  #cabling .cabling__services__container__txt__item__description {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    line-height: 1.4rem;
    color: #333;
    text-align: left; }

#cabling .cabling__get-connected {
  max-width: 1300px;
  margin: auto;
  margin-top: 5rem; }
  @media (max-width: 767px) {
    #cabling .cabling__get-connected {
      padding: 0 20px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .cabling__get-connected {
      padding: 0 20px; } }

#cabling .cablingPage {
  max-height: 500px;
  border-radius: 0; }

#cabling .cablingPage__vid-container {
  display: flex;
  align-items: center; }

#cabling .cabling__technologies .container {
  margin: 0;
  grid-gap: 30px; }

#cabling .content1 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px; }
  @media (max-width: 62em) {
    #cabling .content1 {
      margin-top: 80px;
      left: 0; } }

#cabling .cabling__top__container__description {
  width: 100%; }

#cabling .cabling__top__container__btn {
  transition: all 0.3s ease; }
  #cabling .cabling__top__container__btn:hover {
    color: white; }
  @media (max-width: 62em) {
    #cabling .cabling__top__container__btn {
      font-size: 1.2rem;
      padding: 16px; } }

.cabling-body-font {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

.cabling-header {
  font-family: "Rajdhani", sans-serif;
  text-align: left;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }

#cabling .cabling__solutions__container__txt__item__icon {
  color: #2e77ce; }

#cabling .cabling__technologies .container {
  grid-template-rows: auto auto;
  max-width: 1300px; }

#cabling .cabling__technologies .firstItem {
  padding-top: 40px; }

#cabling .cabling__technologies .item #lottie {
  width: 100px; }

#cabling .cabling__services {
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0; }

#cabling .cabling__services__container {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 2px solid #2e77ce;
  padding: 50px 75px;
  margin: 50px 75px;
  max-width: 1080px;
  align-items: flex-start; }
  @media (max-width: 767px) {
    #cabling .cabling__services__container {
      padding: 1rem;
      margin: 5px; } }

#cabling .cabling__services__container .serviceitem:nth-last-of-type(1) {
  margin-top: 50px; }

#cabling .cabling__services__container__txt__item__title {
  color: #2e77ce;
  font-size: 1.5rem; }

#cabling .cabling__services__container__txt__item__description {
  color: #333;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

.structured-cabling__content {
  display: flex;
  padding: 4rem;
  max-width: 1300px; }
  @media (max-width: 1199px) {
    .structured-cabling__content {
      display: inline;
      padding: 2rem; } }

.content_title_block {
  justify-content: space-evenly; }

.cabling__top__container {
  margin-left: 0px !important;
  margin-right: 48px; }

#structured-cabling-section2-lottie-animation {
  display: flex;
  justify-content: center; }

#cabling .certified-products {
  background-color: #95caff5d;
  padding: 8rem 0; }
  @media (max-width: 36em) {
    #cabling .certified-products {
      padding-bottom: 4rem; } }
  #cabling .certified-products .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    position: relative;
    flex-direction: column; }
  #cabling .certified-products h3 {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 6rem;
    color: #333333;
    align-items: center; }
    #cabling .certified-products h3 span {
      display: flex; }
    #cabling .certified-products h3 .smspan {
      color: #2e77ce;
      font-size: 1rem; }
    #cabling .certified-products h3 .lgspan {
      font-size: 3rem; }
  #cabling .certified-products #partnerLogos {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
    @media (max-width: 75em) {
      #cabling .certified-products #partnerLogos {
        justify-content: center; } }
    #cabling .certified-products #partnerLogos .partnerLogo {
      flex-basis: calc(16.6666666667% - 2rem);
      margin: 2rem 0;
      text-align: center; }
      @media (max-width: 75em) {
        #cabling .certified-products #partnerLogos .partnerLogo {
          flex-basis: calc(25% - 3rem); } }
      @media (max-width: 48em) {
        #cabling .certified-products #partnerLogos .partnerLogo {
          flex-basis: calc(33% - 2rem); } }
      @media (max-width: 36em) {
        #cabling .certified-products #partnerLogos .partnerLogo {
          flex-basis: calc(50% - 1rem); } }
      #cabling .certified-products #partnerLogos .partnerLogo img {
        max-width: 80%;
        height: auto;
        position: relative; }

#cabling .cablingPage {
  width: 100vw;
  overflow: hidden;
  position: relative;
  min-height: 60vh;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 0 30%; }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .cablingPage {
      height: 40vh; } }
  @media (max-width: 767px) {
    #cabling .cablingPage {
      height: 75vh; } }
  #cabling .cablingPage__vid-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    overflow: hidden; }
    #cabling .cablingPage__vid-container__vid {
      width: 100%;
      height: 100%;
      object-fit: cover; }

#cabling .content {
  color: #f1f1f1;
  position: absolute;
  width: 45vw;
  top: 10vh;
  text-align: end; }
  @media (max-width: 767px) {
    #cabling .content {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .content {
      display: none; } }

#cabling .content1 {
  position: absolute;
  left: 50vw;
  top: 10vh;
  color: #f1f1f1;
  width: 40rem;
  height: 500px; }
  @media (max-width: 767px) {
    #cabling .content1 {
      width: 80vw;
      top: 2vh;
      height: 500px;
      right: 10vw; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .content1 {
      width: 80vw;
      left: 10vw;
      padding-right: 2rem; } }

#cabling .cabling__top .content_title_content {
  flex-direction: column; }

#cabling .cabling__top__container {
  width: 100%; }
  #cabling .cabling__top__container__description-title {
    font-size: 2rem; }

#cabling .cabling__technologies {
  background-color: white;
  background-image: url(../img/home/02section-bg.png);
  padding: 20px;
  display: flex;
  justify-content: center; }
  #cabling .cabling__technologies .container {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 2vw; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .container {
        grid-template-columns: 2fr;
        padding-left: 0; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .container {
        grid-template-columns: 2fr;
        padding-left: 0; } }
  #cabling .cabling__technologies .item {
    margin: auto;
    max-width: 650px;
    align-items: center; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .item {
        text-align: left;
        margin: 0 auto; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .item {
        margin: 0 auto; } }
  #cabling .cabling__technologies .firstItem {
    padding-top: 25vh; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .firstItem {
        padding-top: 3vh; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .firstItem {
        padding-top: 0; } }
  @media (max-width: 767px) {
    #cabling .cabling__technologies .lottie {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .cabling__technologies .lottie {
      display: none; } }
  #cabling .cabling__technologies .checkedItem {
    width: 40vw; }
    @media (max-width: 767px) {
      #cabling .cabling__technologies .checkedItem {
        margin: 0 auto;
        width: 100%;
        text-align: left; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      #cabling .cabling__technologies .checkedItem {
        margin: 0 auto;
        width: 100%;
        text-align: left; } }
  #cabling .cabling__technologies__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem; }
    @media (max-width: 1199px) {
      #cabling .cabling__technologies__container {
        grid-template-columns: 1fr;
        text-align: center; } }
    #cabling .cabling__technologies__container__col {
      padding: 0 2rem; }
      @media (max-width: 1199px) {
        #cabling .cabling__technologies__container__col {
          padding: 0; } }
      #cabling .cabling__technologies__container__col__title {
        font-family: "Rajdhani", sans-serif;
        font-weight: normal;
        font-size: rem;
        color: #00ffff;
        line-height: 1.5; }
      #cabling .cabling__technologies__container__col__description {
        font-size: 1rem;
        line-height: 1.7; }

#cabling .cabling__solutions {
  background-color: #08081c; }
  #cabling .cabling__solutions__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem; }
    @media (max-width: 1199px) {
      #cabling .cabling__solutions__container {
        grid-template-columns: 1fr;
        grid-gap: 0; } }
    @media (max-width: 1199px) {
      #cabling .cabling__solutions__container__img {
        grid-row-start: 1;
        margin-bottom: 1rem; } }
    #cabling .cabling__solutions__container__txt {
      padding: 0 2rem;
      display: grid;
      grid-gap: 1rem;
      max-width: 650px; }
      @media (max-width: 1199px) {
        #cabling .cabling__solutions__container__txt {
          padding: 0; } }
      #cabling .cabling__solutions__container__txt__item {
        display: grid;
        grid-template-columns: 50px 1fr;
        grid-gap: 1rem;
        align-items: flex-start; }
        @media (max-width: 767px) {
          #cabling .cabling__solutions__container__txt__item {
            grid-template-columns: 1fr;
            grid-gap: 0;
            text-align: left; } }
        #cabling .cabling__solutions__container__txt__item__icon {
          font-size: 2rem;
          border-radius: 0;
          color: purple; }
          @media (max-width: 767px) {
            #cabling .cabling__solutions__container__txt__item__icon {
              display: none; } }
        #cabling .cabling__solutions__container__txt__item__txt {
          font-size: 1rem;
          line-height: 1.5;
          color: #08337f; }
          #cabling .cabling__solutions__container__txt__item__txt--blue {
            font-size: 1.1rem;
            color: #00ffff; }

@media (max-width: 1199px) {
  #cabling .cabling__services__container {
    grid-template-columns: 1fr;
    text-align: center; } }

#cabling .cabling__services__container .serviceitem {
  text-align: left;
  padding-top: 2rem; }

#cabling .cabling__services__container__title {
  font-family: "Rajdhani", sans-serif;
  text-align: left;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }

#cabling .cabling__services__container__img {
  margin-bottom: -6.4rem; }
  @media (max-width: 767px) {
    #cabling .cabling__services__container__img {
      margin-bottom: -2.4rem; } }

#cabling .cabling__services__container__txt {
  display: grid;
  grid-gap: 1rem; }
  #cabling .cabling__services__container__txt__item__title {
    font-family: "Rajdhani", sans-serif;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: #2e77ce; }
  #cabling .cabling__services__container__txt__item__description {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: "Lato", sans-serif;
    line-height: 1.4rem;
    color: #333;
    text-align: left; }

#cabling .cabling__get-connected {
  max-width: 1300px;
  margin: auto;
  margin-top: 5rem; }
  @media (max-width: 767px) {
    #cabling .cabling__get-connected {
      padding: 0 20px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #cabling .cabling__get-connected {
      padding: 0 20px; } }

#cabling .cablingPage {
  max-height: 500px;
  border-radius: 0; }

#cabling .cablingPage__vid-container {
  display: flex;
  align-items: center; }

#cabling .cabling__technologies .container {
  margin: 0;
  grid-gap: 30px; }

#cabling .content1 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px; }
  @media (max-width: 62em) {
    #cabling .content1 {
      margin-top: 80px;
      left: 0; } }

#cabling .cabling__top__container__description {
  width: 100%; }

#cabling .cabling__top__container__btn {
  transition: all 0.3s ease; }
  #cabling .cabling__top__container__btn:hover {
    color: white; }
  @media (max-width: 62em) {
    #cabling .cabling__top__container__btn {
      font-size: 1.2rem;
      padding: 16px; } }

.cabling-body-font {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

.cabling-header {
  font-family: "Rajdhani", sans-serif;
  text-align: left;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }

#cabling .cabling__solutions__container__txt__item__icon {
  color: #2e77ce; }

#cabling .cabling__technologies .container {
  grid-template-rows: auto auto;
  max-width: 1300px; }

#cabling .cabling__technologies .firstItem {
  padding-top: 40px; }

#cabling .cabling__technologies .item #lottie {
  width: 100px; }

#cabling .cabling__services {
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0; }

#cabling .cabling__services__container {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 2px solid #2e77ce;
  padding: 50px 75px;
  margin: 50px 75px;
  max-width: 1080px;
  align-items: flex-start; }
  @media (max-width: 767px) {
    #cabling .cabling__services__container {
      padding: 1rem;
      margin: 5px; } }

#cabling .cabling__services__container .serviceitem:nth-last-of-type(1) {
  margin-top: 50px; }

#cabling .cabling__services__container__txt__item__title {
  color: #2e77ce;
  font-size: 1.5rem; }

#cabling .cabling__services__container__txt__item__description {
  color: #333;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

.structured-cabling__content {
  display: flex;
  padding: 4rem;
  max-width: 1300px; }
  @media (max-width: 1199px) {
    .structured-cabling__content {
      display: inline;
      padding: 2rem; } }

.content_title_block {
  justify-content: space-evenly; }

.cabling__top__container {
  margin-left: 0px !important;
  margin-right: 48px; }

#structured-cabling-section2-lottie-animation {
  display: flex;
  justify-content: center; }

#telecom-networks .telecom-networks .telecom__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 5rem 0; }

#telecom-networks .telecom-networks .network-graphic {
  max-width: 50%;
  margin: auto; }
  @media (max-width: 1199px) {
    #telecom-networks .telecom-networks .network-graphic {
      display: none; } }

#telecom-networks .telecom-networks__top {
  padding: 30px 50px; }
  #telecom-networks .telecom-networks__top__container {
    width: 100%;
    z-index: 1; }
    #telecom-networks .telecom-networks__top__container__main {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px; }
      @media (max-width: 1199px) {
        #telecom-networks .telecom-networks__top__container__main {
          padding: 0 4rem;
          margin: 0 auto; } }
      #telecom-networks .telecom-networks__top__container__main__title {
        font-family: "Rajdhani", sans-serif;
        font-size: 3.5rem;
        font-weight: normal;
        line-height: 1;
        text-transform: uppercase; }
        @media (max-width: 1199px) {
          #telecom-networks .telecom-networks__top__container__main__title {
            font-size: 1.5rem; } }
      #telecom-networks .telecom-networks__top__container__main__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left; }
        @media (min-width: 1200px) {
          #telecom-networks .telecom-networks__top__container__main__description {
            max-width: 600px; } }

#telecom-networks .telecom-networks__overview {
  padding: 2rem; }
  #telecom-networks .telecom-networks__overview__container {
    grid-column: main-start/main-end; }
    #telecom-networks .telecom-networks__overview__container__rows__volume {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 3rem;
      align-items: center; }
      @media (max-width: 1199px) {
        #telecom-networks .telecom-networks__overview__container__rows__volume {
          grid-template-columns: 1fr;
          grid-gap: 0; } }
      #telecom-networks .telecom-networks__overview__container__rows__volume__txt {
        background: linear-gradient(to left, #eee 50%, transparent);
        border-right: 1px solid #2e77ce;
        border-radius: 0 5px 5px 0;
        margin-left: -15rem;
        padding: 5rem 2rem 3rem 15rem;
        z-index: 1;
        grid-column-start: 2;
        display: grid;
        grid-gap: 2rem;
        color: black; }
        @media (max-width: 1199px) {
          #telecom-networks .telecom-networks__overview__container__rows__volume__txt {
            background: #eee;
            border: 1px solid #2e77ce;
            padding: 2rem;
            margin-left: 0;
            justify-self: center;
            text-align: center;
            border-radius: 5px; } }
        #telecom-networks .telecom-networks__overview__container__rows__volume__txt__title {
          font-family: "Rajdhani", sans-serif;
          font-size: 2rem;
          font-weight: normal; }
          #telecom-networks .telecom-networks__overview__container__rows__volume__txt__title--blue {
            color: #00ffff; }
          @media (max-width: 1199px) {
            #telecom-networks .telecom-networks__overview__container__rows__volume__txt__title {
              font-size: 1.5rem; } }
        #telecom-networks .telecom-networks__overview__container__rows__volume__txt__description {
          font-size: 1.1rem; }
        #telecom-networks .telecom-networks__overview__container__rows__volume__txt__small__title {
          font-size: 1.1rem;
          color: #00ffff; }
        #telecom-networks .telecom-networks__overview__container__rows__volume__txt__small__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left; }

#telecom-networks .telecom-networks__item2__container {
  grid-column: main-start/main-end;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
  align-items: center; }
  @media (max-width: 1199px) {
    #telecom-networks .telecom-networks__item2__container {
      grid-template-columns: 1fr;
      justify-items: center; } }
  #telecom-networks .telecom-networks__item2__container > div > img {
    width: 100%; }
  #telecom-networks .telecom-networks__item2__container__main {
    display: grid;
    grid-gap: 1rem;
    background-color: #fff;
    border-radius: 0 5px 5px 0;
    padding: 2rem 2rem 0rem 20rem;
    margin-left: -18rem;
    z-index: 1;
    color: black; }
    @media (max-width: 1199px) {
      #telecom-networks .telecom-networks__item2__container__main {
        padding: 2rem;
        margin: 0 auto;
        border-radius: 5px;
        justify-self: center;
        text-align: center; } }
    #telecom-networks .telecom-networks__item2__container__main__title {
      font-family: "Rajdhani", sans-serif;
      text-align: left;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #333; }
    #telecom-networks .telecom-networks__item2__container__main__description {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #333;
      text-align: left; }
    #telecom-networks .telecom-networks__item2__container__main .btn {
      margin-bottom: -1.5rem;
      justify-self: center; }
      @media (max-width: 1199px) {
        #telecom-networks .telecom-networks__item2__container__main .btn {
          margin: 0;
          justify-self: center; } }

#telecom-networks .telecom-networks__design__container {
  grid-column: main-start/main-end;
  display: grid;
  grid-gap: 3rem; }
  #telecom-networks .telecom-networks__design__container__txt__title {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #2e77ce;
    padding-bottom: 2rem; }
    @media (max-width: 767px) {
      #telecom-networks .telecom-networks__design__container__txt__title {
        font-size: 1.5rem;
        padding: 2rem; } }
  #telecom-networks .telecom-networks__design__container__steps__col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3rem;
    align-items: stretch; }
    @media (max-width: 1199px) {
      #telecom-networks .telecom-networks__design__container__steps__col {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 767px) {
      #telecom-networks .telecom-networks__design__container__steps__col {
        grid-template-columns: 1fr;
        grid-gap: 5rem; } }
    #telecom-networks .telecom-networks__design__container__steps__col__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      background: linear-gradient(to bottom, #eee 50%, transparent);
      border-radius: 5px;
      padding: 2rem 0;
      justify-items: center; }
      #telecom-networks .telecom-networks__design__container__steps__col__item__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #2e77ce; }
      #telecom-networks .telecom-networks__design__container__steps__col__item__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        padding: 1rem 1rem; }
      #telecom-networks .telecom-networks__design__container__steps__col__item__icon {
        margin-top: -50px;
        max-width: 100px;
        max-height: 100px; }
      #telecom-networks .telecom-networks__design__container__steps__col__item i {
        color: #2e77ce;
        font-size: 3rem;
        margin-bottom: 2rem; }

@media (max-width: 767px) {
  #telecom-networks .telecom-networks .hero_wrapper > .container > .hero_title_wrapper .hero_title {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: 0.5rem; }
  #telecom-networks .telecom-networks .hero_wrapper > .container > .hero_title_wrapper .hero_subtitle {
    font-size: 1.2rem;
    line-height: 1.3rem; } }

#video-surveillance {
  background-image: url("../img/home/02section-bg.png"); }
  #video-surveillance .video-surveillance__section2__container {
    padding: 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem; }
    @media (max-width: 62em) {
      #video-surveillance .video-surveillance__section2__container {
        flex-direction: column; } }
    @media (max-width: 48em) {
      #video-surveillance .video-surveillance__section2__container {
        padding: 5rem 1rem; } }
    #video-surveillance .video-surveillance__section2__container__imgContainer {
      padding: 1rem;
      min-height: 200px;
      min-width: 300px; }
      @media (max-width: 767px) {
        #video-surveillance .video-surveillance__section2__container__imgContainer {
          min-width: unset;
          width: 100%; } }
      #video-surveillance .video-surveillance__section2__container__imgContainer img {
        max-height: 400px;
        width: auto; }
    #video-surveillance .video-surveillance__section2__container__txtContainer__title {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce; }
    #video-surveillance .video-surveillance__section2__container__txtContainer__description {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #333;
      text-align: left; }
  #video-surveillance .video-surveillance__hardware {
    background-color: #0a236c; }
    #video-surveillance .video-surveillance__hardware__container {
      padding: 5rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 1rem; }
      @media (max-width: 62em) {
        #video-surveillance .video-surveillance__hardware__container {
          flex-direction: column-reverse; } }
      @media (max-width: 48em) {
        #video-surveillance .video-surveillance__hardware__container {
          padding: 5rem 1rem; } }
      #video-surveillance .video-surveillance__hardware__container__leftContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1rem; }
        #video-surveillance .video-surveillance__hardware__container__leftContainer__txtContainer__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #ffffff; }
        #video-surveillance .video-surveillance__hardware__container__leftContainer__txtContainer__year {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #ffffff; }
        #video-surveillance .video-surveillance__hardware__container__leftContainer__txtContainer__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #ffffff;
          text-align: left; }
      #video-surveillance .video-surveillance__hardware__container .btn {
        margin-top: 1em; }
      #video-surveillance .video-surveillance__hardware__container__img {
        padding: 1rem;
        min-height: 200px;
        min-width: 300px; }
        @media (max-width: 767px) {
          #video-surveillance .video-surveillance__hardware__container__img {
            min-width: unset;
            width: 100%; } }
        #video-surveillance .video-surveillance__hardware__container__img img {
          max-height: 400px;
          width: auto; }
  #video-surveillance .video-surveillance__cloud-base {
    width: 100%;
    background-color: transparent;
    padding: 5rem; }
    @media (max-width: 62em) {
      #video-surveillance .video-surveillance__cloud-base {
        padding: 2rem 4rem; } }
    @media (max-width: 48em) {
      #video-surveillance .video-surveillance__cloud-base {
        padding: 1rem; } }
    #video-surveillance .video-surveillance__cloud-base__container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 1rem; }
      @media (max-width: 62em) {
        #video-surveillance .video-surveillance__cloud-base__container {
          flex-direction: column; } }
      @media (max-width: 48em) {
        #video-surveillance .video-surveillance__cloud-base__container {
          padding: 1rem; } }
      #video-surveillance .video-surveillance__cloud-base__container__imgcontainer {
        padding: 1rem;
        min-height: 200px;
        min-width: 300px; }
        @media (max-width: 767px) {
          #video-surveillance .video-surveillance__cloud-base__container__imgcontainer {
            min-width: unset;
            width: 100%; } }
        #video-surveillance .video-surveillance__cloud-base__container__imgcontainer img {
          max-height: 400px;
          width: auto; }
      #video-surveillance .video-surveillance__cloud-base__container__txt__title {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
      #video-surveillance .video-surveillance__cloud-base__container__txt__description {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #2e77ce;
        text-align: left; }
  #video-surveillance .video-surveillance__cloud-surveillance {
    width: 100%;
    background-color: #f2f2f2;
    padding: 5rem; }
    @media (max-width: 62em) {
      #video-surveillance .video-surveillance__cloud-surveillance {
        padding: 2rem 4rem; } }
    @media (max-width: 48em) {
      #video-surveillance .video-surveillance__cloud-surveillance {
        padding: 1rem; } }
    #video-surveillance .video-surveillance__cloud-surveillance__container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      #video-surveillance .video-surveillance__cloud-surveillance__container__title {
        width: 100%; }
        #video-surveillance .video-surveillance__cloud-surveillance__container__title h2 {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #2e77ce; }
        #video-surveillance .video-surveillance__cloud-surveillance__container__title span {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #2e77ce; }
      #video-surveillance .video-surveillance__cloud-surveillance__container__items {
        padding: 1rem;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 3rem;
        width: 100%; }
        @media (max-width: 62em) {
          #video-surveillance .video-surveillance__cloud-surveillance__container__items {
            flex-direction: column;
            padding: 2rem; } }
        @media (max-width: 48em) {
          #video-surveillance .video-surveillance__cloud-surveillance__container__items {
            flex-direction: column;
            padding: 1rem; } }
        #video-surveillance .video-surveillance__cloud-surveillance__container__items__item {
          min-height: 470px;
          flex-basis: 45%;
          background: transparent;
          opacity: 1;
          border-radius: 10rem 0rem 0rem 10rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-items: center; }
          @media (max-width: 75em) {
            #video-surveillance .video-surveillance__cloud-surveillance__container__items__item {
              min-height: 450px; } }
          @media (max-width: 62em) {
            #video-surveillance .video-surveillance__cloud-surveillance__container__items__item {
              min-height: 240px; } }
          @media (max-width: 48em) {
            #video-surveillance .video-surveillance__cloud-surveillance__container__items__item {
              min-height: 240px;
              border-radius: 0rem;
              flex-direction: column; } }
          #video-surveillance .video-surveillance__cloud-surveillance__container__items__item__icon img {
            margin: 1rem;
            height: 150px;
            display: block; }
          #video-surveillance .video-surveillance__cloud-surveillance__container__items__item__txtContainer__title {
            font-family: "Rajdhani", sans-serif;
            text-align: center;
            font-size: 1.8rem;
            line-height: 1.2;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            color: #2e77ce; }
          #video-surveillance .video-surveillance__cloud-surveillance__container__items__item__txtContainer__description {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #2e77ce;
            text-align: left; }
  #video-surveillance .video-surveillance__supported-devices__container {
    grid-column: main-start/main-end;
    display: grid; }
    #video-surveillance .video-surveillance__supported-devices__container__title {
      text-transform: uppercase;
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #666666; }
    #video-surveillance .video-surveillance__supported-devices__container__devices {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: flex-end; }
      #video-surveillance .video-surveillance__supported-devices__container__devices__img {
        width: 250px;
        margin: 3rem; }
        @media (max-width: 767px) {
          #video-surveillance .video-surveillance__supported-devices__container__devices__img {
            width: 150px; } }
  #video-surveillance .video-surveillance__services {
    width: 100%;
    background-color: #f2f2f2;
    padding: 5rem; }
    @media (max-width: 62em) {
      #video-surveillance .video-surveillance__services {
        padding: 2rem 4rem; } }
    @media (max-width: 48em) {
      #video-surveillance .video-surveillance__services {
        padding: 1rem; } }
    #video-surveillance .video-surveillance__services__container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      #video-surveillance .video-surveillance__services__container__title {
        width: 100%; }
        #video-surveillance .video-surveillance__services__container__title h2 {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #0a236c; }
      #video-surveillance .video-surveillance__services__container__items {
        padding: 1rem;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 3rem;
        width: 100%; }
        @media (max-width: 62em) {
          #video-surveillance .video-surveillance__services__container__items {
            flex-direction: column;
            padding: 2rem; } }
        @media (max-width: 48em) {
          #video-surveillance .video-surveillance__services__container__items {
            flex-direction: column;
            padding: 1rem; } }
        #video-surveillance .video-surveillance__services__container__items__item {
          min-height: 640px;
          flex-basis: 45%;
          background: transparent;
          opacity: 1;
          border-radius: 10rem 0rem 0rem 10rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-items: center; }
          @media (max-width: 75em) {
            #video-surveillance .video-surveillance__services__container__items__item {
              min-height: 620px; } }
          @media (max-width: 62em) {
            #video-surveillance .video-surveillance__services__container__items__item {
              min-height: 240px; } }
          @media (max-width: 48em) {
            #video-surveillance .video-surveillance__services__container__items__item {
              min-height: 240px;
              border-radius: 0rem;
              flex-direction: column; } }
          #video-surveillance .video-surveillance__services__container__items__item__icon img {
            margin: 1rem;
            height: 150px;
            display: block; }
          #video-surveillance .video-surveillance__services__container__items__item__txtContainer__title {
            font-family: "Rajdhani", sans-serif;
            text-align: center;
            font-size: 1.8rem;
            line-height: 1.2;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            color: #2e77ce; }
          #video-surveillance .video-surveillance__services__container__items__item__txtContainer__description {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #2e77ce;
            text-align: left; }
  #video-surveillance .video-surveillance__start {
    background-color: #2e77ce;
    width: 100%;
    padding: 5rem; }
    @media (max-width: 767px) {
      #video-surveillance .video-surveillance__start {
        padding: 1rem; } }
    #video-surveillance .video-surveillance__start__container {
      grid-column: main-start/main-end;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 3rem;
      align-items: center; }
      @media (max-width: 1199px) {
        #video-surveillance .video-surveillance__start__container {
          grid-template-columns: 1fr;
          justify-items: center;
          text-align: center; } }
      #video-surveillance .video-surveillance__start__container__img {
        padding: 1rem;
        min-height: 200px;
        min-width: 300px; }
        @media (max-width: 767px) {
          #video-surveillance .video-surveillance__start__container__img {
            min-width: unset;
            width: 100%; } }
        #video-surveillance .video-surveillance__start__container__img img {
          max-height: 400px;
          width: auto; }
      #video-surveillance .video-surveillance__start__container__txt {
        display: grid;
        grid-gap: 1rem; }
        #video-surveillance .video-surveillance__start__container__txt__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #fff; }
          #video-surveillance .video-surveillance__start__container__txt__title--blue {
            color: #00ffff; }
        #video-surveillance .video-surveillance__start__container__txt__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: left; }
        #video-surveillance .video-surveillance__start__container__txt .btn {
          justify-self: start; }
          @media (max-width: 1199px) {
            #video-surveillance .video-surveillance__start__container__txt .btn {
              justify-self: center; } }

#ip-trunking .ip-trunking .hero_title {
  text-transform: none; }

#ip-trunking .ip-trunking__expand {
  background-color: white;
  color: #0a236c; }
  #ip-trunking .ip-trunking__expand__container {
    grid-column: main-start/main-end; }
    #ip-trunking .ip-trunking__expand__container__rows {
      display: grid;
      grid-gap: 3rem; }
      #ip-trunking .ip-trunking__expand__container__rows__row1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center; }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__expand__container__rows__row1 {
            grid-template-columns: 1fr;
            justify-items: center; } }
        #ip-trunking .ip-trunking__expand__container__rows__row1 > div {
          padding-left: 16px; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row1 > div {
              padding-left: 0; } }
        #ip-trunking .ip-trunking__expand__container__rows__row1__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #2e77ce; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row1__title {
              font-size: 1.2rem;
              text-align: center;
              margin-top: 1rem; } }
          #ip-trunking .ip-trunking__expand__container__rows__row1__title--blue {
            font-size: 3rem; }
            @media (max-width: 1199px) {
              #ip-trunking .ip-trunking__expand__container__rows__row1__title--blue {
                font-size: 1.5rem; } }
        #ip-trunking .ip-trunking__expand__container__rows__row1__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row1__description {
              text-align: center; } }
      #ip-trunking .ip-trunking__expand__container__rows__row2 {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        text-align: center;
        background-color: #0a236c;
        border-radius: 5px; }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__expand__container__rows__row2 {
            grid-template-columns: 1fr;
            justify-items: center;
            grid-gap: 1rem;
            margin-top: 0; } }
        #ip-trunking .ip-trunking__expand__container__rows__row2__title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #fff;
          margin: 2rem 1rem 0; }
          #ip-trunking .ip-trunking__expand__container__rows__row2__title span {
            color: #94bae7; }
        #ip-trunking .ip-trunking__expand__container__rows__row2__items {
          align-self: flex-end;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          align-items: flex-start;
          grid-gap: 0.2rem;
          padding: 2rem; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row2__items {
              grid-template-columns: 1fr;
              text-align: center;
              padding-top: 0; } }
          #ip-trunking .ip-trunking__expand__container__rows__row2__items__item {
            height: 250px;
            display: flex;
            flex-direction: column;
            padding: 2rem 0;
            border-right: 3px solid white; }
            @media (max-width: 1199px) {
              #ip-trunking .ip-trunking__expand__container__rows__row2__items__item {
                height: auto;
                padding: 1rem;
                border: none; } }
            #ip-trunking .ip-trunking__expand__container__rows__row2__items__item__icon {
              margin: 0 auto;
              width: 5rem;
              color: #00ffff; }
            #ip-trunking .ip-trunking__expand__container__rows__row2__items__item__description {
              font-size: 1.1rem;
              font-weight: 500;
              font-family: "Lato", sans-serif;
              line-height: 1.4rem;
              color: #fff;
              text-align: center;
              margin-top: 2rem;
              padding: 0 15px; }
      #ip-trunking .ip-trunking__expand__container__rows__row3 {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3rem; }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__expand__container__rows__row3 {
            grid-template-columns: 1fr;
            margin-top: 0; } }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__expand__container__rows__row3__col {
            text-align: center; } }
        #ip-trunking .ip-trunking__expand__container__rows__row3__col__img {
          border: 3px solid #0a236c;
          border-radius: 5px; }
        #ip-trunking .ip-trunking__expand__container__rows__row3__col__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #2e77ce;
          margin: 1rem 0; }
        #ip-trunking .ip-trunking__expand__container__rows__row3__col__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left; }
      #ip-trunking .ip-trunking__expand__container__rows__row4 {
        margin-top: 3rem;
        display: grid;
        grid-template-columns: 1fr 3fr;
        grid-gap: 3rem; }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__expand__container__rows__row4 {
            grid-template-columns: 1fr;
            grid-gap: 2rem;
            margin-top: -5rem; } }
        #ip-trunking .ip-trunking__expand__container__rows__row4__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #94bae7; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row4__title {
              font-size: 1.5rem;
              text-align: center; } }
          #ip-trunking .ip-trunking__expand__container__rows__row4__title--white {
            color: white; }
          @media (max-width: 767px) {
            #ip-trunking .ip-trunking__expand__container__rows__row4__title {
              margin-top: 75px; } }
        #ip-trunking .ip-trunking__expand__container__rows__row4__description {
          margin-top: 3rem;
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: left; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row4__description {
              text-align: center; } }
        #ip-trunking .ip-trunking__expand__container__rows__row4__items {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 1rem;
          color: white; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row4__items {
              grid-template-columns: 1fr 1fr; } }
          @media (max-width: 767px) {
            #ip-trunking .ip-trunking__expand__container__rows__row4__items {
              grid-template-columns: 1fr; } }
          #ip-trunking .ip-trunking__expand__container__rows__row4__items__item {
            padding: 1rem;
            color: white;
            border-radius: 10px;
            background-color: #0a236c;
            cursor: pointer; }
            @media (max-width: 767px) {
              #ip-trunking .ip-trunking__expand__container__rows__row4__items__item {
                text-align: center; } }
            #ip-trunking .ip-trunking__expand__container__rows__row4__items__item__title {
              font-family: "Rajdhani", sans-serif;
              text-align: left;
              font-size: 1.8rem;
              line-height: 1.2;
              font-weight: 500;
              text-transform: uppercase;
              margin-bottom: 1.5rem;
              color: inherit;
              font-size: 1.3rem; }
            #ip-trunking .ip-trunking__expand__container__rows__row4__items__item__description {
              font-size: 1.1rem;
              font-weight: 500;
              font-family: "Lato", sans-serif;
              line-height: 1.4rem;
              color: inherit;
              text-align: left; }
      #ip-trunking .ip-trunking__expand__container__rows__row5 {
        margin-top: 3rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 3rem; }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__expand__container__rows__row5 {
            grid-gap: 2rem; } }
        #ip-trunking .ip-trunking__expand__container__rows__row5__title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 2.5rem;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 2rem;
          color: #fff; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row5__title {
              font-size: 1.5rem;
              text-align: center; } }
          #ip-trunking .ip-trunking__expand__container__rows__row5__title--white {
            color: white; }
        #ip-trunking .ip-trunking__expand__container__rows__row5__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: center; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row5__description {
              text-align: center; } }
        #ip-trunking .ip-trunking__expand__container__rows__row5__items {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 2rem; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row5__items {
              grid-template-columns: 1fr; } }
          #ip-trunking .ip-trunking__expand__container__rows__row5__items__item {
            padding: 2rem;
            background-color: #0a236c;
            border-radius: 10px; }
            @media (max-width: 1199px) {
              #ip-trunking .ip-trunking__expand__container__rows__row5__items__item {
                text-align: center;
                padding: 1rem; } }
            #ip-trunking .ip-trunking__expand__container__rows__row5__items__item__title {
              font-family: "Rajdhani", sans-serif;
              text-align: left;
              font-size: 1.8rem;
              line-height: 1.2;
              font-weight: 500;
              text-transform: uppercase;
              margin-bottom: 1.5rem;
              color: #fff;
              padding-bottom: 1.5rem;
              border-bottom: 5px solid #00ffff; }
            #ip-trunking .ip-trunking__expand__container__rows__row5__items__item__description {
              font-size: 1.1rem;
              font-weight: 500;
              font-family: "Lato", sans-serif;
              line-height: 1.4rem;
              color: #fff;
              text-align: left;
              padding-top: 1rem; }
      #ip-trunking .ip-trunking__expand__container__rows__row6 {
        margin-top: 3rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 3rem; }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__expand__container__rows__row6 {
            grid-gap: 2rem; } }
        #ip-trunking .ip-trunking__expand__container__rows__row6__title {
          font-family: "Rajdhani", sans-serif;
          font-size: 2.5rem;
          font-weight: normal;
          color: #00ffff; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row6__title {
              font-size: 1.5rem;
              text-align: center; } }
          #ip-trunking .ip-trunking__expand__container__rows__row6__title--white {
            color: white; }
        #ip-trunking .ip-trunking__expand__container__rows__row6__items {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 2rem; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__expand__container__rows__row6__items {
              grid-template-columns: 1fr 1fr;
              text-align: center; } }
          @media (max-width: 767px) {
            #ip-trunking .ip-trunking__expand__container__rows__row6__items {
              grid-template-columns: 1fr; } }
          #ip-trunking .ip-trunking__expand__container__rows__row6__items__item {
            display: grid; }
            #ip-trunking .ip-trunking__expand__container__rows__row6__items__item__border {
              height: 4px;
              background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%); }
            #ip-trunking .ip-trunking__expand__container__rows__row6__items__item__title {
              font-family: "Rajdhani", sans-serif;
              color: #00ffff;
              font-weight: normal;
              margin: 1rem 0; }
            #ip-trunking .ip-trunking__expand__container__rows__row6__items__item__description {
              font-size: 1rem;
              line-height: 1.3; }
            #ip-trunking .ip-trunking__expand__container__rows__row6__items__item__btn {
              padding: 0.5rem 1rem;
              background-color: #000000;
              border: 3px solid #707070;
              border-radius: 10px;
              color: white;
              font-weight: bold;
              text-align: center;
              justify-self: start;
              transition: 0.2s; }
              #ip-trunking .ip-trunking__expand__container__rows__row6__items__item__btn:hover {
                transition: 0.3s;
                background: transparent linear-gradient(90deg, #00ffff 0%, #0000ff 100%); }
              @media (max-width: 1199px) {
                #ip-trunking .ip-trunking__expand__container__rows__row6__items__item__btn {
                  justify-self: center; } }

#ip-trunking .ip-trunking__why-choose-us {
  background-color: #0a236c; }
  @media (max-width: 767px) {
    #ip-trunking .ip-trunking__why-choose-us {
      border-radius: 0; } }
  #ip-trunking .ip-trunking__why-choose-us__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 1199px) {
      #ip-trunking .ip-trunking__why-choose-us__container {
        grid-template-columns: 1fr;
        text-align: center; } }
    #ip-trunking .ip-trunking__why-choose-us__container__title {
      font-family: "Rajdhani", sans-serif;
      text-align: left;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #fff; }
      @media (max-width: 1199px) {
        #ip-trunking .ip-trunking__why-choose-us__container__title {
          font-size: 2rem; } }
      @media (max-width: 767px) {
        #ip-trunking .ip-trunking__why-choose-us__container__title {
          font-size: 1.5rem; } }
    #ip-trunking .ip-trunking__why-choose-us__container__description {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #fff;
      text-align: left;
      grid-column-start: 1; }
    #ip-trunking .ip-trunking__why-choose-us__container__items {
      grid-column: 1/-1;
      display: grid;
      grid-template-columns: repeat(4, 1fr); }
      @media (max-width: 1199px) {
        #ip-trunking .ip-trunking__why-choose-us__container__items {
          grid-template-columns: 1fr 1fr;
          grid-gap: 1rem; } }
      @media (max-width: 767px) {
        #ip-trunking .ip-trunking__why-choose-us__container__items {
          grid-template-columns: 1fr; } }
      #ip-trunking .ip-trunking__why-choose-us__container__items__item {
        display: flex;
        justify-content: center;
        border-right: 3px solid white; }
        @media (max-width: 767px) {
          #ip-trunking .ip-trunking__why-choose-us__container__items__item {
            flex-direction: column; } }
        #ip-trunking .ip-trunking__why-choose-us__container__items__item__border {
          width: 1px;
          background-color: #1f1679; }
          @media (min-width: 768px) and (max-width: 1199px) {
            #ip-trunking .ip-trunking__why-choose-us__container__items__item__border {
              display: none; } }
        #ip-trunking .ip-trunking__why-choose-us__container__items__item__txt {
          padding: 1rem;
          text-align: center; }
          @media (max-width: 1199px) {
            #ip-trunking .ip-trunking__why-choose-us__container__items__item__txt {
              padding: 0; } }
          #ip-trunking .ip-trunking__why-choose-us__container__items__item__txt__number {
            font-family: "Rajdhani", sans-serif;
            color: #00ffff; }
            @media (max-width: 1199px) {
              #ip-trunking .ip-trunking__why-choose-us__container__items__item__txt__number {
                font-size: 2rem; } }
          #ip-trunking .ip-trunking__why-choose-us__container__items__item__txt__description {
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #fff;
            text-align: center; }

#ip-trunking .ip-trunking__offers {
  background-color: white;
  text-align: center; }
  #ip-trunking .ip-trunking__offers__container {
    grid-column: main-start/main-end; }
    #ip-trunking .ip-trunking__offers__container__title {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #666666; }
      @media (max-width: 1199px) {
        #ip-trunking .ip-trunking__offers__container__title {
          font-size: 1.5rem; } }
    #ip-trunking .ip-trunking__offers__container__items {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1rem; }
      @media (max-width: 1199px) {
        #ip-trunking .ip-trunking__offers__container__items {
          grid-template-columns: 1fr; } }
      #ip-trunking .ip-trunking__offers__container__items__item {
        height: 306px;
        background-color: #0a236c;
        padding: 1.5rem;
        display: grid;
        border-radius: 5px;
        grid-template-rows: 1.5fr 1fr; }
        @media (max-width: 1199px) {
          #ip-trunking .ip-trunking__offers__container__items__item {
            height: auto;
            grid-template-columns: 1fr; } }
        #ip-trunking .ip-trunking__offers__container__items__item__title {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #fff;
          border-bottom: 5px solid white; }
        #ip-trunking .ip-trunking__offers__container__items__item__description {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #fff;
          text-align: left;
          margin-top: 0.5rem; }

#ip-trunking .ip-trunking__get-started {
  background-color: #2e77ce; }
  #ip-trunking .ip-trunking__get-started__container {
    padding: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    #ip-trunking .ip-trunking__get-started__container__title h3 {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #fff; }
    #ip-trunking .ip-trunking__get-started__container__contact {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 5rem; }
      @media (max-width: 767px) {
        #ip-trunking .ip-trunking__get-started__container__contact {
          flex-direction: column;
          gap: 1rem; } }
      #ip-trunking .ip-trunking__get-started__container__contact__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 116px; }
        #ip-trunking .ip-trunking__get-started__container__contact__item h3 {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #ffffff; }
        #ip-trunking .ip-trunking__get-started__container__contact__item__link {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #ffffff;
          text-align: left; }
          #ip-trunking .ip-trunking__get-started__container__contact__item__link:hover {
            color: #50b6e8; }

#ip-trunking .ip-trunking__wave-svg {
  height: 300px;
  overflow: hidden; }
  @media (max-width: 1199px) {
    #ip-trunking .ip-trunking__wave-svg {
      height: 100px; } }

#wireless {
  background-image: url("../img/home/02section-bg.png"); }
  #wireless .wireless__top {
    margin: 2rem 5rem; }
    @media (max-width: 48em) {
      #wireless .wireless__top {
        margin: 1rem; } }
    #wireless .wireless__top__container__lottieContainer {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      #wireless .wireless__top__container__lottieContainer__lottie {
        background-color: #2e77ce;
        width: fit-content;
        margin: 0 auto;
        border-radius: 50%; }
        #wireless .wireless__top__container__lottieContainer__lottie__lottieFile {
          pointer-events: none;
          width: 8vw;
          padding: 1rem; }
          @media (max-width: 75em) {
            #wireless .wireless__top__container__lottieContainer__lottie__lottieFile {
              width: 17vw; } }
          @media (max-width: 62em) {
            #wireless .wireless__top__container__lottieContainer__lottie__lottieFile {
              width: 15vw; } }
      #wireless .wireless__top__container__lottieContainer__img {
        padding: 1rem;
        min-height: 100px;
        min-width: 300px; }
        @media (max-width: 767px) {
          #wireless .wireless__top__container__lottieContainer__img {
            min-width: unset;
            width: 100%; } }
        #wireless .wireless__top__container__lottieContainer__img img {
          max-height: 400px;
          width: auto; }
  #wireless .wireless__services__container {
    padding: 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem; }
    @media (max-width: 62em) {
      #wireless .wireless__services__container {
        padding: 0;
        flex-direction: column; } }
    #wireless .wireless__services__container__item {
      background-color: #e0e0e0;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 710px; }
      @media (max-width: 62em) {
        #wireless .wireless__services__container__item {
          padding: 1rem;
          min-height: unset; } }
      #wireless .wireless__services__container__item__icon {
        padding: 1rem;
        min-height: 100px;
        min-width: 180px; }
        #wireless .wireless__services__container__item__icon img {
          max-height: 300px;
          width: auto; }
      #wireless .wireless__services__container__item__title h3 {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
      #wireless .wireless__services__container__item__description p {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #2e77ce;
        text-align: left; }
  #wireless .wireless__services__mid {
    padding: 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem; }
    @media (max-width: 62em) {
      #wireless .wireless__services__mid {
        padding: 1rem;
        flex-direction: column-reverse;
        text-align: center; } }
    #wireless .wireless__services__mid__txtContainer {
      display: flex;
      flex-direction: column;
      width: 60%;
      padding: 0 3rem; }
      @media (max-width: 62em) {
        #wireless .wireless__services__mid__txtContainer {
          padding: 0;
          width: 100%; } }
      #wireless .wireless__services__mid__txtContainer h3 {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
      #wireless .wireless__services__mid__txtContainer__sub h4 {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #333;
        margin-bottom: 0.5rem; }
      #wireless .wireless__services__mid__txtContainer__sub p {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        margin-bottom: 1rem; }
    #wireless .wireless__services__mid__img {
      padding: 1rem;
      min-height: 100px;
      min-width: 300px; }
      @media (max-width: 767px) {
        #wireless .wireless__services__mid__img {
          min-width: unset;
          width: 100%; } }
      #wireless .wireless__services__mid__img img {
        max-height: 600px;
        max-width: 400px; }
        @media (max-width: 767px) {
          #wireless .wireless__services__mid__img img {
            width: 100%; } }
  #wireless .wireless__services__midTwo {
    padding: 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem; }
    @media (max-width: 62em) {
      #wireless .wireless__services__midTwo {
        padding: 1rem;
        flex-direction: column;
        text-align: center; } }
    #wireless .wireless__services__midTwo__txtContainer {
      display: flex;
      flex-direction: column;
      width: 60%;
      padding: 0 3rem; }
      @media (max-width: 62em) {
        #wireless .wireless__services__midTwo__txtContainer {
          padding: 0;
          width: 100%; } }
      #wireless .wireless__services__midTwo__txtContainer h3 {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
      #wireless .wireless__services__midTwo__txtContainer__sub h4 {
        font-family: "Rajdhani", sans-serif;
        text-align: left;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #333;
        margin-bottom: 0.5rem; }
      #wireless .wireless__services__midTwo__txtContainer__sub p {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        margin-bottom: 1rem; }
    #wireless .wireless__services__midTwo__img {
      padding: 1rem;
      min-height: 100px;
      min-width: 300px; }
      @media (max-width: 767px) {
        #wireless .wireless__services__midTwo__img {
          min-width: unset;
          width: 100%; } }
      #wireless .wireless__services__midTwo__img img {
        max-height: 600px;
        max-width: 400px; }
        @media (max-width: 767px) {
          #wireless .wireless__services__midTwo__img img {
            width: 100%; } }
  #wireless .wireless__industry {
    padding: 2rem 5rem;
    background-color: #eee; }
    @media (max-width: 48em) {
      #wireless .wireless__industry {
        margin: 0;
        padding: 1rem; } }
    #wireless .wireless__industry__container {
      text-align: center; }
      #wireless .wireless__industry__container__title {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce;
        margin: 2rem; }
      #wireless .wireless__industry__container__leaders {
        padding: 1rem 3rem;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap; }
        #wireless .wireless__industry__container__leaders__img {
          margin: 2rem 0; }
  #wireless .wireless__projects {
    margin: 2rem 5rem; }
    @media (max-width: 48em) {
      #wireless .wireless__projects {
        margin: 1rem; } }
    #wireless .wireless__projects__container__title h3 {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce;
      margin-bottom: 2rem; }
    #wireless .wireless__projects__container__lists {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 1rem; }
      @media (max-width: 62em) {
        #wireless .wireless__projects__container__lists {
          flex-direction: column; } }
      #wireless .wireless__projects__container__lists__item {
        min-height: 331px;
        max-width: 370px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 767px) {
          #wireless .wireless__projects__container__lists__item {
            max-width: unset;
            width: 100%; } }
        #wireless .wireless__projects__container__lists__item h4 {
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #2e77ce; }
        #wireless .wireless__projects__container__lists__item__img {
          min-height: 158px;
          min-width: 306px; }
          @media (max-width: 767px) {
            #wireless .wireless__projects__container__lists__item__img {
              min-width: unset;
              width: 100%; } }
  #wireless .wireless__get-in-touch {
    margin: 2rem 5rem; }
    @media (max-width: 48em) {
      #wireless .wireless__get-in-touch {
        margin: 0; } }
    #wireless .wireless__get-in-touch__container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      @media (max-width: 62em) {
        #wireless .wireless__get-in-touch__container {
          flex-direction: column-reverse; } }
      #wireless .wireless__get-in-touch__container__col1 {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: white;
        padding: 2rem 8rem 2rem 2rem;
        border-radius: 2rem 0 0 2rem; }
        @media (max-width: 62em) {
          #wireless .wireless__get-in-touch__container__col1 {
            width: 100%;
            align-items: center;
            border-radius: 2rem;
            padding: 1rem;
            text-align: center; } }
        #wireless .wireless__get-in-touch__container__col1 h4 {
          text-align: left;
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #333;
          margin-bottom: 3rem; }
      #wireless .wireless__get-in-touch__container__col2 {
        width: 40%;
        margin-left: -8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        min-height: 100px;
        min-width: 300px; }
        @media (max-width: 62em) {
          #wireless .wireless__get-in-touch__container__col2 {
            margin-left: 0;
            width: 100%; } }
        #wireless .wireless__get-in-touch__container__col2 img {
          max-height: 600px;
          max-width: 400px; }
          @media (max-width: 767px) {
            #wireless .wireless__get-in-touch__container__col2 img {
              min-width: unset;
              width: 100%; } }

#wireless-heatmapping {
  background-image: url("../img/home/02section-bg.png"); }
  #wireless-heatmapping .wireless-heatmapping__technologies {
    margin: 5rem; }
    @media (max-width: 48em) {
      #wireless-heatmapping .wireless-heatmapping__technologies {
        margin: 1rem; } }
    #wireless-heatmapping .wireless-heatmapping__technologies__container__txt {
      background-color: #e0e0e0;
      padding: 1rem 2rem;
      text-align: center; }
      #wireless-heatmapping .wireless-heatmapping__technologies__container__txt h3 {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #333; }
      #wireless-heatmapping .wireless-heatmapping__technologies__container__txt p {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: left;
        margin-top: 2rem; }
    #wireless-heatmapping .wireless-heatmapping__technologies__container__steps {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 2fr 1fr 2fr;
      padding: 1rem 3rem; }
      @media (max-width: 62em) {
        #wireless-heatmapping .wireless-heatmapping__technologies__container__steps {
          grid-template-columns: 1fr;
          grid-gap: 3rem; } }
      @media (max-width: 62em) {
        #wireless-heatmapping .wireless-heatmapping__technologies__container__steps {
          padding: 1rem; } }
      #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1 {
        display: grid;
        grid-gap: 3rem; }
        #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1__item {
          display: grid;
          grid-template-columns: 80px 1fr; }
          @media (max-width: 62em) {
            #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1__item {
              grid-row-gap: 1rem; } }
          #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1__item img {
            background-color: #dfdfdf;
            margin-top: -1rem;
            z-index: 2;
            padding: 0.5rem;
            border-radius: 50%; }
            @media (max-width: 62em) {
              #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1__item img {
                margin-top: -0.5rem; } }
          #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1__item h3 {
            font-family: "Rajdhani", sans-serif;
            text-align: left;
            font-size: 1.8rem;
            line-height: 1.2;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            color: #fff;
            border-left: none !important;
            padding-top: 0.5rem;
            border-radius: 10px;
            background-color: #2e77ce;
            padding-left: 3rem;
            margin-left: -2rem;
            z-index: 1; }
          #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1__item p {
            grid-column-start: 2;
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #2e77ce;
            text-align: left; }
            @media (max-width: 62em) {
              #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col1__item p {
                grid-column: 1/-1;
                text-align: center; } }
      #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2 {
        display: grid;
        grid-gap: 3rem;
        grid-column-start: 3; }
        @media (max-width: 62em) {
          #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2 {
            grid-column-start: unset; } }
        #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2__item {
          display: grid;
          grid-template-columns: 80px 1fr; }
          @media (max-width: 62em) {
            #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2__item {
              grid-row-gap: 1rem; } }
          #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2__item img {
            background-color: #dfdfdf;
            margin-top: -1rem;
            z-index: 2;
            padding: 0.5rem;
            border-radius: 50%; }
            @media (max-width: 62em) {
              #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2__item img {
                margin-top: -0.5rem; } }
          #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2__item h3 {
            text-align: left;
            margin-right: -1rem !important;
            font-family: "Rajdhani", sans-serif;
            text-align: left;
            font-size: 1.8rem;
            line-height: 1.2;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            color: #fff;
            border-left: none !important;
            padding-top: 0.5rem;
            border-radius: 10px;
            background-color: #2e77ce;
            padding-left: 3rem;
            margin-left: -2rem;
            z-index: 1; }
          #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2__item p {
            grid-column-start: 2;
            font-size: 1.1rem;
            font-weight: 500;
            font-family: "Lato", sans-serif;
            line-height: 1.4rem;
            color: #2e77ce;
            text-align: left; }
            @media (max-width: 62em) {
              #wireless-heatmapping .wireless-heatmapping__technologies__container__steps__col2__item p {
                grid-column: 1/-1;
                text-align: center; } }
  #wireless-heatmapping .wireless-heatmapping__design {
    margin: 2rem 5rem; }
    @media (max-width: 62em) {
      #wireless-heatmapping .wireless-heatmapping__design {
        margin: 1rem; } }
    #wireless-heatmapping .wireless-heatmapping__design__container__txt h2 {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce; }
    #wireless-heatmapping .wireless-heatmapping__design__container__txt p {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #333;
      text-align: left; }
    #wireless-heatmapping .wireless-heatmapping__design__container__steps__col {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin-top: 2rem; }
      @media (max-width: 36em) {
        #wireless-heatmapping .wireless-heatmapping__design__container__steps__col {
          flex-direction: column; } }
      #wireless-heatmapping .wireless-heatmapping__design__container__steps__col__item {
        display: flex;
        flex-direction: column;
        width: 33%;
        min-height: 350px;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 10px; }
        @media (max-width: 62em) {
          #wireless-heatmapping .wireless-heatmapping__design__container__steps__col__item {
            width: 50%; } }
        @media (max-width: 36em) {
          #wireless-heatmapping .wireless-heatmapping__design__container__steps__col__item {
            width: 100%;
            min-height: 200px; } }
        #wireless-heatmapping .wireless-heatmapping__design__container__steps__col__item img {
          align-self: center;
          width: 150px; }
        #wireless-heatmapping .wireless-heatmapping__design__container__steps__col__item h4 {
          align-self: center;
          font-family: "Rajdhani", sans-serif;
          text-align: left;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #666666;
          font-size: 1.2rem; }
    #wireless-heatmapping .wireless-heatmapping__design__container__steps__div {
      background-color: #2e77ce;
      display: flex;
      justify-content: center;
      padding: 2rem; }
  #wireless-heatmapping .wireless-heatmapping__survey .txt-wrapper {
    display: grid;
    grid-gap: 2rem; }
  #wireless-heatmapping .wireless-heatmapping__survey__container {
    grid-column: main-start/main-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
    align-items: center; }
    @media (max-width: 1199px) {
      #wireless-heatmapping .wireless-heatmapping__survey__container {
        grid-template-columns: 1fr;
        justify-content: center;
        text-align: center;
        grid-gap: 2rem; } }
    @media (max-width: 1199px) {
      #wireless-heatmapping .wireless-heatmapping__survey__container__img {
        grid-row-start: 1;
        justify-self: center; } }
    #wireless-heatmapping .wireless-heatmapping__survey__container__title {
      margin: 0;
      font-family: "Rajdhani", sans-serif;
      text-align: left;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce; }
      @media (max-width: 767px) {
        #wireless-heatmapping .wireless-heatmapping__survey__container__title {
          font-size: 2rem; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        #wireless-heatmapping .wireless-heatmapping__survey__container__title {
          font-size: 3rem; } }
    #wireless-heatmapping .wireless-heatmapping__survey__container__description {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #666666;
      text-align: left; }
      @media (max-width: 1199px) {
        #wireless-heatmapping .wireless-heatmapping__survey__container__description {
          width: auto; } }
  #wireless-heatmapping .wireless-heatmapping__wifi {
    margin: 5rem; }
    @media (max-width: 48em) {
      #wireless-heatmapping .wireless-heatmapping__wifi {
        margin: 1rem; } }
    #wireless-heatmapping .wireless-heatmapping__wifi__txt {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #wireless-heatmapping .wireless-heatmapping__wifi__txt h3 {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
      #wireless-heatmapping .wireless-heatmapping__wifi__txt p {
        font-size: 1.1rem;
        font-weight: 500;
        font-family: "Lato", sans-serif;
        line-height: 1.4rem;
        color: #333;
        text-align: center; }
    #wireless-heatmapping .wireless-heatmapping__wifi__container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin: 2rem 0;
      gap: 50px; }
      @media (max-width: 62em) {
        #wireless-heatmapping .wireless-heatmapping__wifi__container {
          flex-direction: column; } }
      #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs ul li {
          margin: 1rem;
          padding: 1rem;
          border: 2px solid #2e77ce;
          border-radius: 24px;
          color: #ffffff; }
          #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs ul li a {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            max-height: 180px; }
            @media (max-width: 62em) {
              #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs ul li a {
                gap: 5px; } }
            @media (max-width: 36em) {
              #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs ul li a {
                flex-direction: column; } }
            #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs ul li a img {
              width: 10%; }
              @media (max-width: 36em) {
                #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs ul li a img {
                  width: 20%; } }
            #wireless-heatmapping .wireless-heatmapping__wifi__container__tabs ul li a p {
              width: 80%;
              font-size: 1.1rem;
              font-weight: 500;
              font-family: "Lato", sans-serif;
              line-height: 1.4rem;
              color: #333;
              text-align: left; }
    #wireless-heatmapping .wireless-heatmapping__wifi__description p {
      font-size: 1.1rem;
      font-weight: 500;
      font-family: "Lato", sans-serif;
      line-height: 1.4rem;
      color: #666666;
      text-align: left; }
  #wireless-heatmapping .wireless-heatmapping__conduct {
    background-image: url(../img/15-WirelessNetworkHeat/Assets/Section6/BG.svg);
    background-repeat: no-repeat;
    background-size: cover; }
    #wireless-heatmapping .wireless-heatmapping__conduct__container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 1rem; }
      #wireless-heatmapping .wireless-heatmapping__conduct__container h3 {
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 2rem;
        color: #2e77ce; }
        @media (max-width: 48em) {
          #wireless-heatmapping .wireless-heatmapping__conduct__container h3 {
            font-size: 1.5rem; } }
      #wireless-heatmapping .wireless-heatmapping__conduct__container p {
        margin-bottom: 6rem;
        font-family: "Rajdhani", sans-serif;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        color: #333; }
        @media (max-width: 48em) {
          #wireless-heatmapping .wireless-heatmapping__conduct__container p {
            margin-bottom: 3rem;
            font-size: 1.2rem; } }

#service-calls-page {
  min-height: 100vh;
  padding-top: 150px; }
  #service-calls-page h1,
  #service-calls-page h3 {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #2e77ce; }
  #service-calls-page h3 {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: #333;
    font-size: 1.2rem;
    text-transform: none; }
  #service-calls-page a.btn {
    margin: 1rem auto 0; }

#home-page h1 {
  max-width: 24ch; }

#home-page .home-hero {
  height: 40vh;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  width: 100%; }
  @media (max-width: 767px) {
    #home-page .home-hero {
      height: 30vh; } }

#home-page .home-hero__vid-container {
  margin: 0 auto;
  position: relative;
  align-items: center; }
  @media (max-width: 767px) {
    #home-page .home-hero__vid-container {
      border-radius: 0 0 0 0; } }

#home-page .home-hero__vid-container__vid {
  object-fit: cover; }

@media (max-width: 75em) {
  #home-page #home-top-section2 .home-top-section2-features__container__lists {
    grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 62em) {
  #home-page #home-top-section2 .home-top-section2-features__container__lists {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 48em) {
  #home-page #home-top-section2 .home-top-section2-features__container__lists {
    grid-template-columns: 1fr; } }

.home-top-section2-features__container h3 {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce; }
  @media (max-width: 767px) {
    .home-top-section2-features__container h3 {
      margin-top: 2rem; } }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list {
  border: 1px solid #2e77ce;
  background: none; }
  @media (max-width: 48em) {
    #home-page
#home-top-section2
.home-top-section2-features__container__lists__list {
      margin: 0 10%; } }
  @media (max-width: 36em) {
    #home-page
#home-top-section2
.home-top-section2-features__container__lists__list {
      margin: 0; } }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__img {
  filter: invert(1);
  max-width: 67px;
  max-height: 88px;
  min-width: 67px;
  min-height: 88px; }
  #home-page
#home-top-section2
.home-top-section2-features__container__lists__list__img.no-invert {
    filter: invert(0);
    max-width: 67px;
    max-height: 88px;
    min-width: 67px;
    min-height: 88px; }
  @media (max-width: 48em) {
    #home-page
#home-top-section2
.home-top-section2-features__container__lists__list__img {
      height: 80px;
      width: auto; } }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__title {
  max-height: 70px;
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #333; }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__title_IoT {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #333;
  text-transform: unset;
  margin: 1.5rem;
  height: 70px; }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__description {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left;
  padding: 0;
  margin-bottom: 2rem;
  max-height: 190px; }

#home-page
#home-top-section2
.home-top-section2-features__container__lists__list__btn {
  background: #eee;
  color: #2e77ce;
  font-weight: 600;
  border: 1px solid #2e77ce; }
  #home-page
#home-top-section2
.home-top-section2-features__container__lists__list__btn:hover {
    color: #fff; }

#industries {
  width: 100%;
  padding: 4rem 0;
  background: #eee; }
  #industries .container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto; }
    @media (max-width: 62em) {
      #industries .container {
        padding: 0 16px;
        display: block; } }
  #industries .row {
    display: flex;
    width: 100%;
    flex-direction: column; }
    #industries .row .industries-title {
      font-family: "Rajdhani", sans-serif;
      text-align: center;
      font-size: 2.5rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 2rem;
      color: #2e77ce;
      color: #2e77ce;
      margin-bottom: 30px; }
    #industries .row .industry-items-wrapper {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #industries .row .industry-items-wrapper article.industry-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 10px 0;
        padding: 50px;
        margin: 15px;
        flex-basis: calc(100% / 3);
        max-width: 400px;
        min-width: 375px;
        border: 1px solid black;
        transition: all 0.3s ease; }
        #industries .row .industry-items-wrapper article.industry-item:hover {
          background-color: #fff; }
        #industries .row .industry-items-wrapper article.industry-item .industry-item-icon {
          filter: invert(100%);
          height: 30px;
          width: 30px; }
        #industries .row .industry-items-wrapper article.industry-item h3.industry-item-title {
          font-family: "Rajdhani", sans-serif;
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.2;
          font-weight: 500;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          color: #2e77ce;
          margin: 15px 0 10px;
          align-self: flex-start; }
        #industries .row .industry-items-wrapper article.industry-item p.industry-item-info {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left;
          color: #333;
          width: 100%; }

#home-page .projects__projects-sec {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6rem 2rem;
  background-color: #e3e3e3; }

#home-page .projects__projects-sec__title {
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #2e77ce;
  color: #2e77ce; }

#home-page .projects__projects-sec__img-container {
  display: flex;
  max-width: 1300px;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center; }

#home-page .projects__projects-sec__img-container__item {
  margin: 6px; }
  #home-page .projects__projects-sec__img-container__item:hover {
    transform: none;
    box-shadow: none; }
  @media (max-width: 62em) {
    #home-page .projects__projects-sec__img-container__item {
      margin: 5px; } }
  @media (max-width: 48em) {
    #home-page .projects__projects-sec__img-container__item {
      margin: 2px; } }

#home-page .projects__projects-sec__img-container__item__img {
  max-height: unset;
  max-width: unset;
  width: calc((1300px / 5) - 20px);
  margin: 0; }
  @media (max-width: 87.5em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 325px; } }
  @media (max-width: 75em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 325px; } }
  @media (max-width: 62em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 250px; } }
  @media (max-width: 48em) {
    #home-page .projects__projects-sec__img-container__item__img {
      width: 175px; } }

#home-page .projects__projects-sec__img-container__item__txt {
  color: #fff;
  background-color: #000;
  padding: 8px; }
  @media (max-width: 48em) {
    #home-page .projects__projects-sec__img-container__item__txt {
      font-size: 1rem;
      opacity: 1; } }

.form-title {
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
  margin-bottom: 2rem;
  font-size: 1.7rem;
  color: #2e77ce; }

.form-body-text {
  color: #2e77ce;
  width: fit-content;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  line-height: 1.4rem;
  color: #333;
  text-align: left; }

#home-page .contact-sec__wrapper__form {
  margin-right: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  #home-page .contact-sec__wrapper__form .contact-sec__wrapper__form__fullname {
    color: #333; }
    #home-page .contact-sec__wrapper__form .contact-sec__wrapper__form__fullname::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #444;
      opacity: 1;
      /* Firefox */ }
    #home-page .contact-sec__wrapper__form .contact-sec__wrapper__form__fullname:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #444; }

.form-fullname-wrapper {
  width: 100%;
  display: flex;
  gap: 5%; }

.text-input-field {
  padding: 16px;
  background: #e3e3e3;
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  border: none;
  width: 100%; }
  .text-input-field.form-fullname {
    width: 47.5%; }
  .text-input-field:focus {
    outline: none; }
  .text-input-field::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #444;
    opacity: 1;
    /* Firefox */ }
  .text-input-field:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #444; }

textarea.text-input-field {
  font-size: 1rem; }

#home-page .contact-sec__wrapper__form__btn {
  margin-top: 25px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  background-color: #2e77ce;
  transition: all 0.3s ease; }
  #home-page .contact-sec__wrapper__form__btn:hover {
    box-shadow: none;
    background-color: #5692d9; }

.office-builds__top__container {
  margin: auto; }

@media (max-height: 1100px) {
  .office-builds__top__container__txt__title {
    font-size: 3rem; } }

#service-call {
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #service-call .service-call_btn_title {
    font-family: "Rajdhani", sans-serif;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #2e77ce; }
  #service-call .btn span {
    text-transform: capitalize; }

#new-account-form {
  width: 100%;
  height: 60vh;
  min-height: 600px;
  display: flex; }
  #new-account-form .container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; }
    @media (max-width: 48em) {
      #new-account-form .container {
        padding: 0 2rem; } }
    #new-account-form .container .row {
      margin: 0;
      display: flex;
      height: 100%; }
      #new-account-form .container .row .col {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%; }
        #new-account-form .container .row .col h1 {
          font-size: clamp(1.4rem, 5vw, 2rem);
          color: #2e77ce;
          margin-bottom: 1rem; }
        #new-account-form .container .row .col p {
          font-size: 1.1rem;
          font-weight: 500;
          font-family: "Lato", sans-serif;
          line-height: 1.4rem;
          color: #333;
          text-align: left;
          margin: 0.5rem 0; }
          @media (max-width: 48em) {
            #new-account-form .container .row .col p {
              text-align: center; } }
        #new-account-form .container .row .col a {
          margin-top: 3rem; }

#signage .hero {
  height: 500px;
  background: url(../../../img/coming-soon/background.png);
  background-size: cover; }
  #signage .hero .overlay {
    height: 100%;
    background: rgba(41, 126, 212, 0.72);
    display: flex;
    align-items: center;
    justify-content: center; }
    #signage .hero .overlay h1 {
      font-family: "Space Grotesk";
      font-weight: 400;
      text-align: center;
      font-size: 60px;
      margin-top: -50px; }
      @media (max-width: 767px) {
        #signage .hero .overlay h1 {
          font-size: 48px; } }

#signage .preview {
  background: #f6f6f6;
  padding-bottom: 100px; }
  #signage .preview .container {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center;
    width: 100%;
    padding: 0 2rem; }
    #signage .preview .container .box {
      height: 100%;
      width: 100%;
      background: white;
      margin-top: -100px;
      display: flex;
      align-items: center;
      padding: 50px;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        #signage .preview .container .box {
          gap: 50px; } }
      #signage .preview .container .box img {
        width: 50%; }
        @media (max-width: 767px) {
          #signage .preview .container .box img {
            width: 100%; } }

#catalogPage .container {
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
  align-items: center;
  width: 100%;
  padding: 0 2rem; }

#catalogPage .hero {
  height: 500px;
  background: url(../../../img/catalog/background.png);
  background-size: cover; }
  #catalogPage .hero .overlay {
    height: 100%;
    background: rgba(41, 126, 212, 0.72);
    display: flex;
    align-items: center; }
    #catalogPage .hero .overlay h1 {
      font-family: "Space Grotesk";
      font-weight: 400;
      font-size: 60px;
      margin-top: -50px; }
      @media (max-width: 767px) {
        #catalogPage .hero .overlay h1 {
          font-size: 48px; } }

#catalogPage .tools {
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
  align-items: center;
  width: 100%;
  padding: 0 2rem;
  flex-direction: column;
  margin-top: 25px; }
  #catalogPage .tools #searchBar {
    width: 100%;
    padding: 10px;
    border-radius: 6px; }
  #catalogPage .tools .filters-title {
    margin-top: .8rem;
    font-family: 'Space Grotesk';
    font-size: 1rem;
    color: black;
    align-self: flex-start; }
  #catalogPage .tools .category-filters {
    align-self: flex-start;
    display: flex; }
    #catalogPage .tools .category-filters #categories {
      padding: 10px;
      border-radius: 6px; }
    #catalogPage .tools .category-filters #filters {
      background: white;
      color: black;
      margin-left: 1rem;
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      background: #f6f6f6; }
      #catalogPage .tools .category-filters #filters .filter {
        display: flex;
        align-items: center;
        height: 100%;
        gap: .5rem;
        padding: 0 1rem;
        border-radius: 6px;
        background: white; }
        #catalogPage .tools .category-filters #filters .filter button {
          font-size: 1rem;
          color: red;
          cursor: pointer; }

#catalogPage .catalogContainer {
  display: flex; }
  #catalogPage .catalogContainer.container {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center;
    width: 100%;
    padding: 0 2rem; }
  #catalogPage .catalogContainer #catalog {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 5rem 0;
    width: 100%; }
    #catalogPage .catalogContainer #catalog .catalog-item {
      background: #FFFFFF;
      padding: 2rem 5rem 2rem 2rem; }
      #catalogPage .catalogContainer #catalog .catalog-item .item-details {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding-bottom: 2rem; }
        #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-name {
          font-family: 'Space Grotesk';
          color: #333;
          font-size: 1.4rem;
          font-weight: 500; }
        #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-details {
          font-family: 'Space Grotesk';
          color: #333333D9;
          line-height: 32px;
          font-size: 1rem;
          max-height: 121px;
          overflow: hidden; }
          #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-details .properties {
            display: none;
            padding-top: 1.5rem;
            font-size: 1rem;
            font-weight: 600;
            color: black; }
            #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-details .properties .property {
              display: flex;
              gap: 0.5rem;
              font-size: .8rem; }
              #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-details .properties .property .key {
                font-weight: 500;
                color: black; }
              #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-details .properties .property .value {
                font-weight: 400; }
          #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-details.show {
            max-height: 100%; }
            #catalogPage .catalogContainer #catalog .catalog-item .item-details .product-details.show .properties {
              display: block; }
        #catalogPage .catalogContainer #catalog .catalog-item .item-details button {
          font-family: 'Space Grotesk';
          font-weight: 500;
          color: #333333;
          font-size: 1rem;
          cursor: pointer; }
      #catalogPage .catalogContainer #catalog .catalog-item .purchase-details {
        display: flex;
        border-top: 1px solid #DBDBDB;
        padding-top: 0.5rem; }
        #catalogPage .catalogContainer #catalog .catalog-item .purchase-details .msrp {
          font-family: 'Space Grotesk';
          color: #333333;
          font-size: 19px;
          font-weight: 500;
          border-right: 1px solid #DBDBDB;
          padding: 0.5rem 3.5rem 0.5rem 0rem; }
        #catalogPage .catalogContainer #catalog .catalog-item .purchase-details .msrp::before {
          content: 'MSRP';
          padding-right: 1rem;
          font-weight: 400; }
        #catalogPage .catalogContainer #catalog .catalog-item .purchase-details .discount {
          font-family: 'Space Grotesk';
          color: #333333;
          font-size: 19px;
          font-weight: 500;
          padding: 0.5rem 0 0.5rem 3.5rem; }
        #catalogPage .catalogContainer #catalog .catalog-item .purchase-details .discount::before {
          content: 'DISCOUNTED PRICE';
          padding-right: 1rem;
          font-weight: 400; }
      #catalogPage .catalogContainer #catalog .catalog-item .cart-actions {
        padding-top: 2rem; }
        #catalogPage .catalogContainer #catalog .catalog-item .cart-actions input {
          background: #EDEDED;
          border: 1px solid #707070;
          border-radius: 6px;
          padding: 0.5rem; }
          #catalogPage .catalogContainer #catalog .catalog-item .cart-actions input option {
            font-family: 'Space Grotesk';
            font-size: 1rem; }
        #catalogPage .catalogContainer #catalog .catalog-item .cart-actions button {
          cursor: pointer;
          background: #85C1FD;
          font-family: 'Space Grotesk';
          font-size: 1rem;
          padding: 0.5rem 2rem;
          border-radius: 6px;
          color: white;
          margin-left: 0.5rem; }
        #catalogPage .catalogContainer #catalog .catalog-item .cart-actions button:hover {
          background: #2e77ce; }

#catalogPage #pagination {
  display: flex;
  justify-content: center;
  max-width: 1300px;
  margin: 0 auto;
  align-items: center;
  width: 100%;
  padding: 0 2rem;
  gap: 1rem;
  margin-bottom: 100px; }
  #catalogPage #pagination button {
    cursor: pointer;
    color: #2e77ce;
    background-color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 300;
    padding: 0.5rem 1.5rem;
    font-size: 1rem; }
    @media (max-width: 767px) {
      #catalogPage #pagination button:not(:first-child):not(:last-child) {
        display: none; } }

#cart {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  z-index: 1000; }

#cart-container {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: bottom 0.5s ease-in-out;
  z-index: 999;
  overflow: auto;
  padding: 20px 20px 60px 20px; }
  #cart-container.open {
    bottom: 0; }
  #cart-container .container {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center;
    width: 100%;
    padding: 0 2rem; }
    #cart-container .container > div {
      width: 100%; }
    #cart-container .container h1,
    #cart-container .container h2 {
      font-size: 2rem;
      font-family: 'Space Grotesk';
      color: #2e77ce;
      width: 100%; }
    #cart-container .container h2 {
      margin-top: 2rem; }
    #cart-container .container #cart-items {
      color: black;
      width: 100%;
      font-family: 'Space Grotesk';
      margin-top: 2rem; }
      #cart-container .container #cart-items tbody tr th {
        text-align: left; }
      #cart-container .container #cart-items tbody tr .productDetails {
        display: flex;
        justify-content: space-between;
        padding-right: 3rem; }
        #cart-container .container #cart-items tbody tr .productDetails .delete {
          cursor: pointer; }
          #cart-container .container #cart-items tbody tr .productDetails .delete svg {
            width: 12px; }
        #cart-container .container #cart-items tbody tr .productDetails .delete:hover svg {
          opacity: 0.5; }
      @media (max-width: 767px) {
        #cart-container .container #cart-items tbody tr .quantity input {
          width: 65px; } }
    #cart-container .container .order-summary {
      display: flex;
      gap: 1rem;
      color: black; }
    #cart-container .container .jsFormPost {
      color: #2e77ce; }
      #cart-container .container .jsFormPost .fullname {
        columns: 2; }
      #cart-container .container .jsFormPost__txt {
        font-size: 0.8rem;
        line-height: 1.5;
        opacity: 1; }
        @media (max-width: 767px) {
          #cart-container .container .jsFormPost__txt {
            line-height: normal;
            text-align: center; } }
      #cart-container .container .jsFormPost__btnContainer .btn {
        margin: 0; }
      @media (max-width: 767px) {
        #cart-container .container .jsFormPost {
          width: 100%; } }

#newHeader {
  display: flex;
  position: fixed;
  width: 100%;
  z-index: 99;
  background-color: transparent;
  transition: background-color 250ms ease;
  padding: 0.5rem 0;
  flex-direction: row; }
  #newHeader #logo {
    display: flex; }
    #newHeader #logo a {
      display: flex; }
    #newHeader #logo img {
      width: 100%;
      max-width: 142px; }
    #newHeader #logo #phone {
      display: none;
      align-items: center;
      padding-left: 2rem; }
      @media (max-width: 36em) {
        #newHeader #logo #phone {
          padding-left: 1.5rem; } }
      #newHeader #logo #phone #phoneIcon {
        width: 0.45rem;
        height: 1rem;
        margin-right: 0.25rem; }
      #newHeader #logo #phone #phoneNumber {
        font-family: "Space Grotesk", sans-serif;
        color: #fff;
        font-size: 0.9rem; }
  #newHeader #btnNav {
    display: flex; }
    #newHeader #btnNav ul {
      display: flex; }
      #newHeader #btnNav ul li:first-child {
        margin-right: 0.25rem; }
      #newHeader #btnNav ul li:last-child {
        margin-left: 0.25rem; }
      #newHeader #btnNav ul li a {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 400;
        color: #fff;
        height: 100%;
        display: flex;
        align-items: center;
        border: 1px solid #fff;
        padding: 0.35rem 1.25rem;
        border-radius: 0.25rem;
        transition: background-color 250ms ease; }
        #newHeader #btnNav ul li a:hover {
          background-color: #fff;
          color: #2e77ce; }
  #newHeader #nav {
    display: flex;
    height: 100%; }
    #newHeader #nav .menuParentUl {
      display: flex;
      width: 100%; }
      #newHeader #nav .menuParentUl .menuParentLi {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.75rem 1.25rem 0.5rem 1.25rem;
        position: relative;
        transition: all 250ms ease; }
        #newHeader #nav .menuParentUl .menuParentLi:hover {
          cursor: pointer; }
          #newHeader #nav .menuParentUl .menuParentLi:hover .menuDropdown {
            visibility: visible;
            opacity: 1; }
          #newHeader #nav .menuParentUl .menuParentLi:hover .menuParentLink:after {
            width: 100%;
            left: 0%;
            right: 0%;
            background-color: "white"; }
        #newHeader #nav .menuParentUl .menuParentLi .menuParentLink,
        #newHeader #nav .menuParentUl .menuParentLi .menuLink {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 1rem;
          text-transform: uppercase;
          font-weight: 400;
          color: #fff;
          height: 100%;
          display: flex;
          align-items: center;
          padding-bottom: 0.25rem;
          transition: all 250ms ease;
          position: relative; }
          #newHeader #nav .menuParentUl .menuParentLi .menuParentLink:after,
          #newHeader #nav .menuParentUl .menuParentLi .menuLink:after {
            transition: all 250ms ease;
            content: '';
            width: 0%;
            position: absolute;
            bottom: -2px;
            height: 2px;
            background: white;
            left: 50%;
            right: 50%; }
          #newHeader #nav .menuParentUl .menuParentLi .menuParentLink:hover:after,
          #newHeader #nav .menuParentUl .menuParentLi .menuLink:hover:after {
            width: 100%;
            left: 0%;
            right: 0%;
            background-color: "white"; }
  #newHeader .menuDropdown {
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    min-width: 225px;
    margin-left: 1.25rem;
    left: 0;
    background-color: white;
    transition: opacity 250ms ease;
    box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.1); }
    #newHeader .menuDropdown li {
      display: flex; }
      #newHeader .menuDropdown li a {
        display: flex;
        width: 100%;
        padding: 0.5rem 1rem;
        color: #111;
        font-family: "Space Grotesk", sans-serif;
        font-size: 0.95rem; }
        #newHeader .menuDropdown li a:hover {
          background-color: #2e77ce;
          color: white; }
  #newHeader.bg {
    background: transparent linear-gradient(122deg, #2077D0 0%, #96CAFF 100%) 0% 0% no-repeat padding-box; }
    #newHeader.bg #nav .menuParentUl .menuParentLi:hover .menuParentLink:after {
      width: 100%;
      left: 0%;
      right: 0%;
      background-color: #2E77CE; }
    #newHeader.bg #nav .menuParentUl .menuParentLi .menuParentLink:after,
    #newHeader.bg #nav .menuParentUl .menuParentLi .menuLink:after {
      background: #2E77CE; }
    #newHeader.bg #nav .menuParentUl .menuParentLi .menuParentLink:hover:after,
    #newHeader.bg #nav .menuParentUl .menuParentLi .menuLink:hover:after {
      width: 100%;
      left: 0%;
      right: 0%;
      background-color: #2E77CE; }
  #newHeader .container {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center;
    width: 100%;
    padding: 0 2rem; }

#mobileNav {
  opacity: 0;
  display: none;
  position: fixed;
  z-index: 10;
  top: 52px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background-color: #2e77ce;
  flex-direction: column;
  left: 100%;
  transition: all 250ms ease;
  overflow: scroll; }
  @media (max-width: 75em) {
    #mobileNav {
      display: flex; } }
  #mobileNav #btnNav Ul li a {
    width: 100%;
    display: flex;
    padding: 0.75rem 1rem;
    border-top: 1px solid white;
    font-family: "Space Grotesk", sans-serif;
    color: white; }
    #mobileNav #btnNav Ul li a:hover {
      background-color: white;
      color: #2e77ce; }
  #mobileNav #nav .menuParentUl .menuParentLi.openLink .menuParentLink::after {
    rotate: 90deg; }
  #mobileNav #nav .menuParentUl .menuParentLi.openLink .menuDropdown {
    display: flex; }
  #mobileNav #nav .menuParentUl .menuParentLi .menuDropdown {
    background-color: #3d91f5;
    display: none;
    flex-direction: column; }
    #mobileNav #nav .menuParentUl .menuParentLi .menuDropdown li a {
      width: 100%;
      display: flex;
      border-top: 1px solid white;
      padding: 0.75rem 1rem;
      font-size: 0.9rem; }
  #mobileNav #nav .menuParentUl .menuParentLink {
    width: 100%;
    display: flex;
    padding: 0.75rem 1rem;
    border-top: 1px solid white; }
    #mobileNav #nav .menuParentUl .menuParentLink::after {
      content: '▸';
      rotate: 0deg;
      position: relative;
      top: 2px;
      transition: all 250ms ease;
      margin-left: 0.25rem; }
  #mobileNav #nav .menuParentUl .menuLink {
    width: 100%;
    display: flex;
    padding: 0.75rem 1rem;
    border-top: 1px solid white; }
  #mobileNav #nav ul li a {
    font-family: "Space Grotesk", sans-serif;
    color: white; }
    #mobileNav #nav ul li a:hover {
      background-color: white;
      color: #2e77ce; }

@media (max-width: 75em) {
  #newHeader #logo #phone {
    display: flex; } }

@media (max-width: 75em) {
  #newHeader #nav {
    display: none; } }

@media (max-width: 75em) {
  #newHeader #btnNav {
    display: none; } }

#newHeader #hambMenu {
  display: none; }
  @media (max-width: 75em) {
    #newHeader #hambMenu {
      display: flex; } }
  #newHeader #hambMenu,
  #newHeader #hambMenu #hambMenuBtn,
  #newHeader #hambMenu #hamb {
    height: 32px;
    width: 32px; }
  #newHeader #hambMenu #hambMenuBtn:hover {
    cursor: pointer; }
  #newHeader #hambMenu #hamb {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    border: 2px solid white;
    border-radius: 100%; }
    #newHeader #hambMenu #hamb .hambLine {
      height: 2px;
      width: 1.25rem;
      background-color: white;
      position: absolute;
      transition: all 250ms ease; }
      #newHeader #hambMenu #hamb .hambLine:first-child {
        top: 10px; }
      #newHeader #hambMenu #hamb .hambLine:nth-child(2) {
        top: 14px;
        opacity: 1; }
      #newHeader #hambMenu #hamb .hambLine:last-child {
        top: 18px; }

body.navOpen {
  overflow: hidden; }
  body.navOpen #newHeader {
    background-color: #000; }
    body.navOpen #newHeader #hambMenu #hamb .hambLine {
      transform-origin: center; }
      body.navOpen #newHeader #hambMenu #hamb .hambLine:first-child {
        top: 13px;
        animation: topXCloseAni 250ms linear forwards; }
      body.navOpen #newHeader #hambMenu #hamb .hambLine:nth-child(2) {
        opacity: 0; }
      body.navOpen #newHeader #hambMenu #hamb .hambLine:last-child {
        top: 13px;
        animation: btmXCloseAni 250ms linear forwards; }
  body.navOpen #mobileNav {
    left: 0;
    opacity: 1; }

@keyframes topXCloseAni {
  0% {
    top: 10px; }
  50% {
    top: 13px; }
  100% {
    rotate: 45deg; } }

@keyframes btmXCloseAni {
  0% {
    top: 18px; }
  50% {
    top: 13px; }
  100% {
    rotate: -45deg; } }

#footerNew {
  background-color: #fff;
  padding: 5rem 0; }
  #footerNew .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0 2rem;
    position: relative; }
  #footerNew h5 {
    font-family: "Space Grotesk", sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    min-height: 2.75rem; }
  #footerNew #footerMenu {
    color: #111;
    padding-bottom: 4rem; }
    #footerNew #footerMenu #footerLogo {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start; }
      @media (max-width: 62em) {
        #footerNew #footerMenu #footerLogo {
          justify-content: flex-start;
          margin-top: 4rem; } }
      #footerNew #footerMenu #footerLogo a:hover img {
        opacity: 0.75; }
      #footerNew #footerMenu #footerLogo a img {
        transition: opacity 250ms ease;
        width: 5rem;
        height: auto; }
    #footerNew #footerMenu #footerLinks {
      display: grid;
      width: 100%;
      grid-template-columns: 19% 19% 19% 19% 19% 5%; }
      @media (max-width: 62em) {
        #footerNew #footerMenu #footerLinks {
          grid-template-columns: 33% 33% 33%;
          row-gap: 2rem; } }
      @media (max-width: 48em) {
        #footerNew #footerMenu #footerLinks {
          grid-template-columns: 50% 50%; } }
      #footerNew #footerMenu #footerLinks #footerAddress a,
      #footerNew #footerMenu #footerLinks #footerAddress p {
        margin-top: 1rem;
        font-family: "Space Grotesk", sans-serif;
        font-size: 0.9rem;
        color: #111;
        line-height: 1.5; }
      #footerNew #footerMenu #footerLinks #footerAddress a {
        transition: all 250ms ease; }
        #footerNew #footerMenu #footerLinks #footerAddress a:hover {
          color: #2e77ce; }
      #footerNew #footerMenu #footerLinks .footerLinkCol {
        display: flex;
        flex-direction: column; }
        #footerNew #footerMenu #footerLinks .footerLinkCol ul {
          margin-top: 1rem; }
          #footerNew #footerMenu #footerLinks .footerLinkCol ul li a {
            font-family: "Space Grotesk", sans-serif;
            font-size: 0.9rem;
            text-decoration: underline;
            color: #111;
            transition: all 250ms ease; }
            #footerNew #footerMenu #footerLinks .footerLinkCol ul li a:hover {
              color: #2e77ce; }
  #footerNew #footerInfo .container {
    border-top: 1px solid #eeeeee;
    padding-top: 2rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 48em) {
      #footerNew #footerInfo .container {
        justify-content: center;
        flex-direction: column; } }
  @media (max-width: 48em) {
    #footerNew #footerInfo #copyLinks {
      margin-top: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
  #footerNew #footerInfo #copyLinks ul {
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 48em) {
      #footerNew #footerInfo #copyLinks ul {
        margin-bottom: 2rem; } }
    #footerNew #footerInfo #copyLinks ul li {
      color: #111;
      font-family: "Space Grotesk", sans-serif;
      font-size: 0.8rem;
      text-transform: uppercase; }
      #footerNew #footerInfo #copyLinks ul li.inter {
        margin: 0 0.5rem; }
        @media (max-width: 48em) {
          #footerNew #footerInfo #copyLinks ul li.inter {
            margin: 0 1.25rem; } }
      #footerNew #footerInfo #copyLinks ul li a {
        color: #111;
        font-family: "Space Grotesk", sans-serif;
        transition: all 250ms ease; }
        #footerNew #footerInfo #copyLinks ul li a:hover {
          color: #2e77ce; }
  #footerNew #footerInfo #copyLinks #copy {
    color: #6f6f6f;
    font-family: "Space Grotesk", sans-serif;
    font-size: 0.8rem; }
    #footerNew #footerInfo #copyLinks #copy a {
      color: #6f6f6f;
      font-weight: 400;
      font-family: "Space Grotesk", sans-serif;
      transition: all 250ms ease; }
      #footerNew #footerInfo #copyLinks #copy a:hover {
        color: #6667ab; }
  #footerNew #socials {
    display: flex;
    gap: 1rem; }
    #footerNew #socials .social {
      background-color: #111;
      display: inline-flex;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 100%;
      align-items: center;
      justify-content: center;
      transition: all 250ms ease; }
      #footerNew #socials .social:hover {
        background-color: #2e77ce; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#home-page .video-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  min-height: 800px;
  max-width: 100vw; }
  @media (max-width: 36em) and (min-height: 900px) {
    #home-page .video-container {
      height: 800px; } }
  #home-page .video-container video {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%; }

#homeHero {
  min-height: 800px;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  /* START NextParticle CSS */
  /* END NextParticle CSS */ }
  @media (max-width: 36em) and (min-height: 900px) {
    #homeHero {
      height: 800px; } }
  #homeHero input[type=file] {
    display: none; }
  #homeHero .heroWrapper {
    background-color: unset;
    width: 100%;
    animation: fadeIn 1s ease 250ms 1 normal both; }
    #homeHero .heroWrapper .container {
      flex-direction: row;
      display: flex;
      width: 100%;
      max-width: 1300px;
      margin: 0 auto;
      padding: 0 2rem;
      align-items: center; }
      @media (max-width: 48em) {
        #homeHero .heroWrapper .container {
          flex-direction: column;
          align-items: center;
          margin-top: 5rem; } }
      #homeHero .heroWrapper .container .heroTitleWrapper {
        border: 0;
        padding: 0;
        background-color: unset;
        position: relative;
        z-index: 5; }
        @media (max-width: 48em) {
          #homeHero .heroWrapper .container .heroTitleWrapper {
            text-align: center;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-direction: column; } }
        #homeHero .heroWrapper .container .heroTitleWrapper .heroTitle {
          font-family: 'Space Grotesk', sans-serif;
          font-weight: 400;
          font-size: clamp(2rem, 4rem, 6vw);
          line-height: 1;
          text-transform: capitalize; }
          #homeHero .heroWrapper .container .heroTitleWrapper .heroTitle span {
            font-weight: 700; }
        #homeHero .heroWrapper .container .heroTitleWrapper .heroSubtitle {
          font-family: 'Space Grotesk', sans-serif;
          font-weight: 400;
          font-size: 1.25rem;
          text-transform: none;
          max-width: 40ch;
          line-height: 1.25;
          margin: 1rem 0; }
        #homeHero .heroWrapper .container .heroTitleWrapper .btn span {
          font-family: 'Space Grotesk', sans-serif; }
        #homeHero .heroWrapper .container .heroTitleWrapper .btn:hover {
          transform: scale(1); }
      @media (max-width: 48em) {
        #homeHero .heroWrapper .container .heroContent {
          width: 100%; } }
      #homeHero .heroWrapper .container .heroContent #particle {
        position: relative; }
        #homeHero .heroWrapper .container .heroContent #particle #particleInner {
          position: relative;
          z-index: 2; }
          @media (max-width: 48em) {
            #homeHero .heroWrapper .container .heroContent #particle #particleInner {
              position: absolute;
              width: 28rem; } }
          #homeHero .heroWrapper .container .heroContent #particle #particleInner img {
            display: none; }
          #homeHero .heroWrapper .container .heroContent #particle #particleInner img#logoMobile {
            display: none; }
            @media (max-width: 48em) {
              #homeHero .heroWrapper .container .heroContent #particle #particleInner img#logoMobile {
                display: flex;
                margin: 0 auto; } }
            @media (max-width: 36em) {
              #homeHero .heroWrapper .container .heroContent #particle #particleInner img#logoMobile {
                width: 100%; } }
          @media (max-width: 48em) {
            #homeHero .heroWrapper .container .heroContent #particle #particleInner canvas {
              display: none; } }
        #homeHero .heroWrapper .container .heroContent #particle #circleHeroOne {
          position: absolute;
          border: solid 2px white;
          border-radius: 100%;
          background-color: transparent;
          width: 550px;
          height: 550px;
          top: 80px;
          left: 80px;
          animation: fadeIn 1s ease 350ms 1 normal both; }
        #homeHero .heroWrapper .container .heroContent #particle #circleHeroTwo {
          position: absolute;
          border: solid 2px rgba(255, 255, 255, 0.8);
          border-radius: 100%;
          background-color: transparent;
          width: 650px;
          height: 650px;
          top: -50px;
          left: -50px;
          animation: fadeIn 1s ease 600ms 1 normal both; }
        #homeHero .heroWrapper .container .heroContent #particle #circleHeroThree {
          position: absolute;
          border: solid 2px rgba(255, 255, 255, 0.6);
          border-radius: 100%;
          background-color: transparent;
          width: 750px;
          height: 750px;
          top: -50px;
          left: -50px;
          animation: fadeIn 1s ease 850ms 1 normal both; }
        #homeHero .heroWrapper .container .heroContent #particle #circleHeroFour {
          position: absolute;
          border: solid 2px rgba(255, 255, 255, 0.4);
          border-radius: 100%;
          background-color: transparent;
          width: 850px;
          height: 850px;
          top: -50px;
          left: -50px;
          animation: fadeIn 1s ease 1100ms 1 normal both; }
        #homeHero .heroWrapper .container .heroContent #particle #circleHeroFive {
          position: absolute;
          border: solid 2px rgba(255, 255, 255, 0.2);
          border-radius: 100%;
          background-color: transparent;
          width: 950px;
          height: 950px;
          top: -50px;
          left: -50px;
          animation: fadeIn 1s ease 1350ms 1 normal both; }
        @media (max-width: 48em) {
          #homeHero .heroWrapper .container .heroContent #particle {
            display: flex;
            align-items: center;
            justify-content: center; }
            #homeHero .heroWrapper .container .heroContent #particle #circleHeroOne {
              position: relative;
              border: solid 2px white;
              border-radius: 100%;
              background-color: transparent;
              width: 350px;
              height: 350px;
              top: 0;
              left: 0; }
            #homeHero .heroWrapper .container .heroContent #particle #circleHeroTwo {
              position: relative;
              border: solid 2px rgba(255, 255, 255, 0.8);
              border-radius: 100%;
              background-color: transparent;
              width: 400px;
              height: 400px;
              top: -25px;
              left: -25px; }
            #homeHero .heroWrapper .container .heroContent #particle #circleHeroThree {
              position: relative;
              border: solid 2px rgba(255, 255, 255, 0.6);
              border-radius: 100%;
              background-color: transparent;
              width: 450px;
              height: 450px;
              top: -25px;
              left: -25px; }
            #homeHero .heroWrapper .container .heroContent #particle #circleHeroFour {
              position: relative;
              border: solid 2px rgba(255, 255, 255, 0.4);
              border-radius: 100%;
              background-color: transparent;
              width: 500px;
              height: 500px;
              top: -25px;
              left: -25px; }
            #homeHero .heroWrapper .container .heroContent #particle #circleHeroFive {
              position: relative;
              border: solid 2px rgba(255, 255, 255, 0.2);
              border-radius: 100%;
              background-color: transparent;
              width: 550px;
              height: 550px;
              top: -25px;
              left: -25px; } }

#primaryServices {
  background: #ccc url("img/homepage-redesign/primary-services/PrimaryServicesBg.jpg");
  padding: 4rem 0 4rem 0;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 36em) {
    #primaryServices {
      padding: 4rem 0 4rem 0; } }
  #primaryServices .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0 2rem;
    position: relative;
    flex-direction: column; }
  #primaryServices h3 {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 3rem;
    color: #333333; }
    #primaryServices h3 span {
      display: flex; }
    #primaryServices h3 .smspan {
      color: #2e77ce;
      font-size: 1rem; }
  #primaryServices #primaryServicesBuckets {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    gap: 2rem; }
    #primaryServices #primaryServicesBuckets .bucket {
      flex-basis: calc(25% - 1.5rem);
      padding: 2rem;
      background-color: #fff;
      border: 2px solid #eeeeee;
      display: flex;
      flex-direction: column;
      position: relative;
      padding-bottom: calc(2rem * 2); }
      @media (max-width: 75em) {
        #primaryServices #primaryServicesBuckets .bucket {
          flex-basis: calc(50% - 1rem); } }
      @media (max-width: 36em) {
        #primaryServices #primaryServicesBuckets .bucket {
          flex-basis: calc(100%); } }
      #primaryServices #primaryServicesBuckets .bucket .bucketImg {
        margin-bottom: 2rem;
        min-height: 3.5rem; }
      #primaryServices #primaryServicesBuckets .bucket .bucketContent {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 400;
        margin-bottom: 2rem; }
        #primaryServices #primaryServicesBuckets .bucket .bucketContent h4 {
          color: #333333;
          font-size: 1.25rem;
          margin-top: 0;
          min-height: 3.5rem; }
        #primaryServices #primaryServicesBuckets .bucket .bucketContent p {
          color: #33333380;
          line-height: 1.75;
          font-size: 0.9rem; }
      #primaryServices #primaryServicesBuckets .bucket .bucketLink {
        position: absolute;
        bottom: 2rem; }
        #primaryServices #primaryServicesBuckets .bucket .bucketLink a {
          color: #333333;
          font-family: "Space Grotesk", sans-serif;
          font-weight: 500;
          transition: all 250ms ease; }
          #primaryServices #primaryServicesBuckets .bucket .bucketLink a:hover {
            color: #2e77ce; }

#industries {
  background-color: #95CAFF17; }
  @media (max-width: 36em) {
    #industries {
      padding: 4rem 0; } }
  #industries .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0 2rem;
    position: relative;
    flex-direction: column;
    align-items: center; }
  #industries h3 {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 3rem;
    color: #333333;
    align-items: center; }
    #industries h3 span {
      display: flex; }
    #industries h3 .smspan {
      color: #2e77ce;
      font-size: 1rem; }
    #industries h3 .lgspan {
      font-size: 3rem; }
  #industries #industriesBuckets {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
    max-width: 1100px;
    width: 100%;
    gap: 2rem; }
    @media (max-width: 36em) {
      #industries #industriesBuckets {
        column-gap: 0;
        row-gap: 2rem; } }
    #industries #industriesBuckets .bucket {
      flex-basis: calc(33% - 2rem);
      display: flex;
      flex-direction: column;
      border: 2px solid #EEEEEE;
      background-color: white;
      position: relative; }
      @media (max-width: 62em) {
        #industries #industriesBuckets .bucket {
          flex-basis: calc(50% - 1.5rem); } }
      @media (max-width: 48em) {
        #industries #industriesBuckets .bucket {
          flex-basis: 75%; } }
      @media (max-width: 36em) {
        #industries #industriesBuckets .bucket {
          flex-basis: 100%; } }
      #industries #industriesBuckets .bucket .bucketImage {
        padding-bottom: 2rem; }
        #industries #industriesBuckets .bucket .bucketImage img {
          width: 100%;
          height: auto; }
      #industries #industriesBuckets .bucket .bucketContent {
        display: flex;
        width: 100%;
        color: #333333;
        font-family: "Space Grotesk", sans-serif;
        padding: 0 2rem 2rem 2rem; }
        #industries #industriesBuckets .bucket .bucketContent strong {
          width: 25%;
          font-size: 2.75rem;
          line-height: 1;
          margin-right: 0.5rem; }
        #industries #industriesBuckets .bucket .bucketContent h4 {
          width: 75%;
          margin: 0;
          font-weight: 400; }
      #industries #industriesBuckets .bucket:hover .bucketOverlay {
        visibility: visible;
        opacity: 1; }
      #industries #industriesBuckets .bucket .bucketOverlay {
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        display: flex;
        visibility: hidden;
        opacity: 0;
        padding: 2rem;
        align-items: center;
        transition: all 250ms ease; }
        #industries #industriesBuckets .bucket .bucketOverlay p {
          font-family: "Space Grotesk", sans-serif;
          font-weight: 400;
          color: #333;
          border-left: 5px solid #2e77ce;
          padding-left: 1rem; }

#partners {
  background-color: #95caff5d;
  padding: 4rem 0; }
  @media (max-width: 36em) {
    #partners {
      padding-bottom: 4rem; } }
  #partners .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    position: relative;
    flex-direction: column; }
  #partners h3 {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 3rem;
    color: #333333;
    align-items: center; }
    #partners h3 span {
      display: flex; }
    #partners h3 .smspan {
      color: #2e77ce;
      font-size: 1rem; }
    #partners h3 .lgspan {
      font-size: 3rem; }
  #partners #partnerLogos {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
    @media (max-width: 75em) {
      #partners #partnerLogos {
        justify-content: center; } }
    #partners #partnerLogos .partnerLogo {
      flex-basis: calc(16.6666666667% - 2rem);
      margin: 2rem 0;
      text-align: center; }
      @media (max-width: 75em) {
        #partners #partnerLogos .partnerLogo {
          flex-basis: calc(25% - 3rem); } }
      @media (max-width: 48em) {
        #partners #partnerLogos .partnerLogo {
          flex-basis: calc(33% - 2rem); } }
      @media (max-width: 36em) {
        #partners #partnerLogos .partnerLogo {
          flex-basis: calc(50% - 1rem); } }
      #partners #partnerLogos .partnerLogo img {
        max-width: 80%;
        height: auto;
        position: relative; }
    #partners #partnerLogos #logoOne {
      top: 4px; }
    #partners #partnerLogos #logoThree {
      bottom: 4px; }
    #partners #partnerLogos #logoFour {
      top: 6px; }
    #partners #partnerLogos #logoSix {
      top: 2px; }
    #partners #partnerLogos #logoSeven {
      max-width: 70%; }
    #partners #partnerLogos #logoTen {
      top: 3px; }
    #partners #partnerLogos #logoTwelve {
      max-width: 70%;
      top: 3px; }

#featuredProjects {
  padding-top: 4rem;
  padding-bottom: 8rem;
  background-color: #95CAFF29; }
  @media (max-width: 36em) {
    #featuredProjects {
      padding-bottom: 4rem; } }
  #featuredProjects .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0 2rem;
    position: relative;
    flex-direction: column; }
  #featuredProjects p {
    color: #33333380;
    margin: 2.25rem 0 0 0;
    line-height: 1.5; }
    @media (max-width: 48em) {
      #featuredProjects p {
        margin: 0; } }
  #featuredProjects .row {
    display: flex; }
    @media (max-width: 48em) {
      #featuredProjects .row {
        flex-direction: column; } }
    #featuredProjects .row .col {
      flex-basis: 50%; }
      @media (max-width: 48em) {
        #featuredProjects .row .col {
          flex-basis: 100%; } }
  #featuredProjects h3 {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 3rem;
    color: #333333; }
    #featuredProjects h3 span {
      display: flex; }
    #featuredProjects h3 .smspan {
      color: #2e77ce;
      font-size: 1rem; }
    #featuredProjects h3 .lgspan {
      font-size: 3rem; }
  #featuredProjects #featuredProjectsBuckets {
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
    @media (max-width: 62em) {
      #featuredProjects #featuredProjectsBuckets {
        justify-content: center; } }
    #featuredProjects #featuredProjectsBuckets .bucket {
      background-color: white;
      flex-basis: calc(20% - 1.6rem);
      border: 2px solid #EEEEEE; }
      @media (max-width: 62em) {
        #featuredProjects #featuredProjectsBuckets .bucket {
          flex-basis: calc(33% - 1.25rem); } }
      @media (max-width: 48em) {
        #featuredProjects #featuredProjectsBuckets .bucket {
          flex-basis: calc(50% - 1rem); } }
      #featuredProjects #featuredProjectsBuckets .bucket .bucketContent {
        color: #333333;
        padding: 1rem;
        font-family: "Space Grotesk", sans-serif; }
        #featuredProjects #featuredProjectsBuckets .bucket .bucketContent h5 {
          font-size: 1rem;
          font-weight: 400; }
      #featuredProjects #featuredProjectsBuckets .bucket .bucketImage img {
        width: 100%; }

#callToAction {
  padding-top: 5rem;
  background-color: #111;
  overflow: hidden; }
  #callToAction #bgWrap {
    width: 100%;
    margin-top: 5rem; }
    @media (max-width: 48em) {
      #callToAction #bgWrap {
        margin-top: 4rem; } }
    #callToAction #bgWrap img {
      width: 100%;
      max-width: unset;
      position: relative;
      top: 7px; }
  #callToAction .container {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0 1.5rem;
    position: relative;
    flex-direction: column; }
  #callToAction h3 {
    display: flex;
    flex-direction: column;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    margin-bottom: 3rem;
    color: white;
    font-size: 2.5rem;
    max-width: 16ch; }
    @media (max-width: 62em) {
      #callToAction h3 {
        max-width: 12ch; } }
  #callToAction p {
    color: #fff;
    line-height: 1.5;
    margin-top: 1rem;
    max-width: 25ch;
    font-weight: 300; }
  #callToAction .btn {
    background-color: #2e77ce;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 300;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    margin-top: 2rem; }
    #callToAction .btn:hover {
      color: #2e77ce;
      background-color: #fff;
      transform: scale(1); }
  #callToAction .row {
    display: flex; }
    @media (max-width: 48em) {
      #callToAction .row {
        flex-direction: column; } }
    #callToAction .row .col {
      flex-basis: 50%; }
      @media (max-width: 48em) {
        #callToAction .row .col {
          flex-basis: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center; } }

.main_section > div {
  position: relative; }

.main_section > div::before,
.main_section > div::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-color: inherit;
  height: 2px;
  opacity: 0.5; }

.main_section > div::before {
  top: 0px; }

.main_section > div::after {
  bottom: -1px; }

.content_title_block {
  display: flex;
  position: relative;
  padding: 4rem;
  background-color: #2e77ce; }
  @media (max-width: 767px) {
    .content_title_block {
      overflow: hidden;
      flex-direction: column;
      padding: 1rem; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .content_title_block {
      padding: 1rem; } }
  .content_title_block .title_btn {
    padding: 1rem 2rem;
    width: fit-content;
    background: white;
    border-radius: 2rem;
    color: #08337f;
    text-align: center;
    justify-self: center;
    margin: 24px auto 0; }
  .content_title_block h1 {
    padding: 0.75rem;
    border: solid 8px rgba(255, 255, 255, 0.7);
    line-height: 1em;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.15); }
    @media (max-width: 767px) {
      .content_title_block h1 {
        font-size: 2.5rem; } }
  .content_title_block p {
    padding: 16px 8px 0 16px; }
  .content_title_block video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%; }
  .content_title_block [class$="__container"] {
    margin-left: 48px;
    z-index: 1;
    display: flex;
    flex-direction: column; }
    @media (max-width: 1199px) {
      .content_title_block [class$="__container"] {
        margin-left: 0; } }
  .content_title_block .content_title_content {
    display: flex;
    margin: auto;
    justify-content: space-evenly;
    width: 100%; }
  .content_title_block [class$="__container__txt__description"] {
    font-size: 0.9em; }
  .content_title_block a {
    transition: all 0.3s ease;
    border: solid 1px #1c2662;
    position: relative; }
  .content_title_block a:hover {
    transform: scale(1.1);
    background-color: transparent;
    border: solid 1px white;
    color: white; }

img[class$="item__img"] {
  display: flex;
  margin: 0 auto; }

@media (max-width: 1199px) {
  .mhead .mhead__wrapper__patermenu__el__item__link {
    width: 100%;
    text-align: right;
    color: #eee; } }