/*-----------------------------------------------------------------------------------

[Table of contents]

1. Base (Global style for some elements)
2. Header (Main navigation)
3. Slider (Header Slider)
4. Store Icons (Section)
5. Amazing Features (Section)
6. How It Works (Section)
7. More Features (Section)
8. Download (Section)
9. Download Icons (Section)
10. Quick View (Section)
11. Accordion (Section)
12. Team (Section)
13. Testimonial (Section)
14. Packages (Section)
15. Statistic (Section)
16. Twitter (Section)
17. Quick Support (Section)
18. Subscribe (Section)
19. Footer (Section)
20. Custom Scroll Bar
21. Scroll back to top button
22. Preloader (Preloader will be show until the website content fully load)

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

[GLOBAL STYLE]

# HTML (Global font size: Default: 16px)
# a tag
# Responsive Image
# Clearfix
# Bootstrap Container
# Wrapper
# Template Sections
# Input Fields
# Carousel slider

-----------------------------------------------------------------------------------*/
html {
  font-size: 16px;
  /* Global Font Size */
  width: 100%;
}

body {
  /* direction: rtl;
  text-align: right; */
  font-size: 100%;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  clear: both;
  font-family: "Droid Arabic Kufi", sans-serif;
}

* {
  outline: none !important;
}

/* Change the a tag color */
a {
  text-decoration: none;
  color: #2b8dd9;
  transition: 300ms linear;
  transition-property: color;
  display: inline-block;
}

a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
  color: #a549e9;
}

/* Responsive image */
img {
  max-width: 100%;
  display: inline-block;
}

/* Clearfix */
.clearfix {
  clear: both;
}

/* Make bootstrap container max-width 100% */
.container {
  max-width: 100%;
}

/*--- for remove space / gutter betwin 2 colom of boot strap */
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*="col-"]:not(:first-child),
.row.no-gutter [class*="col-"]:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.bold-color {
  color: #a549e9;
}

/*---  */

/* Template wrapper */
.wrapper {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
  overflow-y: auto;
}

/* Template white section and blue section */
.section-white,
.section-blue {
  margin: 0;
  padding: 80px 0;
  display: block;
  width: 100%;
  clear: both;
  background: white;
  text-align: center;
  overflow: hidden;
  /* Section h1 heading */
}

.section-grey {
  margin: 0;
  padding: 80px 0;
  display: block;
  width: 100%;
  clear: both;
  background: #f2f4f5;
  text-align: center;
  overflow: hidden;
  /* Section h1 heading */
}
.section-whitefff {
  margin: 0;
  padding: 100px 0;
  display: block;
  width: 100%;
  clear: both;
  background: linear-gradient(135deg,rgb(42 33 91) 0%,rgb(102 36 132) 68%,rgb(102 36 132) 100%);
  text-align: center;
  overflow: hidden;
  /* Section h1 heading */
}
.section-grey h1{
  direction: rtl;
}
.section-white h1,
.section-blue h1,
.section-grey h1,
.two-colom-section h1,
.pr1-headline h2 {
  color: #a549e9;
  font-size: 2.75rem;
  line-height: 4.125rem;
  font-weight: 300;
  margin-top: 0;
  position: relative;
  margin-bottom: 3.75rem;
}
.pr1-headline h2 {
  margin-bottom: 0;
}

.main-heading-text {
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
}

.main-heading-text p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #708198;
  line-height: 1.5;
  white-space: pre-line;
}

.site-testimonial .main-heading-text p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #708198;
  line-height: 1.5;
  white-space: pre-line;
  padding: 0 0 30px 0;
}

@media screen and (max-width: 767px) {
  .section-white h1,
  .section-blue h1,
  .section-grey h1,
  .two-colom-section h1 {
    font-size: 2rem;
    line-height: 1.2;
  }
  .breadcurmb-title h2 {
    font-size: 30px;
  }
}

.section-white h1 strong,
.section-blue h1 strong {
  font-weight: 700;
}

.section-white h1:after,
.section-blue h1:after,
.section-grey h1:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading-before.png") no-repeat center;
  background-size: 3.375rem 1.125rem;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}

.left-heading h1:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading-before.png") no-repeat left;
  background-size: 3.375rem 1.125rem;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: 0;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}

.two-colom-section h1:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading-before.png") no-repeat left;
  background-size: 3.375rem 1.125rem;
  display: block;
  width: 40px;
  height: 4px;
  /* margin-left: 0;
  margin-right: auto; NewTouch */
  margin-right: 0;
  margin-left: auto;
  clear: both;
  top: 0.5rem;
}

.section-blue h1:after {
  /* H1 heading icon add */
  content: "";
  position: relative;
  background: url("../images/heading-before-white.png") no-repeat center;
  background-size: 3.375rem 1.125rem;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 0.5rem;
}

/* Template section blue */
.section-blue {
  color: white;
  background-color: #08223b;
}

.section-blue h1 {
  color: white;
}

