/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/style.scss ***!
  \*****************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url(4fbabec7dd8bae6d9ff9.woff2) format("woff2"); }

@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url(f542693c4f0f9a6f78ec.woff2) format("woff2"); }

@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url(045cc6b7051455456c94.woff2) format("woff2"); }

@font-face {
  font-family: 'Mulish-fallback';
  src: local("Arial");
  size-adjust: 105.2%;
  ascent-override: 89.3%;
  descent-override: 21.7%;
  line-gap-override: 0%;
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Mulish-fallback';
  src: local("Arial");
  size-adjust: 103.8%;
  ascent-override: 89%;
  descent-override: 22%;
  line-gap-override: 0%;
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Mulish-fallback';
  src: local("Arial");
  size-adjust: 102.9%;
  ascent-override: 88.5%;
  descent-override: 22.5%;
  line-gap-override: 0%;
  font-weight: 800;
  font-style: normal; }

* {
  box-sizing: border-box;
  margin: 0;
  outline: none; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-size: 17px; }

*,
*::before,
*::after,
input[type="search"] {
  box-sizing: inherit; }

body {
  font-size: 1rem;
  font-family: "Mulish", "Mulish-fallback", Arial, sans-serif;
  line-height: 1.6;
  letter-spacing: -0.2px;
  word-spacing: -0.65px; }

body,
html {
  height: 100%; }

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
  margin: 0; }

button {
  background: transparent;
  border: 0;
  padding: 0; }

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

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

iframe {
  border: 0; }

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

nav ul {
  list-style: none; }

img {
  max-width: 100%; }

[tabindex="-1"]:focus {
  outline: none !important; }

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

@use 'sass:math';
.container, .container-fluid {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box; }

.container {
  max-width: 1380px; }

.row {
  margin-left: -15px;
  margin-right: -15px;
  box-sizing: border-box;
  font-size: 0; }
  .row > * {
    font-size: 1rem; }

[class^="col-"],
[class*=" col-"] {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box; }

.col-1 {
  width: 8.33333%; }

.col-offset-1 {
  margin-left: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-offset-2 {
  margin-left: 16.66667%; }

.col-3 {
  width: 25%; }

.col-offset-3 {
  margin-left: 25%; }

.col-4 {
  width: 33.33333%; }

.col-offset-4 {
  margin-left: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-offset-5 {
  margin-left: 41.66667%; }

.col-6 {
  width: 50%; }

.col-offset-6 {
  margin-left: 50%; }

.col-7 {
  width: 58.33333%; }

.col-offset-7 {
  margin-left: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-offset-8 {
  margin-left: 66.66667%; }

.col-9 {
  width: 75%; }

.col-offset-9 {
  margin-left: 75%; }

.col-10 {
  width: 83.33333%; }

.col-offset-10 {
  margin-left: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-offset-11 {
  margin-left: 91.66667%; }

.col-12 {
  width: 100%; }

.col-offset-12 {
  margin-left: 100%; }

@media (min-width: 560px) {
  .col-sm-offset-0 {
    margin-left: 0; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media all and (max-width: 560px) {
  .hide-sm {
    display: none; } }

@media (min-width: 768px) {
  .col-md-offset-0 {
    margin-left: 0; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media all and (max-width: 768px) {
  .hide-md {
    display: none; } }

@media (min-width: 992px) {
  .col-lg-offset-0 {
    margin-left: 0; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media all and (max-width: 992px) {
  .hide-lg {
    display: none; } }

@media (min-width: 1200px) {
  .col-xl-offset-0 {
    margin-left: 0; }
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

@media all and (max-width: 1200px) {
  .hide-xl {
    display: none; } }

@media (min-width: 1800px) {
  .col-xxl-offset-0 {
    margin-left: 0; }
  .col-xxl-1 {
    width: 8.33333%; }
  .col-xxl-offset-1 {
    margin-left: 8.33333%; }
  .col-xxl-2 {
    width: 16.66667%; }
  .col-xxl-offset-2 {
    margin-left: 16.66667%; }
  .col-xxl-3 {
    width: 25%; }
  .col-xxl-offset-3 {
    margin-left: 25%; }
  .col-xxl-4 {
    width: 33.33333%; }
  .col-xxl-offset-4 {
    margin-left: 33.33333%; }
  .col-xxl-5 {
    width: 41.66667%; }
  .col-xxl-offset-5 {
    margin-left: 41.66667%; }
  .col-xxl-6 {
    width: 50%; }
  .col-xxl-offset-6 {
    margin-left: 50%; }
  .col-xxl-7 {
    width: 58.33333%; }
  .col-xxl-offset-7 {
    margin-left: 58.33333%; }
  .col-xxl-8 {
    width: 66.66667%; }
  .col-xxl-offset-8 {
    margin-left: 66.66667%; }
  .col-xxl-9 {
    width: 75%; }
  .col-xxl-offset-9 {
    margin-left: 75%; }
  .col-xxl-10 {
    width: 83.33333%; }
  .col-xxl-offset-10 {
    margin-left: 83.33333%; }
  .col-xxl-11 {
    width: 91.66667%; }
  .col-xxl-offset-11 {
    margin-left: 91.66667%; }
  .col-xxl-12 {
    width: 100%; }
  .col-xxl-offset-12 {
    margin-left: 100%; } }

@media all and (max-width: 1800px) {
  .hide-xxl {
    display: none; } }

body {
  color: #121212;
  background-color: #ffffff;
  margin: 0; }

.primary-color {
  color: #8b4ff3; }

.secondary-color {
  color: #121212; }

.tertiary-color {
  color: #8b4ff3; }

* + ol,
* + p,
* + ul {
  margin-top: 20px; }

b,
strong {
  font-weight: 700; }

a {
  color: inherit;
  text-decoration: none; }

p a {
  color: #8b4ff3;
  text-decoration: underline; }
  p a:hover {
    text-decoration: none; }

em {
  font-style: italic; }

h1,
.title1,
h2,
.title2,
h3,
.title3,
h4,
.title4,
h5,
.title5,
h6,
.title6 {
  font-family: "Mulish", "Mulish-fallback", Arial, sans-serif;
  line-height: 1.6;
  font-weight: 700; }
  h1 span,
  .title1 span,
  h2 span,
  .title2 span,
  h3 span,
  .title3 span,
  h4 span,
  .title4 span,
  h5 span,
  .title5 span,
  h6 span,
  .title6 span {
    color: #8b4ff3; }

h1,
.title1,
.title1 .elementor-heading-title {
  font-size: 58px;
  margin-bottom: 40px; }
  @media all and (max-width: 768px) {
    h1,
    .title1,
    .title1 .elementor-heading-title {
      font-size: 35px; } }

h2,
.title2,
.title2 .elementor-heading-title {
  font-size: 42px;
  margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    h2,
    .title2,
    .title2 .elementor-heading-title {
      font-size: 34px; } }

h3,
.title3,
.title3 .elementor-heading-title {
  font-size: 32px;
  margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    h3,
    .title3,
    .title3 .elementor-heading-title {
      font-size: 24px; } }

h4,
.title4,
.title4 .elementor-heading-title {
  font-size: 24px;
  margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    h4,
    .title4,
    .title4 .elementor-heading-title {
      font-size: 20px; } }

h5,
.title5,
.title5 .elementor-heading-title {
  font-size: 20px;
  margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    h5,
    .title5,
    .title5 .elementor-heading-title {
      font-size: 1rem; } }

h6,
.title6,
.title6 .elementor-heading-title {
  font-size: 1rem;
  margin-bottom: 16px; }
  @media all and (max-width: 768px) {
    h6,
    .title6,
    .title6 .elementor-heading-title {
      font-size: 1rem; } }

body .elementor-heading-title {
  line-height: 1.6; }

ul {
  list-style-type: disc;
  padding-left: 40px; }
  ul li::marker {
    color: #8b4ff3;
    font-size: 150%;
    line-height: 100%; }

.btn,
.btn__primary,
button,
input[type="submit"],
body .elementor-button {
  background-color: #8b4ff3;
  border: 2px solid #8b4ff3;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  padding: 16px 30px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  border-radius: 0;
  display: table;
  white-space: nowrap;
  width: max-content;
  cursor: pointer; }
  .btn:hover,
  .btn__primary:hover,
  button:hover,
  input[type="submit"]:hover,
  body .elementor-button:hover {
    background-color: #6c1ff0;
    border-color: #6c1ff0; }
  @media all and (max-width: 768px) {
    .btn,
    .btn__primary,
    button,
    input[type="submit"],
    body .elementor-button {
      font-size: 14px;
      width: 100%;
      min-width: 100%; } }
  .btn i,
  .btn__primary i,
  button i,
  input[type="submit"] i,
  body .elementor-button i {
    display: inline-block !important; }
  .btn.icon-before i,
  .btn__primary.icon-before i,
  button.icon-before i,
  input[type="submit"].icon-before i,
  body .elementor-button.icon-before i {
    margin-right: 8px; }
  .btn.icon-after i,
  .btn__primary.icon-after i,
  button.icon-after i,
  input[type="submit"].icon-after i,
  body .elementor-button.icon-after i {
    margin-left: 8px; }

.btn__secondary,
body .elementor-element.elementor-button-info .elementor-button {
  background-color: transparent;
  border: 2px solid #8b4ff3;
  color: #8b4ff3;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  padding: 16px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: all .25s ease-in-out; }
  .btn__secondary:hover,
  body .elementor-element.elementor-button-info .elementor-button:hover {
    background-color: rgba(108, 31, 240, 0.16);
    border-color: #6c1ff0;
    color: #6c1ff0; }
  @media all and (max-width: 768px) {
    .btn__secondary,
    body .elementor-element.elementor-button-info .elementor-button {
      font-size: 14px;
      width: 100%; } }

.btn__tertiary {
  background-color: transparent;
  border-color: transparent;
  border: 0;
  border-bottom: 2px solid #8b4ff3;
  color: #8b4ff3;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  padding: 10px 48px 10px 0;
  text-align: left;
  text-transform: uppercase;
  transition: all .25s ease-in-out;
  position: relative; }
  .btn__tertiary:after {
    border-bottom-width: 0;
    border-left-width: 0;
    border-style: solid;
    box-sizing: border-box;
    content: "";
    height: 8px;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px; }
  .btn__tertiary:hover {
    border-bottom: 2px solid #6c1ff0;
    background-color: transparent;
    color: #6c1ff0;
    padding: 10px 62px 10px 0; }
  @media all and (max-width: 768px) {
    .btn__tertiary {
      font-size: 14px;
      width: 100%; } }

.elementor-align-center .btn,
.elementor-align-center .btn__primary,
.elementor-align-center button,
.elementor-align-center input[type="submit"],
.elementor-align-center .elementor-button {
  margin: 0 auto; }

label {
  color: #121212;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 12px;
  text-align: left; }

input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
select,
textarea {
  border: 1px solid #9a9ea4;
  color: #121212;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  padding: 17px 15px;
  text-align: left;
  background-color: #ffffff;
  display: inline-block;
  outline: none;
  width: 100%; }
  input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]):focus,
  select:focus,
  textarea:focus {
    border: 1px solid #8b4ff3; }
  input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]).error,
  select.error,
  textarea.error {
    border: 1px solid #e04646;
    color: #e04646; }

body .select2 {
  width: 100% !important; }
  body .select2 .select2-selection {
    border: 1px solid #9a9ea4;
    color: #121212;
    background-color: #fff;
    border-radius: 0;
    cursor: default;
    padding: 10px 12px 5px 12px; }
    body .select2 .select2-selection ul {
      margin: 0;
      padding: 0 !important; }
      body .select2 .select2-selection ul li.select2-selection__choice {
        background-color: transparent;
        border: 1px solid #8b4ff3;
        text-transform: uppercase;
        color: #8b4ff3;
        font-size: 15px;
        font-weight: 600; }
      body .select2 .select2-selection ul li.select2-search input {
        height: auto;
        border: 0;
        padding: 0;
        pointer-events: none; }
        body .select2 .select2-selection ul li.select2-search input:focus {
          border: 0; }
  body .select2.select2-container--focus .select2-selection {
    border-color: #8b4ff3; }

body .select2-container.select2-container--open .select2-dropdown--below {
  margin-top: 20px; }

body .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #8b4ff3; }

.nf-error .select2 input.select2-search__field {
  border-color: transparent !important; }

input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
form select {
  height: 64px; }

input[type="checkbox"] {
  cursor: pointer;
  display: block;
  height: 18px;
  margin: 0;
  position: relative;
  width: 18px;
  outline: none;
  border: 0; }
  input[type="checkbox"]:before, input[type="checkbox"]:after {
    border: none;
    content: "";
    left: 0;
    position: absolute;
    top: 0; }
  input[type="checkbox"]:before {
    background-color: #ffffff;
    border: 1px solid #8b4ff3;
    border-radius: 4px;
    display: block;
    height: 18px;
    margin-left: -1px;
    margin-top: -1px;
    width: 18px; }
  input[type="checkbox"]:after {
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    height: 100%;
    width: 100%;
    z-index: 1; }
  input[type="checkbox"]:checked:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xml:space=%27preserve%27 style=%27enable-background:new 0 0 14 11%27 viewBox=%270 0 14 11%27%3E%3Cpath d=%27m5 10.6 8.7-8.7L12.3.4 5 7.7 1.7 4.4.3 5.9z%27 style=%27fill-rule:evenodd;clip-rule:evenodd;fill:%23fff%27/%3E%3C/svg%3E"); }
  input[type="checkbox"]:checked:before {
    background-color: #8b4ff3; }

.nf-form-layout .nf-before-form-content .nf-form-fields-required {
  display: none; }

.nf-form-layout .nf-form-content .nf-field .field-wrap input[type="checkbox"] {
  width: 18px;
  height: 18px; }

.nf-form-layout .nf-form-content .nf-field .field-wrap .nf-field-label label span {
  color: inherit; }

.nf-form-layout .nf-form-content .nf-field .field-wrap.nf-error .nf-field-element:after {
  display: none; }

.nf-form-layout .nf-form-content .nf-field .field-wrap.nf-error .nf-field-element input[type="checkbox"] {
  border: 0; }
  .nf-form-layout .nf-form-content .nf-field .field-wrap.nf-error .nf-field-element input[type="checkbox"]:before {
    border-color: #e80000; }

.nf-form-layout .nf-form-content .nf-field .field-wrap.nf-error input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
.nf-form-layout .nf-form-content .nf-field .field-wrap.nf-error select.error:focus,
.nf-form-layout .nf-form-content .nf-field .field-wrap.nf-error textarea.error {
  border: 1px solid #e04646;
  color: #e04646; }

.nf-form-layout .nf-form-content .nf-after-field .nf-error .nf-error-msg {
  color: #dd3131;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6em;
  margin-bottom: 0;
  margin-top: 8px;
  text-align: left;
  align-items: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 fill=%27none%27%3E%3Cpath fill=%27%23DD3131%27 d=%27m16.874 6.514 10 18A1 1 0 0 1 26 26H6a1 1 0 0 1-.874-1.486l10-18a1 1 0 0 1 1.748 0ZM16 9.06 7.7 24h16.6L16 9.06ZM16 20a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z%27/%3E%3C/svg%3E");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 32px auto;
  display: flex;
  height: 32px;
  padding-left: 36px; }

.nf-form-layout .nf-form-content .checkbox-container .nf-field .field-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .nf-form-layout .nf-form-content .checkbox-container .nf-field .field-wrap .nf-field-label {
    padding: 0;
    display: block;
    flex-basis: calc(100% - 20px);
    padding-left: 12px; }
    .nf-form-layout .nf-form-content .checkbox-container .nf-field .field-wrap .nf-field-label label {
      color: #505050;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.6em;
      text-align: left; }
  .nf-form-layout .nf-form-content .checkbox-container .nf-field .field-wrap .nf-field-element {
    display: block;
    flex-basis: 20px;
    margin-top: 6px; }
  .nf-form-layout .nf-form-content .checkbox-container .nf-field .field-wrap .nf-field-description {
    width: 100%;
    margin: 0;
    order: 1;
    flex-basis: 100%;
    margin-bottom: 1rem; }

@media all and (min-width: 768px) {
  *::-webkit-scrollbar {
    height: 10px;
    width: 10px; }
  *::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #f7f7f7; }
  *::-webkit-scrollbar-track:hover {
    background-color: #f7f7f7; }
  *::-webkit-scrollbar-track:active {
    background-color: #f7f7f7; }
  *::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #8b4ff3; }
  *::-webkit-scrollbar-thumb:hover {
    background-color: #8b4ff3; }
  *::-webkit-scrollbar-thumb:active {
    background-color: #8b4ff3; } }

header#header {
  background-color: transparent;
  display: flex;
  align-items: center;
  height: 80px;
  position: fixed;
  top: 0;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  transition: all ease 300ms;
  width: 100%;
  z-index: 99; }
  @media all and (max-width: 1120px) {
    header#header {
      height: 70px; } }
  header#header.hide {
    top: -100px; }
  header#header .row {
    display: flex;
    justify-items: flex-start;
    width: 100%; }
  header#header #branding {
    align-items: center;
    display: flex;
    max-width: 220px;
    min-width: 160px;
    padding-right: 25px;
    width: 100%;
    z-index: 3;
    margin-left: 15px; }
    header#header #branding #site-title {
      align-items: flex-end;
      display: flex;
      flex-flow: column; }
      header#header #branding #site-title a {
        align-items: flex-end;
        display: flex;
        flex-flow: column; }
        header#header #branding #site-title a img {
          height: 32px;
          width: auto; }
        header#header #branding #site-title a .logo-tagline {
          color: #121212;
          display: block;
          font-size: 9.4px;
          font-weight: 600;
          letter-spacing: .1px;
          line-height: 1em;
          margin: 0;
          padding: 0; }
          @media all and (max-width: 768px) {
            header#header #branding #site-title a .logo-tagline {
              transform: translateY(-5px); } }
  header#header nav#menu {
    align-items: center;
    display: flex;
    flex-grow: 1; }
    @media (max-width: 1120px) {
      header#header nav#menu {
        position: absolute;
        right: 15px;
        top: 15px; } }
    header#header nav#menu > * {
      align-items: center;
      display: flex;
      height: 100%;
      justify-items: stretch;
      padding: 0; }
    header#header nav#menu .mega-menu-wrap {
      display: flex;
      height: 100%;
      width: 100%; }
      @media (max-width: 1120px) {
        header#header nav#menu .mega-menu-wrap > ul {
          top: 55px;
          overflow: hidden;
          overflow-y: auto;
          height: 100vh;
          padding-bottom: 100px;
          backdrop-filter: blur(10px); } }
      header#header nav#menu .mega-menu-wrap ul {
        width: 100%;
        box-shadow: none !important; }
        header#header nav#menu .mega-menu-wrap ul li {
          line-height: 1; }
          @media all and (max-width: 1240px) {
            header#header nav#menu .mega-menu-wrap ul li {
              margin: 0 6px !important; } }
          @media all and (max-width: 1140px) {
            header#header nav#menu .mega-menu-wrap ul li {
              margin: 0 4px !important; } }
          @media all and (max-width: 1120px) {
            header#header nav#menu .mega-menu-wrap ul li {
              margin: 0 20px !important; }
              header#header nav#menu .mega-menu-wrap ul li .mega-sub-menu {
                background: transparent !important; }
              header#header nav#menu .mega-menu-wrap ul li.mega-current-menu-ancestor {
                position: relative; }
                header#header nav#menu .mega-menu-wrap ul li.mega-current-menu-ancestor > a.mega-menu-link {
                  position: relative;
                  background: transparent !important; }
                  header#header nav#menu .mega-menu-wrap ul li.mega-current-menu-ancestor > a.mega-menu-link:before {
                    content: '';
                    background-color: #8b4ff3;
                    height: 2px;
                    width: 20px;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: -20px; }
                header#header nav#menu .mega-menu-wrap ul li.mega-current-menu-ancestor .mega-current-menu-ancestor > a.mega-menu-link:before {
                  display: none; }
              header#header nav#menu .mega-menu-wrap ul li.mega-menu-item-has-children:before {
                content: '\e839';
                font-family: 'pragmaticcoders';
                position: absolute;
                top: 17px;
                font-size: 18px;
                right: 0;
                display: block;
                color: #121212;
                z-index: 1;
                opacity: 0.7;
                transition: all ease-in-out 120ms; }
              header#header nav#menu .mega-menu-wrap ul li.mega-menu-item-has-children.mega-toggle-on:before {
                opacity: 1;
                transform: rotate(180deg); }
              header#header nav#menu .mega-menu-wrap ul li.mega-menu-item-has-children .mega-menu-item-has-children:before {
                display: none; } }
          header#header nav#menu .mega-menu-wrap ul li.menu-btn a {
            background-color: #8b4ff3;
            padding: 10px 20px;
            text-align: center;
            width: calc(100% - 20px);
            line-height: 28px;
            margin: 10px 10px 15px; }
          header#header nav#menu .mega-menu-wrap ul li a {
            color: #121212;
            font-size: 17px;
            font-weight: 700;
            line-height: 1.6em; }
            header#header nav#menu .mega-menu-wrap ul li a.eci:before {
              font-family: 'pragmaticcoders';
              font-weight: normal; }
            @media (max-width: 1120px) {
              header#header nav#menu .mega-menu-wrap ul li a {
                font-size: 17px !important; } }
            header#header nav#menu .mega-menu-wrap ul li a:after {
              content: "";
              display: block;
              background-color: #8b4ff3;
              height: 3px;
              width: 100%;
              opacity: 0;
              position: absolute;
              bottom: -3px;
              transition: all ease-in-out 250ms; }
              @media (max-width: 1120px) {
                header#header nav#menu .mega-menu-wrap ul li a:after {
                  display: none; } }
            header#header nav#menu .mega-menu-wrap ul li a:hover:after {
              bottom: 0;
              opacity: 1; }
          header#header nav#menu .mega-menu-wrap ul li.mega-has-description a span .mega-menu-description {
            display: none; }
          header#header nav#menu .mega-menu-wrap ul li.mega-menu-column {
            border-left: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 20px; }
            @media all and (max-width: 1120px) {
              header#header nav#menu .mega-menu-wrap ul li.mega-menu-column {
                border: 0;
                margin-left: 10px !important;
                margin-bottom: 0px !important; } }
            header#header nav#menu .mega-menu-wrap ul li.mega-menu-column:first-child {
              border-left: 0; }
              header#header nav#menu .mega-menu-wrap ul li.mega-menu-column:first-child ul li.mega-current-menu-item > a.mega-menu-link {
                border-bottom: 1px solid #8b4ff3 !important; }
          header#header nav#menu .mega-menu-wrap ul li ul {
            backdrop-filter: blur(10px); }
            @media all and (max-width: 1120px) {
              header#header nav#menu .mega-menu-wrap ul li ul {
                padding: 0 !important;
                background-color: transparent !important; } }
            header#header nav#menu .mega-menu-wrap ul li ul li {
              margin: 0; }
              @media (max-width: 1120px) {
                header#header nav#menu .mega-menu-wrap ul li ul li {
                  padding: 0 !important;
                  margin: 0 !important; } }
              header#header nav#menu .mega-menu-wrap ul li ul li a {
                display: inline-block !important; }
                header#header nav#menu .mega-menu-wrap ul li ul li a:after {
                  display: none; }
                header#header nav#menu .mega-menu-wrap ul li ul li a.mega-menu-item-has-children {
                  margin-top: 5px; }
              @media all and (max-width: 1120px) {
                header#header nav#menu .mega-menu-wrap ul li ul li ul {
                  padding-left: 5px !important; } }
              @media (max-width: 1120px) {
                header#header nav#menu .mega-menu-wrap ul li ul li ul li {
                  padding: 0 0px !important;
                  margin: 0 0 5px !important; } }
              header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li.mega-current-menu-item > a.mega-menu-link {
                color: #8b4ff3 !important; }
              header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li.mega-current-page-ancestor > a.mega-menu-link {
                color: #121212; }
              header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li.mega-has-icon {
                padding-left: 44px !important; }
                @media all and (max-width: 1120px) {
                  header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li.mega-has-icon {
                    padding-left: 24px !important; }
                    header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li.mega-has-icon ul li.mega-has-icon {
                      padding-left: 0 !important;
                      margin-left: -12px !important; } }
                header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li.mega-has-icon > a.mega-menu-link {
                  transform: translateX(-27px);
                  display: block !important; }
                  header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li.mega-has-icon > a.mega-menu-link:before {
                    margin-right: 5px;
                    margin-left: 5px;
                    margin-top: 2px;
                    color: #8b4ff3; }
              header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li ul li.mega-has-icon > a.mega-menu-link {
                transform: translateX(-13px);
                display: inline-block !important; }
                header#header nav#menu .mega-menu-wrap ul li ul li ul li ul li ul li.mega-has-icon > a.mega-menu-link:before {
                  margin-right: 3px;
                  margin-top: 0px; }
        header#header nav#menu .mega-menu-wrap ul > li {
          margin: 0 12px; }
          @media (min-width: 1120px) and (max-width: 1170px) {
            header#header nav#menu .mega-menu-wrap ul > li {
              margin: 0 6px; } }
  header#header #search {
    position: relative;
    max-width: 40px; }
    @media all and (max-width: 1220px) {
      header#header #search {
        margin: 0 5px;
        max-width: 22px; } }
    @media all and (max-width: 1120px) {
      header#header #search {
        position: absolute;
        right: 60px;
        top: 35px;
        max-width: 40px; } }
    header#header #search:after {
      border-bottom: 10px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      content: "";
      height: 0;
      opacity: 0;
      pointer-events: none;
      right: 12px;
      transition: opacity .20s ease-in-out, margin .25s ease-in-out;
      width: 0;
      z-index: 10;
      display: block;
      position: relative;
      margin: -16px 0 0 25px; }
    header#header #search .search-button {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      -webkit-transition: all ease-in-out 250ms;
      -moz-transition: all ease-in-out 250ms;
      transition: all ease-in-out 250ms;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
      header#header #search .search-button:before, header#header #search .search-button:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 22px;
        height: 2px;
        border-radius: 2px;
        opacity: 0;
        transition: 250ms opacity ease-in-out, 250ms transform ease-in-out;
        background-color: #121212; }
      header#header #search .search-button:before {
        transform: translate(-50%, -50%) rotate(-45deg) scale(0.5); }
      header#header #search .search-button:after {
        transform: translate(-50%, -50%) rotate(45deg) scale(0.5); }
    header#header #search .searchbar {
      position: absolute;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0);
      transform-origin: top right;
      opacity: 0;
      transition: 250ms transform ease-in-out, 250ms opacity ease-in-out;
      top: 100%;
      margin-top: -5px;
      z-index: 5;
      width: 380px;
      right: -10px;
      background-color: #fff;
      box-shadow: 0px 0px 15px rgba(154, 158, 164, 0.3); }
      @media all and (max-width: 768px) {
        header#header #search .searchbar {
          left: 0;
          transform: translateX(calc(-100% + 155px));
          width: 100vw;
          right: unset;
          height: 0;
          overflow: hidden; } }
      header#header #search .searchbar .search-container {
        position: relative; }
        header#header #search .searchbar .search-container .search-field {
          height: 56px;
          box-sizing: border-box;
          width: 100%;
          flex: 1;
          outline: none;
          border: unset;
          padding: 12px 15px 12px 44px;
          color: #121212;
          font-size: 17px;
          font-family: Mulish, sans-serif;
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTgnIGhlaWdodD0nMTgnIHZpZXdCb3g9JzAgMCAxOCAxOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcgMTdMMTMuMTMzMyAxMy4xMzMzTTE1LjIyMjIgOC4xMTExMUMxNS4yMjIyIDEyLjAzODUgMTIuMDM4NSAxNS4yMjIyIDguMTExMSAxNS4yMjIyQzQuMTgzNzUgMTUuMjIyMiAxIDEyLjAzODUgMSA4LjExMTFDMSA0LjE4Mzc1IDQuMTgzNzUgMSA4LjExMTEgMUMxMi4wMzg1IDEgMTUuMjIyMiA0LjE4Mzc1IDE1LjIyMjIgOC4xMTExMVonIHN0cm9rZT0nIzhBOEE4QScgc3Ryb2tlLXdpZHRoPScxLjY3JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=);
          background-size: 16px auto;
          background-position: 15px center;
          background-repeat: no-repeat; }
          header#header #search .searchbar .search-container .search-field::placeholder {
            font-weight: 400; }
        header#header #search .searchbar .search-container .clear-search {
          width: 24px;
          height: 24px;
          background-color: #F7F7F7;
          cursor: pointer;
          border: 3px solid white;
          position: absolute;
          border-radius: 50%;
          top: 50%;
          transform: translateY(-50%);
          right: 16px;
          display: none; }
          header#header #search .searchbar .search-container .clear-search.active {
            display: block; }
          header#header #search .searchbar .search-container .clear-search:before, header#header #search .searchbar .search-container .clear-search:after {
            content: "";
            width: 9px;
            height: 2px;
            background-color: #8A8A8A;
            border-radius: 1px;
            position: absolute;
            top: 50%;
            left: 50%; }
          header#header #search .searchbar .search-container .clear-search:before {
            transform: translate(-50%, -50%) rotate(-45deg); }
          header#header #search .searchbar .search-container .clear-search:after {
            transform: translate(-50%, -50%) rotate(45deg); }
      header#header #search .searchbar #search-results {
        border-top: 1px solid #ABABAB; }
        header#header #search .searchbar #search-results .results-for,
        header#header #search .searchbar #search-results .no-results {
          display: block;
          padding: 14px 16px;
          font-weight: 700; }
        header#header #search .searchbar #search-results .result {
          margin-top: .6em; }
          header#header #search .searchbar #search-results .result a {
            display: block;
            padding: 12px 16px;
            line-height: 1.7rem;
            font-weight: 400;
            color: #121212;
            text-decoration: none; }
            header#header #search .searchbar #search-results .result a:hover {
              background-color: rgba(0, 0, 0, 0.1);
              outline: none; }
        header#header #search .searchbar #search-results #see-all-results {
          font-weight: 700;
          color: #8b4ff3;
          display: block;
          padding: 12px 16px; }
          header#header #search .searchbar #search-results #see-all-results:hover {
            background-color: rgba(0, 0, 0, 0.1);
            outline: none; }
    header#header #search.active:after {
      margin: -14px 0 0 25px;
      opacity: 1; }
    header#header #search.active .search-button svg {
      opacity: 0;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      transform: scale(0.5); }
    header#header #search.active .search-button:before, header#header #search.active .search-button:after {
      opacity: 1; }
    header#header #search.active .search-button:before {
      transform: translate(-50%, -50%) rotate(-45deg) scale(1); }
    header#header #search.active .search-button:after {
      transform: translate(-50%, -50%) rotate(45deg) scale(1); }
    header#header #search.active .searchbar {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0); }
      @media all and (max-width: 768px) {
        header#header #search.active .searchbar {
          transform: translateX(calc(-100% + 155px));
          height: auto; } }
  header#header .nav-widget {
    align-items: center;
    display: flex;
    justify-content: space-between; }
    @media all and (max-width: 1120px) {
      header#header .nav-widget {
        margin-left: auto;
        margin-right: 50px; } }
    header#header .nav-widget > * {
      align-items: center;
      display: flex;
      justify-items: stretch;
      padding-bottom: 8px;
      padding-top: 8px;
      margin: 0 15px; }
      @media all and (max-width: 1260px) {
        header#header .nav-widget > * {
          margin: 0 10px; } }
      header#header .nav-widget > *:last-child {
        margin-right: 0; }
    @media all and (max-width: 1120px) {
      header#header .nav-widget #langDropdown {
        position: absolute;
        right: 150px;
        z-index: 5;
        min-width: auto; } }
    header#header .nav-widget .btn {
      max-height: 62px;
      color: #8b4ff3;
      padding: 5px 14px; }
      header#header .nav-widget .btn.btn__secondary:hover {
        background-color: #6c1ff0;
        border-color: #6c1ff0; }
      @media all and (max-width: 1120px) {
        header#header .nav-widget .btn {
          display: none; } }
    header#header .nav-widget #nch-bell-icon {
      transform: translateY(3px); }
      @media all and (max-width: 1120px) {
        header#header .nav-widget #nch-bell-icon {
          margin-right: 5px;
          transform: translateY(2px); } }
  header#header:hover, header#header.active {
    background-color: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(18, 18, 18, 0.08); }
    header#header:hover:after, header#header.active:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      backdrop-filter: blur(10px);
      pointer-events: none; }
    header#header:hover .nav-widget .btn.btn__secondary, header#header.active .nav-widget .btn.btn__secondary {
      background-color: #8b4ff3;
      border-color: #8b4ff3; }
      header#header:hover .nav-widget .btn.btn__secondary:hover, header#header.active .nav-widget .btn.btn__secondary:hover {
        background-color: #6c1ff0;
        border-color: #6c1ff0; }

