@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --primary: #FB8B24;
  --secondary: #36454F;
  --textcolor:#172228;
  --gray:#A0A0A0; }

/*

    Media Query mixin

    See https://github.com/sass-mq/sass-mq/ for original full version.

    @example scss
     .element {
       @include mq($from: mobile) {
         color: red;
       }

       @include mq($to: tablet) {
         color: blue;
       }

       @include mq(mobile, tablet) {
         color: green;
       }

       @include mq($from: tablet, $and: '(orientation: landscape)') {
         color: teal;
       }

       @include mq(em(950px)) {
         color: hotpink;
       }

       @include mq(em(950px), $media-feature: height) {
         color: hotpink;
       }

       @include mq(tablet, $media-type: screen) {
         color: hotpink;
       }

       // Advanced use:
       $custom-breakpoints: (L: 900px, XL: 1200px);
       @include mq(L, $bp: $custom-breakpoints) {
         color: hotpink;
       }
     }

*/
/*

    Margin / Padding Quick Resets

    example: top & bottom margin set to $spacing-unit
    .element {
        @include push--ends;
    }

    example: left & right padding set to $spacing-unit--small
    .element {
        @include soft--sides($spacing-unit--small);
    }

*/
/*

    Form input placeholder text

    example:

    input,
    textarea {
        @include input-placeholder {
            color: $grey;
        }
    }

*/
/*

    Retina images

    example:

    .element {
        @include retina {
            background-image: url(../img/background@2x.png);
        }
    }

*/
/*

    Content margins

    fore removing first/last child margins

    example: default
    .element {
        @include content-margins;
    }

    output:
    .element > *:first-child {
        margin-top: 0;
    }
    .element > *:last-child {
        margin-bottom: 0;
    }

    example: empty selector
    .element {
        @include content-margins('false');
    }

    output:
    .element:first-child {
        margin-top: 0;
    }
    .element:last-child {
        margin-bottom: 0;
    }

*/
/*

    CSS Triangle

    used for creating CSS only triangles

    example:
    .element {

        &::before {
            @include css-triangle(blue, down);
        }
    }

*/
/*

    Hide text

    example:

    .element {
        @include hide-text;
    }

*/
/*

    Responsive ratio

    Used for creating scalable elements that maintain the same ratio

    example:
    .element {
        @include responsive-ratio(400, 300);
    }

*/
/*

    Icon

    For using fontastic icons in pseudo elements

*/
/*

    Colours

    background, colour, etc. match up with colour map in _variables.scss

    modify to suit per project

*/
/*

    Fluid Property

    http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx

    HTML:

    <h1 class="element">
        <span>Text to replace</span>
    </h1>

    example:
    h1 {
        @include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
    }

    output:
    h1 {
        font-size: calc(3.125vw + 40px); //This is the magic!
    }

    @media (max-width:320px){ //Clips the start to the min value
        font-size:50px;
    }

    @media (min-width:1920px){ //Clips the end to the max value
        font-size:100px;
    }


*/
/*

    Misc

*/
/*

    Font face

    example:

    @include font-face('Clarendon', 'clarendon-webfont');
    @include font-face('Clarendon', 'clarendon-webfont', $w--bold, italic);

*/
/*

    REMs

*/
/*

    EMs calculator

*/
/*

    SVG inliner

*/
/*

    Media Query mixin

    See https://github.com/sass-mq/sass-mq/ for original full version.

    @example scss
     .element {
       @include mq($from: mobile) {
         color: red;
       }

       @include mq($to: tablet) {
         color: blue;
       }

       @include mq(mobile, tablet) {
         color: green;
       }

       @include mq($from: tablet, $and: '(orientation: landscape)') {
         color: teal;
       }

       @include mq(em(950px)) {
         color: hotpink;
       }

       @include mq(em(950px), $media-feature: height) {
         color: hotpink;
       }

       @include mq(tablet, $media-type: screen) {
         color: hotpink;
       }

       // Advanced use:
       $custom-breakpoints: (L: 900px, XL: 1200px);
       @include mq(L, $bp: $custom-breakpoints) {
         color: hotpink;
       }
     }

*/
/*

    Margin / Padding Quick Resets

    example: top & bottom margin set to $spacing-unit
    .element {
        @include push--ends;
    }

    example: left & right padding set to $spacing-unit--small
    .element {
        @include soft--sides($spacing-unit--small);
    }

*/
/*

    Form input placeholder text

    example:

    input,
    textarea {
        @include input-placeholder {
            color: $grey;
        }
    }

*/
/*

    Retina images

    example:

    .element {
        @include retina {
            background-image: url(../img/background@2x.png);
        }
    }

*/
/*

    Content margins

    fore removing first/last child margins

    example: default
    .element {
        @include content-margins;
    }

    output:
    .element > *:first-child {
        margin-top: 0;
    }
    .element > *:last-child {
        margin-bottom: 0;
    }

    example: empty selector
    .element {
        @include content-margins('false');
    }

    output:
    .element:first-child {
        margin-top: 0;
    }
    .element:last-child {
        margin-bottom: 0;
    }

*/
/*

    CSS Triangle

    used for creating CSS only triangles

    example:
    .element {

        &::before {
            @include css-triangle(blue, down);
        }
    }

*/
/*

    Hide text

    example:

    .element {
        @include hide-text;
    }

*/
/*

    Responsive ratio

    Used for creating scalable elements that maintain the same ratio

    example:
    .element {
        @include responsive-ratio(400, 300);
    }

*/
/*

    Icon

    For using fontastic icons in pseudo elements

*/
/*

    Colours

    background, colour, etc. match up with colour map in _variables.scss

    modify to suit per project

*/
/*

    Fluid Property

    http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx

    HTML:

    <h1 class="element">
        <span>Text to replace</span>
    </h1>

    example:
    h1 {
        @include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
    }

    output:
    h1 {
        font-size: calc(3.125vw + 40px); //This is the magic!
    }

    @media (max-width:320px){ //Clips the start to the min value
        font-size:50px;
    }

    @media (min-width:1920px){ //Clips the end to the max value
        font-size:100px;
    }


*/
/*

    Misc

*/
/*

    Font face

    example:

    @include font-face('Clarendon', 'clarendon-webfont');
    @include font-face('Clarendon', 'clarendon-webfont', $w--bold, italic);

*/
/*

    REMs

*/
/*

    EMs calculator

*/
/*

    SVG inliner

*/
html {
  font-size: 100%;
  overflow-x: hidden; }
  @media screen and (max-width: 991px) {
    html {
      font-size: 80%; } }

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

body {
  font-size: 1rem;
  font-family: "Work Sans", sans-serif;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  overflow-x: hidden;
  background-color: #181818;
  width: 100%;
  position: relative; }
  body.no-scroll {
    overflow: hidden;
    position: fixed; }

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