.left-heading h1 {
  text-align: left;
  line-height: 1.3;
}
.text-white{
  color: #fff;
}
.blue-purple-gredient {
  background: #836aeb;
  background: rgba(50, 187, 241, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(0%, rgba(42, 33, 91, 1)),
    color-stop(68%, rgba(102, 36, 132, 1)),
    color-stop(100%, rgba(102, 36, 132, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* IE 10+ */
  background: linear-gradient(135deg,rgb(42 33 91) 0%,rgb(102 36 132) 68%,rgb(102 36 132) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

/*-----------------------------------------------------------------------------------*/
/* Input fields */
/*-----------------------------------------------------------------------------------*/
input {
  border: none;
  box-shadow: none;
}

/* Submit input field */
input[type="submit"],
button[type="submit"] {
  min-width: 12.188rem;
  min-height: 3.125rem;
  border-radius: 1.5rem;
  color: white;
  font-family: inherit;
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 1.813rem;
  text-transform: uppercase;
  transition: 300ms linear;
  transition-property: background, color;
  border: none;

  background: rgba(70, 200, 255, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(70, 200, 255, 1)),
    color-stop(100%, rgba(129, 211, 126, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */

  -webkit-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
}

input[type="submit"]:hover,
button[type="submit"]:hover {
  background: white;
  color: #203e5b;
}

/* Fluid container with wide class */
.container-fluid.wide {
  max-width: 1400px;
}

@media screen and (min-width: 768px) {
  .container-fluid.wide {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

/*-----------------------------------------------------------------------------------*/
/* Carousel slider CSS */
/*-----------------------------------------------------------------------------------*/
.swiper-container {
  /* Main container */
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  list-style: none;
  box-shadow: none;
}

/* wrapper */
.swiper-wrapper {
  margin: 0;
  padding: 0;
  box-shadow: none;
}

/* Single slide */
.swiper-slide {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

.swiper-slide-box {
  padding: 50px;
  background: #ffffff;
  border-radius: 6px;
  border-bottom: #f5f5f9 solid 1px;

  -webkit-box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.03);
  -moz-box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.03);
  box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.03);
}

.swiper-slide-back-box {
  float: left;
  width: 90%;
  height: 15px;
  margin-left: 5%;
  background: #ffffff;
  border-radius: 0 0 6px 6px;

  -webkit-box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.03);
  -moz-box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.03);
  box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.03);
}

/* Pagination */
.swiper-pagination {
  box-shadow: none;
  text-shadow: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  left: 0;
  right: 0;
}

@media screen and (max-width: 991px) {
  .swiper-pagination {
    margin-top: 0.625rem;
  }
}

@media screen and (max-width: 767px) {
  .swiper-pagination {
    margin-top: 1.25rem;
  }
}

/* pagination bullet */
.swiper-pagination-bullet {
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #f2f4f5;
  opacity: 1;
  transition: 300ms linear;
  transition-property: background-color;
  margin: 0.4375rem;
  border: #a549e9 solid 1px;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0.4375rem;
}

/* Active pagination bulet */
.swiper-pagination-bullet-active {
  background-color: #a549e9;
}

/* Navigatin prev button */
.swiper-button-prev,
.swiper-button-next {
  margin: 0;
  padding: 0;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  background: none;
  border-radius: 6.25rem;
  opacity: 0.3;
  border: 0.125rem solid #515151;
  font-size: 1.25rem;
  transition: 300ms linear;
  transition-property: background, opacity, border-color;
  left: -2.5rem;
}

@media screen and (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    left: 0;
    /*top: -3.125rem;*/
    display: none;
  }
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #9c52ea;
  opacity: 1;
  border-color: #9c52ea;
}

.swiper-button-prev span,
.swiper-button-next span,
.swiper-button-prev i.fa,
.swiper-button-next i.fa {
  position: absolute;
  top: 0;
  left: -0.125rem;
  right: 0;
  display: block;
  bottom: 0;
  line-height: 2.9375rem;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* Navigation next button */
.swiper-button-next {
  left: auto;
  right: -2.5rem;
}

@media screen and (max-width: 767px) {
  .swiper-button-next {
    right: 1.25rem;
  }
}

.swiper-button-next span,
.swiper-button-next i.fa {
  left: 0.125rem;
}

/* Carousel CSS for white section */
.section-white .swiper-pagination {
  margin-top: 2.5rem;
}

.section-white .swiper-pagination-bullet {
  background-color: #d3d3d3;
}

.section-white .swiper-pagination-bullet-active {
  background: #836aeb;
  background: rgba(50, 187, 241, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(0%, rgba(50, 187, 241, 1)),
    color-stop(68%, rgba(166, 73, 233, 1)),
    color-stop(100%, rgba(166, 73, 233, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    135deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.section-white .swiper-button-prev,
.section-white .swiper-button-next {
  background-color: #f2f4f5;
  border-color: #f2f4f5;
  color: #1f3542;
  opacity: 1;
  transition: 300ms linear;
  transition-property: color, background, border-color;
}

.section-white .swiper-button-prev:hover,
.section-white .swiper-button-next:hover {
  color: white;
  border: none;
  background: #836aeb;
  background: rgba(40, 34, 93, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(40, 34, 93, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(0%, rgba(40, 34, 93, 1)),
    color-stop(68%, rgba(166, 73, 233, 1)),
    color-stop(100%, rgba(166, 73, 233, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgb(40 34 93) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgb(40 34 93) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgb(40 34 93) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    135deg,
    rgb(40 34 93) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

/*-----------------------------------------------------------------------------------

[Header]

# Navigation and slider holder
# Sticky header
# Logo
# Sub Menu
# Off canvas Mobile menu

-----------------------------------------------------------------------------------*/
/* Navigation and slider holder */
.site-holder {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  /*background: #836aeb;*/
}

.site-holder .sticky-header {
  /* Sticky header */
  z-index: 100000 !important;
  background: #ffffff;
  position: absolute;
  box-shadow: 0 4px 7px -6px #002;
  top: 0;
  left: 0;
  right: 0;
}

.site-holder .sticky-wrapper {
  /* Sticky wrapper */
  height: 5.625rem !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* .site-holder .sticky-wrapper.is-sticky > .sticky-header {
} */

@media screen and (min-width: 992px) {
  .site-holder .sticky-wrapper.is-sticky > .sticky-header {
    /*margin-left: -1.25rem;*/
    margin-right: -1.25rem;
    width: 100% !important;
    transition: 300ms linear;
    transition-property: transform;
    transform: translateY(-20px);
    background: #fff;
    box-shadow: 0 4px 7px -6px #002;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo {
    /* Logo */
    transition: 300ms linear;
    transition-property: transform;
    transform: translateY(16px);
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-nav {
    /* Navigation */
    transition: 300ms linear;
    transition-property: transform;
    transform: translateY(20px);
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-sub-menu {
    /* Sub menu */
    transform: translateY(-10px);
  }
  .site-holder
    .sticky-wrapper.is-sticky
    > .sticky-header
    .site-nav
    ul.nav-off-canvas
    > li
    > a {
    color: #010148;
  }
}

@media screen and (max-width: 991px) {
  .site-holder .sticky-wrapper.is-sticky > .sticky-header {
    margin-left: 0;
    margin-right: -1.25rem;
    width: 100% !important;
    background: #fff;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-logo,
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .site-nav {
    transition: 300ms linear;
    transition-property: height;
    height: 4.375rem;
  }
}

/* Header */
.site-header {
  width: 100%;
  clear: both;
  /*background-color: #1f3542;*/
}

/* Logo */
.site-logo {
  display: table;
  height: 5.625rem;
  color: white;
  font-size: 2.1875rem;
  font-weight: 500;
  line-height: 1.6875rem;
}

.site-logo a {
  color: white;
  display: table-cell;
  vertical-align: middle;
}

.site-logo img {
  vertical-align: baseline;
  max-width: 40%;
}

/* Navigation */
.site-nav {
  float: right;
  position: relative;
  z-index: 1000;
}

@media screen and (max-width: 991px) {
  .site-nav {
    height: 5.625rem;
  }
}

.site-nav ul.nav-off-canvas {
  /* Off canvas mobile menu */
  margin: 0;
  padding: 0;
  display: block;
  background: #2a215b;
}

@media screen and (min-width: 992px) {
  .site-nav ul.nav-off-canvas {
    height: auto !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas {
    position: fixed;
    top: 100px;
    right: -1000px;
    bottom: 56%;
    height: auto;
    width: 100%;
    max-width: 15.625rem;
    padding-top: 2.25rem;
    padding-bottom: 1.25rem;
    overflow: hidden;
    box-shadow: 0 0 2.6875rem rgba(2, 3, 3, 0.84);
    transition: 300ms linear;
    transition-property: opacity, visibility;
    cursor: pointer;
  }
  /* .site-nav ul.nav-off-canvas > li:last-child {
    margin-bottom: 100%;
  } */
}

@media screen and (max-width: 400px) {
  .site-nav ul.nav-off-canvas {
    max-width: 12.5rem;
  }
}

.site-nav ul.nav-off-canvas > li {
  margin: 0;
  padding: 0;
  float: left;
  display: table;
  height: 5.625rem;
  position: relative;
}

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas > li {
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    line-height: 2;
  }
}

@media screen and (min-width: 992px) {
  .site-nav ul.nav-off-canvas > li:hover .site-sub-menu {
    opacity: 1;
    visibility: visible;
  }
}

/* .site-nav ul.nav-off-canvas > li.active,
.site-nav ul.nav-off-canvas > li:hover {
} */

.site-nav ul.nav-off-canvas > li.active > a,
.site-nav ul.nav-off-canvas > li:hover > a {
  color: #662384;
}

.site-nav ul.nav-off-canvas > li.active > a:after,
.site-nav ul.nav-off-canvas > li:hover > a:after {
  width: 100%;
}

/* .site-nav ul.nav-off-canvas > li:last-child > a {
  padding-right: 0;
} */

.site-nav ul.nav-off-canvas > li > a {
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
  text-transform: capitalize;
  color: #662384;
  display: table-cell;
  vertical-align: middle;
  padding: 0 18px;
  letter-spacing: 0.03125rem;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .site-nav ul.nav-off-canvas > li > a {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
    color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.nav-off-canvas > li > a {
    display: inline-block;
    width: auto;
    padding: 0.125rem 1.875rem;
  }
  .site-nav ul.nav-off-canvas > li.active > a,
.site-nav ul.nav-off-canvas > li:hover > a {
  color: #fff;
}
}

.site-nav ul.nav-off-canvas > li > a:after {
  content: "";
  position: relative;
  display: block;
  top: -0.3125rem;
  height: 1px;
  width: 0;
  margin: 0 auto;
  background: #662384;
  transition: 300ms linear;
  transition-property: width;
}

.site-nav ul.nav-off-canvas .offCanvasClose {
  /* Off canvas close button */
  display: none;
}



.site-nav .site-sub-menu {
  /* Sub menu */
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  margin: 0;
  padding: 0.625rem 1.875rem 1.25rem;
  background: #203e51;
  min-width: 200px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: 300ms linear;
  transition-property: opacity, visibility;
  transition-delay: 300ms;
  box-shadow: 0 10px 0.8125rem 0 rgba(2, 3, 3, 0.24);
  border-radius: 0 0 0.25rem 0.25rem;
}

@media screen and (min-width: 992px) {
  .site-nav .site-sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav .site-sub-menu {
    white-space: normal;
    position: relative;
    opacity: 1;
    visibility: visible;
    background: #153464;
    padding-top: 1.25rem;
    padding-left: 2.5rem;
    box-shadow: none;
    display: none;
  }
}

.site-nav .site-sub-menu li {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-nav .site-sub-menu li:hover > a {
  color: #d4e9ff;
}

.site-nav .site-sub-menu li:hover > a:after {
  width: 100%;
}

.site-nav .site-sub-menu a {
  width: auto;
  color: white;
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
  text-transform: capitalize;
  letter-spacing: 0.0625rem;
  position: relative;
  padding: 0.125rem 0;
}

.site-nav .site-sub-menu a:after {
  content: "";
  position: relative;
  display: block;
  top: -0.3125rem;
  height: 1px;
  width: 0;
  margin: 0 auto;
  background: #2b8dd9;
  transition: 300ms linear;
  transition-property: width;
}

/* MOBILE VIEW NAVIGATION BUTTON */
.nav-mobile {
  color: white;
  display: none;
}

.nav-mobile:hover {
  color: #48cafe;
}

@media screen and (max-width: 991px) {
  .nav-mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1.875rem;
    text-align: center;
    color: white;
    background: #122748;
    height: 3.125rem;
    width: 3.4375rem;
    line-height: 3.125rem;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    transition: 300ms linear;
    transition-property: color;
    border-radius: 6px;
  }
  .nav-mobile i.fa {
    line-height: 3.125rem;
  }
  .sticky-header .s2-pricing_btn a{
    right: 80px;
  }
  .site-about-app p ul li{
    width: auto;
  }
}

/*-----------------------------------------------------------------------------------

[Slider] (Section)

# Slider (Wrapper)
# Caption
# Pagination
# Navigation
# Typography
# Button

-----------------------------------------------------------------------------------*/
/* Header slider wrapper */
.header-slider {
  /* HEADER SLIDER */
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  min-height: 100px;
  position: relative;
  height: 950px;
  max-width: 100%;
  margin: 0 auto;
  font-family: inherit;
  z-index: 1;
}

.header-slider ul.seq-canvas,
.header-slider ul.seq-canvas > * {
  /* Reset */
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.header-slider .seq-canvas {
  /* Make the canvas the same dimensions as the container and prevent lines from
   wrapping so each step can sit side-by-side */
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: block !important;
  max-width: 1400px;
  margin: 0 auto !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.header-slider .seq-canvas > li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  clear: both;
  text-align: center;
  z-index: 1;
}

.header-slider .seq-canvas > li .bg-img {
  transform: translateX(-2000px);
  transition: transform 2000ms ease;
  max-width: 100%;
  background: no-repeat 90% bottom;
  background-size: 558px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .header-slider {
    height: 850px;
  }

  .header-slider .seq-canvas > li .bg-img {
    background-size: 300px;
    background-position: center bottom;
  }
}

@media screen and (max-width: 400px) {
  .header-slider .seq-canvas > li .bg-img {
    background-size: 80%;
  }
}

.header-slider .seq-canvas > li.seq-in .bg-img {
  transform: translateX(0);
}

.header-slider .seq-canvas > li.seq-out .bg-img {
  transform: translateX(2000px);
}

.header-slider .seq-canvas > li .slide-caption {
  opacity: 0;
  transition: opacity 600ms ease;
}

.header-slider .seq-canvas > li.seq-in .slide-caption {
  opacity: 1;
  transition-delay: 1500ms;
}

.header-slider .seq-canvas > li.seq-out .slide-caption {
  opacity: 0;
}

.header-slider .seq-pagination {
  /* PAGINATION */
  width: 100%;
  padding: 0 0 0 5rem;
  display: block;
  z-index: 100;
  position: absolute;
  left: 0;
  bottom: 20%;
  right: 0;
  top: auto;
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .header-slider .seq-pagination {
    text-align: center;
    padding-left: 0;
    bottom: 1.875rem;
    display: none;
  }
}

.header-slider .seq-pagination li {
  font-weight: 400;
  color: #a549e9;
  font-size: 0.8125rem;
  margin: 0;
  padding: 0 0.5rem;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  position: relative;
}

.header-slider .seq-pagination .seq-current {
  color: #fff;
  font-size: 1.125rem;
}

.header-slider .seq-pagination .seq-current:after {
  content: "";
  display: block;
  height: 1px;
  width: 80%;
  background: #2b8dd9;
  position: relative;
  margin: 0 auto;
}

.header-slider .seq-prev,
.header-slider .seq-next {
  /* NAVIGATION PREV BUTTON */
  position: absolute;
  z-index: 100;
  color: #000000;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  background-color: #ffffff;
  border: none;
  box-shadow: none;
  border-radius: 12.5rem;
  transition: 300ms linear;
  transition-property: background, color;
  margin: auto 0;
  top: 0;
  left: 1rem;
  bottom: 0;
  display: block;
}

.header-slider .seq-prev:hover,
.header-slider .seq-next:hover {
  background: #a549e9;
}

.header-slider .seq-prev:hover i.fa,
.header-slider .seq-prev:hover span,
.header-slider .seq-next:hover i.fa,
.header-slider .seq-next:hover span {
  opacity: 1;
}

.header-slider .seq-prev i.fa,
.header-slider .seq-prev span,
.header-slider .seq-next i.fa,
.header-slider .seq-next span {
  opacity: 0.8;
  font-size: 1.25rem;
  color: #000000;
  line-height: 3.125rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  text-align: center;
  transition: 300ms linear;
  transition-property: opacity;
}

.header-slider .seq-next {
  /* NAVIGATION NEXT BUTTON */
  color: white;
  left: auto;
  right: 1rem;
}

.header-slider .slide-caption {
  /* CAPTION */
  position: absolute;
  top: 25%;
  left: 6%;
  bottom: 0;
  display: block;
  color: white;
  z-index: 100;
  width: min-content;
  text-align: left;
  padding-left: 0.3125rem;
}

@media screen and (max-width: 1199px) {
  .header-slider .slide-caption {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 991px) {
  .header-slider .slide-caption {
    text-align: center;
    top: 6.25rem;
    left: 0;
    max-width: 27.5rem;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .header-slider .slide-caption {
    max-width: 31.25rem;
  }
}

.header-slider h1 {
  color: white;
  font-family: inherit;
  font-size: 160px;
  font-weight: 600;
  line-height: 1;
  white-space: pre-line;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .header-slider h1 {
    white-space: normal;
    font-size: 100px;
    text-align: center;
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .header-slider h1 {
    font-size: 100px;
  }
}

@media screen and (max-width: 639px) {
  .header-slider h1 {
    font-size: 50px;
  }
}

.header-slider h2 {
  color: white;
  font-family: inherit;
  font-size: 2.125em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.25em;
  white-space: pre-line;
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  .header-slider h2 {
    white-space: normal;
    margin-bottom: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .header-slider h2 {
    font-size: 1.875em;
  }
}

.header-slider p {
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 2;
  margin-bottom: 1.875em;
  white-space: pre-line;
}

@media screen and (max-width: 1199px) {
  .header-slider p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
  }
}

@media screen and (max-width: 991px) {
  .header-slider p {
    white-space: normal;
  }
}

.header-slider .slide-button {
  min-width: 15em;
  padding: 0 2.5em;
  border: 1px solid white;
  border-radius: 12.5em;
  color: white;
  font-family: inherit;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 3.75em;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  transition: 300ms linear;
  transition-property: color, background;
  margin: 1.875em 1.25em 1.875em 0;
}

.header-slider .slide-button:hover {
  background: #80d380;
  color: #ffffff;
  transition: all ease 0.5s;
  border: none;

  background: rgba(70, 200, 255, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(207, 200, 235, 1)),
    color-stop(100%, rgba(129, 211, 126, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */

  -webkit-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
}
.sa-contact-inner-section {
  padding: 50px 0;
}
.slide-button-active {
  background: #80d380;
  color: #ffffff;
  transition: all ease 0.5s;
  border: none !important;

  background: rgba(70, 200, 255, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(207, 200, 235, 1)),
    color-stop(100%, rgba(147, 106, 165, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(207 200 235) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */

  -webkit-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 767px) {
  .header-slider .slide-button {
    margin-bottom: 0;
  }
}

/*-----------------------------------------------------------------------------------

Static Banner 

-----------------------------------------------------------------------------------*/
.static-banner {
  background: #836aeb;
  background: rgba(50, 187, 241, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(0%, rgba(50, 187, 241, 1)),
    color-stop(68%, rgba(166, 73, 233, 1)),
    color-stop(100%, rgba(166, 73, 233, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    135deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */

  display: block;
  width: 100%;
  clear: both;
  min-height: 100px;
  position: relative;
  height: 950px;
  max-width: 100%;
  margin: 0 auto;
  font-family: inherit;
  z-index: 1;
}

.static-content {
  position: absolute;
  top: 15%;
}

.banner-caption {
  float: left;
  width: 100%;
  position: relative;
  left: -15px;
  padding: 50px 0 0 0;
}

.banner-caption h1 {
  font-size: 160px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.banner-caption h2 {
  font-size: 32px;
  color: #ffffff;
  font-weight: normal;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.banner-caption p {
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 1.875em;
  white-space: pre-line;
}

.static-banner .slide-button {
  min-width: 15em;
  padding: 0 2.5em;
  border: 1px solid white;
  border-radius: 12.5em;
  color: white;
  font-family: inherit;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 3.75em;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  transition: 300ms linear;
  transition-property: color, background;
  margin: 1.875em 1.25em 1.875em 0;
}

.static-banner .slide-button:hover {
  background: #80d380;
  color: #ffffff;
  transition: all ease 0.5s;
  border: none;

  background: rgba(70, 200, 255, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(70, 200, 255, 1)),
    color-stop(100%, rgba(129, 211, 126, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */

  -webkit-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
}

.static-banner-image {
  background: url(../images/header-slide-1.png) no-repeat right top;
  width: 470px;
  height: 633px;
  text-align: right;
  position: relative;
  right: 0;
  left: 140px;
  top: 0;
}

@media screen and (max-width: 1199px) {
  .static-banner {
    top: 15%;
  }

  .static-banner-image {
    left: 0;
  }

  .banner-caption {
    padding: 90px 0 0 0;
  }

  .banner-caption h1 {
    font-size: 120px;
  }

  .banner-caption h2 {
    font-size: 22px;
  }

  .banner-caption p {
    line-height: 1.7;
    white-space: inherit;
    font-weight: normal;
    padding-top: 20px;
  }

  .static-content {
    top: 17%;
  }
}

@media screen and (max-width: 991px) {
  .static-banner {
    top: 15%;
  }

  .banner-caption {
    padding: 0;
  }

  .banner-caption h1 {
    font-size: 100px;
    text-align: center;
  }

  .banner-caption h2 {
    font-size: 22px;
    text-align: center;
  }

  .banner-caption p {
    line-height: 1.7;
    white-space: inherit;
    font-weight: normal;
    padding: 20px 0 0 0;
    text-align: center;
    margin-bottom: 0;
  }

  .static-banner-image {
    width: 100%;
    text-align: center;
    background-size: 300px;
    background-position: center top;
    margin: 30px 0 0 0;
  }

  .static-banner .banner-caption {
    text-align: center;
  }

  .static-content {
    top: 10%;
  }
}

@media screen and (max-width: 767px) {
  .static-banner {
    top: 15%;
  }

  .banner-caption h1 {
    font-size: 70px;
    text-align: center;
  }

  .static-banner .slide-button {
    margin: 10px 0;
  }
}

/*-----------------------------------------------------------------------------------

Wave - Graph move on mouse move

-----------------------------------------------------------------------------------*/

.background {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 1000px;
  z-index: 1;
}

.cloud {
  position: absolute;
  bottom: -85px;
  left: -5%;
  height: auto;
  z-index: 2;
  opacity: 10;
  min-width: 110%;
  width: 100%;
  /*width: auto; */
}

.cloud img {
  width: 140% !important;
}

/*-----------------------------------------------------------------------------------

[Store Icons Section] (Section)

# Store Icons (wrapper)
# .align-center (class)
# Images
# Icons
# Typography (h5, h6)

-----------------------------------------------------------------------------------*/
/* STORE ICONS */
.site-store-icons,
.site-download-icons {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  position: relative;
  height: 0;
  z-index: 10;
}

@media screen and (max-width: 991px) {
  .site-store-icons,
  .site-download-icons {
    height: auto;
    /*background: #E5E8ED;*/
    padding: 1.25rem 0;
  }
}

.site-store-icons .align-center,
.site-download-icons .align-center {
  /* Align center class */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0;
}

@media screen and (max-width: 991px) {
  .site-store-icons .align-center,
  .site-download-icons .align-center {
    position: relative;
  }
}

.site-store-icons a,
.site-download-icons a {
  background-color: #ffffff;
  position: relative;
  padding: 1.625rem 3.125rem 1.5625rem 3.75rem;
  transition: 300ms linear;
  transition-property: background;
  border-right: 0.25rem solid #1f3542;
}

.site-store-icons a:last-child,
.site-download-icons a:last-child {
  border-right: none;
}

.site-store-icons a:hover,
.site-download-icons a:hover {
  transition: all ease 0.5s;
  background: rgb(113 95 189);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgb(113 95 189)),
    color-stop(100%, rgb(147 106 165))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */

  -webkit-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 34px -11px rgba(0, 0, 0, 0.75);
}

.app-download-icons:hover h5 {
  color: #ffffff;
}

.app-download-icons:hover h6 {
  color: #ffffff;
}

.app-download-icons:hover i.fa {
  color: #ffffff;
}

@media screen and (max-width: 991px) {
  .site-store-icons a,
  .site-download-icons a {
    border: none;
    margin: 0.625rem;
  }
}

@media screen and (max-width: 767px) {
  .site-store-icons a,
  .site-download-icons a {
    display: block;
    max-width: 16.875rem;
    margin: 0 auto 0.125rem;
  }
}

.site-store-icons figure,
.site-download-icons figure {
  /* Image */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  padding-left: 2.8125rem;
  line-height: 5.625rem;
}

.site-store-icons i.fa,
.site-download-icons i.fa,
.site-store-icons span,
.site-download-icons span,
.site-store-icons img,
.site-download-icons img {
  /* Icons */
  color: #59687c;
  font-family: FontAwesome, serif;
  font-size: 2.9375rem;
  display: inline-block;
  font-weight: 400;
  line-height: 5.625rem;
  vertical-align: middle;
}

.site-store-icons i.fa.adjust,
.site-download-icons i.fa.adjust {
  font-size: 1.875rem;
  position: relative;
  right: 0.625rem;
}

.site-store-icons img,
.site-download-icons img {
  position: relative;
  right: 0.9375rem;
}

@media screen and (max-width: 767px) {
  .site-store-icons img,
  .site-download-icons img {
    right: 0.625rem;
  }
}

.site-store-icons h5,
.site-download-icons h5 {
  /* Typography */
  color: #59687c;

  font-weight: 400;
  line-height: 1.375rem;
  font-size: 18px;
  margin: 0;
  width: 100%;
  text-align: left;
  display: block;
  padding: 0 0 0 1.25rem;
}

.site-store-icons h6,
.site-download-icons h6 {
  color: #59687c;
  font-weight: 400;
  line-height: 0.875rem;
  font-size: 13px;
  margin: 0;
  width: 100%;
  text-align: left;
  display: block;
  padding: 0 0 0 1.25rem;
}

/*-----------------------------------------------------------------------------------

[Amazing Features]

# Amazing feature (wrapper)
# Features (Features holder class)
# move (move class)
# Images
# Icons
# Heading
# Paragraph
# Device

-----------------------------------------------------------------------------------*/
/* Amazing Features wrapper */
.site-amazing-features {
  /*background: url("../images/features-bg.png") no-repeat center 3.4375rem;*/
  background-size: cover;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .site-amazing-features {
    background: none;
  }
}

.site-amazing-features .features {
  /* Features */
  max-width: 19.75rem;
  display: inline-block;
  margin-bottom: 3.125rem;
  position: relative;
  cursor: pointer;
  z-index: 10;
  padding: 30px;
}

.site-amazing-features .features:hover {
  /* Features mouse hover */
  padding: 30px;
  transition: all ease 0.5s;
  border-radius: 12px;

  -webkit-box-shadow: -1px 10px 33px -5px rgba(24, 30, 110, 0.31);
  -moz-box-shadow: -1px 10px 33px -5px rgba(24, 30, 110, 0.31);
  box-shadow: -1px 10px 33px -5px rgba(24, 30, 110, 0.31);
}

.site-amazing-features .features:hover h5 {
  color: #a549e9;
}

.site-amazing-features .features:hover span,
.site-amazing-features .features:hover i.fa {
  color: white;
}

@media screen and (max-width: 767px) {
  .site-amazing-features .features.move {
    top: 0;
  }
}

.site-amazing-features .features figure {
  /* Image */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.25rem;
  background: white;
  transition: 300ms linear;
  transition-property: border-color, box-shadow;
  position: relative;
  z-index: 1;
  box-shadow: none;
}

.site-amazing-features .features figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  height: 100%;
  background: white;
  border-radius: 6.25rem;
  border: 0.5rem solid white;
  z-index: -1;
  transition: 300ms linear;
  transition-property: background;
}

.site-amazing-features span,
.site-amazing-features i.fa {
  /* Icons */
  display: inline-block;
  font-size: 3rem;
  line-height: 30px;
  color: #6f6f6f;
  transition: 300ms linear;
  transition-property: color;
}

.site-amazing-features h5 {
  /* Heading */
  color: #272357;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 0.875rem;
  margin: 0 0 1.75rem;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  transition: 300ms linear;
  transition-property: color;
}

.site-amazing-features p {
  /* Paragraph */
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.625rem;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
}

.site-amazing-features .device {
  /* Device holder */
  margin-top: 1rem;
}

/*-----------------------------------------------------------------------------------

[About App] (Section)

# About App (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

-----------------------------------------------------------------------------------*/

.about-half-colom-section {
  float: left;
  width: 100%;
  margin: 0;
}

.site-about-app p {
  /* Paragraph */
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 2;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  /* text-align:left;NT */
  text-align: justify;
}

.about-half-colom-section-image {
  width: 390px;
  height: auto;
  position: absolute;
  top: 16%;
  right: -66px;
}

/* Download Buttons */

.site-download-icons.about-icon {
  float: left;
  width: 100%;
  margin: 4px 0 10px 0;
  height: auto;
}

.site-download-icons.about-icon a {
  border: none;
  margin-right: 30px;
  margin-left: 0;
  border-radius: 62.5rem;
  padding: 1.75rem 2.75rem 1.75rem 3.625rem;
  float: left;
  border: #a549e9 solid 2px;
}

.site-download-icons.about-icon figure {
  /* Image */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  padding-left: 1rem;
  line-height: 5.625rem;
}

.site-download-icons.about-icon a:hover {
  border: none;
}

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

  .about-half-colom-section-image {
    right: 0;
    position: inherit;
    width: 100%;
    margin-top: 100px;
  }

  .site-about-app.section-grey {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .site-download-icons.about-icon {
    height: 100px;
  }
}

/*-----------------------------------------------------------------------------------

(2 Colom Section)

# How it works (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

-----------------------------------------------------------------------------------*/

.two-colom-section {
  padding: 80px 0;
}

.half-colom-left-section {
  float: left;
  width: 100%;
}

.half-colom-right-section {
  float: left;
  width: 100%;
}

.left-heading-icon {
  float: left;
  width: 100%;
  text-align: left;
}

.two-colom-content {
  /* float:left;NewTouch */
  width: 100%;
  /* text-align:left;NT */
  float: right;
  text-align: right;
  direction: rtl;
}

.two-colom-content p {
  float: left;
  width: 100%;
  /* text-align:left; NT*/
  text-align: right;
  font-size: 15px;
  color: #708198;
  line-height: 2;
  font-weight: normal;
}

.highlited-text {
  color: #a549e9;
  font-weight: 700px;
  letter-spacing: 1px;
}

.half-colom-padding {
  padding: 0;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .two-colom-section {
    padding: 80px 0;
  }

  .half-colom-padding {
    padding: 0;
  }

  .two-colom-content p {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .two-colom-section {
    padding: 80px 0;
  }

  .half-colom-padding {
    padding: 0;
  }
}

@media screen and (max-width: 639px) {
  .two-colom-section {
    padding: 80px 0 0 0;
  }

  .half-colom-padding {
    padding: 0;
  }
}

/*-----------------------------------------------------------------------------------

[How it works] (Section)

# How it works (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

-----------------------------------------------------------------------------------*/
/* How it works section wrapper */

@media screen and (max-width: 767px) {
  .site-how-it-works {
    padding-bottom: 5rem;
  }
}

.site-how-it-works h1 {
  /* Typography */
  margin-bottom: 3.75rem;
}

.site-how-it-works h3 {
  color: #a549e9;
  font-family: inherit;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
  text-align: left;
}

.site-how-it-works p {
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.625rem;
  margin-top: 0;
  letter-spacing: 0.03125rem;
  text-align: left;
}

.site-how-it-works h4 {
  color: #59687c;
  font-family: inherit;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 600;
  margin-top: 0;
  padding: 0;
  margin-bottom: 0.625rem;
  text-align: left;
}

.site-how-it-works figure.device {
  /* device */
  text-align: center;
  position: relative;
  left: 0;
}

.site-how-it-works .section {
  /* Section */
  position: relative;
  margin-top: 2rem;
}

.site-how-it-works .section.first {
  margin-top: 3rem;
  line-height: 35px;
}

.site-how-it-works .section figure {
  position: absolute;
  top: 1rem;
  left: 0;
  display: block;
}

.site-how-it-works .section i.fa,
.site-how-it-works .section span {
  /* Icons */
  font-size: 15px;
  line-height: 0.9375rem;
  color: inherit;
  border-radius: 4px;
  padding: 4px;
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-button-prev,
  .site-how-it-works .swiper-button-next {
    /* Carousel slider navigation */
    width: 1.3125rem;
    height: 1.3125rem;
    line-height: 1.3125rem;
    opacity: 0.3;
    left: auto;
    right: 2.5rem;
    top: auto;
    bottom: 22.1875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .site-how-it-works .swiper-button-prev,
  .site-how-it-works .swiper-button-next {
    right: 1.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-how-it-works .swiper-button-prev,
  .site-how-it-works .swiper-button-next {
    left: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-button-prev:hover,
  .site-how-it-works .swiper-button-next:hover {
    color: white;
    opacity: 1;
  }
  .site-how-it-works .swiper-button-prev span,
  .site-how-it-works .swiper-button-next span,
  .site-how-it-works .swiper-button-prev i.fa,
  .site-how-it-works .swiper-button-next i.fa {
    line-height: 0.875rem;
    text-align: center;
    display: inline-block;
    left: 0;
    font-size: 1rem;
  }
  .site-how-it-works .swiper-button-next {
    left: auto;
    right: 2.5rem;
    bottom: 4.375rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .site-how-it-works .swiper-button-next {
    right: 1.875rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-how-it-works .swiper-button-next {
    left: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-button-next span,
  .site-how-it-works .swiper-button-next i.fa {
    position: relative;
    top: -1px;
  }
  .site-how-it-works .swiper-pagination {
    /* Pagination */
    left: auto;
    width: auto;
    right: 2rem;
    top: auto;
    bottom: 7.25rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .site-how-it-works .swiper-pagination {
    right: 1.4375rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-how-it-works .swiper-pagination {
    left: auto;
  }
}

@media screen and (min-width: 768px) {
  .site-how-it-works .swiper-pagination-bullet {
    float: left;
    display: block;
    clear: both;
    width: 1.375rem;
    height: 1.375rem;
    border: #bcbcbc solid 2px;
    background: none;
  }
  .site-how-it-works .swiper-pagination-bullet span {
    display: none;
  }
  .site-how-it-works .swiper-pagination-bullet-active {
    background: #2b8dd9;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .site-how-it-works .swiper-pagination-bullet-active span {
    display: inline-block;
    width: 5.25rem;
    height: 5.25rem;
    background-color: white;
    border: 0.125rem solid white;
    box-shadow: 0 0 21px rgba(255, 255, 255, 0.56);
    border-radius: 62.5rem;
    color: #ffffff;
    font-size: 2.375rem;
    line-height: 5rem;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    top: -1.875rem;
    left: -1.875rem;
  }
  .site-how-it-works .swiper-pagination-bullet-active span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 62.5rem;
    z-index: -1;
    color: #ffffff;

    background: rgba(70, 200, 255, 1);
    /* Old Browsers */
    background: -moz-linear-gradient(
      left,
      rgb(113 95 189) 0%,
      rgb(147 106 165) 100%
    );
    /* FF3.6+ */
    background: -webkit-gradient(
      left top,
      right top,
      color-stop(0%, rgba(70, 200, 255, 1)),
      color-stop(100%, rgba(129, 211, 126, 1))
    );
    /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(
      left,
      rgb(113 95 189) 0%,
      rgb(147 106 165) 100%
    );
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      left,
      rgb(113 95 189) 0%,
      rgb(147 106 165) 100%
    );
    /* Opera 11.10+ */
    background: -ms-linear-gradient(
      left,
      rgb(113 95 189) 0%,
      rgb(147 106 165) 100%
    );
    /* IE 10+ */
    background: linear-gradient(
      to right,
      rgb(113 95 189) 0%,
      rgb(147 106 165) 100%
    );
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
    /* IE6-9 */
  }
}

@media screen and (max-width: 767px) {
  .site-how-it-works .swiper-pagination-bullet span {
    display: none;
  }
}

/*-----------------------------------------------------------------------------------

[More Features] (Section)

# More Features (wrapper)
# Feature Image
# Featured Box
# Align right (class)
# Align left (class)
# Move left (class)
# Move right (class)
# Icons
# Typography (h5, p)

-----------------------------------------------------------------------------------*/
/* More features wrapper */

.heading-text {
  float: left;
  width: 100%;
  margin-bottom: 60px;
  margin-top: -30px;
}

.heading-text p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px !important;
  line-height: 1.5;
  white-space: pre-line;
}

.white {
  color: #ffffff;
}

.site-more-features {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
}

.site-more-features .featured-img {
  /* featured image */
  padding: 0;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  max-width: 18.125rem;
}

.site-more-features .featured-img img {
  display: inline-block;
  vertical-align: middle;
}

.site-more-features .feature {
  /* feature box */
  text-align: justify !important;
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0.00625rem 5.625rem 3.125rem 2.5rem;
  top: 1.875rem;
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .site-more-features .feature {
    padding-top: 0.3125rem;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.site-more-features .feature:hover h5 {
  color: #ffffff;
}

.site-more-features .feature:hover figure {
  border-color: #fff;
  box-shadow: 0 0 0.938rem rgba(2, 3, 3, 0.19);
}

.site-more-features .feature:hover figure:before {
  background: #2b8dd9;
}

.site-more-features .feature:hover span,
.site-more-features .feature:hover i.fa {
  border-color: none;
  color: white;
  box-shadow: 0 0 15px rgba(2, 3, 3, 0.19);

  background: #80d380;
  color: #ffffff;
  transition: all ease 0.5s;
  border: none !important;

  background: rgba(70, 200, 255, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(70, 200, 255, 1)),
    color-stop(100%, rgba(129, 211, 126, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */
}

.site-more-features .feature:hover span:after,
.site-more-features .feature:hover i.fa:after {
  background: #2b8dd9;
}

.site-more-features .feature.align-right {
  /* Align right class */
  padding-right: 5.25rem;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-right {
    padding-right: 7.5rem;
    padding-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .site-more-features .feature.align-right {
    text-align: left;
    padding-right: 0;
    padding-left: 7.5rem;
  }
}

.site-more-features .feature.align-left {
  /* Align left class */
  padding-right: 2.5rem;
  padding-left: 5.25rem;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-left {
    padding-right: 0;
    padding-left: 7.5rem;
  }
}

.site-more-features .feature.align-left.move {
  /* move left class */
  left: 0;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-left.move {
    left: 0;
  }
}

.site-more-features .feature.align-left figure {
  right: auto;
  left: -1.25rem;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.align-left figure {
    left: 0;
  }
}

.site-more-features .feature.move {
  /* move right class */
  right: 0;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature.move {
    right: 0;
  }
}

.site-more-features .feature figure {
  /* icons */
  position: absolute;
  top: 0;
  right: -1.25rem;
  bottom: 0;
  padding: 14px;
  display: block;
  overflow: visible;
  width: 5.25rem;
  height: 5.25rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 62.5rem;
  transition: 300ms linear;
  transition-property: border-color, box-shadow;
}

@media screen and (max-width: 1199px) {
  .site-more-features .feature figure {
    right: 0;
  }
}

@media screen and (max-width: 991px) {
  .site-more-features .feature figure {
    right: auto;
    left: 0;
  }
}

/* .site-more-features .feature figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 62.5rem;
  border: 0.375rem solid white;
  transition: 300ms linear;
  transition-property: background;
} */

.site-more-features h5 {
  /* Typography */
  color: #ffffff;
  margin-bottom: 0.9375rem;
  margin-top: 0.3125rem;
  transition: 300ms linear;
  transition-property: color;
  font-family: inherit;
  font-size: 19px;
  font-weight: 600;
}

.site-more-features p {
  color: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.625rem;
}

.site-more-features figure {
  /* Image */
  overflow: hidden;
}

.site-more-features figure span,
.site-more-features figure i.fa {
  /* Icons */
  text-align: center;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  color: #ffffff;
  font-size: 2.5rem;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 62.5rem;
  line-height: 5.25rem;
  transition: 300ms linear;
  transition-property: color;
}

/*-----------------------------------------------------------------------------------

[Download] (Section)

# Download Section (wrapper)

-----------------------------------------------------------------------------------*/
/* Download section wrapper */
.site-download {
  margin: 0;
  display: block;
  clear: both;
  /* Old Browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(0%, rgba(42, 33, 91, 1)),
    color-stop(68%, rgba(102, 36, 132, 1)),
    color-stop(100%, rgba(102, 36, 132, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    135deg,
    rgb(42 33 91) 0%,
    rgb(102 36 132) 68%,
    rgb(102 36 132) 100%
  );
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .site-download {
    padding-bottom: 0;
    /*background: #2B8DD9;*/
  }
}
.site-how-it-works .section.first ul li {
  list-style-type: disc;
}
.site-how-it-works .section.first ul > ol li {
  list-style-type: decimal;
}
.site-how-it-works .section.first ul li::marker {
  font-size: 110% !important;
  color: #151132 !important;
}

/*-----------------------------------------------------------------------------------

[Download Icons] (Section)

# Download Icons (Wrapper)
# Align center (class)
# Icons
# Icons adjust (class)
# Images

-----------------------------------------------------------------------------------*/
/* Download Icons Wrapper */
.site-download-icons {
  margin: 60px 0 60px 0;
  padding: 0;
  float: left;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .site-download-icons {
    /*background: #2B8DD9;*/
    padding-bottom: 2.5rem;
  }
}

.site-download-icons .align-center {
  /* Align center (class) */
  bottom: -2.8125rem;
}

@media screen and (max-width: 991px) {
  .site-download-icons .align-center {
    bottom: 0;
  }
}

.site-download-icons a {
  border: none;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  border-radius: 62.5rem;
  padding: 1.75rem 3.75rem 1.75rem 5.625rem;
}

.site-download-icons a:hover {
  background-color: #2177ba;
}

@media screen and (max-width: 767px) {
  .site-download-icons a {
    display: block;
    width: 100%;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.25rem;
  }
}

.site-download-icons span,
.site-download-icons img {
  /* Icons */
  line-height: 5.625rem;
  position: relative;
  left: 1.25rem;
  top: 0.125rem;
}
.site-download-icons i.fa {
  line-height: 5.625rem;
  position: relative;
  right: 0.25rem;
  top: 0.125rem;
}
.site-download-icons i.fa.adjust {
  /* Icons adjust (class) */
  font-size: 1.875rem;
  right: 0.625rem;
}

.site-download-icons img {
  /* Image */
  right: 0.9375rem;
}

/*-----------------------------------------------------------------------------------

[Quick View] (Section)

# Quick View (wrapper)
# Heading (h1)
# Carousel pagination

-----------------------------------------------------------------------------------*/

.loadingoverlay {
  background-size: 40px !important;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  background-image: url("data:image/gif;base64,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");
  background-position: center center;
  background-repeat: no-repeat;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.site-about-app p ul{
  display: flex;
  flex-wrap: wrap;
}
.site-about-app p ul li{
  width: 46%;
  margin: 0 16px;
}
/* Quick view wrapper */
.site-quick-view {
  margin: 0;
  clear: both;
  width: 100%;
}

.site-quick-view h1 {
  /* Heading */
  margin-bottom: 2rem;
  direction: rtl;
}

.site-quick-view .slide {
  margin: 0;
  padding: 0.9375rem;
  display: block;
}

/* .site-quick-view .swiper-button-prev,
.site-quick-view .swiper-button-next {
} */

/* @media screen and (min-width: 768px) {
  .site-quick-view .swiper-button-prev,
  .site-quick-view .swiper-button-next {
    margin-top: 3.75rem;
  }
} */

@media screen and (max-width: 767px) {
  .site-quick-view .swiper-button-prev,
  .site-quick-view .swiper-button-next {
    margin-top: -3.125rem;
  }
}

/*-----------------------------------------------------------------------------------

[Accordion] (Section)

# Accordion (wrapper)
# Accordion image (class)
# Bootstrap panel (code)
# Custom scroll bar

-----------------------------------------------------------------------------------*/
/* Accordion wrapper */
.site-accordion {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  padding: 0;
}

.site-accordion .accordion-img {
  /* accordion image */
  float: right;
  width: 100%;
  text-align: right;
}

@media screen and (max-width: 991px) {
  .site-accordion .accordion-img {
    left: 0;
    top: 0;
    position: relative;
    text-align: center;
  }
}

.site-accordion .accordion-img img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.accordian-main {
  float: left;
  width: 100%;
  padding: 90px 0 0 0;
}

.panel-group {
  /* Bootstrap panel group */
  margin: 0;
  text-align: left;
}

@media screen and (max-width: 991px) {
  .panel-group {
    margin-top: 5rem;
  }
}

.panel-group .panel-title {
  /* Panel title */
  color: white;
  font-family: inherit;
  display: block;
  width: 100%;
  border-radius: 0.25rem;
}

.panel-group .panel-title a {
  width: 100%;
  display: block;
  padding: 0.75rem 3.125rem 0.625rem 1.25rem;
  border: none;
  transition: 300ms linear;
  transition-property: background-color;
  position: relative;
  color: #ffffff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 500;
  border-radius: 0.25rem;
}

@media screen and (max-width: 1199px) {
  .panel-group .panel-title a {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .panel-group .panel-title a {
    font-size: 1rem;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.panel-group .panel-title a span {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto 0;
  background: white;
  text-indent: -62.5rem;
  border-radius: 62.5rem;
  transition: 300ms linear;
  transition-property: background;
  display: block;
  overflow: visible;
  width: 1.563rem;
  height: 1.563rem;
}

.panel-group .panel-title a span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/accordion-minus.png") center no-repeat;
  background-size: 0.625rem 0.125rem;
}

.panel-group .panel-title a.collapsed {
  /* Panel collapsed */
  background-color: #ffffff;
  color: #516074;
}

.panel-group .panel-title a.collapsed span {
  background-color: rgba(222, 225, 229, 0.8);
}

.panel-group .panel-title a.collapsed span:before {
  background: url("../images/accordion-plus.png") center no-repeat;
  background-size: 0.625rem 0.625rem;
}

.panel-group .panel {
  /* Panel */
  background: none;
  border: none;
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
  overflow: hidden;
  display: block;

  -webkit-box-shadow: 0px 0px 40px -12px rgba(24, 30, 110, 0.44);
  -moz-box-shadow: 0px 0px 40px -12px rgba(24, 30, 110, 0.44);
  box-shadow: 0px 0px 40px -12px rgba(24, 30, 110, 0.44);
}

.panel-group .panel-heading {
  /* Panel heading */
  background-color: #a549e9;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0.25rem 0.25rem 0 0;
}

.panel-group .panel-collapse {
  /* Panel collapse */
  padding: 0;
  background-color: #ffffff;
  border-radius: 0 0 0.25rem 0.25rem;
}

.panel-group .panel-body-container {
  /* panel container */
  padding: 0.625rem 1.0625rem 1.5625rem 1.25rem;
  border-radius: 0 0 0.25rem 0.25rem;
}

.panel-group .panel-body {
  /* panel body */
  border: none !important;
  background-color: #ffffff;
  color: #708198;
  font-family: inherit;
  border-radius: 0 0 0.25rem 0.25rem;
  letter-spacing: 0.00625rem;
  padding: 0;
  margin: 0;
  max-height: 150px;
  min-height: 150px;
  position: relative;
  height: 100%;
  overflow: auto;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.625rem;
}

.panel-group .panel-body:before {
  display: none;
}

.panel-group .mCSB_inside > .mCSB_container {
  /* ----------------------------- Custom  scroll bar for panel */
  margin-right: 3.75rem;
}

.panel-group .mCSB_dragger_bar {
  /* Scroll drag bar */
  background: none;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.panel-group .mCSB_dragger_bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80%;
  width: 100%;
  margin: auto 0;
  display: block;
  background: #a549e9;
}

/*-----------------------------------------------------------------------------------

[Team] (Section)

# Team section (wrapper)
# slide (class)
# Box (class)
# Images
# Typography (h5, h6, p)
# Social icons
# Carousel slider

-----------------------------------------------------------------------------------*/
/* Team section wrapper */
.site-team {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  background-color: #ffffff;
}

.site-team .main-heading-text p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #708198;
  line-height: 1.5;
  white-space: pre-line;
  padding: 0 0 30px 0;
}

@media screen and (max-width: 991px) {
  .site-team {
    padding-top: 6.25rem;
  }
}

.site-team .slide {
  /* Slide (class) */
  margin: 0;
  display: block;
  padding: 1.25rem 0.9375rem 3.125rem;
}

@media screen and (max-width: 767px) {
  .site-team .slide {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.site-team .site-box {
  /* box (class) */
  max-width: 22rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  display: block;
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.438rem rgba(2, 3, 3, 0.09);
  padding: 0;
  overflow: visible;
  transition: 300ms linear;
  transition-property: box-shadow;
  border: #e6e7ee solid 1px;
  border-radius: 8px;
}

.site-team .site-box:hover {
  -webkit-box-shadow: -1px 10px 33px -5px rgba(24, 30, 110, 0.31);
  -moz-box-shadow: -1px 10px 33px -5px rgba(24, 30, 110, 0.31);
  box-shadow: -1px 10px 33px -5px rgba(24, 30, 110, 0.31);
}

.site-team figure {
  /* Image */
  max-width: 100%;
  width: 100%;
  display: block;
  clear: both;
  max-height: 16.938rem;
  overflow: hidden;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  margin-bottom: 1.25rem;
  position: relative;
}

.site-team figure img {
  max-width: 100%;
  display: inline-block;
  border-radius: 10px 10px 0 0;
}

.site-team h5 {
  /* Typography */
  color: #a549e9;
  font-family: inherit;
  font-size: 19px;
  font-weight: 600;
  display: block;
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 0.25rem;
  margin-top: 1.25rem;
}

.site-team h6 {
  color: #708198;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 1.25rem;
  width: 100%;
}

.site-team p {
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2.5rem;
  padding: 0 25px;
  white-space: pre-line;
}

.site-team .site-social-icons {
  /* Social icons (class) */
  width: 100%;
  clear: both;
  display: block;
  overflow: visible;
  padding: 0;
}

.site-team .site-social-icons a {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 6.25rem;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: -1.4375rem;
  border: #b2bdcc solid 1px;
}

.site-team .site-social-icons a i.fa:hover {
  color: #ffffff;
}

.site-team .site-social-icons a i.fa,
.site-team .site-social-icons a span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  color: #8d9aac;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 2.125rem;
}

.site-team .swiper-container {
  /* Carousel slider */
  padding-bottom: 3.125rem;
}

.site-team .swiper-pagination {
  margin-top: 0.625rem;
}

/*-----------------------------------------------------------------------------------

[Testimonial] (Section)

# Testimonial (wrapper)
# Quote
# Images
# Typography (p, h5)
# Carousel pagination
# Carousel navigation
# Carousel container

-----------------------------------------------------------------------------------*/
/* Testimonial wrapper */
.site-testimonial {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  overflow: visible;
  padding-bottom: 150px;
  position: relative;
}
.site-testimonial .testimonial-quote {
  /* Quote */
  color: white;
  font-family: inherit;
  font-size: 4.563rem;
  font-weight: 700;
  width: 6.125rem;
  height: 6.125rem;
  background-color: #55a3e0;
  border-radius: 12.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1.875rem;
}

@media screen and (max-width: 991px) {
  .site-testimonial .testimonial-quote {
    background-color: #2b8dd9;
  }
}

.site-testimonial .testimonial-quote span {
  display: inline-block;
}

.site-testimonial figure {
  /* Image */
  display: block;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 12.5rem;
  padding: 0.313rem;
  background: #ffffff;
  margin: 0 auto;
  border: #d8dde4 solid 4px;
}

.site-testimonial figure img {
  border-radius: 12.5rem;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.site-testimonial p {
  /* Typography */
  width: 100%;
  color: #708198;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 2;
  padding: 30px 0 0 0;
  display: block;
  clear: both;
  text-align: center;
}

.site-testimonial h5 {
  color: #a549e9;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  padding: 20px 0 0 0;
  display: block;
  width: 100%;
  text-align: center;
}

.swiper-slide .testimonial-degignation {
  color: #708198;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 0 0;
  display: block;
  width: 100%;
  text-align: center;
}

.site-testimonial .swiper-pagination {
  /* Carousel pagination */
  margin-top: 20px;
}

.site-testimonial .swiper-button-prev,
.site-testimonial .swiper-button-next {
  /* Carousel navigation */
  margin-top: 2.5rem;
}

@media screen and (min-width: 768px) {
  .site-testimonial .swiper-button-prev,
  .site-testimonial .swiper-button-next {
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-testimonial .swiper-button-prev,
  .site-testimonial .swiper-button-next {
    margin-top: 3.75rem;
    top: 0;
  }
  .header-slider p{
    margin-bottom: auto;
  }
  .about-half-colom-section-image{
    margin-top: 0;
  }
  .site-download-icons.about-icon{
    margin: 5px 36px 0;
  }
  .site-testimonial figure {
    text-align: center;
    clear: both;
  }

  .site-testimonial h5 {
    width: 100%;
    text-align: center;
    padding-left: 0;
    clear: both;
  }

  .swiper-slide .testimonial-degignation {
    width: 100%;
    text-align: center;
    padding-left: 0;
    clear: both;
  }
}

@media screen and (min-width: 768px) {
  .site-testimonial .swiper-button-next {
    left: auto;
    right: 0;
  }
}

.site-testimonial .swiper-container {
  /* Carousel container */
  margin-top: 0;
}

/*-----------------------------------------------------------------------------------

[Packages] (Section)

# Packages section (wrapper)
# Heading (h1)
# .box (class)
# .price (class)
# .heading (class)
# .Options (class)
# Icons
# .active (class)
# hover (mouse hover)

-----------------------------------------------------------------------------------*/
/* Packages section wrapper */
.site-packages {
  margin: 0;
  padding: 0 0 140px 0;
  display: block;
  width: 100%;
  clear: both;
  background-color: #f8f7f7;
}

.site-packages .blue-purple-gredient {
  width: 100%;
  height: 400px;
}

.site-packages-inner {
  margin-top: -300px;
}

.site-packages h1 {
  /* Heading */
  margin-bottom: 4.375rem;
}

.site-packages .box.left {
  border-radius: 12px 0 0 12px;
}

.site-packages .box.left .price-box-header {
  border-radius: 12px 0 0 0;
}

.site-packages .box.right {
  border-radius: 0 12px 12px 0;
}

.site-packages .box.right .price-box-header {
  border-radius: 0 12px 0 0;
}

.site-packages .box {
  /* Box (class) */
  background-color: #fcfcfb;
  text-align: center;
  margin: 40px 0 0 0;
  width: 100%;
  display: block;
  transition: 300ms linear;
  transition-property: box-shadow;
  max-width: 100%;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.08);
  -moz-box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.08);
  box-shadow: 0px 0px 22px 6px rgba(24, 30, 110, 0.08);
}

@media screen and (max-width: 767px) {
  .site-packages .box {
    margin-left: auto;
    margin-right: auto;
  }

  .site-packages .box.left .price-box-header {
    border-radius: 12px 12px 0 0;
  }

  .site-packages .box.left {
    border-radius: 12px 12px 0 0;
  }

  .site-packages .box.right .price-box-header {
    border-radius: 12px 12px 0 0;
  }

  .site-packages .box.right {
    border-radius: 12px 12px 0 0;
  }
}

.price-box-header {
  background: #f2f4f5;
  padding-bottom: 20px;
  border-radius: 12px 12px 0 0;
}

.site-packages .price {
  /* price (class) */
  color: #a549e9;
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  margin-top: 0;
  position: relative;
  top: 0;
  overflow: visible;
  z-index: 1;
  transition: 300ms linear;
  width: 100%;
  height: auto;
  line-height: 1.5;
}

.site-packages .price span {
  /* price (class) */
  font-size: 18px;
  font-weight: normal;
}

.site-packages .heading {
  /* Heading (class) */
  text-align: center;
  color: #4b535e;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 0 0 0;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.site-packages .options {
  /* Options (Class) */
  background-color: white;
  margin: 0;
  padding: 0;
  border-top: 0.0625rem solid #f3f1f1;
  text-align: left;
  color: #6c6b6b;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
}

.site-packages .options li {
  border-bottom: 0.0625rem solid #f3f1f1;
  position: relative;
  padding: 1.5rem 1.875rem 1.25rem;
  list-style: none;
}

.site-packages .options span {
  position: relative;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  display: block;
  max-width: 14.375rem;
  margin-left: auto;
  margin-right: auto;
}

.site-packages .options i.fa,
.site-packages .options i.fa.fa-close {
  /* Icons */
  width: 0.813rem;
  height: 0.625rem;
  font-weight: 400;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  margin: 0;
  line-height: 0.875rem;
  color: #2dc100;
  font-size: 0.875rem;
}

.site-packages .options i.fa.fa-close {
  color: red;
  line-height: 0.75rem;
}

.site-packages a,
.site-team a,
.it-up-service-section .s2-pricing_btn a,
.sticky-header .s2-pricing_btn a
 {
  background-color: white;
  border-radius: 15rem;
  color: #a549e9;
  font-size: 13px;
  font-weight: 700;
  line-height: 3.125rem;
  text-transform: uppercase;
  padding: 0 3.125rem;
  margin-bottom: -1.875rem;
  margin-top: 2.1875rem;
  position: relative;
  top: 0.625rem;
  display: inline-block;
  vertical-align: baseline;
  transition: 300ms linear;
  transition-property: color, background;
  border: 1px solid #a549e9;
}
.sticky-header .s2-pricing_btn a{
  position: absolute;
  margin: 0;
  top: 20px;

}
.site-holder .sticky-wrapper.is-sticky > .sticky-header .s2-pricing_btn a{
  top:35px;
}

.it-up-service-section .s2-pricing_btn a{
  margin-bottom: 0;
  margin-top: 0;
}
.site-packages .box.active .price-box-header {
  background: rgba(70, 200, 255, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(70, 200, 255, 1)),
    color-stop(100%, rgba(129, 211, 126, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */
}

.site-packages .box.active .heading {
  color: #ffffff;
}

.site-packages .box.active .price {
  color: #ffffff;
}

.site-packages .box.active {
  margin-top: 0px;
  position: relative;
  z-index: 1000;
}

.site-packages .box.active a,
.site-packages .box:hover a,
.site-team .site-box:hover a,
.it-up-service-section .s2-pricing_btn:hover a,
.sticky-header .s2-pricing_btn:hover a {
  background-color: #a549e9;
  color: white;
}

@keyframes bounce {
  /* ------------------------ plan hover animation */
  0%,
  20%,
  60%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.site-packages .box:hover {
  animation: bounce 1s;
}

/* ------------------------ plan hover animation */

/*-----------------------------------------------------------------------------------

[Latest blog] (Section)

# latest-blog (wrapper)
# Typography (h1, h3, h4, p)
# Device image
# Section (image, icons)
# Carousel Slider
# carousel navigation
# carousel pagination

-----------------------------------------------------------------------------------*/
/* latest-blog section wrapper */

.latest-blog .blog-post-box {
  float: left;
  width: 100%;
  border-radius: 12px;
  background: #ffffff;
  position: relative;
  z-index: 1000;
  margin-top: 35px;

  -webkit-box-shadow: 0px 0px 22px -7px rgba(24, 30, 110, 0.26);
  -moz-box-shadow: 0px 0px 22px -7px rgba(24, 30, 110, 0.26);
  box-shadow: 0px 0px 22px -7px rgba(24, 30, 110, 0.26);
}

.blog-post-content {
  float: left;
  width: 100%;
  padding: 30px;
}

.latest-blog figure {
  float: left;
  width: 100%;
}

.latest-blog figure img {
  float: left;
  text-align: center;
  width: 100%;
  border-radius: 10px 10px 0 0;
}

.latest-blog ul {
  float: left;
  text-align: left;
  width: 100%;
  padding: 0px;
  margin: 0;
}

.latest-blog ul li {
  float: left;
  text-align: left;
  padding: 0 15px 0 0;
  margin: 0;
  list-style: none;
  font-size: 13px;
  color: #a0aec0;
}

.latest-blog a {
  display: inherit;
}

.latest-blog a h4 {
  float: left;
  width: 100%;
  font-size: 22px;
  font-weight: 600;
  color: #516074;
  text-align: left;
  padding: 20px 0 5px 0;
  margin: 0;
}

.latest-blog span {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: #516074;
  text-align: left;
  padding: 0 0 5px 0;
  margin: 0;
}

.blog-post-box p {
  float: left;
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  color: #708198;
  text-align: left;
  padding: 20px 0 5px 0;
  margin: 0;
  line-height: 1.8;
}

.latest-blog .blog-more-button {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
  padding: 40px 0 20px 30px;
  margin: 0;
  line-height: 1.8;
  border-radius: 0 0 12px 12px;
  margin-top: -24px;

  background: #836aeb;
  background: rgba(50, 187, 241, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(0%, rgba(50, 187, 241, 1)),
    color-stop(68%, rgba(166, 73, 233, 1)),
    color-stop(100%, rgba(166, 73, 233, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    135deg,
    rgba(50, 187, 241, 1) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

@keyframes bounce {
  /* ------------------------ blog hover animation */
  0%,
  20%,
  60%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.latest-blog .blog-post-box:hover {
  animation: bounce 1s;
}

/* ------------------------ plan hover animation */

/*-----------------------------------------------------------------------------------

[Statistic] (Section)

# Statistic Section (wrapper)
# .site-number (class)
# Icons
# Typography (h5, p)

-----------------------------------------------------------------------------------*/
/* Statistic section wrapper */
.site-statistic {
  margin: 0;
  display: block;
  width: 100%;
  background: url(../images/statistic-bg.jpg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
  padding: 140px 0;
}

.site-number {
  float: left;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .site-statistic {
    padding: 3.125rem 1.25rem;
  }
}

.site-number {
  /* Number (class) */
  float: left;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .site-number {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }
}

.site-number i.fa {
  /* Icons */
  color: #2b8dd9;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  display: block;
  width: 2.125rem;
  height: 100%;
  font-size: 2.375rem;
  line-height: 2.8125rem;
  vertical-align: middle;
}
.slick-slide img{
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  border-radius: 3%;
}
.site-number h5 {
  /* Typography */
  float: left;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 50px;
  font-weight: 700;
  clear: both;
  width: 100%;
  line-height: 2;
}

.site-number p {
  float: left;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 19px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
  clear: both;
}

/*-----------------------------------------------------------------------------------

[Twitter] (Section)

# Twitter section (wrapper)
# Heading (h1)
# .tweet (class for hold tweets)
# .date (class for hold tweets date)
# Carousel slider

-----------------------------------------------------------------------------------*/
/* Twitter section wrapper */
.site-twitter {
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  color: white;
  padding-bottom: 7.5rem;
  text-align: center;
  background: #2b8dd9;
}

.site-twitter h1 {
  /* Heading */
  margin-bottom: 2.8125rem;
}

.site-twitter .tweet ul,
.site-twitter .tweet li {
  margin: 0;
  padding: 0;
  display: block;
}

.site-twitter .tweet li {
  font-size: 0.875rem;
  font-family: inherit;
}

.site-twitter .tweet li p {
  font-weight: 400;
  margin-bottom: 0;
  font-family: inherit;
  font-size: 0.813rem;
  line-height: 1.625rem;
  color: white;
}

.site-twitter .tweet li a {
  font-weight: 400;
  font-family: inherit;
  font-size: 0.813rem;
  color: #1f3542;
}

.site-twitter .tweet li .date {
  /* date (class) */
  font-weight: 700;
  font-family: inherit;
  font-size: 0.875rem;
  margin-top: 0.125rem;
  color: white;
}

.site-twitter .swiper-container {
  /* carousel container */
  margin-bottom: 3.125rem;
  margin-top: 1.25rem;
  text-align: center;
}

.site-twitter .swiper-container span {
  width: 100%;
  text-align: center;
  display: block;
}

.site-twitter .swiper-pagination {
  /* Carousel pagination */
  margin-top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .site-twitter .swiper-button-prev,
  .site-twitter .swiper-button-next {
    left: 0;
  }
}

@media screen and (min-width: 1200px) {
  .site-twitter .swiper-button-prev,
  .site-twitter .swiper-button-next {
    left: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .site-twitter .swiper-button-prev,
  .site-twitter .swiper-button-next {
    top: -3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .site-twitter .swiper-button-next {
    left: auto;
    right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .site-twitter .swiper-button-next {
    right: 2.5rem;
  }
}

/*-----------------------------------------------------------------------------------

[Quick Support] (Section)

# Quick Support (wrapper)
# Heading (h1)
# .site-info (class)
# .site-box (class)
# Images
# Icons
# Typography
# Contact form

-----------------------------------------------------------------------------------*/
/* Quick support wrapper */
.site-quick-support {
  padding-bottom: 0;
  overflow: hidden;
}

.site-quick-support .contact-box {
  float: left;
  width: 100%;
  border-radius: 12px;
  height: 640px;
}

@media screen and (max-width: 1199px) {
  .site-quick-support {
    padding-bottom: 6.25rem;
  }
}

.site-quick-support h1 {
  /* Heading */
  margin-bottom: 4.375rem;
}

.site-quick-support .site-info {
  /* info (class) */
  float: left;
  width: 100%;
  text-align: left;
  font-size: 0;
  border-right: #b48df0 solid 1px;
  padding: 80px 40px 27px 40px;
}

.site-quick-support .site-info.form {
  /* info (class) */
  border: none;
}

.site-quick-support .site-box {
  /* box (class) */
  clear: both;
  position: relative;
  z-index: 10;
  padding: 1.25rem 0;
  width: 100%;
}

.site-quick-support h5 {
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
}

.site-quick-support .site-info p {
  float: left;
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.7;
  padding: 40px 0 40px 0;
}

.site-quick-support .site-box-row h6 {
  float: left;
  font-size: 21px;
  color: #ffffff;
  font-weight: normal;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.site-quick-support .site-box-row {
  float: left;
  width: 100%;
  padding-bottom: 50px;
}

.site-quick-support .site-box-row p {
  float: left;
  font-size: 14px;
  text-align: left;
  padding: 0 0 0 52px;
  margin: 0;
  line-height: 0;
}

@media screen and (max-width: 1199px) {
  .site-quick-support .site-box {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
}

@media screen and (max-width: 991px) {
  .site-quick-support .site-box {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .site-quick-support .site-info {
    border-right: none;
    padding: 30px;
  }

  .site-quick-support .contact-box {
    height: auto;
  }
  .site-holder .sticky-wrapper.is-sticky > .sticky-header .s2-pricing_btn a{
    top:10px;
  }
}

@media screen and (max-width: 767px) {
  .site-quick-support .site-box {
    display: block;
    width: 100%;
  }

  .site-quick-support .site-info {
    border-right: none;
    padding: 30px;
  }
}

@media screen and (max-width: 639px) {
  .site-quick-support .site-info {
    border-right: none;
    padding: 30px;
  }
}

@media screen and (max-width: 479px) {
  .site-quick-support .site-info {
    border-right: none;
    padding: 30px 0;
  }
}

.site-quick-support .site-box.last:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .site-quick-support .site-box:after {
    display: none;
  }
}

.site-quick-support figure {
  /* Image */
  text-align: left;
  float: left;
  width: 30px;
}

.site-quick-support i.fa,
.site-quick-support span {
  /* Icons */
  float: left;
  width: 38px;
  height: 38px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  border: #ffffff solid 1px;
  border-radius: 100%;
  margin-right: 15px;
}

.site-quick-support p,
.site-quick-support address {
  /* Typography */
  float: left;
  color: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  padding: 1.125rem 0;
  width: 100%;
  font-style: normal;
  margin: 0;
  padding: 0 0 0 52px;
  transition: 300ms linear;
  transition-property: color;
  line-height: 1.5;
}

.site-quick-support p:hover,
.site-quick-support address:hover {
  color: #ffffff;
}

.site-contact-form {
  /*  CONTACT FORM */
  padding: 40px 0 0 0;
  display: block;
  width: 100%;
  clear: both;
  margin: 0;
}

.site-contact-form table {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .site-contact-form {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .site-contact-form table,
  .site-contact-form tr,
  .site-contact-form td,
  .site-contact-form th,
  .site-contact-form tbody {
    display: block;
    width: 100%;
  }
}

.site-contact-form input,
.site-contact-form textarea {
  /* Input fields */
  width: 100%;
  height: 45px;
  background-color: inherit;
  padding: 0;
  color: #ffffff !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  border-bottom: #ffffff solid 1px;
  box-sizing: border-box;
  transition: 300ms linear;
  transition-property: border-color;
  display: block;
  margin: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.site-contact-form input:focus,
.site-contact-form textarea:focus {
  border-color: #80d37f;
}

.site-contact-form textarea {
  height: 100px;
  resize: none;
  position: relative;
  top: 0.0625rem;
}

.site-contact-form input[type="submit"] i.fa,
.site-contact-form button[type="submit"] i.fa {
  display: none;
  padding: 0;
  color: white;
  line-height: normal;
  font-size: 1rem;
  transition: 300ms linear;
  transition-property: color;
  margin: 0 0 0 0.625rem;
}

.site-contact-form input[type="submit"]:hover i.fa,
.site-contact-form button[type="submit"]:hover i.fa {
  color: #2b8dd9;
}

@media screen and (max-width: 767px) {
  .site-contact-form input[type="submit"],
  .site-contact-form button[type="submit"] {
    width: 100%;
  }
}

.site-contact-form label {
  margin-bottom: 0.875rem;
  display: block;
  margin-right: 0;
  color: #ffffff !important;
}

.site-contact-form label.last {
  /* last (class) */
  margin-right: 0;
}

.site-contact-form label.move {
  /* Move (class) */
  margin-top: 1.25rem;
  display: inline-block;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .site-contact-form label.move {
    display: block;
    margin-top: 1.875rem;
  }
}

@media screen and (max-width: 767px) {
  .site-contact-form label {
    margin-right: 0;
  }
}

/*-----------------------------------------------------------------------------------

[Subscribe] (Section)

# Subscribe Section (wrapper)
# .site-box (class)
# Typography
# Input Fields
# Form (class)
# .no-space (class is used to remove the element left or right side padding)

-----------------------------------------------------------------------------------*/
/* Subscribe section wrapper */
.site-subscribe {
  display: block;
  width: 100%;
  clear: both;
  color: white;
  position: relative;
  margin: 0;
}

.site-subscribe .main-heading-text {
  margin-top: -30px;
}

@media screen and (max-width: 1199px) {
  .site-subscribe {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-subscribe {
    padding-bottom: 0.625rem;
  }
}

.site-subscribe .site-box {
  /* box (class) */
  line-height: 0;
  padding: 0 2.1875rem;
  position: relative;
  top: 30px;
}

@media screen and (max-width: 1199px) {
  .site-subscribe .site-box {
    top: 0;
    max-width: 37.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2.5rem;
    padding-bottom: 1.25rem;
  }
}

@media screen and (max-width: 1199px) {
  .site-subscribe p {
    display: block;
    margin-bottom: 1.25rem;
  }
}

.site-subscribe label {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.site-subscribe input[type="email"],
.site-subscribe input[type="text"] {
  /* Input fields */
  width: 100%;
  height: 2.688rem;
  line-height: 2.688rem;
  border: 0.063rem solid white;
  border-radius: 1.3125rem;
  background: #f2f4f5;
  display: block;
  margin: 0;
  font-weight: 400;
  color: #708198;
  padding: 0 11.25rem 0 1.25rem;
  border: #e9eaf4 solid 1px;
}

@media screen and (max-width: 767px) {
  .site-subscribe input[type="email"],
  .site-subscribe input[type="text"] {
    padding-right: 1.25rem;
  }
}

.site-subscribe input[type="submit"] {
  /* Input submit button */
  width: 9.375rem;
  min-width: 0.625rem;
  height: 2.688rem;
  min-height: 0.625rem;
  line-height: 2.688rem;
  margin: auto 0;
  border-radius: 1.3125rem;
  box-shadow: none;
  color: #ffffff;
  font-family: inherit;
  font-size: 0.813rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: 300ms linear;
  transition-property: background, color;
  border: 0.063rem solid white;

  background: rgba(70, 200, 255, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(70, 200, 255, 1)),
    color-stop(100%, rgba(129, 211, 126, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    to right,
    rgb(113 95 189) 0%,
    rgb(147 106 165) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 );
  /* IE6-9 */
}

.site-subscribe input[type="submit"]:hover {
  background: #a549e9;
  color: white;
}

@media screen and (max-width: 767px) {
  .site-subscribe input[type="submit"] {
    position: relative;
    width: 100%;
    border: none;
  }
}

.site-subscribe .site-form {
  /* Form */
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
}

@media screen and (max-width: 767px) {
  .site-subscribe .site-form {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.site-subscribe .no-space {
  /* no space (class is used to remove the element left or right side padding) */
  padding-left: 0;
  padding-right: 0;
}

/*-----------------------------------------------------------------------------------

[Footer] (Section)

# Footer Section (wrapper)
# Logo
# Social Icons
# Copyright

-----------------------------------------------------------------------------------*/
/* Footer Section wrapper */
.site-footer {
  /* margin-top: -80px; */
  padding: 170px 0 100px 0;
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  background: #250038;
  /* background: url(../images/footer-bg.png) no-repeat 50%; */
  color: white;
}

.site-footer .site-logo {
  /* LOGO */
  width: 100%;
  clear: both;
  height: auto;
  display: block;
  margin: 1.875rem 0;
}

.site-footer .site-logo a {
  display: inline-block;
}

.site-social-icons {
  /* SOCIAL ICONS */
  width: 100%;
  clear: both;
  padding: 50px 0 0 0;
}

.site-social-icons a {
  width: 3rem;
  height: 3rem;
  background: #505762;
  border-radius: 12.5rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 0.1875rem;
  transition: 300ms linear;
  transition-property: background, color, border-color;
}

.site-social-icons a:hover {
  color: white;
  transition: all ease 0.5s;

  background: #836aeb;
  background: rgba(50, 187, 241, 1);
  /* Old Browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgb(102 38 129) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    left top,
    right bottom,
    color-stop(0%, rgb(102 38 129)),
    color-stop(68%, rgba(166, 73, 233, 1)),
    color-stop(100%, rgba(166, 73, 233, 1))
  );
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(
    -45deg,
    rgb(102 38 129) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    -45deg,
    rgb(102 38 129) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    -45deg,
    rgb(102 38 129) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* IE 10+ */
  background: linear-gradient(
    135deg,
    rgb(102 38 129) 0%,
    rgba(166, 73, 233, 1) 68%,
    rgba(166, 73, 233, 1) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32bbf1', endColorstr='#a649e9', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.site-social-icons i.fa,
.site-social-icons span {
  color: white;
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.site-copyright {
  /* COPYRIGHT */
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  width: 100%;
  clear: both;
  margin-top: 1.25rem;
}

@media screen and (max-width: 991px) {
  .site-footer {
    background: #1f3542;
    padding: 60px 0;
    margin-top: 0;
  }

  .site-download-icons {
    margin: 30px 0;
    padding: 0;
  }
}

/*-----------------------------------------------------------------------------------

[Custom Scroll Bar]

# Custom scroll bar (wrapper)

-----------------------------------------------------------------------------------*/
/* Custom scroll bar wrapper */
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* VERTICAL SCROLLBAR
y-axis */
.mCSB_inside > .mCSB_container {
  margin-right: 1.5625rem;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 1.875rem;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 1.5rem;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -1.625rem;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -1.625rem;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 1.25rem 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 0.125rem;
  height: 100%;
  margin: 0 auto;
  border-radius: 1rem;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 1.875rem;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 0.25rem;
  height: 100%;
  margin: 0 auto;
  border-radius: 1rem;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 0.75rem;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 0.5rem;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 1.25rem;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonUp:before,
.mCSB_scrollTools .mCSB_buttonDown:before {
  content: "\f0d8";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  font-family: FontAwesome, serif;
  color: #2b8dd9;
  font-size: 1.375rem;
  line-height: 1.25rem;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_scrollTools .mCSB_buttonDown:before {
  content: "\f0d7";
}

.mCSB_draggerRail {
  background-color: #e6e9ed;
  border-radius: 6.25rem !important;
  opacity: 1 !important;
  width: 0.75rem !important;
}

.mCSB_scrollTools {
  opacity: 1;
}

.mCSB_dragger_bar {
  width: 0.375rem !important;
  background: #2b8dd9;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.mCSB_dragger_bar:before {
  display: none;
}

/*-----------------------------------------------------------------------------------

[Scroll Back To Top]

-----------------------------------------------------------------------------------*/
/* Scroll back to top wrapper */
#scrollUp {
  margin: 0;
  padding: 0;
  bottom: 1.875rem;
  right: 1.875rem;
  height: 3.125rem;
  width: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  background: #662681;
  border-radius: 12.5rem;
  font-size: 1.875rem;
  box-shadow: 0 0 0.9375rem rgba(2, 3, 3, 0.19);
  transition: 300ms linear;
  transition-property: color, background;
  color: white;
}

#scrollUp:hover {
  color: #1f3542;
  background: #d3d3d3;
}

/*-----------------------------------------------------------------------------------

[Preloader]

# Preloader (overlay)
# .preloader (class)

-----------------------------------------------------------------------------------*/
.loadingoverlay {
  /* Overlay */
  background-size: 40px !important;
}

.preloader {
  /* preloader (class) */
  opacity: 0;
  visibility: hidden;
}

/* Slider Tabs */
.it-up-service-section {
  z-index: 1;
  padding: 50px 0px 100px;
}
.it-up-service-section .it-up-section-title {
  margin: 0 auto;
  max-width: 625px;
}

.it-up-service-content {
  padding-top: 60px;
}

.it-up-service-tab-wrap {
  padding: 30px 50px;
  border-radius: 10px;
  background-color: #f8f8f8;
}

.it-up-section-title h2 {
  color: #213e6e;
  font-size: 40px;
  font-weight: 700;
}

.it-up-about-text .it-up-section-title h2 {
  max-width: 550px;
  padding-bottom: 30px;
}
.it-up-service-tab-btn {
  background-color: #fff;
  /* padding: 85px 20px 40px 55px; */
  padding: 85px 55px 40px 20px;
  box-shadow: 0px 0px 32px 0px rgba(80, 80, 80, 0.1);
}
.it-up-service-tab-btn .nav-tabs:before {
  top: -3px;
  left: -15px;
  width: 6px;
  height: 80%;
  content: "";
  position: absolute;
  background-color: #f8fcfc;
}
.it-up-service-tab-btn .nav-tabs .nav-item.show .nav-link,
.it-up-service-tab-btn .nav-tabs .nav-link.active,
.it-up-service-tab-btn .nav-tabs .nav-link,
.it-up-service-tab-btn .nav-tabs {
  padding: 0;
  border: none;
  position: relative;
}
.it-up-service-tab-btn .nav-tabs .nav-link li {
  font-size: 16px;
  display: block;
  line-height: 35px;
  font-weight: 100;
}
.it-up-service-tab-btn .nav-tabs .nav-link .subnav:before {
  bottom: 0;
  top: 1px;
  width: 6px;
  content: "ͦ ";
  height: 0px;
  /* left: -30px; */
  right: -8px;
  border-radius: 10px;
  position: relative;
  /* background: linear-gradient(90deg, #299fd9 0%, #9dd4ee 100%); */
  transition: 0.4s all ease-in-out;
}

.it-up-service-tab-btn .nav-tabs .nav-item {
  margin-bottom: inherit;
  padding-bottom: 65px;
}
.it-up-service-tab-btn .nav {
  display: inherit;
}
.it-up-service-tab-btn .nav-tabs .nav-link {
  color: #bebebe;
  font-size: 20px;
  font-weight: 700;
  font-family: "Droid Arabic Kufi", sans-serif;
}
.it-up-service-tab-btn .nav-tabs .nav-link:before {
  bottom: 0;
  top: 0px;
  width: 6px;
  content: "";
  height: 0px;
  left: -15px;
  border-radius: 10px;
  position: absolute;
  background: linear-gradient(90deg, #a549e9 0%, rgb(102 36 132) 100%);
  transition: 0.4s all ease-in-out;
}
.slick-dots li button:before{
  font-size: 8px !important;
  color: #a549e9 !important; 
}
.it-up-service-tab-btn .nav-tabs .nav-link.active {
  color: #000000;
}
.it-up-service-tab-btn .nav-tabs .nav-link.active:before {
  height: 40px;
  background-color: #836aeb;
}
.it-up-service-tab-wrap {
  padding: 30px 20px;
}

.it-up-service-tab-text .it-up-ser-btn {
  height: 48px;
  width: 130px;
  line-height: 48px;
}
.it-up-service-tab-text h3 {
  font-size: 26px;
}

.it-up-service-tab-text .it-up-ser-btn,
.it-up-ft-btn a,
.it-up-about-btn a {
  height: 55px;
  width: 160px;
  color: #fff;
  font-weight: 700;
  line-height: 55px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  transition: all 200ms linear 0ms;
  background-size: 200%, 1px;
  box-shadow: 0px 18px 18px 0px rgba(22, 136, 232, 0.21);
  background-image: linear-gradient(90deg, #1ec5fa 0%, #0d47d5 50%, #1ec5fa);
}

.it-up-service-tab-text {
  max-width: 480px;
  padding-top: 20px;
}
.it-up-service-tab-text .it-up-tab-icon {
  right: 0;
  bottom: 0;
}
.it-up-service-tab-text h3 {
  color: #000000;
  font-size: 34px;
  font-weight: 700;
  padding-bottom: 22px;
}
.it-up-service-tab-text p li {
  font-size: 18px;
  padding-left: 35px;
  position: relative;
  margin-bottom: 8px;
}
.it-up-service-tab-text p li:before {
  top: 0;
  right: -30px;
  color: #a549e9;
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  font-weight: 900;
}
.it-up-service-tab-text p li::marker {
  content: "" !important;
}
.it-up-service-tab-text .it-up-ser-btn {
  margin-top: 20px;
}
@media screen and (max-width: 1199px) {
  .it-up-service-tab-text {
    max-width: 350px;
  }
}
@media screen and (max-width: 767px) {
  .it-up-service-tab-text {
    max-width: 100%;
    float: none !important;
  }
}
@media screen and (max-width: 480px) {
  .it-up-service-tab-text .it-up-ser-btn {
    height: 48px;
    width: 130px;
    line-height: 48px;
  }

  .it-up-service-tab-text h3 {
    font-size: 26px;
  }
}

.pr3-tst-slider-wrapper .slick-list {
  margin: 0 -15px;
  padding: 20px 0;
}

.pr3-tst-slider-wrapper .slick-slide {
  margin: 0 15px;
}

.pr3-tst-slider-wrapper .slick-arrow {
  position: absolute;
  bottom: 30px;
  right: -130px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0;
  background-color: #1a0b60;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  z-index: 6;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.pr3-tst-slider-wrapper .slick-arrow:hover {
  background-color: #497efd;
}

@media (max-width: 991.98px) {
  .pr3-tst-slider-wrapper .slick-arrow {
    bottom: auto;
    top: -30px;
    right: auto;
    left: 60px;
  }
}

.pr3-tst-slider-wrapper .slick-prev {
  right: -85px;
}

@media (max-width: 991.98px) {
  .pr3-tst-slider-wrapper .slick-prev {
    right: auto;
    left: 15px;
  }
}
.pr3-testimonial-single {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 15px 0px rgba(61, 109, 212, 0.2);
  box-shadow: 0px 3px 15px 0px rgba(61, 109, 212, 0.2);
  padding: 40px 30px;
  border-radius: 10px;
}

.pr3-testimonial-single .pr3-tst-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pr3-testimonial-single .pr3-tst-top .img-container {
  margin-right: 15px;
}

.pr3-testimonial-single .pr3-tst-top .img-container .img-thumb {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#497efd),
    to(#f5f8ff)
  );
  background-image: -webkit-linear-gradient(top, #497efd, #f5f8ff);
  background-image: -o-linear-gradient(top, #497efd, #f5f8ff);
  background-image: linear-gradient(to bottom, #497efd, #f5f8ff);
  padding: 2px;
  overflow: hidden;
}

.pr3-testimonial-single .pr3-tst-top .img-container .img-thumb img {
  border-radius: 50%;
}

.pr3-testimonial-single .pr3-tst-top span {
  margin-top: 6px;
  color: #1a0b60;
  display: block;
}

.pr3-testimonial-single .pr3-tst-top .star-rating {
  margin-top: 6px;
}

.pr3-testimonial-single .pr3-tst-top .star-rating i {
  color: #ffcc31;
}

.pr3-testimonial-single .pr3-pera-txt {
  margin-top: 30px;
}
.saasio-breadcurmb-section {
  background-color: #6c2b95;
  padding: 155px 0px 40px;
}
.breadcurmb-title h2 {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  font-family: inherit;
  padding-bottom: 20px;
}
.saasio-page-breadcurmb li a {
  color: #fff;
  margin: 0px 10px;
  position: relative;
}
.saasio-page-breadcurmb li a:after {
  top: 4px;
  right: -17px;
  content: "\f054";
  font-weight: 900;
  font-size: 12px;
  position: absolute;
  font-family: "FontAwesome";
}
.saasio-page-breadcurmb li:last-child a::after {
  display: none;
}
.ul-li ul li {
  list-style: none;
  display: inline-block;
}

.pr1-pricing-section {
  padding: 30px 0;
  background-color: #ffffff;
  position: relative;
}

.pr1-pricing-section .pr1-pricing-shape-1 {
  position: absolute;
  top: 250px;
  left: 70px;
  width: 150px;
  display: inline-block;
}

.pr1-pricing-tab {
  position: relative;
  z-index: 2;
}

.pr1-pricing-tab .nav {
  background-color: #fff;
  display: inline-block;
  padding: 10px;
  border: #a549e9 solid 2px;
  border-radius: 5px;
  position: absolute;
  top: 0px;
  left: 39%;
  z-index: 2;
}

.pr1-pricing-tab .nav li {
  display: inline-block;
}

.pr1-pricing-tab .nav li + li {
  margin-left: 5px;
}

.pr1-pricing-tab .nav li a {
  padding: 8px 12px;
  background-color: transparent;
  font-family: "Droid Arabic Kufi", sans-serif;
  font-weight: 600;
  color: #272357;
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.pr1-pricing-tab .nav li a.active {
  background-color: #662583;
  /* background-color: #a549e9; */
  color: #ffffff;
}

.pr1-pricing-tab .tab-content {
  margin-top: 20px;
}

.pr1-pricing-tab .tab-content .pr1-tab-column {
  padding: 30px;
  background-color: #ffffff;
  text-align: center;
  -webkit-box-shadow: 0px 23px 40px 0px rgba(135, 135, 135, 0.15);
  box-shadow: 0px 23px 40px 0px rgba(135, 135, 135, 0.15);
  margin-bottom: 30px;
  margin-top: 35px;
}

@media (max-width: 991.98px) {
  .pr1-pricing-tab .nav {
    position: initial;
    margin: 20px 0;
  }
}
.pr1-title-area {
  margin-bottom: 30px;
}
.pr1-title-area .p-70 {
  padding: 0 70px;
}

.pr1-title-area .pr1-pera-txt {
  margin-top: 15px;
}
.pr1-pera-txt p {
  color: #666666;
  margin: 0;
}
.pr1-title-area .pr1-pera-txt {
  margin-top: 15px;
}
@media (max-width: 575.98px) {
  .pr1-title-area .p-70 {
    padding: 0 10px;
  }
  .pr1-headline h2 {
    font-size: 30px;
  }
  .pr1-title-area .p-70 {
    padding: 0 10px;
  }
}

.pr1-pricing-tab {
  position: relative;
  z-index: 2;
}