/*
@File: Albion Theme Styles

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default Area CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Main Banner Area CSS
** - Featured Services Area CSS
** - About Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Webinar Area CSS
** - Team Area CSS
** - Partner Area CSS
** - Feedback Area CSS
** - Pricing Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Free Trial Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Sidebar Area CSS
** - 404 Error Area CSS
** - FAQ Area CSS
** - Coming Soon Area CSS
** - Shop Area CSS
** - Product Details Area CSS
** - Cart Area CSS
** - Checkout Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top Area CSS
*/
/*================================================
Default CSS
=================================================*/
body {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}

a {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  color: #333333;
}

a:hover, a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #333333;
  font-family: "Dosis", sans-serif;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.8;
}

p:last-child {
  margin-bottom: 0;
}

.ptb-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pt-110 {
  padding-top: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-80 {
  padding-bottom: 80px;
}

.mt-80 {
  margin-top: 73px;
}

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

.bg-f2f6f9 {
  background-color: #f2f6f9;
}

.bg-fafafa {
  background-color: #fafafa;
}

/*section-title*/
.section-title {
  text-align: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  margin-top: -6px;
}

.section-title span {
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 15px;
  font-family: "Dosis", sans-serif;
}

.section-title h2 {
  margin-bottom: 0;
  margin-top: -10px;
  font-size: 40px;
  font-weight: 700;
}

.section-title h1 {
  margin-bottom: 0;
  margin-top: -10px;
  font-size: 45px;
  font-weight: 700;
}

.section-title h3 {
  margin-bottom: 0;
  margin-top: -10px;
  font-size: 35px;
  font-weight: 700;
}

.section-title h4 {
  margin-bottom: 0;
  margin-top: -10px;
  font-size: 30px;
  font-weight: 700;
}

.section-title h5 {
  margin-bottom: 0;
  margin-top: -10px;
  font-size: 25px;
  font-weight: 700;
}

.section-title h6 {
  margin-bottom: 0;
  margin-top: -10px;
  font-size: 20px;
  font-weight: 700;
}

.section-title p {
  max-width: 520px;
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.section-title ul, .section-title ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.section-title ul li, .section-title ol li {
  line-height: 1.8;
}

/*btn-primary*/
.btn {
  border: none;
  line-height: initial;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 10px 32px 12px;
  position: relative;
  z-index: 1;
  opacity: 1 !important;
  font-size: 16px;
  font-family: "Dosis", sans-serif;
  font-weight: 600;
}

.btn-primary {
  color: #ffffff;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus {
  color: #ffffff !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

/*learn-more-btn*/
.learn-more-btn {
  display: inline-block;
  position: relative;
  letter-spacing: .5px;
  font-size: 15px;
  font-weight: 600;
  font-family: "Dosis", sans-serif;
}

.learn-more-btn i {
  margin-left: 2px;
  position: relative;
  top: -0.6px;
}

.learn-more-btn i::before {
  font-size: 11px;
}

.learn-more-btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.learn-more-btn:hover::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

/*form-control*/
.form-control {
  height: 45px;
  border: 1px solid #eeeeee;
  background-color: transparent;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #333333;
  line-height: initial;
  padding-left: 13px;
  font-size: 14px;
}

.form-control:hover, .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-ms-input-placeholder {
  color: #999999;
}

.form-control::placeholder {
  color: #999999;
}

.form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

/*================================================
Preloader Area CSS
=================================================*/
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 9999999;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader .loader {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.preloader .loader .loader-outter {
  position: absolute;
  border: 4px solid #ffffff;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader .loader-inner {
  position: absolute;
  border: 4px solid #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader::before, .preloader::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
  z-index: -1;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader::after {
  top: auto;
  bottom: 0;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {
  height: 0;
}

.preloader.preloader-deactivate .loader {
  opacity: 0;
  visibility: hidden;
}

.preloader p {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}

@-webkit-keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

.top-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.top-header .header-left-content p {
  color: #ffffff;
  margin: 0;
}

.top-header .header-right-content ul {
  text-align: right;
  margin-bottom: 0;
  padding-left: 0;
}

.top-header .header-right-content ul li {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  padding-left: 26px;
  position: relative;
  margin-right: 20px;
  text-align: left;
}

.top-header .header-right-content ul li:last-child {
  margin-right: 0;
}

.top-header .header-right-content ul li i {
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  top: 3px;
  left: 0;
}

.top-header .header-right-content ul li span {
  display: block;
  font-size: 13px;
  line-height: 1;
}

.top-header .header-right-content ul li a {
  color: #ffffff;
}

/*================================================
Navbar Area CSS
=================================================*/
.sparsity-responsive-nav {
  display: none;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand img.optional-logo {
  display: none;
}

.navbar-brand .optional-title {
  display: none;
}

.sparsity-nav {
  background-color: transparent;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
}

.sparsity-nav .navbar {
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.sparsity-nav .navbar div {
  margin-left: auto;
}

.sparsity-nav .navbar ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.sparsity-nav .navbar .navbar-nav {
  font-family: "Dosis", sans-serif;
  margin-left: auto;
}

.sparsity-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}

.sparsity-nav .navbar .navbar-nav .nav-item a {
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  text-transform: capitalize;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 13px;
  margin-right: 13px;
}

.sparsity-nav .navbar .navbar-nav .nav-item a i {
  font-size: 10px;
}

.sparsity-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.sparsity-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  position: absolute;
  border: none;
  top: 80px;
  left: 0;
  width: 250px;
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  padding: 8px 15px;
  margin: 0;
  color: #333333;
  font-size: 16px;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  background: transparent;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.sparsity-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.sparsity-nav .navbar .others-options {
  margin-left: 20px;
}

.sparsity-nav .navbar .others-options .cart-btn {
  display: inline-block;
  position: relative;
  top: 3px;
  color: #ffffff;
}

.sparsity-nav .navbar .others-options .cart-btn span {
  position: absolute;
  top: -9px;
  right: -7px;
  text-align: center;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 10px;
  color: #fff;
  line-height: 13px;
}

.sparsity-nav .navbar .others-options .btn {
  margin-left: 15px;
}

.sparsity-nav .navbar .others-options .btn-primary {
  background-color: #ffffff;
}

.sparsity-nav .navbar .others-options .btn-primary:hover {
  color: #ffffff !important;
}

.sparsity-nav .navbar .others-options .option-item {
  color: #333333;
  display: inline-block;
  position: relative;
  line-height: initial;
  margin-left: 15px;
  top: 4px;
}

.sparsity-nav .navbar .others-options .option-item .search-btn {
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
}

.sparsity-nav .navbar .others-options .option-item .search-btn::before {
  font-size: 17px;
}

.sparsity-nav .navbar .others-options .option-item .close-btn {
  cursor: pointer;
  display: none;
  font-size: 17px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 17px;
  color: #ffffff;
}

.sparsity-nav .navbar .others-options .option-item .close-btn.active {
  display: block;
}

.header-area {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: auto;
}

.navbar-area {
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar-area.is-sticky, .navbar-area.navbar-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  background: #ffffff !important;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar-area.is-sticky .sparsity-nav, .navbar-area.navbar-bg .sparsity-nav {
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a, .navbar-area.navbar-bg .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .cart-btn, .navbar-area.navbar-bg .sparsity-nav .navbar .others-options .cart-btn {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .btn-primary, .navbar-area.navbar-bg .sparsity-nav .navbar .others-options .btn-primary {
  color: #ffffff;
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .btn-primary:hover, .navbar-area.navbar-bg .sparsity-nav .navbar .others-options .btn-primary:hover {
  color: #ffffff !important;
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item, .navbar-area.navbar-bg .sparsity-nav .navbar .others-options .option-item {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .search-btn, .navbar-area.navbar-bg .sparsity-nav .navbar .others-options .option-item .search-btn {
  color: #333333;
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .close-btn, .navbar-area.navbar-bg .sparsity-nav .navbar .others-options .option-item .close-btn {
  color: #333333;
}

.navbar-area.is-sticky .navbar-brand, .navbar-area.navbar-bg .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-area.is-sticky .navbar-brand img.main-logo, .navbar-area.navbar-bg .navbar-brand img.main-logo {
  display: none;
}

.navbar-area.is-sticky .navbar-brand img.optional-logo, .navbar-area.navbar-bg .navbar-brand img.optional-logo {
  display: block;
}

.navbar-area.is-sticky .navbar-brand .optional-title, .navbar-area.navbar-bg .navbar-brand .optional-title {
  display: block;
}

.navbar-area.is-sticky .navbar-brand .main-title, .navbar-area.navbar-bg .navbar-brand .main-title {
  display: none;
}

.navbar-area.navbar-style-two .sparsity-nav {
  padding-left: 0;
  padding-right: 0;
}

.search-overlay {
  display: none;
}

.search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

.search-overlay.search-popup .search-form {
  position: relative;
}

.search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 40px;
  line-height: initial;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  color: #333333;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  background: transparent;
  border: none;
  width: 40px;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.hide-wp-nav {
  margin-top: 30px;
}

.hide-wp-nav .is-sticky {
  margin-top: 30px;
}

/*new-navbar-css*/
.navbar-style-three .sparsity-nav {
  padding-left: 0;
  padding-right: 0;
}

.navbar-style-three .sparsity-nav .navbar-brand img {
  display: inline-block !important;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item a {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .others-options .cart-btn {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .others-options .option-item {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .others-options .option-item .search-btn {
  color: #333333;
}

.navbar-style-three .sparsity-nav .navbar .others-options .option-item .close-btn {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar-brand img {
  display: inline-block !important;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item a {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .others-options .cart-btn {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .others-options .option-item {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .others-options .option-item .search-btn {
  color: #333333;
}

.navbar-style-four .sparsity-nav .navbar .others-options .option-item .close-btn {
  color: #333333;
}

/*end-new-navbar-css*/
@media only screen and (max-width: 991px) {
  .navbar-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-area.is-sticky, .navbar-area.navbar-bg {
    border-bottom: none;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar-area.is-sticky .sparsity-responsive-nav .logo img.main-logo, .navbar-area.navbar-bg .sparsity-responsive-nav .logo img.main-logo {
    display: none;
  }
  .navbar-area.is-sticky .sparsity-responsive-nav .logo img.optional-logo, .navbar-area.navbar-bg .sparsity-responsive-nav .logo img.optional-logo {
    display: block;
  }
  .navbar-area.is-sticky .sparsity-responsive-nav .logo .optional-title, .navbar-area.navbar-bg .sparsity-responsive-nav .logo .optional-title {
    display: block;
  }
  .navbar-area.is-sticky .sparsity-responsive-nav .logo .main-title, .navbar-area.navbar-bg .sparsity-responsive-nav .logo .main-title {
    display: none;
  }
  .navbar-area.is-sticky .sparsity-responsive-nav .mean-container a.meanmenu-reveal, .navbar-area.navbar-bg .sparsity-responsive-nav .mean-container a.meanmenu-reveal {
    color: #333333;
  }
  .navbar-area.is-sticky .sparsity-responsive-nav .mean-container a.meanmenu-reveal span, .navbar-area.navbar-bg .sparsity-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #333333;
  }
  .navbar-area.is-sticky .others-options .cart-btn, .navbar-area.navbar-bg .others-options .cart-btn {
    color: #333333;
  }
  .sparsity-responsive-nav {
    display: block;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu {
    position: relative;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul {
    font-size: 14px;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li.active li a {
    color: #677294;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li.active li li a {
    color: #677294;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li.active li li li a {
    color: #677294;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li.active li li li li a {
    color: #677294;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li.active li li li li li a {
    color: #677294;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 13.5px;
  }
  .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .navbar-nav {
    overflow-y: scroll;
    height: 305px;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .sparsity-responsive-nav .mean-container a.meanmenu-reveal {
    color: #ffffff;
  }
  .sparsity-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #ffffff;
  }
  .sparsity-responsive-nav .logo {
    position: relative;
    width: 50%;
    z-index: 999;
  }
  .sparsity-responsive-nav .logo img.optional-logo {
    display: none;
  }
  .sparsity-responsive-nav .logo .optional-title {
    display: none;
  }
  .others-options {
    position: absolute;
    right: 55px;
    top: 7px;
  }
  .others-options .btn, .others-options .option-item {
    display: none;
  }
  .others-options .cart-btn {
    color: #ffffff;
  }
  .sparsity-nav {
    display: none;
  }
  /*new-navbar-css*/
  .navbar-style-three .sparsity-responsive-nav .logo img {
    display: inline-block !important;
  }
  .navbar-style-three .sparsity-responsive-nav .mean-container a.meanmenu-reveal {
    color: #333333;
  }
  .navbar-style-three .sparsity-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #333333;
  }
  .navbar-style-three .others-options .cart-btn {
    color: #333333;
  }
  .navbar-style-four .sparsity-responsive-nav .logo img {
    display: inline-block !important;
  }
  .navbar-style-four .sparsity-responsive-nav .mean-container a.meanmenu-reveal {
    color: #333333;
  }
  .navbar-style-four .sparsity-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #333333;
  }
  .navbar-style-four .others-options .cart-btn {
    color: #333333;
  }
  /*end-new-navbar-css*/
}

/*================================================
Main Banner Area CSS
=================================================*/
.main-banner {
  height: 950px;
  position: relative;
  background-image: url(../../assets/img/main-banner.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-banner .container-fluid {
  padding-left: 100px;
  padding-right: 100px;
}

.main-banner-content {
  margin-top: -160px;
  max-width: 720px;
}

.main-banner-content h1 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 70px;
  font-weight: 700;
}

.main-banner-content h2 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 65px;
  font-weight: 700;
}

.main-banner-content h3 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 60px;
  font-weight: 700;
}

.main-banner-content h4 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 55px;
  font-weight: 700;
}

.main-banner-content h5 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 50px;
  font-weight: 700;
}

.main-banner-content h6 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 45px;
  font-weight: 700;
}

.main-banner-content.text-center p, .main-banner-content.text-right p {
  max-width: none;
}

.main-banner-content p {
  font-size: 15px;
  color: #ffffff;
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0;
}

.main-banner-content ul, .main-banner-content ol {
  padding-left: 17px;
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 10px;
}

.main-banner-content ul li, .main-banner-content ol li {
  line-height: 1.8;
}

.main-banner-content .btn-box {
  margin-top: 30px;
}

.main-banner-content .btn-box .optional-btn {
  display: inline-block;
  color: #ffffff;
  position: relative;
  margin-left: 20px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.main-banner-content .btn-box .optional-btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-banner-content .btn-box .optional-btn::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-banner-content .btn-box .optional-btn:hover {
  color: #ffffff;
}

.main-banner-content .btn-box .optional-btn:hover::before {
  width: 0;
}

.main-banner-content .btn-box .optional-btn:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

/*new-banner-css*/
.banner-section {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-image: url(../../assets/img/banner-bg-shape.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 240px;
  padding-bottom: 120px;
}

.banner-content h1 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 67px;
  font-weight: 700;
}

.banner-content h2 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 62px;
  font-weight: 700;
}

.banner-content h3 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 57px;
  font-weight: 700;
}

.banner-content h4 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 52px;
  font-weight: 700;
}

.banner-content h5 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 47px;
  font-weight: 700;
}

.banner-content h6 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 42px;
  font-weight: 700;
}

.banner-content p {
  font-size: 15px;
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0;
}

.banner-content ul, .banner-content ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.banner-content ul li, .banner-content ol li {
  line-height: 1.8;
}

.banner-content .btn-box {
  margin-top: 30px;
}

.banner-content .btn-box .optional-btn {
  display: inline-block;
  color: #333333;
  position: relative;
  margin-left: 20px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.banner-content .btn-box .optional-btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #333333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-content .btn-box .optional-btn::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-content .btn-box .optional-btn:hover::before {
  width: 0;
}

.banner-content .btn-box .optional-btn:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.banner-img {
  width: 100%;
  height: 100%;
  top: -75px;
}

.banner-image {
  position: relative;
  width: 100%;
  height: 100%;
  top: -75px;
}

.banner-image img {
  position: absolute;
}

.banner-image img:nth-child(1) {
  left: 115px;
  bottom: 70px;
  z-index: 4;
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.banner-image img:nth-child(2) {
  left: 87px;
  bottom: 45px;
  z-index: 3;
}

.banner-image img:nth-child(3) {
  right: -43px;
  bottom: -35px;
}

.banner-image img:nth-child(4) {
  left: -40px;
  bottom: -75px;
  z-index: 3;
}

.banner-image img:nth-child(5) {
  left: 40px;
  bottom: -55px;
  z-index: 2;
}

.banner-image img:nth-child(6) {
  left: -45px;
  top: 185px;
  z-index: 1;
}

.banner-image img:nth-child(7) {
  right: 160px;
  top: 0;
}

.banner-image img:nth-child(8) {
  left: 30px;
  bottom: -63px;
}

.banner-image img.main-pic {
  display: none;
}

.hero-banner {
  position: relative;
  z-index: 1;
  background-image: url(../../assets/img/banner-bg-shape.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 180px;
  padding-bottom: 100px;
}

.hero-banner .container-fluid {
  padding-left: 70px;
  padding-right: 70px;
}

.hero-banner-content h1 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 67px;
  font-weight: 700;
}

.hero-banner-content h2 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 62px;
  font-weight: 700;
}

.hero-banner-content h3 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 57px;
  font-weight: 700;
}

.hero-banner-content h4 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 52px;
  font-weight: 700;
}

.hero-banner-content h5 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 47px;
  font-weight: 700;
}

.hero-banner-content h6 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 42px;
  font-weight: 700;
}

.hero-banner-content p {
  font-size: 15px;
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0;
}

.hero-banner-content ul, .hero-banner-content ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.hero-banner-content ul li, .hero-banner-content ol li {
  line-height: 1.8;
}

.hero-banner-content .btn-box {
  margin-top: 30px;
}

.hero-banner-content .btn-box .optional-btn {
  display: inline-block;
  color: #333333;
  position: relative;
  margin-left: 20px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.hero-banner-content .btn-box .optional-btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #333333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.hero-banner-content .btn-box .optional-btn::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.hero-banner-content .btn-box .optional-btn:hover::before {
  width: 0;
}

.hero-banner-content .btn-box .optional-btn:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.hero-banner-image {
  text-align: center;
}

/*end-banner-css*/
/* new slider banner */
.home-slides.owl-theme .owl-nav {
  margin-top: 0;
}

.home-slides.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  background-color: transparent !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 0;
  padding: 0 0 0 0 !important;
  opacity: .50;
  color: #ffffff;
  font-size: 30px;
  overflow: hidden;
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-prev {
  padding: 0 25px 0 0 !important;
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-prev::before {
  content: 'Prev';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-prev::after {
  content: 'Prev';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  font-size: 14px;
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-prev:hover::before {
  -webkit-transform: translateY(-190%);
          transform: translateY(-190%);
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-prev:hover::after {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 50px;
  padding: 0 0 0 25px !important;
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-next::before {
  content: 'Next';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-next::after {
  content: 'Next';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  font-size: 14px;
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-next:hover::before {
  -webkit-transform: translateY(-190%);
          transform: translateY(-190%);
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-next:hover::after {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.home-slides.owl-theme .owl-nav [class*=owl-]:hover {
  opacity: 1;
}

.home-slides.owl-theme .owl-nav i::before, .home-slides.owl-theme .owl-nav i::after {
  font-size: 30px !important;
}

.home-slides .main-banner {
  height: 100vh;
}

.home-slides .main-banner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .60;
}

.home-slides .main-banner-content {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  position: relative;
  margin-top: 0;
}

.home-slides .main-banner-content.text-right p {
  max-width: none;
  text-align: right;
}

.home-slides .main-banner-content.text-left p {
  max-width: none;
  text-align: left;
}

.home-slides .main-banner-content p {
  max-width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*================================================
Featured Services Area CSS
=================================================*/
.featured-services-area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: transparent;
}

.single-featured-services-box {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 20px 25px;
}

.single-featured-services-box .icon {
  margin-bottom: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-featured-services-box .icon i {
  font-size: 45px;
}

.single-featured-services-box .icon i::before {
  font-size: 45px;
}

.single-featured-services-box h3 {
  margin-bottom: 0;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 23px;
  font-weight: 700;
}

.single-featured-services-box h3 a {
  color: #ffffff;
}

.single-featured-services-box p {
  color: #dddddd;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 12px;
  margin-bottom: 0;
}

.single-featured-services-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}

.single-featured-services-box:hover .icon, .single-featured-services-box.active .icon {
  color: #ffffff;
}

.single-featured-services-box:hover h3, .single-featured-services-box.active h3 {
  color: #ffffff;
}

.single-featured-services-box:hover h3 a, .single-featured-services-box.active h3 a {
  color: #ffffff;
}

.single-featured-services-box:hover p, .single-featured-services-box.active p {
  color: #f0f0f0;
}

.single-featured-services-box:hover::before, .single-featured-services-box.active::before {
  width: 100%;
}

/*================================================
New Featured Solutions Area CSS
=================================================*/
.featured-solutions-area {
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.single-featured-solutions-box {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  padding: 35px;
  border-radius: 5px;
  background: -webkit-gradient(linear, right top, left bottom, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to left bottom, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
}

.single-featured-solutions-box .icon {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}

.single-featured-solutions-box .icon img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-featured-solutions-box .icon::before {
  height: 50px;
  width: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to right, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  content: '';
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-featured-solutions-box h3 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 23px;
  font-weight: 700;
}

.single-featured-solutions-box p {
  margin-top: 13px;
  margin-bottom: 0;
}

.single-featured-solutions-box .learn-more-btn {
  margin-top: 12px;
  font-size: 16px;
}

.single-featured-solutions-box .learn-more-btn::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

.single-featured-solutions-box .learn-more-btn:hover::before {
  width: 0;
}

.single-featured-solutions-box:hover .icon img {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.single-featured-solutions-box:hover .icon::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

/*================================================
About Area CSS
=================================================*/
.about-area {
  position: relative;
  z-index: 1;
}

.about-image {
  position: relative;
  padding-bottom: 100px;
}

.about-image img:nth-child(2) {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0 10px 0 0;
}

.about-content {
  padding-left: 25px;
}

.about-content h2 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 700;
}

.about-content h1 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-size: 45px;
  font-weight: 700;
}

.about-content h3 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-size: 35px;
  font-weight: 700;
}

.about-content h4 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-size: 30px;
  font-weight: 700;
}

.about-content h5 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-size: 25px;
  font-weight: 700;
}

.about-content h6 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-size: 20px;
  font-weight: 700;
}

.about-content p {
  margin-bottom: 13px;
}

.about-content ul, .about-content ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.about-content ul li, .about-content ol li {
  line-height: 1.8;
}

.about-content .btn {
  margin-top: 7px;
}

.about-inner-area {
  margin-top: 60px;
}

.about-inner-area .about-text p {
  margin-bottom: -5px;
}

.about-text h3 {
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 700;
}

.about-text h1 {
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 700;
}

.about-text h2 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
}

.about-text h4 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.about-text h5 {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 700;
}

.about-text h6 {
  margin-bottom: 0;
  font-size: 8px;
  font-weight: 700;
}

.about-text p {
  margin-top: 13px;
  margin-bottom: 0;
}

.about-text ul, .about-text ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.about-text ul li, .about-text ol li {
  line-height: 1.8;
}

/*new-about-css*/
.about-img {
  text-align: center;
}

.about-content .features-list {
  padding-left: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  margin-right: -10px;
  margin-left: -10px;
}

.about-content .features-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 13px;
}

.about-content .features-list li span {
  display: block;
  position: relative;
  color: #333333;
  padding-left: 28px;
  font-family: "Dosis", sans-serif;
  font-weight: 600;
  font-size: 17px;
}

.about-content .features-list li span i {
  width: 20px;
  display: inline-block;
  height: 20px;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 4px;
  color: #ffffff;
  line-height: 16px;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.about-content .features-list li span i::before {
  font-size: 10px;
}

/*end-new-about-css*/
.shape-img1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: -1;
  opacity: .40;
}

.shape-img2 {
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: -1;
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.shape-img7 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  opacity: .20;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

.shape-img3 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: .10;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

.shape-img4 {
  position: absolute;
  right: 40%;
  bottom: 8%;
  z-index: -1;
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.shape-img5 {
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  opacity: 0.7;
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.shape-img6 {
  position: absolute;
  left: 2%;
  bottom: 0;
  z-index: -1;
  opacity: .40;
  -webkit-animation: moveLeftBounce 5s linear infinite;
          animation: moveLeftBounce 5s linear infinite;
}

.dot-shape1 {
  position: absolute;
  top: 5%;
  left: 50%;
  z-index: -1;
  -webkit-animation: animationFramesTwo 40s infinite linear;
          animation: animationFramesTwo 40s infinite linear;
  opacity: 0.5;
}

.dot-shape2 {
  position: absolute;
  left: 5%;
  top: 45%;
  z-index: -1;
  -webkit-animation: animationFramesTwo 30s infinite linear;
          animation: animationFramesTwo 30s infinite linear;
  opacity: 0.5;
}

.dot-shape4 {
  position: absolute;
  right: 15%;
  top: 50%;
  z-index: -1;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

.dot-shape5 {
  position: absolute;
  left: 30%;
  top: 50%;
  z-index: -1;
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.dot-shape6 {
  position: absolute;
  right: 45%;
  bottom: 5%;
  z-index: -1;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

@-webkit-keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(-73px, 1px) rotate(-36deg);
            transform: translate(-73px, 1px) rotate(-36deg);
  }
  40% {
    -webkit-transform: translate(-141px, -72px) rotate(-72deg);
            transform: translate(-141px, -72px) rotate(-72deg);
  }
  60% {
    -webkit-transform: translate(-83px, -122px) rotate(-108deg);
            transform: translate(-83px, -122px) rotate(-108deg);
  }
  80% {
    -webkit-transform: translate(40px, -72px) rotate(-144deg);
            transform: translate(40px, -72px) rotate(-144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(-73px, 1px) rotate(-36deg);
            transform: translate(-73px, 1px) rotate(-36deg);
  }
  40% {
    -webkit-transform: translate(-141px, -72px) rotate(-72deg);
            transform: translate(-141px, -72px) rotate(-72deg);
  }
  60% {
    -webkit-transform: translate(-83px, -122px) rotate(-108deg);
            transform: translate(-83px, -122px) rotate(-108deg);
  }
  80% {
    -webkit-transform: translate(40px, -72px) rotate(-144deg);
            transform: translate(40px, -72px) rotate(-144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes animationFramesTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

/*================================================
Services Area CSS
=================================================*/
.services-area {
  padding-bottom: 90px;
  position: relative;
  z-index: 1;
}

.services-area .pagination-area {
  margin-bottom: 30px;
}

.single-services-box {
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 30px 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.single-services-box .icon {
  margin-bottom: 20px;
  background-color: #ffe4d9;
  border-radius: 5px;
  width: 75px;
  height: 75px;
  line-height: 75px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
}

.single-services-box .icon i::before {
  font-size: 35px;
}

.single-services-box h3 {
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 700;
}

.single-services-box p {
  margin-top: 12px;
  margin-bottom: 0;
}

.single-services-box::before {
  content: '';
  height: 2px;
  width: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}

.single-services-box:hover .icon {
  color: #ffffff;
}

.single-services-box:hover::before {
  width: 100%;
  height: 2px;
}

/*new-services-image*/
.services-section {
  position: relative;
  z-index: 1;
}

.services-tab-list .tabs {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.services-tab-list .tabs li {
  margin-bottom: 10px;
}

.services-tab-list .tabs li a {
  display: block;
  background-color: #ffffff;
  position: relative;
  padding: 20px;
  border-radius: 5px;
  color: #313e5b;
  font-size: 19px;
  font-weight: 600;
}

.services-tab-list .tabs li a i {
  display: inline-block;
  width: 55px;
  height: 55px;
  background: -webkit-gradient(linear, right top, left bottom, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to left bottom, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
  text-align: center;
  line-height: 55px;
  border-radius: 5px;
  margin-right: 7px;
}

.services-tab-list .tabs li a i::before {
  font-size: 30px;
}

.services-tab-list .tabs li a:hover {
  color: #ffffff;
}

.services-tab-list .tabs li.current a {
  color: #ffffff;
}

.services-tab-list .tabs li:last-child {
  margin-bottom: 0;
}

.services-tab-list .tab-content {
  padding-left: 30px;
}

.services-tab-list .tab-content .tabs-item .image {
  margin-bottom: 30px;
}

.services-tab-list .tab-content .tabs-item .content .btn {
  margin-top: 5px;
}

/*end-new-services-image*/
/*================================================
Services Details Area CSS
=================================================*/
.services-details-overview {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 50px;
}

.services-details-overview:first-child {
  margin-top: 0;
}

.services-details-overview .services-details-desc {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}

.services-details-overview .services-details-desc h3 {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 700;
}

.services-details-overview .services-details-desc h1 {
  margin-bottom: 15px;
  font-size: 33px;
  font-weight: 700;
}

.services-details-overview .services-details-desc h2 {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 700;
}

.services-details-overview .services-details-desc h4 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}

.services-details-overview .services-details-desc h5 {
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 700;
}

.services-details-overview .services-details-desc h6 {
  margin-bottom: 15px;
  font-size: 9px;
  font-weight: 700;
}

.services-details-overview .services-details-desc ul, .services-details-overview .services-details-desc ol {
  padding: 0 20px 20px 30px;
  margin-bottom: 0;
  margin-top: 0;
}

.services-details-overview .services-details-desc ul li, .services-details-overview .services-details-desc ol li {
  line-height: 1.8;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 25px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item {
  display: block;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
  margin-bottom: 15px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {
  padding: 12px 20px 12px 51px;
  color: #333333;
  position: relative;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  color: #ffffff;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 13px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active {
  border-bottom-color: #eeeeee;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active i::before {
  content: "\f068";
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 15px 15px;
}

.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content.show {
  display: block;
}

.services-details-overview .services-details-image {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}

/*================================================
Webinar Area CSS
=================================================*/
.webinar-content {
  margin-left: auto;
  max-width: 555px;
  padding-top: 150px;
  padding-bottom: 150px;
  padding-right: 87px;
}

.webinar-content h2 {
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 40px;
  font-weight: 700;
}

.webinar-content h1 {
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 45px;
  font-weight: 700;
}

.webinar-content h3 {
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 35px;
  font-weight: 700;
}

.webinar-content h4 {
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 30px;
  font-weight: 700;
}

.webinar-content h5 {
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 25px;
  font-weight: 700;
}

.webinar-content h6 {
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 20px;
  font-weight: 700;
}

.webinar-content p {
  margin-bottom: 15px;
}

.webinar-content ul, .webinar-content ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.webinar-content ul li, .webinar-content ol li {
  line-height: 1.8;
}

.webinar-content .btn {
  margin-top: 15px;
}

.webinar-video-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.webinar-video-image img {
  display: none;
}

.webinar-video-image .video-btn {
  position: absolute;
  left: -45px;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 50%;
  color: #ffffff;
  z-index: 1;
}

.webinar-video-image .video-btn i::before {
  font-size: 38px;
  padding-left: 5px;
}

.webinar-video-image .video-btn::after, .webinar-video-image .video-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid;
}

.webinar-video-image .video-btn::before {
  -webkit-animation: ripple 2s linear infinite;
          animation: ripple 2s linear infinite;
}

.webinar-video-image .video-btn::after {
  -webkit-animation: ripple 2s linear 1s infinite;
          animation: ripple 2s linear 1s infinite;
}

.webinar-video-image .video-btn:hover, .webinar-video-image .video-btn:focus {
  color: #ffffff;
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.75);
            transform: scale(1.75);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

/*================================================
New Projects Area CSS
=================================================*/
.projects-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-bottom: 80px;
}

.projects-area .section-title {
  text-align: left;
  max-width: 540px;
  margin-left: 0;
  margin-right: 0;
}

.projects-area .container-fluid {
  position: relative;
}

.single-projects-box {
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.175);
          box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.175);
  background-color: #ffffff;
}

.single-projects-box img {
  border-radius: 5px;
}

.single-projects-box .plus-icon a {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all .4s ease-out 0s;
  transition: all .4s ease-out 0s;
  overflow: hidden;
  border-radius: 50%;
}

.single-projects-box .plus-icon a span {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.single-projects-box .plus-icon a span::before, .single-projects-box .plus-icon a span::after {
  position: absolute;
  content: '';
  width: 2px;
  height: 100%;
  background-color: #ffffff;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.single-projects-box .plus-icon a span::after {
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.single-projects-box:hover .plus-icon a {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.projects-slides.owl-theme .owl-stage-outer {
  padding-left: 15px;
  padding-right: 15px;
}

.projects-slides.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  right: 20%;
  top: -115px;
}

.projects-slides.owl-theme .owl-nav [class*=owl-] {
  color: #333333;
  font-size: 15px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  border-radius: 30% 70% 70% 30% / 40% 60% 40% 60%;
  z-index: 1;
}

.projects-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  margin-left: 10px;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}

.projects-slides.owl-theme .owl-nav [class*=owl-].owl-next::before {
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}

.projects-slides.owl-theme .owl-nav [class*=owl-]::before {
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left bottom, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to left bottom, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
  border-radius: 30% 70% 70% 30% / 40% 60% 40% 60%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.projects-slides.owl-theme .owl-nav [class*=owl-]:hover {
  color: #ffffff;
}

.projects-slides.owl-theme .owl-nav [class*=owl-]:hover::before {
  opacity: 0;
  visibility: hidden;
}

.circle-shape1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

/*================================================
New Projects Details Area CSS
=================================================*/
.projects-details {
  padding: 40px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
  background-color: #ffffff;
}

.projects-details-image {
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.3);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.3);
  background-color: #ffffff;
}

.projects-details-info {
  width: 100%;
  height: 100%;
  padding: 25px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
  background-color: #ffffff;
}

.projects-details-info ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.projects-details-info ul li {
  margin-bottom: 12px;
}

.projects-details-info ul li:last-child {
  margin-bottom: 0;
}

.projects-details-info ul li a {
  display: inline-block;
}

.projects-details-info ul li span {
  color: #333333;
  font-weight: 600;
  font-size: 16px;
}

.projects-details-info ul li p {
  display: inline-block;
}

.projects-details-desc {
  margin-top: 35px;
}

.projects-details-desc h3 {
  margin-bottom: 12px;
  font-size: 23px;
  font-weight: 700;
}

.projects-details-desc p {
  margin-bottom: 12px;
}

.projects-details-desc blockquote p, .projects-details-desc .blockquote p {
  font-size: 25px;
}

/*================================================
Team Area CSS
=================================================*/
.team-area {
  padding-bottom: 80px;
}

.single-team-box {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
}

.single-team-box .image {
  position: relative;
  overflow: hidden;
}

.single-team-box .image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team-box .image .social {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  text-decoration: none;
  opacity: 0;
  margin-top: -100px;
  padding: 8px 15px;
  background: #ffffff;
  border-radius: 35px;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team-box .image .social a {
  display: inline-block;
  font-size: 17px;
  margin: 0 7px;
}

.single-team-box .content {
  padding: 25px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team-box .content h3 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 23px;
  font-weight: 700;
}

.single-team-box .content h1 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 33px;
  font-weight: 700;
}

.single-team-box .content h2 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 28px;
  font-weight: 700;
}

.single-team-box .content h4 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 18px;
  font-weight: 700;
}

.single-team-box .content h5 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 13px;
  font-weight: 700;
}

.single-team-box .content h6 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 9px;
  font-weight: 700;
}

.single-team-box .content span {
  display: block;
  margin-top: 8px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Dosis", sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.single-team-box:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-team-box:hover .image img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.single-team-box:hover .image .social {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}

.single-team-box:hover .content h3 {
  color: #ffffff;
}

.single-team-box:hover .content span {
  color: #ffffff;
}

/*================================================
New Fun Facts Area CSS
=================================================*/
.fun-facts-area {
  position: relative;
  z-index: 1;
}

.single-funfacts {
  margin-bottom: 30px;
  text-align: center;
}

.single-funfacts h3 {
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
}

.single-funfacts h3 .odometer-auto-theme {
  font-family: "Dosis", sans-serif;
}

.single-funfacts p {
  line-height: initial;
  margin-bottom: 0;
}

.contact-cta-box {
  max-width: 600px;
  border-radius: 5px;
  border: 1px solid #f5f5f5;
  padding: 25px 220px 25px 40px;
  position: relative;
  margin-left: auto;
  margin-top: 40px;
  margin-right: auto;
}

.contact-cta-box h3 {
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 600;
}

.contact-cta-box h1 {
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 600;
}

.contact-cta-box h2 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
}

.contact-cta-box h4 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.contact-cta-box h5 {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
}

.contact-cta-box h6 {
  margin-bottom: 0;
  font-size: 9px;
  font-weight: 600;
}

.contact-cta-box p {
  line-height: initial;
  margin-top: 10px;
  margin-bottom: 0;
}

.contact-cta-box ul, .contact-cta-box ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.contact-cta-box ul li, .contact-cta-box ol li {
  line-height: 1.8;
}

.contact-cta-box .btn {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.shape-map1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*================================================
Partner Area CSS
=================================================*/
.partner-area {
  padding-bottom: 100px;
}

.customers-partner-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.partner-item {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
  padding-left: 5px;
  padding-right: 5px;
}

.partner-item a {
  display: block;
  padding: 25px;
  background: #ffffff;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}

.partner-item a::before, .partner-item a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.partner-item a::before {
  left: 0;
  top: 0;
}

.partner-item a::after {
  right: 0;
  bottom: 0;
}

.partner-item a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.partner-item a:hover::after, .partner-item a:hover::before {
  width: 40px;
  height: 40px;
  opacity: 1;
  visibility: visible;
}

.partner-item a:hover img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.partner-item:nth-child(6) {
  margin-left: 10%;
}

/*new-partner-css*/
.partner-section {
  position: relative;
  padding-bottom: 80px;
  z-index: 1;
}

.single-partner-item {
  margin-bottom: 30px;
  text-align: center;
}

.single-partner-item a {
  display: block;
}

.single-partner-item a img {
  width: auto !important;
  display: inline-block !important;
}

/*end-new-partner-css*/
/*================================================
Feedback Area CSS
=================================================*/
.feedback-area {
  position: relative;
  z-index: 1;
}

.feedback-item {
  position: relative;
  z-index: 3;
  margin-left: auto;
  max-width: 555px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.feedback-item p {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 19px;
  font-style: italic;
}

.feedback-item ul, .feedback-item ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
  color: #ffffff;
}

.feedback-item ul li, .feedback-item ol li {
  line-height: 1.8;
}

.feedback-item::before {
  content: "\f113";
  color: #f8b5a6;
  display: inline-block;
  position: relative;
  margin-top: -15px;
  font-style: normal;
  font-size: 50px;
  font-family: Flaticon;
}

.feedback-item .client-info {
  margin-top: 20px;
}

.feedback-item .client-info img {
  width: 75px !important;
  display: none !important;
  margin-bottom: 15px;
  border-radius: 5px;
}

.feedback-item .client-info h3 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}

.feedback-item .client-info h1 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}

.feedback-item .client-info h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

.feedback-item .client-info h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.feedback-item .client-info h5 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 8px;
  font-weight: 700;
}

.feedback-item .client-info h6 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 5px;
  font-weight: 700;
}

.feedback-item .client-info span {
  display: block;
  font-weight: 300;
  margin-top: 4px;
  color: #ffffff;
}

.feedback-item::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  z-index: -1;
  display: none;
}

.feedback-slides-bg-color .feedback-item::after {
  display: block;
}

.client-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.client-image img {
  display: none !important;
  width: auto !important;
}

.client-image.bg1 {
  background-image: url(../../assets/img/client/1.jpg);
}

.client-image.bg2 {
  background-image: url(../../assets/img/client/2.jpg);
}

.client-image.bg3 {
  background-image: url(../../assets/img/client/3.jpg);
}

.feedback-slides.owl-theme .owl-stage .owl-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 68%;
  height: 100%;
  z-index: 1;
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
}

.feedback-slides.owl-theme .owl-nav {
  margin-top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.feedback-slides.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent !important;
  color: #ffffff;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 50px;
}

.feedback-slides.owl-theme .owl-nav [class*=owl-] i::before {
  font-size: 50px;
}

.feedback-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 50px;
}

.feedback-slides.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

.feedback-slides.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  bottom: 15px;
  right: 0;
}

.feedback-slides.owl-theme .owl-dots .owl-dot {
  outline: 0;
}

.feedback-slides.owl-theme .owl-dots .owl-dot span {
  background-color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 0 4px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.feedback-slides.owl-theme .owl-dots .owl-dot.active span, .feedback-slides.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #3a3a3a;
}

.feedback-slides-bg-color.one-img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 68%;
  height: 100%;
  z-index: 1;
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
}

.feedback-slides-bg.owl-theme .owl-stage .owl-item::before {
  background-image: url(../../assets/img/1.png);
}

.feedback-slides-bg .feedback-item::after {
  display: none;
}

.feedback-slides-bg.one-img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 68%;
  height: 100%;
  z-index: 1;
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../assets/img/1.png);
}

.feedback-slides-bg .feedback-item::after {
  display: none;
}

/*new-feedback-css*/
.testimonials-area {
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.test-bg-grad {
  background: -webkit-gradient(linear, left top, right top, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to right, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
}

.single-testimonials-item {
  -webkit-box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.04);
  margin-bottom: 45px;
  background-color: #ffffff;
  position: relative;
  padding: 60px 70px 60px 190px;
  border-radius: 5px;
}

.single-testimonials-item .client-info {
  position: absolute;
  left: 70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.single-testimonials-item .client-info img {
  border-radius: 5px;
  border: 2px solid #f4f5fe;
  width: 80px !important;
  height: 80px !important;
  padding: 5px;
  display: inline-block !important;
}

.single-testimonials-item .client-info h3 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 19px;
  font-weight: 700;
}

.single-testimonials-item .client-info h1 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 23px;
  font-weight: 700;
}

.single-testimonials-item .client-info h2 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 21px;
  font-weight: 700;
}

.single-testimonials-item .client-info h4 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
}

.single-testimonials-item .client-info h5 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
}

.single-testimonials-item .client-info h6 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
}

.single-testimonials-item .client-info span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}

.single-testimonials-item p {
  font-size: 15px;
  margin-bottom: 0;
  color: #4a6f8a;
}

.single-testimonials-item ul, .single-testimonials-item ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
  color: #4a6f8a;
}

.single-testimonials-item ul li, .single-testimonials-item ol li {
  line-height: 1.8;
}

.single-testimonials-item .rating {
  margin-top: 10px;
}

.single-testimonials-item .rating i {
  color: #ff612f;
}

.single-testimonials-item .rating i::before {
  font-size: 14px;
}

.single-testimonials-item::before {
  content: "\f113";
  color: #f5f5f5;
  position: absolute;
  right: 25px;
  bottom: 0;
  font-style: normal;
  font-size: 80px;
  font-family: Flaticon;
}

.single-testimonials-item::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 5px;
  bottom: -15px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.04);
  z-index: -1;
  margin-left: 30px;
  margin-right: 30px;
}

.testimonials-slides {
  max-width: 750px;
  margin: -40px auto 0;
}

.testimonials-slides .single-testimonials-item {
  margin-top: 40px;
}

.testimonials-slides .owl-item {
  padding-left: 50px;
  padding-right: 50px;
}

.testimonials-slides .owl-nav.disabled + .owl-dots {
  line-height: .01;
  margin-top: 10px;
  margin-bottom: 30px;
}

.testimonials-slides .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 3px;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #8d95a7;
  border-radius: 50%;
  position: relative;
}