footer#footer {
  background-color: #ffffff;
  font-size: 13.8125px;
  text-align: left;
  color: #121212; }
  footer#footer h2,
  footer#footer .title2,
  footer#footer h3,
  footer#footer .title3,
  footer#footer h4,
  footer#footer .title4,
  footer#footer h5,
  footer#footer .title5,
  footer#footer h6,
  footer#footer .title6 {
    color: #121212;
    display: block; }
  footer#footer h2,
  footer#footer .title2 {
    font-size: 20px;
    margin-bottom: 40px; }
  footer#footer h3,
  footer#footer .title3 {
    font-size: 18px;
    margin-bottom: 20px; }
  footer#footer h4,
  footer#footer .title4 {
    font-size: 17px;
    margin-bottom: 20px; }
  footer#footer h5,
  footer#footer .title5 {
    font-size: 16px;
    margin-bottom: 20px; }
  footer#footer h6,
  footer#footer .title6 {
    font-size: 15px;
    margin-bottom: 16px; }
  footer#footer a {
    color: #121212; }
    footer#footer a:hover {
      color: #8b4ff3; }
  footer#footer .dnd-area {
    padding: 40px 0; }
    footer#footer .dnd-area nav ul {
      margin: 0;
      padding: 0; }
      footer#footer .dnd-area nav ul li {
        margin-top: 12px;
        margin-bottom: 14px; }
        footer#footer .dnd-area nav ul li a {
          font-size: 13px;
          line-height: 20px;
          display: inline-block; }
        footer#footer .dnd-area nav ul li :not(:last-child) {
          margin-bottom: 10px; }
        footer#footer .dnd-area nav ul li:first-of-type {
          margin-bottom: 20px; }
          footer#footer .dnd-area nav ul li:first-of-type a {
            font-size: 17px;
            font-weight: 700; }
    footer#footer .dnd-area nav + nav {
      margin-top: 64px; }
  footer#footer .address-social-area {
    border-top: 1px solid rgba(18, 18, 18, 0.12);
    padding: 42px 0;
    font-size: 13px; }
    footer#footer .address-social-area a {
      color: #8b4ff3;
      font-size: 13px; }
    footer#footer .address-social-area .footer-address {
      font-size: 13px; }
      footer#footer .address-social-area .footer-address p {
        font-size: 13px;
        line-height: 1.6em; }
      footer#footer .address-social-area .footer-address img {
        height: 27px;
        width: auto;
        margin-bottom: 20px; }
    @media all and (max-width: 768px) {
      footer#footer .address-social-area .footer-contact {
        margin-top: 40px; } }
    @media all and (max-width: 768px) {
      footer#footer .address-social-area .footer-social-links {
        margin-top: 40px; } }
    footer#footer .address-social-area .footer-social-links .social-links {
      display: flex;
      color: #121212; }
      footer#footer .address-social-area .footer-social-links .social-links a {
        background-color: #fff;
        border: 1px solid rgba(18, 18, 18, 0.12);
        border-radius: 20px;
        display: block;
        height: 40px;
        width: 40px;
        margin-left: 12px;
        position: relative;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms; }
        footer#footer .address-social-area .footer-social-links .social-links a:first-of-type {
          margin-left: 0; }
        footer#footer .address-social-area .footer-social-links .social-links a:hover {
          background-color: #8b4ff3; }
        footer#footer .address-social-area .footer-social-links .social-links a img {
          left: 50%;
          max-height: 65%;
          max-width: 65%;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  footer#footer .copyright-area {
    border-top: 1px solid rgba(18, 18, 18, 0.12);
    padding: 42px 0; }
    footer#footer .copyright-area .copyrights {
      font-size: 10px; }
    footer#footer .copyright-area .footer-bottom ul {
      list-style: none;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      width: 100%;
      margin: 0;
      padding: 0; }
      footer#footer .copyright-area .footer-bottom ul li {
        display: inline-block; }
        footer#footer .copyright-area .footer-bottom ul li a {
          font-size: 13px; }

#container {
  overflow: clip; }

body.author-page #container,
body.authors-list-page #container {
  margin-top: 90px;
  margin-bottom: 60px; }
  body.author-page #container .breadcrumbs-container,
  body.authors-list-page #container .breadcrumbs-container {
    position: relative; }
    body.author-page #container .breadcrumbs-container .back-to-authors-list,
    body.authors-list-page #container .breadcrumbs-container .back-to-authors-list {
      position: absolute;
      top: 0;
      right: 0; }
      body.author-page #container .breadcrumbs-container .back-to-authors-list .btn,
      body.authors-list-page #container .breadcrumbs-container .back-to-authors-list .btn {
        font-size: 12px;
        padding: 10px 0 10px 48px;
        border: 0; }
        body.author-page #container .breadcrumbs-container .back-to-authors-list .btn:after,
        body.authors-list-page #container .breadcrumbs-container .back-to-authors-list .btn:after {
          right: unset;
          left: 3px;
          transform: translateY(-50%) rotate(225deg); }
    body.author-page #container .breadcrumbs-container #breadcrumbs,
    body.authors-list-page #container .breadcrumbs-container #breadcrumbs {
      padding-top: 0; }
      body.author-page #container .breadcrumbs-container #breadcrumbs > span,
      body.authors-list-page #container .breadcrumbs-container #breadcrumbs > span {
        padding-left: 0; }
      body.author-page #container .breadcrumbs-container #breadcrumbs span:first-of-type,
      body.authors-list-page #container .breadcrumbs-container #breadcrumbs span:first-of-type {
        padding-left: 0; }

.authors-page .author-header {
  display: flex;
  align-items: flex-start;
  border: 1px solid #dce0e6;
  padding: 40px 32px;
  margin-bottom: 60px; }
  .authors-page .author-header .author-avatar {
    margin-right: 30px;
    flex: 0 0 100px;
    margin-bottom: 40px;
    position: relative; }
    .authors-page .author-header .author-avatar img {
      border-radius: 50px;
      display: block;
      max-height: 100px;
      max-width: 100px;
      min-height: 100px;
      min-width: 100px;
      object-fit: cover; }
  .authors-page .author-header .author-info {
    flex: 1 1 0%;
    min-width: 0;
    margin-right: 30px;
    position: relative; }
    .authors-page .author-header .author-info h1.author {
      margin: 0;
      font-size: 24px;
      font-weight: 700;
      display: inline-block; }
    .authors-page .author-header .author-info .author-position {
      font-size: 20px;
      margin-top: 0; }
    .authors-page .author-header .author-info .author-bio {
      margin-top: 20px; }
  .authors-page .author-header .author-stats {
    flex: 0 1 420px;
    max-width: 560px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 25px;
    border-left: 1px solid #dce0e6;
    padding-left: 30px; }
    .authors-page .author-header .author-stats strong {
      display: block; }
    .authors-page .author-header .author-stats .author-articles-socials {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 25px; }
      .authors-page .author-header .author-stats .author-articles-socials .author-articles span {
        font-size: 20px; }
      .authors-page .author-header .author-stats .author-articles-socials .author-socials .author-social-links {
        margin-top: 5px; }
        .authors-page .author-header .author-stats .author-articles-socials .author-socials .author-social-links a {
          background-color: transparent;
          border: 2px solid #8b4ff3;
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: 50% auto;
          border-radius: 50%;
          display: inline-block;
          height: 32px;
          position: relative;
          width: 32px;
          z-index: 1;
          margin-right: 5px; }
          .authors-page .author-header .author-stats .author-articles-socials .author-socials .author-social-links a i {
            color: #8b4ff3;
            font-size: 16px;
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .authors-page .author-header .author-stats .author-tags ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .authors-page .author-header .author-stats .author-tags ul li {
        display: inline-block;
        background-color: #dce0e6;
        padding: 2px 6px;
        font-size: 12px;
        margin-right: 5px;
        margin-bottom: 3px;
        border-radius: 3px;
        letter-spacing: 1px;
        text-transform: uppercase; }
        .authors-page .author-header .author-stats .author-tags ul li span {
          opacity: 1;
          display: inline-block;
          border-left: 1px solid #fff;
          padding-left: 6px;
          margin-left: 3px;
          color: #5d6166; }
  @media all and (max-width: 1024px) {
    .authors-page .author-header {
      flex-direction: column; }
      .authors-page .author-header .author-avatar {
        margin-bottom: 20px;
        margin-right: 0;
        flex: 0 0 70px; }
        .authors-page .author-header .author-avatar img {
          max-height: 64px;
          max-width: 64px;
          min-height: 64px;
          min-width: 64px; }
      .authors-page .author-header .author-info {
        margin-right: 0; }
      .authors-page .author-header .author-stats {
        border-left: none;
        padding-left: 0;
        flex: 1 1 100%;
        width: 100%;
        margin-top: 50px; } }

.authors-page .author-posts section.posts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  direction: ltr;
  width: 100%; }
  @media all and (max-width: 768px) {
    .authors-page .author-posts section.posts-grid {
      display: block; } }

.authors-page .authors-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  direction: ltr;
  width: 100%; }
  .authors-page .authors-list .author {
    border: 1px solid #dce0e6;
    padding: 30px;
    display: flex;
    flex-direction: column; }
    .authors-page .authors-list .author .author-info {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      border-bottom: 1px solid #dce0e6;
      padding-bottom: 15px; }
      .authors-page .authors-list .author .author-info .author-avatar {
        width: 64px;
        margin: 0;
        flex: 0 0 64px;
        margin-right: 30px; }
        .authors-page .authors-list .author .author-info .author-avatar img {
          border-radius: 50px;
          display: block;
          width: 64px;
          height: 64px;
          object-fit: cover; }
      .authors-page .authors-list .author .author-info .author-meta h4 {
        margin: 0; }
      .authors-page .authors-list .author .author-info .author-meta .author-position {
        font-size: 20px;
        margin-top: 0; }
    .authors-page .authors-list .author .author-stats {
      margin-bottom: 15px;
      display: flex; }
      .authors-page .authors-list .author .author-stats strong {
        display: block;
        font-size: 12px;
        line-height: 1;
        min-height: 20px; }
      .authors-page .authors-list .author .author-stats .author-articles {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        text-align: center;
        margin-right: 15px; }
        .authors-page .authors-list .author .author-stats .author-articles span {
          font-size: 32px; }
      .authors-page .authors-list .author .author-stats .author-tags ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .authors-page .authors-list .author .author-stats .author-tags ul li {
          display: inline-block;
          background-color: #dce0e6;
          padding: 1px 4px;
          font-size: 10px;
          margin-right: 2px;
          margin-bottom: 2px;
          border-radius: 3px;
          letter-spacing: 1px;
          text-transform: uppercase; }
          .authors-page .authors-list .author .author-stats .author-tags ul li span {
            opacity: 1;
            display: inline-block;
            border-left: 1px solid #fff;
            padding-left: 3px;
            margin-left: 0px;
            color: #5d6166; }
    .authors-page .authors-list .author .author-description {
      text-align: center;
      margin-bottom: 30px; }
    .authors-page .authors-list .author .btn {
      margin-top: auto;
      font-size: 14px; }
  @media all and (max-width: 1024px) {
    .authors-page .authors-list {
      grid-template-columns: repeat(2, 1fr); } }
  @media all and (max-width: 768px) {
    .authors-page .authors-list {
      grid-template-columns: repeat(1, 1fr); } }

.nav-widget {
  align-items: center;
  display: flex;
  justify-content: space-between; }
  @media all and (max-width: 1120px) {
    .nav-widget {
      margin-left: auto;
      margin-right: 50px; } }
  .nav-widget > * {
    align-items: center;
    display: flex;
    justify-items: stretch;
    padding-bottom: 8px;
    padding-top: 8px;
    margin: 0 15px; }
    @media all and (max-width: 1260px) {
      .nav-widget > * {
        margin: 0 10px; } }
    .nav-widget > *:last-child {
      margin-right: 0; }
  .nav-widget .btn {
    max-height: 62px;
    color: #8b4ff3;
    padding: 5px 14px; }
    .nav-widget .btn.btn__secondary:hover {
      background-color: #6c1ff0;
      border-color: #6c1ff0; }
    @media all and (max-width: 1120px) {
      .nav-widget .btn {
        display: none; } }
  .nav-widget #nch-bell-icon {
    transform: translateY(3px); }
    @media all and (max-width: 1120px) {
      .nav-widget #nch-bell-icon {
        margin-right: 5px;
        transform: translateY(2px); } }

/* Language switcher */
/* Container */
.lang-dropdown {
  position: relative;
  width: auto; }
  @media all and (max-width: 1120px) {
    .lang-dropdown {
      margin-right: 10px; } }

/* Remove default marker */
.lang-dropdown__details summary::-webkit-details-marker {
  display: none; }

.lang-dropdown__details summary::marker {
  display: none; }

/* Toggle button */
.lang-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  user-select: none;
  color: #121212;
  font-size: 14px; }

/* Chevron */
.lang-toggle::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 2px solid #121212;
  border-bottom: 2px solid #121212;
  transform: rotate(45deg);
  margin-left: 8px;
  transition: transform .18s ease; }

/* Rotate when open */
.lang-dropdown__details[open] > .lang-toggle::after {
  transform: rotate(-135deg); }

/* Menu positioned below the toggle (expands downward) */
.lang-menu {
  display: none;
  margin: 0;
  padding: 0.25rem;
  list-style: none;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(18, 18, 18, 0.08);
  box-shadow: 0 10px 30px rgba(18, 18, 18, 0.08);
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 100%;
  z-index: 20; }

/* Show menu when details is open */
.lang-dropdown__details[open] > .lang-menu {
  display: block; }

/* Links */
.lang-menu a {
  display: block;
  padding: 0.45rem 0.8rem;
  text-decoration: none;
  color: #121212;
  text-align: center;
  font-size: 14px; }

/* Hover / focus */
.lang-menu a:hover,
.lang-menu a:focus {
  color: #8b4ff3;
  outline: none; }

/* Focus on summary for keyboard users */
.lang-toggle:focus {
  outline: none; }

/* Visually hidden (for screen readers) */
.lang-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; }

/* Small screens fit */
@media (max-width: 420px) {
  .lang-dropdown {
    min-width: 80px; }
  .lang-menu {
    min-width: 120px; } }

#search {
  position: relative;
  max-width: 40px; }
  @media all and (max-width: 1220px) {
    #search {
      margin: 0 5px;
      max-width: 22px; } }
  @media all and (max-width: 1120px) {
    #search {
      position: absolute;
      right: 60px;
      top: 35px;
      max-width: 40px; } }
  #search:after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    opacity: 0;
    pointer-events: none;
    right: 12px;
    transition: opacity .20s ease-in-out, margin .25s ease-in-out;
    width: 0;
    z-index: 10;
    display: block;
    position: relative;
    margin: -16px 0 0 25px; }
  #search .search-button {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); }
    #search .search-button:before, #search .search-button:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 22px;
      height: 2px;
      border-radius: 2px;
      opacity: 0;
      transition: 250ms opacity ease-in-out, 250ms transform ease-in-out;
      background-color: white; }
    #search .search-button:before {
      transform: translate(-50%, -50%) rotate(-45deg) scale(0.5); }
    #search .search-button:after {
      transform: translate(-50%, -50%) rotate(45deg) scale(0.5); }
  #search .searchbar {
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transform-origin: top right;
    opacity: 0;
    transition: 250ms transform ease-in-out, 250ms opacity ease-in-out;
    top: 100%;
    margin-top: -5px;
    z-index: 5;
    width: 380px;
    right: -10px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(154, 158, 164, 0.3); }
    @media all and (max-width: 768px) {
      #search .searchbar {
        left: 0;
        transform: translateX(calc(-100% + 155px));
        width: 100vw;
        right: unset;
        height: 0;
        overflow: hidden; } }
    #search .searchbar .search-container {
      position: relative; }
      #search .searchbar .search-container .search-field {
        height: 56px;
        box-sizing: border-box;
        width: 100%;
        flex: 1;
        outline: none;
        border: unset;
        padding: 12px 15px 12px 44px;
        color: #121212;
        font-size: 17px;
        font-family: Mulish, sans-serif;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTgnIGhlaWdodD0nMTgnIHZpZXdCb3g9JzAgMCAxOCAxOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcgMTdMMTMuMTMzMyAxMy4xMzMzTTE1LjIyMjIgOC4xMTExMUMxNS4yMjIyIDEyLjAzODUgMTIuMDM4NSAxNS4yMjIyIDguMTExMSAxNS4yMjIyQzQuMTgzNzUgMTUuMjIyMiAxIDEyLjAzODUgMSA4LjExMTFDMSA0LjE4Mzc1IDQuMTgzNzUgMSA4LjExMTEgMUMxMi4wMzg1IDEgMTUuMjIyMiA0LjE4Mzc1IDE1LjIyMjIgOC4xMTExMVonIHN0cm9rZT0nIzhBOEE4QScgc3Ryb2tlLXdpZHRoPScxLjY3JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=);
        background-size: 16px auto;
        background-position: 15px center;
        background-repeat: no-repeat; }
        #search .searchbar .search-container .search-field::placeholder {
          font-weight: 400; }
      #search .searchbar .search-container .clear-search {
        width: 24px;
        height: 24px;
        background-color: #F7F7F7;
        cursor: pointer;
        border: 3px solid white;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
        display: none; }
        #search .searchbar .search-container .clear-search.active {
          display: block; }
        #search .searchbar .search-container .clear-search:before, #search .searchbar .search-container .clear-search:after {
          content: "";
          width: 9px;
          height: 2px;
          background-color: #8A8A8A;
          border-radius: 1px;
          position: absolute;
          top: 50%;
          left: 50%; }
        #search .searchbar .search-container .clear-search:before {
          transform: translate(-50%, -50%) rotate(-45deg); }
        #search .searchbar .search-container .clear-search:after {
          transform: translate(-50%, -50%) rotate(45deg); }
    #search .searchbar #search-results {
      border-top: 1px solid #ABABAB; }
      #search .searchbar #search-results .results-for,
      #search .searchbar #search-results .no-results {
        display: block;
        padding: 14px 16px;
        font-weight: 700; }
      #search .searchbar #search-results .result {
        margin-top: .6em; }
        #search .searchbar #search-results .result a {
          display: block;
          padding: 12px 16px;
          line-height: 1.7rem;
          font-weight: 400;
          color: #121212;
          text-decoration: none; }
          #search .searchbar #search-results .result a:hover {
            background-color: rgba(0, 0, 0, 0.1);
            outline: none; }
      #search .searchbar #search-results #see-all-results {
        font-weight: 700;
        color: #8b4ff3;
        display: block;
        padding: 12px 16px; }
        #search .searchbar #search-results #see-all-results:hover {
          background-color: rgba(0, 0, 0, 0.1);
          outline: none; }
  #search.active:after {
    margin: -14px 0 0 25px;
    opacity: 1; }
  #search.active .search-button svg {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5); }
  #search.active .search-button:before, #search.active .search-button:after {
    opacity: 1; }
  #search.active .search-button:before {
    transform: translate(-50%, -50%) rotate(-45deg) scale(1); }
  #search.active .search-button:after {
    transform: translate(-50%, -50%) rotate(45deg) scale(1); }
  #search.active .searchbar {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0); }
    @media all and (max-width: 768px) {
      #search.active .searchbar {
        transform: translateX(calc(-100% + 155px));
        height: auto; } }

