/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   /* scroll-behavior: smooth; */
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
  /* scroll-behavior: smooth; */
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.disno {display: none;}
.msgcheck {display: none;}


abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
 }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

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

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #2871fa;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #597AE4;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

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


hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}


.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

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

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

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

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}


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

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

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

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}



@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  
  
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  
  
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  
  
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
 .formSection  .col-xl-9.col-lg-9.col-md-9 {
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
 

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  
}






.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}



.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  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;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}




input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}











.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

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

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}



.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}




.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}



@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}




.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

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

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

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

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

.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;
}

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

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

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}



.accordion {
  /*overflow-anchor: none;*/
}




.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}


@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,

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

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}


.rounded-sm {
  border-radius: 0.2rem !important;
}

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


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



.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

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

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

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

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}



.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

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

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  
}


.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

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

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

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

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

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

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

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

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

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

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

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

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

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

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

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

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

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

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

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

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

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

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

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

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

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

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

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

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

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

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

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

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

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

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

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

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

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

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

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

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

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

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

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




@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}




.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

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

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

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


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

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}



/*custom css start here*/

@font-face {
  src: url(../fonts/montserrat-regular.otf) format('opentype');
  font-family:'montserrat-regular'; font-weight:normal; font-display:swap;
}

@font-face {
  src: url(../fonts/montserrat-medium.otf) format('opentype');
  font-family:'montserrat-medium'; font-weight:normal; font-display:swap;
}

@font-face {
  src: url(../fonts/montserrat-light.otf) format('opentype');
  font-family:'montserrat-light'; font-weight:normal; font-display:swap;
}

@font-face {
  src: url(../fonts/montserrat-bold.otf) format('opentype');
  font-family:'montserrat-bold'; font-weight:normal; font-display:swap;
}

@font-face {
  src: url(../fonts/montserrat-semibold.otf) format('opentype');
  font-family:'montserrat-semibold'; font-weight:normal; font-display:swap;
}

@font-face {
  src: url(../fonts/montserrat-semiboldItalic.otf) format('opentype');
  font-family:'montserrat-semiboldItalic'; font-weight:normal; font-display:swap;
}

@font-face {
  src: url(../fonts/Montserrat-Italic.otf) format('opentype');
  font-family:'montserrat-Italic'; font-weight:normal; font-display:swap;
}
body,html{font-family:'montserrat-regular', sans-serif;}