.testimonials-slides .owl-dots .owl-dot span::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 2px;
  content: '';
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.testimonials-slides .owl-dots .owl-dot:hover span, .testimonials-slides .owl-dots .owl-dot.active span {
  background-color: transparent;
}

.testimonials-slides .owl-dots .owl-dot:hover span::before, .testimonials-slides .owl-dots .owl-dot.active span::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*end-new-feedback-css*/
/*================================================
Pricing Area CSS
=================================================*/
.pricing-area {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}

.single-pricing-box {
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.single-pricing-box .pricing-header h3 {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
}

.single-pricing-box .pricing-header h1 {
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
}

.single-pricing-box .pricing-header h2 {
  margin-bottom: 0;
  font-size: 31px;
  font-weight: 700;
}

.single-pricing-box .pricing-header h4 {
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 700;
}

.single-pricing-box .pricing-header h5 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.single-pricing-box .pricing-header h6 {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
}

.single-pricing-box .pricing-header p {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 0;
}

.single-pricing-box .price {
  font-size: 50px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  margin-bottom: 10px;
}

.single-pricing-box .price span {
  display: inline-block;
  margin-left: -7px;
  font-size: 20px;
  font-weight: 600;
}

.single-pricing-box .buy-btn {
  margin-bottom: 25px;
}

.single-pricing-box .buy-btn .btn-primary::after {
  background: -webkit-gradient(linear, left bottom, right top, from(#a3a3a3), color-stop(#9a9a9a), color-stop(#909090), color-stop(#878787), to(#7e7e7e));
  background: linear-gradient(to right top, #a3a3a3, #9a9a9a, #909090, #878787, #7e7e7e);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
  border-radius: 30px;
}

.single-pricing-box .pricing-features {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-pricing-box .pricing-features li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 19px;
}

.single-pricing-box .pricing-features li:last-child {
  margin-bottom: 0;
}

.single-pricing-box .pricing-features li i {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.single-pricing-box .pricing-features li i::before {
  font-size: 12px;
}

.single-pricing-box:hover, .single-pricing-box.active {
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border-color: #ffffff;
}

.single-pricing-box:hover .buy-btn .btn-primary::after, .single-pricing-box.active .buy-btn .btn-primary::after {
  opacity: 0;
  visibility: hidden;
}

.tabs-item {
  display: none;
}

.tabs-item:first-child {
  display: block;
}

.display-block-css {
  display: block;
}

.pricing-tab .tabs {
  padding-left: 0;
  margin-bottom: 45px;
  list-style-type: none;
  text-align: center;
}

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

.pricing-tab .tabs li a {
  background-color: #ffffff;
  padding: 10px 30px 11px;
  margin-left: -2px;
  margin-right: -2px;
  font-family: "Dosis", sans-serif;
  font-weight: 600;
  font-size: 16px;
}

.pricing-tab .tabs li a:hover {
  color: #ffffff;
  background-color: #333333;
}

.pricing-tab .tabs li.current a {
  color: #ffffff;
  background-color: #333333;
}

.pricing-tab .tabs li:nth-child(1) a {
  border-radius: 5px 0 0 5px;
}

.pricing-tab .tabs li:nth-child(1) a::before {
  border-radius: 5px 0 0 5px;
}

.pricing-tab .tabs li:nth-child(2) a {
  border-radius: 0 5px 5px 0;
}

.pricing-tab .tabs li:nth-child(2) a::before {
  border-radius: 0 5px 5px 0;
}

/*new-pricing-css*/
.pricing-box {
  background: -webkit-gradient(linear, right top, left bottom, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to left bottom, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
  margin-bottom: 30px;
  text-align: center;
  padding: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.pricing-box .pricing-header h3 {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
}

.pricing-box .pricing-header h1 {
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
}

.pricing-box .pricing-header h2 {
  margin-bottom: 0;
  font-size: 31px;
  font-weight: 700;
}

.pricing-box .pricing-header h4 {
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 700;
}

.pricing-box .pricing-header h5 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.pricing-box .pricing-header h6 {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
}

.pricing-box .pricing-header p {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 0;
}

.pricing-box .price {
  font-size: 50px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  margin-bottom: 10px;
}

.pricing-box .price span {
  display: inline-block;
  margin-left: -7px;
  font-size: 20px;
  font-weight: 600;
}

.pricing-box .buy-btn {
  margin-bottom: 25px;
}

.pricing-box .buy-btn .btn-primary::after {
  background: -webkit-gradient(linear, left bottom, right top, from(#a3a3a3), color-stop(#9a9a9a), color-stop(#909090), color-stop(#878787), to(#7e7e7e));
  background: linear-gradient(to right top, #a3a3a3, #9a9a9a, #909090, #878787, #7e7e7e);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
  border-radius: 30px;
}

.pricing-box.text-center .pricing-features {
  text-align: center;
}

.pricing-box.text-right .pricing-features {
  text-align: right;
}

.pricing-box .pricing-features {
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

.pricing-box .pricing-features li {
  margin-bottom: 12px;
  color: #495771;
  position: relative;
  padding-left: 19px;
}

.pricing-box .pricing-features li:last-child {
  margin-bottom: 0;
}

.pricing-box .pricing-features li i {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pricing-box .pricing-features li i::before {
  font-size: 12px;
}

.pricing-box:hover .buy-btn .btn-primary::after, .pricing-box.active .buy-btn .btn-primary::after {
  opacity: 0;
  visibility: hidden;
}

.pricing-tab.bg-color .tabs li a {
  background: -webkit-gradient(linear, right top, left bottom, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to left bottom, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
}

.pricing-tab.bg-color .tabs li a:hover {
  color: #333333;
  background: -webkit-gradient(linear, right top, left bottom, from(#dee4f3), color-stop(#e7eaf6), color-stop(#f0f1f9), color-stop(#f8f8fc), to(#ffffff));
  background: linear-gradient(to left bottom, #dee4f3, #e7eaf6, #f0f1f9, #f8f8fc, #ffffff);
}

.pricing-tab.bg-color .tabs li.current a {
  color: #ffffff;
  background: #333333;
}

/*end-new-pricing-css*/
/*================================================
Blog Area CSS
=================================================*/
.blog-area {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}

.blog-area .pagination-area {
  margin-bottom: 30px;
}

.single-blog-post {
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  background-color: #f7f7f7;
}

.single-blog-post .entry-thumbnail a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-blog-post .post-content {
  padding: 40px 30px;
  position: relative;
}

.single-blog-post .post-content .entry-meta {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  text-transform: capitalize;
}

.single-blog-post .post-content .entry-meta li {
  display: inline-block;
  position: relative;
  margin-right: 12px;
  margin-bottom: 10px;
  font-family: "Dosis", sans-serif;
  font-size: 13px;
}

.single-blog-post .post-content .entry-meta li::before {
  content: '';
  position: absolute;
  right: -7px;
  top: 50%;
  -webkit-transform: rotate(14deg) translateY(-50%);
          transform: rotate(14deg) translateY(-50%);
  width: 1px;
  height: 13px;
}

.single-blog-post .post-content .entry-meta li a {
  display: inline-block;
}

.single-blog-post .post-content .entry-meta li:last-child {
  margin-right: 0;
}

.single-blog-post .post-content .entry-meta li:last-child::before {
  display: none;
}

.single-blog-post .post-content h3 {
  margin-bottom: 0;
  line-height: 1.4;
  position: relative;
  word-wrap: break-word;
  font-size: 23px;
  font-weight: 700;
}

.single-blog-post .post-content p {
  margin-top: 10px;
  margin-bottom: 0;
}

.single-blog-post .post-content .learn-more-btn {
  margin-top: 15px;
}

.single-blog-post:hover {
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  background-color: #ffffff;
}

.single-blog-post:hover .entry-thumbnail a img {
  opacity: .7;
}

.home-blog-post .post-content {
  padding: 20px;
}

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details .blog-details-content {
  padding: 30px;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-top: none;
  overflow: hidden;
}

.blog-details .blog-details-content h3 {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 700;
}

.blog-details .blog-details-content .wp-block-gallery .wp-block-gallery {
  margin-top: 20px !important;
}

.blog-details .blog-details-content .category {
  padding: 0;
  margin: 20px 0 0;
  border-top: 1px solid #eee;
  list-style-type: none;
  clear: both;
}

.blog-details .blog-details-content .category li {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 10px;
}

.blog-details .blog-details-content .category li span.icon-book {
  font-weight: 600;
  color: #323232;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-details .blog-details-content .category li span.icon-book i {
  font-style: normal;
  font-size: 16px;
}

.blog-details .blog-details-content .category li:last-child span {
  display: none;
}

.blog-details .blog-details-content .category li a {
  font-size: 13px;
  text-decoration: none;
  text-transform: capitalize;
  color: #333333;
}

.blog-details .blog-details-content .entry-meta li span a {
  font-weight: 400;
}

.entry-meta {
  margin-bottom: 10px;
  padding-left: 0;
  list-style-type: none;
  font-family: "Dosis", sans-serif;
}

.entry-meta li {
  position: relative;
  display: inline-block;
  color: #333333;
  margin-right: 21px;
  font-size: 15px;
}

.entry-meta li span {
  display: inline-block;
  color: #333333;
  font-weight: 600;
}

.entry-meta li a {
  display: inline-block;
}

.entry-meta li i {
  margin-right: 2px;
}

.entry-meta li::before {
  content: '';
  position: absolute;
  top: 15px;
  right: -15px;
  width: 6px;
  height: 1px;
}

.entry-meta li:last-child {
  margin-right: 0;
}

.entry-meta li:last-child::before {
  display: none;
}

/*================================================
Free Trial Area CSS
=================================================*/
.free-trial-area {
  position: relative;
  z-index: 1;
}

.free-trial-area::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 68%;
  height: 100%;
  z-index: 1;
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
}

.free-trial-content {
  position: relative;
  z-index: 2;
  max-width: 555px;
  padding-left: 30px;
  padding-top: 110px;
  padding-bottom: 110px;
}

.free-trial-content h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
}

.free-trial-content h1 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 45px;
  font-weight: 700;
}

.free-trial-content h3 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 35px;
  font-weight: 700;
}

.free-trial-content h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
}

.free-trial-content h5 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
}

.free-trial-content h6 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

.free-trial-content form {
  position: relative;
  margin-top: 25px;
  margin-bottom: 10px;
}

.free-trial-content form .input-newsletter {
  display: block;
  width: 72%;
  height: 45px;
  color: #ffffff;
  border: none;
  outline: 0;
  background-color: #333333;
  border-radius: 30px;
  padding-left: 20px;
  font-size: 13px;
}

.free-trial-content form .input-newsletter::-webkit-input-placeholder {
  color: #d5d5d5;
}

.free-trial-content form .input-newsletter:-ms-input-placeholder {
  color: #d5d5d5;
}

.free-trial-content form .input-newsletter::-ms-input-placeholder {
  color: #d5d5d5;
}

.free-trial-content form .input-newsletter::placeholder {
  color: #d5d5d5;
}

.free-trial-content form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  border: none;
  padding: 0 30px;
  line-height: 45px;
  background-color: #ffffff;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.free-trial-content form button:hover {
  color: #ffffff;
}

.free-trial-content p {
  color: #ffffff;
  margin-bottom: 0;
  max-width: 350px;
}

.free-trial-content ul, .free-trial-content ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
  color: #ffffff;
}

.free-trial-content ul li, .free-trial-content ol li {
  line-height: 1.8;
}

.free-trial-content::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  z-index: -1;
}

.free-trial-bg::before {
  background-image: url(../../assets/img/2.png);
}

.free-trial-bg .free-trial-content::after {
  display: none;
}

.free-trial-bg-color .free-trial-content::after {
  display: block;
}

.free-trial-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../assets/img/woman2.jpg);
}

.free-trial-image img {
  display: none;
}

/*new-free-trial-css*/
.free-trial-section {
  position: relative;
  z-index: 1;
}

.free-trial-section::before {
  width: 40%;
  height: 100%;
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, right top, left bottom, from(#f8f9fd), color-stop(#fafafd), color-stop(#fcfcfe), color-stop(#fdfdfe), to(#ffffff));
  background: linear-gradient(to left bottom, #f8f9fd, #fafafd, #fcfcfe, #fdfdfe, #ffffff);
  content: '';
}

.free-trial-img {
  margin-left: -15px;
  text-align: center;
}

.free-trial-text {
  padding-left: 15px;
}

.free-trial-text h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
}

.free-trial-text h1 {
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
}

.free-trial-text h3 {
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
}

.free-trial-text h4 {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
}

.free-trial-text h5 {
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 700;
}

.free-trial-text h6 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.free-trial-text form {
  position: relative;
  margin-top: 25px;
  margin-bottom: 10px;
}

.free-trial-text form .input-newsletter {
  display: block;
  width: 72%;
  height: 45px;
  color: #ffffff;
  border: none;
  outline: 0;
  background-color: #333333;
  border-radius: 30px;
  padding-left: 20px;
}

.free-trial-text form .input-newsletter::-webkit-input-placeholder {
  color: #d5d5d5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.free-trial-text form .input-newsletter:-ms-input-placeholder {
  color: #d5d5d5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.free-trial-text form .input-newsletter::-ms-input-placeholder {
  color: #d5d5d5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.free-trial-text form .input-newsletter::placeholder {
  color: #d5d5d5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.free-trial-text form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.free-trial-text form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.free-trial-text form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.free-trial-text form .input-newsletter:focus::placeholder {
  color: transparent;
}

.free-trial-text form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  border: none;
  padding: 0 30px;
  line-height: 45px;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.free-trial-text form button:hover {
  color: #ffffff;
}

.free-trial-text p {
  margin-bottom: 0;
}

.free-trial-text ul, .free-trial-text ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.free-trial-text ul li, .free-trial-text ol li {
  line-height: 1.8;
}

/*end-new-free-trial-css*/
/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
  position: relative;
  z-index: 1;
  padding-top: 210px;
  padding-bottom: 140px;
  background-color: #000000;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title-area::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000000;
  opacity: .60;
}

.page-title-area.item-bg2 {
  background-image: url(../../assets/img/page-title-bg2.jpg);
}

.page-title-area.item-bg3 {
  background-image: url(../../assets/img/page-title-bg3.jpg);
}

.page-title-content h1 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 45px;
  font-weight: 700;
  word-wrap: break-word;
}

.page-title-content h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  word-wrap: break-word;
}

.page-title-content h3 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 35px;
  font-weight: 700;
  word-wrap: break-word;
}

.page-title-content h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  word-wrap: break-word;
}

.page-title-content h5 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  word-wrap: break-word;
}