.button-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.875rem; }
  @media screen and (max-width: 575px) {

    .button-row {
      margin-top: 1.25rem; } }
  @media screen and (max-width: 414px) {

    .button-row {
      justify-content: center; }
      .button-row .btn {
        width: 100%; } }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
  border: 0;
  border-radius: 0;
  transition: all 0.5s ease;
  color: #fff;
  padding: 0.9375rem;
  vertical-align: middle;
  position: relative;
  border-radius: 18px;
  min-width: 170px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid transparent; }
  .btn img {
    margin-right: 5px; }
  @media screen and (max-width: 991px) {
    .btn {
      min-width: 130px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      padding: 0.625rem; } }
  .btn[disabled] {
    background: #ccc !important;
    border-color: #ccc !important;
    cursor: not-allowed !important;
    pointer-events: none; }
  .btn:hover {
    text-decoration: none; }
  .btn:active {
    outline: none;
    box-shadow: none; }
  .btn:focus {
    box-shadow: none !important; }
  .btn.btn-primary,
  .btn .btn-primary:focus,
  .btn .btn-primary:active {
    background: var(--primary);
    box-shadow: 0px 3px 32px -6px rgba(24, 24, 24, 0.75);
    -webkit-box-shadow: 0px 3px 32px -6px rgba(24, 24, 24, 0.75);
    -moz-box-shadow: 0px 3px 32px -6px rgba(24, 24, 24, 0.75);
    border: 0; }
    .btn.btn-primary:hover,
    .btn .btn-primary:focus:hover,
    .btn .btn-primary:active:hover {
      background: #000;
      box-shadow: 0px 3px 32px -6px rgba(251, 139, 36, 0.75);
      -webkit-box-shadow: 0px 3px 32px -6px rgba(251, 139, 36, 0.75);
      -moz-box-shadow: 0px 3px 32px -6px rgba(251, 139, 36, 0.75); }
  .btn.btn-secondary {
    background: rgba(24, 24, 24, 0.9); }
    .btn.btn-secondary:hover {
      background: var(--primary);
      color: #fff !important; }
      .btn.btn-secondary:hover img {
        filter: brightness(0) invert(1); }

a {
  transition: .5s ease all;
  color: var(--textcolor); }
  @media screen and (min-width: 1025px) {
    a:hover {
      color: var(--secondary);
      text-decoration: none; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 700;
  margin-top: 0;
  line-height: 1.1; }

h1 {
  font-size: 3.125rem; }
  @media screen and (min-width: 250px) {
    h1 {
      font-size: 2.25rem; } }
  @media screen and (min-width: 991px) {
    h1 {
      font-size: 2.625rem; } }
  @media screen and (min-width: 1300px) {
    h1 {
      font-size: 3.125rem; } }

h2 {
  font-size: 2.8125rem; }
  @media screen and (min-width: 250px) {
    h2 {
      font-size: 1.875rem; } }
  @media screen and (min-width: 991px) {
    h2 {
      font-size: 2.375rem; } }
  @media screen and (min-width: 1300px) {
    h2 {
      font-size: 2.8125rem; } }

h3 {
  font-size: 2.1875rem;
  margin-bottom: 1.25rem; }
  @media screen and (min-width: 250px) {
    h3 {
      font-size: 1.4375rem; } }
  @media screen and (min-width: 991px) {
    h3 {
      font-size: 1.875rem; } }
  @media screen and (min-width: 1300px) {
    h3 {
      font-size: 2.1875rem; } }

h4 {
  font-size: 1.5rem; }
  @media screen and (min-width: 250px) {
    h4 {
      font-size: 1.25rem; } }
  @media screen and (min-width: 991px) {
    h4 {
      font-size: 1.375rem; } }
  @media screen and (min-width: 1300px) {
    h4 {
      font-size: 1.5rem; } }

h5 {
  font-size: 1.25rem; }
  @media screen and (min-width: 250px) {
    h5 {
      font-size: 1.0625rem; } }
  @media screen and (min-width: 991px) {
    h5 {
      font-size: 1.1875rem; } }
  @media screen and (min-width: 1300px) {
    h5 {
      font-size: 1.25rem; } }

h6 {
  font-size: 1.125rem;
  margin-bottom: 1.875rem; }
  @media screen and (min-width: 250px) {
    h6 {
      font-size: 0.9375rem; } }
  @media screen and (min-width: 991px) {
    h6 {
      font-size: 0.9375rem; } }
  @media screen and (min-width: 1300px) {
    h6 {
      font-size: 1.125rem; } }

p {
  margin: 0 0 1.25rem 0;
  line-height: 1.4;
  color: #fff; }

ul, ol,
.blockquote, .button-wrapper, .media, .table-wrapper {
  margin-bottom: 1rem; }
  ul:last-child, ol:last-child,
  .blockquote:last-child, .button-wrapper:last-child, .media:last-child, .table-wrapper:last-child {
    margin-bottom: 0; }

ol,
ul {
  padding: 0;
  margin: 0; }

b,
strong {
  font-weight: 700; }

@media screen and (min-width: 992px) {
  .col-gap-0 {
    margin-left: calc((0px/2) * -1) !important;
    margin-right: calc((0px/2) * -1) !important; }
  .col-gap-0 > div {
    padding-left: calc(0px/2) !important;
    padding-right: calc(0px/2) !important; }
  .col-gap-5 {
    margin-left: calc((5px/2) * -1) !important;
    margin-right: calc((5px/2) * -1) !important; }
  .col-gap-5 > div {
    padding-left: calc(5px/2) !important;
    padding-right: calc(5px/2) !important; }
  .col-gap-10 {
    margin-left: calc((10px/2) * -1) !important;
    margin-right: calc((10px/2) * -1) !important; }
  .col-gap-10 > div {
    padding-left: calc(10px/2) !important;
    padding-right: calc(10px/2) !important; }
  .col-gap-15 {
    margin-left: calc((15px/2) * -1) !important;
    margin-right: calc((15px/2) * -1) !important; }
  .col-gap-15 > div {
    padding-left: calc(15px/2) !important;
    padding-right: calc(15px/2) !important; }
  .col-gap-20 {
    margin-left: calc((20px/2) * -1) !important;
    margin-right: calc((20px/2) * -1) !important; }
  .col-gap-20 > div {
    padding-left: calc(20px/2) !important;
    padding-right: calc(20px/2) !important; }
  .col-gap-25 {
    margin-left: calc((25px/2) * -1) !important;
    margin-right: calc((25px/2) * -1) !important; }
  .col-gap-25 > div {
    padding-left: calc(25px/2) !important;
    padding-right: calc(25px/2) !important; }
  .col-gap-30 {
    margin-left: calc((30px/2) * -1) !important;
    margin-right: calc((30px/2) * -1) !important; }
  .col-gap-30 > div {
    padding-left: calc(30px/2) !important;
    padding-right: calc(30px/2) !important; }
  .col-gap-40 {
    margin-left: calc((40px/2) * -1) !important;
    margin-right: calc((40px/2) * -1) !important; }
  .col-gap-40 > div {
    padding-left: calc(40px/2) !important;
    padding-right: calc(40px/2) !important; }
  .col-gap-50 {
    margin-left: calc((50px/2) * -1) !important;
    margin-right: calc((50px/2) * -1) !important; }
  .col-gap-50 > div {
    padding-left: calc(50px/2) !important;
    padding-right: calc(50px/2) !important; }
  .col-gap-55 {
    margin-left: calc((55px/2) * -1) !important;
    margin-right: calc((55px/2) * -1) !important; }
  .col-gap-55 > div {
    padding-left: calc(55px/2) !important;
    padding-right: calc(55px/2) !important; }
  .col-gap-60 {
    margin-left: calc((60px/2) * -1) !important;
    margin-right: calc((60px/2) * -1) !important; }
  .col-gap-60 > div {
    padding-left: calc(60px/2) !important;
    padding-right: calc(60px/2) !important; }
  .col-gap-70 {
    margin-left: calc((70px/2) * -1) !important;
    margin-right: calc((70px/2) * -1) !important; }
  .col-gap-70 > div {
    padding-left: calc(70px/2) !important;
    padding-right: calc(70px/2) !important; }
  .col-gap-80 {
    margin-left: calc((80px/2) * -1) !important;
    margin-right: calc((80px/2) * -1) !important; }
  .col-gap-80 > div {
    padding-left: calc(80px/2) !important;
    padding-right: calc(80px/2) !important; }
  .col-gap-90 {
    margin-left: calc((90px/2) * -1) !important;
    margin-right: calc((90px/2) * -1) !important; }
  .col-gap-90 > div {
    padding-left: calc(90px/2) !important;
    padding-right: calc(90px/2) !important; }
  .col-gap-100 {
    margin-left: calc((100px/2) * -1) !important;
    margin-right: calc((100px/2) * -1) !important; }
  .col-gap-100 > div {
    padding-left: calc(100px/2) !important;
    padding-right: calc(100px/2) !important; }
  .col-gap-120 {
    margin-left: calc((120px/2) * -1) !important;
    margin-right: calc((120px/2) * -1) !important; }
  .col-gap-120 > div {
    padding-left: calc(120px/2) !important;
    padding-right: calc(120px/2) !important; }
  .col-gap-130 {
    margin-left: calc((130px/2) * -1) !important;
    margin-right: calc((130px/2) * -1) !important; }
  .col-gap-130 > div {
    padding-left: calc(130px/2) !important;
    padding-right: calc(130px/2) !important; }
  .col-gap-150 {
    margin-left: calc((150px/2) * -1) !important;
    margin-right: calc((150px/2) * -1) !important; }
  .col-gap-150 > div {
    padding-left: calc(150px/2) !important;
    padding-right: calc(150px/2) !important; } }

.card-wrapper {
  position: relative;
  transition: .4s ease all; }
  .card-wrapper span {
    position: absolute;
    width: 121px;
    height: 121px;
    transition: .4s ease all; }
    .card-wrapper span.left {
      border-radius: 0px 20px;
      background: #FB8B24;
      right: 6px;
      top: -8px; }
      @media screen and (min-width: 1025px) {
        .card-wrapper span.left {
          right: 15px;
          top: 0px; } }
    .card-wrapper span.right {
      border-radius: 0px 20px;
      background: #35444E;
      left: 6px;
      bottom: -8px; }
      @media screen and (min-width: 1025px) {
        .card-wrapper span.right {
          left: 15px;
          bottom: 0px; } }
  @media screen and (min-width: 1025px) {
    .card-wrapper:hover span.left {
      right: 6px;
      top: -8px; }
    .card-wrapper:hover span.right {
      left: 6px;
      bottom: -8px; } }

.card {
  border-radius: 15px;
  border: 1px solid #383838;
  background: #0E0E0E;
  padding: 2.5rem 1.875rem;
  transition: .4s ease all;
  cursor: pointer;
  position: relative;
  z-index: 1; }
  .card__icon {
    border-radius: 12px;
    background: #2D1E11;
    width: 4.375rem;
    height: 4.375rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.875rem;
    transition: .4s ease all; }
    .card__icon img {
      max-width: 40px; }
  .card__title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 18px;
    position: relative;
    z-index: 2; }
  .card p {
    position: relative;
    z-index: 2;
    color: #fff !important;
    margin-bottom: 1.25rem;
     }

  .card a {
    color: #FB8B24;
    position: relative;
    display: inline-block;
    padding-bottom: 7px; }
    .card a:after {
      content: "";
      position: absolute;
      width: 37px;
      height: 2px;
      border-radius: 10px;
      background: #FB8B24;
      bottom: 0;
      left: 0;
      transition: .4s ease all; }
    @media screen and (min-width: 1025px) {
      .card a:hover {
        color: var(--primary); }
        .card a:hover:after {
          width: 30%; } }
  @media screen and (max-width: 991px) {
    .card {
      padding: 1.5625rem 1.25rem; }
      .card__icon {
        width: 3.75rem;
        height: 3.75rem;
        margin-bottom: 1.25rem; }
        .card__icon img {
          max-width: 30px; }
      .card__title {
        font-size: 1.3125rem; } }

.content-box {
  padding: 2.8125rem;
  border-radius: 30px;
  background: #fff;
  margin-bottom: 1.875rem; }
  @media screen and (max-width: 991px) {
    .content-box {
      padding: 1.5625rem;
      border-radius: 20px; } }

form {
  margin-bottom: 0; }

.form-group {
  margin-bottom: 0.75rem;
  position: relative; }

.control-label {
  color: #A0A0A0;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px; }
  .control-label span {
    display: inline-block;
    color: #A0A0A0; }

.form-control {
  position: relative;
  height: 2.8125rem;
  border-radius: 15px;
  background: #181818;
  color: #fff;
  outline: none;
  opacity: 1;
  transition: all 0.2s;
  touch-action: manipulation;
  padding: 0 20px;
  font-size: 14px;
  border: 1px solid transparent; }
  .form-control.active {
    outline: none;
    box-shadow: none; }
  .form-control::placeholder {
    opacity: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 400; }
  .form-control:focus {
    outline: none;
    box-shadow: none;
    background: #181818;
    border-color: var(--primary); }
  @media screen and (max-width: 991px) {
    .form-control {
      height: 40px; } }

textarea.form-control {
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  resize: none;
  min-height: 6.875rem; }
  @media screen and (max-width: 991px) {
    textarea.form-control {
      min-height: 5rem; } }

.radio {
  display: flex;
  align-items: center;
  margin: 0 -5px;
  list-style: none; }
  .radio li {
    width: 33.3%;
    padding: 0 5px; }
  .radio label {
    margin: 0;
    width: 100%; }
    .radio label input {
      display: none; }
      .radio label input + span {
        border-radius: 15px;
        background: #181818;
        color: #fff;
        font-size: 14px;
        font-weight: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 45px;
        padding: 0 0.625rem;
        cursor: pointer; }
      .radio label input:checked + span {
        background: var(--primary); }
  @media screen and (max-width: 370px) {

    .radio {
      flex-direction: column; }
      .radio li {
        width: 100%;
        margin-bottom: 10px; } }

.nav-tabs {
  border-radius: 21px;
  border: 1px solid #303030;
  background: #0E0E0E;
  justify-content: center;
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.625rem;
  margin-bottom: 2.8125rem; }
  .nav-tabs li {
    width: 50%; }
    .nav-tabs li a {
      width: 100%;
      color: #fff;
      font-size: 1rem;
      font-weight: 500;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
      height: 3.125rem;
      border: 0 !important;
      background: transparent !important;
      position: relative;
      border-radius: 15px !important; }
      .nav-tabs li a span {
        position: relative;
        z-index: 1;
        color: #fff;
        font-size: 1rem;
        font-weight: 500; }
      .nav-tabs li a:after {
        content: "";
        position: absolute;
        width: 0%;
        height: 100%;
        border-radius: 15px;
        background: var(--primary);
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        transition: .5s ease all; }
      .nav-tabs li a.active:after {
        width: 100%; }

/* Loaded styles */
.pre-loader-wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background: #000;
  transition: all 0.6s ease; }
  .pre-loader-wrapper .logo img {
    width: 150px; }

.loaded .pre-loader-wrapper {
  top: -100%; }

.loader {
  height: 20px;
  width: 250px;
  margin-top: 1.5625rem; }
  .loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: black;
    position: absolute; }
    .loader--dot:first-child {
      background-color: var(--primary);
      animation-delay: 0.5s; }
    .loader--dot:nth-child(2) {
      background-color: #35444E;
      animation-delay: 0.4s; }
    .loader--dot:nth-child(3) {
      background-color: var(--primary);
      animation-delay: 0.3s; }
    .loader--dot:nth-child(4) {
      background-color: #35444E;
      animation-delay: 0.2s; }
    .loader--dot:nth-child(5) {
      background-color: var(--primary);
      animation-delay: 0.1s; }
  .loader .loader--text {
    position: absolute;
    top: 200%;
    left: 0;
    right: 0;
    width: 4rem;
    margin: auto; }
  .loader .loader--text:after {
    content: 'Loading';
    font-weight: bold;
    animation-name: loading-text;
    animation-duration: 3s;
    animation-iteration-count: infinite; }

@keyframes loader {
  15% {
    transform: translateX(0); }
  45% {
    transform: translateX(230px); }
  65% {
    transform: translateX(230px); }
  95% {
    transform: translateX(0); } }

.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  top: 24px;
  z-index: 99;
  transition: .4s ease all; }
  .header:after {
    border-bottom: 2px solid var(--primary);
    width: 0%;
    left: 0;
    right: 0;
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    margin: 0 auto;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -moz-transform-style: preserve-3d;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -ms-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .header .header-wrapper {
    transition: .5s ease all;
    border-radius: 20px;
    background: #0E0E0E;
    border-radius: 18px;
    padding: 0.5625rem 0.5rem 0.5625rem 1.25rem; }
  .header nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start; }
    .header nav ul li {
      position: relative; 
      /* overflow: hidden; */
          /* padding: 20px 0px; */
    background: #0e0e0e;
    }
      .header nav ul li:not(:last-child) {
        margin-right: 2rem; }
      .header nav ul li a {
        color: #B5B5B5;
        position: relative; }
        @media screen and (min-width: 1025px) {
          .header nav ul li a:hover {
            color: #fff; } }
        .header nav ul li a.active {
          color: #fff; }
          .header nav ul li a.active:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 3px;
            background: var(--primary);
            bottom: -24px;
            left: 50%;
            transform: translate(-50%); }
  .header__link {
    margin-left: 1.25rem; }
    .header__link .btn {
      min-width: 147px; }
  .header__menu-icon {
    cursor: pointer;
    z-index: 999;
    margin-left: 1rem;
    position: relative;
    right: 0;
    left: auto;
    display: none;
    transition: .4s ease all; }
    .header__menu-icon span {
      width: 26px;
      height: 2px;
      background: var(--primary);
      display: block;
      margin-bottom: 4px;
      transition: all .3s; }
      .header__menu-icon span:nth-child(3) {
        width: 16px;
        position: relative; }
    .header__menu-icon:hover span:nth-child(3) {
      width: 26px; }
  .header.sticky {
    top: 0;
    box-shadow: 0px 4px 25px 0px #6b6b6b14;
    background: #0E0E0E; }
    .header.sticky:after {
      width: 100%;
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    .header.sticky .header-wrapper {
      border-radius: 0;
      padding-top: 0.4375rem;
      padding-bottom: 0.4375rem;
      box-shadow: none; }
    .header.sticky nav ul li a.active:after {
      bottom: -23px; }
      @media screen and (max-width: 991px) {
        .header.sticky nav ul li a.active:after {
          bottom: -17px; } }
  @media screen and (max-width: 991px) {
    .header__link .btn {
      min-width: 110px; }
    .header nav ul li a.active:after {
      bottom: -19px; } }
  @media screen and (max-width: 767px) {
    .header {
      top: 16px; }
      .header .header-wrapper {
        padding-left: 1.125rem;
        border-radius: 14px; }
      .header__logo {
        max-width: 105px; }
      .header__menu-icon {
        display: block; }
      .header nav {
        position: fixed;
        z-index: 999;
        width: 40%;
        height: 100%;
        overflow: auto;
        transition: .5s all ease;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        right: -100%;
        background: var(--primary);
        top: 0;
        visibility: hidden;
        transition: .5s all ease-in-out; } }
    @media screen and (max-width: 767px) and (max-width: 575px) {
      .header nav {
        width: 55%; } }
  @media screen and (max-width: 767px) {
        .header nav ul {
          padding-top: 3.4375rem;
          padding-bottom: 1.5625rem;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          list-style: none;
          padding-left: 1.875rem; }
          .header nav ul li {
            width: 100%; }
            .header nav ul li a {
              color: #000; }
            .header nav ul li:not(:last-child) {
              margin: 0 0 1.5625rem 0; }
      .header .md-flex {
        display: flex;
        align-items: center; } }
  @media screen and (max-width: 414px) {
    .header__link .btn {
      min-width: 92px;
      font-size: 13px; } }

@media screen and (max-width: 767px) {
  .menu-active .header nav {
    right: 0;
    visibility: visible; }
  .menu-active .header__menu-icon {
    position: absolute;
    top: 15px;
    right: 15px; }
    .menu-active .header__menu-icon span {
      background: #000; }
      .menu-active .header__menu-icon span:first-child {
        transform: rotate(45deg) translate(5px, 5px);
        -webkit-transform: rotate(45deg) translate(5px, 5px);
        -moz-transform: rotate(45deg) translate(5px, 5px);
        -ms-transform: rotate(45deg) translate(5px, 5px);
        -o-transform: rotate(45deg) translate(5px, 5px); }
      .menu-active .header__menu-icon span:nth-child(2) {
        opacity: 0; }
      .menu-active .header__menu-icon span:nth-child(3) {
        transform: rotate(-45deg) translate(4px, -4px);
        width: 26px;
        -webkit-transform: rotate(-45deg) translate(4px, -4px);
        -moz-transform: rotate(-45deg) translate(4px, -4px);
        -ms-transform: rotate(-45deg) translate(4px, -4px);
        -o-transform: rotate(-45deg) translate(4px, -4px); }
  .menu-active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    z-index: 1; } }

.footer {
  color: #fff;
  position: relative;
  margin-top: 8.75rem;
  background: #030202; }
  .footer .footer-wrapper {
    padding-bottom: 3.4375rem;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .footer__top-logo {
    width: 11.875rem;
    height: 11.875rem;
    border-radius: 100%;
    background: #030202;
    border: 20px solid #181818;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -100px; }
  .footer__right .d-flex > div:not(:last-child) {
    margin-right: 4.6875rem; }

  .footer p {
    margin: 1.5625rem 0;
    color: #fff; 
    font-size: 18px;
  }
  .footer__social {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start; }
    .footer__social li:not(:last-child) {
      margin-right: 10px; }
    .footer__social li a {
      width: 3.125rem;
      height: 3.125rem;
      border-radius: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: var(--primary);
      font-size: 1.25rem; }
      @media screen and (min-width: 1025px) {
        .footer__social li a:hover {
          background: #000;
          box-shadow: 0px 3px 32px -6px rgba(251, 139, 36, 0.75);
          -webkit-box-shadow: 0px 3px 32px -6px rgba(251, 139, 36, 0.75);
          -moz-box-shadow: 0px 3px 32px -6px rgba(251, 139, 36, 0.75); } }
  .footer h5 {
    margin-bottom: 2.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    position: relative; }
  .footer__links ul {
    list-style: none; }
    .footer__links ul li:not(:last-child) {
      margin-bottom: 1.5625rem; }
    .footer__links ul li a {
      color: #fff; }
      @media screen and (min-width: 1025px) {
        .footer__links ul li a:hover {
          color: var(--primary); } }
  .footer__copyright {
    color: #fff;
    text-align: center; }
    .footer__copyright .container {
      border-top: 1px solid rgba(255, 255, 255, 0.32);
      padding: 1.5625rem 15px; }
  .footer .btn {
    min-width: 125px; }
  @media screen and (max-width: 991px) {
    .footer {
      margin-top: 6.25rem; }
      .footer .footer-wrapper {
        padding: 2.8125rem 0 1.25rem; }
      .footer__right .d-flex {
        justify-content: space-between; }
        .footer__right .d-flex > div:last-child {
          flex: none !important; }
        .footer__right .d-flex > div:not(:last-child) {
          margin-right: 1.875rem; }
      .footer__left {
        text-align: center;
        margin-bottom: 1.875rem; }
        .footer__left .d-flex {
          justify-content: center; }
      .footer__social {
        justify-content: center; } }
  @media screen and (max-width: 767px) {
    .footer__top-logo {
      width: 10.625rem;
      height: 10.625rem;
      background: #030202;
      border: 15px solid #181818;
      top: -100px; }
      .footer__top-logo img {
        max-width: 55px; }
    .footer__logo img {
      max-width: 160px; }
    .footer__right .d-flex {
      flex-wrap: wrap;
      justify-content: center !important; }
      .footer__right .d-flex > div {
        width: 45%;
        text-align: center;
        margin-bottom: 1.25rem; }
        .footer__right .d-flex > div:last-child {
          flex: 1 !important; }
    .footer h5:after {
      right: 0;
      margin: auto; } }
  @media screen and (max-width: 575px) {
    .footer__top-logo {
      width: 8.75rem;
      height: 8.75rem;
      background: #030202;
      border: 10px solid #181818;
      top: -85px; }
      .footer__top-logo img {
        max-width: 45px; }
    .footer__links ul:not(.contact) {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .footer__links ul:not(.contact) li {
        margin: 0 1rem 1rem 0 !important; }
    .footer__right .d-flex {
      flex-wrap: wrap;
      justify-content: center !important; }
      .footer__right .d-flex > div {
        width: 100%; }
        .footer__right .d-flex > div:not(:last-child) {
          margin-right: 0; } }

.no-scroll {
  overflow: hidden; }

.package-card {
  border-radius: 15px;
  border: 1px solid #383838;
  background: #0E0E0E;
  transition: .4s ease all;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding: 1.875rem;
  box-shadow: none !important;
  height: 100%; }
  .package-card > span {
    color: rgba(255, 255, 255, 0.1);
    font-size: 2.1875rem;
    font-weight: 700;
    display: block;
    text-align: right;
    margin-bottom: 5px; }
  .package-card__title {
    font-size: 2.8125rem;
    font-weight: 600;
    margin-bottom: 0.625rem; }
  .package-card__sub-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.75rem; }
  .package-card ul {
    border-top: 1px solid rgba(217, 217, 217, 0.35);
    padding-top: 1.75rem;
    padding-left: 16px; }
   .package-card ul li {
  color: #fff !important;
  margin-bottom: 1.5625rem;
}
  .package-card .btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #FB8B24;
    padding: 0.75rem 1.25rem; }
    .package-card .btn:after {
      display: none; }
    .package-card .btn:hover {
      color: #fff !important; }
  .package-card:hover .package-card__sub-title {
    color: var(--primary); }
  .package-card:hover .package-card .btn {
    background: var(--primary);
    color: #fff !important; }
    .package-card:hover .package-card .btn img {
      filter: brightness(0) invert(1); }
  @media screen and (max-width: 767px) {
    .package-card {
      padding: 1.25rem; }
      .package-card > span {
        font-size: 1.5625rem; }
      .package-card__title {
        font-size: 2.1875rem; }
      .package-card__sub-title {
        font-size: 1.3125rem;
        margin-bottom: 1.375rem; }
      .package-card ul {
        padding-top: 1.5rem; } }

.subtitle {
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 10px; }

.section-head p {
  max-width: 668px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.section-title {
  font-size: 2.8125rem;
  margin-bottom: 1.875rem;
  line-height: 1.3;
  font-weight: 600; }
  @media screen and (max-width: 991px) {
    .section-title {
      font-size: 2.1875rem;
      margin-bottom: 1.5625rem; } }
  @media screen and (max-width: 767px) {
    .section-title {
      font-size: 1.875rem; } }

.main-banner, .inner-banner {
  position: relative;
  min-height: 790px;
  padding-top: 15rem;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0;
   }
  .main-banner:after, .inner-banner:after {
    content: "";
    position: absolute;
    background: url(../images/bg/banner-mask.png) right top no-repeat;
    width: 523px;
    height: 637px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: .5; }
  .main-banner__image, .inner-banner__image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1; }
    .main-banner__image:after, .inner-banner__image:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(107deg, #181818 1.11%, rgba(54, 69, 79, 0) 145.9%);
      left: 0;
      top: 0; }
    .main-banner__image img, .inner-banner__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .main-banner__caption, .inner-banner__caption {
    position: relative;
    z-index: 1;
    color: #fff;
    max-width: 515px; }
    .main-banner__caption .btn, .inner-banner__caption .btn {
      min-width: 147px; }
      .main-banner__caption .btn.btn-secondary:not(:hover), .inner-banner__caption .btn.btn-secondary:not(:hover) {
        border: 1px solid #172228;
        background: rgba(255, 255, 255, 0.27); }
    .main-banner__caption h1, .inner-banner__caption h1 {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 50px; 
    }
    .main-banner__caption p, .inner-banner__caption p {
      color: #fff !important;
      font-size: 18px;
      margin: 0.9375rem 0 2.1875rem;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .main-banner__caption ul, .inner-banner__caption ul {
      list-style: none;
      display: flex;
      align-items: center;
      margin-top: 3.4375rem; }
      .main-banner__caption ul li, .inner-banner__caption ul li {
        position: relative; }
        .main-banner__caption ul li:first-child, .inner-banner__caption ul li:first-child {
          padding-right: 1.875rem;
          border-right: 1px solid rgba(255, 255, 255, 0.5); }
        .main-banner__caption ul li:last-child, .inner-banner__caption ul li:last-child {
          padding-left: 1.875rem; }
        .main-banner__caption ul li span, .inner-banner__caption ul li span {
          font-size: 3.125rem;
          font-weight: 700; }
        .main-banner__caption ul li p, .inner-banner__caption ul li p {
          font-size: 14px;
          font-weight: 500;
          margin: 0; }
  @media screen and (max-width: 991px) {
    .main-banner, .inner-banner {
      min-height: 700px;
      padding-top: 8.5625rem; }
      .main-banner:after, .inner-banner:after {
        width: 300px;
        height: 100%; } }
  @media screen and (max-width: 767px) {
    .main-banner, .inner-banner {
      padding-top: 6.125rem;
      min-height: 550px; }
      .main-banner__caption .btn, .inner-banner__caption .btn {
        min-width: 120px; }
      .main-banner__caption p, .inner-banner__caption p {
        margin: 0.9375rem 0 1.25rem; }
      .main-banner__caption ul, .inner-banner__caption ul {
        margin-top: 1.5625rem; }
        .main-banner__caption ul li, .inner-banner__caption ul li {
          position: relative; }
          .main-banner__caption ul li:first-child, .inner-banner__caption ul li:first-child {
            padding-right: 1.125rem; }
          .main-banner__caption ul li:last-child, .inner-banner__caption ul li:last-child {
            padding-left: 1.125rem; }
          .main-banner__caption ul li span, .inner-banner__caption ul li span {
            font-size: 2.1875rem; }
      .main-banner:after, .inner-banner:after {
        width: 200px;
        opacity: .3; } }

.inner-banner {
  min-height: 630px; }
  @media screen and (max-width: 991px) {
    .inner-banner {
      min-height: 570px; } }
  @media screen and (max-width: 767px) {
    .inner-banner {
      min-height: 450px; } }

.inner-content {
  background-color: #181818;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-top: 5rem;
  z-index: 2;
  position: relative; }
  @media screen and (min-width: 576px) {
    .inner-content {
      margin-top: -30px; } }
  @media screen and (max-width: 991px) {
    .inner-content {
      padding-top: 3.75rem; } }

.what-we-do {
  padding-bottom: 10rem; }
  .what-we-do .section-head {
    padding-bottom: 5rem; }
  @media screen and (min-width: 768px) {
    .what-we-do .row > div:nth-child(2) {
      top: 40px; }
    .what-we-do .row > div:nth-child(3) {
      top: 80px; } }
  @media screen and (max-width: 991px) {
    .what-we-do .section-head {
      padding-bottom: 2.5rem; } }
  @media screen and (max-width: 767px) {
    .what-we-do {
      padding-bottom: 6.25rem; }
      .what-we-do .row > div:not(:last-child) {
        margin-bottom: 2.5rem; } }
  @media screen and (max-width: 575px) {
    .what-we-do .subtitle {
      text-align: center; }
    .what-we-do .section-head {
      flex-direction: column;
      justify-content: center !important;
      text-align: center; }
      .what-we-do .section-head .button-row {
        justify-content: center;
        padding-top: 1.875rem; } }

.solutions {
  position: relative;
  padding-bottom: 6.25rem; }
  .solutions .section-title {
    position: relative;
    padding-bottom: 15px; }
    .solutions .section-title:after {
      content: "";
      position: absolute;
      width: 140px;
      height: 4px;
      background: var(--primary);
      bottom: 0;
      left: 0; }
  .solutions__image {
    position: relative; }
    .solutions__image img {
      position: relative;
      z-index: 1;
      margin-left: 90px; }
    .solutions__image span {
      position: absolute; }
      .solutions__image span.back {
        background: url(../images/bg/solution-bg-back.png) right top no-repeat;
        width: 375px;
        height: 420px;
        position: absolute;
        left: 95px;
        top: 0; }
      .solutions__image span.front {
        background: url(../images/bg/solution-bg-front.png) right top no-repeat;
        width: 375px;
        height: 420px;
        position: absolute;
        left: -69px;
        top: 65%;
        z-index: 1;
        transform: translateY(-50%); }
  @media screen and (max-width: 1200px) {
    .solutions__image img {
      margin-left: 0; }
    .solutions__image span.front {
      width: 270px;
      height: 356px;
      left: -100px;
      background-size: 100% 100%; }
    .solutions__image span.back {
      width: 300px;
      height: 350px;
      left: 0px;
      background-size: 100% 100%; } }
  @media screen and (max-width: 991px) {
    .solutions {
      padding-bottom: 3.125rem; } }
  @media screen and (max-width: 767px) {
    .solutions {
      text-align: center; }
      .solutions .section-title:after {
        right: 0;
        margin: auto; }
      .solutions__image {
        text-align: center;
        margin-bottom: 2.1875rem; }
        .solutions__image span {
          display: none; }
      .solutions .button-row {
        justify-content: center; } }

.online-experience {
  position: relative;
  padding: 4.375rem 0; }
  .online-experience .section-title {
    color: #fff; }
    @media screen and (min-width: 768px) {
      .online-experience .section-title {
        font-size: 2.1875rem; } }
  .online-experience__stats {
    background: var(--primary);
    padding: 1.25rem 2.1875rem;
    padding-bottom: 1.25rem;
    border-radius: 14px;
    height: 100%; }
    .online-experience__stats ul {
      list-style: none; }
      .online-experience__stats ul li {
        color: #fff;
        padding: 1.875rem 0; }
        .online-experience__stats ul li:not(:last-child) {
          border-bottom: 1px solid #fff; }
        .online-experience__stats ul li span {
          display: block;
          font-size: 3.125rem;
          font-weight: 600; }
        .online-experience__stats ul li p {
          font-size: 1.25rem;
          font-weight: 500;
          margin-top: 10px;
          margin-bottom: 0;
          color: #fff; }
  .online-experience__image {
    border-radius: 14px;
    overflow: hidden; }
  @media screen and (max-width: 991px) {
    .online-experience {
      padding: 2.8125rem 0; }
      .online-experience .button-row {
        justify-content: center; }
      .online-experience .row > div:first-child {
        order: 2;
        text-align: center;
        margin: 2.1875rem 0; }
      .online-experience .row > div:nth-child(2) {
        order: 3; }
      .online-experience .row > div:last-child {
        order: 1;
        text-align: center; }
      .online-experience__image {
        text-align: center;
        max-width: 300px;
        margin: auto; } }
  @media screen and (max-width: 767px) {
    .online-experience__stats ul li {
      padding: 1.125rem 0; }
      .online-experience__stats ul li span {
        font-size: 2.1875rem; }
      .online-experience__stats ul li p {
        font-size: 1.125rem; } }

.tailroad {
  position: relative;
  min-height: 600px;
  padding-top: 9.1875rem;
  padding-bottom: 6.25rem; }
  .tailroad__banner {
    position: absolute;
    width: 100%;
    height: 75%;
    object-fit: cover;
    left: 0;
    top: 0; }
    .tailroad__banner img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .tailroad .box {
    border-radius: 20px;
    background: #0E0E0E;
    box-shadow: 0px 60px 70px 0px rgba(0, 0, 0, 0.05);
    padding: 1.5625rem 3.125rem 4.375rem; }
    .tailroad .box .icon {
      text-align: right;
      margin-bottom: 5px;
      max-width: 100%;
      margin-right: 0;
      margin-left: auto; }
  @media screen and (max-width: 991px) {
    .tailroad {
      padding-top: 7.5rem;
      padding-bottom: 5rem; }
      .tailroad__banner {
        height: 60%; } }
  @media screen and (max-width: 767px) {
    .tailroad {
      padding-top: 4.375rem;
      min-height: 380px; }
      .tailroad__banner {
        height: 100%; }
        .tailroad__banner img {
          object-position: left; }
      .tailroad .box {
        padding: 1.5625rem; }
        .tailroad .box .icon {
          max-width: 40px; } }

.our-pricing {
  padding-top: 2.5rem; }
  .our-pricing .swiper {
    padding: 3.125rem 0; }
  .our-pricing .swiper-slide-active .package-card__sub-title {
    color: var(--primary); }
  .our-pricing .swiper-slide-active .package-card .btn {
    background: var(--primary);
    color: #fff !important; }
    .our-pricing .swiper-slide-active .package-card .btn img {
      filter: brightness(0) invert(1); }
  .our-pricing .custom-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    outline:none;
    box-shadow:none;
    border:none; }
    .our-pricing .custom-arrows__prev {
      left: -53px; }
    .our-pricing .custom-arrows__next {
      right: -53px; }
    .our-pricing .custom-arrows{
/*      position: relative;*/
      width: 45px;
      height: 45px;
      color: #fff;
      background: var(--primary);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      cursor: pointer; 
      z-index: 1}
  @media screen and (max-width: 1300px) {
    .our-pricing .swiper {
      margin: 0 60px; }
    .our-pricing .custom-arrows__prev {
      left: 0; }
    .our-pricing .custom-arrows__next {
      right: 0; } }
  @media screen and (max-width: 991px) {
    .our-pricing .swiper {
      margin: 0 50px; }
    .our-pricing .custom-arrows .custom-arrow {
      width: 35px;
      height: 35px; } }

.testimonials {
  position: relative;
  padding: 9.375rem 0 6.25rem; }
  .testimonials .section-title {
    margin-bottom: 1.5625rem; }
  .testimonials__inner {
    border-radius: 30px;
    background: var(--primary);
    padding: 4.0625rem; }
    .testimonials__inner--image {
      position: relative;
      margin-top: -150px; }
      .testimonials__inner--image img {
        border-radius: 25px;
        overflow: hidden; }
    .testimonials__inner p {
      color: #fff;
      font-style: italic;
      font-size: 1.125rem;
      line-height: 1.5; }
    .testimonials__inner span {
      display: block;
      font-size: 1.875rem;
      font-weight: 600;
      margin-bottom: 1.5625rem; }
    .testimonials__inner ul {
      list-style: none;
      display: flex;
      align-items: center; }
      .testimonials__inner ul li {
        width: 3.625rem;
        height: 3.625rem;
        border-radius: 100%;
        overflow: hidden; }
        .testimonials__inner ul li:not(:last-child) {
          margin-right: 7px; }
        .testimonials__inner ul li img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
  @media screen and (max-width: 991px) {
    .testimonials {
      padding-bottom: 2.8125rem; }
      .testimonials__inner {
        padding: 2.1875rem; } }
  @media screen and (max-width: 767px) {
    .testimonials {
      padding-top: 2.8125rem; }
      .testimonials .row {
        flex-direction: column-reverse; }
      .testimonials__inner {
        padding: 1.5625rem;
        border-radius: 20px;
        text-align: center; }
        .testimonials__inner--image {
          margin-top: 0;
          margin-bottom: 1.875rem; }
          .testimonials__inner--image img {
            max-width: 250px;
            width: 100%;
            margin: auto;
            display: block; }
        .testimonials__inner ul {
          justify-content: center; } }
  @media screen and (max-width: 575px) {
    .testimonials__inner ul {
      justify-content: center; }
      .testimonials__inner ul li {
        width: 3.125rem;
        height: 3.125rem; }
        .testimonials__inner ul li:not(:last-child) {
          margin-right: 5px; }
    .testimonials__inner span {
      font-size: 1.375rem;
      margin-bottom: 1.25rem; } }

.call-request {
  padding-bottom: 5rem; }
  .call-request .section-title {
    font-size: 5rem; }
  @media screen and (min-width: 992px) {
    .call-request .col-gap-70 > div:first-child > div {
      margin-left: 2.1875rem; } }
  .call-request .box {
    border-radius: 20px;
    background: #0E0E0E;
    padding: 2.1875rem; }
    .call-request .box .row {
      margin: 0 5px; }
      .call-request .box .row > div {
        padding: 0 5px; }
    .call-request .box h4 {
      font-size: 1.875rem;
      font-weight: 600;
      margin-bottom: 2.5rem; }
  @media screen and (max-width: 991px) {
    .call-request {
      padding-bottom: 2.8125rem; }
      .call-request .section-title {
        font-size: 3.75rem;
        text-align: center; }
        .call-request .section-title br {
          display: none; }
      .call-request p {
        text-align: center; } }
  @media screen and (max-width: 767px) {
    .call-request .section-title {
      font-size: 2.5rem; }
    .call-request .box {
      padding: 1.25rem; } }

.packages {
  padding-bottom: 7.5rem; }
  .packages .row > div {
    margin-bottom: 28px; }
  @media screen and (max-width: 767px) {
    .packages {
      padding-bottom: 3.75rem; } }

.contact-us {
  position: relative;
  padding-bottom: 120px; }
  .contact-us .container > .row {
    padding-top: 12.5rem; }
  .contact-us p {
    color: #fff; }
  .contact-us__left ul {
    list-style: none;
    margin-top: 2.5rem; }
    .contact-us__left ul li {
      display: flex;
      align-items: center;
      border-radius: 20px;
      border: 1px solid rgba(217, 217, 217, 0.23);
      background: #181818;
      padding: 2.1875rem; }
      .contact-us__left ul li:not(:last-child) {
        margin-bottom: 1.875rem; }
      .contact-us__left ul li .icon {
        border-radius: 12px;
        background: #2D1E11;
        width: 5rem;
        height: 5rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        color: var(--primary);
        font-size: 1.6875rem;
        margin-right: 7px; }
      .contact-us__left ul li p {
        font-size: 1.75rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        margin-top: 5px; }
  .contact-us__banner {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1; }
    .contact-us__banner img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .contact-us__banner:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(0deg, rgba(24, 24, 24, 0.9) 26.56%, rgba(24, 24, 24, 0.33) 100%);
      left: 0;
      top: 0; }
  .contact-us h4 {
    margin-bottom: 2.875rem; }
  .contact-us .form-control {
    background: #222; }
  .contact-us .radio label input + span {
    background: #222; }
  .contact-us .radio label input:checked + span {
    background: var(--primary); }
  .contact-us textarea.form-control {
    height: 224px; }
    @media screen and (max-width: 991px) {
      .contact-us textarea.form-control {
        height: 150px; } }
  @media screen and (max-width: 991px) {
    .contact-us__left ul li {
      padding: 1.25rem; }
      .contact-us__left ul li .icon {
        width: 4.0625rem;
        height: 4.0625rem;
        font-size: 1.4375rem; }
      .contact-us__left ul li p {
        font-size: 1.5rem; } }
  @media screen and (max-width: 767px) {
    .contact-us {
      padding-bottom: 4.375rem; }
      .contact-us .container > .row {
        padding-top: 8.75rem; }
      .contact-us__left {
        margin-bottom: 2.5rem; }
      .contact-us__banner {
        width: 100%;
        height: 45%; } }
  @media screen and (max-width: 414px) {
    .contact-us__left ul li {
      padding: 0.9375rem; }
      .contact-us__left ul li .icon {
        width: 3.125rem;
        height: 3.125rem;
        font-size: 1.3125rem; }
      .contact-us__left ul li p {
        font-size: 1.3125rem; } }

.flat-page__item {
  margin-bottom: 2.25rem; }
  .flat-page__item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  .flat-page__item p {
    margin-bottom: 1.875rem; 
    font-size: 18px;
  }

.flat-page .title {
  font-size: 2.125rem;
  font-weight: 600;
  margin-bottom: 1.0625rem; }

.flat-page.inner-content {
  padding-top: 3.125rem; }

.flat-page .content-box {
  border-radius: 20px;
  background: #0E0E0E;
  padding: 3.75rem;
  color: #fff; }

@media screen and (max-width: 767px) {
  .flat-page .content-box {
    padding: 2.1875rem; }
  .flat-page.inner-content {
    padding-top: 1.875rem; }
  .flat-page__item {
    margin-bottom: 1.5625rem; }
    .flat-page__item p {
      margin-bottom: 1.25rem; }
  .flat-page .title {
    font-size: 1.75rem; } }

li.consulting-item { 
  margin-bottom: 10px;  
}
.consulting {
  position: relative;
  padding: 3.75rem 0;
  color: #fff; }

 .consulting p {
  color: #fff;
  font-size: 18px;
}

.call-request p {
  font-size: 18px;
}

  .consulting .row > div:not(:last-child) {
    position: relative; }
    .consulting .row > div:not(:last-child):after {
      content: normal;
      position: absolute;
      width: 1px;
      height: 100%;
      right: 40px;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255, 255, 255, 0.24); }
      @media screen and (max-width: 991px) {
        .consulting .row > div:not(:last-child):after {
          right: 0; } }
      @media screen and (max-width: 767px) {
        .consulting .row > div:not(:last-child):after {
          display: none; } }
  .consulting__image {
    position: relative; }
    .consulting__image img {
      position: relative;
      z-index: 1;
      margin-left: 90px; }
    .consulting__image span {
      position: absolute; }
      .consulting__image span.back {
        background: url(../images/bg/solution-bg-back.png) right top no-repeat;
        width: 375px;
        height: 420px;
        position: absolute;
        left: 95px;
        top: 80px; }
      .consulting__image span.front {
        background: url(../images/bg/solution-bg-front.png) right top no-repeat;
        width: 375px;
        height: 500px;
        position: absolute;
        left: -69px;
        top: 73%;
        z-index: 1;
        transform: translateY(-50%); }
  @media screen and (max-width: 1200px) {
    .consulting__image img {
      margin-left: 0; }
    .consulting__image span.front {
      width: 270px;
      height: 356px;
      left: -100px;
      background-size: 100% 100%; }
    .consulting__image span.back {
      width: 300px;
      height: 350px;
      left: 0px;
      background-size: 100% 100%; } }
  @media screen and (max-width: 767px) {
    .consulting {
      text-align: center; }
      .consulting__image {
        text-align: center;
        margin-bottom: 2.1875rem; }
        .consulting__image span {
          display: none; }
      .consulting .button-row {
        justify-content: center; } }

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


.section-head  .col-md-4.card-wrapper {position: relative;}

.what-we-do .row > div:nth-child(2):hover span.right {
    bottom: 35px !important;
}

.what-we-do .row > div:nth-child(3):hover span.right {bottom: -11px !important;}

.card-wrapper span.right {
    left: 15px !important;
    bottom: 80px !important;
}

.card-wrapper:hover span.right {
    bottom: 56px !important;
    left: 6px !important;
}

.enterprise_grade_security ul {list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;}

.enterprise_grade_security ul li {
    width: 20%;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enterprise_grade_security ul li img {width: 100%;aspect-ratio: 2/1;object-fit: contain;}

#pricing_table .slick-slide {
    margin: 0 15px;
}

.consulting__image.img2 img
{
    margin-left: 0 !important;
}

.consulting__image.img2 span.back {
    left: 183px;
}

.consulting .content {
    border-left: 1px solid #ffffff4a;
    padding-left: 15px;
}

.consulting__image.img3 span.back {
    left: 170px;
    top: 160px;
}

.header nav ul li ul.submenu {
    position: absolute;
    top: 40px;
    background: #0e0e0e;
    width: 160px;
    padding: 15px;
    list-style: none;
    transition: 0.5s;
    left: -13px;
    border-radius: 0px 0px 15px 15px;
        height: 0px;
}

.header nav ul li ul.submenu li {
    margin: 10px 0;
    padding: 0;
}

.header nav ul li ul.submenu li a {
    color: #fff;
}
.header nav ul li:hover
{
    overflow: visible;
}

.header nav ul li:hover ul.submenu {
    left: -13px;
    transition: 0.5s;
    height: fit-content;
}

.heading_border {
    background: #fb8b24;
    height: 4px;
    border-radius: 10px;
}

#benifits .card-wrapper {
    text-align: left;
}

#benifits .slick-slide {
    margin: 15px;
}

#benifits button.slide-arrow {
    border: 1px solid #fb8b24 !important;
    background: #fb8b24;
    color: #fff;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -10%;
}

#benifits button.slide-arrow.prev-arrow {
    left: 45%;
}

#benifits button.slide-arrow.next-arrow {
    right: 45%;
}

#benifits button.slide-arrow:focus, #benifits button.slide-arrow:active , #benifits button.slide-arrow:hover {
    border: 1px solid #fb8b24 !important;
    box-shadow: none !important;
    outline: none;
    background: transparent;
    cursor: pointer;
}



#benifits .card-wrapper:hover span.right {
    left: -10px !important;
    bottom: -10px !important;
}

#benifits .card-wrapper:hover span.left {
    top: -10px !important;
    right: -10px !important;
}

.services_plans .nav.nav-tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: row;
    border: none;
    background: transparent;
    justify-content: space-evenly;
}

.services_plans .nav.nav-tabs .nav-item {
    width: 25%;
}

.services_plans .nav.nav-tabs .nav-item a.nav-link {
    border: 1px solid #383838!important;
    background: #0E0E0E !important;
}


.services_plans table thead tr td:nth-child(1) , .services_plans table tbody tr td:nth-child(1) {
    text-align: left;
}

.services_plans table thead tr {
    background: #fb8b24;
    border-radius: 50px;
}

.services_plans table thead tr td {
    border-top: 0;
    overflow: hidden;
    border-right: 1px solid #383838;
}

.services_plans table {
    border-radius: 30px;
    overflow: hidden;   
}
.services_plans table tbody tr {
    border: 1px solid #383838 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.services_plans table tbody tr td {border-top: 0;border-right: 1px solid #383838;}

.services_plans table thead tr td:nth-last-child(1) {border-right: 1px solid #383838;}



.services_plans table tbody tr td i {
    color: #fb8b24;
}

.services_plans table tbody tr:nth-child(odd) {
    background: #0E0E0E;
}

.qoute .box {
    padding: 20px;
    border: 1px solid #383838;
    border-radius: 30px;
    background: #0E0E0E;
    margin: 10px 0px;
}

.qoute .box p b {
    position: relative;
}

.qoute .box p b:before {
    content: "";
    width: 15px;
    position: absolute;
    display: block;
    height: 2px;
    background: #FB8B24;
    right: -17%;
    top: 50%;
}

.qoute .box p i {
  color: #fff;
}

.enterprise .row .col-md-6:nth-child(1) {
    position: relative;
}

    .enterprise .row .col-md-6::before {
    content: "";
    height: 100%;
    width: 1px;
    background: #ffffff36;
    position: absolute;
    display: block;
    left: 0;
}

.enterprise .row .border_none::before {
    display: none;
}

.protect_server  .protect_box {
    border: 1px solid #383838;
    border-radius: 30px;
    padding: 20px;
    background: #181818;
    height: 100%;
}

.protect_server .protect_box p {
    padding: 15px 0px;
    border-bottom: 1px solid #ffffff14;
    margin: 0;
}

.protect_server .protect_box p:nth-last-child(1) {
    border: none;
}

.protect_server .protect_box p:nth-child(2) {
    margin-top: 20px !important;
}

.protect_server {
    background: #0E0E0E;
}

.blogs_list .blog_box {
    border: 1px solid #383838;
    background: #0E0E0E;
    border-radius: 30px;
    padding: 20px;
    margin: 15px 0px;
}

.blogs_list .blog_box img {
    width: 100%;
}

.blogs_list .blog_box h4 {
    margin: 15px 0px;
    font-size: 24px;
    font-weight: 600;
    color: #FBFBFB;
}

.blogs_list .blog_box p {
    color: #fff;
}

.blogs_list .blog_box a {
    margin-bottom: 25px !important;
    display: block;
    width: fit-content;
    color: #FB8B24;
    position: relative;
}

.blogs_list .blog_box a:after {
    content: "";
    width: 40%;
    height: 2px;
    position: absolute;
    background: #fb8b24;
    left: 0;
    bottom: -6px !important;
    transition: 0.5s;
}

.blogs_list .blog_box a:hover:after {
    width: 100%;
    transition: 0.5s;
}

.single_blog .blog_tags {
    list-style: none;
    margin: 25px 0px;
    display: flex;
}

.single_blog .blog_tags li a {
    color: #fff;
    padding: 10px 30px;
    background: #0E0E0E;
    border-radius: 30px;
    position: relative;
    transition: 0.5s;
}

.single_blog .blog_tags li {
    margin-right: 15px;
    
}



.single_blog .blog_tags li a:hover {
    background: #FB8B24;
    transition: 0.5s;
}

.single_blog .col-md-9 h1
, .single_blog h4 {
    font-size: 35px;
    font-weight: 600;
}

.single_blog .col-md-9 p , .single_blog 
 .related_blogs p {
    text-align: justify;
}

.single_blog 
 .related_blog {
    color: #FB8B24;
    font-size: 34px;
    font-weight: 600;
}

.single_blog 
 .related_blogs p 
 {
    font-size: 14px;
 }

 .solutions__image span.front ,.consulting__image span.front
 {
     filter: drop-shadow(30px 40px 10px #fb8b24ad);
 }

 .enterprise_grade_security p , .our-pricing .section-head p {
    color: #fff !important;
    font-size: 18px;
}

.our-pricing .section-head p {
    margin-bottom: 50px;
    font-size: 18px;
}

.our-pricing .custom-arrows:hover , .our-pricing .custom-arrows:active , .our-pricing .custom-arrows:focus {
    outline: none;
    box-shadow: none;
    border: none;
}
/* fixing issues */
.solutions-image-wrap {
    position: relative;
}
.solutions-image-girl {
    display: block;
    margin-left: auto;
}
.solutions-image-arrow {
    position: absolute;
    left: 0;
    top: calc(50% + 70px);
    transform: translateY(-50%);
    transition: 0.3s linear;
}
.solutions-image-wrap:hover .solutions-image-arrow {
    left: -50px;
    transition: 0.3s linear;
}
.txt {
    color: #fff !important;
    font-size: 18px;
    font-weight: 400;
}
.package-card:hover .btn {
    background: var(--primary);
    color: #fff;
}
.consulting .content {
    padding-left: 33px;
}
.protect_server h2 {
    font-weight: 600;
}
.protect_server .protect_box {
    padding: 50px 40px;
}
.protect_server .protect_box h5 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
}
.protect_server .protect_box p i {
    color: #fb8b24;
    font-size: 18px;
    margin-right: 11px;
}
.benifits {
    margin-top: 0;
    padding-bottom: 50px !important;
}
.protect_server {
    padding-bottom: 60px !important;
}
.services_plans table tr td.width-160 {
    min-width: 160px;
}
.services_plans table thead tr td {
    padding: 25px;
    color: #F7F7F7;
    font-size: 20px;
    font-weight: 600;
}
.services_plans table tbody tr td {
    padding: 14px 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.services_plans table thead tr td:first-child,
.services_plans table thead tr td:last-child {
    border: 0;
}
.services_plans table tbody tr td:first-child {
    border-left: 2px solid #383838;
}
.services_plans .packages {
    padding-bottom: 0;
}
.inner-content.services_plans,
.inner-content.qoute {
    margin-top: 0;
}
.services_plans table {
    margin-bottom: 0;
}
.services_plans table thead tr td:first-child {
    border-right: 1px solid #383838;
}
.single_blog {
    margin-top: 0;
}
.single_blog .related_blogs p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.related_blogs h3 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
}
.single_blog .blog_tags li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 12px;
    background: #0E0E0E;
    line-height: 1.2;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    min-width: 112px;
}
.single_blog .blog_tags li {
    margin-right: 5px;
}
  @media screen and (max-width: 600px) {

.header-wrapper.active nav {
    position: absolute;
    width: 100%;
    left: 0 !important;
    height: fit-content;
    top: 50px;
    z-index: 999999999999999999999;
    visibility: visible;
    transition: 0.5s;
}

.header-wrapper nav {
    padding: 0 !important;
    width: 100% !important;
    left: -100%;
    transition: 0.5s;
    top: 50px;
    position: absolute !important;
    height: fit-content !important;
}

.header-wrapper nav ul {
    padding: 15px;
    text-align: center;
}

.header-wrapper.active nav ul li a {
    color: #B5B5B5;
}


.header-wrapper.active .header__menu-icon span:nth-child(3) {
    opacity: 0;
}

.header-wrapper.active .header__menu-icon span {
    position: absolute;
}

.header-wrapper.active .header__menu-icon {
    position: relative;
    width: 26px;
}

.header-wrapper.active .header__menu-icon span:nth-child(1) {
    transform: rotate(45deg);
}

.header-wrapper.active .header__menu-icon span:nth-child(2) {
    transform: rotate(-45deg);
}

    .main-banner__caption h1, .inner-banner__caption h1 {
    font-size: 35px;
}

    #benifits button.slide-arrow.next-arrow {
    right: 35%;
}

#benifits button.slide-arrow.prev-arrow {
    left: 35%;
}

#benifits button.slide-arrow {bottom: -20%;}

#benifits .card-wrapper span.left {
    top: 0;
}

.services_plans .nav.nav-tabs {
    display: flex;
    flex-direction: column;
}

.services_plans .nav.nav-tabs li.nav-item {
    width: 100%;
    margin: 5px 0;
}
.card-wrapper span.right {
    bottom: 0 !important;
}

.card-wrapper:hover span.right {
    bottom: -9px !important;
}

.card-wrapper span.left {
    right: 16px;
    top: 2px;
}

.card-wrapper:hover span.left {
    top: -8px;
    right: 8px;
}

.what-we-do .row > div:nth-child(2):hover span.right {
    bottom: -8px !important;
}

.content {
    padding: 0 !important;
    border: none !important;
}

.inner-content.consulting ul li {
    line-height: 22px;
    background: #0E0E0E;
    border-radius: 15px;
    padding: 10px;
}

.inner-content.consulting ul {
    list-style: none;
}

.main-banner, .inner-banner {
    padding: 0;
}


}
@media (max-width:550px) {
    .header {
        top: 4px;
    }
    .solutions-image-girl {
    max-width: 250px;
}
.solutions-image-arrow {
    max-width: 120px;
    left: 0;
    right: 0;
    margin: auto;
}
.what-we-do {
    padding-bottom: 25px;
}
.solutions-image-wrap {
    margin-bottom: 25px;
}
.online-experience__stats ul li {
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.online-experience__stats ul li p {
    margin-top: 0;
}
.online-experience__stats {
    padding: 15px !important;
}
.online-experience__stats ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.tailroad {
    padding: 20px 10px;
}
.footer {
    margin-top: 40px;
}
.header nav ul li {
    padding: 10px 0px;
    margin-bottom: 5px !important;
    border-radius: 8px;
}
.header-wrapper nav ul {
    padding: 5px 15px;
}
.consulting__image img {
    max-width: 200px;
}
.consulting {
    padding-top: 20px;
}
.footer h5 {
    margin-bottom: 12px;
}
.footer__right .d-flex > div {
    margin-bottom: 10px;
}
.footer__copyright .container {
    padding: 10px 15px;
}
.inner-banner__caption h1 {
    margin-bottom: 10px;
}
.inner-content {
    padding-top: 25px;
}
.nav-tabs {
    margin-bottom: 10px;
}
.package-card__sub-title {
    margin-bottom: 5px;
}
.package-card ul li {
    margin-bottom: 5px;
}
.package-card .btn {
    padding: 5px 10px;
    margin-top: 15px !important;
}
.package-card ul {
    padding-top: 10px;
}
.packages .row > div {
    margin-bottom: 15px;
}
.packages {
    padding-bottom: 10px;
}
.call-request .section-title {
    margin-bottom: 10px;
}
.call-request .box h4 {
    margin-bottom: 15px;
}
.call-request .box .row {
    margin: 0;
}
.contact-us .section-title {
    margin-bottom: 10px;
}
.contact-us__left ul {
    margin-top: 15px;
}
.contact-us__left ul li:not(:last-child) {
    margin-bottom: 10px;
}
.contact-us__left {
    margin-bottom: 15px;
}
.contact-us h4 {
    margin-bottom: 15px;
}
.control-label {
    margin-bottom: 5px;
}
.radio label input + span {
    border-radius: 10px;
    height: 35px;
    padding: 0 10px;
}
.contact-us textarea.form-control {
    height: 100px;
}
.call-request {
    padding-bottom: 0;
}
.contact-us {
    padding-bottom: 20px;
}
.contact-us .container > .row {
    padding-top: 65px;
}
.enterprise .pt-5 {
    padding-top: 10px !important;
}
.enterprise .mt-5 {
    margin-top: 0 !important;
}
.protect_server {
    margin-top: 10px !important;
    padding-top: 15px !important;
}
.protect_server .mb-5 {
    margin-bottom: 10px !important;
}
.protect_server .protect_box {
    padding: 15px;
}
.protect_server .protect_box p:nth-child(2) {
    margin-top: 0 !important;
}
.protect_server .protect_box p {
    padding: 8px 0px;
}
}

.header nav .nav-top .dropdown-menu {
  background: #1C1C1C;
  padding:0;
  border-bottom: 3px solid #FB8B24;
  /* transform: translate3d(0px, 57px, 0px) !important; */
}
.header .dropdown-menu  a{
  color: #B5B5B5;
  font-size:14px;
  padding:10px 16px;
}
.header .dropdown-menu  a:hover{
  background: #0E0E0E;
  color:#fff;
}
/* .dropdown-item:focus, .dropdown-item:hover {
  background-color: transparent !important;
} */

.drop-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 575px) {
  .header nav .nav-top .dropdown-menu {
      top: -18px !important;
      left: 100px !important;
  }
}
.abs-link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	color: transparent;
	font-size: 0;
	text-indent: -2px;
}
.mb-30{
  margin-bottom: 30px;
}
@media screen and (min-width:1025px){
  .our-services .card:hover{
    background:#FB8B24;
    }
    .our-services .card:hover a,
    .our-services .card:hover a:after{
      color:#fff;
    }
    .our-services .card:hover a:after{
      background:#fff;
    }
    .our-services .card:hover .card__icon{
      background:#fff;
    }
}

.spacing-y{
  padding:50px 0;
}
.project{
  position:relative;
  transition: .5s ease all;
}
.project__image{
  position:relative;
  border-radius: 11px;
  overflow:hidden;
  position: relative;
}
.project__image img{
  width:100%;
}
.project__image:before{
  content:"";
  position: absolute;
  width:100%;
  height:100%;
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.00) 0%, #080808 86.5%);
  left:0;
  top:0;
}
.project__content{
  position:absolute;
  bottom:0;
  left:0;
  padding:33px;
  z-index:1;
}
.project__content h4{
  color: #FBFBFB;
  font-size:1.5rem;
  font-weight:600;
}
p{
  color: #A0A0A0;
  font-size:16px;
  font-weight:400;
  margin:0;
}
@media screen and (min-width:1025px){
  .project:hover .project__image:before{
    background: linear-gradient(180deg, rgba(8, 8, 8, 0.00) 0%, #080808 100%);
  }
}
.tecnologies ul{
  list-style: none;
  display:flex;
  align-items: center;
  flex-wrap: wrap;
}
.tecnologies ul li{
  width:20%;
  text-align: center;
  margin-bottom:50px;
}
.tecnologies ul li p{
  color: #A0A0A0;
  font-size:14px;
  font-weight:400;
  text-align: center;
  margin:20px 0 0;
}
@media screen and (min-width:1025px){
  .tecnologies ul li:hover p{
    color:#fff;
  }
}
.success-stories .card{
  cursor: auto;
}
.why-choose .section-title{
  padding-bottom:20px;
  position: relative;
}
.why-choose .section-title:after{
  background: #FB8B24;
  width:140px;
  height:4px;
  content:"";
  position: absolute;
  left:0;
  bottom:0;
}
.why-choose ul li{
  color: #A0A0A0;
  font-size:16px;
  font-weight:400;
  position: relative;
  display:flex;
  gap:7px;
  margin-bottom:32px;
}
.why-choose ul li:before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99984 18.3334C5.39746 18.3334 1.6665 14.6024 1.6665 10.0001C1.6665 5.39771 5.39746 1.66675 9.99984 1.66675C14.6022 1.66675 18.3332 5.39771 18.3332 10.0001C18.3332 14.6024 14.6022 18.3334 9.99984 18.3334ZM9.99984 16.6667C13.6818 16.6667 16.6665 13.682 16.6665 10.0001C16.6665 6.31818 13.6818 3.33341 9.99984 3.33341C6.31794 3.33341 3.33317 6.31818 3.33317 10.0001C3.33317 13.682 6.31794 16.6667 9.99984 16.6667ZM9.16867 13.3334L5.63316 9.79791L6.81168 8.61933L9.16867 10.9764L13.8828 6.26235L15.0613 7.44086L9.16867 13.3334Z' fill='%23FB8B24'/%3E%3C/svg%3E");
  content:"";
  position: absolute;
  width:20px;
  height:20px;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  display: inline-block;
}
.stats {
  display:flex;
  align-items: center;
  justify-content: space-between;
  gap:20px;
  margin-top: 25px;
}
.stats > div{
  font-size:34px;
  font-weight:600;
  min-width:90px;
}
.stats p{
  color: #A0A0A0 !important;
  font-size:16px;
  margin:0;
  padding-top:10px;
  margin-top:10px;
}
.stats p:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  background: #FB8B24;
  width:100%;
  height:4px;
  border-radius: 10px;
}

@media screen and (max-width:991px){
  .spacing-y{
    padding:30px 0;
  }
  .tecnologies ul {
    gap:20px;
    justify-content: space-between;
  }
  .tecnologies ul li {
    width:30%;
  }
}
@media screen and (max-width:767px){
  .projects .row>div:not(:last-child){
    margin-bottom: 30px;
  }
  .success-stories{
    padding-top:40px !important;
  }
  .why-choose .row>div:not(:last-child){
    margin-bottom:30px;
  }
}
@media screen and (max-width:575px){
  .tecnologies ul li {
    width:45%;
  }
  .stats{
    flex-direction: column;
  }
  .stats>div{
    width:85%;
  }
  .header nav .nav-top .dropdown-menu {
	top: 100% !important;
}
}
h1{
  margin-top:0 !important;
}