.pragmaticcoders-news-bar {
  background-color: #f7f7f7;
  padding: 3px 0;
  font-family: "Mulish", sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  width: 100%;
  z-index: 9999;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  bottom: -40px;
  -webkit-transition: all ease-in-out 100ms;
  -moz-transition: all ease-in-out 100ms;
  transition: all ease-in-out 100ms; }
  .pragmaticcoders-news-bar .news-bar-track {
    margin: 3px 0;
    position: relative;
    height: calc(100% - 6px);
    display: flex;
    align-items: center; }
    .pragmaticcoders-news-bar .news-bar-track a {
      color: inherit;
      text-decoration: none;
      display: inline-block;
      background-color: #dd4ff3;
      padding: 4px 20px;
      border-radius: 15px;
      white-space: nowrap;
      position: relative;
      height: 100%;
      line-height: 1;
      transition: margin-right 0.3s ease;
      animation-play-state: paused; }
      .pragmaticcoders-news-bar .news-bar-track a:hover {
        text-decoration: underline; }
  .pragmaticcoders-news-bar.pause-on-hover .news-bar-track:hover a {
    animation-play-state: paused; }
  .pragmaticcoders-news-bar.active {
    bottom: 0; }
    .pragmaticcoders-news-bar.active .news-bar-track a {
      animation-play-state: running; }

@keyframes scroll-text {
  from {
    left: 100%; }
  to {
    left: -100%; } }

.pragmaticcoders-nch #nch-bell-icon {
  z-index: 10;
  position: relative; }
  .pragmaticcoders-nch #nch-bell-icon #nch-bell-button .icon {
    pointer-events: none; }
    .pragmaticcoders-nch #nch-bell-icon #nch-bell-button .icon svg {
      pointer-events: none; }

.pragmaticcoders-nch #nch-notifications ul li.notification-item .item-top .notification-icon {
  color: #121212; }

.pragmaticcoders-nch #nch-notifications ul li.notification-item .notification-meta {
  margin-left: 25px; }

.page-hero {
  padding-top: 28px;
  padding-bottom: 64px; }

.case-study-single .pragmaticcoders-table-of-contents ul li.child-0 {
  margin-left: 10px; }

.case-study-single .pragmaticcoders-table-of-contents ul li.child-1 {
  margin-left: 15px; }

.case-study-single .pragmaticcoders-table-of-contents ul li.child-2 {
  margin-left: 20px; }

.case-study-single .pragmaticcoders-table-of-contents ul li.child-3 {
  margin-left: 25px; }

.post-wrapper {
  margin-bottom: 80px; }
  .post-wrapper article {
    display: flex;
    flex-flow: column;
    height: 100%;
    position: relative; }
    .post-wrapper article .post-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-indent: -9999px; }
    .post-wrapper article .post-thumb {
      margin-bottom: 24px;
      height: 0;
      overflow: hidden;
      padding-top: 55%;
      position: relative;
      width: 100%; }
      .post-wrapper article .post-thumb img {
        display: block;
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        width: 100%;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        padding: 0;
        margin: 0; }
    .post-wrapper article .post-content {
      width: 95%;
      display: flex;
      flex-basis: 100%;
      flex-flow: column; }
      @media all and (max-width: 768px) {
        .post-wrapper article .post-content {
          width: 100%; } }
      .post-wrapper article .post-content .post-title {
        margin-bottom: 20px;
        font-size: 21px;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms; }
      .post-wrapper article .post-content .post-text {
        margin-bottom: 32px;
        min-height: 54px; }
      .post-wrapper article .post-content .btn {
        position: relative;
        margin-top: auto;
        align-self: flex-start; }
        @media all and (max-width: 768px) {
          .post-wrapper article .post-content .btn {
            display: inline-block;
            min-width: auto;
            width: auto; } }
    .post-wrapper article:hover .post-thumb img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      transform: scale(1.1); }
    .post-wrapper article:hover .post-content .post-title {
      color: #8b4ff3; }
    .post-wrapper article:hover .post-content .btn {
      padding: 10px 62px 10px 0;
      border-bottom: 2px solid #6c1ff0;
      background-color: transparent;
      color: #6c1ff0; }

.post-meta {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 20px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase; }
  .post-meta > :not(:last-child) {
    padding-right: 12px; }
  .post-meta > :not(:first-child) {
    padding-left: 12px;
    position: relative; }
    .post-meta > :not(:first-child):after {
      background-color: rgba(18, 18, 18, 0.5);
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      width: 1px; }
  .post-meta:first-child {
    padding-left: 0; }
  .post-meta .post-tags a {
    color: #8b4ff3;
    letter-spacing: 4px; }
  .post-meta .post-date,
  .post-meta .post-date-modified {
    letter-spacing: 1px;
    color: rgba(18, 18, 18, 0.5); }
  .post-meta .post-time-read {
    letter-spacing: 1px;
    color: rgba(18, 18, 18, 0.5); }
  .post-meta .watch-time {
    letter-spacing: 1px;
    color: rgba(18, 18, 18, 0.5); }

.resources .tags .tag:first-of-type {
  display: none; }

.blog-wrapper,
.case-studies-wrapper,
.resources-wrapper {
  padding-bottom: 50px; }
  .blog-wrapper .tags-wrapper,
  .case-studies-wrapper .tags-wrapper,
  .resources-wrapper .tags-wrapper {
    overflow: visible;
    position: relative; }
    .blog-wrapper .tags-wrapper:after,
    .case-studies-wrapper .tags-wrapper:after,
    .resources-wrapper .tags-wrapper:after {
      content: '';
      display: block;
      position: absolute;
      height: 1px;
      width: 100vw;
      bottom: -1px;
      background-color: #dce0e6;
      left: 50%;
      transform: translateX(-50%); }
    .blog-wrapper .tags-wrapper .tags-nav-btn,
    .case-studies-wrapper .tags-wrapper .tags-nav-btn,
    .resources-wrapper .tags-wrapper .tags-nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: #fff;
      width: 30px;
      height: 100%;
      z-index: 2;
      cursor: pointer;
      color: #8b4ff3; }
      .blog-wrapper .tags-wrapper .tags-nav-btn.swiper-button-disabled,
      .case-studies-wrapper .tags-wrapper .tags-nav-btn.swiper-button-disabled,
      .resources-wrapper .tags-wrapper .tags-nav-btn.swiper-button-disabled {
        cursor: default;
        color: #5d6166;
        opacity: 0.5; }
      .blog-wrapper .tags-wrapper .tags-nav-btn:before,
      .case-studies-wrapper .tags-wrapper .tags-nav-btn:before,
      .resources-wrapper .tags-wrapper .tags-nav-btn:before {
        content: '';
        display: block;
        height: 100%;
        width: 30px;
        position: absolute;
        top: 0;
        z-index: 0;
        pointer-events: none; }
      .blog-wrapper .tags-wrapper .tags-nav-btn i,
      .case-studies-wrapper .tags-wrapper .tags-nav-btn i,
      .resources-wrapper .tags-wrapper .tags-nav-btn i {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .blog-wrapper .tags-wrapper .tags-nav-btn.btn-prev,
      .case-studies-wrapper .tags-wrapper .tags-nav-btn.btn-prev,
      .resources-wrapper .tags-wrapper .tags-nav-btn.btn-prev {
        left: 0; }
        .blog-wrapper .tags-wrapper .tags-nav-btn.btn-prev:before,
        .case-studies-wrapper .tags-wrapper .tags-nav-btn.btn-prev:before,
        .resources-wrapper .tags-wrapper .tags-nav-btn.btn-prev:before {
          left: 30px;
          background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 100%); }
      .blog-wrapper .tags-wrapper .tags-nav-btn.btn-next,
      .case-studies-wrapper .tags-wrapper .tags-nav-btn.btn-next,
      .resources-wrapper .tags-wrapper .tags-nav-btn.btn-next {
        right: 0; }
        .blog-wrapper .tags-wrapper .tags-nav-btn.btn-next:before,
        .case-studies-wrapper .tags-wrapper .tags-nav-btn.btn-next:before,
        .resources-wrapper .tags-wrapper .tags-nav-btn.btn-next:before {
          right: 30px;
          background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%); }
    .blog-wrapper .tags-wrapper .tags,
    .case-studies-wrapper .tags-wrapper .tags,
    .resources-wrapper .tags-wrapper .tags {
      display: flex;
      margin-bottom: 100px;
      position: relative;
      padding: 0 50px; }
      .blog-wrapper .tags-wrapper .tags .tag,
      .case-studies-wrapper .tags-wrapper .tags .tag,
      .resources-wrapper .tags-wrapper .tags .tag {
        display: flex;
        width: auto;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .blog-wrapper .tags-wrapper .tags .tag a,
        .case-studies-wrapper .tags-wrapper .tags .tag a,
        .resources-wrapper .tags-wrapper .tags .tag a {
          display: inline-block;
          color: #121212;
          font-size: 17px;
          font-weight: 600;
          line-height: 1.6em;
          padding: 20px 15px;
          border-bottom: 2px solid transparent;
          -webkit-transition: all ease-in-out 250ms;
          -moz-transition: all ease-in-out 250ms;
          transition: all ease-in-out 250ms; }
        .blog-wrapper .tags-wrapper .tags .tag:not(.active):hover a,
        .case-studies-wrapper .tags-wrapper .tags .tag:not(.active):hover a,
        .resources-wrapper .tags-wrapper .tags .tag:not(.active):hover a {
          background-color: #f3edff; }
        .blog-wrapper .tags-wrapper .tags .tag.active a,
        .case-studies-wrapper .tags-wrapper .tags .tag.active a,
        .resources-wrapper .tags-wrapper .tags .tag.active a {
          border-color: #8b4ff3;
          color: #8b4ff3; }
      .blog-wrapper .tags-wrapper .tags.animate-slides,
      .case-studies-wrapper .tags-wrapper .tags.animate-slides,
      .resources-wrapper .tags-wrapper .tags.animate-slides {
        animation: slide-left-right 1s ease-out forwards; }

@keyframes slide-left-right {
  0% {
    transform: translateX(0); }
  33% {
    transform: translateX(-20px); }
  66% {
    transform: translateX(20px); }
  100% {
    transform: translateX(0px); } }
  .blog-wrapper section.posts-grid,
  .case-studies-wrapper section.posts-grid,
  .resources-wrapper section.posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
    direction: ltr;
    width: 100%; }
    @media all and (max-width: 768px) {
      .blog-wrapper section.posts-grid,
      .case-studies-wrapper section.posts-grid,
      .resources-wrapper section.posts-grid {
        display: block; } }
  .blog-wrapper .featured-post,
  .case-studies-wrapper .featured-post,
  .resources-wrapper .featured-post {
    background-color: #f7f7f7;
    padding: 50px;
    margin-bottom: 120px;
    position: relative; }
    .blog-wrapper .featured-post:before,
    .case-studies-wrapper .featured-post:before,
    .resources-wrapper .featured-post:before {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjRENFMEE2IiBjeD0iMiIgY3k9IjIiIHI9IjIiLz48L3N2Zz4=);
      background-repeat: repeat;
      bottom: -60px;
      content: "";
      height: 116px;
      position: absolute;
      right: -40px;
      width: 212px;
      z-index: 2; }
    .blog-wrapper .featured-post .post-wrapper,
    .case-studies-wrapper .featured-post .post-wrapper,
    .resources-wrapper .featured-post .post-wrapper {
      margin: 0; }
      .blog-wrapper .featured-post .post-wrapper article,
      .case-studies-wrapper .featured-post .post-wrapper article,
      .resources-wrapper .featured-post .post-wrapper article {
        align-items: center;
        display: flex;
        flex-flow: unset; }
        .blog-wrapper .featured-post .post-wrapper article .post-thumb,
        .case-studies-wrapper .featured-post .post-wrapper article .post-thumb,
        .resources-wrapper .featured-post .post-wrapper article .post-thumb {
          max-width: 48%;
          display: block;
          height: 0;
          overflow: hidden;
          padding-top: 25%;
          position: relative;
          width: 100%; }
          .blog-wrapper .featured-post .post-wrapper article .post-thumb img,
          .case-studies-wrapper .featured-post .post-wrapper article .post-thumb img,
          .resources-wrapper .featured-post .post-wrapper article .post-thumb img {
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            width: 100%; }
        .blog-wrapper .featured-post .post-wrapper article .post-content,
        .case-studies-wrapper .featured-post .post-wrapper article .post-content,
        .resources-wrapper .featured-post .post-wrapper article .post-content {
          padding-left: 48px; }
          .blog-wrapper .featured-post .post-wrapper article .post-content h2,
          .case-studies-wrapper .featured-post .post-wrapper article .post-content h2,
          .resources-wrapper .featured-post .post-wrapper article .post-content h2 {
            font-size: 42px; }
            @media all and (max-width: 768px) {
              .blog-wrapper .featured-post .post-wrapper article .post-content h2,
              .case-studies-wrapper .featured-post .post-wrapper article .post-content h2,
              .resources-wrapper .featured-post .post-wrapper article .post-content h2 {
                font-size: 34px; } }
          .blog-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-date,
          .blog-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-date-modified,
          .blog-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-time-read,
          .case-studies-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-date,
          .case-studies-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-date-modified,
          .case-studies-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-time-read,
          .resources-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-date,
          .resources-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-date-modified,
          .resources-wrapper .featured-post .post-wrapper article .post-content .post-meta .post-time-read {
            letter-spacing: 0; }
    @media all and (max-width: 768px) {
      .blog-wrapper .featured-post,
      .case-studies-wrapper .featured-post,
      .resources-wrapper .featured-post {
        padding: 30px; }
        .blog-wrapper .featured-post .post-wrapper article,
        .case-studies-wrapper .featured-post .post-wrapper article,
        .resources-wrapper .featured-post .post-wrapper article {
          display: block; }
          .blog-wrapper .featured-post .post-wrapper article .post-thumb,
          .case-studies-wrapper .featured-post .post-wrapper article .post-thumb,
          .resources-wrapper .featured-post .post-wrapper article .post-thumb {
            padding-top: 60%;
            max-width: 100%; }
          .blog-wrapper .featured-post .post-wrapper article .post-content,
          .case-studies-wrapper .featured-post .post-wrapper article .post-content,
          .resources-wrapper .featured-post .post-wrapper article .post-content {
            padding-left: 0;
            width: 100%;
            margin-bottom: 30px; } }
  .blog-wrapper.sidebar-active .blog-container,
  .case-studies-wrapper.sidebar-active .blog-container,
  .resources-wrapper.sidebar-active .blog-container {
    display: flex; }
    @media all and (max-width: 1200px) {
      .blog-wrapper.sidebar-active .blog-container .posts-grid,
      .case-studies-wrapper.sidebar-active .blog-container .posts-grid,
      .resources-wrapper.sidebar-active .blog-container .posts-grid {
        flex-basis: 100%; } }
    @media all and (max-width: 1200px) {
      .blog-wrapper.sidebar-active .blog-container .sidebar,
      .case-studies-wrapper.sidebar-active .blog-container .sidebar,
      .resources-wrapper.sidebar-active .blog-container .sidebar {
        display: none; } }

.blog-page,
.case-studies-page,
.resources-page {
  margin-top: 90px; }
  .blog-page .breadcrumbs-container,
  .case-studies-page .breadcrumbs-container,
  .resources-page .breadcrumbs-container {
    margin-bottom: 20px; }
    .blog-page .breadcrumbs-container #breadcrumbs,
    .case-studies-page .breadcrumbs-container #breadcrumbs,
    .resources-page .breadcrumbs-container #breadcrumbs {
      padding-top: 0; }
      .blog-page .breadcrumbs-container #breadcrumbs > span,
      .case-studies-page .breadcrumbs-container #breadcrumbs > span,
      .resources-page .breadcrumbs-container #breadcrumbs > span {
        padding-left: 0; }
        .blog-page .breadcrumbs-container #breadcrumbs > span span:first-of-type,
        .case-studies-page .breadcrumbs-container #breadcrumbs > span span:first-of-type,
        .resources-page .breadcrumbs-container #breadcrumbs > span span:first-of-type {
          padding-left: 0; }
  .blog-page .page-hero,
  .case-studies-page .page-hero,
  .resources-page .page-hero {
    position: relative; }
    .blog-page .page-hero h1,
    .case-studies-page .page-hero h1,
    .resources-page .page-hero h1 {
      margin-bottom: 0;
      margin-top: 30px; }
    .blog-page .page-hero .authors-list,
    .case-studies-page .page-hero .authors-list,
    .resources-page .page-hero .authors-list {
      position: absolute;
      top: 40px;
      right: 15px;
      padding: 8px 15px; }
      @media all and (max-width: 768px) {
        .blog-page .page-hero .authors-list,
        .case-studies-page .page-hero .authors-list,
        .resources-page .page-hero .authors-list {
          position: static;
          top: 0;
          right: 0;
          margin-top: 20px; } }

.post-type-archive-case_study .counter-section {
  margin: 80px 0; }

.post-type-archive-case_study .contact-us-section .pragmaticcoders-oc-photo-block {
  overflow: hidden; }
  .post-type-archive-case_study .contact-us-section .pragmaticcoders-oc-photo-block .block-content {
    padding: 60px; }

.post-type-archive-case_study header#header,
.post-type-archive-resources header#header,
.post-type-archive-blog header#header,
.single-blog header#header,
.page-id-810 header#header,
.error404 header#header {
  background-color: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(18, 18, 18, 0.08); }

.single-blog .wp-video {
  margin: 30px auto 0; }

header#header.dark {
  background-color: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(18, 18, 18, 0.08); }

header#header.light {
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  header#header.light .nav-widget .btn {
    color: #8b4ff3; }
  header#header.light #search .search-button svg path {
    stroke: #121212; }
  header#header.light #menu .mega-menu-wrap ul li a {
    color: #121212; }
  header#header.light.active .nav-widget .btn, header#header.light:hover .nav-widget .btn {
    color: #fff; }

.pagination,
.nav-links {
  width: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  grid-column: span 2; }
  .pagination .page-numbers,
  .nav-links .page-numbers {
    display: flex;
    flex-flow: column;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: auto 2px;
    padding: 3px 18px;
    text-decoration: none;
    display: block; }
    .pagination .page-numbers.current,
    .nav-links .page-numbers.current {
      color: #8b4ff3;
      text-decoration: underline;
      text-underline-offset: 6px; }
    .pagination .page-numbers .pagination-btn,
    .nav-links .page-numbers .pagination-btn {
      width: 64px;
      height: 64px;
      border-radius: 100%;
      border: 2px solid #8b4ff3;
      position: relative; }
      .pagination .page-numbers .pagination-btn.next:after, .pagination .page-numbers .pagination-btn.prev:after,
      .nav-links .page-numbers .pagination-btn.next:after,
      .nav-links .page-numbers .pagination-btn.prev:after {
        border-right: 2px solid #8b4ff3;
        border-top: 2px solid #8b4ff3;
        content: "";
        height: 10px;
        position: absolute;
        top: 50%;
        transition: all .25s ease-in-out;
        width: 10px;
        left: calc(50% - 2px); }
      .pagination .page-numbers .pagination-btn.next:after,
      .nav-links .page-numbers .pagination-btn.next:after {
        transform: translate(-50%, -50%) rotate(45deg); }
      .pagination .page-numbers .pagination-btn.prev:after,
      .nav-links .page-numbers .pagination-btn.prev:after {
        transform: translate(-50%, -50%) rotate(225deg); }

.related-articles .related-text,
.post-list .related-text {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 40px; }