.page-title-content h6 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  word-wrap: break-word;
}

.page-title-content ul {
  word-break: break-all;
  padding-left: 0;
  list-style-type: none;
  font-family: "Dosis", sans-serif;
  margin-top: 10px;
  margin-bottom: 0;
}

.page-title-content ul li {
  text-transform: capitalize;
  display: inline-block;
  color: #ffffff;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  font-weight: 600;
  font-size: 16px;
}

.page-title-content ul li::before {
  content: "\f054";
  position: absolute;
  right: -15px;
  top: 6px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
}

.page-title-content ul li:last-child {
  margin-right: 0;
}

.page-title-content ul li:last-child::before {
  display: none;
}

.page-title-content ul li:first-child {
  margin-left: 0;
}

.albion-single-blank-page {
  height: 130px;
}

/*================================================
Pagination Area CSS
=================================================*/
.pagination-area {
  margin-top: 40px;
  text-align: center;
  font-family: "Dosis", sans-serif;
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  margin: 0 3px;
  display: inline-block;
  background-color: #ffffff;
  line-height: 40px;
  color: #333333;
  -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
          box-shadow: 0 2px 10px 0 #d8dde6;
  font-size: 16px;
  font-weight: 700;
}

.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
  color: #ffffff;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.pages-links {
  margin: 15px 0;
}

.pages-links .page-links-title {
  padding-right: 5px;
  font-weight: 500;
}

.pages-links .post-page-numbers {
  width: 40px;
  height: 40px;
  margin: 0 3px;
  display: inline-block;
  background-color: #ffffff;
  line-height: 40px;
  color: #333333;
  -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
          box-shadow: 0 2px 10px 0 #d8dde6;
  font-size: 16px;
  font-weight: 700;
}

.pages-links .post-page-numbers.current, .pages-links .post-page-numbers:hover, .pages-links .post-page-numbers:focus {
  color: #ffffff;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

/*================================================
404 Error Area CSS
=================================================*/
.error-area {
  height: 100vh;
}

.error-content {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}

.error-content h3 {
  font-size: 40px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 17px;
}

.error-content p {
  max-width: 520px;
  margin: 0 auto 20px;
}

/*================================================
FAQ Area CSS
=================================================*/
.faq-content .section-title {
  text-align: left;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}

.faq-content .section-title p {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.faq-content .section-title ul, .faq-content .section-title ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
}

.faq-content .section-title ul li, .faq-content .section-title ol li {
  line-height: 1.8;
}

.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
  display: block;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
  margin-bottom: 10px;
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 12px 20px 12px 51px;
  color: #333333;
  position: relative;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  color: #ffffff;
}

.faq-accordion .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 13px;
}

.faq-accordion .accordion .accordion-title.active {
  border-bottom-color: #eeeeee;
}

.faq-accordion .accordion .accordion-title.active i::before {
  content: "\f068";
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 15px 15px;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

.faq-accordion .accordion ul, .faq-accordion .accordion ol {
  padding-left: 17px;
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: 10px;
}

.faq-accordion .accordion ul li, .faq-accordion .accordion ol li {
  line-height: 1.8;
}

.faq-contact-form {
  text-align: center;
}

.faq-contact-form form {
  padding-left: 50px;
}

.faq-contact-form form .form-control {
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
  height: 50px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
}

.faq-contact-form form .row {
  margin-left: -7px;
  margin-right: -7px;
}

.faq-contact-form form .row .col-lg-12, .faq-contact-form form .row .col-lg-6 {
  padding-left: 7px;
  padding-right: 7px;
}

.faq-contact-form form textarea.form-control {
  height: 120px;
  padding-top: 15px;
}

.faq-contact-form form .btn {
  padding: 13px 35px 15px;
  font-size: 17px;
  margin-top: 8px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.faq-contact-form form .btn.disabled {
  cursor: not-allowed !important;
}

.faq-contact-form form .btn.disabled:hover::before, .faq-contact-form form .btn.disabled:focus::before {
  opacity: 1;
  visibility: visible;
}

.faq-contact-form form .btn.disabled:hover::after, .faq-contact-form form .btn.disabled:focus::after {
  opacity: 0;
  visibility: hidden;
}

.faq-contact-form form .help-block ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.faq-contact-form form .help-block ul li {
  color: red;
}

.faq-contact-form form #msgSubmit {
  margin-bottom: 0;
}

.faq-contact-form form #msgSubmit.text-danger, .faq-contact-form form #msgSubmit.text-success {
  margin-top: 8px;
  font-size: 23px;
  font-weight: 700;
}

/*================================================
Coming Soon Area CSS
=================================================*/
.coming-soon-area {
  position: relative;
  z-index: 1;
}

.coming-soon-area .coming-soon-content {
  height: 100vh;
  position: relative;
  padding-left: 100px;
  padding-right: 100px;
}

.coming-soon-area .coming-soon-content .logo {
  position: absolute;
  left: 100px;
  top: 30px;
}

.coming-soon-area .coming-soon-content h3 {
  line-height: 1.3;
  margin-bottom: 25px;
  font-size: 40px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content h1 {
  line-height: 1.3;
  margin-bottom: 25px;
  font-size: 50px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content h2 {
  line-height: 1.3;
  margin-bottom: 25px;
  font-size: 45px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content h4 {
  line-height: 1.3;
  margin-bottom: 25px;
  font-size: 35px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content h5 {
  line-height: 1.3;
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content h6 {
  line-height: 1.3;
  margin-bottom: 25px;
  font-size: 25px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content form {
  max-width: 520px;
}

.coming-soon-area .coming-soon-content form .form-control {
  height: 50px;
  border: none;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.coming-soon-area .coming-soon-content form .btn {
  display: block;
  width: 100%;
  padding: 15px 28px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}

.coming-soon-area .coming-soon-content form p {
  margin-bottom: 0;
  margin-top: 15px;
}

.coming-soon-area .coming-soon-content .social {
  position: absolute;
  left: 100px;
  bottom: 30px;
  text-align: center;
}

.coming-soon-area .coming-soon-content .social ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.coming-soon-area .coming-soon-content .social ul li {
  display: inline-block;
  margin: 0 2px;
}

.coming-soon-area .coming-soon-content .social ul li a {
  width: 35px;
  height: 35px;
  line-height: 37px;
  border-radius: 50%;
  background-color: #dddddd;
  color: #333333;
  font-size: 14px;
}

.coming-soon-area .coming-soon-content .social ul li a.twitter {
  background-color: #1da1f2;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .social ul li a.youtube {
  background-color: #ff0000;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .social ul li a.facebook {
  background-color: #3b5998;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .social ul li a.linkedin {
  background-color: #0077b5;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .social ul li a.instagram {
  background-color: #c13584;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .social ul li a:hover {
  color: #ffffff;
}

.coming-soon-area .coming-soon-time {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  z-index: 1;
  background-image: url(../../assets/img/coming-soon-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.coming-soon-area .coming-soon-time img {
  display: none;
}

.coming-soon-area .coming-soon-time #timer {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.coming-soon-area .coming-soon-time #timer div {
  width: 155px;
  height: 155px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
  line-height: initial;
  padding-top: 37px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 45px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
}

.coming-soon-area .coming-soon-time #timer div span {
  text-transform: uppercase;
  display: block;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 600;
}

.coming-soon-area .coming-soon-time::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  opacity: .7;
  z-index: -1;
}

/*================================================
Contact Area CSS
=================================================*/
.contact-area .section-title {
  margin-bottom: 40px;
}

.contact-form {
  text-align: center;
}

.contact-form form {
  padding-left: 50px;
}

.contact-form form .form-control {
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
  height: 50px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
}

.contact-form form .row {
  margin-left: -7px;
  margin-right: -7px;
}

.contact-form form .row .col-lg-12, .contact-form form .row .col-lg-6 {
  padding-left: 7px;
  padding-right: 7px;
}

.contact-form form textarea.form-control {
  height: 120px;
  padding-top: 15px;
}

.contact-form form .btn {
  padding: 13px 35px 15px;
  font-size: 17px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5);
}

.contact-form form .btn.disabled {
  cursor: not-allowed !important;
}

.contact-form form .btn.disabled:hover::before, .contact-form form .btn.disabled:focus::before {
  opacity: 1;
  visibility: visible;
}

.contact-form form .btn.disabled:hover::after, .contact-form form .btn.disabled:focus::after {
  opacity: 0;
  visibility: hidden;
}

.contact-form form .help-block ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.contact-form form .help-block ul li {
  color: red;
}

.contact-form form #msgSubmit {
  margin-bottom: 0;
}

.contact-form form #msgSubmit.text-danger, .contact-form form #msgSubmit.text-success {
  margin-top: 8px;
  font-size: 23px;
  font-weight: 700;
}

.contact-info {
  text-align: center;
  margin-top: 60px;
}

.contact-info .contact-info-content h3 {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 700;
}

.contact-info .contact-info-content h1 {
  margin-bottom: 15px;
  font-size: 33px;
  font-weight: 700;
}

.contact-info .contact-info-content h2 {
  margin-bottom: 28px;
  font-size: 23px;
  font-weight: 700;
}

.contact-info .contact-info-content h4 {
  margin-bottom: 23px;
  font-size: 23px;
  font-weight: 700;
}

.contact-info .contact-info-content h5 {
  margin-bottom: 18px;
  font-size: 23px;
  font-weight: 700;
}

.contact-info .contact-info-content h6 {
  margin-bottom: 13px;
  font-size: 23px;
  font-weight: 700;
}

.contact-info .contact-info-content h2.contact-information {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
}

.contact-info .contact-info-content h2.contact-information a {
  display: inline-block;
}

.contact-info .contact-info-content h2.contact-information span {
  display: block;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

.contact-info .contact-info-content .social {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 20px;
}

.contact-info .contact-info-content .social li {
  display: inline-block;
  margin: 0 2px;
}

.contact-info .contact-info-content .social li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #dadada;
  border-radius: 50%;
  color: #aba5a5;
}

.contact-info .contact-info-content .social li a i {
  font-size: 14px;
}

.contact-info .contact-info-content .social li a:hover {
  color: #ffffff;
}

/*================================================
Footer Area CSS
=================================================*/
.footer-area {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  background-color: #15171a;
}

.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget .logo {
  margin-bottom: 20px;
}

.single-footer-widget .logo p {
  color: #ffffff;
  margin-top: 18px;
  margin-bottom: 0;
}

.single-footer-widget p {
  color: #ffffff;
  font-size: 14px;
}

.single-footer-widget .social {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .social li {
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-left: 1px;
  margin-right: 1px;
}

.single-footer-widget .social li a {
  width: 35px;
  height: 35px;
  background-color: #333333;
  line-height: 35px;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}

.single-footer-widget .social li a i::before {
  font-size: 13px;
}

.single-footer-widget .social li a:hover {
  color: #ffffff;
}

.single-footer-widget h3 {
  margin-bottom: 23px;
  color: #ffffff;
  position: relative;
  padding-bottom: 6px;
  font-size: 23px;
  font-weight: 700;
}

.single-footer-widget h3::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
}

.single-footer-widget ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget ul li {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 14px;
}

.single-footer-widget ul li a {
  display: inline-block;
  color: #ffffff;
}

.single-footer-widget ul li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .footer-contact-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .footer-contact-list li {
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.7;
}

.single-footer-widget .footer-contact-list li a {
  display: inline-block;
  color: #ffffff;
}

.single-footer-widget .footer-contact-list li span {
  font-weight: 700;
}

.single-footer-widget .footer-contact-list li:last-child {
  margin-bottom: 0;
}

.copyright-area {
  background-color: #000000;
  margin-top: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright-area p {
  color: #ffffff;
}

.copyright-area p a {
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
}

.copyright-area ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: right;
}

.copyright-area ul li {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  color: #ffffff;
  font-size: 14px;
  line-height: initial;
}

.copyright-area ul li a {
  color: #ffffff;
}

.copyright-area ul li::before {
  content: '';
  width: 4px;
  height: 1px;
  background: #ffffff;
  left: -11px;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.copyright-area ul li:first-child {
  margin-left: 0;
}

.copyright-area ul li:first-child::before {
  display: none;
}

.circle-map {
  position: absolute;
  top: 20%;
  right: 18%;
  z-index: -1;
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
  z-index: -1;
}

.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  -webkit-animation: run 7s 0s infinite;
          animation: run 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.lines .line:nth-child(1) {
  margin-left: -25%;
}

.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.lines .line:nth-child(3) {
  margin-left: 25%;
}

.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  color: #ffffff;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.go-top.active {
  top: 98%;
  -webkit-transform: translateY(-98%);
          transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover, .go-top:focus {
  color: #ffffff;
}

.go-top:hover::before, .go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child, .go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.wpcf7-list-item-label {
  font-size: 13px;
}

.wpcf7-list-item-label a {
  display: inline-block;
}

.wpcf7-list-item-label a:hover {
  text-decoration: underline;
}

span.wpcf7-list-item {
  margin-left: 7px;
}

span.wpcf7-not-valid-tip {
  font-size: 13px;
  margin-top: 10px;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14 !important;
}

/* WP core style */
.alignnone {
  display: block;
  margin-bottom: 15px;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 15px auto 15px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption.alignnone {
  margin: 15px auto 10px;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.screen-reader-text {
  display: none;
}

.gallery-caption {
  z-index: 100000;
}

.bypostauthor {
  z-index: 100000;
}

/* End WP core style */
/* Unit test pages style 
====================================================================*/
/* Post type style */
.post_type {
  position: absolute;
  top: -1px;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  right: -1px;
}

.post_type_icon {
  position: absolute;
  top: -1px;
  color: #fff;
  right: 30px;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  font-size: 15px;
  border-radius: 0px 0px 30px 30px;
}

.single-blog-video {
  position: relative;
}

.single-blog-video .play-link {
  position: absolute;
  left: 0;
  right: 0;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  line-height: 60px;
  font-size: 25px;
  padding-left: 5px;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.single-blog-video .play-link::after {
  z-index: -1;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ripple 1.6s ease-out infinite;
  animation: ripple 1.6s ease-out infinite;
  opacity: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
}

.single-blog-video .play-link:hover {
  background-color: #fff;
}

@-webkit-keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

/* End Post type style */
/* Sticky Post */
.sticky .post-content {
  padding-left: 60px;
  background: #343a40;
}

.sticky .post-content .title::before {
  font-family: "Font Awesome 5 Free";
  content: "\f08d";
  position: absolute;
  left: -30px;
  top: 2px;
  font-size: 25px;
  font-weight: 600;
}

.sticky .post-content .entry-meta li {
  color: #ffffff !important;
}

.sticky .post-content .entry-meta li a {
  color: #ffffff !important;
}

.sticky .post-content .entry-meta li::before {
  background: #fff !important;
}

.sticky .post-content .title a {
  color: #ffffff;
}

.sticky .post-content p {
  color: #ffffff;
}

/* End Sticky Post */
/* Page Markup And Formatting */
.page-main-content {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.page-main-content h1 {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 700;
}

.page-main-content h2 {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 700;
}

.page-main-content h3 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 700;
}

.page-main-content h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 700;
}

.page-main-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 700;
}

.page-main-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 700;
}

.page-main-content p {
  margin-top: 18px;
  margin-bottom: 18px;
}

.page-main-content p:first-child {
  margin-top: 0;
}

.page-main-content .entry-content a {
  text-decoration: underline;
  display: inline-block;
}

.page-main-content .entry-content a:hover {
  text-decoration: none;
}

.page-main-content footer.entry-footer {
  clear: both;
}

.page-main-content footer.entry-footer .edit-link {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.page-main-content dl, .page-main-content ol, .page-main-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-main-content dt {
  margin-bottom: 5px;
  color: #0d1028;
}

.page-main-content dd {
  margin: 0 1rem 1rem;
  line-height: 1.8;
}

.page-main-content ul {
  list-style: disc;
  padding-left: 20px;
}

.page-main-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 5px;
}

.page-main-content ul li ul {
  margin: 5px 0 0;
  list-style-type: circle;
}

.page-main-content ul li ul li {
  list-style-type: circle;
}

.page-main-content ol {
  padding-left: 20px;
}

.page-main-content ol li {
  line-height: 1.8;
  margin-bottom: 5px;
}

.page-main-content ol li ol {
  margin: 5px 0 0;
}

.page-main-content b, .page-main-content strong {
  color: #212529;
}

.page-main-content dfn, .page-main-content cite, .page-main-content em, .page-main-content i {
  font-style: italic;
}

.page-main-content code, .page-main-content kbd, .page-main-content tt, .page-main-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.page-main-content kbd {
  background-color: #f1f0f0;
}

.page-main-content mark, .page-main-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.page-main-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.page-main-content abbr, .page-main-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

address {
  margin: 20px 0;
  font-style: italic;
  line-height: 30px;
}

blockquote, .blockquote {
  overflow: hidden;
  background-color: #ffffff;
  padding: 50px !important;
  position: relative;
  text-align: center;
  z-index: 1;
  font-family: "Dosis", sans-serif;
  margin-bottom: 20px;
  margin-top: 20px;
}

blockquote p, .blockquote p {
  color: #333333;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
  font-size: 20px;
}

blockquote cite, .blockquote cite {
  display: none;
}

blockquote::before, .blockquote::before {
  color: #efefef;
  content: "\f10d";
  position: absolute;
  left: 50px;
  top: -60px;
  z-index: -1;
  font-family: "Font Awesome 5 Free";
  font-size: 140px;
  font-weight: 900;
}

table {
  margin: 0 0 2rem;
  border-collapse: collapse;
  width: 100%;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  background: #ffffff;
}

table td, table th {
  padding: 10px 13px;
  border: 1px solid #d3dbe2;
}

table td a {
  font-weight: 600;
}

table th a {
  text-decoration: underline;
}

table th a:hover {
  text-decoration: none;
}

/* End Page Markup And Formatting */
/* Widget sidebar */
.blog-sidebar {
  padding-left: 15px;
}

.blog-sidebar .widget {
  margin-top: 30px;
}

.blog-sidebar .widget:first-child {
  margin-top: 0;
}

.blog-sidebar .widget {
  border: 1px solid #f7f7f7;
  padding: 30px;
  background-color: #f7f7f7;
}

.blog-sidebar .widget .widget-title {
  border-bottom: 1px solid #d3dbe2;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-transform: capitalize;
  position: relative;
  font-weight: 700;
  font-size: 20px;
}

.blog-sidebar .widget .widget-title::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 50px;
  height: 1px;
}

.blog-sidebar .widget.widget_tag_cloud .widget-title {
  margin-bottom: 12px;
}

.blog-sidebar .widget ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

.blog-sidebar .widget ul li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 14px;
  font-size: 14.5px;
  font-weight: 600;
  font-family: "Dosis", sans-serif;
}

.blog-sidebar .widget ul li:last-child {
  margin-bottom: 0;
}

.blog-sidebar .widget ul li::before {
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
  position: absolute;
}

.blog-sidebar .widget ul li span {
  display: inline-block;
}

.blog-sidebar .widget ul li a {
  display: inline-block;
}

.blog-sidebar .widget ul li a:hover .post_count {
  border: 1px solid;
}

.blog-sidebar .widget ul li a .post_count {
  position: absolute;
  right: 0;
  border: 1px solid #eee;
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
}

.blog-sidebar .widget_search form {
  position: relative;
}

.blog-sidebar .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.blog-sidebar .widget_search form .screen-reader-text {
  display: none;
}

.blog-sidebar .widget_search form .search-field {
  background-color: #ffffff;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-sidebar .widget_search form button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  z-index: 1;
  border: none;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-sidebar .widget_search form button:hover {
  color: #ffffff;
}

.blog-sidebar select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  color: #555;
  font-size: 13.5px;
  padding: 8px 15px;
}

.blog-sidebar .widget_categories ul li a {
  text-transform: capitalize;
}

.blog-sidebar .widget_categories ul li .children {
  margin-top: 10px;
}

.blog-sidebar .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 10px;
  display: inline-block;
}

.blog-sidebar .widget_pages ul li a {
  text-transform: capitalize;
}

.blog-sidebar .widget_rss ul li {
  margin-bottom: 20px;
}

.blog-sidebar .widget_rss ul li::before {
  top: 10px;
}

.blog-sidebar .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.blog-sidebar .widget_rss ul li .rsswidget {
  display: block;
  color: #222222;
  font-weight: bold;
  font-size: 15px;
}

.blog-sidebar .widget_rss ul li .rss-date {
  font-size: 13px;
  margin: 3px 0 10px;
  display: block;
}

.blog-sidebar .widget_rss ul li .rssSummary {
  color: #555;
  line-height: 25px;
  font-size: 14px;
}

.blog-sidebar .widget_rss ul li cite {
  font-weight: bold;
  display: block;
  margin-top: 10px;
  font-style: normal;
  color: #222;
  font-size: 13.5px;
}

.blog-sidebar .widget_rss .widget-title .rsswidget {
  display: inline-block;
}

.blog-sidebar .tagcloud a {
  display: inline-block;
  font-weight: 600;
  font-size: 12.5px !important;
  padding: 6px 13px;
  border: 1px dashed #eeeeee;
  margin-top: 8px;
  margin-right: 4px;
}

.blog-sidebar .tagcloud a:hover, .blog-sidebar .tagcloud a:focus {
  color: #ffffff;
}

.blog-sidebar .widget_text p img {
  margin: 10px 0;
}

.blog-sidebar .widget_text .wp-caption-text {
  border: none;
  text-align: center;
  font-size: 14px;
}

.blog-sidebar .calendar_wrap table {
  text-align: center;
  margin-bottom: 0;
}

.blog-sidebar .calendar_wrap table #prev a, .blog-sidebar .calendar_wrap table #next a {
  text-decoration: underline;
}

