@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
  @font-face { 
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:400;
    font-display:block;
    src:url("../assets/webfonts/fa-regular-400.eot");
    src:url("../assets/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../assets/webfonts/fa-regular-400.woff2") format("woff2"), url("../assets/webfonts/fa-regular-400.woff") format("woff"), url("../assets/webfonts/fa-regular-400.ttf") format("truetype"), url("../assets/webfonts/fa-regular-400.svg#fontawesome") format("svg");
  } 
  @font-face { 
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url("../assets/webfonts/fa-solid-900.eot");
    src:url("../assets/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../assets/webfonts/fa-solid-900.woff2") format("woff2"), url("../assets/webfonts/fa-solid-900.woff") format("woff"), url("../assets/webfonts/fa-solid-900.ttf") format("truetype"), url("../assets/webfonts/fa-solid-900.svg#fontawesome") format("svg");
  } 
  body { 
  /* CSS Variables that may have been missed get put on body */ 
      --bs-gutter-x:  1.5rem;  
      --bs-gutter-y:  0;  
      --bs-gutter-x:  1rem; 
      --bs-gutter-y:  1rem; 
  } 

  * { 
      box-sizing: border-box;
  } 

  :root { 
      --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
      --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 
  } 

  @media (prefers-reduced-motion: no-preference){ 
    :root { 
      scroll-behavior: smooth;
    } 
  }     

  body { 
      margin: 0; 
      font-family: var(--bs-font-sans-serif); 
      font-size: 1rem; 
      font-weight: 400; 
      line-height: 1.5; 
      color: #212529; 
      background-color: #fff; 
      -webkit-text-size-adjust: 100%; 
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  } 

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

  .navbar { 
      position: relative; 
      display: flex; 
      flex-wrap: wrap; 
      align-items: center; 
      justify-content: space-between; 
      padding-top: 0.5rem; 
      padding-bottom: 0.5rem;
  } 

  @media (min-width: 992px){ 
    .navbar-expand-lg { 
      flex-wrap: nowrap; 
      justify-content: flex-start;
    } 
  }     

  .fixed-top { 
      position: fixed; 
      top: 0; 
      right: 0; 
      left: 0; 
      z-index: 1030;
  } 

  .shadow { 
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  } 

  .menu { 
      background: linear-gradient(to right, #01b1d8, #28d8ff7a) !important;
  } 

  .intro-section { 
      background: linear-gradient(to right, #01b1d8, #28d8ff7a) !important; 
      padding: 10rem 0 0 0; 
      width: 100%; 
      height: 100%;
  } 

  .services { 
      position: relative; 
      padding: 1rem 0;
  } 

  .testimonials { 
      position: relative; 
      padding: 0; 
      background: linear-gradient(to right, #01b1d8, #28d8ff7a) !important;
  } 

  .portfolio { 
      padding: 4rem 0;
  } 

  .get-started { 
      padding: 4rem 0; 
      background-color: #e9ecef;
  } 

  .footer { 
      padding-top: 1rem; 
      background-color: #151414;
  } 

  a { 
      color: #01b1d8; 
      text-decoration: underline;
  } 

  .btn-primary { 
      color: #fff; 
      background-color: #01b1d8; 
      border-color: #01b1d8;
  } 

  .rounded-circle { 
      border-radius: 50% !important;
  } 

  .back-to-top { 
      position: fixed; 
      width: 3rem; 
      height: 3rem; 
      right: 1.875rem; 
      bottom: 1.875rem; 
      z-index: 9999;
  } 

  a:hover { 
      color: #7a1ec0;
  } 

  .btn-primary:hover { 
      color: #fff; 
      background-color: #8220cc; 
      border-color: #7a1ec0;
  } 

  .container { 
      width: 100%; 
      padding-right: var(--bs-gutter-x, 0.75rem); 
      padding-left: var(--bs-gutter-x, 0.75rem); 
      margin-right: auto; 
      margin-left: auto;
  } 

  @media (min-width: 576px){ 
    .container { 
      max-width: 540px;
    } 
  }     

  @media (min-width: 768px){ 
    .container { 
      max-width: 720px;
    } 
  }     

  @media (min-width: 992px){ 
    .container { 
      max-width: 960px;
    } 
  }     

  @media (min-width: 1200px){ 
    .container { 
      max-width: 1140px;
    } 
  }     

  @media (min-width: 1400px){ 
    .container { 
      max-width: 1320px;
    } 
  }     

  .navbar > .container  { 
      display: flex; 
      flex-wrap: inherit; 
      align-items: center; 
      justify-content: space-between;
  } 

  svg { 
      vertical-align: middle;
  } 

  .mt-5 { 
      margin-top: 3rem !important;
  } 

  .pt-5 { 
      padding-top: 3rem !important;
  } 

  .pb-5 { 
      padding-bottom: 3rem !important;
  } 

  .footer-bottom { 
      background-color: #000;
  } 

  .fas { 
      -moz-osx-font-smoothing: grayscale; 
      -webkit-font-smoothing: antialiased; 
      display: inline-block; 
      font-style: normal; 
      font-variant: normal; 
      text-rendering: auto; 
      line-height: 1;
  } 

  .fas { 
      font-family: "Font Awesome 5 Free"; 
      font-weight: 900;
  } 

  .back-to-top i  { 
      color: #fff; 
      font-size: 1rem; 
      position: absolute; 
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%);
  } 

  .fa-chevron-up:before { 
      content: "";
  } 

  button { 
      border-radius: 0;
  } 

  button { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 

  button { 
      text-transform: none;
  } 

  button,[type="button"] { 
      -webkit-appearance: button;
  } 

  .navbar-toggler { 
      padding: 0.25rem 0.75rem; 
      font-size: 1.25rem; 
      line-height: 1; 
      background-color: transparent; 
      border: 1px solid transparent; 
      border-radius: 0.25rem; 
      transition: box-shadow 0.15s ease-in-out;
  } 

  button:not(:disabled),[type="button"]:not(:disabled) { 
      cursor: pointer;
  } 

  @media (min-width: 992px){ 
    .navbar-expand-lg .navbar-toggler  { 
      display: none;
    } 
  }     

  .navbar-dark .navbar-toggler  { 
      color: rgba(255, 255, 255, 0.55); 
      border-color: rgba(255, 255, 255, 0.1);
  } 

  .navbar-toggler:hover { 
      text-decoration: none;
  } 

  .navbar-collapse { 
      flex-basis: 100%; 
      flex-grow: 1; 
      align-items: center;
  } 

  .justify-content-center { 
      justify-content: center !important;
  } 

  .collapse:not(.show) { 
      display: none;
  } 

  @media (min-width: 992px){ 
    .navbar-expand-lg .navbar-collapse  { 
      display: flex !important; 
      flex-basis: auto;
    } 
  }     

  .row { 
      --bs-gutter-x: 1.5rem; 
      --bs-gutter-y: 0; 
      display: flex; 
      flex-wrap: wrap; 
      margin-top: calc(var(--bs-gutter-y) * -1); 
      margin-right: calc(var(--bs-gutter-x) * -.5); 
      margin-left: calc(var(--bs-gutter-x) * -.5);
  } 

  .align-items-center { 
      align-items: center !important;
  } 

  .text-white { 
      color: #fff !important;
  } 

  .text-center { 
      text-align: center !important;
  } 

  .mt-0 { 
      margin-top: 0 !important;
  } 

  .mb-3 { 
      margin-bottom: 1rem !important;
  } 

  .pt-2 { 
      padding-top: 0.5rem !important;
  } 

  .pb-2 { 
      padding-bottom: 0.5rem !important;
  } 

  .g-3 { 
      --bs-gutter-x: 1rem;
  } 

  .g-3 { 
      --bs-gutter-y: 1rem;
  } 

  .mb-4 { 
      margin-bottom: 1.5rem !important;
  } 

  .mt-3 { 
      margin-top: 1rem !important;
  } 

  .pb-3 { 
      padding-bottom: 1rem !important;
  } 

  .navbar-toggler-icon { 
      display: inline-block; 
      width: 1.5em; 
      height: 1.5em; 
      vertical-align: middle; 
      background-repeat: no-repeat; 
      background-position: center; 
      background-size: 100%;
  } 

  .navbar-dark .navbar-toggler-icon  { 
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  } 

  ul { 
      padding-left: 2rem;
  } 

  ul { 
      margin-top: 0; 
      margin-bottom: 1rem;
  } 

  .navbar-nav { 
      display: flex; 
      flex-direction: column; 
      padding-left: 0; 
      margin-bottom: 0; 
      list-style: none;
  } 

  @media (min-width: 992px){ 
    .navbar-expand-lg .navbar-nav  { 
      flex-direction: row;
    } 
  }     

  .row > *  { 
      flex-shrink: 0; 
      width: 100%; 
      max-width: 100%; 
      padding-right: calc(var(--bs-gutter-x) * .5); 
      padding-left: calc(var(--bs-gutter-x) * .5); 
      margin-top: var(--bs-gutter-y);
  } 

  @media (min-width: 768px){ 
    .col-md-6 { 
      flex: 0 0 auto; 
      width: 50%;
    } 
  }     

  .text-start { 
      text-align: left !important;
  } 

  .text-end { 
      text-align: right !important;
  } 

  h1 { 
      margin-top: 0; 
      margin-bottom: 0.5rem; 
      font-weight: 500; 
      line-height: 1.2;
  } 

  h1 { 
      font-size: calc(1.375rem + 1.5vw);
  } 

  @media (min-width: 1200px){ 
    h1 { 
      font-size: 2.5rem;
    } 
  }     

  .display-3 { 
      font-size: calc(1.525rem + 3.3vw); 
      font-weight: 300; 
      line-height: 1.2;
  } 

  @media (min-width: 1200px){ 
    .display-3 { 
      font-size: 4rem;
    } 
  }     

  .fw-bold { 
      font-weight: 700 !important;
  } 

  .display-3 { 
      font-family: "Poppins", sans-serif;
  } 

  .mb-1 { 
      margin-bottom: 0.25rem !important;
  } 

  .heading-line:before { 
      content: ""; 
      width: 10rem; 
      height: 0.1rem; 
      display: block; 
      margin: 0 auto; 
      background-color: #01b1d8;
  } 

  .heading-line:after { 
      content: ""; 
      width: 2rem; 
      padding-top: 0.5rem; 
      height: 0.2rem; 
      display: block; 
      margin: 0 auto; 
      margin-bottom: 1rem; 
      background-color: #01b1d8;
  } 

  .border-right { 
      border-right: 0;
  } 

  @media (min-width: 576px){ 
    .border-right { 
      border-right: 0.1rem solid #dee2e6; 
      height: 100%;
    } 

    .col-sm-12 { 
      flex: 0 0 auto; 
      width: 100%;
    } 
  }     

  @media (min-width: 992px){ 
    .col-lg-6 { 
      flex: 0 0 auto; 
      width: 50%;
    } 
  }     

  .mt-4 { 
      margin-top: 1.5rem !important;
  } 

  hr { 
      margin: 1rem 0; 
      color: inherit; 
      background-color: currentColor; 
      border: 0; 
      opacity: 0.25;
  } 

  .mx-auto { 
      margin-right: auto !important; 
      margin-left: auto !important;
  } 

  hr:not([size]) { 
      height: 1px;
  } 

  p { 
      margin-top: 0; 
      margin-bottom: 1rem;
  } 

  .lead { 
      font-size: 1.25rem; 
      font-weight: 300;
  } 

  .pt-1 { 
      padding-top: 0.25rem !important;
  } 

  .carousel { 
      position: relative;
  } 

  .text-uppercase { 
      text-transform: uppercase !important;
  } 

  @media (min-width: 768px){ 
    .col-md-12 { 
      flex: 0 0 auto; 
      width: 100%;
    } 
  }     

  .text-capitalize { 
      text-transform: capitalize !important;
  } 

  @media (min-width: 992px){ 
    .col-lg-4 { 
      flex: 0 0 auto; 
      width: 33.33333333%;
    } 
  }     

  .lh-lg { 
      line-height: 2 !important;
  } 

  .col-12 { 
      flex: 0 0 auto; 
      width: 100%;
  } 

  .p-3 { 
      padding: 1rem !important;
  } 

  .gradient { 
      background: linear-gradient(to right, #01b1d8, #28d8ff7a) !important;
  } 

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

  @media (min-width: 768px){ 
    .col-md-4 { 
      flex: 0 0 auto; 
      width: 33.33333333%;
    } 
  }     

  .d-flex { 
      display: flex !important;
  } 

  @media (min-width: 768px){ 
    .d-md-block { 
      display: block !important;
    } 
  }     

  @media (min-width: 992px){ 
    .d-lg-flex { 
      display: flex !important;
    } 
  }     

  .contact-box { 
      position: relative;
  } 

  .py-4 { 
      padding-top: 1.5rem !important; 
      padding-bottom: 1.5rem !important;
  } 

  @media (min-width: 576px){ 
    .col-sm-6 { 
      flex: 0 0 auto; 
      width: 50%;
    } 
  }     

  @media (min-width: 992px){ 
    .col-lg-2 { 
      flex: 0 0 auto; 
      width: 16.66666667%;
    } 
  }     

  .menu li  { 
      padding: 0 0.7rem;
      padding-top: 10px;
      padding-bottom: 10px;
  } 

  .menu li:hover { 
      color: #fff;
  } 

  .display-2 { 
      font-size: calc(1.575rem + 3.9vw); 
      font-weight: 300; 
      line-height: 1.2;
  } 

  @media (min-width: 1200px){ 
    .display-2 { 
      font-size: 4.5rem;
    } 
  }     

  .display-2 { 
      margin-bottom: 1rem; 
      text-transform: capitalize; 
      font-family: "Poppins", sans-serif;
  } 

  .rounded-pill { 
      border-radius: 50rem !important;
  } 

  .btn-rounded { 
      position: relative; 
      padding: 0.8375rem 4.375rem 0.8375rem 1.25rem; 
      font-weight: 700; 
      margin: 0; 
      border: 0.1rem solid rgba(255, 255, 255, 0.6); 
      background-color: #fff; 
      display: block;
  } 

  .btn-rounded:hover { 
      background: linear-gradient(to right, #01b1d8, #28d8ff7a) !important; 
      color: #fff;
  } 

  .intros .video-box  { 
      position: relative;
  } 

  .p-4 { 
      padding: 1.5rem !important;
  } 

  .services__content { 
      padding: 1rem; 
      margin-top: 0;
  } 

  @media (min-width: 992px){ 
    .services__content { 
      margin-top: 5rem;
    } 
  }     

  .services__pic { 
      max-width: 100%;
  } 

  .carousel-inner { 
      position: relative; 
      width: 100%; 
      overflow: hidden;
  } 

  .carousel-inner:after { 
      display: block; 
      clear: both; 
      content: "";
  } 

  .btn { 
      display: inline-block; 
      font-weight: 400; 
      line-height: 1.5; 
      color: #212529; 
      text-align: center; 
      text-decoration: none; 
      vertical-align: middle; 
      cursor: pointer; 
      user-select: none; 
      background-color: transparent; 
      border: 1px solid transparent; 
      padding: 0.375rem 0.75rem; 
      font-size: 1rem; 
      border-radius: 0.25rem; 
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  } 

  .btn-outline-primary { 
      color: #01b1d8; 
      border-color: #01b1d8;
  } 

  .portfolio button  { 
      text-transform: capitalize;
  } 

  .btn:hover { 
      color: #212529;
  } 

  .btn-outline-primary:hover { 
      color: #fff; 
      background-color: #01b1d8; 
      border-color: #01b1d8;
  } 

  .portfolio-box { 
      position: relative; 
      width: 100%; 
      overflow: hidden; 
      margin-bottom: 1.2rem; 
      border-top: 0.5rem solid #fff;
  } 

  .w-100 { 
      width: 100% !important;
  } 

  .cta-info { 
      padding: 3rem; 
      margin: 1rem 0;
  } 

  .form { 
      padding: 3rem;
  } 

  .contact-box__icon { 
      width: 2rem; 
      stroke: #01b1d8; 
      padding-top: 0.5rem;
  } 

  @media (min-width: 576px){ 
    .contact-box__icon { 
      width: 4rem;
    } 
  }     

  .contact-box__info { 
      padding: 0.4rem; 
      font-weight: 600;
  } 

  @media (min-width: 992px){ 
    .col-lg-5 { 
      flex: 0 0 auto; 
      width: 41.66666667%;
    } 
  }     

  @media (min-width: 768px){ 
    .mb-md-0 { 
      margin-bottom: 0 !important;
    } 
  }     

  @media (min-width: 992px){ 
    .col-lg-7 { 
      flex: 0 0 auto; 
      width: 58.33333333%;
    } 
  }     

  h5 { 
      margin-top: 0; 
      margin-bottom: 0.5rem; 
      font-weight: 500; 
      line-height: 1.2;
  } 

  h5 { 
      font-size: 1.25rem;
  } 

  .d-inline-block { 
      display: inline-block !important;
  } 

  .list-inline { 
      padding-left: 0; 
      list-style: none;
  } 

  .campany-list { 
      display: block; 
      list-style-type: none; 
      position: relative;
  } 

  .nav-link { 
      display: block; 
      padding: 0.5rem 1rem; 
      color: #01b1d8; 
      text-decoration: none; 
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  } 

  .menu li a  { 
      color: #fff; 
      padding: 0 0.7rem; 
      text-transform: capitalize; 
      font-weight: 600;
  } 

  .navbar-nav .nav-link  { 
      padding-right: 0; 
      padding-left: 0;
  } 

  @media (min-width: 992px){ 
    .navbar-expand-lg .navbar-nav .nav-link  { 
      padding-right: 0.5rem; 
      padding-left: 0.5rem;
    } 
  }     

  .navbar-dark .navbar-nav .nav-link  { 
      color: rgba(255, 255, 255, 0.55);
  } 

  .navbar-dark .navbar-nav .nav-link.active  { 
      color: #fff;
  } 

  .nav-link:hover { 
      color: #7a1ec0;
  } 

  .navbar-dark .navbar-nav .nav-link:hover { 
      color: rgba(255, 255, 255, 0.75);
  } 

  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { 
      color: rgba(255, 255, 255, 0.75);
  } 

  .display-2--intro { 
      display: inline-block; 
      font-weight: 700; 
      font-family: "Poppins", sans-serif;
  } 

  .lh-base { 
      line-height: 1.5 !important;
  } 

  .display-2--description { 
      font-size: 1rem; 
      display: block; 
      margin-top: 1.2rem; 
      text-transform: none;
  } 

  @media (min-width: 992px){ 
    .display-2--description { 
      font-size: 1.4rem; 
      display: inline-block;
    } 
  }     

  .btn-rounded span  { 
      position: absolute; 
      background-color: #01b1d8; 
      width: 2.5rem; 
      height: 2.5rem; 
      top: 50%; 
      right: 5px; 
      transform: translateY(-50%); 
      border-radius: 50%;
  } 

  .btn-rounded:hover span { 
      background-color: rgba(0, 0, 0, 0.6);
  } 

  img { 
      vertical-align: middle;
  } 

  .img-fluid { 
      max-width: 100%; 
      height: auto;
  } 

  h2 { 
      margin-top: 0; 
      margin-bottom: 0.5rem; 
      font-weight: 500; 
      line-height: 1.2;
  } 

  h2 { 
      font-size: calc(1.325rem + 0.9vw);
  } 

  @media (min-width: 1200px){ 
    h2 { 
      font-size: 2rem;
    } 
  }     

  .fw-light { 
      font-weight: 300 !important;
  } 

  .d-block { 
      display: block !important;
  } 

  .services__content .icon  { 
      font-size: 1.5rem; 
      color: #01b1d8;
  } 

  @media (min-width: 992px){ 
    .services__content .icon  { 
      font-size: 2.5rem;
    } 
  }     

  h3 { 
      margin-top: 0; 
      margin-bottom: 0.5rem; 
      font-weight: 500; 
      line-height: 1.2;
  } 

  h3 { 
      font-size: calc(1.3rem + 0.6vw);
  } 

  @media (min-width: 1200px){ 
    h3 { 
      font-size: 1.75rem;
    } 
  }     

  .mt-1 { 
      margin-top: 0.25rem !important;
  } 

  .display-3--title { 
      font-size: 1.2rem; 
      text-transform: capitalize; 
      font-weight: 600; 
      font-family: "Poppins", sans-serif; 
      display: inline-block; 
      background-image: linear-gradient(to right, #01b1d8, #d122e3); 
      background-clip: text; 
      -webkit-background-clip: text; 
      -webkit-text-fill-color: transparent;
  } 

  @media (min-width: 992px){ 
    .display-3--title { 
      font-size: 1.8rem;
    } 
  }     

  .services__content p  { 
      font-size: 0.8rem;
  } 

  @media (min-width: 992px){ 
    .services__content p  { 
      font-size: 1rem;
    } 
  }     

  .border-primary { 
      border-color: #01b1d8 !important;
  } 

  .fa-code:before { 
      content: "";
  } 

  .fa-cloud-upload-alt:before { 
      content: "";
  } 

  .carousel-item { 
      position: relative; 
      display: none; 
      float: left; 
      width: 100%; 
      margin-right: -100%; 
      backface-visibility: hidden; 
      transition: transform 0.6s ease-in-out;
  } 

  .carousel-item.active { 
      display: block;
  } 

  .btn-outline-light { 
      color: #f8f9fa; 
      border-color: #f8f9fa;
  } 

  .fa-long-arrow-alt-left:before { 
      content: "";
  } 

  .btn-outline-light:hover { 
      color: #000; 
      background-color: #f8f9fa; 
      border-color: #f8f9fa;
  } 

  .fa-long-arrow-alt-right:before { 
      content: "";
  } 

  .accordion-item { 
      background-color: #fff; 
      border: 1px solid rgba(0, 0, 0, 0.125);
  } 

  .accordion-item:first-of-type { 
      border-top-left-radius: 0.25rem; 
      border-top-right-radius: 0.25rem;
  } 

  .accordion-item:not(:first-of-type) { 
      border-top: 0;
  } 

  .accordion-item:last-of-type { 
      border-bottom-right-radius: 0.25rem; 
      border-bottom-left-radius: 0.25rem;
  } 

  .portfolio-box img  { 
      width: 100%; 
      height: 100%;
  } 

  .portfolio-box:hover img { 
      transform: scale(1.5); 
      transition-duration: 1s; 
      transition-property: all;
  } 

  .portfolio-box .portfolio-info  { 
      background-color: rgba(153, 38, 240, 0.75); 
      width: 100%; 
      height: 100%; 
      position: absolute; 
      top: 0; 
      left: 0; 
      opacity: 0; 
      visibility: hidden;
  } 

  .portfolio-box:hover .portfolio-info { 
      opacity: 1; 
      visibility: visible; 
      transition-duration: 1s; 
      transition-property: all;
  } 

  h4 { 
      margin-top: 0; 
      margin-bottom: 0.5rem; 
      font-weight: 500; 
      line-height: 1.2;
  } 

  h4 { 
      font-size: calc(1.275rem + 0.3vw);
  } 

  @media (min-width: 1200px){ 
    h4 { 
      font-size: 1.5rem;
    } 
  }     

  .display-4 { 
      font-size: calc(1.475rem + 2.7vw); 
      font-weight: 300; 
      line-height: 1.2;
  } 

  @media (min-width: 1200px){ 
    .display-4 { 
      font-size: 3.5rem;
    } 
  }     

  .cta-info__list { 
      position: relative; 
      list-style-type: none; 
      display: block; 
      padding-top: 0.5rem; 
      padding-left: 0.5rem; 
      margin-bottom: 0.7rem;
  } 

  .mb-5 { 
      margin-bottom: 3rem !important;
  } 

  .contact-box__info--title { 
      color: #fff; 
      text-decoration: none; 
      font-size: 1rem;
  } 

  @media (min-width: 576px){ 
    .contact-box__info--title { 
      font-size: 1.4rem;
    } 
  }     

  .contact-box__info--subtitle { 
      font-size: 0.8rem; 
      color: #6c757d; 
      text-decoration: none;
  } 

  @media (min-width: 576px){ 
    .contact-box__info--subtitle { 
      font-size: 1rem;
    } 
  }     

  .footer-sm a  { 
      color: #fff;
  } 

  .footer-sm a:hover { 
      color: #01b1d8;
  } 

  .campany-list li  { 
      margin-bottom: 0.5rem; 
      text-decoration: none;
  } 

  .footer-bottom__copyright { 
      color: #6c757d; 
      font-weight: 400;
  } 

  .btn-rounded span i  { 
      color: #fff; 
      font-size: 1rem; 
      line-height: 2.5rem;
  } 

  .fa-arrow-right:before { 
      content: "";
  } 

  .testimonials__card { 
      background-color: rgba(255, 255, 255, 0.8); 
      padding: 2rem 1.25rem; 
      border-radius: 0.625rem; 
      height: auto; 
      text-align: center;
  } 

  .testimonials__picture { 
      width: 6rem; 
      height: 6rem; 
      position: absolute; 
      left: 50%; 
      transform: translate(-50%, -50%);
  } 

  .testimonials__name { 
      padding-top: 3rem; 
      margin-bottom: 1rem; 
      text-align: center; 
      font-weight: 500; 
      color: #fff;
  } 

  .accordion-header { 
      margin-bottom: 0;
  } 

  .accordion-item:last-of-type .accordion-collapse  { 
      border-bottom-right-radius: 0.25rem; 
      border-bottom-left-radius: 0.25rem;
  } 

  .portfolio-box .portfolio-info .caption  { 
      text-align: center; 
      color: #fff; 
      position: absolute; 
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%);
  } 

  .cta-info__list li::before { 
      font-family: "Font Awesome 5 Free"; 
      content: ""; 
      font-weight: 600; 
      margin-right: 0.5rem; 
      font-size: 1.2rem;
  } 

  @media (min-width: 768px){ 
    .col-md { 
      flex: 1 0 0%;
    } 
  }     

  @media (min-width: 992px){ 
    .col-lg-12 { 
      flex: 0 0 auto; 
      width: 100%;
    } 
  }     

  .d-grid { 
      display: grid !important;
  } 

  .fab { 
      font-family: "Font Awesome 5 Brands"; 
      font-weight: 400;
  } 

  .fab { 
      -moz-osx-font-smoothing: grayscale; 
      -webkit-font-smoothing: antialiased; 
      display: inline-block; 
      font-style: normal; 
      font-variant: normal; 
      text-rendering: auto; 
      line-height: 1;
  } 

  .footer-sm a i  { 
      font-size: 1rem; 
      margin-left: 1rem;
  } 

  @media (min-width: 576px){ 
    .footer-sm a i  { 
      font-size: 1.6rem;
    } 
  }     

  .fa-facebook:before { 
      content: "";
  } 

  .fa-twitter:before { 
      content: "";
  } 

  .fa-github:before { 
      content: "";
  } 

  .fa-linkedin:before { 
      content: "";
  } 

  .fa-instagram:before { 
      content: "";
  } 

  .campany-list li a  { 
      color: #fff; 
      text-decoration: none;
  } 

  .campany-list li a:hover { 
      color: #01b1d8;
  } 

  .footer-bottom__copyright a  { 
      color: #dee2e6; 
      text-decoration: none;
  } 

  .footer-bottom__copyright a:hover { 
      color: #01b1d8; 
      text-decoration: underline;
  } 

  .p-1 { 
      padding: 0.25rem !important;
  } 

  .testimonials__picture img  { 
      border: 0.325rem solid rgba(153, 38, 240, 0.7);
  } 

  .testimonials__name h3  { 
      padding-top: 0.8rem; 
      text-transform: capitalize;
  } 

  .testimonials__name p  { 
      padding-bottom: 2rem; 
      text-transform: capitalize;
  } 

  .accordion-button { 
      position: relative; 
      display: flex; 
      align-items: center; 
      width: 100%; 
      padding: 1.5rem 1.5rem; 
      font-size: 1rem; 
      color: #212529; 
      text-align: left; 
      background-color: #fff; 
      border: 0; 
      border-radius: 0; 
      overflow-anchor: none; 
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  } 

  .accordion-button:not(.collapsed) { 
      color: #01b1d8; 
      background-color: #01b1d82e; 
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  } 

  .accordion-item:first-of-type .accordion-button  { 
      border-top-left-radius: calc(0.25rem - 1px); 
      border-top-right-radius: calc(0.25rem - 1px);
  } 

  .accordion-button:after { 
      flex-shrink: 0; 
      width: 1.25rem; 
      height: 1.25rem; 
      margin-left: auto; 
      content: ""; 
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239926f0'%3e%3cpath fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3e %3cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e"); 
      background-repeat: no-repeat; 
      background-size: 1.25rem; 
      transition: transform 0.2s ease-in-out;
  } 

  .accordion-button:not(.collapsed):after { 
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d122e3'%3e%3cpath fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3e  %3cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e"); 
      transform: rotate(-180deg);
  } 

  .accordion-button:hover { 
      z-index: 2;
  } 

  .accordion-body { 
      padding: 1.5rem 1.5rem;
  } 

  .accordion-item:last-of-type .accordion-button.collapsed  { 
      border-bottom-right-radius: calc(0.25rem - 1px); 
      border-bottom-left-radius: calc(0.25rem - 1px);
  } 

  .portfolio-box .portfolio-info .caption h4  { 
      text-transform: uppercase; 
      display: block;
  } 

  input { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 

  .form-control { 
      display: block; 
      width: 100%; 
      padding: 0.375rem 0.75rem; 
      font-size: 1rem; 
      font-weight: 400; 
      line-height: 1.5; 
      color: #212529; 
      background-color: #fff; 
      background-clip: padding-box; 
      border: 1px solid #ced4da; 
      appearance: none; 
      border-radius: 0.25rem; 
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  } 

  .form-control-lg { 
      min-height: calc(1.5em + (1rem + 2px)); 
      padding: 0.5rem 1rem; 
      font-size: 1.25rem; 
      border-radius: 0.3rem;
  } 

  textarea { 
      margin: 0; 
      font-family: inherit; 
      font-size: inherit; 
      line-height: inherit;
  } 

  textarea { 
      resize: vertical;
  } 

  textarea.form-control { 
      min-height: calc(1.5em + (0.75rem + 2px));
  } 

  textarea.form-control-lg { 
      min-height: calc(1.5em + (1rem + 2px));
  } 

  .pt-3 { 
      padding-top: 1rem !important;
  } 

  .form button  { 
      border: none; 
      color: #fff; 
      text-transform: capitalize;
  } 

  .testimonials__card i  { 
      font-size: 1.5rem; 
      color: rgba(153, 38, 240, 0.7);
  } 

  .fa-quote-left:before { 
      content: "";
  } 

  .fa-quote-right:before { 
      content: "";
  } 

  .testimonials__card .ratings i  { 
      color: rgba(153, 38, 240, 0.7); 
      font-size: 1rem;
  } 

  .fa-star:before { 
      content: "";
  } 

  .active.carousel-item-start { 
      transform: translateX(-100%);
  } 

  .carousel-item-next { 
      display: block;
  } 

  strong { 
      font-weight: bolder;
  } 

  code { 
      font-family: var(--bs-font-monospace); 
      font-size: 1em; 
      direction: ltr /* rtl:ignore */; 
      unicode-bidi: bidi-override;
  } 

  code { 
      font-size: 0.875em; 
      color: #d122e3; 
      word-wrap: break-word;
  } 

  .fa-paper-plane:before { 
      content: "";
  } 


  /* These were inline style tags. Uses id+class to override almost everything */
  #style-eoGSC.style-eoGSC {  
     background-image: linear-gradient(to right, #f10101, #f10101) !important;  
  }  
  #style-hSBJT.style-hSBJT {  
     width: 100px;  
      height: 3px;  
  }  
  #style-J9jZA.style-J9jZA {  
     background-color: #212121;  
  }  
  #style-8agF9.style-8agF9 {  
     width: 60px;  
      height: 2px;  
  }  
  #style-MsbzU.style-MsbzU {  
     width: 60px;  
      height: 2px;  
  }  
  #style-AacR4.style-AacR4 {  
     width: 60px;  
      height: 2px;  
  }  
  #style-SXWQ2.style-SXWQ2 {  
     width: 60px;  
      height: 2px;  
  }  
  #style-Vy6of.style-Vy6of {  
     top: 239px;  
      left: 121px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-nLKaO.style-nLKaO {  
     top: 239px;  
      left: 757px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-ioBge.style-ioBge {  
     top: 414px;  
      left: 121px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-RWiZT.style-RWiZT {  
     top: 239px;  
      left: 119px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-jUewg.style-jUewg {  
     top: -2px;  
      left: 0px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-mXIvO.style-mXIvO {  
     top: -4px;  
      left: -4px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-A9JJW.style-A9JJW {  
     top: -4px;  
      left: -4px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-nCgJ6.style-nCgJ6 {  
     top: -2px;  
      left: -2px;  
      height: 0px;  
      width: 0px;  
  }  
  #style-TKmfE.style-TKmfE {  
     top: 0px;  
      left: 0px;  
      position: absolute;  
  }  
  #snipcss-kiwi.style-Y9kLo {  
     left: 1442px;  
      top: 0px;  
  }