.related-articles .posts,
.post-list .posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  direction: ltr;
  width: 100%; }
  @media all and (max-width: 1200px) {
    .related-articles .posts,
    .post-list .posts {
      grid-template-columns: repeat(1, 1fr); } }
  .related-articles .posts .post-wrapper article .post-content,
  .post-list .posts .post-wrapper article .post-content {
    width: 100%; }
    .related-articles .posts .post-wrapper article .post-content .post-meta .post-date,
    .related-articles .posts .post-wrapper article .post-content .post-meta .post-date-modified,
    .related-articles .posts .post-wrapper article .post-content .post-meta .post-time-read,
    .post-list .posts .post-wrapper article .post-content .post-meta .post-date,
    .post-list .posts .post-wrapper article .post-content .post-meta .post-date-modified,
    .post-list .posts .post-wrapper article .post-content .post-meta .post-time-read {
      letter-spacing: 0; }
    .related-articles .posts .post-wrapper article .post-content .author-content,
    .post-list .posts .post-wrapper article .post-content .author-content {
      margin-bottom: 20px; }
  .related-articles .posts .post-wrapper article.post-type-resources .post-tags a,
  .post-list .posts .post-wrapper article.post-type-resources .post-tags a {
    border-radius: 2px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 1.5em;
    padding: 4px 8px;
    text-transform: uppercase; }
    .related-articles .posts .post-wrapper article.post-type-resources .post-tags a.webinar, .related-articles .posts .post-wrapper article.post-type-resources .post-tags a.video, .related-articles .posts .post-wrapper article.post-type-resources .post-tags a.podcast,
    .post-list .posts .post-wrapper article.post-type-resources .post-tags a.webinar,
    .post-list .posts .post-wrapper article.post-type-resources .post-tags a.video,
    .post-list .posts .post-wrapper article.post-type-resources .post-tags a.podcast {
      background-color: #4f65f3; }
    .related-articles .posts .post-wrapper article.post-type-resources .post-tags a.e-book,
    .post-list .posts .post-wrapper article.post-type-resources .post-tags a.e-book {
      background-color: #f58227; }
    .related-articles .posts .post-wrapper article.post-type-resources .post-tags a.guide,
    .post-list .posts .post-wrapper article.post-type-resources .post-tags a.guide {
      background-color: #f5ca27; }
    .related-articles .posts .post-wrapper article.post-type-resources .post-tags a.other,
    .post-list .posts .post-wrapper article.post-type-resources .post-tags a.other {
      background-color: #9cc2e8; }
  .related-articles .posts .post-wrapper article.post-type-resources .post-thumb,
  .post-list .posts .post-wrapper article.post-type-resources .post-thumb {
    padding-top: 70%; }
  @media all and (max-width: 768px) {
    .related-articles .posts,
    .post-list .posts {
      grid-template-columns: repeat(1, 1fr); } }

.related-services {
  margin-bottom: 60px; }
  .related-services .related-text {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 80px; }
  .related-services .pragmaticcoders-blocks {
    grid-template-columns: repeat(4, 1fr); }
    @media all and (max-width: 1200px) {
      .related-services .pragmaticcoders-blocks {
        grid-template-columns: repeat(1, 1fr); } }
    .related-services .pragmaticcoders-blocks .widget-block .title3,
    .related-services .pragmaticcoders-blocks .widget-block h3 {
      color: #fff; }

.newsletter-blog-section {
  background-color: #f7f7f7; }

.sidebar {
  padding-bottom: 40px;
  max-width: 345px;
  flex-basis: 25%;
  margin-left: 30px; }
  .sidebar.sidebar-sticky .sidebar-wrapper {
    height: 100%; }
    .sidebar.sidebar-sticky .sidebar-wrapper .sidebar-widget {
      position: sticky;
      top: 120px;
      overflow: hidden;
      max-height: calc(100vh - 160px);
      overflow: auto; }
  @media all and (max-width: 1024px) {
    .sidebar.sidebar-right {
      flex-basis: auto;
      /* zamiast 0 */
      width: 100%;
      /* lub inna wartość — dopasuj do projektu */
      margin-left: 0;
      z-index: 20; } }
  .sidebar.sidebar-left {
    margin-left: 0;
    margin-right: 30px; }
    @media all and (max-width: 1024px) {
      .sidebar.sidebar-left {
        flex-basis: 0;
        margin-right: 0;
        z-index: 20; } }
  .sidebar .sidebar-wrapper {
    height: 100%;
    padding: 0 5px; }
    .sidebar .sidebar-wrapper::-webkit-scrollbar {
      width: 5px; }
    .sidebar .sidebar-wrapper .sidebar-widget {
      margin-bottom: 40px; }
      .sidebar .sidebar-wrapper .sidebar-widget:last-of-type {
        margin-bottom: 0; }
      .sidebar .sidebar-wrapper .sidebar-widget .title4 {
        display: block; }
      .sidebar .sidebar-wrapper .sidebar-widget.sticky {
        position: sticky; }
      .sidebar .sidebar-wrapper .sidebar-widget .pragmaticcoders-table-of-contents .label {
        background-color: #8b4ff3;
        position: absolute;
        color: #fff;
        padding: 5px 10px;
        font-weight: 700;
        display: none;
        cursor: pointer;
        top: -38px;
        height: 38px;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center; }
      @media all and (max-width: 1024px) {
        .sidebar .sidebar-wrapper .sidebar-widget .pragmaticcoders-table-of-contents {
          position: fixed;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          background-color: #ffffff;
          color: #121212;
          padding: 30px 15px;
          height: auto;
          z-index: 30;
          bottom: -1400px;
          -webkit-transition: all ease-in-out 250ms;
          -moz-transition: all ease-in-out 250ms;
          transition: all ease-in-out 250ms; }
          .sidebar .sidebar-wrapper .sidebar-widget .pragmaticcoders-table-of-contents.active {
            bottom: 0 !important; }
          .sidebar .sidebar-wrapper .sidebar-widget .pragmaticcoders-table-of-contents .label {
            display: block; }
          .sidebar .sidebar-wrapper .sidebar-widget .pragmaticcoders-table-of-contents h5 {
            display: none; }
          .sidebar .sidebar-wrapper .sidebar-widget .pragmaticcoders-table-of-contents ul {
            margin-bottom: 0;
            max-height: 50vh;
            overflow-y: auto; }
            .sidebar .sidebar-wrapper .sidebar-widget .pragmaticcoders-table-of-contents ul li a.horizontal-scroll {
              position: static;
              width: 100% !important; } }
      @media all and (max-width: 1024px) {
        .sidebar .sidebar-wrapper .sidebar-widget > *:not(.pragmaticcoders-table-of-contents):not(.pragmaticcoders-author-info-widget) {
          display: none; } }
  .sidebar .animated .pragmaticcoders-newsletter-widget {
    --border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius); }
    .sidebar .animated .pragmaticcoders-newsletter-widget .title4 {
      font-size: 18px;
      margin-bottom: 10px;
      line-height: 1; }
    .sidebar .animated .pragmaticcoders-newsletter-widget:before, .sidebar .animated .pragmaticcoders-newsletter-widget:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(45deg, rgba(139, 79, 243, 0.4), rgba(139, 79, 243, 0.05), rgba(139, 79, 243, 0.5), rgba(139, 79, 243, 0.05));
      background-size: 400%;
      z-index: -1;
      animation: glow 15s linear infinite;
      width: 100%;
      border-radius: var(--border-radius); }
    .sidebar .animated .pragmaticcoders-newsletter-widget:after {
      filter: blur(10px);
      transform: translate3d(0, 0, 0); }
    .sidebar .animated .pragmaticcoders-newsletter-widget .nf-wrapper {
      position: relative;
      z-index: 1;
      width: 100%;
      margin: 2px;
      background-color: #fff;
      padding: 20px 20px 5px; }

@keyframes glow {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 100% 0; }
  100% {
    background-position: 0 0; } }
  .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container {
    margin-bottom: 10px; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container:last-of-type {
      margin-bottom: 0; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .nf-field-label {
      margin-bottom: 3px; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field label {
      font-size: 15px; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field input {
      padding: 10px 15px;
      line-height: 14px;
      height: auto;
      font-size: 15px; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection {
      padding: 3px 10px 0;
      line-height: 1; }
      .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li {
        margin: 7px 2px 5px; }
        .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li.select2-search input {
          padding: 0;
          margin: 0; }
        .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li.select2-search.select2-search--inline {
          height: 20px; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .listcheckbox-wrap .nf-field-element ul li label {
      font-weight: normal;
      font-size: 14px;
      margin-bottom: 0; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap,
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .submit-wrap {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: fit-content;
      margin: 0 auto; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap .nf-field-label {
      padding-left: 4px; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap label {
      font-size: 12px;
      font-weight: normal;
      line-height: 16px;
      display: block;
      margin-top: 3px; }
      .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap label a {
        color: #8b4ff3;
        font-weight: bold; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .submit-wrap {
      width: 100%; }
      .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .submit-wrap .nf-field-element input {
        min-width: 100%;
        margin: 0 auto; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .nf-help {
      max-width: 50vw; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-after-field {
      width: 100%; }
      .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-after-field .nf-error {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: fit-content;
        margin: 0 auto; }
        .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-after-field .nf-error .nf-error-msg {
          margin-top: 0;
          background-size: 22px auto;
          height: auto;
          padding-left: 22px;
          font-size: 11px; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container.hidden-container {
      margin-bottom: 0; }
  .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-after-form-content {
    text-align: center; }
    .sidebar .newsletter-form.nf-form-cont .nf-form-wrap .nf-form-layout .nf-after-form-content .nf-form-errors {
      font-size: 14px; }
  .sidebar .pragmaticcoders-recent-topics-widget .post {
    display: block;
    position: relative; }
    .sidebar .pragmaticcoders-recent-topics-widget .post + .post {
      margin-top: 40px; }
    .sidebar .pragmaticcoders-recent-topics-widget .post a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    .sidebar .pragmaticcoders-recent-topics-widget .post .post-thumb {
      width: 100%;
      height: 130px;
      overflow: hidden; }
      .sidebar .pragmaticcoders-recent-topics-widget .post .post-thumb .post-ico {
        height: 100%;
        position: relative;
        width: 100%;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms; }
        .sidebar .pragmaticcoders-recent-topics-widget .post .post-thumb .post-ico img {
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          transition: all .25s ease-in-out;
          width: 100%; }
    .sidebar .pragmaticcoders-recent-topics-widget .post .post-tags {
      line-height: 1; }
      .sidebar .pragmaticcoders-recent-topics-widget .post .post-tags span {
        border-radius: 2px;
        color: #000;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 1;
        padding: 0;
        text-transform: uppercase;
        color: #5d6166; }
    .sidebar .pragmaticcoders-recent-topics-widget .post .post-title {
      width: 100%;
      margin-top: 4px; }
      .sidebar .pragmaticcoders-recent-topics-widget .post .post-title h6 {
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        margin: 0;
        font-size: 16px; }
    .sidebar .pragmaticcoders-recent-topics-widget .post:hover .post-thumb .post-ico {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      transform: scale(1.1); }
    .sidebar .pragmaticcoders-recent-topics-widget .post:hover .post-title h6 {
      color: #8b4ff3; }
  @media all and (max-width: 1024px) {
    .sidebar .pragmaticcoders-author-info-widget {
      margin-top: 60px; } }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .title,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .title {
    font-weight: 700;
    margin-bottom: 10px; }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content p,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content p {
    margin: 0; }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-avatar a img,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-avatar a img {
    border-radius: 50px;
    display: block;
    margin-bottom: 10px;
    max-height: 70px;
    max-width: 70px;
    min-height: 70px;
    min-width: 70px;
    object-fit: cover; }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .name,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .name {
    font-size: 18px;
    font-weight: 700; }
    .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .name a,
    .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .name a {
      color: inherit;
      text-decoration: none; }
      .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .name a:hover,
      .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .name a:hover {
        color: #8b4ff3;
        text-decoration: underline; }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .position,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .position {
    font-size: 16px; }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .bio,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .bio {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px; }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .author-social-links a,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .author-social-links a {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50% auto;
    border: 2px solid #8b4ff3;
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    margin-right: 3px;
    position: relative;
    width: 26px;
    z-index: 1; }
    .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .author-social-links a i,
    .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .author-social-links a i {
      color: #8b4ff3;
      font-size: 12px;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .sidebar .pragmaticcoders-author-info-widget .main-author-wrapper .author-content .author-info .profile-link,
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper .author-content .author-info .profile-link {
    border: 0;
    color: #8b4ff3;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap; }
  .sidebar .pragmaticcoders-author-info-widget .co-authors-wrapper {
    margin-top: 30px; }
  .sidebar .pragmaticcoders-table-of-contents .table-of-contents {
    padding-left: 0;
    margin-top: 0;
    padding-right: 5px;
    margin-bottom: 30px; }
    .sidebar .pragmaticcoders-table-of-contents .table-of-contents li {
      margin-bottom: 3px;
      position: relative;
      display: block;
      padding-left: 15px; }
      .sidebar .pragmaticcoders-table-of-contents .table-of-contents li:not(.child) a:before {
        content: '';
        height: 6px;
        width: 6px;
        background-color: #8b4ff3;
        display: block;
        position: absolute;
        top: calc((17px / 2) - 3px);
        left: 0px;
        border-radius: 2px; }
      .sidebar .pragmaticcoders-table-of-contents .table-of-contents li a {
        padding-bottom: 0px;
        padding-top: 0px;
        display: inline-block;
        margin: 0;
        line-height: 1.2;
        text-overflow: ellipsis;
        cursor: pointer;
        word-break: break-word;
        vertical-align: top;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        width: 100%;
        font-size: 15px;
        margin-bottom: 5px; }
        .sidebar .pragmaticcoders-table-of-contents .table-of-contents li a:hover {
          overflow: visible;
          -webkit-line-clamp: unset;
          height: auto;
          color: #8b4ff3; }
        .sidebar .pragmaticcoders-table-of-contents .table-of-contents li a.horizontal-scroll {
          transition: all 500ms ease-in-out;
          position: relative;
          left: 0; }
          .sidebar .pragmaticcoders-table-of-contents .table-of-contents li a.horizontal-scroll:hover {
            overflow: visible;
            transition: all 3s ease-in-out; }
      .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child {
        padding-left: 22px;
        padding-top: 1px;
        padding-bottom: 1px;
        position: relative;
        display: block;
        margin-bottom: 0; }
        .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child a {
          font-size: 14px; }
          .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child a:not(.active) {
            color: #5d6166; }
          .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child a:hover {
            color: #8b4ff3; }
        .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child:before {
          content: '';
          display: block;
          border-left: 1px dotted rgba(18, 18, 18, 0.5);
          width: 8px;
          height: 100%;
          position: absolute;
          top: 0;
          left: 2px; }
        .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child:after {
          content: '';
          display: block;
          border-bottom: 1px dotted rgba(18, 18, 18, 0.5);
          width: 16px;
          height: 11.33333px;
          position: absolute;
          top: 0;
          left: 2px; }
        .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child.last-child {
          margin-bottom: 3px; }
          .sidebar .pragmaticcoders-table-of-contents .table-of-contents li.child.last-child:before {
            height: 11.33333px; }

.blog-single {
  margin-top: 120px; }
  @media all and (max-width: 768px) {
    .blog-single {
      margin-top: 80px; } }
  .blog-single .blog-post-wrapper {
    display: flex;
    width: 100%;
    position: relative; }
    @media all and (max-width: 1024px) {
      .blog-single .blog-post-wrapper {
        flex-direction: column; }
        .blog-single .blog-post-wrapper .sidebar-right .sticky {
          position: relative !important;
          top: 0; } }
    .blog-single .blog-post-wrapper article {
      flex-basis: 75%;
      padding-right: 140px;
      max-width: 745px; }
      @media all and (max-width: 1380px) {
        .blog-single .blog-post-wrapper article {
          padding-right: 0; } }
      @media all and (max-width: 1024px) {
        .blog-single .blog-post-wrapper article {
          flex-basis: 100%;
          padding-right: 0;
          display: block;
          width: 100%; } }
      .blog-single .blog-post-wrapper article .breadcrumbs-container {
        margin-bottom: 40px; }
        .blog-single .blog-post-wrapper article .breadcrumbs-container #breadcrumbs {
          padding-top: 0; }
          .blog-single .blog-post-wrapper article .breadcrumbs-container #breadcrumbs > span {
            padding-left: 0; }
            .blog-single .blog-post-wrapper article .breadcrumbs-container #breadcrumbs > span span:first-of-type {
              padding-left: 0; }
      .blog-single .blog-post-wrapper article #headline {
        font-size: 40px;
        margin-top: 14px; }
        @media all and (max-width: 768px) {
          .blog-single .blog-post-wrapper article #headline {
            font-size: 32px;
            line-height: 1.2; } }
      .blog-single .blog-post-wrapper article h2 {
        font-size: 32px; }
      .blog-single .blog-post-wrapper article h3 {
        font-size: 26px; }
      .blog-single .blog-post-wrapper article h4 {
        font-size: 21px; }
      .blog-single .blog-post-wrapper article h5 {
        font-size: 18px; }
      .blog-single .blog-post-wrapper article .post-thumbnail {
        margin-top: 20px;
        margin-bottom: 40px; }
        .blog-single .blog-post-wrapper article .post-thumbnail img {
          width: 100%;
          height: auto; }
      .blog-single .blog-post-wrapper article .blog-post-content {
        line-height: 1.6em;
        position: relative; }
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h1,
        .blog-single .blog-post-wrapper article .blog-post-content img + h1,
        .blog-single .blog-post-wrapper article .blog-post-content ol + h1,
        .blog-single .blog-post-wrapper article .blog-post-content p + h1,
        .blog-single .blog-post-wrapper article .blog-post-content ul + h1,
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + .title1,
        .blog-single .blog-post-wrapper article .blog-post-content img + .title1,
        .blog-single .blog-post-wrapper article .blog-post-content ol + .title1,
        .blog-single .blog-post-wrapper article .blog-post-content p + .title1,
        .blog-single .blog-post-wrapper article .blog-post-content ul + .title1 {
          margin-top: 64px; }
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h2,
        .blog-single .blog-post-wrapper article .blog-post-content img + h2,
        .blog-single .blog-post-wrapper article .blog-post-content ol + h2,
        .blog-single .blog-post-wrapper article .blog-post-content p + h2,
        .blog-single .blog-post-wrapper article .blog-post-content ul + h2,
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + .title2,
        .blog-single .blog-post-wrapper article .blog-post-content img + .title2,
        .blog-single .blog-post-wrapper article .blog-post-content ol + .title2,
        .blog-single .blog-post-wrapper article .blog-post-content p + .title2,
        .blog-single .blog-post-wrapper article .blog-post-content ul + .title2 {
          margin-top: 64px; }
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h3,
        .blog-single .blog-post-wrapper article .blog-post-content img + h3,
        .blog-single .blog-post-wrapper article .blog-post-content ol + h3,
        .blog-single .blog-post-wrapper article .blog-post-content p + h3,
        .blog-single .blog-post-wrapper article .blog-post-content ul + h3,
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + .title3,
        .blog-single .blog-post-wrapper article .blog-post-content img + .title3,
        .blog-single .blog-post-wrapper article .blog-post-content ol + .title3,
        .blog-single .blog-post-wrapper article .blog-post-content p + .title3,
        .blog-single .blog-post-wrapper article .blog-post-content ul + .title3 {
          margin-top: 64px; }
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h4,
        .blog-single .blog-post-wrapper article .blog-post-content img + h4,
        .blog-single .blog-post-wrapper article .blog-post-content ol + h4,
        .blog-single .blog-post-wrapper article .blog-post-content p + h4,
        .blog-single .blog-post-wrapper article .blog-post-content ul + h4,
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + .title4,
        .blog-single .blog-post-wrapper article .blog-post-content img + .title4,
        .blog-single .blog-post-wrapper article .blog-post-content ol + .title4,
        .blog-single .blog-post-wrapper article .blog-post-content p + .title4,
        .blog-single .blog-post-wrapper article .blog-post-content ul + .title4 {
          margin-top: 64px; }
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h5,
        .blog-single .blog-post-wrapper article .blog-post-content img + h5,
        .blog-single .blog-post-wrapper article .blog-post-content ol + h5,
        .blog-single .blog-post-wrapper article .blog-post-content p + h5,
        .blog-single .blog-post-wrapper article .blog-post-content ul + h5,
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + .title5,
        .blog-single .blog-post-wrapper article .blog-post-content img + .title5,
        .blog-single .blog-post-wrapper article .blog-post-content ol + .title5,
        .blog-single .blog-post-wrapper article .blog-post-content p + .title5,
        .blog-single .blog-post-wrapper article .blog-post-content ul + .title5 {
          margin-top: 64px; }
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + h6,
        .blog-single .blog-post-wrapper article .blog-post-content img + h6,
        .blog-single .blog-post-wrapper article .blog-post-content ol + h6,
        .blog-single .blog-post-wrapper article .blog-post-content p + h6,
        .blog-single .blog-post-wrapper article .blog-post-content ul + h6,
        .blog-single .blog-post-wrapper article .blog-post-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + .title6,
        .blog-single .blog-post-wrapper article .blog-post-content img + .title6,
        .blog-single .blog-post-wrapper article .blog-post-content ol + .title6,
        .blog-single .blog-post-wrapper article .blog-post-content p + .title6,
        .blog-single .blog-post-wrapper article .blog-post-content ul + .title6 {
          margin-top: 64px; }
        .blog-single .blog-post-wrapper article .blog-post-content ul li a {
          color: #8b4ff3;
          text-decoration: underline; }
          .blog-single .blog-post-wrapper article .blog-post-content ul li a:hover {
            text-decoration: none; }
        .blog-single .blog-post-wrapper article .blog-post-content ul li:not(.not-u-d):not(:first-child) {
          margin-top: 0.6em; }
        .blog-single .blog-post-wrapper article .blog-post-content ol {
          list-style-type: decimal;
          margin-left: 40px; }
          .blog-single .blog-post-wrapper article .blog-post-content ol li a {
            color: #8b4ff3;
            text-decoration: underline; }
            .blog-single .blog-post-wrapper article .blog-post-content ol li a:hover {
              text-decoration: none; }
          .blog-single .blog-post-wrapper article .blog-post-content ol li:not(.not-u-d):not(:first-child) {
            margin-top: 1em; }
        .blog-single .blog-post-wrapper article .blog-post-content img {
          width: 100%;
          height: auto; }
        .blog-single .blog-post-wrapper article .blog-post-content iframe {
          width: 100% !important;
          height: auto !important;
          aspect-ratio: 16 / 9; }
        .blog-single .blog-post-wrapper article .blog-post-content .tiktok-wrapper iframe,
        .blog-single .blog-post-wrapper article .blog-post-content .tiktok-embed iframe {
          aspect-ratio: unset;
          height: 740px !important; }
        .blog-single .blog-post-wrapper article .blog-post-content iframe.instagram-media {
          aspect-ratio: unset;
          height: revert-layer !important; }
        .blog-single .blog-post-wrapper article .blog-post-content blockquote {
          margin: 15px 0px 10px 15px;
          border-left: 4px solid #8b4ff3;
          padding: 20px;
          padding-left: 50px;
          position: relative;
          background-color: rgba(139, 79, 243, 0.08);
          font-style: italic; }
          .blog-single .blog-post-wrapper article .blog-post-content blockquote:before {
            color: #8b4ff3;
            content: "\201C";
            font-size: 5em;
            left: 0px;
            position: absolute;
            top: 35px; }
      .blog-single .blog-post-wrapper article .blog-post-author {
        border: 1px solid #dce0e6;
        margin-top: 80px;
        padding: 40px 32px; }
        .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .title,
        .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .title {
          font-size: 20px;
          font-weight: 700;
          margin-bottom: 24px; }
        .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content,
        .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content {
          display: flex; }
          .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content img,
          .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content img {
            border-radius: 50px;
            display: block;
            margin-bottom: 10px;
            max-height: 100px;
            max-width: 100px;
            min-height: 100px;
            min-width: 100px;
            object-fit: cover; }
          .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content .profile-link,
          .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content .profile-link {
            padding: 5px;
            font-size: 12px;
            border: 0;
            color: #8b4ff3;
            text-transform: uppercase;
            font-weight: 700;
            white-space: nowrap;
            text-align: center;
            margin-bottom: 20px; }
          .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content .author-info,
          .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content .author-info {
            margin-left: 28px;
            position: relative; }
            .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content .author-info .name,
            .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content .author-info .name {
              font-size: 20px;
              font-weight: 700; }
              .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content .author-info .name a,
              .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content .author-info .name a {
                text-decoration: none;
                color: inherit; }
            .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content .author-info .position,
            .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content .author-info .position {
              font-size: 20px;
              margin-top: 0; }
            .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content .author-info .bio,
            .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content .author-info .bio {
              margin-top: 20px; }
        @media all and (max-width: 768px) {
          .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .title,
          .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .title {
            text-align: center; }
          .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content,
          .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content {
            display: block;
            text-align: center; }
            .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content img,
            .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content img {
              margin: 0 auto 20px; }
            .blog-single .blog-post-wrapper article .blog-post-author .author-wrapper .author-content .author-info,
            .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content .author-info {
              margin-left: 0; } }
        .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper {
          border-top: 1px solid #dce0e6;
          margin-top: 40px;
          padding-top: 40px; }
          .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .title {
            font-size: 18px; }
          .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content {
            margin-bottom: 30px; }
            .blog-single .blog-post-wrapper article .blog-post-author .co-authors-wrapper .author-content:last-of-type {
              margin-bottom: 0; }
  .blog-single.sidebar-left-acitve .blog-post-wrapper article {
    padding-right: 0; }

.resources-page .resources-wrapper .posts-grid {
  grid-template-columns: repeat(3, 1fr); }

.resources-page .resources-wrapper .post-wrapper article .post-thumb {
  padding-top: 70%; }

.resources-page .resources-wrapper .post-wrapper article .post-content {
  width: 100%; }
  .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags {
    padding-right: 0; }
    .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags a {
      border-radius: 2px;
      color: #000;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 4px;
      line-height: 1.5em;
      padding: 4px 8px;
      text-transform: uppercase; }
      .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags a.tag-e-book {
        background-color: #f58227; }
      .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags a.tag-webinar, .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags a.tag-video, .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags a.tag-podcast {
        background-color: #4f65f3; }
      .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags a.tag-guide {
        background-color: #f5ca27; }
      .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-tags a.tag-other {
        background-color: #9cc2e8; }
  .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .post-date:after {
    display: none; }
  .resources-page .resources-wrapper .post-wrapper article .post-content .post-meta .watch-time {
    color: rgba(18, 18, 18, 0.5); }
  .resources-page .resources-wrapper .post-wrapper article .post-content .btn {
    margin-top: 40px; }

.resources-page .resources-wrapper .featured-post .post-wrapper article .post-thumb {
  padding-top: 35%; }
  @media all and (max-width: 768px) {
    .resources-page .resources-wrapper .featured-post .post-wrapper article .post-thumb {
      padding-top: 65%; } }

.ebook-intro .intro-left .e-con-inner,
.webinar-intro .intro-left .e-con-inner,
.video-intro .intro-left .e-con-inner {
  z-index: 1; }

.ebook-intro .intro-left:after,
.webinar-intro .intro-left:after,
.video-intro .intro-left:after {
  background-color: inherit;
  display: block;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: calc((100vw - 1270px) / 2 + 100%);
  z-index: 0; }

.ebook-intro .intro-center,
.webinar-intro .intro-center,
.video-intro .intro-center {
  height: 100%;
  min-height: 50vh;
  display: block;
  position: relative; }
  .ebook-intro .intro-center .elementor-element,
  .webinar-intro .intro-center .elementor-element,
  .video-intro .intro-center .elementor-element {
    height: 100%;
    position: relative; }
    .ebook-intro .intro-center .elementor-element .elementor-widget-container,
    .webinar-intro .intro-center .elementor-element .elementor-widget-container,
    .video-intro .intro-center .elementor-element .elementor-widget-container {
      height: 100%; }
      .ebook-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode,
      .webinar-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode,
      .video-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode {
        height: 90%;
        position: relative; }
        .ebook-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow,
        .webinar-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow,
        .video-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow {
          position: absolute;
          width: 80px;
          height: 70px;
          top: 40%;
          transform: translateY(-50%); }
          .ebook-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow.pc-arrow-sticky,
          .webinar-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow.pc-arrow-sticky,
          .video-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow.pc-arrow-sticky {
            position: sticky; }
          .ebook-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow:after,
          .webinar-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow:after,
          .video-intro .intro-center .elementor-element .elementor-widget-container .elementor-shortcode .pc-arrow:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjI2IiBoZWlnaHQ9IjQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yIDQyLjU1NEM2MCAxMiAxNTktMjggMjE1Ljc1NCAzOS45MTkiIHN0cm9rZT0iIzhCNEZGMyIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjE3Ljk3MiAzMS40YzEuNjE5IDIyLjcwNCA2LjU5NSAxMi4yMS04LjM4OCA4LjE4NyIgc3Ryb2tlPSIjOEI0RkYzIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
            background-position: 0 55%;
            background-repeat: no-repeat;
            background-size: 100% auto;
            content: "";
            height: 100%;
            position: absolute;
            right: -25px;
            width: calc(200% + 25px); }

.post-author,
.webinar-speaker,
.video-speaker {
  display: flex; }
  .post-author p,
  .webinar-speaker p,
  .video-speaker p {
    margin: 0; }
  .post-author .author-content,
  .webinar-speaker .author-content,
  .video-speaker .author-content {
    display: flex;
    flex-basis: 100%;
    position: relative; }
    .post-author .author-content img,
    .webinar-speaker .author-content img,
    .video-speaker .author-content img {
      display: flex;
      border: 2px solid #fff;
      border-radius: 50%;
      height: 40px;
      object-fit: cover;
      overflow: hidden;
      width: 40px;
      margin-right: 16px; }
    .post-author .author-content .author-info,
    .webinar-speaker .author-content .author-info,
    .video-speaker .author-content .author-info {
      display: flex;
      flex-flow: column;
      justify-content: center; }
      .post-author .author-content .author-info p,
      .webinar-speaker .author-content .author-info p,
      .video-speaker .author-content .author-info p {
        margin: 0; }
      .post-author .author-content .author-info .name,
      .webinar-speaker .author-content .author-info .name,
      .video-speaker .author-content .author-info .name {
        font-size: 15px;
        font-weight: 700; }
      .post-author .author-content .author-info .position,
      .webinar-speaker .author-content .author-info .position,
      .video-speaker .author-content .author-info .position {
        color: #5d6166;
        font-size: 12px;
        margin-top: 0; }

.blog-single .pragmaticcoders-accordion .accordion-item .accordion-title h1, .blog-single .pragmaticcoders-accordion .accordion-item .accordion-title h2, .blog-single .pragmaticcoders-accordion .accordion-item .accordion-title h3, .blog-single .pragmaticcoders-accordion .accordion-item .accordion-title h4, .blog-single .pragmaticcoders-accordion .accordion-item .accordion-title h5, .blog-single .pragmaticcoders-accordion .accordion-item .accordion-title h6, .single-resources .pragmaticcoders-accordion .accordion-item .accordion-title h1, .single-resources .pragmaticcoders-accordion .accordion-item .accordion-title h2, .single-resources .pragmaticcoders-accordion .accordion-item .accordion-title h3, .single-resources .pragmaticcoders-accordion .accordion-item .accordion-title h4, .single-resources .pragmaticcoders-accordion .accordion-item .accordion-title h5, .single-resources .pragmaticcoders-accordion .accordion-item .accordion-title h6 {
  margin: 0 !important; }

.blog-single .wp-block-list a, .single-resources .wp-block-list a {
  color: #8b4ff3; }
  .blog-single .wp-block-list a:hover, .single-resources .wp-block-list a:hover {
    text-decoration: underline; }

.search-page {
  margin-top: 140px;
  margin-bottom: 80px; }
  .search-page .search-form {
    margin-bottom: 40px; }
    .search-page .search-form label .search-field {
      height: 56px;
      box-sizing: border-box;
      width: 100%;
      flex: 1;
      outline: none;
      border: 1px solid #ababab;
      padding: 12px 15px 12px 44px;
      color: #121212;
      font-size: 17px;
      font-family: 'Mulish', sans-serif;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTgnIGhlaWdodD0nMTgnIHZpZXdCb3g9JzAgMCAxOCAxOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcgMTdMMTMuMTMzMyAxMy4xMzMzTTE1LjIyMjIgOC4xMTExMUMxNS4yMjIyIDEyLjAzODUgMTIuMDM4NSAxNS4yMjIyIDguMTExMSAxNS4yMjIyQzQuMTgzNzUgMTUuMjIyMiAxIDEyLjAzODUgMSA4LjExMTFDMSA0LjE4Mzc1IDQuMTgzNzUgMSA4LjExMTEgMUMxMi4wMzg1IDEgMTUuMjIyMiA0LjE4Mzc1IDE1LjIyMjIgOC4xMTExMVonIHN0cm9rZT0nIzhBOEE4QScgc3Ryb2tlLXdpZHRoPScxLjY3JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=);
      background-size: 16px auto;
      background-position: 15px center;
      background-repeat: no-repeat;
      max-width: 40%;
      height: 66px; }
      @media all and (max-width: 1024px) {
        .search-page .search-form label .search-field {
          max-width: 100%; } }
    .search-page .search-form .search-submit {
      display: inline-block;
      height: 66px;
      margin-left: 15px; }
      @media all and (max-width: 1024px) {
        .search-page .search-form .search-submit {
          margin: 15px 0 0 0;
          width: 100%; } }
  .search-page header {
    max-width: 65%; }
    @media all and (max-width: 1024px) {
      .search-page header {
        max-width: 100%; } }
  .search-page .no-results {
    position: relative; }
    .search-page .no-results .page-decoration {
      display: block;
      margin-top: 0;
      max-height: calc(100% + 80px);
      max-width: 40%;
      position: absolute;
      right: 0;
      top: 0; }
      @media all and (max-width: 1024px) {
        .search-page .no-results .page-decoration {
          max-width: 100%;
          position: relative; } }
    .search-page .no-results .related-posts {
      margin-top: 100px;
      margin-bottom: 60px; }
      .search-page .no-results .related-posts .content {
        text-align: center;
        width: 40%;
        margin: 0 auto; }
  .search-page .search-results .post-wrapper article {
    display: flex;
    flex-flow: row; }
    @media all and (max-width: 768px) {
      .search-page .search-results .post-wrapper article {
        flex-flow: column; } }
    .search-page .search-results .post-wrapper article .post-thumb {
      max-width: 600px;
      padding-top: 25%;
      margin-bottom: 0; }
      @media all and (max-width: 768px) {
        .search-page .search-results .post-wrapper article .post-thumb {
          padding-top: 60%; } }
    .search-page .search-results .post-wrapper article .post-content {
      margin-left: 30px;
      margin-top: 40px; }
      .search-page .search-results .post-wrapper article .post-content .btn {
        margin-top: unset; }
      @media all and (max-width: 768px) {
        .search-page .search-results .post-wrapper article .post-content {
          margin-left: 0; } }

.single-blog .pragmaticcoders-news-bar {
  display: none;
  visibility: hidden; }

body.error404 #content article.not-found {
  text-align: center;
  margin: 180px 0 80px; }
  body.error404 #content article.not-found .not-found-img {
    width: 144px;
    height: 125px;
    margin: 0 auto;
    margin-bottom: 24px; }
  body.error404 #content article.not-found h1 {
    margin-bottom: 16px;
    font-weight: 800;
    font-size: 96px;
    line-height: 124.8px;
    color: #8b4ff3; }
  body.error404 #content article.not-found .entry-content p {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    width: 40%;
    text-align: center;
    margin-bottom: 48px;
    margin: 0 auto; }
  body.error404 #content article.not-found .btn {
    margin: 60px auto 0; }

#content .e-con-full {
  position: relative; }

#content .elementor > .e-con-full {
  padding: 0; }

#content .elementor-widget-pragmaticcoders-elementor-template-widget .elementor-widget-container .e-parent {
  padding-left: 0;
  padding-right: 0; }

.elementor-widget-pragmaticcoders-hero {
  padding: 0; }
  .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero {
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 10;
    display: flex;
    min-height: 70vh; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.full-height {
      min-height: 100vh !important; }
    @media all and (max-width: 768px) {
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero {
        background-image: none !important; } }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 2;
        pointer-events: none; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration {
            display: none; } }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .solid-decors {
          width: 100%;
          height: 100%; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .blurred-decors {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          overflow: hidden; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor {
          width: 170px;
          height: 170px;
          background-size: contain;
          position: absolute;
          background-position: center;
          background-repeat: no-repeat;
          transform-origin: center; }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.blurred {
            filter: blur(10px); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-1 {
            background-image: url(images/hero_decoration_1.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-2 {
            background-image: url(images/hero_decoration_2.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-3 {
            background-image: url(images/hero_decoration_3.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-4 {
            background-image: url(images/hero_decoration_4.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-5 {
            background-image: url(images/hero_decoration_5.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-6 {
            background-image: url(images/hero_decoration_6.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-7 {
            background-image: url(images/hero_decoration_7.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-8 {
            background-image: url(images/hero_decoration_8.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-9 {
            background-image: url(images/hero_decoration_9.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-10 {
            background-image: url(images/hero_decoration_10.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-ai-1 {
            background-image: url(images/hero_decoration_1.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-ai-2 {
            background-image: url(images/hero_decoration_2.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-ai-3 {
            background-image: url(images/hero_decoration_3.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-ai-4 {
            background-image: url(images/hero_decoration_4.png); }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .overlay .decoration .decor.decor-ai-5 {
            background-image: url(images/hero_decoration_5.png); }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container {
      max-width: 1380px;
      width: 100%;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      z-index: 6;
      top: 90px; }
      @media all and (max-width: 768px) {
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container {
          display: none; } }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container #breadcrumbs {
        color: #b7b7b7;
        padding: 0px 0px 0; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container #breadcrumbs span {
          color: #b7b7b7;
          color: #b7b7b7; }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container #breadcrumbs span span:not(.breadcrumb_last):after, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container #breadcrumbs span span:not(.breadcrumb_last):before {
            background-color: #fff; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container #breadcrumbs a {
          color: #fff; }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .breadcrumbs-container #breadcrumbs a:hover {
            color: #9b67f5; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      z-index: 5;
      align-items: center;
      justify-content: center;
      padding: 20px 0 60px; }
      @media all and (max-width: 768px) {
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content {
          flex-direction: row; } }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content {
        font-size: 20px;
        width: 100%;
        padding: 30px 15px;
        max-width: 1380px;
        z-index: 3;
        padding-top: 80px; }
        @media screen and (orientation: landscape) and (max-height: 768px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content {
            font-size: 18px;
            padding: 20px 0 60px; } }
        @media all and (min-width: 768px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content {
            padding-top: 0; } }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .category {
          color: #ffffff;
          font-size: 13px;
          letter-spacing: 4px;
          margin-bottom: 24px;
          margin-left: auto;
          margin-right: auto;
          padding-left: 52px;
          position: relative;
          text-align: left;
          text-transform: uppercase;
          display: inline-block; }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .category span {
            color: #ffffff;
            position: relative; }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .category span:after {
              background-color: #8b4ff3;
              content: "";
              height: 2px;
              left: -50px;
              margin-top: -1px;
              position: absolute;
              top: 50%;
              width: 40px; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .heading {
          margin-left: auto;
          margin-right: auto; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .hero-header {
          margin-top: 0;
          line-height: 1.2em;
          color: inherit;
          margin-bottom: 30px;
          font-size: 2.5rem; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content p {
          color: inherit; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .text {
          max-width: 70%;
          margin: 0 auto; }
          @media all and (max-width: 1024px) {
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .text {
              max-width: 100%; } }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .button-container {
          margin-top: 30px; }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .button-container .btn {
            margin: 0 auto; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          margin-top: 60px;
          width: 100%; }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block {
            margin: 0 25px;
            text-align: left;
            flex: 1;
            position: relative;
            padding-left: 45px; }
            @media all and (max-width: 1024px) {
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block {
                flex-basis: calc(50% - 50px); }
                .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block:not(:last-child) {
                  margin-bottom: 60px !important; } }
            @media all and (max-width: 560px) {
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block {
                flex-basis: 100%; } }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block .icon {
              left: 0;
              position: absolute;
              top: 7px;
              color: #8b4ff3;
              font-size: 26px; }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block .icon-title {
              color: #fff;
              font-size: 13px;
              font-weight: 600;
              letter-spacing: 4px;
              margin: 0;
              text-transform: uppercase; }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block .icon-text {
              font-size: 20px;
              font-weight: 700;
              display: block;
              margin-bottom: 0;
              margin-top: 24px; }
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons .icon-block .icon-text p {
                margin: 0;
                line-height: 1.2; }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons.align-center .icon-block {
            text-align: center;
            margin: 0;
            padding: 0; }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .icons.align-center .icon-block .icon {
              position: relative;
              display: inline-block;
              transform: translateY(-2px);
              margin-right: 10px; }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks {
          margin-top: 40px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          column-gap: 20px;
          margin-left: auto;
          margin-right: auto; }
          @media screen and (orientation: landscape) and (max-height: 768px) {
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks {
              margin-top: 30px; } }
          @media all and (max-width: 1024px) {
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks {
              margin-left: 0px;
              margin-right: 0px;
              margin-bottom: 70px; } }
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item {
            text-align: center;
            position: relative;
            padding-top: 10px;
            padding: 30px;
            backdrop-filter: blur(10px);
            position: relative;
            flex: 0 0 calc(100% / var(--columns) - 20px);
            display: flex;
            flex-direction: column; }
            @media screen and (orientation: landscape) and (max-height: 768px) {
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item {
                padding: 20px; } }
            @media all and (max-width: 768px) {
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item {
                margin-top: 30px !important; } }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-bg {
              content: "";
              height: 100%;
              left: 0;
              position: absolute;
              top: 0;
              -webkit-transition: transform ease-in-out 300ms;
              -moz-transition: transform ease-in-out 300ms;
              transition: transform ease-in-out 300ms;
              width: 100%;
              z-index: 0; }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-link {
              position: absolute;
              left: 0;
              right: 0;
              width: 100%;
              height: calc(100% - 20px);
              z-index: 6;
              text-indent: -9999px; }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-image-wrapper {
              position: absolute;
              left: 50%;
              top: 0;
              transform: translate(-50%, -45%);
              z-index: 2;
              pointer-events: none; }
              @media all and (max-width: 1024px) {
                .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-image-wrapper {
                  max-width: 300px;
                  left: 50%;
                  transform: translate(-50%, -50%); } }
              @media all and (max-width: 768px) {
                .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-image-wrapper {
                  position: absolute;
                  transform: none;
                  left: 0;
                  top: 5px;
                  max-width: 120px; } }
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-image-wrapper img {
                width: 90%;
                height: auto;
                -webkit-transition: all ease-in-out 300ms;
                -moz-transition: all ease-in-out 300ms;
                transition: all ease-in-out 300ms; }
                @media all and (max-width: 1024px) {
                  .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-image-wrapper img {
                    width: 70%; } }
                @media all and (max-width: 768px) {
                  .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-image-wrapper img {
                    width: 100%; } }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content {
              flex: 1;
              display: flex;
              flex-direction: column; }
              @media all and (max-width: 768px) {
                .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content {
                  text-align: left;
                  padding-left: 90px; } }
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content h3 {
                font-size: 17px;
                z-index: 5;
                position: relative;
                margin-top: 7%;
                margin-bottom: 10px; }
                @media all and (max-width: 768px) {
                  .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content h3 {
                    margin-top: 0; } }
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content .block-txt {
                margin-top: 0px;
                z-index: 5;
                position: relative;
                font-size: 16px; }
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content .btn {
                margin: 2px auto 0;
                position: relative;
                z-index: 7;
                font-size: 14px;
                margin-top: auto; }
                .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content .btn.btn__tertiary {
                  padding-right: 26px; }
                @media all and (max-width: 768px) {
                  .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content .btn {
                    width: unset;
                    position: absolute;
                    top: 44px;
                    right: 30px;
                    float: none;
                    width: 30px;
                    padding: 0;
                    border: 0;
                    min-width: unset; }
                    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item .block-item-content .btn span {
                      display: none; } }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item:hover .block-bg {
              transform: scale(1.05); }
            .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item:hover .block-image-wrapper img {
              transform: translateY(-10px); }
            @media all and (max-width: 768px) {
              .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content .blocks .block-item:hover .block-image-wrapper img {
                transform: scale(1.1); } }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content span,
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .content .block-content u {
          text-decoration: none !important;
          color: #8b4ff3; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.scroll-active .content .block-content {
      padding-bottom: 100px; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.scroll-active .icons {
      margin-bottom: 50px; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      max-width: 1380px;
      padding-bottom: 60px;
      padding-top: 60px; }
      @media all and (max-width: 768px) {
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content {
          flex-direction: column-reverse !important; } }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .category, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .category {
        margin-left: unset;
        margin-right: unset; }
        @media all and (max-width: 768px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .category, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .category {
            text-align: left; } }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .heading, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .heading {
        width: 60%;
        text-align: left; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .heading, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .heading {
            width: 75%; } }
        @media all and (max-width: 768px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .heading, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .heading {
            width: 100%; } }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .heading .text, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .heading .text {
          margin: unset;
          max-width: 100%; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .heading-image, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .heading-image {
        width: 40%;
        padding-left: 100px; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .heading-image, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .heading-image {
            width: 25%;
            padding-left: 40px; } }
        @media all and (max-width: 768px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .heading-image, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .heading-image {
            width: 100%;
            padding-left: 0; } }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .button-container, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .button-container {
        margin-top: 30px; }
        @media all and (max-width: 768px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .button-container, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .button-container {
            margin-bottom: 30px; } }
        .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .button-container .btn, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .button-container .btn {
          margin: unset;
          display: inline-block; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left .content .block-content .icons, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right .content .block-content .icons {
        width: 100%; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left.layout-right .block-content, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right.layout-right .block-content {
      flex-direction: row-reverse; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left.layout-right .block-content .heading, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right.layout-right .block-content .heading {
        text-align: right; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left.layout-right .block-content .heading-image, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right.layout-right .block-content .heading-image {
        padding-left: 0;
        padding-right: 100px; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left.layout-right .block-content .heading-image, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right.layout-right .block-content .heading-image {
            padding-right: 40px; } }
        @media all and (max-width: 768px) {
          .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-left.layout-right .block-content .heading-image, .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.layout-right.layout-right .block-content .heading-image {
            padding-right: 0; } }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      contain: strict; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50vh;
        height: 50vh;
        background-color: rgba(139, 79, 243, 0.2);
        border-radius: 100%; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient-circle {
        position: absolute;
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
        width: 30vw;
        height: 30vh;
        border-radius: 50%;
        transform-style: preserve-3d;
        will-change: transform;
        animation-timing-function: ease-in-out; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient-circle-1 {
        left: -15%;
        top: -5%;
        background-color: rgba(139, 79, 243, 0.7);
        animation: circle1 15s infinite alternate;
        opacity: 0.4;
        animation-delay: 2s;
        box-shadow: -5px 15px 0px #003faf; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient-circle-2 {
        left: auto;
        top: -5%;
        right: -15%;
        bottom: auto;
        background-color: rgba(139, 79, 243, 0.4);
        opacity: 0.4;
        animation: circle2 20s infinite alternate;
        transform: scale3d(1.2, 1.2, 1);
        box-shadow: 10px 20px 0px #003faf; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient-circle-3 {
        left: -8%;
        top: auto;
        right: auto;
        bottom: 30%;
        background-color: rgba(139, 79, 243, 0.4);
        animation: circle3 26s infinite alternate;
        opacity: 0.6;
        animation-delay: 5s;
        transform: scale3d(0.8, 0.8, 1);
        box-shadow: 20px 0px 0px #003faf; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient-circle-4 {
        left: auto;
        top: auto;
        right: -15%;
        bottom: 15%;
        opacity: 0.5;
        background-color: rgba(139, 79, 243, 0.5);
        transform: scale3d(0.6, 0.6, 1);
        animation: circle4 19s infinite alternate;
        box-shadow: -40px -20px 0px #003faf; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient-circle-5 {
        left: auto;
        top: auto;
        right: 20%;
        bottom: -5%;
        background-color: rgba(139, 79, 243, 0.3);
        transform: scale3d(0.4, 0.22, 1);
        animation: circle5 29s infinite alternate;
        animation-delay: 10s;
        opacity: 0.5;
        box-shadow: 20px -20px 0px #003faf; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero .background-gradient .gradient-circle-6 {
        width: 100vw;
        height: 75vw;
        left: auto;
        top: auto;
        left: 15%;
        bottom: -40%;
        opacity: 0.6;
        animation-delay: 2s;
        background-color: transparent;
        transform: scale3d(0.6, 0.6, 1);
        animation: circle6 19s infinite alternate;
        box-shadow: -20px -10px 0px #003faf; }

@keyframes circle1 {
  0% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(2.1, 1.1, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes circle2 {
  0% {
    transform: scale3d(1.2, 1.2, 1); }
  50% {
    transform: scale3d(2.5, 2.5, 1.5); }
  100% {
    transform: scale3d(1.2, 1.2, 1); } }

@keyframes circle3 {
  0% {
    transform: scale3d(0.8, 0.8, 1); }
  50% {
    transform: scale3d(1.6, 1.6, 1); }
  100% {
    transform: scale3d(0.8, 0.8, 1); } }

@keyframes circle4 {
  0% {
    transform: scale3d(0.6, 0.6, 1); }
  50% {
    transform: scale3d(1.5, 1, 1); }
  100% {
    transform: scale3d(0.6, 0.6, 1); } }

@keyframes circle5 {
  0% {
    transform: scale3d(0.1, 0, 1) translateX(0%); }
  50% {
    transform: scale3d(0.7, 0.7, 1) translateX(20%); }
  100% {
    transform: scale3d(0.1, 0, 1) translateX(0%); } }

@keyframes circle6 {
  0% {
    transform: scale3d(0.6, 0.6, 1); }
  50% {
    transform: scale3d(1.5, 1, 1); }
  100% {
    transform: scale3d(0.6, 0.6, 1); } }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .heading .hero-header p {
      display: inline-block; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .heading .hero-header span,
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .heading .hero-header u {
      background: linear-gradient(90deg, #8b4ff3 0%, #aa7ff6 35%, #8b4ff3 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: -4px 10px 15px rgba(0, 0, 0, 0.4), 0px 8px 32px rgba(0, 0, 0, 0.8); }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .text {
      opacity: 0;
      transform: translateY(20px);
      -webkit-transition: all ease 400ms;
      -moz-transition: all ease 400ms;
      transition: all ease 400ms; }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .text.animated {
        transform: translateY(0px);
        opacity: 1; }
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .blocks .block-item,
    .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .icons .icon-block {
      opacity: 0;
      transform: translateY(20px);
      -webkit-transition: all ease 400ms, filter ease 600ms;
      -moz-transition: all ease 400ms, filter ease 600ms;
      transition: all ease 400ms, filter ease 600ms;
      filter: blur(5px); }
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .blocks .block-item.animated,
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.animation .content .block-content .icons .icon-block.animated {
        filter: blur(0px);
        transform: translateY(0px);
        opacity: 1; }
    @media screen and (orientation: landscape) and (max-height: 768px) {
      .elementor-widget-pragmaticcoders-hero .pragmaticcoders-hero.blocks-active .content .block-content .heading .text {
        display: none; } }

.pragmaticcoders-hero.breadcrumbs-active.blocks-active .content {
  padding-top: 60px; }

.pragmaticcoders-hero.scroll-active .content {
  padding-bottom: 80px; }

.e-con-boxed .e-con-inner .elementor-widget-pragmaticcoders-hero .elementor-widget-container {
  overflow: hidden; }

body.admin-bar header#header:not(.hide) {
  top: 32px; }

body:not(.home) .pragmaticcoders-hero.icons-active .content .block-content {
  max-width: 1380px;
  padding-bottom: 40px; }

body:not(.home) .pragmaticcoders-hero .scroll-div {
  padding-top: 0; }
  body:not(.home) .pragmaticcoders-hero .scroll-div:before {
    display: none; }

.pragmaticcoders-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  --columns: 4; }
  .pragmaticcoders-blocks .widget-block {
    display: flex;
    flex-flow: column;
    background-color: #8b4ff3;
    color: #fff;
    padding: 48px 40px;
    position: relative;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
    flex: 0 1 calc((100% / var(--columns)) - 30px); }
    @media all and (max-width: 768px) {
      .pragmaticcoders-blocks .widget-block {
        flex: 0 1 calc(100% - 30px); } }
    .pragmaticcoders-blocks .widget-block a.overlay-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      text-indent: -9999px; }
    .pragmaticcoders-blocks .widget-block h2 {
      margin-bottom: 20px;
      color: #fff;
      z-index: 2;
      font-size: 20px; }
    .pragmaticcoders-blocks .widget-block .text {
      margin-bottom: 40px;
      z-index: 2;
      color: inherit; }
    .pragmaticcoders-blocks .widget-block .btn__tertiary {
      align-self: flex-start;
      position: relative;
      z-index: 5;
      color: #fff;
      border-bottom-color: #fff;
      margin-top: auto;
      font-size: 14px; }
      .pragmaticcoders-blocks .widget-block .btn__tertiary:hover {
        background-color: transparent; }
    .pragmaticcoders-blocks .widget-block:hover {
      background-color: #7229f0; }
      .pragmaticcoders-blocks .widget-block:hover .btn__tertiary {
        padding: 10px 62px 10px 0; }
    .pragmaticcoders-blocks .widget-block:nth-child(2n) {
      background-color: #7b37f1; }
      .pragmaticcoders-blocks .widget-block:nth-child(2n):hover {
        background-color: #7229f0; }
    .pragmaticcoders-blocks .widget-block .block-icon {
      z-index: 2; }
      .pragmaticcoders-blocks .widget-block .block-icon img {
        display: block;
        margin: 0 auto;
        transition: all .3s ease-in-out; }
    .pragmaticcoders-blocks .widget-block:hover .block-icon img {
      transform: translateY(-10px); }
    .pragmaticcoders-blocks .widget-block.icon-style-offcanvas {
      margin-top: 30px; }
      .pragmaticcoders-blocks .widget-block.icon-style-offcanvas .block-icon {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -45%);
        z-index: 2;
        pointer-events: none; }
        .pragmaticcoders-blocks .widget-block.icon-style-offcanvas .block-icon img {
          display: block;
          margin: 0 auto;
          max-width: 90px;
          transition: all .3s ease-in-out; }
  .pragmaticcoders-blocks.black-scheme {
    margin: 30px 0;
    grid-gap: 25px; }
    .pragmaticcoders-blocks.black-scheme .widget-block {
      background-color: transparent; }
      .pragmaticcoders-blocks.black-scheme .widget-block h2 {
        color: #fff; }
      .pragmaticcoders-blocks.black-scheme .widget-block .btn__tertiary {
        color: #8b4ff3;
        border-bottom-color: #8b4ff3; }
      .pragmaticcoders-blocks.black-scheme .widget-block:after {
        background-color: #1e2125;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all ease-in-out 300ms;
        -moz-transition: all ease-in-out 300ms;
        transition: all ease-in-out 300ms;
        width: 100%;
        z-index: 0; }
      .pragmaticcoders-blocks.black-scheme .widget-block:hover:after {
        background-color: #10231d;
        transform: scale(1.05); }
  .pragmaticcoders-blocks.gray-scheme {
    margin: 30px 0;
    grid-gap: 25px; }
    .pragmaticcoders-blocks.gray-scheme .widget-block {
      background-color: transparent;
      color: #121212; }
      .pragmaticcoders-blocks.gray-scheme .widget-block h2 {
        font-size: 20px;
        color: #121212; }
      .pragmaticcoders-blocks.gray-scheme .widget-block .text {
        color: #121212; }
      .pragmaticcoders-blocks.gray-scheme .widget-block .btn__tertiary {
        color: #8b4ff3;
        border-bottom-color: #8b4ff3; }
      .pragmaticcoders-blocks.gray-scheme .widget-block:after {
        background-color: #f7f7f7;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all ease-in-out 300ms;
        -moz-transition: all ease-in-out 300ms;
        transition: all ease-in-out 300ms;
        width: 100%;
        z-index: 0; }
      .pragmaticcoders-blocks.gray-scheme .widget-block:hover:after {
        background-color: #f7f7f7;
        transform: scale(1.05); }
  .pragmaticcoders-blocks.custom-scheme {
    margin: 30px 0; }
    .pragmaticcoders-blocks.custom-scheme .widget-block h2 {
      font-size: 20px;
      color: inherit; }
    .pragmaticcoders-blocks.custom-scheme .widget-block .btn__tertiary {
      color: #8b4ff3;
      border-bottom-color: #8b4ff3; }
    .pragmaticcoders-blocks.custom-scheme .widget-block:after {
      background-color: inherit;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: all ease-in-out 300ms;
      -moz-transition: all ease-in-out 300ms;
      transition: all ease-in-out 300ms;
      width: 100%;
      z-index: 0; }
    .pragmaticcoders-blocks.custom-scheme .widget-block:hover:after {
      background-color: inherit;
      transform: scale(1.05); }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-blocks.shortcode {
      grid-template-columns: repeat(1, 1fr) !important; } }
  .pragmaticcoders-blocks .widget-block .block-icon {
    z-index: 2; }
    .pragmaticcoders-blocks .widget-block .block-icon img {
      display: block;
      margin: 0 auto;
      transition: all .3s ease-in-out; }
  .pragmaticcoders-blocks .widget-block:hover .block-icon img {
    transform: translateY(-10px); }
  .pragmaticcoders-blocks .widget-block.icon-style-offcanvas .block-icon {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -40%);
    z-index: 2;
    pointer-events: none; }
    .pragmaticcoders-blocks .widget-block.icon-style-offcanvas .block-icon img {
      display: block;
      margin: 0 auto;
      transition: all .3s ease-in-out; }

.pragmaticcoders-list-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  --columns: 4; }
  .pragmaticcoders-list-pages .page-block {
    display: flex;
    flex-flow: column;
    background-color: #8b4ff3;
    color: #fff;
    padding: 48px 25px;
    position: relative;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
    flex: 0 1 calc((100% / var(--columns)) - 30px); }
    @media all and (max-width: 768px) {
      .pragmaticcoders-list-pages .page-block {
        flex: 0 1 calc(100% - 30px); } }
    .pragmaticcoders-list-pages .page-block a.overlay-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      text-indent: -9999px; }
    .pragmaticcoders-list-pages .page-block h5 {
      margin-bottom: 20px;
      color: #fff;
      z-index: 2;
      font-size: 20px; }
    .pragmaticcoders-list-pages .page-block .text {
      margin-bottom: 40px;
      z-index: 2;
      color: inherit; }
    .pragmaticcoders-list-pages .page-block .btn__tertiary {
      align-self: flex-start;
      position: relative;
      z-index: 5;
      color: #fff;
      border-bottom-color: #fff;
      margin-top: auto;
      font-size: 14px; }
      .pragmaticcoders-list-pages .page-block .btn__tertiary:hover {
        background-color: transparent; }
    .pragmaticcoders-list-pages .page-block:hover {
      background-color: #7229f0; }
      .pragmaticcoders-list-pages .page-block:hover .btn__tertiary {
        padding: 10px 62px 10px 0; }
    .pragmaticcoders-list-pages .page-block:nth-child(2n) {
      background-color: #7b37f1; }
      .pragmaticcoders-list-pages .page-block:nth-child(2n):hover {
        background-color: #7229f0; }
    .pragmaticcoders-list-pages .page-block .block-icon {
      z-index: 2; }
      .pragmaticcoders-list-pages .page-block .block-icon img {
        display: block;
        margin: 0 auto;
        transition: all .3s ease-in-out; }
    .pragmaticcoders-list-pages .page-block:hover .block-icon img {
      transform: translateY(-10px); }
    .pragmaticcoders-list-pages .page-block.icon-style-offcanvas {
      margin-top: 30px; }
      .pragmaticcoders-list-pages .page-block.icon-style-offcanvas .block-icon {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -45%);
        z-index: 2;
        pointer-events: none; }
        .pragmaticcoders-list-pages .page-block.icon-style-offcanvas .block-icon img {
          display: block;
          margin: 0 auto;
          max-width: 90px;
          transition: all .3s ease-in-out; }
  .pragmaticcoders-list-pages.black-scheme {
    margin: 30px 0;
    grid-gap: 25px; }
    .pragmaticcoders-list-pages.black-scheme .page-block {
      background-color: transparent; }
      .pragmaticcoders-list-pages.black-scheme .page-block h5 {
        color: #fff; }
      .pragmaticcoders-list-pages.black-scheme .page-block .btn__tertiary {
        color: #8b4ff3;
        border-bottom-color: #8b4ff3; }
      .pragmaticcoders-list-pages.black-scheme .page-block:after {
        background-color: #1e2125;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all ease-in-out 300ms;
        -moz-transition: all ease-in-out 300ms;
        transition: all ease-in-out 300ms;
        width: 100%;
        z-index: 0; }
      .pragmaticcoders-list-pages.black-scheme .page-block:hover:after {
        background-color: #10231d;
        transform: scale(1.05); }
  .pragmaticcoders-list-pages.gray-scheme {
    margin: 30px 0;
    grid-gap: 25px; }
    .pragmaticcoders-list-pages.gray-scheme .page-block {
      background-color: transparent;
      color: #121212; }
      .pragmaticcoders-list-pages.gray-scheme .page-block h5 {
        font-size: 20px;
        color: #121212; }
      .pragmaticcoders-list-pages.gray-scheme .page-block .text {
        color: #121212; }
      .pragmaticcoders-list-pages.gray-scheme .page-block .btn__tertiary {
        color: #8b4ff3;
        border-bottom-color: #8b4ff3; }
      .pragmaticcoders-list-pages.gray-scheme .page-block:after {
        background-color: #f7f7f7;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all ease-in-out 300ms;
        -moz-transition: all ease-in-out 300ms;
        transition: all ease-in-out 300ms;
        width: 100%;
        z-index: 0; }
      .pragmaticcoders-list-pages.gray-scheme .page-block:hover:after {
        background-color: #f7f7f7;
        transform: scale(1.05); }
  .pragmaticcoders-list-pages.custom-scheme {
    margin: 30px 0; }
    .pragmaticcoders-list-pages.custom-scheme .page-block h5 {
      font-size: 20px;
      color: inherit; }
    .pragmaticcoders-list-pages.custom-scheme .page-block .btn__tertiary {
      color: #8b4ff3;
      border-bottom-color: #8b4ff3; }
    .pragmaticcoders-list-pages.custom-scheme .page-block:after {
      background-color: inherit;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: all ease-in-out 300ms;
      -moz-transition: all ease-in-out 300ms;
      transition: all ease-in-out 300ms;
      width: 100%;
      z-index: 0; }
    .pragmaticcoders-list-pages.custom-scheme .page-block:hover:after {
      background-color: inherit;
      transform: scale(1.05); }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-list-pages.shortcode {
      grid-template-columns: repeat(1, 1fr) !important; } }

.pragmaticcoders-photo-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 60px 0; }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-photo-block {
      direction: ltr;
      display: block; } }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-photo-block .block-content {
      margin-bottom: 64px;
      position: relative;
      z-index: 5; } }
  .pragmaticcoders-photo-block .block-photo {
    margin-left: 30px; }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-photo-block .block-photo {
        margin: 0;
        order: 2;
        position: relative; } }
    .pragmaticcoders-photo-block .block-photo img {
      position: relative;
      z-index: 3;
      margin: 60px 30px;
      width: calc(100% - 60px); }
    .pragmaticcoders-photo-block .block-photo:before {
      height: 116px;
      right: 120px;
      top: -60px;
      width: 212px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNic+PGNpcmNsZSBjeD0nMicgY3k9JzInIHI9JzInIGZpbGw9JyNEREUwRTYnLz48L3N2Zz4=);
      background-repeat: repeat;
      content: "";
      position: absolute;
      z-index: 2; }
      @media all and (max-width: 1024px) {
        .pragmaticcoders-photo-block .block-photo:before {
          display: none; } }
    .pragmaticcoders-photo-block .block-photo .background-overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 50%;
      right: -50%;
      z-index: 1; }
      @media all and (max-width: 1024px) {
        .pragmaticcoders-photo-block .block-photo .background-overlay {
          position: absolute;
          width: calc(100% + 100px);
          left: -50px;
          right: -50px;
          top: -250px; } }
  .pragmaticcoders-photo-block.photo-left .block-content {
    order: 2; }
  .pragmaticcoders-photo-block.photo-left .block-photo {
    order: 1;
    margin-left: 0;
    margin-right: 30px; }
    .pragmaticcoders-photo-block.photo-left .block-photo .background-overlay {
      left: -50%;
      right: unset; }
      @media all and (max-width: 1024px) {
        .pragmaticcoders-photo-block.photo-left .block-photo .background-overlay {
          position: absolute;
          width: calc(100% + 100px);
          left: -50px;
          right: -50px;
          top: -250px; } }
    .pragmaticcoders-photo-block.photo-left .block-photo:before {
      left: 120px;
      right: unset; }

.oc-image .elementor-widget-container img {
  max-width: unset;
  width: calc(100% + ((100vw - 1270px)/2));
  position: sticky; }
  @media all and (max-width: 1390px) {
    .oc-image .elementor-widget-container img {
      width: calc(100% + 40px); } }
  @media all and (max-width: 768px) {
    .oc-image .elementor-widget-container img {
      width: 100%;
      position: static;
      float: none !important; } }

.pragmaticcoders-oc-photo-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 60px 0; }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-oc-photo-block {
      direction: ltr;
      display: block; } }
  .pragmaticcoders-oc-photo-block .block-content {
    z-index: 5;
    margin: 60px 0; }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-oc-photo-block .block-content {
        margin-bottom: 64px;
        position: relative; } }
    .pragmaticcoders-oc-photo-block .block-content .btn {
      margin-top: 48px; }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-oc-photo-block .block-photo {
      margin: 0;
      order: 2; } }
  .pragmaticcoders-oc-photo-block .block-photo img {
    position: relative;
    z-index: 3;
    margin: 60px 0; }
  .pragmaticcoders-oc-photo-block .block-photo:before {
    height: 116px;
    right: 120px;
    top: -60px;
    width: 212px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNic+PGNpcmNsZSBjeD0nMicgY3k9JzInIHI9JzInIGZpbGw9JyNEREUwRTYnLz48L3N2Zz4=);
    background-repeat: repeat;
    content: "";
    position: absolute;
    z-index: 2; }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-oc-photo-block .block-photo:before {
        display: none; } }
  .pragmaticcoders-oc-photo-block .block-photo.decor-none:before {
    display: none; }
  .pragmaticcoders-oc-photo-block .block-photo .background-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(100% + ((100vw - 1365px)/2));
    z-index: 1; }
  .pragmaticcoders-oc-photo-block .block-photo.oc-image img {
    max-width: unset;
    width: calc(100% + ((100vw - 1365px)/2)); }
    @media all and (max-width: 1200px) {
      .pragmaticcoders-oc-photo-block .block-photo.oc-image img {
        width: calc(100% + 40px); } }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-oc-photo-block .block-photo.oc-image img {
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100vw;
        float: none !important; } }
  .pragmaticcoders-oc-photo-block .block-photo.decor-left:before {
    right: unset;
    left: 120px; }
  .pragmaticcoders-oc-photo-block.photo-left .block-content {
    order: 2;
    padding-right: 30px; }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-oc-photo-block.photo-left .block-content {
        padding-right: 0; } }
  .pragmaticcoders-oc-photo-block.photo-left .block-photo {
    order: 1;
    margin-left: 0;
    margin-right: 0; }
  .pragmaticcoders-oc-photo-block.photo-right .block-photo {
    text-align: right; }
    .pragmaticcoders-oc-photo-block.photo-right .block-photo.oc-image img {
      max-width: unset;
      width: calc(100% + ((100vw - 1365px)/2)); }
      @media all and (max-width: 1024px) {
        .pragmaticcoders-oc-photo-block.photo-right .block-photo.oc-image img {
          left: 50%;
          position: relative;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 100vw;
          float: none !important; } }
  .pragmaticcoders-oc-photo-block.bg-left .background-overlay {
    right: 0px; }
    .pragmaticcoders-oc-photo-block.bg-left .background-overlay.no-margin {
      right: 0; }
  .pragmaticcoders-oc-photo-block.bg-left.photo-right .background-overlay {
    right: 90px; }
  .pragmaticcoders-oc-photo-block.bg-left.photo-right .block-content {
    padding-right: 70px; }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-oc-photo-block.bg-left.photo-right .block-content {
        padding-right: 0; } }
  .pragmaticcoders-oc-photo-block.bg-left.photo-left .block-content {
    padding-left: 70px; }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-oc-photo-block.bg-left.photo-left .block-content {
        padding-right: 0; } }
  .pragmaticcoders-oc-photo-block.bg-right .background-overlay {
    left: 80px;
    width: calc(100% + ((100vw - 1380px)/2) + 30px); }
    .pragmaticcoders-oc-photo-block.bg-right .background-overlay.no-margin {
      left: 0; }
  .pragmaticcoders-oc-photo-block.bg-right.photo-right .block-content {
    padding-left: 30px;
    padding-right: 70px; }
  .pragmaticcoders-oc-photo-block.bg-right.photo-right .background-overlay {
    right: unset;
    left: 0; }
  .pragmaticcoders-oc-photo-block.bg-right.photo-left .block-content {
    padding-left: 70px; }
    @media all and (max-width: 1024px) {
      .pragmaticcoders-oc-photo-block.bg-right.photo-left .block-content {
        padding-left: 0; } }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-oc-photo-block .block-content {
      margin-top: 60px; }
    .pragmaticcoders-oc-photo-block .block-photo img {
      width: 100vw;
      margin: 0px 0 60px; }
    .pragmaticcoders-oc-photo-block .block-photo .background-overlay {
      left: -30px !important;
      right: -30px !important;
      top: -60px;
      width: calc(100vw + 60px);
      bottom: 70px; } }

.elementor-widget-pragmaticcoders-video {
  max-width: 1320px; }
  .elementor-widget-pragmaticcoders-video .elementor-widget-container {
    padding: 0; }
  .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block {
    position: relative; }
    .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video {
      position: relative;
      margin-bottom: -10px; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video.youtube-video {
        margin-bottom: 0; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .progress-bar {
        cursor: pointer;
        height: 30px;
        position: absolute;
        width: 100%;
        z-index: 3; }
        .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .progress-bar .progress {
          background-color: #8b4ff3;
          height: 10px;
          left: 0;
          position: absolute;
          top: 0;
          width: 0; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .play-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer; }
        .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .play-cover:after {
          content: "";
          background-image: url(images/video_bg.png);
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: cover;
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          -webkit-transition: opacity ease-in-out 250ms;
          -moz-transition: opacity ease-in-out 250ms;
          transition: opacity ease-in-out 250ms;
          width: 100%;
          z-index: 0; }
        .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .play-cover .play {
          background-color: rgba(139, 79, 243, 0.5);
          display: block;
          height: 128px;
          width: 128px;
          z-index: 1;
          left: 50%;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all ease-in-out 250ms;
          -moz-transition: all ease-in-out 250ms;
          transition: all ease-in-out 250ms;
          opacity: 1; }
          .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .play-cover .play:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIzOCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMi4xODZDMCAuNTA1IDEuOTQ5LS40MjYgMy4yNTcuNjNsMjAuODE3IDE2LjgxNGEyIDIgMCAwIDEgMCAzLjExMkwzLjI1NyAzNy4zN0MxLjk0OSAzOC40MjYgMCAzNy40OTUgMCAzNS44MTRWMjEuODZaIi8+PC9zdmc+);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            height: 42px;
            width: 30px;
            -webkit-transition: all ease-in-out 250ms;
            -moz-transition: all ease-in-out 250ms;
            transition: all ease-in-out 250ms;
            z-index: 2;
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          @media all and (max-width: 768px) {
            .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .play-cover .play {
              width: 56px;
              height: 56px; } }
        .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .play-cover:hover:after {
          opacity: 0; }
        .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video .play-cover:hover .play {
          background-color: #8b4ff3; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video img.video-poster {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        transition: opacity .25s ease-in-out;
        width: 100%;
        z-index: 1;
        pointer-events: none; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video.playing .play-cover:after {
        opacity: 0; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video.playing .play-cover .play {
        opacity: 0; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .block-video.playing img.video-poster {
        opacity: 0; }
    .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .video-info {
      position: relative;
      display: flex;
      width: 100%;
      z-index: 3; }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .video-info .logo {
        background-color: #8b4ff3;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNDUiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMi44NTcgNDQuODQzSC4yMzVWMjcuMDFoMy4wNjR2MTQuNjE4aDYuNDkzVjI0Ljc0NEguMjM1Vi44NDRoMTkuNDhjOC44MjcgMCAxNi4wNSA3LjY3NCAxNi4wNSAxNy4wMyAwIDkuNDI4LTcuMjIzIDE3LjAzLTE2LjA1IDE3LjAzaC01LjI1M1YzMS41NGg1LjI1M2M3LjA3NiAwIDEyLjkxMy02LjIxMyAxMi45MTMtMTMuNzQgMC03LjUyOS01LjgzNy0xMy43NDItMTIuOTEzLTEzLjc0MkgzLjM3MnYxNy40NjloNi40MldWOS42ODhoOS40MTJjMy45NCAwIDcuMDc3IDMuMzYxIDcuMDc3IDcuNTI3IDAgNC4xNjctMy4yMSA3LjUyOS03LjA3NyA3LjUyOWgtNi4zNDd2MjAuMSI+TTAgMjAuMTg4aDYuMzQ3YzIuMTg4IDAgNC4wMTItMS45NzQgNC4wMTItNC4yNCAwLTIuMzM4LTEuODI0LTQuMjM5LTQuMDEyLTQuMjM5aC02LjM0N3Y4LjQ3OVoiLz48L3N2Zz4=);
        background-position: center 30px;
        background-repeat: no-repeat;
        background-size: auto 58px;
        width: 114px;
        align-items: flex-start;
        justify-content: center;
        min-width: 114px;
        padding: 28px 32px; }
        @media all and (max-width: 768px) {
          .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .video-info .logo {
            display: none; } }
      .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .video-info .video-details {
        padding: 24px 32px 28px;
        background-color: #ffffff;
        color: #fff;
        flex-basis: 100%; }
        .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .video-info .video-details h2 {
          color: #fff;
          font-size: 1.5rem;
          margin-bottom: 8px; }
          @media all and (max-width: 768px) {
            .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .video-info .video-details h2 {
              font-size: 17px; } }
        @media all and (max-width: 768px) {
          .elementor-widget-pragmaticcoders-video .pragmaticcoders-video-block .video-info .video-details .video-time {
            font-size: 13px; } }

.pragmaticcoders-youtube-grid {
  margin: 40px 0; }
  .pragmaticcoders-youtube-grid .youtube-videos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    direction: ltr;
    width: 100%;
    position: relative; }
    .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video {
      display: block;
      overflow: hidden;
      position: relative; }
      .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video a.youtube-video {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        text-indent: -9999px; }
      .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-cover {
        position: relative;
        background-color: #fff; }
        .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-cover img {
          display: block;
          width: 100%;
          height: auto;
          -webkit-transition: all ease-in-out 250ms;
          -moz-transition: all ease-in-out 250ms;
          transition: all ease-in-out 250ms; }
        .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-cover .play {
          background-color: #8b4ff3;
          display: block;
          height: 64px;
          width: 64px;
          z-index: 1;
          left: 50%;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all ease-in-out 250ms;
          -moz-transition: all ease-in-out 250ms;
          transition: all ease-in-out 250ms;
          opacity: 1; }
          .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-cover .play:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDI1IDM4IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyLjE4NkMwIC41MDUgMS45NDktLjQyNiAzLjI1Ny42bDIwLjgxNyAxNi44MTRhMiAyIDAgMCAxIDAgMy4xMTJMMy4yNTcgMzcuMzdDMS45NDkgMzguNDI2IDAgMzcuNDk1IDAgMzUuODE0VjIuMTg2WiIvPjwvc3ZnPg==);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            height: 30px;
            width: 26px;
            -webkit-transition: all ease-in-out 250ms;
            -moz-transition: all ease-in-out 250ms;
            transition: all ease-in-out 250ms;
            z-index: 2;
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          @media all and (max-width: 768px) {
            .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-cover .play {
              width: 40px;
              height: 40px; } }
      .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-info {
        position: relative;
        display: flex;
        width: 100%;
        z-index: 3;
        height: 100%; }
        .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-info .video-details {
          padding: 20px 32px;
          background-color: #ffffff;
          color: #fff;
          flex-basis: 100%; }
          .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-info .video-details h3 {
            color: #fff;
            font-size: 20px;
            margin-bottom: 3px; }
            @media all and (max-width: 768px) {
              .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-info .video-details h3 {
                font-size: 17px; } }
          .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-info .video-details .video-time {
            font-size: 14px; }
            @media all and (max-width: 768px) {
              .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video .video-info .video-details .video-time {
                font-size: 13px; } }
      .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video:hover .video-cover img {
        opacity: 0.8; }
      .pragmaticcoders-youtube-grid .youtube-videos-grid .block-video:hover .video-cover .play {
        height: 70px;
        width: 70px; }

.pragmaticcoders-youtube-list {
  width: 100%;
  padding: 0;
  margin: 0; }
  .pragmaticcoders-youtube-list .youtube-videos-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 15px; }
    .pragmaticcoders-youtube-list .youtube-videos-list.columns-1 {
      grid-template-columns: 1fr; }
    .pragmaticcoders-youtube-list .youtube-videos-list.columns-2 {
      grid-template-columns: 1fr 1fr; }
    .pragmaticcoders-youtube-list .youtube-videos-list.columns-3 {
      grid-template-columns: 1fr 1fr 1fr; }
    .pragmaticcoders-youtube-list .youtube-videos-list.columns-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr; }
    .pragmaticcoders-youtube-list .youtube-videos-list .list-video {
      padding: 0;
      border-bottom: 1px solid #eaeaea;
      min-height: 48px; }
      .pragmaticcoders-youtube-list .youtube-videos-list .list-video .youtube-video {
        display: flex;
        align-items: normal;
        width: 100%;
        padding: 0.4rem 0;
        text-decoration: none; }
        .pragmaticcoders-youtube-list .youtube-videos-list .list-video .youtube-video img {
          width: auto;
          height: 40px;
          object-fit: cover;
          margin-right: 0.6rem;
          flex-shrink: 0; }
        .pragmaticcoders-youtube-list .youtube-videos-list .list-video .youtube-video .video-meta {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .pragmaticcoders-youtube-list .youtube-videos-list .list-video .youtube-video .video-meta .video-title {
            font-size: 1rem;
            font-weight: 500;
            margin: 0;
            line-height: 1.2; }
          .pragmaticcoders-youtube-list .youtube-videos-list .list-video .youtube-video .video-meta .video-time {
            font-size: 0.85rem;
            margin-top: 2px; }

.elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients {
  display: grid; }
  .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block {
    display: flex;
    flex-flow: column;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
    transition-delay: .3s; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block:before {
      content: "";
      left: 0;
      position: absolute;
      top: 50%;
      width: 1px;
      height: 100%;
      background-color: #dce0e6;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all ease-in-out 250ms;
      -moz-transition: all ease-in-out 250ms;
      transition: all ease-in-out 250ms; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block:after {
      content: "";
      left: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%);
      background-color: #8b4ff3;
      height: 0;
      opacity: 0;
      width: 2px;
      -webkit-transition: all ease-in-out 300ms;
      -moz-transition: all ease-in-out 300ms;
      transition: all ease-in-out 300ms; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block .block-content {
      height: 100px;
      display: flex; }
      .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block .block-content img {
        display: block;
        height: auto;
        margin: auto;
        max-height: 100%;
        max-width: 60%;
        -webkit-transition: all linear 250ms;
        -moz-transition: all linear 250ms;
        transition: all linear 250ms;
        width: auto; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block .title {
      display: block;
      text-align: center; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked .block-content img {
      filter: grayscale(1); }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked .more-label {
      display: block;
      margin-top: 16px;
      line-height: 29.75px;
      margin-bottom: 0;
      margin-left: 34px;
      margin-top: auto;
      padding-left: 20px;
      padding-right: 48px;
      position: relative;
      text-transform: uppercase;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: all ease-in-out 300ms;
      -moz-transition: all ease-in-out 300ms;
      transition: all ease-in-out 300ms;
      white-space: nowrap;
      width: fit-content; }
      .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked .more-label:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        border-right: 2px solid #8b4ff3;
        border-top: 2px solid #8b4ff3;
        height: 8px;
        width: 8px;
        -moz-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        z-index: 1; }
      .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked .more-label:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        z-index: 1;
        background-color: #8b4ff3;
        height: 2px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 14px; }
      .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked .more-label span {
        color: #8b4ff3;
        font-weight: 800; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked:hover:before {
      opacity: 0; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked:hover:after {
      height: 100%;
      opacity: 1; }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked:hover .block-content img {
      filter: grayscale(0); }
    .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked:hover .more-label {
      margin-left: 0;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); }
      .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked:hover .more-label:before, .elementor-widget-pragmaticcoders-clients .pragmaticcoders-clients .brand-block.linked:hover .more-label:after {
        right: 10px; }

.elementor-widget-pragmaticcoders-testimonials {
  overflow-x: hidden; }
  .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide {
    height: auto; }
    .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item {
      background-color: #f7f7f7;
      display: flex;
      flex-flow: column;
      padding: 100px 40px 80px 60px;
      position: relative;
      text-align: left;
      min-height: 100%; }
      .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item .testimonial-content {
        font-size: 22px;
        margin-bottom: 30px; }
      .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item .testimonial-sign {
        display: flex;
        margin-bottom: 0;
        margin-top: auto; }
        .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item .testimonial-sign .sign-image {
          border-radius: 40px;
          height: 80px;
          margin-right: 24px;
          min-width: 80px;
          overflow: hidden;
          width: 80px; }
          .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item .testimonial-sign .sign-image img {
            display: block;
            height: 100%;
            object-fit: cover;
            width: 100%; }
        .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item .testimonial-sign .sign-info {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item .testimonial-sign .sign-info .testimonial-name {
            font-size: 22.3125px;
            font-weight: 700;
            margin: 0; }
          .elementor-widget-pragmaticcoders-testimonials .pragmaticcoders-testimonials .swiper-wrapper .swiper-slide .testimonial-item .testimonial-sign .sign-info .testimonial-role {
            margin-top: 4px;
            color: #5d6166;
            font-size: 18.0625px; }

.elementor-widget-pragmaticcoders-steps .elementor-widget-container {
  padding-left: 0;
  padding-right: 0; }

@media all and (min-width: 765px) {
  .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps:after {
    background-color: #8b4ff3;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 100px;
    width: 8000px; } }

.elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide {
  display: flex;
  height: unset; }
  .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%; }
    .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .counter {
      color: #b9bdc3;
      display: block;
      font-size: 64px;
      font-weight: 900;
      line-height: 1.5em;
      position: relative;
      margin-bottom: 34px; }
    .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .content {
      font-size: 22px; }
      .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .content ul {
        display: block;
        list-style-type: disc;
        padding-left: 40px; }
        .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .content ul li:not(:first-child) {
          margin-top: 0.6em; }
        .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .content ul li::marker {
          color: inherit;
          font-size: 100%; }
    .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .more-btn {
      margin: auto 0 0;
      padding-top: 84px;
      position: relative;
      text-align: center; }
      .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .more-btn:before, .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .more-btn:after {
        content: "";
        position: absolute; }
      .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .more-btn:before {
        border-bottom: 2px dashed #b9bdc3;
        border-left: 2px dashed #b9bdc3;
        border-right: 2px dashed #b9bdc3;
        height: 38px;
        top: 0;
        left: 0;
        width: calc(100% - 4px); }
      .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .more-btn:after {
        border-right: 2px dashed #b9bdc3;
        height: 32px;
        left: 50%;
        top: 40px;
        width: 1px; }
      .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide .step-item .more-btn .btn {
        margin: 0 auto;
        padding: 16px 26px; }

@media all and (max-width: 765px) {
  .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper {
    flex-flow: column; }
    .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-wrapper .swiper-slide {
      margin-bottom: 5em;
      margin-right: 0; }
  .elementor-widget-pragmaticcoders-steps .pragmaticcoders-steps .swiper-navigation {
    display: none; } }

.pragmaticcoders-tabs-widget .tabs-container .tabs-headers {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #ddd;
  padding: 0;
  margin: 0; }
  .pragmaticcoders-tabs-widget .tabs-container .tabs-headers .tab-header {
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease; }
    .pragmaticcoders-tabs-widget .tabs-container .tabs-headers .tab-header:hover {
      background-color: #f0f0f0; }
  .pragmaticcoders-tabs-widget .tabs-container .tabs-headers .tab-active {
    display: none; }

.pragmaticcoders-tabs-widget .tabs-container .tabs .tab {
  display: none; }
  .pragmaticcoders-tabs-widget .tabs-container .tabs .tab.active {
    display: block; }
  .pragmaticcoders-tabs-widget .tabs-container .tabs .tab .tab-content {
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin-top: 10px;
    border-radius: 5px; }
    .pragmaticcoders-tabs-widget .tabs-container .tabs .tab .tab-content .nested-tabs {
      margin-top: 20px; }
      .pragmaticcoders-tabs-widget .tabs-container .tabs .tab .tab-content .nested-tabs .nested-tab {
        padding: 10px;
        background-color: #f1f1f1;
        border: 1px solid #ddd;
        margin-top: 10px;
        border-radius: 5px; }
        .pragmaticcoders-tabs-widget .tabs-container .tabs .tab .tab-content .nested-tabs .nested-tab h4 {
          margin-bottom: 10px;
          font-size: 16px; }
        .pragmaticcoders-tabs-widget .tabs-container .tabs .tab .tab-content .nested-tabs .nested-tab p {
          font-size: 14px; }

.elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 25px; }
  @media all and (max-width: 1024px) {
    .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container {
      display: block; } }
  .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers {
    align-items: center;
    border-right: 1px solid #dce0e6;
    display: flex;
    grid-column: span 4; }
    @media all and (max-width: 1024px) {
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers {
        display: block;
        position: relative; } }
    .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers .tab-active {
      border: 1px solid #b9bdc3;
      border-radius: 2px;
      color: var(--primary_color);
      cursor: pointer;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 4px;
      line-height: 1.6em;
      padding: 18px 16px;
      position: relative;
      text-transform: uppercase;
      display: none; }
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers .tab-active.active {
        border: 1px solid #8b4ff3; }
      @media all and (max-width: 1024px) {
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers .tab-active {
          display: block; } }
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers .tab-active:after {
        border-bottom: 2px solid #8b4ff3;
        border-right: 2px solid #8b4ff3;
        content: "";
        height: 10px;
        margin-top: -1px;
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        width: 10px; }
    @media all and (max-width: 1024px) {
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul {
        background-color: #fff;
        border-radius: 2px;
        height: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 120%;
        transform-origin: top center;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        width: 100%;
        z-index: 50; } }
    .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li {
      padding: 9px 0;
      color: #121212;
      cursor: pointer;
      display: flex;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 4px;
      line-height: 1.8rem;
      position: relative;
      text-transform: uppercase;
      -webkit-transition: all ease-in-out 250ms;
      -moz-transition: all ease-in-out 250ms;
      transition: all ease-in-out 250ms;
      margin-top: 0.6em; }
      @media all and (max-width: 1024px) {
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li {
          border-bottom: 1px solid #dce0e6;
          margin: 0;
          padding: 20px 16px; } }
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li:after {
        background-color: #8b4ff3;
        content: "";
        height: 2px;
        left: 0;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        width: 0; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li:after {
            display: none; } }
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li:hover {
        color: #6c1ff0;
        padding-left: 18px; }
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li:hover:after {
          width: 8px;
          color: #6c1ff0; }
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li.active {
        color: #8b4ff3;
        padding-left: 2.25em; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li.active {
            padding: 20px 16px; } }
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers ul li.active:after {
          width: 24px; }
    @media all and (max-width: 1024px) {
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs-headers .tab-active.active + ul {
        border: 1px solid #8b4ff3;
        height: auto; } }
  .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs {
    grid-column: span 8;
    flex-wrap: nowrap; }
    @media all and (max-width: 1024px) {
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs {
        display: block;
        margin-top: 40px; } }
    .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab {
      min-width: 100%;
      position: relative;
      direction: rtl;
      grid-template-columns: repeat(9, 1fr);
      grid-column-gap: 25px;
      display: grid;
      -webkit-transition: all ease-in-out 250ms;
      -moz-transition: all ease-in-out 250ms;
      transition: all ease-in-out 250ms; }
      @media all and (min-width: 1024px) {
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab {
          -webkit-transform: scale(0.95);
          -moz-transform: scale(0.95);
          transform: scale(0.95);
          left: -50px;
          opacity: 0; }
          .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab.active {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
            left: 0;
            opacity: 1; } }
      @media all and (max-width: 1024px) {
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab {
          display: block; } }
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-content {
        display: flex;
        text-align: left;
        direction: ltr;
        flex-flow: column;
        justify-content: center;
        grid-column: span 4; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-content {
            display: block;
            margin-top: 40px; } }
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-content h3 {
          margin-bottom: 30px; }
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-content .btn {
          margin-top: 3em;
          display: inline-block; }
      .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-image {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align: left;
        grid-column: span 5; }
        @media all and (max-width: 1024px) {
          .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-image {
            display: block; } }
        .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-image img {
          display: block;
          height: auto;
          position: relative;
          max-width: calc((100vw - 1380px) / 2 + 105%); }
          @media all and (max-width: 1024px) {
            .elementor-widget-pragmaticcoders-photo-tabs .pragmaticcoders-photo-tabs .tabs-container .tabs .tab .tab-image img {
              max-width: 100%;
              width: 100%; } }

.elementor-widget-pragmaticcoders-table-of-contents {
  height: 100%;
  padding: 0 10px;
  background-color: #f7f7f7;
  margin-left: 50px;
  padding-bottom: 30px; }
  @media all and (max-width: 1024px) {
    .elementor-widget-pragmaticcoders-table-of-contents {
      display: none;
      margin-left: 0px; } }
  .elementor-widget-pragmaticcoders-table-of-contents:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #f7f7f7;
    top: 0;
    left: 100%;
    width: calc((60vw) / 2);
    height: 100%; }

.pragmaticcoders-table-of-contents {
  height: 100%;
  z-index: 5; }
  .pragmaticcoders-table-of-contents ul {
    margin-top: 40px;
    margin-bottom: 40px;
    position: sticky;
    top: 120px; }
    .pragmaticcoders-table-of-contents ul.scroll-active {
      max-height: calc(100vh - 160px);
      overflow: hidden;
      overflow-y: scroll; }
    .pragmaticcoders-table-of-contents ul li {
      display: block; }
      .pragmaticcoders-table-of-contents ul li.child-1 {
        margin-left: 10px; }
      .pragmaticcoders-table-of-contents ul li.child-2 {
        margin-left: 15px; }
      .pragmaticcoders-table-of-contents ul li.child-3 {
        margin-left: 20px; }
      .pragmaticcoders-table-of-contents ul li a {
        display: block;
        padding-bottom: 12px;
        padding-top: 12px; }
        .pragmaticcoders-table-of-contents ul li a.active {
          color: #8b4ff3; }

.elementor-widget-pragmaticcoders-icon-block {
  width: 100%; }
  .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper {
    display: grid;
    position: relative;
    width: 100%; }
    .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item {
      position: relative;
      padding-left: 42px;
      margin-bottom: 64px; }
      @media all and (max-width: 768px) {
        .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item {
          max-width: calc(100vw - 60px); } }
      .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item:last-of-type {
        margin-bottom: 0 !important; }
      .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item a.icon-block-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        overflow: hidden; }
      .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item .icon {
        left: 0;
        max-height: 20px;
        max-width: 20px;
        position: absolute;
        top: 7px;
        font-size: 20px;
        color: #8b4ff3; }
        .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item .icon svg {
          width: 20px;
          height: auto; }
      .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item .content .title {
        font-size: 21px;
        margin-bottom: 24px; }
      .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item .content .description a:not(.btn) {
        text-decoration: underline; }
        .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item .content .description a:not(.btn):hover {
          text-decoration: none; }
      .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block .icon-block-wrapper .icon-block-item .content .description .btn {
        position: relative; }
  .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block.icon-top .icon-block-item {
    padding-left: 0; }
    .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block.icon-top .icon-block-item .icon {
      position: static;
      top: 0;
      margin-bottom: 20px;
      font-size: 24px; }
    .elementor-widget-pragmaticcoders-icon-block .pragmaticcoders-icon-block.icon-top .icon-block-item .content .title {
      margin-bottom: 20px; }

.pragmaticcoders-timeline {
  position: relative; }
  .pragmaticcoders-timeline .line {
    background-color: #dce0e6;
    height: 100%;
    left: 30%;
    margin-left: -12px;
    position: absolute;
    top: 0;
    width: 2px; }
    @media all and (max-width: 768px) {
      .pragmaticcoders-timeline .line {
        left: 30px !important; } }
    .pragmaticcoders-timeline .line .line-checker {
      background-color: #8b4ff3;
      height: 100px;
      margin-left: -1px;
      position: sticky;
      top: 180px;
      width: 4px; }
  .pragmaticcoders-timeline .timeline-item {
    display: flex;
    margin-bottom: 120px; }
    @media all and (max-width: 768px) {
      .pragmaticcoders-timeline .timeline-item {
        display: block;
        margin-left: 40px; } }
    .pragmaticcoders-timeline .timeline-item:last-of-type {
      margin-bottom: 40px; }
    .pragmaticcoders-timeline .timeline-item .date {
      color: #b9bdc3;
      font-size: 60px;
      font-weight: 900;
      line-height: 90px; }
    .pragmaticcoders-timeline .timeline-item .description {
      margin-left: 60px; }
      @media all and (max-width: 768px) {
        .pragmaticcoders-timeline .timeline-item .description {
          margin-left: 0; } }
      .pragmaticcoders-timeline .timeline-item .description h4 {
        margin-top: 0; }

.pragmaticcoders-team-tabs ul.tabs {
  list-style-type: none;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
  text-align: center; }
  .pragmaticcoders-team-tabs ul.tabs:after {
    border-top: 2px solid #dce0e6;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    bottom: -2px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    z-index: 1; }
  .pragmaticcoders-team-tabs ul.tabs li {
    border-bottom-width: 2px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-style: solid;
    border-color: transparent;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .13em;
    padding: 18px 20px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
    display: inline-block; }
    .pragmaticcoders-team-tabs ul.tabs li:hover {
      background-color: #f3edff;
      border-color: #f3edff;
      color: #121212; }
    .pragmaticcoders-team-tabs ul.tabs li.active {
      background-color: transparent;
      color: #8b4ff3;
      border-color: #8b4ff3; }

.pragmaticcoders-team-tabs .tab-container {
  position: relative;
  width: 100%;
  height: 0;
  opacity: 0;
  order: 2;
  transform: scale(0.95);
  overflow: hidden;
  display: grid;
  grid-column-gap: 25px;
  grid-template-columns: repeat(5, 1fr);
  -webkit-transition: opacity 0.25s linear, transform 0.25s ease-in-out;
  -moz-transition: opacity 0.25s linear, transform 0.25s ease-in-out;
  transition: opacity 0.25s linear, transform 0.25s ease-in-out; }
  @media all and (max-width: 1024px) {
    .pragmaticcoders-team-tabs .tab-container {
      grid-template-columns: repeat(2, 1fr); } }
  @media all and (max-width: 768px) {
    .pragmaticcoders-team-tabs .tab-container {
      grid-template-columns: repeat(1, 1fr); } }
  .pragmaticcoders-team-tabs .tab-container.active {
    height: auto;
    opacity: 1;
    transform: scale(1); }
  .pragmaticcoders-team-tabs .tab-container .tab-content {
    margin-top: 80px; }
    .pragmaticcoders-team-tabs .tab-container .tab-content img {
      max-width: 176px;
      margin-top: -28px; }
    .pragmaticcoders-team-tabs .tab-container .tab-content .link {
      background-color: #fff;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 50% auto;
      border-radius: 50%;
      display: block;
      height: 56px;
      position: relative;
      width: 56px;
      z-index: 1; }
      .pragmaticcoders-team-tabs .tab-container .tab-content .link svg {
        width: 26px;
        height: auto;
        fill: #8b4ff3;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .pragmaticcoders-team-tabs .tab-container .tab-content .name {
      display: block;
      margin-bottom: 8px;
      margin-top: 24px; }
    .pragmaticcoders-team-tabs .tab-container .tab-content .position {
      display: block;
      color: #5d6166;
      font-weight: 600; }
    .pragmaticcoders-team-tabs .tab-container .tab-content .description {
      display: block; }
      .pragmaticcoders-team-tabs .tab-container .tab-content .description ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
        margin-bottom: -12px;
        margin-left: -12px;
        margin-top: 24px; }
        .pragmaticcoders-team-tabs .tab-container .tab-content .description ul li {
          display: inline-block;
          background-color: #dce0e6;
          border-radius: 4px;
          color: #121212;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 1px;
          margin-bottom: 12px;
          margin-left: 12px;
          padding: 10px 12px;
          text-transform: uppercase; }

.pragmaticcoders-accordion .accordion-item {
  background-color: #ffffff;
  border-bottom: 1px solid #d0d0d0;
  padding: 0 0 4px;
  position: relative;
  width: 100%; }
  .pragmaticcoders-accordion .accordion-item .accordion-title {
    padding: 24px 60px 20px 56px;
    position: relative;
    cursor: pointer; }
    .pragmaticcoders-accordion .accordion-item .accordion-title i {
      color: #8b4ff3;
      font-size: 18px;
      left: 17px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .pragmaticcoders-accordion .accordion-item .accordion-title h2,
    .pragmaticcoders-accordion .accordion-item .accordion-title h3,
    .pragmaticcoders-accordion .accordion-item .accordion-title h4 {
      font-size: 21px;
      margin: 0 !important; }
    .pragmaticcoders-accordion .accordion-item .accordion-title .accordion-arrow {
      height: 6px;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      transform-origin: center center;
      -webkit-transition: all ease-in-out 250ms;
      -moz-transition: all ease-in-out 250ms;
      transition: all ease-in-out 250ms;
      width: 12px; }
      .pragmaticcoders-accordion .accordion-item .accordion-title .accordion-arrow:before, .pragmaticcoders-accordion .accordion-item .accordion-title .accordion-arrow:after {
        background-color: #636363;
        border-radius: 2px;
        content: "";
        height: 10px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 2px; }
      .pragmaticcoders-accordion .accordion-item .accordion-title .accordion-arrow:before {
        transform: translateY(-50%) rotate(-45deg);
        transform-origin: bottom right; }
      .pragmaticcoders-accordion .accordion-item .accordion-title .accordion-arrow:after {
        transform: translateY(-50%) rotate(45deg);
        transform-origin: bottom left; }
    .pragmaticcoders-accordion .accordion-item .accordion-title:hover h2,
    .pragmaticcoders-accordion .accordion-item .accordion-title:hover h3,
    .pragmaticcoders-accordion .accordion-item .accordion-title:hover h4 {
      color: #8b4ff3; }
  .pragmaticcoders-accordion .accordion-item .accordion-content {
    height: 0;
    overflow: hidden;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms; }
    .pragmaticcoders-accordion .accordion-item .accordion-content .block-content {
      padding: 0 12px 24px 56px;
      position: relative; }
      @media all and (max-width: 768px) {
        .pragmaticcoders-accordion .accordion-item .accordion-content .block-content ul {
          padding-left: 20px; } }
  .pragmaticcoders-accordion .accordion-item.active .accordion-title .accordion-arrow {
    transform: translateY(-50%) rotate(-180deg); }
  .pragmaticcoders-accordion .accordion-item.active .accordion-content {
    height: auto; }

.pragmaticcoders-accordion.light-theme .accordion-item .accordion-title {
  padding: 10px 60px 6px 56px; }
  .pragmaticcoders-accordion.light-theme .accordion-item .accordion-title h3 {
    font-size: 19px; }

.pragmaticcoders-accordion.light-theme .accordion-item .accordion-content .block-content {
  padding-bottom: 10px; }

.elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation {
  margin: 60px 0; }
  .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content {
    width: 90%;
    padding: 25px;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto; }
    .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-content {
      width: 100%;
      font-size: 24px;
      margin-left: 0;
      margin-right: auto;
      padding: 20px 20px 20px 120px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iNTkiIHZpZXdCb3g9IjAgMCA4MSA1OSIgdmlld0JveD0iMCAwIDgxIDU5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04MSAyNC4xNDEyTDYzLjY0MjkgMjQuMTQxMkw3NS4yMTQ0IDAuOTk4NDc1TDU3Ljg1NzMgMC45OTg0NzFMMC42Mjg1OCAyNC4xNDEyTDQ2LjI4NTggNTguODU1NUw4MSA1OC44NTU1TDgxIDI0LjE0MTJaIiBmaWxsPSIjRDBEMEQwIi8+PHBhdGggZD0iTTM0LjcxNDQgNTguODU1NUwzNC43MTQ0IDI0LjE0MTJMMTcuMzU3MiAyNC4xNDEyTDI4LjkyODcgMC45OTg0NzNMMTEuNTcxNiAwLjk5ODQ3MUwwLjAwMTEyODY2MyAyNC4xNDEyTDAuMDAwMTEwNjI2IDU4Ljg1NTVMzQuNzE0NCA1OC44NTU1WiIgZmlsbD0iI0QwRDBEMCIvPjwvc3ZnPg==);
      background-repeat: no-repeat;
      background-position: top left; }
      @media all and (max-width: 1024px) {
        .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-content {
          padding: 80px 0px 20px 0px;
          width: 100%; } }
    .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-footer {
      margin-top: 56px;
      display: flex;
      padding: 0px 0px 0px 120px; }
      @media all and (max-width: 1024px) {
        .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-footer {
          padding: 0; } }
      .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-footer .author-image {
        height: 80px;
        margin-right: 24px;
        min-width: 80px;
        overflow: hidden;
        width: 80px;
        object-fit: cover; }
        .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-footer .author-image img {
          width: 100%;
          height: auto; }
      .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-footer .author-info {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-footer .author-info .author {
          display: block;
          font-size: 21px;
          font-weight: 700;
          margin: 0; }
        .elementor-widget-pragmaticcoders-recommendation .pragmaticcoders-recommendation .recommendation-content .block-footer .author-info .position {
          display: block;
          color: #5d6166;
          font-size: 17px;
          margin-top: 4px; }

.elementor-widget-pragmaticcoders-mosaic-gallery .pragmaticcoders-mosaic-gallery {
  column-count: 3;
  column-gap: 40px;
  column-fill: balance; }
  .elementor-widget-pragmaticcoders-mosaic-gallery .pragmaticcoders-mosaic-gallery .gallery-item {
    break-inside: avoid;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden; }
    .elementor-widget-pragmaticcoders-mosaic-gallery .pragmaticcoders-mosaic-gallery .gallery-item img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      position: relative;
      margin: 0;
      padding: 0;
      z-index: 1;
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      transform: scale(1.3);
      -webkit-transition: all ease-in-out 300ms;
      -moz-transition: all ease-in-out 300ms;
      transition: all ease-in-out 300ms; }
    .elementor-widget-pragmaticcoders-mosaic-gallery .pragmaticcoders-mosaic-gallery .gallery-item .overlay {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      height: 100%;
      justify-content: center;
      left: 0;
      opacity: 0;
      padding: 1rem;
      position: absolute;
      top: 0;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.5);
      z-index: 3;
      -webkit-transition: all ease-in-out 300ms;
      -moz-transition: all ease-in-out 300ms;
      transition: all ease-in-out 300ms; }
      .elementor-widget-pragmaticcoders-mosaic-gallery .pragmaticcoders-mosaic-gallery .gallery-item .overlay .description {
        font-weight: 900;
        text-align: center;
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%); }
    .elementor-widget-pragmaticcoders-mosaic-gallery .pragmaticcoders-mosaic-gallery .gallery-item:hover img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1); }
    .elementor-widget-pragmaticcoders-mosaic-gallery .pragmaticcoders-mosaic-gallery .gallery-item:hover .overlay {
      opacity: 1; }

.pragmaticcoders-ranking {
  width: 100%;
  margin: 0 auto;
  color: #121212; }
  .pragmaticcoders-ranking .ranking-item {
    display: flex;
    padding: 10px 0px;
    border-bottom: 1px solid #dce0e6;
    gap: 24px;
    align-items: center;
    position: relative; }
    @media all and (max-width: 768px) {
      .pragmaticcoders-ranking .ranking-item {
        flex-direction: column;
        align-items: center;
        padding: 20px 0px; } }
    .pragmaticcoders-ranking .ranking-item .logo-section {
      display: flex;
      align-items: center;
      gap: 16px;
      flex: 0 0 auto; }
      .pragmaticcoders-ranking .ranking-item .logo-section .rank {
        line-height: 1.2;
        text-align: center;
        min-width: 45px;
        display: flex;
        align-items: center;
        gap: 5px; }
        @media all and (max-width: 768px) {
          .pragmaticcoders-ranking .ranking-item .logo-section .rank {
            position: absolute;
            top: 15px;
            left: 0px;
            z-index: 1; } }
        .pragmaticcoders-ranking .ranking-item .logo-section .rank .rank-number {
          font-size: 24px;
          font-weight: bold;
          color: inherit;
          min-width: 44px; }
          @media all and (max-width: 768px) {
            .pragmaticcoders-ranking .ranking-item .logo-section .rank .rank-number {
              font-size: 64px;
              color: #dce0e6;
              letter-spacing: -0.075em; } }
      .pragmaticcoders-ranking .ranking-item .logo-section .company-logo {
        width: 70px;
        height: 70px;
        border-radius: 12px;
        object-fit: cover;
        border: 1px solid #dce0e6;
        flex-shrink: 0;
        background: white;
        display: block; }
        @media all and (max-width: 768px) {
          .pragmaticcoders-ranking .ranking-item .logo-section .company-logo {
            position: relative;
            z-index: 3; } }
    .pragmaticcoders-ranking .ranking-item .company-info {
      flex-grow: 1;
      min-width: 0;
      flex: 1 1 0; }
      @media all and (max-width: 768px) {
        .pragmaticcoders-ranking .ranking-item .company-info {
          flex: 0 0 auto;
          width: 100%;
          text-align: center; } }
      .pragmaticcoders-ranking .ranking-item .company-info .company-header {
        display: flex;
        align-items: center;
        margin-bottom: 2px; }
        @media all and (max-width: 768px) {
          .pragmaticcoders-ranking .ranking-item .company-info .company-header {
            justify-content: center;
            align-items: center; } }
        .pragmaticcoders-ranking .ranking-item .company-info .company-header .company-name {
          font-size: 18px;
          font-weight: 600;
          color: #8b4ff3;
          text-decoration: none; }
          @media all and (max-width: 768px) {
            .pragmaticcoders-ranking .ranking-item .company-info .company-header .company-name {
              line-height: 1; } }
          .pragmaticcoders-ranking .ranking-item .company-info .company-header .company-name a {
            text-decoration: underline; }
            .pragmaticcoders-ranking .ranking-item .company-info .company-header .company-name a:hover {
              text-decoration: underline; }
        .pragmaticcoders-ranking .ranking-item .company-info .company-header .trend {
          font-size: 12px;
          color: #858585;
          margin-left: 10px; }
          @media all and (max-width: 768px) {
            .pragmaticcoders-ranking .ranking-item .company-info .company-header .trend {
              display: inline-block;
              min-width: 30px; } }
          .pragmaticcoders-ranking .ranking-item .company-info .company-header .trend i {
            display: inline-block; }
          .pragmaticcoders-ranking .ranking-item .company-info .company-header .trend.positive {
            color: #8b4ff3; }
          .pragmaticcoders-ranking .ranking-item .company-info .company-header .trend.neutral {
            color: #858585; }
          .pragmaticcoders-ranking .ranking-item .company-info .company-header .trend.negative {
            color: #f54949; }
      .pragmaticcoders-ranking .ranking-item .company-info .meta {
        font-size: 14px;
        display: flex;
        gap: 16px; }
        @media all and (max-width: 768px) {
          .pragmaticcoders-ranking .ranking-item .company-info .meta {
            display: inline-block; }
            .pragmaticcoders-ranking .ranking-item .company-info .meta span {
              margin: 0 5px; } }
      .pragmaticcoders-ranking .ranking-item .company-info .highlight {
        font-size: 13px;
        margin-top: 4px;
        line-height: 1.4; }
    .pragmaticcoders-ranking .ranking-item .btn {
      padding: 8px 16px;
      font-size: 14px;
      cursor: pointer;
      transition: all 0.2s;
      flex-shrink: 0;
      align-self: center;
      height: fit-content;
      flex: 0 0 auto; }
      @media all and (max-width: 768px) {
        .pragmaticcoders-ranking .ranking-item .btn {
          flex: 0 0 auto;
          width: 100%; } }
  .pragmaticcoders-ranking .ranking-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px; }
    .pragmaticcoders-ranking .ranking-popup.active {
      display: flex;
      opacity: 1; }
    .pragmaticcoders-ranking .ranking-popup .modal-card {
      width: 360px;
      background: #fff;
      border-radius: 20px;
      position: relative;
      padding: 20px 15px 20px;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: transform 0.3s ease;
      display: none;
      max-height: 94vh;
      overflow: hidden;
      display: flex;
      flex-direction: column; }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-inner {
        flex-grow: 1;
        overflow: hidden;
        padding: 10px;
        position: relative; }
        @media screen and (orientation: portrait) and (max-width: 768px) {
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-inner {
            overflow: hidden; } }
        @media screen and (orientation: landscape) and (max-width: 1024px) {
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-inner {
            overflow: auto; } }
      @media screen and (orientation: landscape) and (max-width: 1024px) {
        .pragmaticcoders-ranking .ranking-popup .modal-card {
          width: 90vw;
          overflow-y: auto; } }
      .pragmaticcoders-ranking .ranking-popup .modal-card.active {
        transform: translateY(0); }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-close-btn {
        position: fixed;
        top: 5px;
        right: 5px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #333;
        color: #fff;
        border: none;
        cursor: pointer;
        display: block;
        font-size: 20px;
        transition: background 0.2s, transform 0.2s;
        line-height: 29px;
        text-align: center; }
        .pragmaticcoders-ranking .ranking-popup .modal-card .modal-close-btn:hover {
          background: #555;
          transform: rotate(180deg); }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-rank {
        background: #8b4ff3;
        color: #fff;
        padding: 4px 10px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -10px); }
        .pragmaticcoders-ranking .ranking-popup .modal-card .modal-rank + .modal-company {
          margin-top: 30px; }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-logo {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 3px solid #8b4ff3;
        margin: 0 auto;
        display: block;
        background: #fff;
        object-fit: cover; }
        @media all and (max-width: 1024px) {
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-logo {
            width: 80px;
            height: 80px; } }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-company {
        text-align: center;
        margin-bottom: 24px; }
        @media all and (max-width: 1024px) {
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-company {
            margin-top: 25px;
            margin-bottom: 15px; } }
        .pragmaticcoders-ranking .ranking-popup .modal-card .modal-company .modal-company-name {
          font-size: 24px;
          font-weight: 600;
          color: #333;
          margin-bottom: 4px; }
          @media all and (max-width: 1024px) {
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-company .modal-company-name {
              margin-bottom: 0; } }
        .pragmaticcoders-ranking .ranking-popup .modal-card .modal-company .modal-company-subtitle {
          color: #666;
          font-size: 14px; }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
        gap: 10px;
        padding: 10px;
        border-radius: 12px;
        margin-bottom: 24px;
        border: 1px solid #dce0e6; }
        .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item {
          text-align: center; }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .stat-label {
            font-size: 10px;
            color: #666;
            margin-bottom: 4px;
            text-transform: uppercase;
            letter-spacing: 0.5px; }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .stat-value {
            font-size: 20px;
            font-weight: 600;
            color: #8b4ff3; }
            @media all and (max-width: 768px) {
              .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .stat-value {
                font-size: 16px; } }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .trend i {
            display: inline-block;
            font-size: 18px; }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .trend.positive i {
            color: #8b4ff3; }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .trend.negative {
            color: #f95757; }
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .trend.negative i {
              color: #f95757; }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .trend.neutral {
            color: #858585; }
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-stats .stat-item .trend.neutral i {
              color: #858585; }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section {
        margin-bottom: 0px;
        overflow: auto;
        max-height: calc(94vh - 370px); }
        @media all and (max-width: 768px) {
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section {
            overflow: auto;
            max-height: 45vh; } }
        @media screen and (orientation: landscape) and (max-width: 1024px) {
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section {
            max-height: auto;
            overflow: visible; } }
        .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content {
          font-size: 14px;
          color: #666;
          line-height: 1.5; }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content ul {
            padding-left: 30px; }
          @media all and (max-width: 768px) {
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content {
              font-size: 15px; } }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content p {
            margin: 0; }
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h3,
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h4,
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h5,
          .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h6 {
            font-size: 14px;
            color: #121212;
            margin: 15px 0 2px; }
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h3:first-of-type,
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h4:first-of-type,
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h5:first-of-type,
            .pragmaticcoders-ranking .ranking-popup .modal-card .modal-section .content h6:first-of-type {
              margin-top: 0; }
      .pragmaticcoders-ranking .ranking-popup .modal-card .modal-btn {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #dce0e6; }
        .pragmaticcoders-ranking .ranking-popup .modal-card .modal-btn .btn {
          padding: 4px 8px;
          font-size: 14px;
          margin: 0 auto; }
  .pragmaticcoders-ranking.dark-theme {
    color: #fff; }
    .pragmaticcoders-ranking.dark-theme .ranking-item {
      border-color: #313437; }
      @media all and (max-width: 768px) {
        .pragmaticcoders-ranking.dark-theme .ranking-item .logo-section .rank .rank-number {
          color: #434343; } }

#content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading {
  position: relative; }
  #content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading button.e-n-tab-title {
    background-color: transparent;
    color: #121212;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .13em;
    padding: 18px 20px; }
    #content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading button.e-n-tab-title:hover, #content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading button.e-n-tab-title[aria-selected=false]:hover {
      color: #121212;
      background-color: white; }
    #content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading button.e-n-tab-title[aria-selected=true] {
      color: #8b4ff3; }
  #content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading:after {
    border-top: 2px solid #dce0e6;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    z-index: 1; }

#content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs .e-n-tabs-content .wide-bg {
  position: relative; }
  #content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs .e-n-tabs-content .wide-bg > div {
    z-index: 2; }
  #content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs .e-n-tabs-content .wide-bg:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50vw);
    width: 100vw;
    height: 100%;
    background-color: var(--e-global-color-text, #121212);
    background-color: inherit;
    z-index: 0; }

#content article .elementor-element .e-con-inner .elementor-widget-n-tabs .e-n-tabs .e-n-tabs-content .pragmaticcoders-list-pages .page-block h5 {
  font-size: 17px; }

.pragmaticcoders-single-case-study .case-study-block {
  background: #f8f8f8;
  margin: 40px 0;
  display: block;
  transition: all 0.3s ease;
  cursor: pointer;
  max-width: 780px;
  position: relative;
  margin: 20px auto; }
  .pragmaticcoders-single-case-study .case-study-block:hover {
    transform: scale(1.01);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
    .pragmaticcoders-single-case-study .case-study-block:hover .thumb {
      transform: scale(1.02); }
    .pragmaticcoders-single-case-study .case-study-block:hover .learn-more {
      background-color: #8b4ff3;
      color: #fff; }
  .pragmaticcoders-single-case-study .case-study-block .hover-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden; }
  .pragmaticcoders-single-case-study .case-study-block .block-content {
    display: flex;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
    gap: 30px;
    padding: 30px; }
    @media all and (max-width: 768px) {
      .pragmaticcoders-single-case-study .case-study-block .block-content {
        flex-direction: column; } }
    .pragmaticcoders-single-case-study .case-study-block .block-content .text-content {
      flex: 1; }
      .pragmaticcoders-single-case-study .case-study-block .block-content .text-content h3 {
        font-size: 26px; }
      @media all and (max-width: 768px) {
        .pragmaticcoders-single-case-study .case-study-block .block-content .text-content {
          order: 2; } }
    .pragmaticcoders-single-case-study .case-study-block .block-content .thumb {
      flex: 1;
      height: 240px;
      transition: all 0.3s ease; }
      @media all and (max-width: 768px) {
        .pragmaticcoders-single-case-study .case-study-block .block-content .thumb {
          order: 1; } }
      .pragmaticcoders-single-case-study .case-study-block .block-content .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
    .pragmaticcoders-single-case-study .case-study-block .block-content .title {
      font-size: 24px;
      color: #333;
      margin: 0 0 15px 0;
      line-height: 1.3;
      font-weight: 600; }
    .pragmaticcoders-single-case-study .case-study-block .block-content .description {
      font-size: 14px;
      color: #333;
      margin: 0 0 20px 0;
      line-height: 1.5; }
    .pragmaticcoders-single-case-study .case-study-block .block-content .learn-more {
      padding: 8px 20px;
      font-size: 14px; }
      .pragmaticcoders-single-case-study .case-study-block .block-content .learn-more:hover {
        color: #fff;
        background-color: #dd4ff3; }

.elementor-editor-active .elementor-editor-element-settings {
  z-index: 100; }

.elementor-editor-active .oc-image img {
  width: 100% !important;
  position: relative; }

.elementor-editor-active .pragmaticcoders-accordion .accordion-item .accordion-content {
  height: auto; }

.elementor-editor-active .pragmaticcoders-hero .content * {
  opacity: 1 !important;
  filter: none !important; }

.elementor .elementor-widget-text-editor h2,
.elementor .elementor-widget-text-editor h3,
.elementor .elementor-widget-text-editor h4,
.elementor .elementor-widget-text-editor h5,
.elementor .elementor-widget-text-editor h6 {
  margin-top: 64px; }
  .elementor .elementor-widget-text-editor h2:first-child,
  .elementor .elementor-widget-text-editor h3:first-child,
  .elementor .elementor-widget-text-editor h4:first-child,
  .elementor .elementor-widget-text-editor h5:first-child,
  .elementor .elementor-widget-text-editor h6:first-child {
    margin-top: 0; }

.elementor .elementor-widget-text-editor p {
  margin-top: 20px; }

.elementor .elementor-widget-text-editor a {
  text-decoration: underline;
  color: #8b4ff3; }
  .elementor .elementor-widget-text-editor a:hover {
    text-decoration: none; }

.elementor .elementor-widget-text-editor ul {
  margin-top: 20px; }
  .elementor .elementor-widget-text-editor ul li {
    margin-top: 0.6em; }
  .elementor .elementor-widget-text-editor ul + p {
    margin-top: 20px; }

.elementor .elementor-widget-text-editor ol {
  margin-top: 20px;
  list-style-type: decimal;
  padding-left: 40px; }
  .elementor .elementor-widget-text-editor ol li {
    margin-bottom: 1em; }

.pragmaticcoders-custom-tabs > .e-con-inner {
  padding: 0; }
  .pragmaticcoders-custom-tabs > .e-con-inner .tabs-links {
    background-color: #fff;
    position: relative; }
    .pragmaticcoders-custom-tabs > .e-con-inner .tabs-links:after {
      display: block;
      content: '';
      background-color: inherit;
      position: absolute;
      width: 100vw;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      height: 100%; }
    .pragmaticcoders-custom-tabs > .e-con-inner .tabs-links ul {
      list-style-type: none;
      list-style: none;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      position: relative;
      width: 100%;
      z-index: 1;
      text-align: center;
      margin-top: 0; }
      .pragmaticcoders-custom-tabs > .e-con-inner .tabs-links ul:after {
        border-top: 2px solid #dce0e6;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        bottom: -2px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100vw;
        z-index: 1; }
      .pragmaticcoders-custom-tabs > .e-con-inner .tabs-links ul li {
        border-bottom-width: 2px;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-style: solid;
        border-color: transparent;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: .13em;
        padding: 18px 20px;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: all ease-in-out 250ms;
        -moz-transition: all ease-in-out 250ms;
        transition: all ease-in-out 250ms;
        display: inline-block;
        margin-top: 0; }
        .pragmaticcoders-custom-tabs > .e-con-inner .tabs-links ul li:hover {
          background-color: #f3edff;
          border-color: #f3edff;
          color: #121212; }
        .pragmaticcoders-custom-tabs > .e-con-inner .tabs-links ul li.active {
          background-color: transparent;
          color: #8b4ff3;
          border-color: #8b4ff3; }
  .pragmaticcoders-custom-tabs > .e-con-inner .tabs-content {
    position: relative;
    width: 100%;
    height: 0;
    opacity: 0;
    order: 2;
    transform: scale(0.95);
    overflow: hidden;
    padding: 0;
    -webkit-transition: opacity 0.25s linear, transform 0.25s ease-in-out;
    -moz-transition: opacity 0.25s linear, transform 0.25s ease-in-out;
    transition: opacity 0.25s linear, transform 0.25s ease-in-out; }
    .pragmaticcoders-custom-tabs > .e-con-inner .tabs-content.active {
      height: auto;
      opacity: 1;
      transform: scale(1); }

.pragmaticcoders-custom-tabs.dark-theme .tabs-links {
  background-color: transparent; }
  .pragmaticcoders-custom-tabs.dark-theme .tabs-links ul:after {
    opacity: 0.1; }
  .pragmaticcoders-custom-tabs.dark-theme .tabs-links ul li {
    color: #fff; }
    .pragmaticcoders-custom-tabs.dark-theme .tabs-links ul li:hover {
      color: #fff;
      border-color: rgba(255, 255, 255, 0.2);
      background-color: rgba(255, 255, 255, 0.1); }

.pragmaticcoders-custom-tabs.dark-theme .tabs-content {
  color: #fff; }

.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .select2 .selection .select2-selection ul li.select2-selection__choice + .select2-search {
  width: 0; }

.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .select2 .selection .select2-selection ul li.select2-selection__choice + .select2-search {
  width: 0 !important; }

.nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .select2 .selection .select2-selection ul li.select2-search {
  width: 100%; }
  .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .select2 .selection .select2-selection ul li.select2-search .select2-search__field {
    width: 100% !important; }

#newsletter-alternative p {
  margin: 0; }

#newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container {
  margin-bottom: 5px; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field input {
    text-align: center; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .nf-field-element {
    text-align: center; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]) {
    padding: 10px 15px;
    line-height: 14px;
    height: auto;
    font-size: 15px; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection {
    margin: 0 auto;
    padding: 3px 10px 0;
    line-height: 1; }
    #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li {
      margin: 7px 2px 5px; }
      #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li.select2-search input {
        padding: 0;
        margin: 0; }
      #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li.select2-search.select2-search--inline {
        height: 20px; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap,
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .submit-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: fit-content;
    margin: 0 auto; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap label {
    font-size: 16px;
    font-weight: normal; }
    #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap label a {
      color: #8b4ff3;
      font-weight: bold; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .submit-wrap {
    width: 100%; }
    #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .submit-wrap .nf-field-element input {
      min-width: 65%;
      margin: 0 auto; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .nf-field-description {
    text-align: center; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .nf-help {
    max-width: 50vw; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-after-field {
    width: 100%; }
    #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-after-field .nf-error {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: fit-content;
      margin: 0 auto; }
      #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-after-field .nf-error .nf-error-msg {
        margin-top: 0;
        background-size: 22px auto;
        height: auto;
        padding-left: 22px;
        font-size: 11px; }
  #newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container.hidden-container {
    margin-bottom: 0; }

#newsletter-alternative .nf-form-cont .nf-form-wrap .nf-form-layout .nf-after-form-content {
  text-align: center; }

#newsletter-alternative.dark-theme {
  color: #fff; }
  #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]) {
    background-color: rgba(255, 255, 255, 0.7);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4); }
  #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection {
    background-color: rgba(255, 255, 255, 0.7);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4); }
    #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li {
      color: #fff; }
      #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li .select2-selection__choice__remove {
        color: rgba(255, 255, 255, 0.75); }
        #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection ul li .select2-selection__choice__remove:hover {
          color: #fff; }
    #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .list-select-wrap .select2 .selection .select2-selection input {
      background-color: transparent; }
  #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap .nf-field-label label {
    color: #fff; }
    #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-field .checkbox-wrap .nf-field-label label a {
      color: #fff; }
  #newsletter-alternative.dark-theme .nf-form-cont .nf-form-wrap .nf-form-layout .nf-form-content .nf-field-container .nf-after-field .nf-error-wrap .nf-error-msg {
    color: #fff;
    background-color: #e80000;
    border-radius: 40px;
    background-image: none;
    padding: 1px 10px; }

.jBox-wrapper .jBox-container .jBox-content {
  max-width: 420px;
  font-size: 12px; }

.nf-form-cont .nf-form-layout .nf-field-container.hidden {
  display: none; }

#contact #calendly-popup-text-widget {
  background-color: transparent;
  border: 2px solid #8b4ff3;
  color: #8b4ff3;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  padding: 16px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: all .25s ease-in-out; }
  #contact #calendly-popup-text-widget:hover {
    background-color: rgba(139, 79, 243, 0.16);
    border-color: #6c1ff0;
    color: #6c1ff0 !important; }

img[data-lazyloaded]:not(.litespeed-loaded) {
  opacity: 0;
  visibility: hidden; }

img.litespeed-loaded {
  visibility: visible;
  -webkit-transition: opacity .3s linear 0.2s;
  -moz-transition: opacity .3s linear 0.2s;
  transition: opacity .3s linear 0.2s;
  opacity: 1; }

.breadcrumbs-container {
  width: 100%;
  z-index: 6; }
  .breadcrumbs-container #breadcrumbs {
    display: block;
    color: #5a5a5a;
    padding: 22px 0px 0;
    font-size: 12px; }
    .breadcrumbs-container #breadcrumbs > span {
      padding-left: 22px; }
    .breadcrumbs-container #breadcrumbs span {
      color: #5a5a5a;
      display: inline-block;
      padding: 5px 8px;
      position: relative; }
      .breadcrumbs-container #breadcrumbs span span {
        display: inline-block; }
        .breadcrumbs-container #breadcrumbs span span:not(.breadcrumb_last) {
          padding-right: 20px; }
          .breadcrumbs-container #breadcrumbs span span:not(.breadcrumb_last):after, .breadcrumbs-container #breadcrumbs span span:not(.breadcrumb_last):before {
            border-radius: 0.5px;
            content: "";
            height: 1px;
            position: absolute;
            right: 4px;
            top: 50%;
            width: 4.5px;
            background-color: #ffffff; }
          .breadcrumbs-container #breadcrumbs span span:not(.breadcrumb_last):after {
            -moz-transform: translateY(-50%) rotate(-45deg);
            -o-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
            -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
            transform-origin: right center; }
          .breadcrumbs-container #breadcrumbs span span:not(.breadcrumb_last):before {
            -moz-transform: translateY(-50%) rotate(45deg);
            -o-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            transform-origin: right center; }
        .breadcrumbs-container #breadcrumbs span span.breadcrumb_last {
          display: inline; }
    .breadcrumbs-container #breadcrumbs > span {
      padding-left: 22px; }
    .breadcrumbs-container #breadcrumbs a {
      color: #121212; }
      .breadcrumbs-container #breadcrumbs a:hover {
        color: #8b4ff3; }

.sticky {
  position: sticky !important;
  top: 100px; }

.scroll-div {
  align-items: center;
  bottom: -24px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  font-size: 13px;
  left: 50%;
  line-height: 1.5em;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 56px;
  z-index: 10;
  text-align: center; }
  .scroll-div:before {
    background-color: #fff;
    content: "";
    height: 40px;
    left: 50%;
    margin-left: -0.5px;
    position: absolute;
    top: 0;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    width: 1px; }
  .scroll-div span {
    position: relative;
    top: 0;
    margin-bottom: 16px;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms; }
  .scroll-div:hover .scroll-icon {
    top: -3px; }
  .scroll-div:hover span {
    top: 4px; }
  .scroll-div:hover:before {
    top: 6px; }
  .scroll-div .scroll-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2738%27 height=%2754%27 fill=%27none%27%3E%3Crect width=%2736%27 height=%2752%27 x=%271%27 y=%271%27 fill=%27%23000%27 stroke=%27%23fff%27 stroke-width=%272%27 rx=%2718%27/%3E%3Cpath fill=%27%23E9E9E9%27 stroke=%27%23fff%27 d=%27M18.5 25.5h1v4h-1z%27/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 54px;
    width: 38px;
    position: relative;
    top: 0;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms; }

body .swiper-pagination-progressbar {
  background: #dce0e6;
  flex-basis: 100%;
  height: 3px;
  margin: 0;
  position: relative;
  margin-left: 25px;
  margin-right: 25px; }
  body .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #8b4ff3;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transform-origin: left top;
    width: 100%; }

.arr {
  cursor: pointer;
  height: 50px;
  position: relative;
  width: 50px;
  z-index: 3; }
  .arr:before, .arr:after {
    background-color: #8b4ff3;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 12px; }

.swiper-arr {
  background-color: rgba(139, 79, 243, 0);
  border: 2px solid #8b4ff3;
  border-radius: 32px;
  max-height: 64px;
  max-width: 64px;
  min-height: 64px;
  min-width: 64px;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms; }
  .swiper-arr.arr-prev:before, .swiper-arr.arr-prev:after {
    transform-origin: left center;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms; }
  .swiper-arr.arr-prev:before {
    -moz-transform: translate(-50%, -25%) rotate(-45deg);
    -o-transform: translate(-50%, -25%) rotate(-45deg);
    -ms-transform: translate(-50%, -25%) rotate(-45deg);
    -webkit-transform: translate(-50%, -25%) rotate(-45deg);
    transform: translate(-50%, -25%) rotate(-45deg); }
  .swiper-arr.arr-prev:after {
    -moz-transform: translate(-50%, -75%) rotate(45deg);
    -o-transform: translate(-50%, -75%) rotate(45deg);
    -ms-transform: translate(-50%, -75%) rotate(45deg);
    -webkit-transform: translate(-50%, -75%) rotate(45deg);
    transform: translate(-50%, -75%) rotate(45deg); }
  .swiper-arr.arr-next:before, .swiper-arr.arr-next:after {
    transform-origin: right center;
    -webkit-transition: all ease-in-out 250ms;
    -moz-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms; }
  .swiper-arr.arr-next:before {
    -moz-transform: translate(-50%, -75%) rotate(-45deg);
    -o-transform: translate(-50%, -75%) rotate(-45deg);
    -ms-transform: translate(-50%, -75%) rotate(-45deg);
    -webkit-transform: translate(-50%, -75%) rotate(-45deg);
    transform: translate(-50%, -75%) rotate(-45deg); }
  .swiper-arr.arr-next:after {
    -moz-transform: translate(-50%, -25%) rotate(45deg);
    -o-transform: translate(-50%, -25%) rotate(45deg);
    -ms-transform: translate(-50%, -25%) rotate(45deg);
    -webkit-transform: translate(-50%, -25%) rotate(45deg);
    transform: translate(-50%, -25%) rotate(45deg); }
  .swiper-arr:hover {
    background-color: #8b4ff3; }
    .swiper-arr:hover:before, .swiper-arr:hover:after {
      background-color: #fff;
      height: 3px; }

.swiper-navigation {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 48px; }
  .swiper-navigation .swiper-nav {
    max-width: 400px;
    min-width: auto !important;
    width: auto !important;
    flex-basis: calc(33.33333% - 16.66667px);
    min-width: calc(33.33333% - 16.66667px);
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: auto; }

@media all and (max-width: 768px) {
  body .calendly-overlay .calendly-popup {
    top: 0px;
    bottom: 0px; } }

body .calendly-overlay .calendly-popup-close {
  background-color: #8b4ff3;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  top: 10px;
  right: 10px;
  background-image: url(images/close-icon.svg);
  background-size: 50%;
  background-position: center; }

.custom-tags ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .custom-tags ul li {
    display: inline-block;
    background-color: #dce0e6;
    border-radius: 4px;
    font-size: 13px;
    line-height: 2em;
    margin-bottom: 12px;
    padding: 10px 12px;
    text-transform: uppercase; }
    .custom-tags ul li:not(:last-child) {
      margin-right: 12px; }

.prompt-generator .nf-form-wrap .nf-form-content .field-wrap label {
  color: inherit; }

.prompt-generator .nf-form-wrap .nf-form-content .field-wrap .copy-prompt {
  margin: 0 auto;
  max-width: 80%; }

.nf-form-wrap .nf-form-content .field-wrap label {
  color: inherit; }

.nf-form-wrap .nf-form-content .list-radio-wrap .nf-field-element li {
  display: block;
  width: 100%;
  margin-right: 0px !important; }
  .nf-form-wrap .nf-form-content .list-radio-wrap .nf-field-element li label {
    margin-left: 1.0em; }

#content table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; }
  #content table colgroup col:nth-child(1) {
    width: 30%; }
  #content table colgroup col:nth-child(2) {
    width: 40%; }
  #content table colgroup col:nth-child(3) {
    width: 30%; }
  #content table thead {
    background-color: #f7f7f7; }
    #content table thead th {
      text-align: left;
      font-weight: 600;
      font-size: 0.875rem;
      padding: 0.75rem 1rem;
      border-bottom: 1px solid #dce0e6; }
  #content table tbody tr td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #dce0e6;
    font-size: 0.875rem;
    color: #333;
    overflow-wrap: break-word; }
    #content table tbody tr td ul {
      padding-left: 25px; }
  #content table tfoot {
    background-color: #f7f7f7; }
    #content table tfoot td {
      font-weight: 500;
      padding: 0.75rem 1rem;
      border-top: 1px solid #dce0e6; }

@keyframes bellShake {
  0% {
    transform: rotate(0); }
  1% {
    transform: rotate(30deg); }
  3% {
    transform: rotate(-28deg); }
  5% {
    transform: rotate(34deg); }
  7% {
    transform: rotate(-32deg); }
  9% {
    transform: rotate(30deg); }
  11% {
    transform: rotate(-28deg); }
  13% {
    transform: rotate(26deg); }
  15% {
    transform: rotate(-24deg); }
  17% {
    transform: rotate(22deg); }
  19% {
    transform: rotate(-20deg); }
  21% {
    transform: rotate(18deg); }
  23% {
    transform: rotate(-16deg); }
  25% {
    transform: rotate(14deg); }
  27% {
    transform: rotate(-12deg); }
  29% {
    transform: rotate(10deg); }
  31% {
    transform: rotate(-8deg); }
  33% {
    transform: rotate(6deg); }
  35% {
    transform: rotate(-4deg); }
  37% {
    transform: rotate(2deg); }
  39% {
    transform: rotate(-1deg); }
  41% {
    transform: rotate(1deg); }
  43% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }

html,
body {
  width: 100%; }
  @media all and (max-width: 768px) {
    html,
    body {
      overflow-x: hidden; } }