.blog-sidebar .calendar_wrap table #prev a:hover, .blog-sidebar .calendar_wrap table #next a:hover {
  text-decoration: none;
}

.blog-sidebar .calendar_wrap table td, .blog-sidebar .calendar_wrap table th {
  padding: 8px 5px;
}

.blog-sidebar .calendar_wrap caption {
  padding-top: 0;
  caption-side: top;
  font-weight: 600;
}

.blog-sidebar .widget_nav_menu .sub-menu {
  margin-top: 8px;
}

.blog-sidebar .widget_recent_comments .recentcomments {
  color: #484848;
}

.blog-sidebar .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: bold;
  font-size: 14px;
}

.blog-sidebar .widget_media_gallery .gallery {
  margin: 0;
}

.blog-sidebar .widget_media_gallery .gallery .gallery-item {
  margin: 0;
}

.blog-sidebar .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 12px;
  color: #767676;
}

.blog-sidebar p {
  font-size: 15px;
}

.blog-sidebar span.post-count {
  float: right;
  font-size: 15px;
}

.nice-select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  color: #555;
  font-size: 13.5px;
  float: none;
  white-space: normal;
}

.nice-select span.current {
  display: block;
  margin-top: 3px;
  font-size: 15px;
}

.nice-select ul.list {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important;
  border-radius: 0;
  width: 100%;
  overflow-y: auto;
}

.nice-select ul.list li {
  list-style-type: none !important;
  font-size: 14px;
  padding: 8px 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: auto;
  text-transform: capitalize;
}

.nice-select ul.list li::before {
  display: none;
}

.widget_text form br {
  display: none;
}

/* End Widget sidebar */
/* HTML Tags and Formatting */
.blog-details .blog-details-content .entry-meta {
  margin-top: 10px;
}

.blog-details .blog-details-content h1 {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 700;
}

.blog-details .blog-details-content h2 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 700;
}

.blog-details .blog-details-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 700;
}

.blog-details .blog-details-content h4 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 700;
}

.blog-details .blog-details-content h5 {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 700;
}

.blog-details .blog-details-content h6 {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 700;
}

.blog-details .blog-details-content p {
  line-height: 1.8;
}

.blog-details .blog-details-content p a {
  text-decoration: underline;
  display: inline-block;
}

.blog-details .blog-details-content p a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content .entry-content a {
  text-decoration: underline;
}

.blog-details .blog-details-content .entry-content a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content dl, .blog-details .blog-details-content ol, .blog-details .blog-details-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content dl a, .blog-details .blog-details-content ol a, .blog-details .blog-details-content ul a {
  text-decoration: underline;
  display: inline-block;
}

.blog-details .blog-details-content dl a:hover, .blog-details .blog-details-content ol a:hover, .blog-details .blog-details-content ul a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content dt {
  margin-bottom: 5px;
  color: #333333;
}

.blog-details .blog-details-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.blog-details .blog-details-content dd a {
  text-decoration: underline;
  display: inline-block;
}

.blog-details .blog-details-content dd a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content ul {
  list-style: disc;
  padding-left: 20px;
}

.blog-details .blog-details-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 10px;
}

.blog-details .blog-details-content ul li ul {
  margin: 10px 0 0;
  list-style-type: circle;
}

.blog-details .blog-details-content ul li ul li {
  list-style-type: circle;
}

.blog-details .blog-details-content ul li ol {
  margin: 10px 0 0;
  list-style-type: circle;
}

.blog-details .blog-details-content ul li ol li {
  list-style-type: decimal;
}

.blog-details .blog-details-content ul li ol li ul li {
  list-style-type: circle;
}

.blog-details .blog-details-content ol {
  padding-left: 20px;
}

.blog-details .blog-details-content ol li {
  line-height: 1.8;
  margin-bottom: 10px;
}

.blog-details .blog-details-content ol li ol, .blog-details .blog-details-content ol li ul {
  margin: 10px 0 0;
}

.blog-details .blog-details-content b, .blog-details .blog-details-content strong {
  font-weight: 600;
  color: #212529;
}

.blog-details .blog-details-content dfn, .blog-details .blog-details-content cite, .blog-details .blog-details-content em, .blog-details .blog-details-content i {
  font-style: italic;
}

.blog-details .blog-details-content code, .blog-details .blog-details-content kbd, .blog-details .blog-details-content tt, .blog-details .blog-details-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.blog-details .blog-details-content kbd {
  background-color: #eee;
}

.blog-details .blog-details-content mark, .blog-details .blog-details-content ins {
  background: #fff9c0;
  text-decoration: none;
  color: #000;
  padding: 0 5px;
}

.blog-details .blog-details-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.blog-details .blog-details-content abbr, .blog-details .blog-details-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

.blog-details .blog-details-content i.fa {
  font-style: normal;
}

.blog-details .blog-details-content ul.entry-meta {
  margin: 0 0 20px;
  padding: 0;
  border-bottom: 1px solid #eeeeee;
}

.blog-details .blog-details-content ul.entry-meta li a {
  text-transform: capitalize;
}

.blog-details .blog-details-content ul.entry-meta li span a {
  text-decoration: none;
}

.blog-details .blog-details-content iframe, .blog-details .blog-details-content video {
  width: 100%;
}

/* End HTML Tags and Formatting */
/* main page: Comments */
.comments-area .comment-content h1 {
  font-size: 30px;
  margin-bottom: 15px;
}

.comments-area .comment-content h2 {
  font-size: 25px;
  margin-bottom: 15px;
}

.comments-area .comment-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.comments-area .comment-content h4 {
  font-size: 18px;
  margin-bottom: 15px;
}

.comments-area .comment-content h5 {
  font-size: 16px;
  margin-bottom: 115pxpx;
}

.comments-area .comment-content h6 {
  font-size: 14px;
  margin-bottom: 15px;
}

.comments-area .comment-content p {
  margin-bottom: 20px;
  line-height: 1.8;
  font-size: 14px;
}

.comments-area .comment-content p:last-child {
  margin-bottom: 0;
}

.comments-area .comment-content .entry-content a {
  text-decoration: underline;
}

.comments-area .comment-content .entry-content a:hover {
  text-decoration: none;
}

.comments-area .comment-content dl, .comments-area .comment-content ol, .comments-area .comment-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.comments-area .comment-content dt {
  margin-bottom: 5px;
}

.comments-area .comment-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.comments-area .comment-content ul {
  list-style: disc;
  padding-left: 20px;
}

.comments-area .comment-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 10px;
}

.comments-area .comment-content ul li ul {
  margin: 10px 0 0;
  list-style-type: circle;
}

.comments-area .comment-content ul li ul li {
  list-style-type: circle;
}

.comments-area .comment-content ol {
  padding-left: 20px;
}

.comments-area .comment-content ol li {
  line-height: 1.8;
  margin-bottom: 10px;
  list-style-type: decimal;
}

.comments-area .comment-content ol li ol {
  margin: 10px 0 0;
}

.comments-area .comment-content b, .comments-area .comment-content strong {
  font-weight: 600;
  color: #212529;
}

.comments-area .comment-content dfn, .comments-area .comment-content cite, .comments-area .comment-content em, .comments-area .comment-content i {
  font-style: italic;
}

.comments-area .comment-content code, .comments-area .comment-content kbd, .comments-area .comment-content tt, .comments-area .comment-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.comments-area .comment-content kbd {
  background-color: #fafafa;
}

.comments-area .comment-content mark, .comments-area .comment-content ins {
  background: #fff9c0;
  text-decoration: none;
  color: #000;
  padding: 0 6px;
}

.comments-area .comment-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
  background: #fafafa;
  color: #333333;
}

.comments-area .comment-content abbr, .comments-area .comment-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

/* End main page: Comments */
/* Comments list style */
#comments {
  clear: both;
  padding: 30px;
  list-style: none;
  background: #f7f7f7;
  overflow: hidden;
  margin-top: 30px;
}

#comments .comment-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#comments .comment-list .children {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#comments .comment-list:before {
  display: none;
}

#comments .comment-list .comment-body {
  border-bottom: 1px solid #eeeeee;
  margin-left: 65px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#comments .comment-list .comment-body a {
  text-decoration: underline;
  display: inline-block;
}

#comments .comment-list .comment-body a:hover {
  text-decoration: none;
}

#comments .comment-list .comment-body .comment-content img {
  margin: 5px 0;
}

#comments .comment-list .comment-body .reply {
  margin-top: 20px;
}

#comments .comment-list .comment-body .reply a {
  border: 1px solid #ded9d9;
  background: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px 20px;
  line-height: 1;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  text-decoration: none;
}

#comments .comment-list .comment-body .reply a:hover {
  color: #ffffff;
}

#comments .comment-author {
  font-size: 15px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  clear: both;
}

#comments .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

#comments .comment-author .says {
  display: none;
}

#comments .comment-author b.fn {
  font-weight: 600;
  color: #333333;
}

#comments .comment-author b.fn a {
  color: #333333;
  text-decoration: none;
}

#comments .comment-meta {
  margin-bottom: 1em;
}

#comments .comment-metadata {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}

#comments .comment-metadata a {
  text-decoration: none !important;
  display: inline-block;
}

#comments .comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}

#comments .comment-reply-link {
  font-weight: 600;
  position: relative;
}

#comments .comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}

#comments .children {
  padding-left: 10px !important;
}

#comments .children .comment-author .avatar {
  height: 30px;
  left: -45px;
  width: 30px;
}

#comments .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #575757;
  padding: 2px;
}

#comments .no-comments,
#comments .comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}

#comments .comments-pagination {
  margin: 2em 0 3em;
}

.comments-area .comment-list .comment .comment-respond {
  margin-bottom: 30px;
}

.comments-title {
  margin-bottom: 25px !important;
  font-size: 20px !important;
  line-height: 1.5;
  font-weight: 700;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  position: relative;
}

.comments-title::before {
  content: '';
  position: absolute;
  left: -31px;
  top: 4px;
  height: 20px;
  width: 3px;
}

/* End Comments list style */
/* Comment form */
.comment-respond {
  background: #f7f7f7;
  padding: 0;
  clear: both;
  border: 1px solid #f7f7f7;
}

.comment-respond .comment-reply-title {
  font-size: 17px;
  line-height: 25px;
  font-weight: bold;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
}

.comment-respond .comment-reply-title #cancel-comment-reply-link {
  font-size: 14px;
  color: red;
  display: inline-block;
}

.comment-respond .comment-reply-title::before {
  content: '';
  height: 20px;
  width: 3px;
  left: -32px;
  position: absolute;
  top: 4px;
}

.comment-respond label {
  display: block;
  margin-bottom: 8px;
  color: #333333;
  font-weight: 600;
  font-family: "Dosis", sans-serif;
}

.comment-respond input[type="date"], .comment-respond input[type="time"], .comment-respond input[type="datetime-local"], .comment-respond input[type="week"], .comment-respond input[type="month"], .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond input[type="password"], .comment-respond input[type="search"], .comment-respond input[type="tel"], .comment-respond input[type="number"], .comment-respond textarea {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  color: #000;
  padding: 0.625em 15px;
  width: 100%;
  height: 45px;
  font-size: 14px;
}

.comment-respond textarea {
  height: auto !important;
}

.comment-respond .form-submit {
  text-align: left;
}

.comment-respond .form-submit input {
  border: none;
  color: #ffffff;
  padding: 15px 25px;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: .5s;
  -webkit-transition: .5s;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.comment-respond .form-submit input:hover {
  color: #ffffff;
}

.comment-respond input:focus, .comment-respond textarea:focus {
  outline: 0;
}

.comment-respond p {
  line-height: 1;
  margin-bottom: 0;
  margin-top: 25px;
}

.comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  line-height: 20px;
  font-weight: normal;
  font-size: 13.4px;
}

.comment-respond p.comment-notes {
  line-height: 26px;
  font-size: 14px;
  margin-top: 5px;
}

.comment-respond p.comment-form-comment {
  float: left;
  width: 100%;
}

.comment-respond p.comment-form-author {
  width: 50%;
  float: left;
  padding-right: 12px;
}

.comment-respond p.comment-form-email {
  width: 50%;
  float: left;
  padding-left: 12px;
}

.comment-respond p.comment-form-url {
  float: left;
  width: 100%;
}

.comment-respond p.comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
}

.comment-respond p.comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 3px;
}

.comment-respond p.form-submit {
  float: left;
  width: 100%;
}

.comment-respond p.logged-in-as {
  line-height: 26px;
  font-size: 15px;
  margin-top: 5px;
}

.comment-respond p.logged-in-as a {
  display: inline-block;
  text-decoration: underline;
  font-size: 13.5px;
}

.comment-respond p.logged-in-as a:hover {
  text-decoration: none;
}

/* End Comment form */
/* albion posts thumb */
.widget_albion_posts_thumbs {
  position: relative;
  overflow: hidden;
}

.widget_albion_posts_thumbs .item {
  overflow: hidden;
  margin-bottom: 20px;
}

.widget_albion_posts_thumbs .item:last-child {
  margin-bottom: 0;
}

.widget_albion_posts_thumbs .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.widget_albion_posts_thumbs .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.widget_albion_posts_thumbs .item .info {
  overflow: hidden;
}

.widget_albion_posts_thumbs .item .info time {
  display: block;
  text-transform: capitalize;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}

.widget_albion_posts_thumbs .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 600;
}

/* End albion posts thumb */
/* Unit test all post style */
.wp-block-image {
  margin-bottom: 20px;
}

.wp-block-image figcaption {
  font-size: 14px;
  margin-top: 12px;
}

.wp-block-image figcaption a {
  text-decoration: underline;
  display: inline-block;
}

.wp-block-image figcaption a:hover {
  text-decoration: none;
}

.wp-block-button {
  margin-bottom: 1.5em;
}

.wp-block-button .wp-block-button__link {
  font-size: 16px;
  border-radius: 5px;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: #222;
  color: #fff;
}

.wp-block-cover .wp-block-cover-text {
  color: #fff !important;
}

.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  font-size: 16px;
  border-radius: 5px;
}

.is-style-outline .wp-block-button__link:hover {
  background-color: transparent;
  color: #222 !important;
  border-color: #222;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}

pre.wp-block-code {
  border: 1px solid #eee;
  padding: 10px 15px;
}

pre.wp-block-preformatted {
  background-color: #fafafa;
  padding: 20px;
  margin: 20px 0;
}

.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d;
  border-color: transparent;
  border-width: 2px;
  padding: 0;
}

.wp-block-pullquote blockquote {
  color: #111;
  border: none;
  margin-right: 0;
  padding-left: 0;
}

.wp-block-pullquote blockquote p {
  font-size: 2.25em;
  font-style: italic;
}

.wp-block-pullquote blockquote cite {
  display: inline-block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  line-height: 1.6;
  text-transform: none;
  color: #767676;
  font-size: 15px;
  font-style: normal;
}

.wp-block-table.is-style-stripes td {
  border-color: #767676;
}

.wp-block-verse {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
}

.wp-block-columns {
  margin-top: 20px;
  margin-bottom: 20px;
}

.wp-block-media-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-media-text .has-large-font-size {
  font-size: 25px;
  margin-top: 0 !important;
}

.page-links {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
}

.page-links span.page-links-title {
  font-weight: 500;
  font-size: 20px;
  padding-right: 10px;
}

.page-links .post-page-numbers {
  width: 35px;
  height: 35px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #eee;
  font-size: 15px;
  line-height: 35px;
  color: #0a0c19;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  text-decoration: none !important;
}

.page-links .post-page-numbers:hover {
  color: #ffffff;
}

.page-links .current {
  color: #ffffff;
}

.wp-block-archives-list {
  padding: 0 !important;
}

.wp-block-archives-list li {
  list-style: none !important;
}

.wp-block-archives-list li a:hover {
  text-decoration: underline;
}

.wp-block-categories-list {
  padding: 0 !important;
}

.wp-block-categories-list li {
  list-style: none !important;
}

.wp-block-categories-list li a {
  text-transform: capitalize;
}

.wp-block-categories-list li a:hover {
  text-decoration: underline;
}

.wp-block-categories-list li span.post-count {
  padding-left: 8px;
  float: right;
}

.wp-block-categories-list li .children li a {
  position: relative;
}

.wp-block-categories-list li .children li a::before {
  content: '-';
  position: absolute;
  left: -13px;
  top: -2px;
}

.wp-block-archives-dropdown {
  margin-bottom: 20px;
}

.wp-block-archives-dropdown select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  font-size: 14px;
  padding: 8px 15px;
  color: #555;
}