/* header start here */
header{position: absolute; top:0; left: 0; width: 100%; z-index: 1; }
.headermain{float: left; width: 94%; margin: 0 3%;}
.brand-name .svglogone,.brand-name .svglogtwo{float: left;} 
.svglogone svg, .svglogtwo svg{fill: #fff;}
.mobile_arrow{display: none;}
.mobile_arrow::after{display: none; content: '';}
.navbar-expand-lg.customnav{margin: 8px 0 0; padding: 0;}
.customnav .navbar-nav .nav-item{padding: 12px 20px; position: static;}
.customnav .navbar-nav .nav-link{color: #fff; line-height: 42px;  margin: 0; padding:0; font-size: 21px; font-family: 'montserrat-semibold';}
.customnav .navbar-nav .nav-link.dropdown-toggle{padding: 0px 20px 0px 0; background:url('../images/menu-downarrow.png') no-repeat; background-size: 13px;
background-position: right center;}
.customnav .navbar-nav .nav-item:last-child{padding-right: 0;}

.customnav .dropdownmenu{display: none; max-width:70%;width: 1100px; animation: fadeIn 0.3s; transition:all .75s ease; border-radius: 0; position: absolute; background:#000; padding: 25px 35px; right: 0;left: auto;margin: 0;top: 100%;} 
.dropdownmenu .dropdownitemain{list-style-type: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%;}
.dropdownmenu .dropdownitemain li{float: left; width: 32%; margin-right: 2%;}
.dropdownmenu .dropdownitemain li:nth-child(3n){margin-right: 0;}
.dropdownitems h2,.submenutitle{float: left; font-size: 20px;font-family: 'montserrat-medium'; display: block; color: #fff;margin: 0 0 25px;} 
.dropdownitems h2 a,.submenutitle a{color: #fff; text-decoration: none;}
.customnav .navbar-nav .nav-link:hover,.customnav .navbar-nav .nav-link:focus,.customnav .navbar-nav .nav-link:active{outline: none; box-shadow: none;}
.dropdownitems .dropdownitmlink{float: left; width: 100%; margin: 0; padding-left: 20px;}
.dropdownitmlink .dropdownlinktxt{display: block; margin: 0 0 15px;}
.dropdownitmlink .dropdownlinktxt a{display: inline-block; position: relative; transition: all 0.3s; padding: 0 0 3px; color: #999; font-size: 18px; font-family: 'montserrat-regular'}

.homebanner{float: left; width: 100%; position: relative; /*background: linear-gradient(to right, #bb32fe 15%, #01bace);*/}
.homebanner{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); min-height: 596px;background-size: 400% 400%; animation: gradient 10s ease infinite;}



@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.mainpagewrap{margin: 0 auto; max-width: 1440px; padding: 0 15px; position: relative;}
.mainpagewrap .homebannercontent{padding: 270px 0 0; color: #fff;}
.homebannercontent h1{font-size: 72px; line-height: 84px; color: #fff; margin: 0 0 32px; font-family: 'montserrat-semibold'; letter-spacing: -1px;}
.homebannercontent h1 span{display: block;}

.homebannercontent h1 b{font-weight: normal; position: relative; z-index: 0;}
.homebannercontent h1 b > strong.lettrsprtrs{margin-left: 0px;}
.homebannercontent h1 b > strong.leftsepration{margin-left: 15px;}
.homebannercontent h1 b > strong{ position: relative; z-index: -1; display:block; float: left; font-weight: normal; 
 animation: flips 2.8s infinite;  animation-delay: calc(0.2s * var(--i));}
@keyframes flips {
  0%,
  80% {
    transform: rotateY(360deg);
  }
}


.homebannercontent p{font-size: 28px; line-height: 38px; letter-spacing: -0.2px; color: #000; font-family: 'montserrat-light'; margin: 0; }
.homebannercontent .homebannercat{display: block; padding: 0px 0 70px 6px; width: 100%;}
.homebannercat > span{margin-right: 65px; display: inline-block;}
.homebannercat a{display: block; line-height: 21px; color: #fff; transition: 0.3s ease-in-out; font-family: 'montserrat-medium'; color: #fff; }
.homebannercat a::before{content: ''; display: block; width: 27.5px; margin: 0 0 10px; height: 2px; background-color: #fff; transition: 0.3s ease-in-out;}
.homebannercat a:hover{text-decoration: none;}
.homebannercat a:hover:before{width: 62.5%;}
.homewhatwedo{float: left; width: 100%; padding: 80px 0 110px;}
.homewhatwedomain{float: left; width: 100%; padding:0;}
.homewhatwedomain .whatwedoleft{float: left; width: 16.66%; padding-right: 15px;}
/* .homewhatwedomain .whatwedoright{float: left; width: 83.33%; padding-left: 15px;} */
.homewhatwedomain .whatwedoright{float: left; width: 100%; padding-left: 15px;}
.commonpagetitle{display: block; margin: 0 0 15px;}
.commonpagetitle h2,.commonpagetitle .commonpagetitletxt{font-size: 18px; line-height: 24px; display: block; margin: 0; text-transform: uppercase; color: #262123; position: relative; letter-spacing: 0.75px;}
.commonpagetitle h2::before,.commonpagetitle .commonpagetitletxt::before{content: ''; display: block; width: calc(132px/2); height: 2px; background-color: #000; margin: 0 0 15px}

.black_bg .commonpagetitle .commonpagetitletxt::before {
  background-color: #fff;
}


.whatwedoright .whatwedoblocktext{float: left; width: 100%; margin: 0;}
.whatwedoblocktext h2,.whatwedoblocktext .whatwedoblocktexthead{font-size: 48px; color: #262123; font-family: 'montserrat-semibold'; letter-spacing:-0.2px; margin: 0 0 40px; margin-left: -4px; line-height: 58px;}
.homebrandright .whatwedoblocktext h2{margin: 0 0 25px;}
.whatwedoblocktext p{font-size: 18px; line-height: 28px; margin: 0 0 15px; color: #000;}
.homebrandright .whatwedoblocktext p{font-family: 'montserrat-light'; font-size:24px; line-height: 38px; color: #000;}
.wahtwedogirdmain{float: left; width: 100%; margin: 0;}
.wahtwedogirdmain .whatwedogridrow{position: relative; margin: 70px -22px 0; display: flex; flex-wrap: wrap;}
.whatwedogridrow .whatwedomedia{width: 60%; padding:0 22px;}
.whatwedogridrow .whatwedocontent{width: 40%; padding:0 22px;}
.whatwedocontent h2,.whatwedocontent h3{font-size: 32px; color: #262123; font-family: 'montserrat-semibold'; margin: 20px 0 25px; }
.whatwedocontent h2 a,.whatwedocontent h3 a{color: #262123; text-decoration: none; }
.whatwedocontent h2::before,.whatwedocontent h3::before{display: block; content: ''; width: calc(132px/2);height: 2px; background-color: #000; margin: 0 0 20px;}
.whatwedocontent p{font-size: 18px; color: #000; line-height: 28px; margin: 0 0 15px;}
.whatwedocontent .morelinkbtn{display: inline-block; margin: 35px 0 15px; font-family: 'montserrat-semibold'; letter-spacing: 1.2px; text-transform: uppercase; color: #000;
padding:10px 38px; border:1px solid #000;text-decoration: none; transition: all 0.6s; line-height: 19px; font-size: 14px; position: relative;}
.whatwedocontent .morelinkbtn::before{content: ''; background:#000; z-index: -1; position: absolute; left: 0; top:0; transition: all 0.6s;  height: 100%; width: 0;}
.whatwedocontent .morelinkbtn:hover{color: #fff; background-position: 100%;}
.whatwedocontent .morelinkbtn:hover:before{width: 100%;}



.whatWeDoMainBox {
  float: left;
  width: 100%;
  padding: 40px 0 85px;
  padding-left: 15px;
}
.whatWeDoBox {
  position: relative;
  margin: 70px 0px 0;
  display: flex;
  flex-wrap: wrap;
 
}
.whatWeDoMainBox p {
  font-size: 18px;
  line-height: 28px;
}
.whatWeDoBoxLeft {
  width: 50%;
  padding:35px;
  float: left;
  background-color: #000000;
}
.whatWeDoBoxLeft:hover {
  transition: all 0.3s;
  /* box-shadow: -2px 6px 9px 5px #dfdbdb; */
  box-shadow: -2px 4px 14px 5px rgb(0 0 0 / 23%);
}
.whatWeDoBoxLeft h4 {
  font-size: 32px;
  font-family: 'montserrat-semibold';
  color: #fff;
  margin-bottom: 25px;
}
.whatWeDoBoxLeft h4 a{
  font-size: 32px;
  font-family: 'montserrat-semibold';
  color: #fff;
  text-decoration: none;
}
.whatWeDoBoxLeft p {
 color: #fff;
}
.whatWeDoBoxLeft ul li{
list-style: none;
position: relative;
margin-left: -35px;
}
.whatWeDoBoxLeft ul li a {
  color: #999999;
  font-size: 24px;
  font-family: 'montserrat-semibold';
  line-height: 80px;
  text-decoration: none;
  position: relative;
  display: block;
}
.whatWeDoBoxLeft ul li a:hover {
  color: #fff;
  transition: all 0.3s;
  display: block;
}
.whatWeDoBoxLeft ul li::after {
  content: '';
  position: absolute;
  bottom: 0px;
  height: 1px;
  width: 0;
  transition: 0.3s ease-in-out;
  /* background: linear-gradient(to right, #bb32fe 15%, #01bace); */
  background: linear-gradient(to right, #01bace 15%, #bb32fe);
  left: 0;
}
.whatWeDoBoxLeft ul li:hover:after {
  width: 100%;
}


.whatWeDoBoxRight {
  width: 50%;
  padding: 0 7px 0 22px;
  float: right;
}
.whatWeDoBoxRight h4 {
  color: #000000;
  font-family: 'montserrat-semibold';
    font-size: 32px;
    margin-bottom: 17px;
 }
.whatWeDoBoxRight h4 a{
  color: #000000;
  font-family: 'montserrat-semibold';
    font-size: 32px;
    margin-bottom: 17px;
    text-decoration: none;
 }
.whatWeDoBoxRight p {
  color: #000000;
  margin-bottom: 0px;
 }
 h2.pageHeading {
  font-size: 48px;
  font-family: 'montserrat-medium';
  margin-bottom: 25px;
  line-height:1.2; 
}
.commonpagetitle.marg-t {
  margin-top: 80px;
  margin-bottom: -50px;
}

.whatWeDoBoxRight ul {
  margin-left: -40px;
  display: flex;
  flex-wrap: wrap;
}
.whatWeDoBoxRight li {
  list-style: none;
  float: left;

}
.whatWeDoBoxRight li:hover{
color: #BB30FE;
transition: all 0.3s;
}
.whatWeDoBoxRight li a {
  color: #262123;
  text-decoration: none;
  font-family: 'montserrat-medium';
  font-size: 16px;
  line-height: 21px;
}
.whatWeDoBoxRight li a:hover{
color: #BB30FE;
transition: all 0.3s;
}

.whatWeDoBoxRight .wwd-boxOne li{
  display: block;
  float: left;
  width: 95px;
  margin: 25px 36px 0 0;
}
.whatWeDoBoxRight .wwd-boxTwo li:last-child {
  margin-right: 0px;
}
.whatWeDoBoxRight .wwd-boxOne li:last-child {
  margin-right: 0px;
}
.whatWeDoBoxRight .wwd-boxTwo li {
  display: block;
  float: left;
  margin: 25px 20px 0 0;
  width: 20%;
}
.whatWeDoBoxRight .wwd-boxOne li:nth-child(1) {
  width: 50px;
}
.wwd-boxOne {
  width: 100%;
  float: left;
  background: #F3F3F3;
  padding: 30px 20px 30px 35px;
  margin-bottom: 26px;
  transition: all 0.3s;
}
.wwd-boxOne:hover, .wwd-boxTwo:hover {
  transition: all 0.3s;
  box-shadow: -2px 4px 9px #dfdbdb;
}
.wwd-boxTwo {
  width: 100%;
  float: left;
  background: #F3F3F3;
  padding: 30px 20px 35px 35px;
  transition: all 0.3s;
}

.whatWeDoBoxRight li::before {
  content: '';
  display: block;
  width: calc(60px/2);
  height: 2px;
  background-color: #000;
  margin: 0px 0 10px;
}
.whatWeDoBoxRight li:hover:before {
  background-color: #BB30FE;
}

.homefeatureright p {
  font-size: 18px;
}
.footerinfotext {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.footerlinkblkBox .footerlinks {
  width: 100%;
  line-height: 45px;
}
.footerlinkblkBox {
  float: left;
}
.footerlinksmain .footerlinkblkBox .footerlinks {
  width: 100%;
}
.footerlinkblkBox .footerlinks:nth-child(1) {
  margin-top: -5px;
}
.footerlinksmain .footerlinks ul li {
  list-style: none;
}
.footerlinks ul {
  margin-top: 20px;
}
.outer-box {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 20px;
}

.home .faqtext {
  color: #000;
}
.homefeaturebox {
  position: relative;
}
.featureBoxlogo {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  text-align: center;
}
.featureBoxlogo.width15 {
  width: 170px;
}
.caselandinBoxlogo.width15 {
  width: 170px;
}

.faqheading p {
  font-size: 18px;
  line-height: 28px;
  padding:18px 50px 18px 30px;
  cursor: pointer;
  font-family: 'montserrat-semibold';
  margin: 0;
}


/* .homefeaturework{float: left; width: 100%; padding: 85px 0 85px; background:#f3f3f3;} */
.homefeaturework{float: left; width: 100%; padding: 10px 0 85px; }
.homefeaturework  .homefeaturemain{float: left; width: 100%; padding:0;}
.homefeaturemain .homefeatureleft{float: left; width: 16.66%; padding-right: 15px;}
/* .homefeaturemain .homefeatureright{float: left; width: 83.33%; padding-left: 15px;} */
.homefeaturemain .homefeatureright{float: left; width: 100%; padding-left: 7px;}
.homefeatureright .homefeaturetextblk{float: left; width: 100%; margin: 0;}
.homefeaturetextblk h2,.homefeaturetextblk .homefeaturetxthead{font-size: 48px; color: #262123; font-family: 'montserrat-semibold'; letter-spacing:-0.2px; margin: -10px 0 0px;  margin-left: -4px;} 
.homefeatureright .homefeaturegridmain{float: left; width: 100%; padding: 0 0px;  margin-top: 10px;}
.homefeaturegridmain .homefeautregridrow{display: flex; position: relative; margin: 0 -15px; flex-wrap: wrap;}
.homefeautregridrow .homefeaturebox{width: calc(50% - 30px); margin: 0 15px;}
.homefeaturebox .hmfeaturebximg{display: block; width: 100%;}
.homefeaturebox:hover {
  transition: all 0.3s;
  /* box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.28); */
  box-shadow: 1px 6px 13px 3px rgba(0, 0, 0, 0.28);
}
.homefeaturebox .hmfeaturebxtxt{width: 100%; display: block; background:#fff; padding:25px 20px;}
.hmfeaturebxtxt h2,.hmfeaturebxtxt h3{font-size: 32px; line-height: 46px; color: #262123; font-family: 'montserrat-semibold'; margin: 0 0 15px; letter-spacing: -0.2px;}
.hmfeaturebxtxt h2 a,.hmfeaturebxtxt h3 a{color: #262123;  text-decoration: none;}
.homefeaturetextblk h2, .homefeaturetextblk .homefeaturetxthead {
  font-size: 48px;
  color: #262123;
  font-family: 'montserrat-semibold';
  letter-spacing: -0.2px;
  margin: -2px 0 6px;
  margin-left: -2px;
}

.hmfeaturebxtxt p{font-size: 18px; line-height: 29px; letter-spacing: -0.2px;  margin: 0 0 15px;}
.hmfeaturebxtxt .hmfeaturetags{display: block; padding: 15px 0 0;width: 100%;}
.hmfeaturetags .taglinks{display: inline-block; vertical-align: middle;}
.hmfeaturetags .taglinks a{display: inline-block;border-bottom:0.125em solid transparent; transition: all 0.35s; font-size: 12px; color: #262123; padding:0 0.125em; padding-bottom: 0.05em;  letter-spacing: 1.2px; position: relative;}
.hmfeaturetags .taglinks a:hover{border-bottom:0.125em solid #000; transition: all 0.35s; text-decoration: none;}
.hmfeaturetags .tagdivider{display: inline-block; position: relative; top:3px; vertical-align: middle; padding: 0 15px}
.tagdivider .tagline{display: inline-block; height: 21px; width: 1px; background:#ddd; transform: rotate(25deg);}
.hmfeaturetags .tagdivider::before,.hmfeaturetags .tagdivider::after{content: ''; display: inline-block; height: 21px; width: 1px; background:#ddd; transform: rotate(25deg);}


.homefeatureright .homefeaturectasc{float: left; width: 100%; margin: 30px 0 0; text-align: center;} 
.homefeaturectasc h2,.homefeaturectasc .homefeaturectaschead{font-size: 32px; line-height: 52px; display: block; font-family: 'montserrat-light'; color: #707070; margin: 0 0 15px;}
.homefeaturectasc .viewallbutton{display: inline-block;margin:0 0 15px;font-family: 'montserrat-medium';letter-spacing: 1.2px;text-transform: uppercase;
color: #fff; background-color: #597ae4; padding:17px 36px;text-decoration: none;transition: all 0.6s;line-height: 19px; font-size: 14px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s; transform: translate(0,0);}

  .homeserviceright .commonpagetitletxt {
    color: #fff;
}
.homeservicetxtblk .commonpagetitle h2::before {
  background-color: #fff;

}




#featurework.owl-carousel .owl-stage .owl-item{background:#fff;}


.homefeaturectasc .viewallbutton:hover{background-color: #000; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);  color: #fff; transform: translateY(-1px);}
.homefeaturegridmain .owl-dots{ width: 100%; text-align: center; margin:25px 0 0;}
.homefeaturegridmain .owl-dots > .owl-dot{display: inline-block; width: 35px; margin: 0 10px; height: 4px; background-color: #c2c2c2; transition: 0.3s ease-in-out;}
.homefeaturegridmain .owl-dots > .owl-dot.active{background-color: #000;}
.homefeaturegridmain .owl-dots > .owl-dot:focus,.homefeaturegridmain .owl-dots > .owl-dot:active{outline: none;}

.homebrandsctn{float: left; width: 100%; padding:90px 0 60px; background: #F3F3F3;}
/* .homebrandsctn .homebrandright{float: right; width: 83.33%; padding-left: 15px;} */
.homebrandsctn .homebrandright{float: right;  padding-left: 7px;}
.homebrandright .homebrandtxtblk{float: left; width: 100%; margin: 0 0 10px;}
.homebrandtxtblk h2,.homebrandtxtblk .homebrandtxthead,.homebrandtxtblk h3{font-size: 32px; font-family: 'montserrat-semibold'; margin:0 0 15px; display: block;}
.homebrandtxtblk p{font-size: 24px; line-height: 38px; font-family: 'montserrat-light'; }
.homebrandright .homebrandgridmin{float: left; width: 100%;}
.homebrandgridmin .homebrandgridrow{position: relative; display:flex; margin: 0 -10px; flex-wrap: wrap; justify-content: center; align-items: center;}
.homebrandgridrow .homebrandgridbx{width: 20%; padding: 0 15px; margin: 45px 0 35px;}

.homesevices{float: left; width: 100%; padding: 90px 0 90px; background-color: #000;}
.homesevices .homeserviceleft{float: left; width: 16.66%; padding-right: 15px;}
/* .homesevices .homeserviceright{float: left; width: 83.33%; padding-left: 15px;} */
.homesevices .homeserviceright{float: left; width: 100%; padding-left: 7px;}
.homeserviceright .homeservicetxtblk{float: left; width: 100%; margin: 0 0 40px;}
.homeservicetxtblk h2{color: #fff; font-size: 48px;font-family: 'montserrat-semibold';letter-spacing: -0.2px;margin: 15px 0 30px;line-height: 58px; margin-left: -4px;}
.homeservicetxtblk h2 span{background: linear-gradient(to right, #bb32fe 15%, #01bace); display: inline-block;  background: -webkit-linear-gradient(to right, #bb32fe 15%, #01bace); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
.homeservicetxtblk p{color: #999; font-size: 18px; line-height: 28px; margin: 0 0 15px;}
.commonpagetitle.light h2,.commonpagetitle.light .commonpagetitletxt{color: #fff;}
.commonpagetitle.light h2::before,.commonpagetitle.light .commonpagetitletxt::before{background-color: #fff; content: '';}
.homeserviceright .homeservicegridmain{float: left; width: 100%; margin: 0 0 0}
.homeservicegridmain .homeservicegridrow{position: relative; display: flex; margin: 0 -15px; flex-wrap: wrap;}
.homeservicegridrow .homeservicebox{width: calc(50% - 30px); margin: 0 15px;}
.homeserviceright .homeservicebtmcta{float: left; width: 100%; margin: 60px 0 0;}
.homeservicebtmcta h2,.homeservicebtmcta .homeservicebtmctahead{font-size: 32px; color: #fff; font-family: 'montserrat-light'; letter-spacing: -0.2px; margin: 0 0 25px; }
.homeservicebtmcta .homeservicebtns{display: inline-block; text-transform: uppercase; padding: 14px 35px; color: #999; transition: all 0.35s; font-family: 'montserrat-semibold'; font-size: 14px; letter-spacing: 1.2px;  border:2px solid #999; 
position: relative;  text-decoration: none;}
.homeservicebtmcta .homeservicebtns:hover{-moz-border-image: -moz-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);-webkit-border-image: -webkit-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);
border-image: linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);    border-image-slice: 100%;
border-image-slice: 1; color: #fff;}
.homeinouse{float: left; width: 100%; margin: 0; padding: 80px 0;}
.homeinouse .hminhousegridmain{display: block; float: left; width: 100%; padding: 0 15px;}
.hminhousegridmain .hminouserow{display: flex; flex-wrap: wrap; margin: 0 -15px; position: relative;}
.hminhousegridmain .hminouserow + .hminouserow{margin-top: 80px;} 
.hminouserow .hminhousebox{float: left; width: 50%; padding: 0 15px;}
.hminouserow .textscontent.right{padding-left: 7%}
.hminouserow .textscontent.left{padding-right: 7%}
.hminouserow .textscontent h2,.hminouserow .textscontent h3{font-size: 32px; color: #262123; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; margin: 20px 0 25px;} 
.hminouserow .textscontent p,.homeinouse .hminhousegridmain > p{font-size: 18px; line-height: 28px; color: #000; margin: 0 0 15px;}

.footercta{float: left; width: 100%; margin:0; padding: 120px 0 100px; background:#f3f3f3;}
.footercta .footerctamain{text-align: center; margin:0; float: left; width: 100%; }
.footerctamain h2,.footerctamain h3{display: block; text-align: center; font-size: 46px; font-family: 'montserrat-medium'; letter-spacing: -0.2px; margin: 0 0 40px; line-height: 39px;}
.footerctamain .footerctabnmain{display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
.footerctamain .footerctabtn{display: flex; justify-content: center; align-items: center; font-family:'montserrat-medium';letter-spacing:1px;text-transform:uppercase;color:#fff;background-color:#597ae4;
padding:10px 15px;text-decoration:none;transition:all 0.6s; transform: translate(0,0); line-height:19px;font-size:14px; width:290px; height: 64px;  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
text-align: center; border-radius: 2px;}
.footerctamain .footerctabtn:hover{background-color: #000; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);  color: #fff; transform: translateY(-1px);}

/* digital marketing */
.pagemainbanner{float: left;width: 100%;position: relative;/*background: linear-gradient(to right, #bb32fe 15%, #01bace);*/
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 10s ease infinite;}


.pagemainbanner .pagemainbannertxt{float: left; width: 100%; padding:160px 0 70px;}
.pagemainbannertxt.reguler p {
  font-family: 'montserrat-regular';
  line-height: 29px;
}
.pagemainbannertxt h1{font-size: 72px; letter-spacing: -0.4px; color: #000; line-height: 82px; font-family:'montserrat-semibold'; margin: 0 0 30px; margin-left: -5px;}
.pagemainbannertxt p{font-size: 24px; line-height: 38px; font-family:'montserrat-light'; letter-spacing: -0.2px; color: #fff; margin: 0 0 15px;}
.pagemainbannertxt h1.pagemainbnrhead,.pagemainbnrhead{font-family: 'montserrat-regular'; font-weight: normal; font-size: 18px; line-height: 20px; color: #262123; letter-spacing: -0.4px; 
 margin: 0 0 15px; margin-left: 0; margin-bottom: 15px;}
.pagemainbnrsbtxt,.pagemainrnew .pagemainbnrsbtxt{font-size: 64px; line-height: 68px; letter-spacing: -0.4px;  color: #fff; font-family: 'montserrat-semibold'; max-width: 95%;}
.pagemainrnew{width: 100%; clear: both; min-height: 203px;}

.pagemainbanner::before{content: ''; position: absolute; right: 0; top:0; width: 48%; height: 100%; background:url('../images/banner-transparent-img.png') no-repeat;  background-size: cover; }

.pagecatestrips{float: left; width: 100%; margin: 0 0 0; background: #f3f3f3; padding: 30px 0 15px;}
.topscrollemenu {overflow: /*auto*/hidden; white-space: nowrap; text-align: center; }
.topscrollemenu ul { padding: 0; margin: 0; text-align: left; width: 100%; float: left;}
.topscrollemenu ul li {padding: 0; margin:0 65px 0 0; display: inline-block;}
.topscrollemenu ul li a{font-size: 18px; color: #000; padding: 0 0 15px; font-family:'montserrat-medium'; position: relative; display: block; transition: all 0.3s; }
.topscrollemenu ul li a:hover{text-decoration: none;}
.topscrollemenu ul li a::before{content: ''; transition: all 0.3s; display: block; margin: 0 0 5px; width:27.5px; height: 2px; background: #000;}

.catpageservice{float: left; width: 100%; margin:0; padding: 65px 0;}
.catpageservicemain{float: left; width: 100%;}
.catpageservicemain .catepageleft{float: left;width: 16.66%;padding-right: 15px;}
.catpageservicemain .catepageright{float: left;width: 83.33%;padding-left: 15px;}
.catepageright .catpagetextblock{float: left; width: 100%; margin:0 0 50px;}
.catpagetextblock h2{font-size: 48px; color: #262123; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; margin: 0 0 40px; line-height: 58px; margin-left: -4px;}
.catpagetextblock p{font-size: 18px; line-height: 28px; margin: 0 0 15px; color: #000;}
.catepageright .pageservicgridmain{float: left; width: 100%; margin: 0 0 0;}
.pageservicgridmain .pageservicerow{position: relative; margin: 0 -15px; display: flex; flex-wrap: wrap;}
.pageservicerow .pageservicebox{width: calc(33.33% - 30px); text-align: center; padding: 25px 15px 40px; margin: 0 15px 30px; box-shadow: 1px 1px 10px rgba(0,0,0,0.11); border-radius: 4px;}
.pageservicebox .serviceboximg{display: inline-block; width: 100px; margin: 25px 0 20px;}
.pageservicebox h2,.pageservicebox h3{text-align: center; color: #262123; min-height: 64px; font-size: 24px; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; line-height: 32px; margin: 0 0 20px;}
.pageservicebox h2 a,.pageservicebox h3 a{color: #262123; text-decoration: none;}
.pageservicebox p{font-size: 18px; line-height: 28px; color: #262123; letter-spacing: -0.2px; margin: 0 0 20px;}
.pageservicebox .serviceboximg img{max-width: 100%;}
.pageservicebox .catservicelinkbtn{display: inline-block; border-radius: 0px; margin:0;font-family: 'montserrat-semibold';letter-spacing: 1.2px;text-transform: uppercase;color: #000;padding: 10px 38px;
border: 1px solid #000;text-decoration: none;transition: all 0.6s;line-height: 19px; position: relative; font-size: 14px;}
.pageservicebox .catservicelinkbtn:hover{color: #fff; }
.pageservicebox .catservicelinkbtn::before{content: '';background: #000;z-index: -1;position: absolute;left: 0;top: 0;
transition: all 0.6s;height: 100%;width: 0;}
.pageservicebox .catservicelinkbtn:hover:before{width: 100%; color: #fff;}
.pagerelatedwork{float: left; width: 100%; padding: 80px 0; background: #f3f3f3;}
.pagerelatedwork .relatedworkmain{float: left; width: 100%; margin: 0;}
.relatedworkmain .relatedworkleft{float: left;width: 16.66%;padding-right: 15px;}
.relatedworkmain .relatedworkright{float: left;width: 83.33%;padding-left: 15px;}
.relatedworkright .relatedworktxtblk{float: left; width: 100%; margin: 0;}
.relatedworktxtblk p,.relatedworktxtblk h3{font-family: 'montserrat-light'; font-weight: normal; font-size:32px; margin-bottom: 10px; line-height: 46px; color: #000;}
.pagerelatedwork .relatedwrkgridmain{float: left; width: 100%; margin: 40px 0 0;}
.relatedwrkgridmain .relatedwrkgridrow{position: relative; margin: 0 -15px; padding: 40px 0 20px; display: flex; flex-wrap: wrap;}
.relatedwrkgridrow .relateworkbox{width: calc(50% - 30px); margin: 0 15px 0;}
.relateworkbox .relatedbxrightxt{display: block; padding-left: 10px;}
.relatedbxrightxt h2,.relatedbxrightxt h3{font-size: 32px; color:#262123; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; line-height: 46px; margin: 25px 0 20px;}
.relatedbxrightxt h2 a,.relatedbxrightxt h3 a{color:#262123; text-decoration: none;}
.relatedbxrightxt p{font-size: 18px; line-height: 28px; color: #262123; letter-spacing: -0.2px; margin: 0 0 15px;}
.relatedbxrightbtm{float: left; width: 100%; margin: 25px 0 0; display: flex; flex-wrap: wrap; align-items: flex-start;}
.relatedbxrightbtm .relatedtagblk{display:block; margin-right: 35px;}
.relatedbxrightbtm .relatedtagblk:last-child{margin-right: 0;}
 .relatedbxrightbtm .relatedtagblk{max-width: calc(33.33% - 24px);}
.relatedtagblk h4{font-size: 32px; letter-spacing: -0.2px; color: #000; margin: 0 0 5px; font-family: 'montserrat-semibold'; }
.relatedtagblk p{font-size: 12px; color: #262123; line-height: 18px; text-transform: uppercase;}

.whyzeemosect{float: left; width: 100%; padding: 80px 0;}
.whyzeemosect .whyzeemomain{float: left; width: 100%;}
.whyzeemomain .whyzeemoleft{float: left;width: 16.66%;padding-right: 15px;}
.whyzeemomain .whyzeemoright{float: left;width: 83.33%;padding-left: 15px;}
.whyzeemoright .whyzeemotextblk{float: left; width: 100%; margin: 0 0;}
.whyzeemotextblk h2{font-size: 48px;color: #262123;font-family: 'montserrat-semibold';letter-spacing: -0.2px;margin:20px 0 20px; margin-left: -4px; line-height: 58px;}
.whyzeemotextblk p{font-family: 'montserrat-light'; font-size:24px; line-height: 38px; color: #000;}
.whyzeemogridbox{float: left; width: 100%;}
.rowgwithgap30{position: relative; display: flex; margin: 0 -15px; flex-wrap: wrap;}
.rowgwithgap30 .colonethird{width:calc(33.33% - 30px); margin:30px 15px 0; text-align: center; background: #f3f3f3;  padding: 35px 20px 40px;}
.whyzeemogridbx .whyzeemogridicn{width: 85px; height: auto; display: inline-block; margin: 30px 0 25px;}
.whyzeemogridbx .whyzeemogrditxts{float: left; width: 100%; text-align: center;}
.whyzeemogrditxts h4,.whyzeemogrditxts h3{font-size: 24px; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; line-height: 32px; margin: 0 0 15px;}
.whyzeemogrditxts p{font-size: 18px; line-height: 28px; color: #262123; letter-spacing: -0.2px; margin: 0 0 0px;}
.whysctnloadmore,.srvicesloadmore{float: left; width: 100%; text-align: center; margin: 0;}
.whysctnloadmore .loadmorelinkbtn,.srvicesloadmore .loadmorelinkbtn{margin: 35px 0 0; color: #000; padding: 10px 45px; text-align: center; text-transform: uppercase; font-size: 14px; font-family: 'montserrat-semibold';
text-decoration: none; width: 340px; border:1px solid #000; letter-spacing: 1.2px; display: none; max-width: 100%;}
.notopgap{padding-top: 0px!important}
.nobottomgap{padding-bottom: 0px!important}

.pagefaq{float: left; width: 100%; padding: 80px 0;}
.pagefaq .pagefaqmain{float: left; width: 100%; margin:0;}
.pagefaqmain .pagefaqlef{float: left;width: 16.66%;padding-right: 15px;}
.pagefaqmain .pagefaqright{float: left;width: 83.33%;padding-left: 15px;}
.home .pagefaqmain .pagefaqright{float: left;width: 100%;padding-left: 9px;}

.pagefaqright .pagefaqtitle h2,.pagefaqright .pagefaqtitle .pagefaqtitletxt{font-size: 48px;color: #262123; display: block; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; margin: 20px 0 20px; margin-left: -4px; line-height: 58px; }
.pagefaqright .pagefaqtitle,.pagefaqright .pagefaqtitle .pagefaqtitletxt{font-size: 48px;color: #262123; display: block; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; margin: 20px 0 20px; margin-left: -4px; line-height: 58px; }

.faqaccordion,.faqaccordion .accordnmain{float: left; width: 100%; margin: 0; position: relative; margin:0;}
.faqaccordion .expandall{float: right; font-size: 16px; color:#000; margin-top: -7px; cursor: pointer;}
.faqaccordion .expandall span{text-decoration: underline;}
.faqaccordion .accordnmain{box-shadow:1px 2px 10px rgba(0,0,0,0.11); border-radius: 3px; margin:15px 0 10px;}
.accordnmain .faqheading{float: left; width: 100%; margin:0; padding: 0; position: relative; }
.faqheading h2,.faqheading .faqheadinghead{font-size: 18px; line-height: 28px; padding:18px 50px 18px 30px; cursor: pointer; font-family: 'montserrat-semibold'; margin: 0;}
.faqtext{float: left; width: 100%; padding:0 50px 0 30px; position: relative; display: none; top:-4px;}
.accordnmain .faqheading::after{content: '+'; transition: all 0.3s; line-height: 30px; cursor: pointer; font-family: 'montserrat-light'; font-size: 54px; position: absolute; right: 20px; top:15px; }
.accordnmain .faqheading.faqopen::after{transform: rotate(45deg);}


/* Page breadcrumb */
.pagebreadcrumb{float: left; width: 100%; margin: 20px 0 15px;}
.pagebreadcrumb .pagebreadcrumbmain{float: left; width: 100%; text-align: right;}
.pagebreadcrumbmain ul{list-style: none; margin: 0; padding: 0;}
.pagebreadcrumbmain ul li{display: inline-block; font-size: 12px; color: #999; text-transform: uppercase; letter-spacing: 1.2px; }
.pagebreadcrumbmain ul li a{font-size: 12px; text-transform: uppercase; color: #ccc; text-decoration: none; letter-spacing: 1.2px;}
.pagebreadcrumbmain ul li + li::before{content: "|"; padding: 0 10px; color: #ccc;}
.pagebreadcrumbmain ul li.unlink-services{color: #ccc; pointer-events: none;}
/* end Page breadcrumb */

/* Web design */
.pageaboutsc{float: left; width: 100%; margin: 0; padding: 80px 0;}
.pageaboutsc .pageaboutmain{float: left; width: 100%; margin: 0;}
.pageaboutmain .pageaboutleft{float: left;width: 16.66%;padding-right: 15px;}
.pageaboutmain .pageaboutright{float: left; width: 83.33%; padding-left: 15px;}
.pageaboutright .pageaboutxtblk{float: left; width: 100%; margin: 0 0 45px;}
.pageaboutxtblk h2{font-size: 48px; color: #262123; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; margin: 0 0 25px; margin-left: -4px; line-height: 58px;}
.pageaboutxtblk h2.Pg_service_subhead,.catpagetextblock h2.Pg_service_subhead, .Pg_service_subhead{font-family: 'montserrat-light'; font-size: 32px; padding: 0;  letter-spacing: 0px; margin: 0 0 25px; margin-left: 0px; line-height: 42px;}
.pageaboutxtblk p{font-size: 18px; line-height: 28px; margin: 0 0 15px;}
.pageaboutright .pageaboutlist{float: left; width: 100%; margin: 0 0 35px;}
.pageaboutright .pageaboutlist:last-child{margin: 0 0 0;}
.owl-carousel.owl-drag .owl-item > .item {}
.pageaboutlist .aboutlisticon{float: left; width: 75px;}
.pageaboutlist .aboutliscontent{float: left; width: calc(100% - 75px); padding-left: 45px;}
.aboutliscontent p{font-size: 18px; line-height: 28px; color: #000;}
.aboutliscontent p > strong{font-weight: normal; font-family: 'montserrat-bold'; display: block; }

.theprocessect,.solutionsec,.results_sec{float: left; width: 100%; padding: 80px 0; background: #000;}
.theprocessect .theprocessecmain{float: left; width: 100%;}
.theprocessecmain .theprocessleft{float: left;width: 16.66%;padding-right: 15px;}
.theprocessecmain .theprocessright{float: left; width: 83.33%; padding-left: 15px;}
.theprocessright .theprocestextblk{float: left; width: 100%; margin: 0 0 30px;}
.theprocestextblk h2{color: #fff;font-size: 48px;font-family: 'montserrat-semibold';letter-spacing: -0.2px;margin: 20px 0 35px;line-height: 58px; margin-left: -4px;}
.theprocestextblk h2 span{background: linear-gradient(to right, #bb32fe 15%, #01bace);  background: -webkit-linear-gradient(to right, #bb32fe 15%, #01bace); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
.theprocestextblk p{font-size: 24px; font-family: 'montserrat-light'; line-height: 38px; margin: 0 0 15px; color: #fff;}
.theprocessright .processtabmain{float: left; width: 100%; margin: 0; padding: 0;}
.processtabmain .processleftab{float: left; width: 30%;}
.processtabmain .processtabright{float:left; width: 70%; padding-left: 40px;}
.nav-pills.customverticltab .nav-link{background: none; position: relative; padding: 0 0 8px; margin: 0 0 20px; color: #999999; font-size: 24px; font-family:'montserrat-medium';  }
.nav-pills.customverticltab .nav-link.active{color: #fff;}
.nav-pills.customverticltab .nav-link.active::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: linear-gradient(to right, #bb32fe 15%, #01bace)}
.collpasbleitem p{font-size: 18px; line-height: 28px; color: #999; margin: 0 0 15px;}
.collpasbleitem ul{list-style-type: none; margin:0; padding: 15px 0 0;}
.collpasbleitem ul li{display: block; padding-left: 30px; position: relative; font-size: 18px; line-height: 28px; color: #999; margin: 0 0 15px;}
.collpasbleitem ul li::before{content:''; position: absolute; left: 0; top:14px; width: 15px; height: 2px; background:#bc32fe}
.homebrandsctn.darks{background: #f3f3f3;}
.homebrandgridrow.center .homebrandgridbx{display: flex; justify-content: center; align-items: center;}
.whatwedoright.relatedserviceright .whatwedoblocktext h2,.whatwedoright.relatedserviceright .whatwedoblocktext .whatwedoblocktexthead{margin: 20px 0 0 -4px;}
.relatedserviceright .wahtwedogirdmain .whatwedogridrow:first-child{margin-top: 55px;}
.pageblogsection{float: left; width: 100%; margin: 0; padding: 80px 0;}
.pageblogsection .pageblogscmain{float: left; width: 100%; margin:0;}
.pageblogscmain .pageblogleft{float: left;width: 16.66%;padding-right: 15px;}
.pageblogscmain .pageblogright{float: left; width: 83.33%; padding-left: 15px;}
.pageblogright .pageblogtextblk{float: left; width: 100%;}
.pageblogtextblk h2,.pageblogtextblk .pageblogtextblkhead{font-size: 48px; color: #262123; margin: 0 0 50px; display: block; font-family: 'montserrat-semibold'; letter-spacing: -0.2px;line-height: 58px; margin-left: -4px;}

.pageblogright .pageblogsgridmain{float: left; width: 100%; margin:0;}
.pageblogsgridmain .pageblogsrow{display: flex; position: relative; margin: 0 -15px; flex-wrap: wrap;}
.pageblogsrow .pageblogbox{width: calc(50% - 30px); position: relative; margin: 0 15px;}
.pageblogbox img{display: block; max-width: 100%;}
.pageblogbox .pageblogbxtxts{display: block; position: relative; padding: 25px 0 42px;}
.pageblogbxtxts .pageblogbxdate{display: block; font-size: 18px; line-height: 24px; letter-spacing: 0.75px; margin: 0 0 20px;}
.pageblogbxtxts h2,.pageblogbxtxts .pageblogbxtxtstitle{font-size: 32px; color: #262123; margin: 0 0 25px; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; line-height: 46px;}
.pageblogbxtxts h2 a,.pageblogbxtxts .pageblogbxtxtstitle a{color:#262123; text-decoration: none; }
.pageblogbox .morelinkbtn{position: absolute; left: 0; bottom: 0; display: inline-block; margin:0;font-family: 'montserrat-semibold';letter-spacing: 1.2px;
text-transform: uppercase;color: #000;padding: 10px 38px;border: 1px solid #000;text-decoration: none;transition: all 0.6s;line-height: 19px;
background-size: 300%;font-size: 14px;background-image: linear-gradient(90deg, white 50%, black 50%); width: 128px;}
.pageblogbox .morelinkbtn span{position: relative;}
.pageblogbox .morelinkbtn::before{content: '';background: #000;z-index: 0;position: absolute;left: 0;
top: 0;transition: all 0.6s;height: 100%;width: 0;}
.pageblogbox .morelinkbtn:hover:before{width: 100%;}
.pageblogbox .morelinkbtn:hover{color: #fff;}
a.fadein_underline{text-decoration: none;padding-left: 0.125em;padding-right: 0.125em;
border-bottom: 0.125em solid transparent;transition: all 0.35s}
a.fadein_underline:hover{border-bottom:0.125em solid #597AE4; color: #597AE4; text-decoration: none;}








.relatedwrkgridmain .caselandingbox{width: calc(50% - 30px);transition: all 0.4s ease; position: relative; overflow: hidden; margin: 0 15px 30px; box-shadow: 0 4px 5px rgb(0 0 0 / 11%); background: #fff;}
.relatedwrkgridmain .caselandingbox .caselandgtxtmain{height: auto;}
.relatedwrkgridmain .caselandgtxtmain .caselandingtxts{position: static;}
.relatedwrkgridmain .caselandingtxts h2{min-height: auto;}



/*.serviceicon .cls-1,.cls-3{fill:none;}
.serviceicon .cls-1,.serviceicon .cls-2{stroke:#383838;}
.serviceicon .cls-1,.serviceicon .cls-2,.serviceicon .cls-3{stroke-miterlimit:10;}
.serviceicon .cls-2{fill:#bb33fe;}
.serviceicon .cls-3{stroke:#ccc;}
.aboutlisticon .serviceicon .cls-2{fill:#383838;}
.aboutlisticon .serviceicon .cls-1.circle{stroke: #fff;}
.services .cls-1,.services .cls-3{fill:none;}
.services .cls-1,.services .cls-2{stroke:#383838;}
.services .cls-1,.services .cls-2,.services .cls-3{stroke-miterlimit:10;}
.services .cls-2{fill:#597ae4;}*/
/* services*/

/*.services .cls-3{stroke:#ccc;} */
.errormaintxts p a{text-decoration: underline; color: #fff;}
/* our agency */
.pagemainbanner.no-outline::before{display: none;}
.pageaboutsc.teams{position: relative;}
.pageaboutsc.teams::before{content: ''; position: absolute; right:0; width: 79.5%; height: 135%; top:-100px; background: url('../images/outline-shadow.png') no-repeat; z-index: -1;
background-size: cover;}
.pageagencytxtblk{float: left; width: 80%;}

.pageagencytxtblk h2{font-size: 48px;color: #262123;font-family: 'montserrat-semibold';letter-spacing: -0.2px;
margin: 0 0 25px; margin-left: 0px;margin-left: -4px; line-height: 58px;}

.pageagencytxtblk p{font-size: 18px; line-height: 28px;}
.pageagencymeet{float: left; width: 100%; padding: 0 0 80px;}
.pageagencymeet .agencymeetmain{float: left; width: 100%;}
.agencymeetmain .agencymeetleft{float: left;width: 16.66%;padding-right: 15px;}
.agencymeetmain .agencymeetright{float: left; width: 83.33%; padding-left: 15px;}
.agencymeetright .agencygridmain{float: left; width: 100%; position: relative; overflow-x:hidden;}
.agencygridmain .agencygridrow{position: relative; display: flex; flex-wrap: wrap;margin: 0 -20px;}
.agencygridmain .agencygridrow + .agencygridrow{margin-top:60px;}
.agencygridrow .agencygridbox{width: 50%; padding: 0 20px;}
.agencygridbox .agencybxhead{margin: 0 0 20px;}
.agencygridbox .agencybxhead h4{font-size: 32px; line-height: 46px;  font-family: 'montserrat-semibold'; margin: 0 0 10px;}
.agencygridrow .agencygridbox .agencybxhead p{font-size: 18px; color: #262123; letter-spacing: 0.75px;  text-transform: uppercase; margin: 0;}
.agencygridrow .agencygridbox p{font-size: 18px; line-height: 28px; margin: 0 0 15px;}
.agencymeetright .angecyrightextblk{width: 100%; float: left;}
.agencymeetright .angecyrightextblk h2{font-size: 48px; line-height: 58px; font-family: 'montserrat-semibold'; margin: 0px 0 55px; margin-left: -4px;}

/*case study*/
.caselanding{width: 100%; float: left; margin: 0; padding: 20px 0 50px;}
.caselanding .caselandingmain{float:left;width: 100%;}
.caselandingmain .caselandinrow{display: flex; flex-wrap: wrap; position: relative; margin: 0 -15px;}
/* .caselandinrow .caselandingbox{width:calc(33.33% - 30px); transition: all 0.4s ease;   position: relative; overflow: hidden; margin: 0 15px 30px; box-shadow: 0 4px 5px rgba(0,0,0,0.11);} */
.caselandinrow .caselandingbox{width:calc(50% - 30px); transition: all 0.4s ease;   position: relative; overflow: hidden; margin: 0 15px 30px; box-shadow: 0 4px 5px rgba(0,0,0,0.11);}
/* .caselandinrow .caselandingbox:hover,.relatedwrkgridmain .caselandingbox:hover{box-shadow: 0 4px 20px rgba(0,0,0,0.11);} */
.caselandinrow .caselandingbox:hover, .relatedwrkgridmain .caselandingbox:hover {
  /* box-shadow: 0 4px 20px rgba(0,0,0,0.11); */
  box-shadow: 1px 6px 13px 3px rgba(0, 0, 0, 0.28);
}

.caselandingbox .caselandingimg {
  float: left;
  width: 100%;
  position: relative;
}

.caselandinBoxlogo {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
 text-align: center;
}
.caselandinBoxlogo.width {
  width: 450px;
  display: flex;
  justify-content: space-between;
  max-width: 90%;
}

img.logoSize {
  width: 100%;
  float: left;
}
img.logoSize.one {
  width: calc(100% - 40px);
}
.caselandgtxtmain .caselandingtxts {
  position: absolute;
  max-height: 100%;
  background: #fff;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px 20px 20px;
  transition: max-height .4s ease;
}

.caselandingbox .caselandingimg img{display: block;}

.caselandingbox .caselandgtxtmain{float: left; width: 100%; position: relative; height: 165px;}

.caselandgtxtmain .caselandingtxts{position: absolute; max-height:100%; background: #fff;left: 0; bottom: 0; width: 100%; padding: 30px 20px 20px;  transition:  max-height 0.4s ease;}
.caselandingtxts h2{font-size: 32px; line-height: 40px; font-family: 'montserrat-semibold'; color: #262123; min-height: 80px; margin: 0 0 10px;}
.caselandingtxts h2 a{color: #262123; text-decoration: none;}
.caselandingtxts .catetags{display: block; text-align: left; }
.caselandingtxts p{font-size: 18px; line-height: 28px; letter-spacing:-0.2px; margin: 10px 0 20px; color: #262123;}
.catetags span{display: inline-block; margin: 0 0 10px 0; font-size: 12px;}
.catetags span a{display: block; font-size: 12px; color: #262123; text-decoration: none; letter-spacing: 1.2px; border-bottom: 0.125em solid transparent;
transition: all 0.35s;}
.catetags span a:hover{border-bottom: 0.125em solid #000;transition: all 0.35s;text-decoration: none;}

.catetags span.separation{padding: 0 7px; transform:scale(1,1.2); color: #999;}
.caselandingtxts .casemorebtn{display: inline-block; font-family: 'montserrat-semibold'; letter-spacing: 1.2px; text-transform: uppercase; color: #000;  margin-bottom: 10px;
padding: 10px 38px; border: 1px solid #000; z-index: 0; text-decoration: none; line-height: 19px; font-size: 14px; position: relative;}
.caselandingtxts .casemorebtn::before {content: ''; background: #000; z-index: -1; position: absolute;
left: 0; top: 0;transition: all 0.6s; height: 100%; width: 0;}
.caselandingtxts .casemorebtn:hover{color: #fff;}
.caselandingtxts .casemorebtn:hover:before{ width: 100%;}
.caselandingtxts .showinmobile{position: relative;}
.outlinebg{position: absolute; right: 0; top:0; width: 76%; z-index: -1; height: 180%; background:url('../images/page-outlineimg.png') no-repeat;  background-size: cover; }
.pagemainbanner.hasmedia{background: none;}
.pagemainbanner.hasmedia img{display: block;width: 100%; max-width: 100%; min-height: 425px; object-fit: cover;}
.pagemainbanner .pagebannermain{position: absolute; left: 0; bottom:0; width: 100%; height: auto;}
.pagemainbanner.hasmedia .pagemainbannertxt h1{color: #fff; margin-bottom: 0;}
.pagemainbannertxt .bannersbtxts{display: block; margin: 0 0 15px;}
.bannersbtxts .bannersbtxtmain{display:block; position: relative;  padding: 0 60px 0; float: left;}
.bannersbtxts .bannersbtxtmain:first-child{padding-left: 0;}
.bannersbtxts .bannersbtxtmain:last-child{padding-right: 0;}
.bannersbtxts .bannersbtxtmain + .bannersbtxtmain::before{content: '';position: absolute;left: 0;height: calc(100% - 20px);width: 1px;background: #999;top: 15px;}

.bannersbtxtmain strong{display: block; font-size: 48px; line-height: 71px; color: #000; font-family: 'montserrat-semibold'; letter-spacing: -0.2px; margin: 0 0 0px;}
.bannersbtxtmain p{display: block; font-size: 12px; margin: 0; color: #000; text-transform: uppercase; letter-spacing: -0.2px; }
.casetopcontent .bannersbtxts{float: right; width: 83.33%; margin: 0 0 55px;}
.casetopcontent{float: left; width: 100%; padding: 20px 0 60px;}
.casetopcontent .casetoptxtblk{float: left; margin:0; float: right; width:83.33%; }
.casetoptxtblk p{font-size: 24px; line-height: 30px; color: #000; font-family: 'montserrat-light'}



.casedetailsblks{float: left; width: 100%; margin: 0 0 65px;}
.casedetailsblks .casedetaislmain{float: left; width: 100%;}
.casedetaislmain .casedetailsleft{float: left;width: 16.66%;padding-right: 15px;}
.casedetaislmain .casedetailsright{float: left; width: 83.33%; padding-left: 15px;}
.casedetaislmain .casedetailsright.testimoni{float: right;}
.testimoni .casetestimonitxt{float: left;width: 100%; letter-spacing: -0.2px; text-align: center;background: #fff;padding: 40px 8%;
box-shadow: 0px 1px 40px rgba(0,0,0,0.075);margin: 10px 0; font-size: 24px;line-height: 32px;color: #999;}
.testimoni .casetestimonitxt .testimoniusr{display: inline-block; margin: 10px 0 0; color: #000; font-size: 18px;}

.casedetailsright .casedetailsbrow{display: flex; position: relative; flex-wrap: wrap; margin: 0 -15px;}
.casedetailsbrow .casedetailsbcols1{width: 40%; padding: 0 15px;}
.casedetailsbrow .casedetailsbcols1 p{font-size: 18px; line-height: 28px;}
.casedetailsbrow .casedetailsbcols2{width: 60%; padding: 0 15px;}
.casedetailsbrow .casedetailsbcols3{width: 50%; padding: 0 15px; margin-left: auto;}
.casedetailsright .caserightcontens{display: block; padding: 0 0 10px;}
.caserightcontens p{line-height: 28px; font-size: 18px;}
.pagecontrols{float: left; width: 100%; padding: 10px 0 60px;}
.pagecontrols .pagecontrolsmain{float: left; width: 100%; text-align: left;}
.pagecontrols .pagecontrolsmain a{display: inline-block; font-size: 18px; color: #597AE4; transition: 0.35s ease-in-out;}
.pagecontrols .pagecontrolsmain a:hover{color: #262123; text-decoration: none;}
.pagecontrols .pagecontrolsmain span.prv.disabled,.pagecontrols .pagecontrolsmain span.nxt.disabled{color: #ccc; padding: 0; pointer-events: none;}
.pagecontrols .pagecontrolsmain span{display: inline-block; padding: 0 15px; font-size: 18px;}
.contactsect{float: left; width: 100%; padding: 200px 0 80px; background: #242424;}
.contactsect .contactmain{float: left; width: 100%; margin: 0; padding: 0;}
.contactmain .contactgridrow{position: relative; display: flex; flex-wrap: wrap; margin: 0 -15px;}
.contactgridrow .contactcol-1{width: 15%; padding:0 15px;}
.contactgridrow .contactcol-2{width: 25%; padding:0 15px;}
.contactgridrow .contactcol-3 {    width: 60%;    padding: 0 0px 0px 50px;}
.contactdetail{float: left; width: 100%;}
.contactdetail h2{font-size: 48px; line-height: 52px; margin: 0 0 25px; color: #fff; font-family: 'montserrat-medium'; padding: 20px 0 0;}
.contactdetail h2 a{text-decoration: none; color: #fff; pointer-events: none;}
.contactdetail p{font-size: 24px; line-height: 29px; color: #fff; font-family: 'montserrat-regular'; margin: 0 0 35px;}
.contactdetail .locationmap{display: inline-block; padding: 10px 35px; cursor: pointer; font-size: 16px;  letter-spacing: 1.2px;
font-family: 'montserrat-medium'; border:1px solid #4C4C4C; color: #fff; line-height: 18px;     background: #4C4C4C;}
.contactfrmsec{float: left; width: 100%;}
.contactfrmsec .frmtitle{float: left; width: 100%; margin: 15px 0 0; padding-left: 10px;}
.frmtitle h1{font-size: 64px; margin: 0 0 25px; line-height: 78px; color: #fff; letter-spacing: -0.4px; font-family: 'montserrat-bold'; margin-left: -5px;}
.frmtitle h1 span{background: linear-gradient(to right, #bb32fe 15%, #01bace); display: inline-block;  background: -webkit-linear-gradient(to right, #bb32fe 15%, #01bace); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent;}
.frmtitle p{font-size: 18px; line-height: 33px; color: #fff; margin: 0 0 20px;}

.contactfrmsec .contactfrmain{float: left; width: 100%; margin: 0; padding: 0;}
.contactfrmain .frmfieldsmain{float: left; width: 100%; position: relative; margin: 0 0 30px;}
.frmfieldsmain .frmfields{width: 100%; appearance:none; -webkit-appearance:none; border:none; background-color: transparent;
padding: 20px 20px; min-height: 64px; font-size: 18px; line-height: 24px;}
.frmfieldsmain .frmfields:focus{outline: none; box-shadow: none;}
.frmfieldsmain select.frmfields{background: #fff url('../images/select-down.png') no-repeat; background-position: right 20px center; background-size: 26px;}
.mandatory_field{position: absolute;top: 10px;right: 10px;color:#B736FD;font-size: 14px; display: none;}
.frmfieldsmain .frmfieltsbtxt{font-size: 18px; color: #fff; line-height: 28px; font-family: 'montserrat-medium'; margin: 10px 0 10px;}
.frmfieldsmain .servicelist{ width: 100%; padding: 5px 0 0;}
.frmfieldsmain.haserror .frmfields{border: 2px solid #B736FD;}
.frmfieldsmain.haserror .mandatory_field{display: block;}

.servicelist a{display: inline-block; color: #fff; text-decoration: none;font-family: 'montserrat-medium';  font-size: 16px;line-height: 28px;padding: 8px 32px;border: 1px solid #999;
margin: 0 5px 10px 0; transition: all 0.35s;}
.servicelist a.active{-moz-border-image: -moz-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);-webkit-border-image: -webkit-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);
border-image: linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);    border-image-slice: 100%;
border-image-slice: 1; color: #fff;}

.frmfieldsmain textarea.frmfields{min-height: 180px;}
.frmfieldsmain .frmfieldsmain{position: relative; display: block;}
.frmfieldsmain label{font-size: 18px; line-height: 28px; position: relative; padding-right: 35px; font-family: 'montserrat-medium'; cursor: pointer; color: #fff; margin: 5px 0 5px;}
.frmfieldsmain label span{font-family: "montserrat-regular"; font-size: 28px; line-height: 28px; position: absolute; right: 0; top:0;}
.frmfieldsmain .textinstruct{font-size: 14px; color: #999; font-family: 'montserrat-Italic'; margin: 0 0 10px;}
.frmfieldsmain .submitbtn{display: flex;justify-content: center;align-items: center;font-family: 'montserrat-medium';letter-spacing: 1px; text-transform: uppercase; overflow: hidden;
color: #fff;background-color: #597ae4;padding: 10px 15px;border: none;transition: all 0.6s;transform: translate(0,0);line-height: 19px;font-size: 14px; position: relative;
width: 240px;height: 52px;box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);text-align: center;border-radius: 0px;}

.frmfieldsmain .submitbtn:hover{background-color: #000; outline: none; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);color: #fff;transform: translateY(-1px);}
.frmfieldsmain .submitbtn:focus{outline: none;}
.frmfieldsmain .submitbtn.submitBtnblue{ background: url('../images/loading-btn.gif') no-repeat center; background-size:240px 52px; opacity: 0.8; text-indent: -9999px; font-size: 0;
pointer-events: none;}
.frmfieldsmain .submitbtn.submitBtnblue:hover{background: url('../images/loading-btn.gif') no-repeat center; background-size:240px 52px; box-shadow: none;color: #fff;transform: translateY(0px);}

.attachfiles{display: block; margin: 0;}
.attachfiles .filesdetails{display: inline-block; color: #fff; font-family: 'montserrat-medium'; font-size: 14px; position: relative; margin: 0 20px 0 0; padding-right:20px; }
.attachfiles .filesdetails .removefile{display: inline-block; width: 10px; height: 10px; background:url('../images/close-btn.png') no-repeat; background-size: 9px; display: inline-block; margin: 0 0 0 10px; vertical-align: middle;}
.attachfiles .filesdetails .attach_close{position: absolute; top:0; right: 0; width: 10px;}
.locataionpopmain{position: fixed; display: none; left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.4);z-index: 999;overflow-y: auto;}
.locataionpopmain .mdlmapcontent{max-width: 700px; position: relative; background: #fff;margin: 70px auto;}
.closegmap{position: absolute;right: 15px;top: 15px;width: 35px;height: 35px;background: #01bace; background-image: url(../images/topclose.png);
background-repeat: no-repeat; background-position: center; background-size: 13px; cursor: pointer;}
.contactaddress .openmapmodal{color: #1c2c43; text-decoration: underline; font-size: 19px; margin: 0 0 8px; cursor: pointer;}

/* 404 error page */
.custom-header{min-height: 80px; padding: 0;}
.errormaintxts{float: left; width: 100%; padding: 80px 0;}
.errormaintxts h2,.errormaintxts h1{font-size:40px; text-align: center; font-family: 'montserrat-semibold'; margin: 0 0 10px; color: #000; }
.errormaintxts p{text-align: center; font-size: 18px; margin: 0 0 5px;}
.errormaintxts .errorscndblk{float: left; width: 100%; text-align: center; margin-top:35px; }
/*privacy policy page */
.pgcontainerfluid{float: left; width: 100%; padding: 80px 0;}
.privacysctxt{float: left; width: 100%;}
.privacysctxt h2{font-size: 32px;color: #262123;font-family: 'montserrat-semibold';letter-spacing: -0.2px;padding: 20px 0 20px; margin: 0;}
.privacysctxt p{font-size: 18px;line-height: 28px;color: #000;margin: 0 0 15px;}
.privacysctxt ul{padding: 0 0 0 20px; margin: 0 0 15px;}
.privacysctxt ul li{font-size: 18px;line-height: 28px;color: #000; margin: 0 0 5px;}
/*Sitemap*/
.sitemap{float: left; width: 100%; display: flex; flex-wrap: wrap;}
.sitemap .col-md-left{width: 20%; margin: 0 0 20px; padding-right: 15px;}
.col-md-left .Explore{color: #262123;font-family: 'montserrat-semibold';letter-spacing: -0.2px; font-size: 20px; margin: 0 0 10px;}
.col-md-left .Explore a{color: #262123; text-decoration: none;}
.col-md-left ul{padding: 0 0 0 15px; margin: 0;}
.col-md-left ul li{ margin: 0 0 4px;}
.col-md-left ul li a{color: #000; font-size: 18px; line-height: 28px; text-decoration: none;}

/*footer*/
footer{float: left; width: 100%; margin: 0; padding: 50px 0 15px; background-color: #000;}
.footertopcontent{float: left; width: 100%;}
.footertopcontent .footercmpanyblk{float: left; width: 25%;}
.footercmpanyblk .footrcompanylogo{ max-width: 120px; margin: 0 auto;}
.footercmpanyblk .footercomoanytext{display: block; float: left; width: 100%; margin: 20px 0 0;}
.footercomoanytext p{font-size: 14px; color:#fff; line-height: 25px;}
.footercomoanytext p a{color:#fff; pointer-events: none; text-decoration: none; display: inline-block; margin-top: 10px;}
/* .footertopcontent .footerlinkblk{float: left; text-align: right; width: 75%; padding-left: 7%} */
.footertopcontent .footerlinkblk{float: left; text-align: left; width: 100%; }
/* .footerlinkblk .footerlinksmain{width:100%; text-align: left; display: inline-block; margin: 0;} */
.footerlinkblk .footerlinksmain {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

/* .footerlinksmain .footerlinks{display: inline-block; vertical-align: top; float: left;  margin-right: 3%;} */

.footerlinksmain .footerlinks {
  width: calc(33.33% - 50px);
}
.footerlinksmain .footerlinks a{color: #fff; font-size: 24px; text-decoration: none; font-family:'montserrat-semibold';}
.footerlinksmain .footerlinks ul li a{color: #999999; font-size: 18px; text-decoration: none; font-family:'montserrat-medium';  margin-left: 5px;}
.footerlinks .linkdivider{display:block; float: left; margin: 0 17px; font-size: 18px; background: linear-gradient(to right, #bb32fe 15%, #01bace);  background: -webkit-linear-gradient(to right, #bb32fe 15%, #01bace); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;   -moz-background-clip: text;  -moz-text-fill-color: transparent; font-family:'montserrat-light'; transform: scale(1,1.1); letter-spacing: 0.2px;}
.footerlinkblk .footersublinkmain{float: left; text-align: right; width: 100%; margin: 30px 0 0;}
.footersublinkmain a{display:inline-block; margin-left: 40px; font-size: 14px; color: #919191; }
.footerbtmcontent{float: left; width: 100%; margin:20px 0 0; text-align: center;}
.footerbtmcontent .footerinfotext{float: left; width: 70%;}
.footerinfotext p{font-size: 32px; line-height: 46px; color: #fff; font-family:'montserrat-light'; margin:0;}
.footerbtmcontent .footercopyright{float: left; width: 100%; padding:0 0 0; text-align: center;}
.footercopyright p{font-size: 14px; color: #919191; letter-spacing: 0.4px;}
/*end footer js*/

/*go to top*/
.back-to-top{position: fixed; right: 5px; z-index: 999; background-color: #202020; bottom: 72px; cursor: pointer; max-width: 43px; max-height: 43px; border: 2px solid #000;
padding: 15px 10px; -moz-border-image: -moz-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);
-webkit-border-image: -webkit-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);border-image: linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);
border-image-slice: 100%; border-image-slice: 100%; border-image-slice: 1;}
.back-to-top img{display: block; cursor: pointer;}

.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; }

.thankspage{min-height:100vh; display: flex; flex-wrap: wrap; align-items: center;}
.thankspage h1{font-size: 72px; margin-top: 75px; line-height: 82px; letter-spacing: -0.4px; margin-bottom:25px;}
.errormaintxts p{color: #fff; font-size: 24px; font-family: 'montserrat-light';} 
.continuetohomepage{float: left; width: 100%; text-align: center;}
.continuetohomepage .whatwedocontent .morelinkbtn{z-index: 1; border: 1px solid #fff; margin-top: 15px; color: #fff;}
.continuetohomepage .whatwedocontent .morelinkbtn:hover{border: 1px solid #000;}

.blgflterdropdown{width: 100%;min-height: 42px;background:#000 url('../images/select-down-light.png') no-repeat;border:none;padding: 15px; appearance:none; -webkit-appearance: none;
background-size: 20px; background-position: right 20px center; color: #fff; }
.blgflterdropdown option{font-family: 'montserrat-regular', sans-serif;}

/* Temp section */
.cta_advrtismnt{max-width: 47.5%; margin: 55px auto 110px;}
.cta_advrtismnt img{display: block;}
.frmtitle h1.cta-advertisetxt{margin-bottom: 45px}
.contactfrmain .formerrors{font-size: 16px; margin:0 0 5px; color: red;}
.contactfrmain .formerrors ~ .contactfrmain{margin-top: 15px;}
/* end temp section */

/*Lazy load video */
.youtube-videomain{display:block;position:relative;overflow:hidden;width:100%;padding:0}
.youtube-videomain.blogs::before{content: ''; display: block; padding-top:45%;}
.youtube-videomain::before{content:'';display:block;padding-top:56.25%}
.youtube-videomain .play-video{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer}
.youtube-videomain iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
/* end lazy load video */

.footerlinkblkBox .footerlinks .linkdivider {
  margin-top: 0px;
}
.footerlinks .linkdivider {
  margin-top: 7px;
}




@media only screen and (min-width: 1200px)
{
 .pagemainbannertxt p span{display: inline-block;}
 .homebannercontent p{max-width: 970px;}
}


@media only screen and (min-width: 992px)
{
  .customnav .dropdownmenu{clip: rect(1px, 1px, 1px, 1px); display: block; opacity: 0;transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
transform: translateY(-10px) scaleY(0.5);transform-origin: top;}
 .customnav .navbar-nav .nav-item:hover .dropdownmenu{ clip: auto; opacity: 1;transform: translateY(0) scaleY(1); }
 .customnav .navbar-collapse{position: relative; top:5px;}
 .homebanner::before{content: ''; position: absolute; right: 0; top:0; width: 49%; height: 100%; background:url('../images/banner-transparent-img.png') no-repeat;  background-size: cover; }
 .dropdownitmlink .dropdownlinktxt a::after{content: ''; position: absolute; bottom: 0; height: 1px; width: 0; transition: 0.3s ease-in-out;
background:linear-gradient(to right, #bb32fe 15%, #01bace); left: 0;}
.dropdownitmlink .dropdownlinktxt a:hover{color: #fff; text-decoration: none;}
.dropdownitmlink .dropdownlinktxt a:hover:after{content: ''; width: 100%;}
.customnav .navbar-nav .nav-link::after{position:absolute; content: ''; opacity: 0; width: 0; bottom: 0px; background: #fff; display: block; height: 2px; left: 50%; transform: translateX(-50%); transition: all 0.35s;}
.customnav .navbar-nav .nav-link:hover:after,.customnav .navbar-nav .nav-link.active::after{width: 100%; opacity: 1;}
.dropdownitems h2,.submenutitle{position: relative;}
.dropdownitems h2::after,.submenutitle::after{content: '';position: absolute;bottom: -7px;height: 1px;width: 0;transition: 0.3s ease-in-out;background: linear-gradient(to right, #bb32fe 15%, #01bace);left: 0;}
.dropdownitems h2:hover:after,.submenutitle:hover:after{width: 100%;}
.dropdownitems h2 a:hover{text-decoration: none;}
.topscrollemenu ul li a:hover:before{width: 62.5%;}
.callus{display: none;}
.hidedesktop{display: none !important;}
.custom-carousel.owl-carousel{display: block;}
.relatedwrkgridmain .custom-carousel.owl-carousel{display: flex; flex-wrap: wrap; margin: 0 -15px; width: auto;}

.processtabright .expanditems{display: none;}
.footerlinks .linkdivider{font-size: 16px;}
/* .footerlinksmain .footerlinks a{font-size: 16px;} */
.customnav .navbar-nav .nav-link{ position: relative; }
.customnav .navbar-nav .nav-item.sowinmobile{display: none;}
#featurework.custom-carousel.owl-carousel{ display: flex; flex-wrap: wrap; width: auto; position: relative; margin: 0 -15px;}
#featurework.custom-carousel.owl-carousel .item{width:calc(50% - 10px); transition: .3s; margin: 0px; background:#fff; margin-bottom: 30px;}
 .homefeaturegridmain .item{width:calc(50% - 10px); transition: .3s; margin: 0px; background:#fff; margin-bottom: 20px; float: left;}
#featurework.custom-carousel.owl-carousel .item:hover{box-shadow: 1px 10px 35px rgba(0,0,0,0.1); transform: scale(1.005);}
.relatedwrkgridrow .relateworkbox img{display: block; transition: .3s; position: relative;}
.relatedwrkgridrow .relateworkbox img:hover{box-shadow: 4px 10px 20px rgba(0,0,0,0.2); transform: scale(1.003);}
.caselandingtxts h2{transition:  min-height 0.4s ease;}
.caselandingbox:hover .caselandingtxts h2{min-height: auto;}
.caselandingtxts p{visibility: hidden; transition: all 0.5s ease-out;}
.caselandingbox:hover .caselandingtxts p{visibility: visible;}
.caselandingbox:hover .caselandingtxts{max-height: 380px; transition:  max-height 0.4s ease;}
.relatedwrkgridmain .caselandingbox:hover .caselandingtxts{max-height: inherit;}
.pageservicebox h2 a,.pageservicebox h3 a{display: inline-block; text-align: center; }
.homebannercontent p span{display: block; }
.homebrandsctn .homebrandright{margin: 20px 0;}
.casetopcontent .bannersbtxts,.casetopcontent .casetoptxtblk{padding-left: 15px;}
.back-to-top{bottom: 72px; right: 6px;}
/* .servicelist a:hover{-moz-border-image: -moz-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);-webkit-border-image: -webkit-linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);
border-image: linear-gradient(to right, #c96bf7 0%, #25d0e7 100%);    border-image-slice: 100%;
border-image-slice: 1; color: #fff;} */

.servicelist a:hover{-moz-border-image: -moz-linear-gradient(to right, #5A7AE4 0%, #5A7AE4 100%);-webkit-border-image: -webkit-linear-gradient(to right, #5A7AE4 0%, #5A7AE4 100%);
border-image: linear-gradient(to right, #5A7AE4 0%, #5A7AE4 100%);    border-image-slice: 100%;
border-image-slice: 1; color: #fff;}

/* temp*/
.customnav .menuopen .dropdownmenu{background: none; padding: 0; border:none; top:0; z-index: 9;}
.menuopen .dropdownmenu .dropdownitemain{padding: 25px 35px; background: #000; margin-top: 65px;}
.customnav .navbar-nav .nav-link{z-index: 10;}
.maxwide-135{max-width: 135px;}
.relatedworktxtblk p,.relatedworktxtblk h3{margin-top: 15px;}
}

@media only screen and (min-width: 768px)
{
  .blgflterdropdown{display: none;}
}

/* @media only screen and (min-width: 1601px)
{
  .theprocestextblk h2{padding-right: 400px;}
  .pageaboutxtblk h2,.whatwedoblocktext h2,.whatwedoblocktext .whatwedoblocktexthead{padding-right: 330px;}
  .homefeaturetextblk h2,.homefeaturetextblk .homefeaturetxthead{padding-right: 358px;}
  .homeservicetxtblk h2,.catpagetextblock h2{padding-right: 365px;}
  .homebannercontent p{min-width: 1200px;}
  .homewhatwedomain .whatwedoleft .commonpagetitle h2, .homewhatwedomain .whatwedoleft .commonpagetitle .commonpagetitletxt{max-width: 160px;}


} */
@media only screen and (max-width: 1600px)
{
  .mainpagewrap{max-width: 82%; padding: 0;}
  .homebannercontent h1{font-size: 72px; line-height: 1.15;}
  .homebannercontent p{font-size: 24px; line-height: 34px;}
  .mainpagewrap .homebannercontent{padding: 200px 0 0;}
  .footerlinksmain .footerlinks{margin: 0 0 10px;}
  .footerlinkblk .footersublinkmain{margin:20px 0 0;}
  .wahtwedogirdmain .whatwedogridrow{margin: 60px -22px 0;}
  .customnav .dropdownmenu{max-width: 95%;}
   footer{padding: 65px 0 20px; }
  .topscrollemenu ul li{margin-right: 35px;}
  .topscrollemenu ul li a{font-size: 16px;}
  .relatedbxrightbtm{margin:20px 0 0;}
  .pageaboutsc.teams::before{height: calc(84% + 100px);}
  .caselandingtxts h2{font-size: 28px; line-height: 34px;}
  .contactdetail h2{font-size: 42px; line-height: 46px;}
  .contactdetail p{font-size: 28px; line-height: 38px;}
  .relatedbxrightbtm .relatedtagblk{width: calc(33.33% - 18px); max-width: calc(33.33% - 18px); margin-right: 24px;}
  .relatedtagblk p{font-size: 11px; line-height: 16px;}

}
@media only screen and (min-width: 1201px) and (max-width: 1600px)
{
  .caselandingtxts .catetags{min-height: 50px; display: flex; flex-wrap: wrap; align-items: center; margin-top: -10px;}
  .relatedwrkgridmain .caselandingtxts .catetags{display: block; margin-top: 0;}
  .relatedwrkgridmain .caselandingtxts .catetags{min-height: auto;}
  .catetags span{margin: 0 0 5px 0; font-size: 11px;}
  .catetags span.separation{padding: 0 5px;}
  .catetags span a{font-size: 11px;}
  .caselandingbox:hover .catetags{min-height: auto; margin: 0; display: block;}
}

@media only screen and (min-width: 992px) and (max-width: 1400px)
{
.relatedbxrightbtm .relatedtagblk:last-child{margin-right: 0}
.relatedtagblk h4{font-size: 24px;}
.relatedbxrightbtm .relatedtagblk{margin-right: 20px;}
.sitemap .col-md-left{width: 25%;}
.relatedwrkgridmain .caselandingtxts h2{min-height: 68px; margin: 0 0 8px;}
.relatedwrkgridmain .caselandingbox:hover .caselandingtxts h2{min-height: 68px;}
.relatedwrkgridmain .catetags span{margin: 0 0 5px;}

}

@media only screen and (min-width:1300px) and (max-width: 1470px)
{
.footerlinksmain .footerlinks a{font-size:15px;}
/* .footerlinks .linkdivider{margin: 5px 12px;} */
}

@media only screen and (min-width:991px) and (max-width: 1320px)
{
.footertopcontent .footercmpanyblk{width: 100%;}
.footertopcontent .footerlinkblk{width: 100%; padding-left:0%;} 
.footerlinksmain .footerlinks {margin: 0 0 20px;    display: block;}
.footerlinkblk .footersublinkmain {text-align: left; margin: 20px 0 0;}
.footerlinks .linkdivider {    margin: 0 15px 0 0;}
.footerlinksmain .footerlinks a{font-size: 18px;}
/* .footerlinkblk .footerlinksmain{display: block;} */
.hidedesktop{display: block!important;}
.footerlinkblk .footersublinkmain a { margin-left: 0;margin-right: 40px;}
.footerbtmcontent .footerinfotext, .footerbtmcontent .footercopyright {width: 100%; text-align: left;}
.footerbtmcontent{margin: 30px 0 0;}
footer {padding: 45px 0 30px;}
.pagemainbnrsbtxt, .pagemainrnew .pagemainbnrsbtxt{font-size: 54px; line-height: 1.1; max-width: 100%;}

}

@media only screen and (min-width: 992px) and (max-width: 1200px)
{
.relatedwrkgridmain .caselandingtxts h2{min-height:68px;}
}


@media only screen and (max-width: 1535px){
  .footerlinksmain .footerlinks a {
    font-size: 20px;
}
}
@media only screen and (max-width: 1400px){
  
  .footerlinksmain .footerlinks a {
    font-size: 18px;
}
}
@media only screen and (max-width: 1320px){
  .footerlinksmain .footerlinks {
    width: 50%;
}
.footerlinkblkBox .footerlinks {
  float: left;
  width: 100%;
}
.footerbtmcontent .footerinfotext, .footerbtmcontent .footercopyright {
  width: 100%;
  text-align: center;
}
.footerlinksmain .footerlinks ul li {
  list-style: none;
  margin-left: -15px;
}
.footerlinksmain .footerlinks ul li a {
  margin-left: 0px;
}
.homeservicetxtblk.black_bg h2 br {
  display: none;
}
}

@media only screen and (max-width: 1200px)
{
  .homebannercontent h1{font-size: 68px; line-height: 72px;}
  .frmtitle h1{font-size: 68px; line-height: 72px;}
  .homebannercontent p{font-size: 24px; line-height: 34px;}
  .pagemainbannertxt h1{font-size: 56px; line-height: 66px; margin: 0 0 25px;}
  .thankspage h1{font-size: 56px; line-height: 66px;}
  .customnav .dropdownmenu{width:1000px; max-width: 100%;}
  .pageaboutsc.teams::before{display: none;}
  .caselandinrow .caselandingbox{width: calc(50% - 30px);}
  .pagemainbanner.hasmedia img{min-height: 290px;}
  .contactdetail p{font-size: 24px; line-height: 34px;}
  .contactdetail h2{font-size: 36px; line-height: 40px;}
  .pageservicerow .pageservicebox{width: calc(50% - 30px);}
   
   /* temp css */
  .cta_advrtismnt{margin: 30px auto 95px;}
  /* end temp css */
  .whatWeDoBoxRight .wwd-boxTwo li {
    margin: 25px 27px 0 0;
}

}
@media only screen and (max-width: 991px)
{
.headermain ,.mainpagewrap{width: 92%; max-width: 92%; margin: 0 4%;}
.navbar-expand-lg.customnav{margin-top:0; padding: 25px 0; position: static;}  
.mobilemenu{position: relative; width: 35px; padding: 0; border: none; outline: none;}
.mobilemenu:focus,.mobilemenu:hover{outline: none;}
.mobilemenu .menu{display: block; transition: 0.3s ease-in-out; position: relative; background:#fff; width: 35px; height: 2px; margin: 8px 0;}
.headermain .navbar-collapse{background: #000;position: absolute; z-index: 9999; left: -300px; display: block; width: 300px;  transition: all 0.5s;  top: 100%; padding-top: 20px; height: calc(100vh - 78px); overflow-y: auto;  }
.headermain .navbar-collapse.show{width: 100%; left: 0;}

.customnav .navbar-nav .nav-link.dropdown-toggle{background:none;}
.customnav .navbar-nav .nav-item{position: relative; padding: 0 4%;}
.customnav .navbar-nav .nav-link,.customnav .navbar-nav .nav-link.dropdown-toggle{font-size: 21px; background:none; line-height: 24px; font-family: 'montserrat-regular'; color: #999; padding: 13px 0; margin: 5px 0;  }
.customnav .dropdownmenu{min-width:100%;width:100%;max-width:100%;position:relative; float: left; padding:30px 0 0px 30px}
.customnav .dropdownmenu.show{display: block;}
.dropdownmenu .dropdownitemain li{width: 100%; margin: 0;}
.dropdownitems .dropdownitmlink{padding:10px 0 15px 25px;}
.dropdownitems h2,.submenutitle{font-size: 18px; font-family:'montserrat-regular'; }
.dropdownitmlink .dropdownlinktxt{margin: 0 0 20px;}
.customnav .navbar-nav .nav-item:last-child{padding:0 0 40px;}
.mobile_arrow{position: absolute;right: 3%; pointer-events: none; text-align: center; height: 30px;width: 30px;background:none;top: 15px; cursor: pointer; display: flex; justify-content: flex-end; align-items: center;} 
.mobile_arrow span{font-size: 35px; line-height: 24px; transition: 0.3s ease-in-out;  background: -webkit-linear-gradient(#bb32fe, #01bace);
-webkit-background-clip: text;   -webkit-text-fill-color: transparent;}
.mobile_arrow .closedownmenu{display: none; background: -webkit-linear-gradient(#bb32fe, #01bace); -webkit-background-clip: text;   -webkit-text-fill-color: transparent;}
.customnav .navbar-nav .nav-item.show .mobile_arrow .open{display: none;}
.customnav .navbar-nav .nav-item.show .nav-link.dropdown-toggle{color: #fff;}
.customnav .navbar-nav .nav-item.show .mobile_arrow .closedownmenu {display: block; position: relative; top:-3px; font-size: 40px;}
 header::after{content: ''; background:#000; z-index: -1; transition: all 0.5s; position: absolute; left: 0; height: 100%; width: 0px;}
.openmenu header::after{width: 100%;}
.dropdownmenu .dropdownitemain li:last-child .dropdownitmlink{padding: 10px 0 5px 25px}
.openmenu .mobilemenu .menu-bar1{transform: rotate(45deg);top: 5px;}
.openmenu .mobilemenu .menu-bar2{transform: rotate(-45deg);top: -5px;}
.customnav .navbar-nav .nav-link.dropdown-toggle{position: relative; cursor: pointer;}
.customnav .navbar-nav .nav-item.show .nav-link.dropdown-toggle::after{position:absolute; content: ''; left: 0; height: 2px;display: block; width: 100%; background: linear-gradient(to right,#bb32fe, #01bace); margin: 0; border: 0; bottom: 0;}
.customnav .navbar-nav .callus{margin: 25px 0 0; text-align: center;}
.customnav .navbar-nav .callus a{display:inline-block;background:#597ae4;color:#fff;font-size:14px; text-decoration: none; text-transform:uppercase;padding:16px 70px; width: 208px; font-family:'montserrat-medium';letter-spacing:1px;}
/*home*/
.homewhatwedomain .whatwedoleft,.homewhatwedomain .whatwedoright,.homefeaturemain .homefeatureleft,.homefeaturemain .homefeatureright,.homesevices .homeserviceleft
,.homesevices .homeserviceright{width: 100%; padding: 0;}
.commonpagetitle h2,.commonpagetitle .commonpagetitletxt{font-size: 16px; letter-spacing: 0.75px;}
.commonpagetitle h2::before.commonpagetitle .commonpagetitletxt::before{margin:0 0 15px;}
.whatwedoblocktext h2,.whatwedoblocktext .whatwedoblocktexthead{font-size: 32px; line-height: 41px; margin:0 0 30px; display: block;}
.whatwedoblocktext p{font-size: 16px; line-height: 24px;}
.homebrandright .whatwedoblocktext p{font-size: 20px; line-height: 28px;}
.wahtwedogirdmain .whatwedogridrow{margin: 50px 0 0;}
.whatwedogridrow .whatwedomedia,.whatwedogridrow .whatwedocontent{width: 100%; padding:0;}
.whatwedocontent h2,.whatwedocontent h3{font-size: 32px; margin:25px 0 20px;}
.whatwedocontent p,.hmfeaturebxtxt p{font-size: 16px; line-height: 24px;}
.whatwedocontent .morelinkbtn{margin:15px 0 15px;}
.homewhatwedo,.homefeaturework,.homebrandsctn{padding:65px 0 65px;}
.homefeaturetextblk h2,.homefeaturetextblk .homefeaturetxthead{font-size: 32px;line-height: 39px;margin: 0 0 30px;}
.hmfeaturebxtxt .hmfeaturetags{display: none;}
.homefeatureright .homefeaturectasc{text-align: center;}
.homefeaturectasc h2,.homefeaturectasc .homefeaturectaschead{font-size: 24px; line-height: 38px;}
/* .homefeaturectasc .viewallbutton{width: 340px; max-width: 100%; } */
.homefeaturectasc .viewallbutton {
  width: 225px;
  max-width: 100%;
  padding: 15px 12px;
  font-size: 14px;
}
.homebrandsctn .homebrandright{float: left; width: 100%; padding: 0;}
.homebrandtxtblk p{font-size: 20px;  line-height: 32px;}
.homebrandtxtblk p br{display: none;}
.homebrandgridrow .homebrandgridbx{width: 33.33%; text-align: center; margin: 20px 0; padding: 0 15px;}
.homeservicetxtblk h2{font-size: 32px; line-height: 1.31; margin: 0 0 20px; text-align: left;}
.homeservicetxtblk p,.hminouserow .textscontent p{font-size: 16px; line-height: 24px;}
.homeserviceright .homeservicetxtblk{margin: 0 0 -30px;}
.homeservicegridrow .homeservicebox{width:calc(100% - 30px)}
.homeservicegridrow .homeservicebox + .homeservicebox{display: none;}
.homeserviceright .homeservicebtmcta{margin: 30px 0 0; text-align: center;}
/* .homeservicebtmcta h2,.homeservicebtmcta .homeservicebtmctahead{font-size: 20px; text-align: left;} */
.homeservicebtmcta h2, .homeservicebtmcta .homeservicebtmctahead {
  font-size: 18px;
  text-align: left;
  font-family: 'montserrat-regular';
}
/* .homeservicebtmcta .homeservicebtns,.footerctamain .footerctabtn{width: 340px; text-align: center; max-width: 100%; height: 52px;} */
.homeservicebtmcta .homeservicebtns, .footerctamain .footerctabtn {
  width: 225px;
  text-align: center;
  max-width: 100%;
  padding: 15px 12px;
  font-size: 14px;
  float: left;
  height: auto;
}
.homeservicebox img {
  display: none;
}
a.homeservicebtns.size {
  padding: 13px 12px;
}

.homesevices{padding:65px 0 65px;}
.hminouserow .hminhousebox{width: 100%;}
.homeinouse .hminhousegridmain{padding: 0;}
.hminouserow .textscontent.right,.hminouserow .textscontent.left{padding: 0 15px; order: 1; -webkit-order:1;}
.hminouserow .textscontent h2,.hminouserow .textscontent h3{margin: 30px 0 20px;}
.hminhousegridmain .hminouserow + .hminouserow{margin-top: 40px;}
.homeinouse{padding: 55px 0 50px;}
.footerctamain h2,.footerctamain h3{font-size: 32px;}
.footertopcontent .footercmpanyblk,.footertopcontent .footerlinkblk{width: 100%; padding: 0;}
.footerlinkblk .footerlinksmain{text-align: left; width: 100%; margin: 10px 0 0;}
.footerlinksmain .footerlinks{margin: 0 0 20px; display: block;}
.footerlinks .linkdivider{margin:0 15px 0 0;}
.footerlinkblk .footersublinkmain{text-align: left; margin: 20px 0 0;}
.footerlinkblk .footersublinkmain a{margin-left: 0; margin-right: 40px;}
.footerbtmcontent{width: 100%; margin: 30px 0 0;}
.footerbtmcontent .footerinfotext, .footerbtmcontent .footercopyright{width: 100%; text-align: center;}
.homebannercontent h1 {font-size: 58px;line-height: 64px; margin: 0 0 40px;}
.homebannercontent p { font-size: 20px; line-height: 30px; }
.footercta{padding: 70px 0 70px;}
footer{padding: 45px 0 20px;}
.pagebreadcrumb{display: none;}
.pageaboutmain .pageaboutleft,.pageaboutmain .pageaboutright,.relatedworkmain .relatedworkleft,.relatedworkmain .relatedworkright,.theprocessecmain .theprocessleft,.theprocessecmain .theprocessright,.whyzeemomain .whyzeemoleft,
.whyzeemomain .whyzeemoright,.pagefaqmain .pagefaqlef,.pagefaqmain .pagefaqright,.pageblogscmain .pageblogleft,.pageblogscmain .pageblogright,.catpageservicemain .catepageleft,
.catpageservicemain .catepageright{width: 100%; padding:0;}
.pageaboutsc{padding: 65px 0;}
.pagemainbannertxt h1{font-size: 58px; line-height: 64px; margin: 0 0 40px;}
.pageaboutxtblk h2{font-size: 32px; line-height: 41px; margin: 0 0 20px;}
.pageaboutxtblk h2.Pg_service_subhead,.catpagetextblock h2.Pg_service_subhead,.Pg_service_subhead{font-size: 24px; line-height: 32px;}
.pageaboutright .pageaboutxtblk{margin: 0 0 35px;}
.pageaboutlist .aboutliscontent{padding-left: 25px;}
.aboutliscontent p,.relatedbxrightxt p{font-size: 16px; line-height: 24px; margin: 0 0 10px;}
.relatedbxrightxt .relatedtagblk p{ font-size: 12px; line-height: 18px; }
.pageaboutright .pageaboutlist{margin: 0 0 15px;}
.relatedwrkgridrow .relateworkbox{width: calc(100% - 30px)}
.relateworkbox .relatedbxrightxt{padding: 0;}
.relatedbxrightxt h2,.relatedbxrightxt h3{margin: 30px 0 20px;}
.relatedbxrightbtm{margin: 30px 0 0;}
.relatedbxrightbtm .relatedtagblk{width:32%; max-width:32%; margin-right: 10px; text-align: left;}
.relatedwrkgridmain .owl-dots{display: block; text-align: center; margin-top: 15px;}
.relatedwrkgridmain .owl-dots .owl-dot{display: inline-block; width: 35px; height: 4px; background: #c2c2c2; margin: 0 10px;}
.relatedwrkgridmain .owl-dots .owl-dot.active{background: #000; outline: none;}
.relatedworktxtblk p,.relatedworktxtblk h3{font-size: 20px; line-height: 28px;}
.relatedwrkgridmain .relatedwrkgridrow{padding: 20px 0;}
.commonpagetitle.light h2 br,.commonpagetitle h2 br,.commonpagetitle.light .commonpagetitletxt br,.commonpagetitle .commonpagetitletxt br{display: none;}
.theprocestextblk h2{font-size: 32px; line-height: 38px; margin: 0 0 25px;}
.theprocestextblk p,.collpasbleitem p,.collpasbleitem ul li{font-size: 16px; line-height: 24px;}
.processleftab{display: none;}
.processtabmain .processtabright{width: 100%; padding: 0;}
.tab-content .tab-pane{opacity: 1; display: block;}
.expanditems{font-size: 20px; cursor: pointer; position: relative; display: block; color: #999; padding:0 0 10px; background: url('../images/proces-arrowdown.png') no-repeat; background-position: right 8px;  background-size: 22px; }
.expanditems::after{content: ''; position: absolute; bottom: 0; height: 2px; width: 100%; left: 0; background: #999;}
.processtabright .tab-content .tab-pane{padding: 0 0 30px;}
.processtabright .tab-content .tab-pane.active .expanditems{color: #fff;  background: url('../images/proces-arrowup.png') no-repeat; background-position: right 8px;  background-size: 22px; }
.processtabright .tab-content .tab-pane.active .expanditems::after{background: linear-gradient(to right, #bb32fe 15%, #01bace);}
.collpasbleitem.show{display: block;}
.collpasbleitem{display: none; padding: 15px 0 10px; }
.homebrandgridmin .homebrandgridrow{justify-content: center;}
.whyzeemotextblk h2{font-size: 32px; line-height: 41px; margin:0 0 20px;}
.whyzeemotextblk p{font-size: 20px; line-height: 28px;}
.rowgwithgap30 .colonethird{width: calc(50% - 30px);}
.whyzeemogrditxts p{font-size: 16px; line-height: 24px;}
.whysctnloadmore .loadmorelinkbtn,.srvicesloadmore .loadmorelinkbtn{display: inline-block;}
.pageservicerow .pageservicebox{display: none;}
.pageservicerow .pageservicebox:nth-of-type(1),.pageservicerow .pageservicebox:nth-of-type(2),.pageservicerow .pageservicebox:nth-of-type(3),.pageservicerow .pageservicebox:nth-of-type(4){display: block;}
.srvicesloadmore .loadmorelinkbtn{margin: 10px 0 0;}
.rowgwithgap30 .colonethird:nth-of-type(1){margin-top: 15px;}
.rowgwithgap30 .colonethird:nth-of-type(1),.rowgwithgap30 .colonethird:nth-of-type(2){display: block;}
.faqheading h2,.faqtext p,.faqheading .faqheadinghead{font-size: 16px; line-height: 24px;}
.faqheading h2, .faqheading .faqheadinghead{padding: 18px 40px 18px 25px;}
.faqtext{padding:0 40px 5px 25px;}
/* temporary*/
.rowgwithgap30 .colonethird{display: none;}
/* temporary */
.pagefaqright .pagefaqtitle h2,.pagefaqright .pagefaqtitle .pagefaqtitletxt{font-size: 32px; line-height: 39px; margin:0 0 20px;}
.accordnmain .faqheading::after{font-size: 42px; right: 18px;}
.relatedserviceright .wahtwedogirdmain .whatwedogridrow:first-child{margin-top: 25px;}
.pageblogtextblk h2,.pageblogtextblk .pageblogtextblkhead{font-size: 32px; line-height: 41px; margin: 0 0 30px;}
.pageblogsrow .pageblogbox{width: calc(100% - 30px);}
.pageblogsrow .pageblogbox + .pageblogbox{margin-top: 40px;} 
.topscrollemenu ul li a{font-size: 14px;}
.topscrollemenu ul li a:not(.active){color: #999;}
.topscrollemenu ul li a:not(.active)::before{background: #999;}
.catpagetextblock h2{font-size: 32px; line-height: 41px; margin: 0 0 20px;}
.catpagetextblock p{font-size: 16px; line-height: 24px;}
.pageservicebox p{font-size: 16px; line-height: 24px;}
.catpageservice{padding: 45px 0;}
.catepageright .catpagetextblock{margin: 0 0 30px;}
.pagerelatedwork{padding: 50px 0 60px;}
.whysctnloadmore.smgapbottom{margin: 0 0 20px;}
.pagefaq,.whyzeemosect{padding: 30px 0;}
.sm-nobottomgap{padding-bottom: 0;}
.pagemainbanner::before{display: none;}
.theprocessect,.solutionsec,.results_sec{padding: 65px 0 35px;}
.pageagencytxtblk,.agencymeetmain .agencymeetright{width: 100%; padding: 0;}
.pageagencytxtblk h2{font-size: 32px;line-height: 41px;margin: 0 0 20px;}
.pageagencytxtblk p{font-size: 16px; line-height: 24px;}
.agencymeetright .angecyrightextblk h2{font-size: 32px; line-height: 41px; margin: 0 0 40px;}
.agencygridmain .agencygridrow{margin: 0;}
.agencygridrow .agencygridbox{padding: 0; width: 100%;}
.whyzeemosect  .rowgwithgap30 .colonethird:nth-of-type(1){margin-top: 30px;}
.agencygridbox .agencybxhead{margin: 25px 0 20px;}
.agencygridbox .agencybxhead h4{font-size: 30px; line-height: 32px;}
.agencygridbox .agencybxhead p,.agencygridrow .agencygridbox p{font-size: 16px; line-height: 24px;}
.agencygridrow .agencygridbox.agencymedia{order: -1;}
.agencygridmain .agencygridrow + .agencygridrow{margin-top: 35px;}
.caselandinrow .caselandingbox{width: calc(100% - 30px);}
.caselandingbox .caselandgtxtmain{height: auto;}
.caselandgtxtmain .caselandingtxts{position: static;}
.caselandgtxtmain .caselandingtxts h2{font-size: 32px; line-height: 40px; min-height: auto;}
.caselandingtxts .showinmobile{margin-top: 10px; transform: scale(1);}
.caselandingtxts p{font-size: 16px; line-height: 24px;}
.caselanding{padding: 45px 0;}
.outlinebg{display: none;}
.casetopcontent{padding: 40px 0 40px;}
.casetopcontent .casetoptxtblk{margin: 0; width: 100%}
.casetopcontent .bannersbtxts{width: 100%; margin: 0 0 40px;}
.bannersbtxtmain strong{font-size: 32px; line-height: 46px;}
.bannersbtxts .bannersbtxtmain{padding:0 45px;}
.casetoptxtblk p{font-size: 20px; line-height: 28px;}
.casedetaislmain .casedetailsleft,.casedetaislmain .casedetailsright{width: 100%; padding: 0;}
.casedetailsbrow .casedetailsbcols1{width: 100%; margin: 10px 0 25px;}
.casedetailsbrow .casedetailsbcols2{width: 100%;}
.casedetailsbrow .casedetailsbcols3{width: 100%;}
.casedetailsright .caserightcontens{margin: 10px 0 10px;}
.pagecontrols .pagecontrolsmain a{font-size: 16px;}
.pageservicebox h2 a > br,.pageservicebox h3 a > br,.catpagetextblock h2 > br,.pageaboutxtblk h2 > br,.homefeaturetextblk h2 > br,.homefeaturetextblk .homefeaturetxthead br{display: none;}
.pageaboutxtblk p{font-size: 16px; line-height: 24px;}
.contactgridrow .contactcol-1,.contactgridrow .contactcol-2,.contactgridrow .contactcol-3{width: 100%; }
.frmfieldsmain select.frmfields{background-size: 20px;}
.contactsect{padding-top: 150px;}
.contactdetail h2{font-size: 32px; line-height: 36px;}
.contactdetail p{font-size: 20px; line-height: 28px;}
.contactfrmsec .frmtitle{margin: 60px 0 0;}
.frmtitle p,.frmfieldsmain .frmfieltsbtxt,.servicelist a{font-size: 16px; line-height: 24px;}
.frmfieldsmain .frmfields{font-size: 16px; padding: 15px 20px; min-height: 54px;}
.frmtitle h1{font-size: 32px; line-height: 40px; margin: 0 0 20px;}
.contactfrmain .frmfieldsmain{margin: 0 0 15px;}
.attachfiles{margin: 0 0 15px;}
.privacysctxt p{font-size: 16px; line-height: 24px; margin: 0 0 10px;}
.privacysctxt ul li,.col-md-left ul li a{font-size: 16px; line-height: 24px;}
.privacysctxt h2{font-size: 30px; padding: 20px 0 15px;}
.col-md-left .Explore{font-size: 18px;}
.sitemap .col-md-left{width:33.33%;}
.col-md-left ul li a{font-size: 16px; line-height: 24px;}
.testimoni .casetestimonitxt{font-size: 18px; line-height: 28px;}
.caserightcontens p,.casedetailsbrow .casedetailsbcols1 p{font-size: 16px; line-height: 24px;}
.pagerelatedwork .relatedwrkgridmain{margin: 20px 0 0;}
/* Temp section */
.cta_advrtismnt{max-width: 60%; margin: 30px auto 90px;}
.frmtitle h1.cta-advertisetxt{margin-bottom: 20px}
.relatedwrkgridmain .caselandingbox{width: 100%; margin: 0;}
/* end temp section */

h2.pageHeading {
  font-size: 32px;
}
.whatWeDoMainBox p {
  font-size: 16px;
  line-height: 24px;
}
.whatWeDoBoxLeft {
  width: 100%;
}
.whatWeDoBoxRight {
  width: 100%;
  padding: 0;

}
.whatWeDoBoxRight .wwd-boxOne li {
  display: block;
  float: left;
  width: 50%;
  margin: 20px 0px 0 0;
}
.whatWeDoBoxRight .wwd-boxTwo li {
  display: block;
  float: left;
  width: 50%;
  margin: 20px 0px 0 0;
}
.homefeatureright p {
  font-size: 16px;
  line-height: 24px;
}

.homefeaturegridmain .item{
  margin-top: 20px;
}
.homebrandtxtblk h2, .homebrandtxtblk .homebrandtxthead,.homebrandtxtblk h3{
  font-size: 24px;
   line-height: 29px;
}
.homebrandtxtblk p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-family: 'montserrat-regular';
}
.faqaccordion .expandall {
  font-size: 14px;
}
.footerinfotext p {
  font-size: 18px;
  line-height: 28px;
  font-family: 'montserrat-regular';
}
.footerlinksmain .footerlinks {
  width: 50%;
}
.footerlinksmain .footerlinks a {
  font-size: 14px;
  line-height: 18px;
}
.footerlinksmain .footerlinks ul li a {
  font-size: 14px;
  line-height: 24px;
}
.footerlinks ul {
  margin-top: 8px;
}
.footerlinkblkBox {
  float: left;
  width: 49%;
  margin-top: 9px;
  padding-left: 12px;
}
.footerlinkblkBox .footerlinks {
  float: left;
  width: 100%;
}
.footerlinkblkBox .footerlinks {
  line-height: 20px;
  padding-left: 17px;
}
.whatWeDoBoxRight li a {
  padding: 0 1px;
}
.whatWeDoMainBox {
  padding-left: 0px;
}
.whatWeDoBox {
  padding-left: 0px;
}
.whatWeDoBoxLeft ul li a {
  color: #fff;
  font-size: 18px;
  line-height: 50px;
}
.whatWeDoBoxRight h4 a {
  font-size: 24px;
}
.whatWeDoBoxLeft h4 a {
  font-size: 24px;
}

.whatWeDoBoxRight ul {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.whatWeDoBoxRight .wwd-boxOne li:nth-child(1) {
  width: 50%;
}
.whatWeDoBoxRight {
  margin-top: 15px;
}
.wwd-boxOne {
  margin-bottom: 15px;
}

.home .pagefaqmain .pagefaqright {
  padding-left: 0px;
}
.footerlinksmain .footerlinks ul li {
  list-style: none;
  margin-left: -12px;
}
.footerlinkblkBox .footerlinks {
  margin-left: -26px;
}
.caselandinBoxlogo.width {
  width: 180px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
img.logoSize {
    width: 209px;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}
.footerlinksmain .footerlinks ul li a {
  margin-left: 0px;
}
.featureBoxlogo.width15 {
  width: 150px;
}
.caselandinBoxlogo.width15 {
  width: 150px;
}
img.logoSize.one {
  width: calc(100% - 40px);
  width: 209px;
}
.pagemainbannertxt h1.pagemainbnrhead, .pagemainbnrhead{font-size: 16px; line-height: 18px;}
.pagemainbnrsbtxt,.pagemainrnew .pagemainbnrsbtxt{font-size: 32px; line-height: 42px; max-width: 100%;}
.pagemainrnew{min-height: 130px;}
}

@media only screen and (max-width: 767px)
{  

  /* .footerlinkblkBox .footerlinks {
    margin-left: -15px;
  } */
  .footerlinksmain .footerlinks {
    padding-right: 2px;
}
  .mainpagewrap .homebannercontent{padding: 210px 0 0;}
  .homebannercontent h1{font-size: 32px; line-height: 39px; letter-spacing: -0.4px; margin: 0 0 24px;}
  .homebannercontent h1 b > strong.lettrsprtrs{margin-left: 3px;}
  .homebannercontent p{line-height: 28px; font-size: 20px;}
  .homebannercontent h1 b{text-shadow: none; -webkit-text-shadow: none;}
  .homebannercontent .homebannercat{padding: 30px 0 30px;}
  .homebannercat span{margin: 0 0 20px; display: block; float: none;}
  .homebannercat a::before{margin: 0 0 7px;}
  .homebannercat span a{float: none; display: inline-block;}
  .pagemainbannertxt h1{font-size: 32px; line-height: 36px; margin: 0 0 30px;}
  .pagemainbannertxt p{font-size: 16px; line-height: 24px;}
  .rowgwithgap30 .colonethird{width: calc(100% - 30px);}
  .whatwedoblocktext h2 br,.pagemainbannertxt p br, .whatwedoblocktext .whatwedoblocktexthead br{display: none;}
  .processtabmain .processtabright{width: 100%; padding: 0;}
  .tab-content .tab-pane{opacity: 1; display: block;}
  .pagemainbanner.hasmedia .pagemainbannertxt h1{margin:0;}
  .bannersbtxts .bannersbtxtmain{padding:0 5%;}
  .bannersbtxtmain strong{font-size: 28px; line-height: 40px;}
  .bannersbtxts .bannersbtxtmain:last-child{margin-right: 0;}
  .pagemainbanner.hasmedia .pagemainbannertxt p{font-size: 12px; line-height: 16px;}
  .locataionpopmain .mdlmapcontent { max-width: 92%;}
  .errormaintxts,.pgcontainerfluid{padding: 55px 0;}
  .errormaintxts h2, .errormaintxts h1{font-size: 32px; line-height: 42px; margin: 0 0 15px;}
  .errormaintxts p{font-size: 16px; line-height: 24px;}

  .thankspage h1{margin-top:75px;}
  .thankspage{min-height: 100vh; align-items: flex-start;}
  .contactdetail h2 a{pointer-events:auto;}
  .footercomoanytext p a{pointer-events:auto; text-decoration:none;}
  .pageaboutlist .aboutliscontent{float: left;width: 100%;padding-left: 4px;margin: 15px 0 0;}
  .pageaboutright .pageaboutlist{margin:0 0 25px;}
  .pageservicerow .pageservicebox{width: calc(100% - 30px);}
  .pageservicebox h2,.pageservicebox h3{min-height: auto; font-size: 24px; line-height: 32px;}
  .relatedtagblk h4{ font-size: 24px; }
  .relatedbxrightbtm .relatedtagblk{width: calc(33% - 7px); max-width:calc(33% - 7px);}
  .aboutliscontent p, .relatedbxrightxt p{font-size: 16px; line-height: 24px;}
  .hminouserow .textscontent p,.homeinouse .hminhousegridmain > p{font-size: 16px; line-height: 24px;}
  .faqaccordion .expandall{margin-top: 0;}
  .bloglistabs .bloglistopmain{display: none;}
 
  /* Temp section */
 .cta_advrtismnt{max-width: 75%; margin: 5px auto 60px;}
 /* end temp section */
}


@media only screen and (max-width: 480px)
{


  .featureBoxlogo {
    width: 150px;
  }
  .caselandinBoxlogo {
    width: 150px;
}

  .headermain, .mainpagewrap{width: 88%;margin: 0 6%;}
  .customnav .navbar-nav .nav-item{padding: 0 6%;}
  .mobile_arrow{right: 6%;}
  .homebannercontent h1{font-size: 32px; line-height: 39px;}
  .homebannercontent p {line-height: 26px; font-size: 18px;}
  .relatedbxrightxt .relatedtagblk p{font-size: 12px; line-height: 1.5;}
  .relatedtagblk h4{font-size: 20px;}
  .pagemainbannertxt .bannersbtxts{display: flex; flex-wrap: wrap; margin: 0 -10px; position: relative;}
  .bannersbtxts .bannersbtxtmain { display: block; margin: 0; max-width: 33.33%;}
  .pagemainbanner.hasmedia .bannersbtxtmain strong{font-size: 28px; line-height: 38px;}
  .pagemainbanner.hasmedia img{min-height:350px;}
  .sitemap .col-md-left{width:50%;}
  .bannersbtxtmain p{font-size: 11px; max-width: 105px;}
  #cont_message .mandatory_field{top:2px;}
  .cta_advrtismnt{max-width: 90%;}
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; transition: ease-in-out 2s; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; transition: ease-in-out 2s; }
      to { opacity: 1; }
}



@media only screen and (max-width: 420px)
{
  .footerlinkblkBox .footerlinks {
    margin-left: -27px;
}

}




/* owl caraousel*/
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative; z-index: 1; }
  .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden;  /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0;  height: 0; }
  .owl-carousel .owl-stage-outer {position: relative; overflow: hidden;  /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {display: block;width: 100%; }
  .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none; }
  .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }
  .owl-carousel.owl-loaded {display: block; }
  .owl-carousel.owl-loading {opacity: 0;display: block; }
  .owl-carousel.owl-hidden {opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .owl-carousel.owl-grab {cursor: move; cursor: grab; }
  .owl-carousel.owl-rtl { direction: rtl; }
  .owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel {display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }

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

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */ }
  .owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; }


/*end owl caraousel*/

/* dark mode */

@media (prefers-color-scheme: dark)
{
  @media only screen and (max-width:991px){
  .whatWeDoMainBox .mainpagewrap{padding:0 !important;}
}
} 





/*temp*/
.homefeaturebox,.homefeaturebox .hmfeaturebximg,.homefeaturebox .hmfeaturebximg a, .homefeaturebox .hmfeaturebximg img{height: 100%;}

/*homepage layout update*/
.whatWeDoBoxmain{display: flex;}
.etablishment {font-size: 24px; line-height: 29px; float: left; margin: 0 0 66px; font-family: 'montserrat-semibold';}
.whatwedoboxlefts h4,.whatwedoboxlefts h3{ color: #000000; font-family: 'montserrat-semibold'; font-size: 32px; margin-bottom: 17px; line-height: 39px;}
.whatwedoboxlefts h4 a,.whatwedoboxlefts h3 a{color: #000; text-decoration: none;}
.whatwedoboxlefts p {color: #000000;margin-bottom: 0px;}
.homebannercontent h1 span.inlineblock{display: inline-block;}
.whatwedoboxlefts p + p{margin-top: 10px;}
.whatwedoboxlefts ul {padding:20px 0 0; margin: 0; display: flex; flex-wrap: wrap;}
.whatwedoboxlefts li {list-style: none; float: left;}
.whatwedoboxlefts li:hover{color: #BB30FE;transition: all 0.3s;}
.whatwedoboxlefts li a {color: #262123;text-decoration: none; font-family: 'montserrat-medium';  transition: all 0.3s; font-size: 16px; line-height: 21px;}
.whatwedoboxlefts li a:hover{color: #BB30FE;}
.whatwedoboxlefts .wwd-boxOne li {display: block; float: left; margin: 25px 20px 0 0;  width: 20%; max-width: 123px;}
.whatwedoboxlefts .wwd-boxOne li:last-child{margin-right: 0;}
.whatwedoboxlefts li::before{content: ''; display: block; width: calc(60px / 2);  height: 2px;  background-color: #000; margin: 0px 0 10px; transition: all 0.3s;}
.whatwedoboxlefts .wwd-boxTwo li:last-child { margin-right: 0px;}
.whatWeDoBoxmain .whatwedoboxlefts{background: #F3F3F3; width: calc(50% + 30px); padding-right: 0; transition: all 0.3s; box-shadow: -2px 4px 9px #dfdbdb;}
.whatWeDoBoxmain .wahtwedoboxright{width: calc(50% - 30px); display: flex;}
.whatWeDoBoxmain .wahtwedoboxright img{display: flex; height: 100%; object-fit: cover;}
.whatWeDoBoxmain .whatwedoboxlefts .wwd-boxOne:hover{box-shadow: none;}
.whatwedoboxlefts .wwd-boxOne{padding: 55px 40px 30px 40px; background:none;}
.whatWeDoBox .whatWeDoBoxmain + .whatWeDoBoxmain{margin-top: 55px;}
.whatWeDoBoxmain .whatwedoboxlefts.darks{background: #000;}

.whatWeDoBoxmain .whatwedoboxlefts.darks h4 a,.whatWeDoBoxmain .whatwedoboxlefts.darks h3 a{color: #fff;}
.whatWeDoBoxmain .whatwedoboxlefts.darks p{color: #999;}
.whatwedoboxlefts.darks li a{color: #999;}
.whatwedoboxlefts.darks li::before{background-color: #999;}
.whatwedoboxlefts .wwd-boxOne li:hover:before{background-color:#BB30FE; }
.whatwedoboxlefts .wwd-boxOne li:hover a{color: #BB30FE;}
.homefeaturework.darkpatterns{background: #000; padding: 80px 0;}
.homefeaturework.darkpatterns .commonpagetitle .commonpagetitletxt{color: #fff;}
.homefeaturework.darkpatterns .commonpagetitle .commonpagetitletxt::before{background-color: #fff;}
.homefeaturework.darkpatterns .homefeaturetextblk h2{margin: 0 0 30px;}
.homefeaturework.darkpatterns  .homefeaturetxthead{color: #fff; margin:0;}
.homefeaturework.darkpatterns .homefeatureright p{color: #fff;}
.featureboxhovertxt{background:rgba(38,33,35,0.90); position: absolute; left: 0; z-index: -1; top:0; height: 100%; width: 100%; opacity: 0; transition: all 0.3s; display: flex; justify-content: center; align-items: start;
flex-wrap: wrap; flex-direction: column; padding: 40px;}
.featureboxhovertxt p{font-size: 18px; line-height: 28px; color: #fff; margin: 0 0 20px;}
.featureboxhovertxt a{font-size: 18px; line-height: 28px; color: #999; margin: 0; text-decoration: underline;}
.darkpatterns .featureBoxlogo{transition: all 0.3s;}
.darkpatterns .homefeaturectasc .homefeaturectaschead{color: #fff;}
.homesevices.lightpatternbg{background: #fff;}
.lightpatternbg .homeserviceright .commonpagetitletxt{color: #000;}
.lightpatternbg .commonpagetitle .commonpagetitletxt::before{background-color:#262123;}
.lightpatternbg .homeservicetxtblk h2{color: #262123; font-family: 'montserrat-medium';}
.lightpatternbg .homeservicetxtblk p{color: #000;}
.lightpatternbg .homeservicebtmcta .homeservicebtmctahead{color: #000;}
.lightpatternbg .homeservicebtmcta .homeservicebtns{color: #262123; border-color: #262123;}
.footercomoanytext p a{font-size: 24px; line-height: 1.5;}
 .homefeaturetextblk .homefeaturetxthead{font-family: 'montserrat-medium';}
.showhiddencontent{display: none;}
.frmfieldsmain select.frmfields,.frmfieldsmain .frmfields{color: #000;}
.frmfieldsmain .frmfields::-webkit-input-placeholder {  color: #000;}
.frmfieldsmain .frmfields::-moz-placeholder { /* Firefox 19+ */color: #000;}
.frmfieldsmain .frmfields:-ms-input-placeholder { /* IE 10+ */ color: #000;}
.frmfieldsmain .frmfields:-moz-placeholder { /* Firefox 18- */ color: #000;}

/* 11-06-2024*/
@media only screen and (min-width: 992px)
{
  .pageaboutsc .pageaboutmain .pageaboutleft{width: 225px;}
  .pageaboutsc .pageaboutmain .pageaboutright{width:calc(100% - 225px);}

  .pagerelatedwork .relatedworkmain .relatedworkleft{width: 220px;}
  .pagerelatedwork .relatedworkmain .relatedworkright{width:calc(100% - 225px);}

  .whyzeemosect .whyzeemomain .whyzeemoleft{width: 225px;}
  .whyzeemosect .whyzeemomain .whyzeemoright{width:calc(100% - 225px);}
  .pagefaq .pagefaqmain .pagefaqlef{width: 225px;}
  .pagefaq .pagefaqmain .pagefaqright{width:calc(100% - 225px);}
  .theprocessect .theprocessecmain .theprocessleft{width: 225px;}
  .theprocessect .theprocessecmain .theprocessright{width:calc(100% - 225px);}
  .homewhatwedomain .whatwedoleft{width: 225px;}
}

@media only screen and (min-width: 992px)
{
  .homewhatwedomain .whatwedoleft .commonpagetitle h2 br{display: none;}
  .relatedworkmain .relatedworkleft .maxwide-135,.theprocessecmain .theprocessleft .commonpagetitle.light h2.maxwide-135{max-width:initial;}
}

@media only screen and (max-width: 991px)
{
  .pagefaq ~ .homewhatwedo{margin-top: 30px;}
}
/* end 11-06-2024*/


@media only screen and (min-width: 992px) and (max-width: 1200px)
{
  .whatwedoboxlefts h4,.whatwedoboxlefts h3{font-size: 28px; line-height:34px; }
  .whatWeDoBoxmain .whatwedoboxlefts.darks{padding-right: 0;}
  .whatWeDoMainBox p{font-size: 16px; line-height: 24px;}
  .whatWeDoBoxmain .whatwedoboxlefts{padding-right: 0;}
  .wahtwedoboxright img{display: flex; height: 100%; object-fit: cover;}
  .whatwedoboxlefts.darks li a{font-size: 14px; line-height: 18px;}
  .whatwedoboxlefts .wwd-boxOne li{margin-right: 15px;}
  .whatwedoboxlefts li a{font-size: 14px; line-height: 20px;}
  .whatwedoboxlefts ul{padding: 10px 0 0;}
  .whatwedoboxlefts .wwd-boxOne{padding: 40px 30px 20px 30px;}
}



@media only screen and (min-width: 1200px)
{
  .whatwedoboxlefts .wwd-boxOne li{margin: 25px 35px 0 0;}
  .whatwedoboxlefts ul{flex-wrap: nowrap;}
}




@media only screen and (min-width: 992px)
{
  .darkpatterns .homefeaturebox:hover .featureBoxlogo{opacity: 0;}
  .darkpatterns .homefeaturebox:hover .featureboxhovertxt{opacity: 1; z-index: 99;}
  .homebrandgridrow .homebrandgridbx{display: flex; justify-content:center;}
  .homebrandgridrow .homebrandgridbx img{max-width: 90%;}
  .pagemainbannertxt p{min-height: 76px;}
  
}

@media only screen and (max-width: 991px)
{
  .footercomoanytext p a{font-size: 18px;}
  .whatWeDoBoxmain{flex-wrap: wrap;}
  .whatWeDoBoxmain .whatwedoboxlefts,.whatWeDoBoxmain .wahtwedoboxright{width: 100%; padding: 0;}
  .whatwedoboxlefts .wwd-boxOne{padding:30px;}
  .whatwedoboxlefts h4,.whatwedoboxlefts h3{font-size: 24px; line-height: 29px;}
  .whatWeDoMainBox p,.whatwedoboxlefts li a{font-size: 16px; line-height: 24px;}
  .whatwedoboxlefts .wwd-boxOne li{margin:0; width: 100%;}
  .whatwedoboxlefts ul{padding: 20px 0 0; margin:20px 0 0; display: grid; grid-template-columns: repeat(4, 1fr);  grid-gap: 20px;}
  h2.pageHeading{font-size: 26px;}
  .homefeaturebox .hmfeaturebximg{position: relative; height: auto;}
  .homefeaturebox .hmfeaturebximg{height: auto;}
  .featureboxhovertxt {position: static; opacity: 1; padding: 25px 0 0; background: none; display: block; height: auto;}
  .homefeaturework.darkpatterns .homefeatureright p{font-size: 16px; line-height: 24px; color: #fff; margin: 0 0 15px;}
  .featureboxhovertxt a{font-size: 16px; line-height: 24px;}
  .homefeaturegridmain .item + .item{margin-top: 50px;}
  .darkpatterns .homefeatureright .homefeaturectasc{margin-top: 40px;}
  .whatWeDoMainBox .commonpagetitle.marg-t{margin-top: 65px;}
  .whatWeDoMainBox{padding: 40px 0 70px;}
  .lightpatternbg .homeservicetxtblk h2{font-size: 26px;}
  .lightpatternbg .homeservicetxtblk p{font-size: 16px; line-height: 24px;}
  .pagefaq.home  .pagefaqright .pagefaqtitle{font-size:26px; line-height: 34px; margin-left: 0; letter-spacing: 0; font-family:'montserrat-medium'; margin-bottom: 5px;}
  .pagefaq.home .faqheading p,.pagefaq.home .faqtext p{font-size: 16px; line-height: 24px;}
  .pagefaq.home .faqheading p{padding:18px 40px 18px 25px;} 
  


  .pagefaq.home .faqaccordion .accordnmain{margin:15px 0 5px;}
  .footerctamain h2, .footerctamain h3{font-size: 26px; line-height: 34px;}
  .homebannercontent h1 span{display: initial;}
  .homebanner{min-height: 460px;}
  .whatWeDoBox .whatWeDoBoxmain + .whatWeDoBoxmain{margin-top: 35px;}
  .expandcontents{display: none;}
  .showhiddencontent{font-size: 16px; display: inline-block; color: #000; text-decoration: underline;}
  .showhiddencontent:hover{color: #000;}
}

@media only screen and (max-width: 767px)
{
  .homebannercontent h1 b>strong.leftsepration{margin-left: 8px;}
}

@media only screen and (max-width: 600px)
{
  .whatwedoboxlefts ul{grid-gap: 25px 20px; grid-template-columns: repeat(2, 1fr);}
}



.headefixbox{width:100%;position:fixed;z-index:999;left:0;top:0; display: none;}
.fixtoptext{float: left; width: 100%; position: relative; background:#000; color:#fff; text-align:center; padding:10px 40px 10px 10px; font-size:15px; font-family: 'montserrat-medium';}
.fixtoptext a{color: #fff; text-decoration: none;}
.fixtoptext p{margin: 0;}
.fixclosed{position: absolute; width: 20px; height: 20px; cursor: pointer; right: 10px; top: 10px; color: #fff; z-index: 1000; font-size: 0;}
.fixclosed::before{content: ''; position: relative; width: 20px; height: 2px; background: #fff; display: block; transform: rotate(45deg); top: 10px;}
.fixclosed::after{content: ''; position: relative; width: 20px; height: 2px;background: #fff; display: block; rotate: -45deg; top: 8px;}
header.noticegap{margin-top: 44px;}

@media only screen and (max-width: 767px)
{
  .fixtoptext{font-size: 12px;}
}

.Pg_cat_namesbstitute{clear: both;  width: 100%;  background: none;  margin: 35px 0 -30px;  float: left;}
.Pg_cat_namesbstitute._main_category{margin-bottom: -15px;}
.Pg_cat_substitutetitle{margin: 0;  padding: 0;  font-size: 48px; font-family: 'montserrat-bold';}

@media only screen and (max-width: 991px)
{
  .Pg_cat_namesbstitute{margin: 45px 0 -25px}
  .Pg_cat_substitutetitle{margin: 0; padding: 0;  font-size: 32px; font-family: 'montserrat-bold';}
  .Pg_cat_namesbstitute._main_category{margin-bottom: -10px;}
}


/* case study*/
.collpasbleitem ul.pb_20{padding-bottom: 20px;}
.commin_heading_h3{font-size: 24px; line-height: 30px; font-family: 'montserrat-light'; color: #fff; margin: 0 0 15px;}
.theprocestextblk.text_regular_light p{font-size: 18px; line-height: 28px; color: #999999;}
.casedetailsblks.collaboration {margin-top: 80px;}
.case_rslt_Carousewr{clear: both; float: left; width: 100%;}
.case_rslt_carousmn{float: right; width: calc(100% - (100% - 1440px) / 2); position: relative; padding-left: calc((1440px * 0.1666) + 25px);}
.case-study.owl-carousel .owl-stage { padding-left: 0 !important; /* overrides the left padding */}
.case-study.owl-carousel .owl-stage .owl-item:not(.active){opacity: 0.35;}
.case_reslt{width: 100%; clear: both; position: relative;}
.case_reslt_imgbx{width: 100%; display: block;}
.case_reslt_imgbx > img{width: 100%; display: block;}
.case_reslt_txt{clear: both; padding: 20px 0 0; font-size: 18px; line-height: 28px; color: #999999;}
.case-study.owl-carousel .owl-nav{display: flex; width: 100%; justify-content: flex-end; padding-right: 17%; padding-top: 25px;  grid-gap: 35px;}
.case-study.owl-carousel .owl-nav .owl-next,.case-study.owl-carousel .owl-nav .owl-prev{outline: none; appearance: none; border:none; box-shadow: none;}
.case-left-nav,.case-right-nav{display: block; max-width: 45px;}

.results_sec{padding-bottom: 30px;}
.results_sec ~ .pagecontrols{background: #000;}

@media only screen and (max-width: 1600px) and (min-width: 992px)
{
  .case_rslt_carousmn{width: 91%; padding-left: calc((82% * 0.1666) + 15px);}
}

@media only screen and (max-width: 991px)
{
  .case_rslt_carousmn{width: 96%; padding-left: 0px;}
  .case_reslt_txt{font-size: 16px; line-height: 18px;}
  .case-study.owl-carousel .owl-nav{padding: 15px 0 0; justify-content: center;}
  .results_sec .theprocessright .theprocestextblk{margin: 0 0 10px;}
}


@media only screen and (max-width: 480px)
{
  .case_rslt_carousmn{width: 94%; padding-left: 0px;}
  
}




.pagform {
    padding: 40px 50px 70px;

}
.pageformhead {
    text-align: center;
}
.pageformhead h2, .pageformhead h1 {
    font-size: 26px;
    line-height: 1.33;
    color: #000;
    font-family: 'poppins-medium';
    margin: 0 0 15px;
    font-weight: normal;
}
.pageformain .pageformrow {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -10px;
}

.pageformrow .pageformbox6.blurred .placeholders{pointer-events: none;}
.pageformrow .pageformbox6.blurred.focused.error .form-fields,.pageformrow .blurred.focused.requirednew .popup-form-fields{border-color: #DC5035; border-width: 2px;}
.pageformrow .blurred.focused .form-fields{border-width: 1px; border-color: #5A7AE4;}
.pageformrow .pageformbox6.blurred.focused.error .placeholders{color: #DC5035; background-color: transparent;}
.pageformrow .pageformbox6.blurred.validate .placeholders{font-size: 11px; top: -7px; color:#fff; background: #242424; padding: 0 5px; left: 20px; z-index: 1;}
.pageformrow .pageformbox6.blurred.validate .placeholders::before{position: absolute; content: ''; left: 0; z-index: -1; bottom: 7px; background: #242424; width: 100%; height: 2px;}
.pageformrow .pageformbox6.blurred .placeholders.select{display: none;}
.pageformrow .pageformbox6.blurred  .blurred.focused.error .placeholders.select,.pageformrow .blurred.focused .placeholders.select,
.pageformrow .blurred.validate .placeholders.select{display: block;}
.pageformrow .pageformbox6.blurred.validate .form-fields{display: block; border-color: #999999; border-width: 1px;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
}

.pageformrow .pageformbox6.nonblurred .placeholders,.pageformrow .pageformbox12.nonblurred .placeholders{pointer-events: none; position: absolute;left: 25px;top: 15px;
color: #fff; font-size: 16px; transition: 0.35s ease-in-out; padding-right: 20px;}

.pageformrow .pageformbox6.nonblurred.focused  .placeholders,.pageformrow .pageformbox12.nonblurred.focused  .placeholders{
  font-size: 11px; top: -7px; color: #5A7AE4; background: none; padding: 0 5px;  left: 20px; z-index: 1;}
.pageformbox12.nonblurred.focused .form-fields{border-color:#5A7AE4;}  
.pageformrow .pageformbox6.nonblurred.focused  .placeholders::before,.pageformrow .pageformbox12.nonblurred.focused  .placeholders::before{position: absolute;
    content: ''; left: 0; z-index: -1; bottom: 7px;  background: #242424; width: 100%; height: 3px;}
.pageformrow .pageformbox6.nonblurred.focused.validate  .placeholders,.pageformrow .pageformbox12.nonblurred.focused.validate  .placeholders{color:#5A7AE4;}
.pageformrow .pageformbox6.nonblurred.focused.validate  .form-fields,.pageformrow .pageformbox12.nonblurred.focused.validate  .form-fields{border:1px solid #5A7AE4; color: #fff;}
.pageformrow .pageformbox6.nonblurred .placeholders.select{display: none;}
.pageformrow .pageformbox6.nonblurred  .nonblurred.focused.error .placeholders.select,.pageformrow .nonblurred.focused .placeholders.select,
.pageformrow .nonblurred.validate .placeholders.select{display: block;}



.aqqformfield .pageformbox6.blurred .placeholders{pointer-events: none; pointer-events: none;
  position: absolute;  left: 25px;  top: 15px;  font-size: 16px;  transition: 0.35s ease-in-out;}
.aqqformfield .pageformbox6.blurred.focused.error .aqqfrminput{border-color: #DC5035; border-width: 2px;}
.aqqformfield .blurred.focused .aqqfrminput{border-width: 1px;}
.aqqformfield .pageformbox6.blurred.focused.error .placeholders{color: #DC5035; }
.aqqformfield .pageformbox6.blurred.validate .placeholders{font-size: 10px; top: -7px; position: absolute; color:#94A8D1; background:#fff; padding: 0 5px; left: 15px;}
.aqqformfield .pageformbox6.blurred .placeholders.select{display: none;}
.aqqformfield .pageformbox6.blurred  .blurred.focused.error .placeholders.select,.aqqformfield .blurred.focused .placeholders.select,
.aqqformfield .blurred.validate .placeholders.select{display: block;}
.aqqformfield .pageformbox6.blurred.validate .aqqfrminput{display: block;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important;  -webkit-text-fill-color: #000 !important;}

.aqqformfield input:-webkit-autofill,
.aqqformfield textarea:-webkit-autofill,
.aqqformfield select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important;  -webkit-text-fill-color: #000 !important;}

.aqqformfield .pageformbox6.nonblurred .placeholders,.aqqformfield .pageformbox12.nonblurred .placeholders{pointer-events: none; position: absolute;left: 25px;top: 15px;
 font-size: 16px; transition: 0.35s ease-in-out;}
.aqqformfield .pageformbox6.nonblurred.focused  .placeholders,.aqqformfield .pageformbox12.nonblurred.focused  .placeholders{font-size: 10px; top: -7px ; color:#5A7AE4; background:#fff; padding: 0 5px; left: 15px;}
.aqqformfield .pageformbox6.nonblurred.focused.validate  .placeholders,.aqqformfield .pageformbox12.nonblurred.focused.validate  .placeholders{color:#94A8D1;}
.aqqformfield .pageformbox6.nonblurred.focused.validate  .aqqfrminput,.aqqformfield .pageformbox12.nonblurred.focused.validate  .aqqfrminput{border:1px solid #94A8D1; color: #94A8D1;}
.aqqformfield .pageformbox6.nonblurred .placeholders.select{display: none;}
.aqqformfield .pageformbox6.nonblurred  .nonblurred.focused.error .placeholders.select,.aqqformfield .nonblurred.focused .placeholders.select,
.aqqformfield .nonblurred.validate .placeholders.select{display: block;}
.aqqformfield .pageformbox6{position: relative;}
.aqqformfield .pageformbox6.blurred.focused .aqqfrminput,.aqqformfield .pageformbox6.nonblurred.focused .aqqfrminput{border:2px solid #5A7AE4;}
.aqqformfield .pageformbox6.blurred.focused .placeholders{font-size: 10px; top:-7px; color: #5A7AE4; background: #fff; padding: 0 5px; left: 15px; position:absolute;}




.pagform{float: left; width: 100%; background: #242424; padding: 90px 0; position: relative; }
.pageformhead{text-align: center;}
.pageformhead h2,.pageformhead h1{font-size: 64px;  color:#fff;  font-family: 'montserrat-bold'; margin: 0 0 15px; font-weight: normal; }

.pageformhead p {    font-size: 18px;    color: #fff;    font-family: 'montserrat-regular';}
.pageformain{float: left; width: 100%; margin: 20px 0 0;}
.pageformain .pageformrow{display: flex; flex-wrap: wrap; position: relative; margin: 0 -10px;}
.pageformrow .pageformbox6{width:100%; padding: 0 10px; margin: 0 0 20px; position: relative;}
.pageformrow .pageformbox12{width: 100%; padding: 0 10px;}
.pageformrow .form-fields,.pageformrow .popup-form-fields{border: 1px solid #999;   border-radius: 0px;    min-height: 64px;    font-size: 18px;    outline: none;    box-shadow: none;
    width: 100%;    background: transparent;  padding: 0 15px;    font-family: 'montserrat-regular';    font-weight: normal;    color: #fff;    transition: border 0.35s ease-out;
}
.pageformrow select.form-fields{color: #fff; appearance: none; -webkit-appearance: none; background: #242424 url(../images/select-arrow.svg) no-repeat !important; background-size: 22px !important;
background-position: right 15px center !important; line-height: 54px; }
.pageformrow select.form-fields option{color: #fff;}
.pageformrow .form-fields::placeholder,.pageformrow .popup-form-fields::placeholder {  color: #fff; opacity: 1;}
.pageformrow .form-fields:-ms-input-placeholder,.pageformrow .popup-form-fields:-ms-input-placeholder {  color: #fff; opacity: 1;}
.pageformrow .form-fields::-ms-input-placeholder,.pageformrow .popup-form-fields::-ms-input-placeholder { color: #fff; opacity: 1;}
.pageformrow textarea.form-fields{padding-top: 15px; min-height: 120px;}
.uploadcstmbtn {    display: inline-block;    position: relative;    margin: 30px 0 0;    color: #fff;    font-size: 16px;    padding: 12px 35px;    cursor: pointer;
                   overflow: hidden;    transition: 0.35s ease-out;    font-family: 'montserrat-medium';    background: #4C4C4C;    height: 50px;}

.uploadcstmbtn input{opacity: 0; font-size: 50px; top:0; right: 0; position: absolute; cursor: pointer;}
.text-center{text-align: center;}
.uploadfileinfo{text-align: center; color: #999; font-size: 14px; padding-top: 20px;}
.uploadfileinfo span{display: block; text-align: center; margin-bottom: 5px;}
.pageformain .aqqcheckbx{margin: 30px 0 0;}
.pageformain .checkbxcstm{color: #000; padding-left: 35px;}
.pageformain .checkbxcstm .checkmark{border-color: #94A8D1; background: none;}
.pageformain .checkbxcstm .checkmark:after{border-color:#000;}
.pageformbtn {    margin-top: 15px;    display: inline-block;    font-size: 14px;    font-family: 'montserrat-medium';    text-transform: uppercase;    letter-spacing: .5px;
    background: #5A7AE4;    color: #fff;    text-align: center;       border: 1px solid #5A7AE4;    text-align: center;    min-width: 226px;    padding: 8px 35px;
    line-height: 26px;    position: relative;    overflow: hidden;    transition: 0.3s;    height: 58px;}
.pageformbtn:hover {    border-color: #5A7AE4;    background: #5A7AE4;    color: #fff;    transition: 0.2s 0.1s;}
.pageformbtn:focus {    outline: 0px;}
.pageformrow .blurred .placeholders{position: absolute; left: 25px; top:20px; color: #fff; font-size: 16px; transition: 0.35s ease-in-out;}
.pageformrow .form-fields:focus,.popup-form-fields:focus{border:1px solid #5A7AE4;}
.pageformrow .blurred.focused .placeholders{font-size: 11px; top:-7px; z-index: 1; color: #5A7AE4; background:#242424; padding: 0 5px; left: 20px;}
.pageformrow .blurred.focused .placeholders::before{position: absolute; content: ''; left: 0;  z-index: -1; top: 7px;  background: #242424;  width: 100%;  height: 2px;}

.seoBannerBox {    width: 100%;    float: left;    margin-bottom: 100px;}
.seoBanner {    display: flex;    justify-content: center;}
.formSection {    width: 100%;    float: left;}
.uploadcstmbtn span {  float: left;  margin-right: 15px;}
 #ServiceEnquiryForm .pageformhead{ padding: 0 5%; }
 .pageformhead p {    max-width: 800px;    margin: 0 auto;}
 /* .pageformbox6.blurred.validate input {    border-color: red !important;} */
 .redvalidate  input {    border-color: red !important;}
.redvalidate.validate input{border: 1px solid #5A7AE4 !important;}

.requirednew input{ border-color: red !important;}

.pageformrow .blurred.focused.requirednew .placeholders {color: red; }
.pageformrow .validate input{ border-color: #5A7AE4 !important;}
.pageformrow .validate.bluevalidate input{ border-color: #999 !important;}
.pageformrow .validate .placeholders{ color: #5A7AE4 !important;}
.pageformrow .validate.bluevalidate .placeholders{ color: #999 !important;}

.pageformbox12.nonblurred.focused.validate.bluevalidate textarea{ border-color: #5A7AE4 !important;}
.pageformbox12.nonblurred.focused.validate textarea{ border-color: #999 !important;}
.pageformbox12.nonblurred.focused.validate.bluevalidate .placeholders{ color: #5A7AE4  !important;}
.pageformbox12.nonblurred.focused.validate .placeholders{ color: #999 !important;}
.errormessage{color: red; margin-bottom: 7px;}
.contactfrmain .errormessage{color: red; margin-bottom: 7px; margin-left: 8px;}
.uploadfilemainsect .custom-file-upload.group-btn-quotes {
    display: inline-block;
    position: relative;
    margin: 20px 0 0;
    color: #fff;
    font-size: 16px;
    padding: 12px 35px;
    cursor: pointer;
    overflow: hidden;
    transition: 0.35s ease-out;
    font-family: 'montserrat-medium';
    background: #4C4C4C;
    height: 50px;
}
.contactfrm .custom-file-upload-box .custom-file-upload.group-btn-quotes {
    display: inline-block;
    position: relative;
    margin: 20px 0 0;
    color: #fff;
    font-size: 16px;
    padding: 12px 35px;
    cursor: pointer;
    overflow: hidden;
    transition: 0.35s ease-out;
    font-family: 'montserrat-medium';
    background: #4C4C4C;
    height: 50px;
}
.uploadfilemainsect .custom-file-upload.group-btn-quotes span{
  margin-right: 15px;
}
.custom-file-upload-box .custom-file-upload.group-btn-quotes span{
  margin-right: 15px;
}
.p_image_message.textinstruct {
    color: #999;
    margin-top: 12px;
}
.bottom_quote__text {
    padding-left: 9px;
}
.placeholders.Service {
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.pageformrow .blurred.focused.requirednew .form-fields,.pageformrow .blurred.focused.requirednew .popup-form-fields
 {
    border-width: 1px;
    border-color: red;
}
.pageformbox6.submitBtnblue.contactfrm {
    padding-top: 25px;
}

.pageformbox6.nonblurred.focused.validate.bluevalidate input{
    border: 1px solid #5A7AE4 !important;
}
.pageformbox6.nonblurred.focused.validate input{
    border: 1px solid #999 !important;
}

.nonblurred.focused.validate.bluevalidate textarea{
  border: 1px solid #5A7AE4 !important;
}
.nonblurred.focused.validate.bluevalidate .placeholders{
  color: #5A7AE4 !important;
}
.nonblurred.focused.validate textarea{
  border-color: #999 !important;
}
.nonblurred.focused.validate .placeholders{
  color: #999 !important;
}
.pageformbox6.nonblurred.focused input{ border: 1px solid #5A7AE4 !important; }
.pageformbox6.nonblurred.focused.bluevalidate textarea{ border: 1px solid #5A7AE4 !important; }
.pageformbox6.nonblurred.focused.validate textarea{ border: 1px solid #999 !important; }
.pageformbox6.blurred.focused.validate select{border: 1px solid #5A7AE4 !important;}
.pageformbox6.nonblurred.focused.validate.bluevalidate textarea{ border: 1px solid #5A7AE4 !important; }
.pageformbox6.nonblurred.focused textarea{ border: 1px solid #5A7AE4 !important; }

@media only screen and (max-width: 1050px)
{
.contactgridrow .contactcol-1 {
    width: 13%;
    padding: 0 15px;
}
.contactgridrow .contactcol-2 {
    width: 27%;
    padding: 0 15px;
}
}

@media only screen and (max-width: 991px)
{
.pageformhead h2, .pageformhead h1 {   font-size: 32px;}
.pagform {  padding: 50px 0;}
.contactgridrow .contactcol-3 {   padding: 0 0px 0px 5px;}
.frmtitle h1 br{display: none;}
.pageformbox6.submitBtnblue.contactfrm {
    padding-top: 10px;
}
.pageformhead p {
    max-width: 800px;
    margin: 0 auto;
}
.contactgridrow .contactcol-2 {
        width: 100%;
        padding: 0 15px;
    }
    .contactgridrow .contactcol-1 {
    width: 100%;
    padding: 0 15px;
}
}

/* custom reused modal*/
 /* Overlay */
.hr_modal-overlay {position: fixed;top: 0;left: 0;overflow-y: auto; right:0;bottom:0;background: rgba(0,0,0,0.5);display: none; justify-content: center;align-items: center;z-index: 1000;}
body.no-scroll{position: relative;  overflow: hidden;}
.hr_modal {background: #fff;padding: 20px 30px;border-radius: 8px;max-width: 500px;width: 90%;position: relative;box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.hr_modal.enquirymdl{max-width: 100%;background: #242424;border-radius: 0;width: 100%; height: 100vh; overflow-y: auto;}
.hr_modal .close-btn {position: absolute;top: 40px;right: 38px;font-size: 18px;cursor: pointer;border: none; background: none; max-width: 37px; z-index: 10;}
.pageformhead h2 .txtgadient, .pageformhead h1 .txtgadient{background: linear-gradient(to right, #bb32fe 15%, #01bace);
display: inline-block; background: -webkit-linear-gradient(to right, #bb32fe 15%, #01bace); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
-moz-background-clip: text; -moz-text-fill-color: transparent;}
.enquirymdl .pagform{padding: 50px 0 30px;}
.send_enquiry_modal {display: flex;position: fixed;bottom: 0;right: 0;z-index: 100;width: 228px;height: 58px;background: linear-gradient(to right, #bb32fe 15%, #01bace);
background: -webkit-linear-gradient(to right, #bb32fe 15%, #01bace);color: #fff;font-size: 14px;justify-content: center;align-items: center;font-family: 'montserrat-medium';text-transform: uppercase;
cursor: pointer;}

/* Form field*/
.pageformrow .pblurred .placeholders,.pageformrow .pnonblurred  .placeholders{position: absolute;left: 25px;top: 20px; color: #fff; font-size: 16px; transition: 0.35s ease-in-out;}
.pageformrow .pageformbox6.pblurred .placeholders,.pageformrow .pnonblurred .placeholders{pointer-events: none;}
.pageformrow .pblurred.focused .placeholders,.pageformrow .pblurred.focused .placeholders {font-size: 11px;top: -7px;z-index: 1;color: #5A7AE4;background: #242424;padding: 0 5px;left: 20px;}
.pageformrow .pblurred.focused .form-fields {border-width: 1px;border-color: #5A7AE4;}
.pageformrow .pageformbox6.pblurred.validate.bluevalidate .placeholders{color:#999; font-size: 11px;top: -7px;z-index: 1;color: #5A7AE4;background: #242424;padding: 0 5px;left: 20px;}
.pageformrow .pageformbox6.pblurred.validate.bluevalidate .form-fields{border-color:#999;}
.pageformrow .pageformbox6.pblurred.focused.requirednew .placeholders{color: red;}

.pageformrow .pageformbox6.pblurred.validate.focused.requirednew .form-fields{border-color:red !important;}
.pageformrow .pageformbox6.pblurred.validate.focused.requirednew .placeholders{color: red !important;}
.pageformrow .pageformbox6.pblurred.validate.bluevalidate.focused.requirednew .form-fields{border-color:#999 !important;}
.pageformrow .pageformbox6.pblurred.validate.bluevalidate.focused.requirednew .placeholders{color: #999 !important;}



.pageformbox12.pnonblurred.focused .placeholders{font-size: 11px;top: -7px;z-index: 1;color: #5A7AE4; background: #242424;padding: 0 5px;left: 20px;}
.pageformbox12.pnonblurred.focused .form-fields{border-color: #5A7AE4;}

.pageformbox12.pnonblurred.focused.validate .placeholders{color: #999;}
.pageformbox12.pnonblurred.focused.validate .form-fields{border-color: #999;}

.pageformrow .pnonblurred.focused .placeholders{font-size: 11px;top: -7px;z-index: 1;color: #5A7AE4 !important; background: #242424;padding: 0 5px;left: 20px;}
.pageformrow .pnonblurred.focused .form-fields{border-color: #5A7AE4 !important;}
.pageformrow .pnonblurred.focused.validate.bluevalidate .placeholders{color: #5A7AE4 !important;}
.pageformrow .pnonblurred.focused.validate.bluevalidate .form-fields{border-color: #5A7AE4 !important;}

.pageformrow .pnonblurred.focused.validate .placeholders,.pageformrow .pnonblurred.focused.validate .form-fields{color: #999 !important; border-color: #999 !important;}


.pageformbox12.pnonblurred.focused.validate .placeholders {color: #999 !important; font-size: 11px;top: -7px; z-index: 1;background: #242424;padding: 0 5px;left: 20px;}
.pageformbox12.pnonblurred.focused.validate.bluevalidate .placeholders{color: #5A7AE4 !important; }




@media only screen and (max-width: 767px)
{
  .hr_modal .close-btn {top: 20px; right: 20px; max-width: 25px;}
  .hr_modal.enquirymdl{padding: 20px;}
  .enquirymdl .pagform{padding: 20px 0 30px;}
  .send_enquiry_modal{width:199px; height: 48px;}
  .enquirymdl .pagform .container{padding-left: 0; padding-right: 0;}
}
/* end custom reused modal*/

.seobanner_mn {width: 100%;padding-left: 240px;}

@media only screen and (max-width: 991px)
{
  .seobanner_mn{padding-left: 0;}
}