.wp-block-latest-comments {
  padding: 0 !important;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  font-weight: 600;
  text-decoration: underline;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover {
  text-decoration: none;
}

.wp-block-latest-posts li a {
  font-weight: 600;
}

.wp-block-gallery {
  padding: 0 !important;
  margin-top: 25px !important;
  margin-bottom: 10px !important;
}

.wp-block-gallery .blocks-gallery-item {
  margin-bottom: 15px !important;
}

.wp-block-gallery .blocks-gallery-grid {
  padding: 0 !important;
  margin-top: 8px !important;
  margin-bottom: 5px !important;
}

.wp-block-cover {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-cover p.wp-block-cover-text {
  font-weight: bold;
  margin-bottom: 20px !important;
  font-size: 30px !important;
  line-height: 1.5;
}

.wp-block-cover p.wp-block-cover-text strong {
  color: #fff;
}

.wp-block-cover.has-background-dim.alignleft {
  margin-top: 0;
}

.wp-block-cover.has-background-dim-60.has-background-dim .wp-block-cover-text a {
  color: #fff;
}

.wp-block-file a {
  text-decoration: underline;
  font-size: 15px;
}

.wp-block-file a:hover {
  text-decoration: none;
}

.wp-block-file .wp-block-file__button {
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 500;
  display: table;
  margin: 10px 0 0;
}

.wp-block-file .wp-block-file__button:hover {
  background-color: #000 !important;
  color: #fff;
}

.wp-block-quote.is-style-large {
  border: none;
  padding-left: 0;
  margin: 20px 0;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color p {
  color: #000000;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color cite {
  display: none;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote {
  max-width: 80%;
  background: transparent;
}

.wp-block-gallery.alignwide {
  width: 100%;
}

.wp-caption .wp-caption-text {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  text-align: center;
  padding: 12px 0 0;
}

.wp-caption .wp-caption-text a {
  text-decoration: underline;
  display: inline-block;
}

.wp-caption .wp-caption-text a:hover {
  text-decoration: none;
}

.has-very-light-gray-color.has-very-light-gray-color {
  color: #fff;
}

/* End Unit test all post style */
/* Post Format: Gallery */
.gallery {
  margin: 30px -1.1666667% 0;
}

.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 2.2801304%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  font-size: 14px;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* End Post Format: Gallery */
/* Post password form style */
.post-password-form label {
  font-weight: 600;
}

.post-password-form label input {
  border: 1px solid #ccc;
  height: 45px;
  margin: 0 10px;
  padding: 5px 15px;
}

.post-password-form input[type="submit"] {
  border: 1px solid;
  color: #fff;
  height: 45px;
  padding: 5px 20px;
  font-weight: 600;
  cursor: pointer;
}

.post-password-form input[type="submit"]:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

/* End Post password form style */
/* Pingback style */
.comments-area .comment-list .trackback .comment-body {
  margin-left: 0 !important;
}

.comments-area .comment-list .trackback .comment-body a {
  text-decoration: underline;
}

.comments-area .comment-list .trackback .comment-body a:hover {
  text-decoration: none;
}

.comments-area .comment-list .pingback .comment-body {
  margin-left: 0 !important;
}

/* End Pingback style */
/* Comment navigation */
.comment-navigation .nav-links {
  overflow: hidden;
  margin-bottom: 25px;
}

.comment-navigation .nav-links .nav-previous {
  float: left;
}

.comment-navigation .nav-links .nav-previous a {
  border: 1px solid #eee;
  padding: 7px 18px;
  font-size: 14px;
  text-transform: capitalize;
}

.comment-navigation .nav-links .nav-previous a:hover {
  background-color: #000;
  color: #fff;
}

.comment-navigation .nav-links .nav-next {
  float: right;
}

.comment-navigation .nav-links .nav-next a {
  border: 1px solid #eee;
  padding: 7px 18px;
  font-size: 14px;
  text-transform: capitalize;
}

.comment-navigation .nav-links .nav-next a:hover {
  background-color: #000;
  color: #fff;
}

/* End Comment navigation */
/* Post search not found form */
.no-results .alert .page-title {
  color: #333333;
  margin: 0;
  font-size: 20px;
}

.search-form {
  position: relative;
}

.search-form .search-field {
  background-color: #f7f7f7;
  height: 50px;
  padding: 6px 18px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search-form .search-submit {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  outline: 0;
  border: none;
  color: #ffffff;
  height: 50px;
  padding: 0 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 15px;
}

.search-form .search-submit:hover {
  color: #ffffff;
}

/* End Post search not found form */
/* Single footer widget */
.footer-area .widget {
  margin-bottom: 30px;
}

.footer-area .widget ul li ul {
  margin-top: 10px;
  padding-left: 20px;
}

.footer-area .widget .recentcomments .comment-author-link {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}

.footer-area .widget .recentcomments a {
  font-weight: 600;
}

.footer-area .widget_rss ul li {
  margin-bottom: 20px;
}

.footer-area .widget_rss ul li::before {
  top: 10px;
}

.footer-area .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.footer-area .widget_rss ul li .rsswidget {
  display: block;
  font-weight: 600;
  font-size: 15px;
}

.footer-area .widget_rss ul li .rss-date {
  font-size: 13px;
  margin: 10px 0 10px;
  display: block;
  text-transform: uppercase;
}

.footer-area .widget_rss ul li .rssSummary {
  line-height: 25px;
  font-size: 14px;
}

.footer-area .widget_rss ul li cite {
  font-weight: 500;
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-size: 14px;
}

.footer-area .widget_text p img {
  margin: 10px 0;
}

.footer-area .widget_text .wp-caption-text {
  border: none;
  text-align: center;
  font-size: 14px;
}

.footer-area select {
  border: 1px solid #eee;
  width: 100%;
  height: 45px;
  padding: 5px 15px;
  color: #141414;
  font-weight: 600;
}

.footer-area .widget_tag_cloud .tagcloud a {
  display: inline-block;
  font-size: 14px !important;
  padding: 5px 10px;
  border: 1px solid #2c2929;
  margin-top: 8px;
  margin-right: 4px;
  text-transform: capitalize;
  color: #fff;
}

.footer-wid ul li {
  margin-bottom: 8px;
  line-height: 1.8;
}

.footer-wid ul li:last-child {
  margin-bottom: 0;
}

.footer-wid table td, .footer-wid table th {
  padding: 6px 5px;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
}

.footer-wid table caption {
  caption-side: top;
  font-weight: bold;
  padding-top: 0;
  color: #fafafa;
}

.footer-wid .select {
  color: #333;
  margin-bottom: 0;
}

.footer-wid span.post-count {
  float: right;
  font-size: 14px;
}

.footer-wid .rsswidget {
  display: inline-block;
  color: #ffffff;
}

.footer-wid .nice-select ul.list li {
  color: #555;
}

/* End Single footer widget */
.parent .comment-respond p.form-submit, .depth-1 .comment-respond p.form-submit {
  margin-bottom: 30px;
}

.no-results h1.page-title {
  font-size: 22px;
  color: #333333;
  font-weight: 600;
}

.updated {
  display: none;
}

.archive-description p {
  color: #ffffff;
  margin-top: 10px;
}

div.wpcf7-response-output {
  margin: 30px 0 0;
  padding: 15px;
}

.footer-no-padding {
  padding-top: 0;
}

.footer-no-margin {
  margin-top: 0;
}

.footer-map-none {
  display: none;
}

.navbar-brand .main-title {
  color: #fff;
  margin: 0;
  padding: 15px 0;
  font-size: 25px;
}

.logo a h2 {
  color: #fff;
}

.logo a h2.optional-title {
  color: #000;
}

.single-footer-widget table {
  background: transparent;
}

/* All shop pages style 
================================================*/
.products-area {
  position: relative;
}

.products-area .pagination-area {
  margin-bottom: 30px;
  margin-top: 0;
}

/* Woocommerce topbar */
.woocommerce-topbar {
  border: 1px solid #fafafa;
  position: relative;
  padding: 35px 30px;
  margin-bottom: 30px;
  background: #fafafa;
}

.woocommerce-topbar .woocommerce-result-count {
  font-size: 17px;
  margin: 0;
  float: none;
  color: #666666;
}

.woocommerce-topbar .woocommerce-topbar-ordering {
  margin: 0;
  float: none;
  position: absolute;
  top: 20px;
  right: 20px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .form-control {
  border: none;
  cursor: pointer;
  background-color: #ffffff;
  height: 50px;
  padding: 10px 20px;
  width: 250px;
  font-size: 14px;
  color: #666666;
}

.woocommerce-topbar .woocommerce-topbar-ordering .form-control option {
  font-size: 13px;
  cursor: pointer;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
  background-color: transparent;
  color: #666666;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  float: unset;
  height: unset;
  line-height: initial;
  padding: 18px 35px 18px 20px;
  font-size: 15px;
  width: 250px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select span.current {
  font-size: 17px;
  text-align: right;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
  color: #ffffff;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
  background-color: transparent;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
  right: 20px;
}

.woocommerce form.woocommerce-shipping-calculator .form-row input.input-text, .woocommerce form.woocommerce-shipping-calculator .form-row textarea {
  padding: 5px 7px !important;
}

/* End woocommerce topbar */
/* Single products card */
.woocommerce ul.products {
  margin: 0;
}

.woocommerce ul.products li.product h3 {
  margin-bottom: 10px;
  margin-top: -5px;
  font-size: 24px;
  font-weight: 700;
  padding: 0;
}

.woocommerce ul.products li.product .price {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}

.woocommerce ul.products li.product .price del {
  margin-right: 3px;
  color: #828893;
  font-size: 13px;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  font-weight: 700;
  color: #333333;
  font-family: "Dosis", sans-serif;
}

.woocommerce ul.products li.product .star-rating {
  margin: 12px auto 27px;
  color: #eac11d;
}

.woocommerce ul.products li.product a.added_to_cart {
  margin-left: 10px;
}

.single-products {
  text-align: center;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}

.single-products .products-image a {
  display: block !important;
}

.single-products .products-image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  margin: 0 !important;
}

.single-products .products-image ul {
  padding: 0;
  z-index: 2;
  list-style-type: none;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.single-products .products-image ul li {
  display: inline-block;
}

.single-products .products-image ul li a {
  display: block;
  background: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  margin: 0 5px;
}

.single-products .products-image ul li a:hover {
  color: #ffffff;
}

.single-products .products-image ul li a:nth-child(1) {
  margin-left: -15px;
}

.single-products .products-image ul li a:nth-child(3) {
  margin-right: -15px;
}

.single-products .products-content {
  padding: 35px 15px;
}

.single-products .products-content h3 a {
  color: #333333;
}

.single-products .products-content ul {
  padding-left: 0;
  margin-top: 8px;
  margin-bottom: 10px;
  list-style-type: none;
}

.single-products .products-content ul li {
  display: inline-block;
  color: #ffb708;
  font-size: 15px;
}

.single-products .products-content .add-to-cart-btn {
  display: inline-block;
  font-weight: 600;
  border: 1px solid;
  padding: 15px 25px;
  font-size: 14px;
  border-radius: 0;
  line-height: initial;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: uppercase;
  margin-top: 15px;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.02);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.02);
  background: #ffffff;
}

.single-products .products-content .add-to-cart-btn:hover {
  border: 1px solid;
  color: #ffffff;
}

.single-products .sale-btn {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: #ffffff;
  padding: 4px 20px;
}

.single-products:hover .products-image img {
  -webkit-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
}

.single-products:hover .products-image::before {
  opacity: .40;
  visibility: visible;
}

.single-products:hover .products-image ul {
  opacity: 1;
  visibility: visible;
}

.single-products:hover .products-image ul li a:nth-child(1) {
  margin-left: 0;
}

.single-products:hover .products-image ul li a:nth-child(3) {
  margin-right: 0;
}

.product-link a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: none;
}

/* End single products card */
/* Product Quick View Modal */
.productsQuickView {
  padding: 0 !important;
  z-index: 1000000;
}

.productsQuickView .modal-dialog {
  max-width: 900px;
}

.productsQuickView .modal-dialog .modal-content {
  border: none;
  border-radius: 0;
}

.productsQuickView .modal-dialog .modal-content button.close {
  position: absolute;
  right: 10px;
  display: inline-block;
  opacity: 1;
  top: 10px;
  width: 35px;
  z-index: 333;
  height: 35px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  outline: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.productsQuickView .modal-dialog .modal-content button.close:hover {
  color: #ffffff;
}

.productsQuickView .modal-dialog .modal-content button.close span {
  display: block;
  margin-top: -2px;
}

.productsQuickView .modal-dialog .modal-content .products-image img {
  width: 100%;
}

.productsQuickView .modal-dialog .modal-content .products-content {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.productsQuickView .modal-dialog .modal-content .products-content h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: #2e4b7b;
}

.productsQuickView .modal-dialog .modal-content .products-content p {
  margin-bottom: 15px;
  font-size: 14px;
  color: #383838;
  line-height: 1.8;
}

.productsQuickView .modal-dialog .modal-content .products-content .price {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.productsQuickView .modal-dialog .modal-content .products-content .price del {
  margin-right: 5px;
  opacity: .60;
}

.productsQuickView .modal-dialog .modal-content .products-content .star-rating {
  color: #eac11d;
  font-size: 14px;
  display: block;
  margin-bottom: 15px;
  float: none;
}

.productsQuickView .modal-dialog .modal-content .products-content form .quantity {
  display: inline-block;
}

.productsQuickView .modal-dialog .modal-content .products-content form .quantity input {
  border: 1px solid #eeeeee;
  background: #ffffff;
  height: 45px;
  padding: 8px 15px;
  width: 75px;
  outline: 0;
  font-size: 16px;
}

.productsQuickView .modal-dialog .modal-content .products-content form button {
  border-radius: 0;
  color: #ffffff;
  border: none;
  height: 45px;
  padding: 0 20px;
  position: relative;
  top: -1px;
  cursor: pointer;
  font-weight: 600;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 14px;
  margin-left: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content form button:hover {
  background-color: #0a0c19;
  color: #ffffff;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta {
  margin-top: 15px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta .sku_wrapper {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta .posted_in {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta .tagged_as {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta span {
  display: inline-block;
  color: #0a0c19;
  margin-right: 8px;
  font-size: 15px;
  font-weight: 600;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta span a {
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  text-transform: capitalize;
}

.productsQuickView .grouped_form {
  font-size: 14px;
}

.productsQuickView .grouped_form .add-to-cart-btn {
  color: #fff;
  font-size: 12px;
  padding: 10px 10px;
}

.productsQuickView .grouped_form .add-to-cart-btn:hover {
  background-color: #000;
  color: #fff;
}

.productsQuickView .variations_form td {
  text-transform: capitalize;
}

.productsQuickView .variations_form td a.reset_variations {
  margin-left: 10px;
}

.productsQuickView .variations_form .label label {
  margin: 0;
}

.productsQuickView .variations_form .value select {
  border: 1px solid #eee;
  font-size: 13px;
  height: 35px;
  padding: 5px 10px;
}

.productsQuickView .variations_form .reset_variations {
  font-size: 13px;
  margin-top: 10px;
}

.productsQuickView .variations_form .woocommerce-variation-price {
  margin-bottom: 10px;
}

.productsQuickView table.variations {
  margin-bottom: 15px;
}

.productsQuickView table.variations .nice-select span.current {
  font-size: 14px;
}

/* End Product Quick View Modal */
/* Product details style */
.pswp {
  z-index: 100005;
}

.products_details .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
  display: block;
}

.products_details div.product span.sale-btn {
  z-index: 2;
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: #ffffff;
  padding: 4px 20px;
}

.products_details div.product .product_title {
  display: block;
  font-size: 22px;
  font-weight: 700;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.products_details div.product .product_title::before {
  content: '';
  left: 0;
  bottom: -1px;
  width: 30px;
  height: 2px;
  position: absolute;
}

.products_details div.product p.price, .products_details div.product span.price {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold;
}

.products_details div.product p.price del, .products_details div.product span.price del {
  margin-right: 5px;
}

.products_details div.product p.price ins, .products_details div.product span.price ins {
  text-decoration: none;
}

.products_details div.product .woocommerce-product-rating {
  margin-bottom: 5px;
}

.products_details div.product .woocommerce-product-rating .star-rating {
  font-size: 14px;
  color: #eac11d;
}

.products_details div.product .woocommerce-product-rating a.woocommerce-review-link {
  color: #62618d;
  font-size: 14px;
}

.products_details div.product .woocommerce-product-details__short-description {
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-product-details__short-description p {
  font-size: 15px;
  line-height: 1.8;
}

.products_details div.product form.cart {
  margin-top: 20px;
  margin-bottom: 0;
}

.products_details div.product form.cart .qty {
  height: 45px;
  font-size: 14px;
  width: 100px;
  padding: 5px;
  border: 1px solid #eee;
  background-color: #f8f8f8;
  margin-right: 10px;
}

.products_details div.product form.cart a.button.alt, .products_details div.product form.cart button.button.alt, .products_details div.product form.cart input.button.alt {
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  height: 45px;
  border-radius: 0;
  padding: 5px 20px;
  font-weight: 600;
  border: 1px solid;
}

.products_details div.product form.cart a.button.alt:hover, .products_details div.product form.cart button.button.alt:hover, .products_details div.product form.cart input.button.alt:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);
}

.products_details div.product form.cart table {
  margin-bottom: 15px;
  border-bottom: none;
}

.products_details div.product form.cart table tr del {
  opacity: .50;
  margin-right: 3px;
}

.products_details div.product form.cart table tr:nth-child(even), .products_details div.product form.cart table tr:hover {
  background-color: transparent;
}

.products_details div.product form.cart .variations {
  margin-bottom: 15px;
  border-bottom: none;
  background-color: transparent !important;
  font-family: "Open Sans", sans-serif;
}

.products_details div.product form.cart .variations select {
  border: 1px solid #eee;
  height: 35px;
  font-size: 14px;
  padding: 5px 10px;
}

.products_details div.product form.cart .variations label {
  text-transform: capitalize;
  display: block;
  margin-bottom: 0;
}

.products_details div.product form.cart .variations th, .products_details div.product form.cart .variations td {
  padding: 5px 0;
  display: block;
  position: relative;
}

.products_details div.product form.cart .variations th span.current, .products_details div.product form.cart .variations td span.current {
  margin: 0;
  font-size: 14px;
}

.products_details div.product form.cart .single_variation_wrap p {
  font-size: 15px;
}

.products_details div.product form.cart .single_variation_wrap .woocommerce-variation-price {
  margin-bottom: 10px;
}

.products_details div.product form.cart .group_table td {
  vertical-align: middle;
}

.products_details div.product form.cart .group_table td label {
  margin: 0;
  font-size: 14px;
}

.products_details div.product form.cart .group_table td:first-child {
  width: 130px;
  text-align: center;
}

.products_details div.product form.cart .group_table td .qty {
  width: 100%;
}

.products_details div.product form.cart .group_table td .button {
  font-weight: normal;
  font-size: 13px;
  border-radius: 0;
  color: #fff;
  padding: 12px 15px;
  width: 100%;
}

.products_details div.product form.cart .group_table td .button:hover {
  background-color: #000;
  color: #fff;
}

.products_details div.product .product_meta {
  margin-top: 20px;
}

.products_details div.product .product_meta span.sku_wrapper {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #333333;
}

.products_details div.product .product_meta span.posted_in, .products_details div.product .product_meta span.tagged_as {
  margin-top: 10px;
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #333333;
}

.woocommerce div.product form.cart .reset_variations {
  position: absolute;
  left: 50px;
  top: -25px;
}

.woocommerce div.product form.cart .variations td.label {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.products_details div.product .product_meta span.posted_in a, .products_details div.product .product_meta span.tagged_as a {
  font-size: 15px;
  margin-left: 5px;
  display: inline-block;
  text-transform: capitalize;
  color: #666666;
}

.products_details div.product .woocommerce-tabs {
  padding-top: 10px;
}

.products_details div.product .woocommerce-tabs ul.tabs {
  margin: 0;
  padding: 0;
}

.products_details div.product .woocommerce-tabs ul.tabs li {
  background-color: transparent;
  margin: 0 10px 0 0;
  border: 1px dashed;
  padding: 0;
}

.products_details div.product .woocommerce-tabs ul.tabs li::after, .products_details div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}

.products_details div.product .woocommerce-tabs ul.tabs li a {
  padding: 10px 20px;
  font-size: 13px;
  text-transform: uppercase;
}

.products_details div.product .woocommerce-tabs ul.tabs li.active {
  color: #fff;
  border-radius: 0;
}

.products_details div.product .woocommerce-tabs ul.tabs li.active a:hover {
  color: #fff;
}

.products_details div.product .woocommerce-tabs .panel {
  margin: 0;
  padding: 25px;
  background-color: #fff;
  border-bottom: 1px dashed #eeeeee;
  border-left: 1px dashed #eeeeee;
  border-right: 1px dashed #eeeeee;
}

.products_details div.product .woocommerce-tabs .panel h1, .products_details div.product .woocommerce-tabs .panel h2, .products_details div.product .woocommerce-tabs .panel h3 {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.products_details div.product .woocommerce-tabs .panel h4, .products_details div.product .woocommerce-tabs .panel h5, .products_details div.product .woocommerce-tabs .panel h6 {
  font-size: 17px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.products_details div.product .woocommerce-tabs .panel p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.8;
}

.products_details div.product .woocommerce-tabs .panel p:last-child {
  margin-bottom: 0;
}

.products_details div.product .woocommerce-tabs .panel table.shop_attributes {
  margin-bottom: 0;
  margin-top: 15px;
}

.products_details div.product .woocommerce-tabs .panel table.shop_attributes td, .products_details div.product .woocommerce-tabs .panel table.shop_attributes th {
  border: 1px solid #eee !important;
  padding: 10px 15px;
  text-transform: capitalize;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border: none;
  background-color: transparent;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .woocommerce-Reviews-title {
  text-transform: capitalize;
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments p.woocommerce-noreviews {
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 15px !important;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments ol.commentlist li {
  margin-bottom: 15px !important;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments p.meta {
  margin-bottom: 5px !important;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .woocommerce-review__author {
  color: #222222;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .star-rating {
  font-size: 14px;
  color: #eac11d;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .description p {
  font-size: 15px;
  margin-bottom: 12px !important;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews .nice-select ul.list {
  height: auto;
}

.products_details div.product .woocommerce-tabs .panel .comment-reply-title {
  font-size: 15px;
  font-weight: normal;
  border-bottom: none;
  display: block;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-tabs .panel .comment-reply-title::before {
  display: none;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating label {
  margin-bottom: 15px;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating p.stars {
  margin-bottom: 20px !important;
  display: inline-block;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating p.stars a {
  color: #ffba0a;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating .nice-select {
  margin-bottom: 20px;
  border-radius: 0;
}

.products_details div.product .woocommerce-tabs .panel #respond textarea#comment {
  padding: 12px 15px;
  font-size: 15px;
}

.products_details div.product .woocommerce-tabs .panel #respond .comment-form-comment textarea {
  margin: 0;
}

.products_details div.product .woocommerce-tabs .panel #respond p.comment-form-comment, .products_details div.product .woocommerce-tabs .panel #respond .comment-form-author, .products_details div.product .woocommerce-tabs .panel #respond .comment-form-email, .products_details div.product .woocommerce-tabs .panel #respond .comment-form-cookies-consent {
  margin-bottom: 30px !important;
}

.products_details div.product .woocommerce-tabs .panel #respond p.form-submit {
  margin: 0 !important;
}

.products_details div.product .woocommerce-tabs .panel #respond input#submit {
  padding: 13px 20px;
  border-radius: 0;
  color: #fff;
  border: 1px solid;
  font-size: 14px;
}

.products_details div.product .woocommerce-tabs .panel #respond input#submit:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.02);
}

.products_details .up-sells.upsells.products {
  margin-top: 35px;
}

.products_details .up-sells.upsells.products h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.products_details .related.products {
  margin-top: 70px;
}

@-webkit-keyframes scaleup {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleup {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes starred {
  from {
    color: #f2b01e;
  }
  to {
    color: #f2b01e;
  }
}

@keyframes starred {
  from {
    color: #f2b01e;
  }
  to {
    color: #f2b01e;
  }
}

/* End Product details */
/* Cart pages style */
.cart-table table {
  margin-bottom: 0;
}

.cart-table table thead tr th {
  color: #2e4b7b;
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 15px !important;
  text-transform: uppercase;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #eee;
  font-weight: 700;
  font-size: 14px;
}

.cart-table table tbody tr td {
  vertical-align: middle;
  padding: 13px 12px !important;
  border-color: #dee2e6;
  border-left: none;
  border-right: none;
  color: #666666;
}

.cart-table table tbody tr td.product-thumbnail a {
  display: block;
}

.cart-table table tbody tr td.product-thumbnail a img {
  width: 50px;
}

.cart-table table tbody tr td.product-name a {
  font-weight: 600;
  color: #666666;
  display: inline-block;
}

.cart-table table tbody tr td.product-name span {
  font-weight: 600;
}

.cart-table table tbody tr td.product-subtotal .remove {
  color: red;
  float: right;
  position: relative;
  top: -1px;
}

.cart-table table tbody tr td.product-quantity .form-control {
  background: transparent;
  width: 80px;
}

.cart-table table tbody tr td.product-subtotal {
  overflow: hidden;
}

.cart-table table tbody tr td.product-subtotal span {
  font-weight: 600;
}

.cart-table table .actions .btn-primary {
  cursor: pointer;
}

.cart-table table .actions .btn-primary:hover {
  background: #ffffff;
}

.cart-table .quantity .input-text {
  border: 1px solid #f8f8f8;
  background-color: #f8f8f8;
  height: 40px;
  font-size: 15px;
  padding: 7px 10px;
  width: 100px;
  color: #2e4b7b;
}

.cart-table .quantity .input-text:focus {
  outline: 0;
  border: 1px solid #464646;
}

.cart-table .coupon .form-control {
  width: 150px !important;
  padding: 5px 15px !important;
  height: 48px;
  margin-right: 10px !important;
  text-transform: capitalize;
}

.cart-table a.remove {
  font-size: 17px;
}

.cart-table a.remove:hover {
  background-color: transparent;
  color: red !important;
}

.cart-table a.remove i {
  font-style: inherit;
}

.cart-totals {
  background: #fafafa;
  padding: 40px;
  max-width: 600px;
  width: 100% !important;
  -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin: 10px auto 0;
  float: none !important;
}

.cart-totals table.shop_table {
  border: 1px solid #dee2e6;
}

.cart-totals h3 {
  margin-top: -5px;
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
}

.cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-totals ul li {
  border: 1px solid #eaedff;
  padding: 10px 15px;
  color: #0a0c19;
  font-weight: 600;
  overflow: hidden;
}

.cart-totals ul li:first-child {
  border-bottom: none;
}

.cart-totals ul li:last-child {
  border-top: none;
}

.cart-totals ul li span {
  float: right;
  font-weight: normal;
}

.cart-totals .wc-proceed-to-checkout {
  padding-bottom: 0;
  margin-top: 10px;
}

.cart-totals .wc-proceed-to-checkout .shop-btn {
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
}

.cart-totals table td, .cart-totals table th {
  border: 1px solid #dee2e6;
  padding: 12px 15px !important;
}

.cart-totals tr th, .cart-totals tr td {
  border: 1px solid #dee2e6 !important;
}

/* End cart pages style */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #fafafa;
}

.checkout-area .title {
  font-size: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
}

.checkout-area .select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 0;
  height: 50px;
}

.checkout-area .select2-container--default .select2-selection--single:focus {
  outline: 0;
}

.checkout-area .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #2e4b7b;
  margin-top: 10px;
  padding-left: 15px;
  font-size: 14px;
}

.checkout-area .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
  right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin: 0px 5px 0 0 !important;
}

.woocommerce-additional-fields .title {
  color: #333333;
}

.woocommerce-additional-fields .form-control {
  background-color: #ffffff;
  border: 1px solid #eee;
  font-size: 14px;
  color: #000;
}

.woocommerce-additional-fields .form-control::-webkit-input-placeholder {
  color: #2e4b7b;
}

.woocommerce-additional-fields .form-control:-ms-input-placeholder {
  color: #2e4b7b;
}

.woocommerce-additional-fields .form-control::-ms-input-placeholder {
  color: #2e4b7b;
}

.woocommerce-additional-fields .form-control::placeholder {
  color: #2e4b7b;
}

.woocommerce-additional-fields .form-control:focus {
  outline: 0;
  border: 1px solid;
}

/* Checkout page style */
/* Billing details */
.billing-details {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #fafafa;
  padding: 25px;
  border-radius: 5px;
}

.billing-details .form-row:last-child {
  margin-bottom: 0;
}

.billing-details .form-group label {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  width: 100%;
  line-height: 1 !important;
}

.billing-details .form-group label .required {
  color: red;
}

.billing-details .form-group .woocommerce-input-wrapper {
  width: 100%;
  display: block;
}

.billing-details .form-group .form-control {
  background: #ffffff;
  border: 1px solid #eee;
  height: 50px;
  font-size: 13px;
}

.billing-details .form-group .form-control:hover, .billing-details .form-group .form-control:focus {
  outline: 0;
  border: 1px solid;
}

.billing-details .form-group .form-control::-webkit-input-placeholder {
  color: #2e4b7b;
}

.billing-details .form-group .form-control:-ms-input-placeholder {
  color: #2e4b7b;
}

.billing-details .form-group .form-control::-ms-input-placeholder {
  color: #2e4b7b;
}

.billing-details .form-group .form-control::placeholder {
  color: #2e4b7b;
}

.billing-details .form-group select {
  cursor: pointer;
}

.billing-details .form-check {
  margin-bottom: 15px;
}

.billing-details .form-check label {
  font-size: 15px;
  font-weight: 400;
}

.checkout-area .woocommerce-shipping-fields {
  margin-top: 30px;
}

.checkout-area .woocommerce-shipping-fields h3 {
  font-size: 16px;
  margin-top: 0;
}

.checkout-area form .form-row {
  padding: 0;
  margin: 0 0 25px;
}

.checkout-area .shipping_address .form-group label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  line-height: 1 !important;
  color: #000;
}

.checkout-area .shipping_address .form-group .form-control {
  background: #fff;
  border: 1px solid #eee;
  height: 45px;
  font-size: 15px;
}

.checkout-area .shipping_address .form-group .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.checkout-area .woocommerce-additional-fields .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.checkout-area .woocommerce-additional-fields .form-row:last-child {
  margin-bottom: 0;
}

.order-details {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #fafafa;
  padding: 25px;
  border-radius: 5px;
}

.order-details ul {
  list-style-type: none;
}

.order-details ul li {
  list-style-type: none;
}

.order-details .form-row:last-child {
  margin-bottom: 0;
}

.order-details table td, .order-details table th {
  border: 1px solid #eeeeee;
}

.order-details b, .order-details strong {
  color: #000000;
}

.order-details table.shop_table {
  border: none;
  border-collapse: collapse;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 2em 1em 3.5em !important;
}

.woocommerce-checkout-payment .woocommerce-notice {
  font-size: 14px;
}

.woocommerce-checkout-payment p {
  font-size: 14px;
  line-height: 1.8;
}

/* End checkout page style */
/* Checkout coupon */
.woocommerce .checkout_coupon {
  background-color: #fafafa;
  border: 1px solid #fafafa !important;
}

.woocommerce .checkout_coupon .input-text {
  border: 1px solid #eee;
  height: 45px;
  padding: 8px 15px;
}

.woocommerce .checkout_coupon .button {
  color: #fff;
  font-size: 14px;
  height: 45px;
  padding: 10px 20px;
}

.woocommerce .checkout_coupon .button:hover {
  background-color: #fff;
  color: #2e4b7b;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background-color: #ffffff;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #353535;
}

/* Shop Sidebar */
.shop-sidebar {
  padding-left: 15px;
}

.shop-sidebar select {
  border: 1px solid #eee;
  width: 100%;
  height: 45px;
  padding: 5px 15px;
  color: #141414;
  font-weight: 600;
}

.shop-sidebar .tagcloud a {
  display: inline-block;
  font-weight: 600;
  font-size: 14px !important;
  padding: 7px 10px;
  border: 1px solid #2c2929;
  margin-top: 8px;
  margin-right: 4px;
}

.shop-sidebar ul {
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
}

.shop-sidebar ul li {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
}

.shop-sidebar ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.shop-sidebar ul li a {
  color: #2e4b7b;
  display: inline-block;
}

.shop-sidebar ul ul.children {
  padding-left: 15px !important;
  margin-top: 8px;
}

.shop-sidebar .widget {
  margin-top: 30px;
  border: 1px solid #fafafa;
  padding: 30px 25px;
  background-color: #fafafa;
}

.shop-sidebar .widget:first-child {
  margin-top: 0;
}

.shop-sidebar .widget h3 {
  font-size: 18px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.shop-sidebar .widget .tagcloud a {
  border: 1px solid #666666;
  padding: 6px 18px;
  font-size: 14px !important;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  text-transform: capitalize;
  border-radius: 30px;
}

.shop-sidebar .widget .tagcloud a:hover {
  color: #fff;
}

.shop-sidebar .widget_product_search form {
  position: relative;
}

.shop-sidebar .widget_product_search form .search-field {
  width: 100%;
  display: block;
  height: 50px;
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #eeeeee;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shop-sidebar .widget_product_search form .search-field:hover, .shop-sidebar .widget_product_search form .search-field:focus {
  outline: 0;
}

.shop-sidebar .widget_product_search form button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  border: none;
  color: #fff;
  font-size: 15px;
  height: 50px;
  padding: 05px 15px;
}

.shop-sidebar .widget_product_search form button:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .woocommerce button.button {
  color: #fff;
  font-size: 13px !important;
  font-weight: normal;
}

.shop-sidebar .woocommerce button.button:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .widget_shopping_cart .cart_list li {
  padding-left: 25px;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.shop-sidebar .widget_shopping_cart .cart_list li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.shop-sidebar .widget_shopping_cart .cart_list li a {
  font-size: 14px;
}

.shop-sidebar .widget_shopping_cart .cart_list li .remove {
  font-size: 20px !important;
  top: 5px;
}

.shop-sidebar .widget_shopping_cart .cart_list li a img {
  margin-top: 5px;
}

.shop-sidebar .widget_shopping_cart .cart_list li span.quantity {
  font-size: 13px;
}

.shop-sidebar .widget_shopping_cart p.woocommerce-mini-cart__total.total {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
  color: #2e4b7b;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li, .shop-sidebar .widget_products .product_list_widget li, .shop-sidebar .widget_recently_viewed_products .product_list_widget li, .shop-sidebar .widget_recent_reviews .product_list_widget li {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li::last-child, .shop-sidebar .widget_products .product_list_widget li::last-child, .shop-sidebar .widget_recently_viewed_products .product_list_widget li::last-child, .shop-sidebar .widget_recent_reviews .product_list_widget li::last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li::last-child, .shop-sidebar .widget_products .product_list_widget li::last-child, .shop-sidebar .widget_recently_viewed_products .product_list_widget li::last-child, .shop-sidebar .widget_recent_reviews .product_list_widget li::last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li a, .shop-sidebar .widget_products .product_list_widget li a, .shop-sidebar .widget_recently_viewed_products .product_list_widget li a, .shop-sidebar .widget_recent_reviews .product_list_widget li a {
  font-size: 14px;
  color: #2e4b7b;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li .amount, .shop-sidebar .widget_products .product_list_widget li .amount, .shop-sidebar .widget_recently_viewed_products .product_list_widget li .amount, .shop-sidebar .widget_recent_reviews .product_list_widget li .amount {
  font-size: 13px;
  margin-top: 5px;
  display: inline-block;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li .price, .shop-sidebar .widget_products .product_list_widget li .price, .shop-sidebar .widget_recently_viewed_products .product_list_widget li .price, .shop-sidebar .widget_recent_reviews .product_list_widget li .price {
  color: #ff2d2d;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li del, .shop-sidebar .widget_products .product_list_widget li del, .shop-sidebar .widget_recently_viewed_products .product_list_widget li del, .shop-sidebar .widget_recent_reviews .product_list_widget li del {
  opacity: .60;
  color: #ff2d2d;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li ins, .shop-sidebar .widget_products .product_list_widget li ins, .shop-sidebar .widget_recently_viewed_products .product_list_widget li ins, .shop-sidebar .widget_recent_reviews .product_list_widget li ins {
  text-decoration: none;
  color: #ff2d2d;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li .star-rating, .shop-sidebar .widget_products .product_list_widget li .star-rating, .shop-sidebar .widget_recently_viewed_products .product_list_widget li .star-rating, .shop-sidebar .widget_recent_reviews .product_list_widget li .star-rating {
  margin: 5px 0;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li span.reviewer, .shop-sidebar .widget_products .product_list_widget li span.reviewer, .shop-sidebar .widget_recently_viewed_products .product_list_widget li span.reviewer, .shop-sidebar .widget_recent_reviews .product_list_widget li span.reviewer {
  font-size: 12px !important;
  text-transform: capitalize;
}

.shop-sidebar .star-rating {
  font-size: 12px;
  color: #eac11d;
}

.shop-sidebar a.button {
  color: #fff;
  font-size: 12px;
  margin: 10px 10px 0 0 !important;
  text-transform: capitalize;
}

.shop-sidebar a.button:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .wcppec-cart-widget-button {
  margin-top: 10px;
}

.shop-sidebar .select2-container .select2-selection--single {
  border: 1px solid #eee;
  height: 45px;
  border-radius: 0;
}

.shop-sidebar .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
  padding-right: 20px;
  padding-top: 8px;
}

.shop-sidebar .select2-container .select2-selection--single .select2-selection__placeholder {
  color: #62618d;
}

.shop-sidebar .select2-container .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 5px;
}

.shop-sidebar .select2-container--default .select2-selection--multiple {
  border: 1px solid #eee;
  border-radius: 0;
  padding: 5px 15px;
}

.shop-sidebar span.reviewer {
  font-size: 14px;
}

.shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit {
  border: 1px solid;
  color: #fff;
  font-size: 13px;
  padding: 7px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .widget_price_filter .price_label {
  font-size: 15px;
}

.shop-sidebar .widget_layered_nav .selection ul li {
  border: none;
  padding-top: 5px;
}

.shop-sidebar .widget_layered_nav .selection ul li a {
  color: #eac11d;
}

.select2-dropdown {
  border: 1px solid #eee !important;
}

.select2-results__option {
  padding: 5px 15px !important;
  font-size: 13px !important;
  color: #2e4b7b;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
}

.return-to-shop .button.wc-backward {
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
  padding: 12px 20px;
  text-decoration: none;
}

.return-to-shop .button.wc-backward:hover {
  background-color: #000;
  color: #fff;
}

/* End Shop Sidebar */
/* MyAccount */
.woocommerce .woocommerce-MyAccount-navigation {
  background: #fafafa;
  border: 1px solid #fafafa;
  padding: 30px;
}

.woocommerce .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
  margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
  background-color: #fff;
  display: block;
  padding: 7px 20px;
  color: #000;
  text-decoration: none;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-content {
  border: 1px solid #fafafa;
  background-color: #fafafa;
  padding: 30px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-error {
  margin-top: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields {
  margin-top: 20px;
}

.woocommerce .woocommerce-MyAccount-content form label {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 12px;
  color: #333333;
}

.woocommerce .woocommerce-MyAccount-content .col-1 {
  max-width: 48%;
  padding: 0;
}

.woocommerce .woocommerce-MyAccount-content .col-2 {
  max-width: 48%;
  padding: 0;
}

.woocommerce .woocommerce-MyAccount-content h3 {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 10px;
}

.woocommerce .woocommerce-MyAccount-content .title {
  margin-top: 0;
  font-size: 25px;
  margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-content .addresses .edit {
  font-size: 14px;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .input-text {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  height: 45px;
  padding: 5px 15px;
  font-size: 14px;
  color: #2e4b7b;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .input-text::-webkit-input-placeholder {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .input-text:-ms-input-placeholder {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .input-text::-ms-input-placeholder {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .input-text::placeholder {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .input-text .btn {
  margin-top: 10px;
  margin-left: 5px;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .woocommerce-form-row span {
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
}

.woocommerce .woocommerce-MyAccount-content .edit-account fieldset {
  margin-top: 20px;
  color: #000;
}

.woocommerce .woocommerce-MyAccount-content .edit-account fieldset legend {
  font-size: 20px;
  color: #333333;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
  margin-bottom: 25px;
  padding: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label {
  width: 100%;
  line-height: 1;
  font-size: 14px;
  margin-bottom: 12px;
  color: #2e4b7b;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .input-text {
  display: block;
  width: 100%;
  border: 1px solid #2d2d2d;
  background-color: #2d2d2d;
  height: 45px;
  padding: 5px 15px;
  font-size: 14px;
  color: #666666;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .input-text::-webkit-input-placeholder {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .input-text:-ms-input-placeholder {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .input-text::-ms-input-placeholder {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .input-text::placeholder {
  color: #bbbbbb;
}

.woocommerce-MyAccount-content form p:last-child {
  margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection--single {
  height: 45px;
  border: 1px solid #2d2d2d;
  background-color: #2d2d2d;
  border-radius: 0;
  padding: 8px 15px;
  font-size: 13px;
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-content .select2-selection__rendered {
  color: #bbbbbb;
}

.woocommerce .woocommerce-MyAccount-content .button {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  border: none;
  padding: 15px 25px;
  font-size: 14px;
  border-radius: 0;
  line-height: initial;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: uppercase;
}

.woocommerce .woocommerce-MyAccount-content .button:hover {
  background-color: #000;
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-content address {
  font-style: normal;
  font-size: 15px;
  border: 1px solid #fafafa;
  padding: 10px 20px;
  margin-top: 15px;
}

.woocommerce .woocommerce-MyAccount-content fieldset .woocommerce-form-row {
  margin-bottom: 20px;
}

.woocommerce .woocommerce-MyAccount-content p {
  margin-top: 0;
}

/* login form */
.woocommerce form.login, .woocommerce form.register, .woocommerce .woocommerce-ResetPassword {
  background-color: #fafafa;
  border: 1px solid #fafafa;
  padding: 25px;
  margin: 0 0 0px;
}

.woocommerce form.login .form-row label, .woocommerce form.register .form-row label, .woocommerce .woocommerce-ResetPassword .form-row label {
  font-weight: bold;
  color: #2e4b7b;
  width: 100%;
  font-size: 15px;
}

.woocommerce form.login button.button, .woocommerce form.register button.button, .woocommerce .woocommerce-ResetPassword button.button {
  color: #fff;
  padding: 12px 25px;
  margin-top: 10px;
}

.woocommerce form.login button.button:hover, .woocommerce form.register button.button:hover, .woocommerce .woocommerce-ResetPassword button.button:hover {
  background-color: #000;
  color: #fff;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.woocommerce form.login button.button::before, .woocommerce form.login button.button::after, .woocommerce form.register button.button::before, .woocommerce form.register button.button::after, .woocommerce .woocommerce-ResetPassword button.button::before, .woocommerce .woocommerce-ResetPassword button.button::after {
  display: none;
}

.woocommerce div.product div.summary {
  margin-top: 90px;
}

.woocommerce div.product div.images .flex-control-thumbs {
  margin-left: -5px;
  margin-right: -5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 10px 5px 0;
}

.variations .nice-select ul.list {
  height: auto;
}

.cart-table .btn-primary:hover {
  color: #fff;
}

.product-name a {
  text-decoration: none !important;
}

.woocommerce .loader::before {
  display: none;
}

.woocommerce-product-search button {
  color: #fff !important;
}

.shop-sidebar .rsswidget {
  display: inline-block;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: block;
}

.woocommerce-product-gallery__wrapper {
  border: 1px solid #eee;
}

.woocommerce .woocommerce-MyAccount-content fieldset .form-row {
  display: block;
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .woocommerce-form-row .password-input {
  display: block;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .woocommerce-form-row span.show-password-input {
  display: none;
}

.shop-sidebar .widget ul li::before {
  display: none;
}

.shop-sidebar .widget ul li {
  padding-left: 0;
}

.shop-sidebar .widget h3 {
  position: relative;
}

.shop-sidebar .widget h3::before {
  height: 7px;
  width: 7px;
  content: '';
  left: -15px;
  top: 7px;
  position: absolute;
}

/* End All shop pages style */
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
  background-color: #2d3545;
}

.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover {
  background-color: #80be79 !important;
}

.shop-btn {
  padding: 15px 20px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border: 1px solid;
  line-height: initial;
  text-transform: capitalize;
}

.shop-btn:hover {
  background-color: #ffffff;
}

.shop-sidebar .widget .sub-menu li {
  padding-left: 14px;
}

.blocks-gallery-caption {
  margin-bottom: 8px;
}

.wp-block-group__inner-container {
  padding: 30px;
}

.wp-block-archives-list li span.post-count {
  padding-left: 8px;
  float: right;
}

.wp-block-categories-dropdown {
  margin-bottom: 20px;
}

.wp-block-categories-dropdown select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  font-size: 14px;
  padding: 8px 15px;
  color: #555;
}

.wp-block-tag-cloud a {
  display: inline-block;
  font-weight: 600;
  font-size: 12.5px !important;
  padding: 6px 13px;
  border: 1px dashed #eeeeee;
  position: relative;
  color: #393953 !important;
  text-decoration: none !important;
  margin-top: 8px;
  margin-right: 4px;
}

.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus {
  color: #ffffff !important;
}

.wp-block-search {
  margin-bottom: 30px;
  position: relative;
}

.wp-block-search label {
  display: block;
  margin-bottom: 10px;
}

.wp-block-search .screen-reader-text {
  display: none;
}

.wp-block-search .wp-block-search__input {
  background-color: #ffffff;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.wp-block-search button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 80px;
  z-index: 1;
  border: none;
  color: #ffffff;
}

.wp-block-search button:hover {
  color: #ffffff;
  background: #393953 !important;
}

.albion-seo-breadcrumbs span {
  color: #ffffff;
}

.albion-seo-breadcrumbs span a {
  display: inline-block;
  color: #ffffff;
}

/* New Css */
/*================================================
Navbar Area CSS
=================================================*/
.navbar-area.navbar-style-three.p-relative {
  position: relative;
}

.navbar-area.navbar-style-three.p-relative .sparsity-nav {
  background-color: #fff;
}

.navbar-area.navbar-style-three.p-relative .sparsity-nav .navbar .others-options .btn-primary {
  color: #ffffff;
}

.navbar-area.navbar-style-three.p-relative.is-sticky {
  position: fixed;
}

/*================================================
Main Banner Area CSS
=================================================*/
.home-slides-two .main-banner {
  height: auto;
  padding-top: 310px;
  padding-bottom: 220px;
}

.home-slides-two .main-banner .main-banner-content {
  overflow: hidden;
  margin-left: 0;
  margin-top: 0;
}

.home-slides-two .main-banner .main-banner-content p {
  margin-top: 30px;
}

.home-slides-two.owl-theme .owl-nav {
  margin-top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.home-slides-two.owl-theme .owl-nav [class*=owl-] {
  margin: 0;
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ffffff;
  color: #333333;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: unset;
  border-radius: 0;
  overflow: hidden;
}

.home-slides-two.owl-theme .owl-nav [class*=owl-] i::before {
  font-size: 25px;
}

.home-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 25px;
}

.home-slides-two.owl-theme .owl-nav [class*=owl-]:hover {
  color: #ffffff;
}

.home-slides-two.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

.startup-banner-area {
  padding-left: 30px;
  padding-right: 30px;
}

.startup-banner-inner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../assets/img/startup-banner.jpg);
  padding-top: 300px;
  padding-bottom: 160px;
}

.startup-banner-content {
  max-width: 720px;
}

.startup-banner-content h1 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 60px;
  font-weight: 700;
}

.startup-banner-content.text-center p, .startup-banner-content.text-right p {
  max-width: none;
}

.startup-banner-content p {
  max-width: 600px;
  color: #434343;
  font-weight: 500;
  font-size: 15px;
  margin-top: 25px;
  margin-bottom: 0;
}

.startup-banner-content .btn-box {
  margin-top: 30px;
}

.startup-banner-content .btn-box .optional-btn {
  display: inline-block;
  color: #333333;
  position: relative;
  margin-left: 20px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.startup-banner-content .btn-box .optional-btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #333333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.startup-banner-content .btn-box .optional-btn::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.startup-banner-content .btn-box .optional-btn:hover {
  color: #333333;
}

.startup-banner-content .btn-box .optional-btn:hover::before {
  width: 0;
}

.startup-banner-content .btn-box .optional-btn:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

/*================================================
Main Services Area CSS
=================================================*/
.main-services-area {
  padding-bottom: 80px;
}

.single-main-services-box {
  margin-bottom: 30px;
  border: 1px solid #ffd1bf;
  padding: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 5px 5px #ffd1bf;
          box-shadow: 5px 5px #ffd1bf;
}

.single-main-services-box .icon {
  margin-bottom: 22px;
  line-height: 1;
}

.single-main-services-box .icon i::before {
  font-size: 50px;
}

.single-main-services-box h3 {
  margin-bottom: 12px;
  font-size: 23px;
  font-weight: 700;
}

.single-main-services-box .link-btn {
  display: inline-block;
  font-weight: 600;
}

/*================================================
Why Choose Us Area CSS
=================================================*/
.why-choose-us-content h2 {
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700;
}

.why-choose-us-content .btn {
  margin-top: 25px;
}

.why-choose-us-content .row {
  margin-top: -15px;
}

.single-why-choose-us-box {
  margin-top: 30px;
}

.single-why-choose-us-box h3 {
  margin-bottom: 12px;
  font-size: 21px;
  font-weight: 700;
}

/*================================================
Solutions Area CSS
=================================================*/
.solutions-area {
  padding-bottom: 80px;
  background-color: #ffefe9;
  background-image: url(../../assets/img/solutions-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.single-solutions-box {
  margin-bottom: 30px;
  padding: 30px;
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-solutions-box .icon {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  width: 75px;
  height: 75px;
  line-height: 75px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
}

.single-solutions-box .icon i::before {
  font-size: 35px;
}

.single-solutions-box h3 {
  margin-bottom: 12px;
  font-size: 23px;
  font-weight: 700;
}

.single-solutions-box.active, .single-solutions-box:hover {
  background-color: #ffffff;
}

.single-solutions-box.active .icon, .single-solutions-box:hover .icon {
  color: #ffffff;
}

/*================================================
Testimonials Area CSS
=================================================*/
.testimonials-section .section-title {
  margin-bottom: 50px;
}

.testimonials-section .section-title .content {
  text-align: right;
  padding-right: 30px;
  position: relative;
}

.testimonials-section .section-title .content::before {
  content: '';
  position: absolute;
  right: -15px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #ffe3d8;
}

.testimonials-section .section-title .icon {
  text-align: left;
  margin-bottom: -15px;
  padding-left: 30px;
}

.testimonials-section .section-title .icon i {
  line-height: 1;
}

.testimonials-section .section-title .icon i::before {
  line-height: 1;
  font-size: 90px;
}

.testimonials-section .testimonials-slides {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

.testimonials-section .testimonials-slides .owl-nav.disabled + .owl-dots {
  margin-bottom: 0;
  margin-top: 0;
}

.single-testimonials-box {
  text-align: center;
  margin-bottom: 30px;
}

.single-testimonials-box p {
  color: #333333;
  margin-bottom: 0;
  font-size: 22px;
}

.single-testimonials-box .client-info {
  margin-top: 25px;
}

.single-testimonials-box .client-info h3 {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: 700;
}

/*================================================
Webinar Area CSS
=================================================*/
.webinar-inner {
  background-color: #f4f0e6;
  padding-left: 15px;
  padding-right: 125px;
  padding-top: 10px;
}

.webinar-inner .content h2 {
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700;
}

.webinar-inner .content p {
  max-width: 540px;
}

.webinar-inner .content .btn {
  margin-top: 5px;
}

/*================================================
Pricing Area CSS
=================================================*/
.pricing-bg-color.pricing-tab .tabs li a {
  background-color: #ffefe9;
}

.pricing-bg-color.pricing-tab .tabs li.current a, .pricing-bg-color.pricing-tab .tabs li:hover a {
  background-color: #333333;
}

.pricing-bg-color .single-pricing-box {
  border: 1px solid #ffd1bf;
  -webkit-box-shadow: 5px 5px #ffd1bf;
          box-shadow: 5px 5px #ffd1bf;
  border-radius: 0;
  text-align: center;
}

.pricing-bg-color .single-pricing-box .pricing-features {
  text-align: left;
}

/*================================================
Newsletter Area CSS
=================================================*/
.newsletter-inner {
  background-color: #ffffff;
  border: 1px solid #ffd1bf;
  -webkit-box-shadow: 5px 5px #ffd1bf;
          box-shadow: 5px 5px #ffd1bf;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 15px;
  padding-right: 100px;
  padding-top: 5px;
}

.newsletter-inner .content {
  padding-left: 30px;
}

.newsletter-inner .content h2 {
  margin-bottom: 25px;
  font-size: 40px;
  font-weight: 700;
}

.newsletter-inner .content form {
  margin-bottom: 15px;
}

.newsletter-inner .content form .input-newsletter {
  display: block;
  width: 100%;
  height: 50px;
  border: none;
  background-color: #ffdacb !important;
  color: #333333;
  outline: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  padding-left: 20px;
  border-radius: 30px;
}

.newsletter-inner .content form .input-newsletter::-webkit-input-placeholder {
  color: #464646;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.newsletter-inner .content form .input-newsletter:-ms-input-placeholder {
  color: #464646;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.newsletter-inner .content form .input-newsletter::-ms-input-placeholder {
  color: #464646;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.newsletter-inner .content form .input-newsletter::placeholder {
  color: #464646;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.newsletter-inner .content form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.newsletter-inner .content form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.newsletter-inner .content form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.newsletter-inner .content form .input-newsletter:focus::placeholder {
  color: transparent;
}

.newsletter-inner .content form button {
  display: block;
  width: 100%;
  margin-top: 10px;
  border-radius: 30px;
  border: none;
  line-height: initial;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 13px 30px;
  color: #ffffff;
  font-size: 16px;
  font-family: "Dosis", sans-serif;
  font-weight: 600;
}

.newsletter-inner .content form button:hover {
  color: #ffffff;
}

.woocommerce .nice-select {
  display: none;
}

.woocommerce select {
  display: block !important;
}

.shop-sidebar .woocommerce ul.cart_list li img, .shop-sidebar .woocommerce .woocommerce ul.product_list_widget li img {
  float: left;
}

.mchimp-errmessage {
  display: none;
}

.mchimp-sucmessage {
  display: none;
}

/* sidebar css */
.et-demo-options-toolbar {
  position: fixed;
  top: 50%;
  width: 40px;
  right: 0;
  line-height: 60px;
  border: 1px solid #eee;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  z-index: 99999;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
          box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
}

.et-demo-options-toolbar a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #111;
}

.et-demo-options-toolbar a:focus, .et-demo-options-toolbar a:hover {
  color: #111 !important;
}

[class*=hint--] {
  position: relative;
  display: inline-block;
}

[class*=hint--]:before,
[class*=hint--]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
  visibility: visible;
  opacity: 1;
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

[class*=hint--]:before {
  content: '';
  position: absolute;
  background: 0 0;
  border: 7px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:after {
  background: #000;
  color: #fff;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 15px;
  white-space: nowrap;
  border-radius: 5px;
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label='']:before,
[aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important;
}

.hint--top-left:before {
  border-top-color: #000;
}

.hint--top-right:before {
  border-top-color: #000;
}

.hint--top:before {
  border-top-color: #000;
}

.hint--bottom-left:before {
  border-bottom-color: #000;
}

.hint--bottom-right:before {
  border-bottom-color: #000;
}

.hint--bottom:before {
  border-bottom-color: #000;
}

.hint--left:before {
  border-left-color: #000;
}

.hint--right:before {
  border-right-color: #000;
}

.hint--top:before {
  margin-bottom: -13px;
}

.hint--top:before,
.hint--top:after {
  bottom: 100%;
  left: 50%;
}

.hint--top:before {
  left: calc(50% - 7px);
}

.hint--top:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}

.hint--bottom:before {
  margin-top: -13px;
}

.hint--bottom:before,
.hint--bottom:after {
  top: 100%;
  left: 50%;
}

.hint--bottom:before {
  left: calc(50% - 7px);
}

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}

.hint--right:before {
  margin-left: -13px;
  margin-bottom: -7px;
}

.hint--right:after {
  margin-bottom: -15px;
}

.hint--right:before,
.hint--right:after {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--right:hover:after {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--left:before {
  margin-right: -13px;
  margin-bottom: -7px;
}

.hint--left:after {
  margin-bottom: -15px;
}

.hint--left:before,
.hint--left:after {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--top-left:before {
  margin-bottom: -13px;
}

.hint--top-left:before,
.hint--top-left:after {
  bottom: 100%;
  left: 50%;
}

.hint--top-left:before {
  left: calc(50% - 7px);
}

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.hint--top-left:after {
  margin-left: 14px;
}

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}

.hint--top-right:before {
  margin-bottom: -13px;
}

.hint--top-right:before,
.hint--top-right:after {
  bottom: 100%;
  left: 50%;
}

.hint--top-right:before {
  left: calc(50% - 7px);
}

.hint--top-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.hint--top-right:after {
  margin-left: -14px;
}

.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top-right:hover:after {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--bottom-left:before {
  margin-top: -13px;
}

.hint--bottom-left:before,
.hint--bottom-left:after {
  top: 100%;
  left: 50%;
}

.hint--bottom-left:before {
  left: calc(50% - 7px);
}

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.hint--bottom-left:after {
  margin-left: 14px;
}

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}

.hint--bottom-right:before {
  margin-top: -13px;
}

.hint--bottom-right:before,
.hint--bottom-right:after {
  top: 100%;
  left: 50%;
}

.hint--bottom-right:before {
  left: calc(50% - 7px);
}

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.hint--bottom-right:after {
  margin-left: -14px;
}

.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom-right:hover:after {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

[class*=hint--]:after {
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

.hint--white:after {
  color: #111;
  background-color: #fff;
  text-shadow: 0 -1px 0px #bfbfbf;
}

.hint--white.hint--top-left:before {
  border-top-color: #fff;
}

.hint--white.hint--top-right:before {
  border-top-color: #fff;
}

.hint--white.hint--top:before {
  border-top-color: #fff;
}

.hint--white.hint--bottom-left:before {
  border-bottom-color: #fff;
}

.hint--white.hint--bottom-right:before {
  border-bottom-color: #fff;
}

.hint--white.hint--bottom:before {
  border-bottom-color: #fff;
}

.hint--white.hint--left:before {
  border-left-color: #fff;
}

.hint--white.hint--right:before {
  border-right-color: #fff;
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--no-animate:before,
.hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}

.hint--bounce:before,
.hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

/*Start "Home Demo - 6", "Home Demo - 7" & "Home Demo - 8" Style CSS*/
.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.section-title.with-underline-text {
  max-width: 700px;
}

.section-title.with-underline-text h2 b {
  display: inline-block;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
  font-weight: bold;
}

.section-title.with-underline-text p {
  max-width: 100%;
}

/*================================================
Topbar Wrap Area CSS
=================================================*/
.topbar-wrap-area {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 6px 15px rgba(71, 113, 188, 0.07);
          box-shadow: 0px 6px 15px rgba(71, 113, 188, 0.07);
  padding-top: 15px;
  padding-bottom: 15px;
}

.topbar-wrap-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.topbar-content span {
  font-size: 14px;
  font-weight: 600;
}

.topbar-content span a {
  color: #ff4800;
  border-bottom: 1px solid #ff4800;
  display: inline-block;
}

.topbar-content span a:hover {
  color: #4ac728;
  border-bottom: 1px solid #4ac728;
}

.topbar-action-list {
  padding: 0;
  margin-bottom: 0;
  text-align: end;
}

.topbar-action-list li {
  font-size: 14px;
  font-weight: 600;
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
  position: relative;
  padding-left: 20px;
}

.topbar-action-list li::before {
  content: "";
  position: absolute;
  top: 1px;
  right: -20px;
  width: 1px;
  height: 20px;
  border: 2px solid #E4E7FB;
}

.topbar-action-list li:last-child {
  margin-right: 0;
}

.topbar-action-list li:last-child::before {
  display: none;
}

.topbar-action-list li:last-child i {
  top: 6.5px;
}

.topbar-action-list li:first-child i {
  left: 2px;
}

.topbar-action-list li i {
  position: absolute;
  left: 0;
  top: 5px;
  color: #ff4800;
  font-size: 12.5px;
}

.topbar-action-list li a:hover {
  color: #4ac728;
}

/*================================================
Navbar Area CSS
=================================================*/
.navbar-area-with-position-relative {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3.31%, #F5FCFE), to(#F6FCFF));
  background: linear-gradient(180deg, #F5FCFE 3.31%, #F6FCFF 100%);
}

.navbar-area-with-position-relative.with-white-color {
  background: #ffffff;
}

.navbar-area-with-position-relative .sparsity-nav {
  padding-left: 0;
  padding-right: 0;
}

.navbar-area-with-position-relative .sparsity-nav .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item a {
  color: #333333;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item a.active {
  color: #ff4800;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item:focus a, .navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item.active a {
  color: #ff4800;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #333333;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area-with-position-relative .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #ff4800;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .cart-btn {
  color: #333333;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .cart-btn:hover {
  color: #ff4800;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .btn-primary {
  background-color: #ff4800;
  color: #ffffff;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .btn-primary:hover {
  color: #ffffff !important;
  background-color: #4ac728 !important;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .option-item {
  color: #333333;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .option-item .search-btn {
  color: #333333;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .option-item .search-btn:hover {
  color: #ff4800;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .option-item .close-btn {
  color: #333333;
}

.navbar-area-with-position-relative .sparsity-nav .navbar .others-options .option-item .close-btn:hover {
  color: #ff4800;
}

/*================================================
AI Main Banner Area CSS
=================================================*/
.ai-main-banner-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3.31%, #F5FCFE), to(#F6FCFF));
  background: linear-gradient(180deg, #F5FCFE 3.31%, #F6FCFF 100%);
  padding-top: 120px;
  padding-bottom: 120px;
}

.ai-main-banner-area .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.ai-main-banner-content {
  text-align: center;
  max-width: 750px;
  margin: auto;
  position: relative;
  top: -10px;
}

.ai-main-banner-content h1 {
  font-size: 70px;
  font-weight: bold;
  margin-bottom: 18.5px;
}

.ai-main-banner-content h1 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
}

.ai-main-banner-content p {
  max-width: 575px;
  margin: auto;
  font-size: 16px;
}

.ai-main-banner-content .banner-btn {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 0;
}

.ai-main-banner-content .banner-btn li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 20px;
}

.ai-main-banner-content .banner-btn li:last-child {
  margin-right: 0;
}

.ai-main-banner-content .banner-btn li .video-btn {
  margin-left: 5px;
  font-size: 14.5px;
  font-weight: 600;
  color: #333333;
}

.ai-main-banner-content .banner-btn li .video-btn i {
  background: linear-gradient(320.56deg, #074ECE 0%, #4D8CFF 100%);
  -webkit-box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.12);
          box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.12);
  height: 40px;
  width: 40px;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  padding-left: 5px;
  margin-right: 8px;
}

.ai-main-banner-image {
  position: absolute;
  left: 0;
  bottom: 10%;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
  z-index: -1;
  width: 30%;
}

.ai-main-banner-image .circle-shape {
  width: 450px;
  height: 300px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: -1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -150px;
}

.ai-main-banner-image.right-image {
  right: 0;
  left: auto;
}

.ai-main-banner-image.right-image .circle-shape {
  right: -150px;
  left: auto;
}

.ai-main-banner-shape-1 {
  position: absolute;
  top: 15%;
  left: 22%;
  -webkit-transform: translateY(-5%) translateX(-22%);
          transform: translateY(-5%) translateX(-22%);
  z-index: -1;
}

.ai-main-banner-shape-1 img {
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ai-main-banner-shape-2 {
  position: absolute;
  top: 10%;
  right: 25%;
  -webkit-transform: translateY(-10%) translateX(-25%);
          transform: translateY(-10%) translateX(-25%);
  z-index: -1;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

.ai-main-banner-shape-3 {
  position: absolute;
  bottom: 10%;
  left: 35%;
  -webkit-transform: translateY(-10%) translateX(-35%);
          transform: translateY(-10%) translateX(-35%);
  z-index: -1;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

/*================================================
Fun Facts Area CSS
=================================================*/
.fun-facts-wrap-area {
  position: relative;
  z-index: 1;
}

.fun-facts-wrap-area::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 120px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3.31%, #F5FCFE), to(#F6FCFF));
  background: linear-gradient(180deg, #F5FCFE 3.31%, #F6FCFF 100%);
}

.fun-facts-wrap-area.without-before-color::before {
  display: none;
}

.without-before-color .fun-facts-wrap-area::before {
  display: none;
}

.fun-facts-wrap-area-inner-box {
  background: -webkit-gradient(linear, left top, right top, from(#DD24ED), color-stop(97.61%, #7609EA));
  background: linear-gradient(90deg, #DD24ED 0%, #7609EA 97.61%);
  -webkit-box-shadow: -3px 8px 20px rgba(80, 80, 161, 0.07);
          box-shadow: -3px 8px 20px rgba(80, 80, 161, 0.07);
  padding-left: 100px;
  padding-right: 100px;
}

.fun-facts-wrap-area-inner-box.gradient-optional-color {
  background: -webkit-gradient(linear, left top, right top, from(#61967D), to(#4A4493));
  background: linear-gradient(90deg, #61967D 0%, #4A4493 100%);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.fun-facts-wrap-area-inner-box.gradient-optional-color .fun-facts-inner-shape {
  position: absolute;
  top: 30px;
  left: 30%;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
  z-index: -1;
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.single-funfacts-card {
  margin-bottom: 30px;
}

.single-funfacts-card h3 {
  color: #ffffff;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 0;
}

.single-funfacts-card h3 .odometer-auto-theme {
  font-family: "Dosis", sans-serif;
}

.single-funfacts-card p {
  color: #ffffff;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 0;
}

.fun-facts-wrap-shape {
  position: absolute;
  bottom: -35px;
  right: 75px;
  z-index: -1;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

/*================================================
Top Featured Area CSS
=================================================*/
.top-featured-content {
  margin-bottom: 30px;
}

.top-featured-content h2 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: bold;
}

.top-featured-content h2 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
}

.top-featured-content p {
  margin-bottom: 0;
}

.top-featured-content .featured-btn {
  margin-top: 20px;
}

.top-featured-card {
  margin-bottom: 30px;
  background: #F8FBFF;
  padding: 35px 24px;
  border-radius: 5px;
}

.top-featured-card .image-icon {
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: #ffffff;
  -webkit-box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
          box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
  text-align: center;
  border-radius: 50%;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.top-featured-card .image-icon::before {
  position: absolute;
  content: "";
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  left: 0;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFC2CC), to(#FFF2F4));
  background: linear-gradient(0deg, #FFC2CC 0%, #FFF2F4 100%);
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}

.top-featured-card h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
}

.top-featured-card .learn-btn {
  background-color: #ffffff;
  -webkit-box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
          box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
  display: inline-block;
  padding: 10px 25px;
  border-radius: 30px;
  color: #57647c;
  font-weight: 600;
  margin-top: 22px;
}

.top-featured-card:hover .image-icon {
  -webkit-animation: jackInTheBox 1s;
          animation: jackInTheBox 1s;
}

.top-featured-card:hover .image-icon::before {
  opacity: 1;
  visibility: visible;
}

.top-featured-card:hover .learn-btn {
  color: #ff4800;
}

.top-featured-btn {
  text-align: center;
  margin-top: 10px;
}

.top-featured-inner-box {
  position: relative;
  z-index: 1;
  margin-top: -100px;
}

/*================================================
AI About Area CSS
=================================================*/
.ai-about-content {
  padding-left: 45px;
}

.ai-about-content h3 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: bold;
}

.ai-about-content h3 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
}

.ai-about-content p {
  margin-bottom: 0;
}

.ai-about-content .about-list {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 0;
  max-width: 450px;
}

.ai-about-content .about-list li {
  list-style-type: none;
  background-color: #ffffff;
  -webkit-box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.08);
          box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.08);
  padding: 14px 15px 15px 42px;
  border-radius: 5px;
  margin-bottom: 18px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #57647c;
}

.ai-about-content .about-list li:last-child {
  margin-bottom: 0;
}

.ai-about-content .about-list li i {
  font-size: 14px;
  color: #03B5A9;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ai-about-content .about-btn {
  margin-top: 25px;
}

.ai-about-content .about-btn .btn-primary {
  background-color: transparent;
  border: 2px solid #ff4800;
  color: #57647c;
}

.ai-about-content .about-btn .btn-primary:hover {
  border: 2px solid #4ac728;
}

.ai-about-image {
  position: relative;
  z-index: 1;
  text-align: center;
}

.ai-about-image .circle-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}

.ai-about-image .vector-shape {
  position: absolute;
  left: 40px;
  top: 30px;
  z-index: -1;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

/*================================================
AI Services Area CSS
=================================================*/
.ai-services-area {
  background: #F7FBFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ai-services-area.with-linear-gradient-color {
  background: linear-gradient(269.49deg, #DD24ED 0.44%, #7609EA 99.58%);
}

.ai-services-area.with-linear-gradient-color .section-title h2 {
  color: #ffffff;
}

.ai-services-area.with-linear-gradient-color .section-title h2 b {
  color: #ffffff;
}

.ai-services-area.with-linear-gradient-color .section-title p {
  color: #ffffff;
}

.ai-services-area.with-linear-gradient-color .single-services-card {
  border-radius: 0;
}

.ai-services-area.with-linear-gradient-optional-color {
  background: -webkit-gradient(linear, left top, right top, from(#61967D), to(#4A4493));
  background: linear-gradient(90deg, #61967D 0%, #4A4493 100%);
  position: relative;
  z-index: 1;
}

.ai-services-area.with-linear-gradient-optional-color::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 250px;
  background: #ffffff;
}

.ai-services-area.with-linear-gradient-optional-color .section-title h2 {
  color: #ffffff;
}

.ai-services-area.with-linear-gradient-optional-color .section-title h2 b {
  color: #ffffff;
}

.ai-services-area.with-linear-gradient-optional-color .section-title p {
  color: #ffffff;
}

.ai-services-area.with-linear-gradient-optional-color .single-services-card {
  border-radius: 0;
  padding: 35px 30px;
}

.single-services-card {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
          box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
  padding: 35px 45px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
}

.single-services-card .image-icon {
  display: inline-block;
  height: 90px;
  width: 90px;
  line-height: 90px;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFC2CC), to(#FFF2F4));
  background: linear-gradient(0deg, #FFC2CC 0%, #FFF2F4 100%);
  text-align: center;
  border-radius: 50%;
  margin-bottom: 22px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-card .image-icon.bg-two {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFBEF9), to(#FFF1FF));
  background: linear-gradient(0deg, #FFBEF9 0%, #FFF1FF 100%);
}

.single-services-card .image-icon.bg-three {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFE59A), to(#FFFFD5));
  background: linear-gradient(0deg, #FFE59A 0%, #FFFFD5 100%);
}

.single-services-card .image-icon.bg-four {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFBEF9), to(#FFF1FF));
  background: linear-gradient(0deg, #FFBEF9 0%, #FFF1FF 100%);
}

.single-services-card .image-icon.bg-five {
  background: -webkit-gradient(linear, left bottom, left top, from(#C3FFE8), color-stop(99.73%, #F0FFF4));
  background: linear-gradient(0deg, #C3FFE8 0%, #F0FFF4 99.73%);
}

.single-services-card .image-icon.bg-six {
  background: -webkit-gradient(linear, left bottom, left top, from(#ADDCFF), color-stop(50.28%, #EAF6FF), to(#EAF6FF));
  background: linear-gradient(0deg, #ADDCFF 0%, #EAF6FF 50.28%, #EAF6FF 100%);
}

.single-services-card h3 {
  font-size: 23.8px;
  font-weight: bold;
  margin-bottom: 15.5px;
}

.single-services-card .read-btn {
  background: #FF4800;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  border-bottom: 1px solid #FF4800;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
}

.single-services-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-services-card:hover .image-icon {
  -webkit-animation: jackInTheBox 1s;
          animation: jackInTheBox 1s;
}

.ai-all-services-btn {
  text-align: center;
  margin-top: 10px;
}

.ai-services-shape {
  position: absolute;
  top: 15%;
  right: 15%;
  -webkit-transform: translateY(-5%) translateX(-5%);
          transform: translateY(-5%) translateX(-5%);
  z-index: -1;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

/*================================================
Computer Vision AI Area CSS
=================================================*/
.computer-vision-ai-content h3 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: bold;
}

.computer-vision-ai-content h3 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
}

.computer-vision-ai-content p {
  margin-bottom: 0;
}

.computer-vision-ai-content .vision-ai-inner-card {
  margin-top: 30px;
}

.computer-vision-ai-content .vision-ai-inner-card .content {
  position: relative;
  padding: 15px 0 15px 70px;
}

.computer-vision-ai-content .vision-ai-inner-card .content .image-icon {
  display: inline-block;
  height: 55px;
  width: 55px;
  line-height: 55px;
  background: #F3F9FF;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.computer-vision-ai-content .vision-ai-inner-card .content h4 {
  font-size: 22.5px;
  margin-bottom: 0;
  font-weight: bold;
}

.computer-vision-ai-content .vision-ai-inner-card p {
  margin-top: 15px;
  margin-bottom: 0;
}

.computer-vision-ai-content .computer-vision-ai-btn {
  margin-top: 30px;
}

/*================================================
AI Pricing Area CSS
=================================================*/
.ai-pricing-area {
  background-color: #F7FBFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ai-pricing-area.with-linear-gradient-color {
  background: -webkit-gradient(linear, right top, left top, from(#5151B7), to(#A02B7E));
  background: linear-gradient(270deg, #5151B7 0%, #A02B7E 100%);
}

.ai-pricing-card {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 30px rgba(67, 127, 236, 0.07);
          box-shadow: 0px 10px 30px rgba(67, 127, 236, 0.07);
  padding: 45px 50px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  margin-bottom: 30px;
}

.ai-pricing-card .pricing-header {
  text-align: center;
}

.ai-pricing-card .pricing-header h3 {
  font-size: 23.5px;
  margin-bottom: 0;
  font-weight: bold;
}

.ai-pricing-card .pricing-header p {
  margin-top: 10px;
  margin-bottom: 0;
}

.ai-pricing-card .price {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #ff4800;
  font-family: "Dosis", sans-serif;
  margin-top: 22px;
  margin-bottom: 22px;
}

.ai-pricing-card .price span {
  font-size: 14px;
  color: #57647c;
  font-weight: 400;
}

.ai-pricing-card .pricing-features {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ai-pricing-card .pricing-features li {
  margin-bottom: 14px;
  color: #57647c;
  font-size: 15px;
  position: relative;
  padding-left: 18px;
}

.ai-pricing-card .pricing-features li:last-child {
  margin-bottom: 0;
}

.ai-pricing-card .pricing-features li i {
  color: #03B5A9;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ai-pricing-card .pricing-features li i::before {
  font-size: 12px;
}

.ai-pricing-card .pricing-features li i.fa-times {
  color: #E8346F;
}

.ai-pricing-card .pricing-btn {
  margin-top: 30px;
  text-align: center;
}

.ai-pricing-card .pricing-btn .btn-primary {
  background-color: transparent;
  border: 2px solid #ff4800;
  color: #57647c;
}

.ai-pricing-card .pricing-btn .btn-primary:hover, .ai-pricing-card .pricing-btn .btn-primary:focus {
  background-color: #ff4800 !important;
  color: #ffffff !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.ai-pricing-card .tag {
  display: inline-block;
  background: -webkit-gradient(linear, right top, left top, from(#FA887D), to(#FE6088));
  background: linear-gradient(270deg, #FA887D 0%, #FE6088 100%);
  padding: 8px 25px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 14.5px;
  font-weight: 600;
  position: absolute;
  right: 25px;
  top: -10px;
  -webkit-animation: moveLeftBounce 5s linear infinite;
          animation: moveLeftBounce 5s linear infinite;
}

.ai-pricing-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.ai-pricing-card:hover .pricing-btn .btn-primary {
  background-color: #ff4800;
  border: 2px solid #ff4800;
  color: #ffffff;
}

.ai-pricing-content {
  padding-left: 20px;
}

.ai-pricing-content h3 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #ffffff;
}

.ai-pricing-content h3 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #ffffff;
}

.ai-pricing-content p {
  margin-bottom: 0;
  color: #ffffff;
}

.ai-pricing-shape-1 {
  position: absolute;
  top: 10%;
  left: 15%;
  -webkit-transform: translateY(-10%) translateX(-15%);
          transform: translateY(-10%) translateX(-15%);
  z-index: -1;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

.ai-pricing-shape-2 {
  position: absolute;
  top: 10%;
  right: 15%;
  -webkit-transform: translateY(-10%) translateX(-15%);
          transform: translateY(-10%) translateX(-15%);
  z-index: -1;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

/*================================================
AI Blog Area CSS
=================================================*/
.ai-blog-card {
  margin-bottom: 30px;
}

.ai-blog-card .entry-thumbnail {
  overflow: hidden;
}

.ai-blog-card .entry-thumbnail a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-blog-card .entry-post-content {
  margin-top: 25px;
}

.ai-blog-card .entry-post-content .tag {
  margin-bottom: 16.5px;
}

.ai-blog-card .entry-post-content .tag a {
  display: inline-block;
  background: rgba(255, 72, 0, 0.05);
  border-radius: 30px;
  color: #ff4800;
  padding: 10px 25px;
  font-weight: 600;
}

.ai-blog-card .entry-post-content h3 {
  font-size: 24.5px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
  position: relative;
  padding-left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-blog-card .entry-post-content h3 a {
  color: #333333;
  position: relative;
  display: inline;
  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.1% 0px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff4800), to(#ff4800));
  background-image: linear-gradient(270deg, #ff4800 0%, #ff4800 100%);
  background-size: 0px 2px;
  background-position: 0px 95%;
  background-repeat: no-repeat;
}

.ai-blog-card .entry-post-content h3::before {
  position: absolute;
  content: "";
  left: 0;
  top: 12px;
  height: 3.5px;
  width: 35px;
  background-color: #ff4800;
  z-index: -1;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-blog-card .entry-post-content .entry-meta {
  padding: 0;
  margin-top: 18px;
  margin-bottom: 0;
}

.ai-blog-card .entry-post-content .entry-meta li {
  color: #57647c;
  margin-right: 15px;
  list-style-type: none;
  font-size: 14px;
  display: inline-block;
  position: relative;
  padding-left: 15px;
  font-weight: 500;
}

.ai-blog-card .entry-post-content .entry-meta li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 8px;
  width: 8px;
  background-color: #ff4800;
  border-radius: 50%;
}

.ai-blog-card .entry-post-content .entry-meta li a {
  color: #57647c;
}

.ai-blog-card .entry-post-content .entry-meta li a:hover {
  color: #ff4800;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.ai-blog-card .entry-post-content .entry-meta li:last-child {
  margin-right: 0;
}

.ai-blog-card .entry-post-content .entry-meta li:last-child::before {
  display: block;
}

.ai-blog-card:hover .entry-thumbnail a img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.ai-blog-card:hover .entry-post-content h3 {
  padding-left: 50px;
}

.ai-blog-card:hover .entry-post-content h3 a {
  color: #ff4800;
  background-size: 100% 2px;
}

.ai-blog-card:hover .entry-post-content h3::before {
  opacity: 1;
  visibility: visible;
}

/*================================================
AI Subscribe Area CSS
=================================================*/
.ai-subscribe-area {
  background: #F7FBFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ai-subscribe-content {
  text-align: center;
  max-width: 470px;
  margin: auto;
}

.ai-subscribe-content h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: bold;
}

.ai-subscribe-content .newsletter-form {
  max-width: 550px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.ai-subscribe-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
          box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
  border: none;
  height: 55px;
  padding-left: 28px;
  border-radius: 70px;
  outline: 0;
  color: #57647c;
  font-weight: 500;
  font-size: 15px;
}

.ai-subscribe-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-subscribe-content .newsletter-form .input-newsletter:-ms-input-placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-subscribe-content .newsletter-form .input-newsletter::-ms-input-placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-subscribe-content .newsletter-form .input-newsletter::placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-subscribe-content .newsletter-form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.ai-subscribe-content .newsletter-form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.ai-subscribe-content .newsletter-form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.ai-subscribe-content .newsletter-form .input-newsletter:focus::placeholder {
  color: transparent;
}

.ai-subscribe-content .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ff4800;
  color: #ffffff;
  border: none;
  height: 55px;
  padding: 0 35px;
  border-radius: 70px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 55px;
  font-family: "Dosis", sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.ai-subscribe-content .newsletter-form button:hover {
  background-color: #4ac728;
  color: #ffffff;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn {
  margin-top: 20px;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn input {
  display: none;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .cbx {
  margin: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .cbx span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .cbx span:first-child {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  -webkit-transform: scale(1);
          transform: scale(1);
  vertical-align: middle;
  border: 1px solid #437FEC;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .cbx span:first-child svg {
  position: absolute;
  top: 1px;
  left: 1px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 12px;
  stroke-dashoffset: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #333333;
  display: block;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .cbx span:last-child {
  padding-left: 4px;
  color: #57647c;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .cbx:hover span:first-child {
  border-color: #ff4800;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .inp-cbx:checked + .cbx span:first-child {
  background: #ff4800;
  border-color: #ff4800;
  -webkit-animation: wave 0.4s ease;
          animation: wave 0.4s ease;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.ai-subscribe-content .newsletter-form .newsletter-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {
  -webkit-transform: scale(3.5);
          transform: scale(3.5);
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.ai-subscribe-shape {
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto;
}

/*================================================
ML Main Banner Area CSS
=================================================*/
.ml-main-banner-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F5FCFE;
  padding-top: 170px;
  padding-bottom: 120px;
}

.ml-main-banner-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.ml-main-banner-area.with-linear-gradient-color {
  background: -webkit-gradient(linear, left bottom, left top, from(#EB8A6F), to(#E33879));
  background: linear-gradient(0deg, #EB8A6F 0%, #E33879 100%);
  padding-top: 240px;
  padding-bottom: 230px;
}

.ml-main-banner-area.with-linear-gradient-color .container-fluid {
  padding-right: 0;
}

.ml-main-banner-content .sub-title {
  background-color: #ffffff;
  -webkit-box-shadow: -2px 6px 15px rgba(67, 127, 236, 0.07);
          box-shadow: -2px 6px 15px rgba(67, 127, 236, 0.07);
  padding: 12px 15px;
  border-radius: 5px;
  color: #57647c;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 22px;
}

.ml-main-banner-content .sub-title b {
  background: #738BAE;
  padding: 2px 12px;
  border-radius: 30px;
  color: #ffffff;
  font-weight: 500;
  margin-left: 5px;
}

.ml-main-banner-content h1 {
  font-size: 70px;
  font-weight: bold;
  margin-bottom: 18.5px;
}

.ml-main-banner-content h1 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
}

.ml-main-banner-content p {
  margin-bottom: 0;
  max-width: 550px;
  font-size: 15.8px;
}

.ml-main-banner-content .banner-form {
  max-width: 550px;
  position: relative;
  margin-top: 30px;
}

.ml-main-banner-content .banner-form .input-newsletter {
  display: block;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
          box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.05);
  border: none;
  height: 55px;
  padding-left: 28px;
  border-radius: 70px;
  outline: 0;
  color: #57647c;
  font-weight: 500;
  font-size: 15px;
}

.ml-main-banner-content .banner-form .input-newsletter::-webkit-input-placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ml-main-banner-content .banner-form .input-newsletter:-ms-input-placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ml-main-banner-content .banner-form .input-newsletter::-ms-input-placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ml-main-banner-content .banner-form .input-newsletter::placeholder {
  color: #57647c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ml-main-banner-content .banner-form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.ml-main-banner-content .banner-form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.ml-main-banner-content .banner-form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.ml-main-banner-content .banner-form .input-newsletter:focus::placeholder {
  color: transparent;
}

.ml-main-banner-content .banner-form button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ff4800;
  color: #ffffff;
  border: none;
  height: 55px;
  padding: 0 35px;
  border-radius: 70px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 55px;
  font-family: "Dosis", sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.ml-main-banner-content .banner-form button:hover {
  background-color: #4ac728;
  color: #ffffff;
}

.ml-main-banner-content .banner-btn {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 0;
}

.ml-main-banner-content .banner-btn li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 20px;
}

.ml-main-banner-content .banner-btn li:last-child {
  margin-right: 0;
}

.ml-main-banner-content .banner-btn li .video-btn {
  margin-left: 5px;
  font-size: 14.5px;
  font-weight: 600;
  color: #ffffff;
}

.ml-main-banner-content .banner-btn li .video-btn i {
  background: linear-gradient(320.56deg, #074ECE 0%, #4D8CFF 100%);
  -webkit-box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.12);
          box-shadow: -3px 8px 20px rgba(67, 127, 236, 0.12);
  height: 40px;
  width: 40px;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  padding-left: 5px;
  margin-right: 8px;
}

.ml-main-banner-content .banner-btn li .btn-primary {
  background: #561A8A;
  -webkit-box-shadow: -3px 8px 20px rgba(255, 72, 0, 0.13);
          box-shadow: -3px 8px 20px rgba(255, 72, 0, 0.13);
}

.ml-main-banner-content.with-white-color-text h1 {
  color: #ffffff;
}

.ml-main-banner-content.with-white-color-text h1 span {
  color: #ffffff;
}

.ml-main-banner-content.with-white-color-text p {
  color: #ffffff;
}

.ml-main-banner-image {
  position: relative;
  z-index: 1;
}

.ml-main-banner-image .circle-shape {
  position: absolute;
  content: "";
  width: 530px;
  height: 530px;
  left: 80px;
  top: 25px;
  background: linear-gradient(109.28deg, #FE6D5B 11.53%, #FE9C42 89.63%);
  border-radius: 50%;
  z-index: -1;
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ml-main-banner-image .wrap-shape {
  position: absolute;
  bottom: 30px;
  left: 100px;
  z-index: -1;
  -webkit-animation: moveLeftBounce 5s linear infinite;
          animation: moveLeftBounce 5s linear infinite;
}

.ml-main-banner-image .wrap-text {
  background-color: #ffffff;
  -webkit-box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.09);
          box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.09);
  border-radius: 5px 30.5px 5px 5px;
  display: inline-block;
  padding: 15px 15px 15px 35px;
  position: absolute;
  top: 15%;
  right: 12%;
  -webkit-transform: translateY(-15%) translateX(-12%);
          transform: translateY(-15%) translateX(-12%);
}

.ml-main-banner-image .wrap-text i {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background: #03B5A9;
  -webkit-box-shadow: 0px 4px 10px rgba(3, 181, 169, 0.12);
          box-shadow: 0px 4px 10px rgba(3, 181, 169, 0.12);
  text-align: center;
  border-radius: 50px;
  color: #ffffff;
  position: absolute;
  left: -8px;
  top: -2px;
}

.ml-main-banner-image .wrap-text span {
  color: #57647c;
  font-weight: 500;
}

.ai-main-banner-shape1 {
  position: absolute;
  top: 15%;
  left: 5%;
  -webkit-transform: translateY(-8%) translateX(-5%);
          transform: translateY(-8%) translateX(-5%);
  z-index: -1;
  -webkit-animation: moveLeftBounce 5s linear infinite;
          animation: moveLeftBounce 5s linear infinite;
}

.ai-main-banner-shape2 {
  position: absolute;
  bottom: 10%;
  left: 40%;
  -webkit-transform: translateY(-10%) translateX(-40%);
          transform: translateY(-10%) translateX(-40%);
  z-index: -1;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

.ai-main-banner-shape3 {
  position: absolute;
  top: 8%;
  right: 10%;
  -webkit-transform: translateY(-8%) translateX(-10%);
          transform: translateY(-8%) translateX(-10%);
  z-index: -1;
  -webkit-animation: animationFramesTwo 30s infinite linear;
          animation: animationFramesTwo 30s infinite linear;
}

.ai-main-banner-shape4 {
  position: absolute;
  top: 15%;
  left: 2%;
  -webkit-transform: translateY(-5%) translateX(-2%);
          transform: translateY(-5%) translateX(-2%);
  z-index: -1;
  -webkit-animation: moveLeftBounce 5s linear infinite;
          animation: moveLeftBounce 5s linear infinite;
}

.ml-main-banner-wrap-image {
  position: relative;
  z-index: 1;
  padding-left: 10px;
}

.ml-main-banner-wrap-image .circle-shape {
  width: 890px;
  height: 550px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: -1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -160px;
  display: none;
}

.ml-main-banner-wrap-image img {
  max-width: 690px !important;
}

/*================================================
Business Solution Area CSS
=================================================*/
.business-solution-area {
  background-color: #F7FBFF;
}

.business-solution-content h3 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: bold;
}

.business-solution-content h3 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
}

.business-solution-content p {
  margin-bottom: 0;
}

.business-solution-content .solution-list {
  padding: 0;
  margin-top: 25px;
  margin-bottom: 0;
  max-width: 450px;
}

.business-solution-content .solution-list li {
  list-style-type: none;
  background-color: #ffffff;
  -webkit-box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.08);
          box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.08);
  padding: 14px 15px 15px 42px;
  border-radius: 5px;
  margin-bottom: 18px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #57647c;
}

.business-solution-content .solution-list li:last-child {
  margin-bottom: 0;
}

.business-solution-content .solution-list li i {
  font-size: 14px;
  color: #03B5A9;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.business-solution-content .solution-btn {
  margin-top: 30px;
}

.business-solution-content.with-some-gap {
  padding-left: 30px;
}

.business-solution-image {
  position: relative;
  z-index: 1;
  text-align: center;
}

.business-solution-image .circle-shape {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.business-solution-image .wrap-text {
  background-color: #ffffff;
  -webkit-box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.09);
          box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.09);
  border-radius: 5px 30.5px 5px 5px;
  display: inline-block;
  padding: 15px 15px 15px 35px;
  position: absolute;
  top: 10%;
  left: 20%;
  -webkit-transform: translateY(-10%) translateX(-20%);
          transform: translateY(-10%) translateX(-20%);
}

.business-solution-image .wrap-text i {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background: #03B5A9;
  -webkit-box-shadow: 0px 4px 10px rgba(3, 181, 169, 0.12);
          box-shadow: 0px 4px 10px rgba(3, 181, 169, 0.12);
  text-align: center;
  border-radius: 50px;
  color: #ffffff;
  position: absolute;
  left: -8px;
  top: -2px;
}

.business-solution-image .wrap-text span {
  color: #57647c;
  font-weight: 500;
}

/*================================================
Unique Testimonials Area CSS
=================================================*/
.unique-testimonials-box {
  background: #F7FBFF;
  padding: 70px 100px 0;
  border-radius: 5px;
  text-align: center;
  max-width: 1050px;
  margin: auto;
  position: relative;
  z-index: 1;
  margin-top: 15px;
}

.unique-testimonials-box .sub-title {
  display: inline-block;
  background: rgba(255, 72, 0, 0.05);
  border-radius: 30px;
  color: #ff4800;
  padding: 10px 25px;
  font-weight: 600;
  margin-bottom: 22px;
}

.unique-testimonials-box p {
  color: #333333;
  margin-bottom: 0;
  font-size: 22.8px;
  position: relative;
  padding-bottom: 22px;
}

.unique-testimonials-box p::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 3.5px;
  border-radius: 20px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: #437FEC;
}

.unique-testimonials-box .client-info {
  margin-top: 25px;
}

.unique-testimonials-box .client-info h3 {
  margin-bottom: 12px;
  font-size: 23.8px;
  font-weight: 700;
}

.unique-testimonials-box .client-info span {
  color: #57647c;
}

.unique-testimonials-box .client-info .image {
  margin-top: 20px;
}

.unique-testimonials-box .client-info .image img {
  display: inline-block;
  width: auto;
  max-width: 100px;
  border: 5px solid #ffffff;
}

.unique-testimonials-box::before {
  color: #ff4800;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  font-style: normal;
  font-size: 50px;
  font-family: Flaticon;
  content: "\f113";
}

.unique-testimonials-box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 45px;
  background-color: #ffffff;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.unique-testimonials-box .testimonials-shape-1 {
  position: absolute;
  left: -50px;
  top: -10px;
}

.unique-testimonials-box .testimonials-shape-1 img {
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.unique-testimonials-box .testimonials-shape-2 {
  position: absolute;
  right: -35px;
  bottom: 10px;
}

.unique-testimonials-box .testimonials-shape-2 img {
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.unique-testimonials-slides .owl-dots {
  margin-top: 30px !important;
}

.unique-testimonials-slides .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 3px;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #8d95a7;
  border-radius: 50%;
  position: relative;
}

.unique-testimonials-slides .owl-dots .owl-dot span::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ff4800;
  margin: 2px;
  content: '';
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.unique-testimonials-slides .owl-dots .owl-dot:hover span, .unique-testimonials-slides .owl-dots .owl-dot.active span {
  border-color: #ff4800;
  background-color: transparent;
}

.unique-testimonials-slides .owl-dots .owl-dot:hover span::before, .unique-testimonials-slides .owl-dots .owl-dot.active span::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*================================================
Creativity Area CSS
=================================================*/
.creativity-content h3 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: bold;
}

.creativity-content h3 span {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #437FEC;
}

.creativity-content p {
  margin-bottom: 0;
}

.creativity-content .skill-bar {
  margin-top: 25px;
}

.creativity-content .skill-bar .progress-title-holder {
  position: relative;
  margin-bottom: 10px;
}

.creativity-content .skill-bar .progress-title {
  font-size: 16.5px;
  color: #333333;
  font-weight: bold;
}

.creativity-content .skill-bar .progress-number-mark {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  font-weight: 500;
  color: #57647c;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: -2px 4px 30px rgba(67, 127, 236, 0.05);
          box-shadow: -2px 4px 30px rgba(67, 127, 236, 0.05);
  border: 1px solid #f9f9f9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.creativity-content .skill-bar .progress-number-mark:hover {
  background-color: #ff4800;
  color: #ffffff;
  border: 1px solid #ff4800;
}

.creativity-content .skill-bar .progress-content-outter {
  background-color: #E3E9FF;
  border-radius: 50px;
}

.creativity-content .skill-bar .progress-content {
  height: 5px;
  background: -webkit-gradient(linear, left top, right top, from(#FFA68D), to(#FD3A84));
  background: linear-gradient(90deg, #FFA68D 0%, #FD3A84 100%);
  border-radius: 50px;
  width: 0%;
}

.creativity-content .creativity-btn {
  margin-top: 30px;
}

.creativity-card {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
          box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
  border-radius: 5px;
  padding: 30px;
  border-radius: 5px;
  text-align: center;
}

.creativity-card .icon-image {
  display: inline-block;
  height: 90px;
  width: 90px;
  line-height: 90px;
  -webkit-box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
          box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
  background-color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 22px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.creativity-card h3 {
  font-size: 22.5px;
  font-weight: bold;
  margin-bottom: 0;
}

.creativity-card:hover .icon-image {
  -webkit-animation: jackInTheBox 1s;
          animation: jackInTheBox 1s;
}

.creativity-card-content {
  position: relative;
  z-index: 1;
}

.creativity-card-content .col-lg-6:nth-child(2) {
  margin-top: 30px;
}

.creativity-card-content .col-lg-6:nth-child(4) {
  margin-top: 30px;
}

.creativity-card-content .creativity-circle-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
  z-index: -1;
}

/*================================================
AI Team Area CSS
=================================================*/
.ai-team-area {
  background: #F5FCFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ai-team-card {
  text-align: center;
  max-width: 230px;
  margin: 0 auto 30px;
}

.ai-team-card .team-image {
  position: relative;
}

.ai-team-card .team-image img {
  border: 5px solid #ffffff;
}

.ai-team-card .team-image .social {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  z-index: 2;
  text-decoration: none;
  padding: 10px 12px;
  background: -webkit-gradient(linear, right top, left top, from(#FA887D), to(#FE6088));
  background: linear-gradient(270deg, #FA887D 0%, #FE6088 100%);
  border-radius: 35px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-team-card .team-image .social a {
  display: block;
  color: #ffffff;
  font-size: 16.8px;
  margin: 8px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ai-team-card .team-image .social a:hover {
  color: #333333;
}

.ai-team-card .team-content {
  margin-top: 30px;
  padding-top: 25px;
  position: relative;
}

.ai-team-card .team-content::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: #437FEC;
  border-radius: 15px;
  height: 3.5px;
  width: 35px;
}

.ai-team-card .team-content h3 {
  font-size: 22.5px;
  margin-bottom: 0;
  font-weight: bold;
}

.ai-team-card .team-content span {
  color: #57647c;
  font-weight: 500;
  display: inline-block;
  margin-top: 10px;
}

.ai-team-card:hover .team-image .social {
  opacity: 1;
  visibility: visible;
}

.ai-all-team-btn {
  margin-top: 10px;
  text-align: center;
}

.ai-team-shape-1 {
  position: absolute;
  top: 10%;
  left: 5%;
  -webkit-transform: translateY(-10%) translateX(-5%);
          transform: translateY(-10%) translateX(-5%);
  z-index: -1;
}

.ai-team-shape-1 img {
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ai-team-shape-2 {
  position: absolute;
  bottom: 10%;
  right: 5%;
  -webkit-transform: translateY(-10%) translateX(-5%);
          transform: translateY(-10%) translateX(-5%);
  z-index: -1;
}

.ai-team-shape-2 img {
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

/*================================================
Footer Wrap Area CSS
=================================================*/
.footer-wrap-area {
  background-color: #1A1F56;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.footer-wrap-shape-1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  text-align: center;
  opacity: 55%;
}

.footer-wrap-shape-2 {
  position: absolute;
  top: 10%;
  right: 10%;
  -webkit-transform: translateY(-10%) translateX(-10%);
          transform: translateY(-10%) translateX(-10%);
  z-index: -1;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

.footer-wrap-shape-3 {
  position: absolute;
  bottom: 15%;
  left: 10%;
  -webkit-transform: translateY(-15%) translateX(-10%);
          transform: translateY(-15%) translateX(-10%);
  z-index: -1;
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.blog-sidebar .widget_search form .wp-block-search__button {
  width: 100px !important;
}

.blog-sidebar .widget_search form label {
  display: none;
}

.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
  margin-bottom: 0;
}

.footer-area .wp-block-group__inner-container {
  padding: 0;
}

.footer-area .wp-block-group__inner-container .wp-block-heading {
  color: #fff;
}

.woocommerce .blockUI.blockOverlay::before {
  display: none !important;
}