/*
@File: Stike 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 CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Partner Area CSS
** - About Area CSS
** - Partner Area CSS
** - Services Area CSS
** - Video Presentation Area CSS
** - FunFacts Area CSS
** - Features Area CSS
** - Team Area CSS
** - Feedback Area CSS
** - Pricing Area CSS
** - FAQ Area CSS
** - App Download Area CSS
** - Our Loving Clients Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Page Title Area CSS
** - 404 Error Area CSS
** - Pagination Area CSS
** - Features Area CSS
** - Free Trial Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
body {
  color: #080a3c;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-family: IRANSansFa,IRANSans;
}

a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #080a3c;
  text-decoration: none;
  outline: 0 !important;
}

a:hover {
  text-decoration: none;
}

button, input {
  outline: 0 !important;
}

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

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

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

.hide-adminbar.navbar-style-one {
  margin-top: 30px;
}

.hide-adminbar.navbar-style-two {
  margin-top: 0;
}

.hide-adminbar.is-sticky {
  margin-top: 25px;
}

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

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

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

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

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

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

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

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

.pt-165 {
  padding-top: 165px !important;
}

.tx-center {
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

.mwidth-1000 {
  max-width: 1000px !important;
}

.max-width-1290 {
  max-width: 1290px;
}

.blt-radius-0 {
  border-radius: 0px 30px 30px 30px !important;
}

p {
  color: #4a6f8a;
  margin-bottom: 12px;
  line-height: 1.7;
  font-size: 15px;
}

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

.navbar-brand img {
  max-width: 100px;
}

.logo img {
  max-width: 100px;
}

.bot-top-1 {
  border-top: 1px solid #f2f2f2;
}

.container-fluid {
  max-width: 1920px;
}

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

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

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

.section-title h2 span {
  display: inline-block;
}

/*default-btn&optional-btn*/
.default-btn {
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
  padding-left: 50px;
  padding-right: 25px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.default-btn i {
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #080a3c;
}

.default-btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  -webkit-transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
  transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 5px;
}

.default-btn:hover, .default-btn:focus {
  color: #ffffff;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(19, 196, 161, 0.3) !important;
          box-shadow: 0px 5px 28.5px 1.5px rgba(19, 196, 161, 0.3) !important;
}

.default-btn:hover span, .default-btn:focus span {
  width: 225%;
  height: 562.5px;
}

.optional-btn {
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  color: #080a3c;
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
  padding-left: 55px;
  padding-right: 30px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.optional-btn i {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #080a3c;
}

.optional-btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #080a3c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.optional-btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  -webkit-transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
  transition: width 0.6s ease-in-out, height 0.5s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 5px;
}

.optional-btn:hover, .optional-btn:focus {
  color: #ffffff;
}

.optional-btn:hover span, .optional-btn:focus span {
  width: 225%;
  height: 562.5px;
}

/*================================================
Preloader Area CSS
=================================================*/
.woocommerce .preloader .loader::before {
  display: none !important;
}

.preloader-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
}

.preloader-area .spinner {
  width: 4em;
  height: 4em;
  -webkit-transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
          transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  margin-left: auto;
  margin-right: auto;
}

.preloader-area .spinner .disc {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 0.3em dotted #ffffff;
}

.preloader-area .spinner .disc:nth-child(1) {
  -webkit-animation: rotate 12s linear infinite;
          animation: rotate 12s linear infinite;
}

.preloader-area .spinner .disc:nth-child(2) {
  -webkit-animation: rotateDisc2 12s linear infinite;
          animation: rotateDisc2 12s linear infinite;
}

.preloader-area .spinner .disc:nth-child(3) {
  -webkit-animation: rotateDisc3 12s linear infinite;
          animation: rotateDisc3 12s linear infinite;
}

.preloader-area .spinner .inner {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: sphereSpin 6s linear infinite;
          animation: sphereSpin 6s linear infinite;
}

.preloader-area .spinner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  border: 2px dotted #ffffff;
  margin: -15px;
}

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

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

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

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

@-webkit-keyframes rotateDisc2 {
  from {
    -webkit-transform: rotateX(90deg) rotateZ(0deg);
            transform: rotateX(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateX(90deg) rotateZ(360deg);
            transform: rotateX(90deg) rotateZ(360deg);
  }
}

@keyframes rotateDisc2 {
  from {
    -webkit-transform: rotateX(90deg) rotateZ(0deg);
            transform: rotateX(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateX(90deg) rotateZ(360deg);
            transform: rotateX(90deg) rotateZ(360deg);
  }
}

@-webkit-keyframes rotateDisc3 {
  from {
    -webkit-transform: rotateY(90deg) rotateZ(0deg);
            transform: rotateY(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateY(90deg) rotateZ(360deg);
            transform: rotateY(90deg) rotateZ(360deg);
  }
}

@keyframes rotateDisc3 {
  from {
    -webkit-transform: rotateY(90deg) rotateZ(0deg);
            transform: rotateY(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateY(90deg) rotateZ(360deg);
            transform: rotateY(90deg) rotateZ(360deg);
  }
}

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

.navbar-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  height: auto;
  z-index: 1041;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-area .container {
  max-width: 1290px;
}

.navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  background-color: #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;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn {
  color: #080a3c;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn i {
  color: #080a3c;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn::before {
  border-color: #080a3c;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:hover, .navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:focus {
  color: #ffffff;
}

.navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:hover i, .navbar-area.is-sticky .spacle-nav .navbar .others-options .optional-btn:focus i {
  color: #ffffff;
}

.navbar-area.navbar-style-two {
  position: relative;
  background-color: #ffffff;
}

.navbar-area.navbar-style-two.is-sticky {
  position: fixed;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .navbar-nav {
  margin-left: auto;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options {
  margin-left: 25px;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn {
  color: #080a3c;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn::before {
  border-color: #080a3c;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:hover, .navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:focus {
  color: #ffffff;
}

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:hover i, .navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn:focus i {
  color: #ffffff;
}

.navbar-area.navbar-style-two .container {
  max-width: 1140px;
}

.navbar-area.bg-white .optional-btn {
  background-color: #080a3c !important;
}

.navbar-area.bg-white .optional-btn::before {
  border: 1px solid #080a3c !important;
}

.navbar-area.bg-white .optional-btn span {
  background-color: #13c4a1 !important;
}

.navbar-area.bg-white .optional-btn i {
  color: #ffffff;
}

.navbar-area.bg-white.is-sticky .optional-btn {
  color: #ffffff !important;
}

.navbar-area.bg-white.is-sticky .optional-btn i {
  color: #ffffff !important;
}

.spacle-nav {
  background-color: transparent;
}

.spacle-nav .navbar {
  background-color: transparent;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

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

.spacle-nav .navbar .navbar-brand h2 {
  font-size: 30px;
  margin: 0;
  padding: 20px 0;
  font-weight: bold;
}

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

.spacle-nav .navbar .navbar-nav {
  margin-left: 110px;
}

.spacle-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding: 0;
  display: inline-block;
}

.spacle-nav .navbar .navbar-nav .nav-item a {
  font-size: 15px;
  font-weight: 500;
  color: #4a6f8a;
  text-transform: capitalize;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: 13px;
  margin-right: 13px;
}

.spacle-nav .navbar .navbar-nav .nav-item a i {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: -3px;
  margin-right: -3px;
}

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

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

.spacle-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: 260px;
  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;
  margin-top: 20px;
  border-top: 2px solid;
  padding: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
  display: block;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  padding: 15px 20px;
  margin: 0;
  position: relative;
  color: #4a6f8a;
  border-bottom: 1px dashed #e5e5e5;
  white-space: inherit;
  font-size: 14px;
  font-weight: 500;
}

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

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li {
  display: block;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #4a6f8a;
}

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

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li {
  display: block;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #4a6f8a;
}

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

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li {
  display: block;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #4a6f8a;
}

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

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li {
  display: block;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #4a6f8a;
}

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

.spacle-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: #080a3c;
}

.spacle-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:hover, .spacle-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:focus, .spacle-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.active {
  color: #ffffff;
}

.spacle-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: 15px;
  opacity: 0;
  visibility: hidden;
}.navbar-area.navbar-style-two, .navbar-area.is-sticky {
     background: #ffffff !important;
 }

.spacle-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: #080a3c;
}

.spacle-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:hover, .spacle-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:focus, .spacle-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.active {
  color: #ffffff;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ffffff;
}

.spacle-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: 0;
}

.spacle-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: 0;
}

.spacle-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: 0;
}


.sidebar .widget ul li::before, .blog-details .blog-details-content .features-list li:hover i, .entry-meta li::before, blockquote::after, .blockquote::after, .page-title-content ul li::before, .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus, .pages-links .post-page-numbers.current, .pages-links .post-page-numbers:hover, .pages-links .post-page-numbers:focus, .single-footer-widget h3::before, .footer-area .logo h2::before, .single-footer-widget .social li a:hover, .single-footer-widget .footer-contact-info li a::before, .post-password-form input[type="submit"], .search-form .search-submit, .sidebar .widget_search form button, .sidebar .tagcloud a:hover, .sidebar .tagcloud a:focus, .comment-navigation .nav-links .nav-previous a:hover, .comment-navigation .nav-links .nav-next a:hover, #comments .comment-list .comment-body .reply a:hover, .comment-respond .form-submit input, .wp-block-button .wp-block-button__link, .page-links .current, .page-links .post-page-numbers:hover , .footer-area .tagcloud a:hover, .sticky .single-blog-post .blog-post-content .details-btn a:hover, .post-tag-media ul li a:hover, .no-results form button, .default-btn span, .spacle-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:hover, .spacle-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:focus, .spacle-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.active, .spacle-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:hover, .spacle-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:focus, .spacle-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.active, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .spacle-nav .navbar .others-options .default-btn, .banner-content-slides.owl-theme .owl-nav [class*=owl-]:hover, .services-area.bg-right-color::before, .services-area.bg-left-color::before, .video-box .video-btn:hover, .video-box .video-btn:focus, .contact-cta-box .default-btn, .single-features-box .icon, .features-box:hover .icon, .single-team-box .image .social li a:hover, .testimonials-area, .col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn, .app-download-content .sub-title, .blog-details-desc .article-footer .article-tags a:hover, .prev-link-wrapper .image-prev::after, .next-link-wrapper .image-next::after, .page-title-area, .widget-area .widget_search form button, .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus, .login-content .login-form form .connect-with-social button:hover, .signup-content .signup-form form .connect-with-social button:hover, .subscribe-content form button:hover, .subscribe-content form button:focus, .contact-info .contact-info-content .social li a:hover, .sidebar .widget_search form button,  .footer-area .widget_search form button, .banner-image-slider .owl-dots .owl-dot.active span, .banner-image-slider .owl-dots .owl-dot:hover span, .wp-block-search .wp-block-search__button, .wp-block-tag-cloud .tag-cloud-link:hover, .hero-banner-content .btn-box .default-btn { background-color: #13c4a1;}

.wp-block-file .wp-block-file__button { background-color: #13c4a1 !important; }

.footer-area .single-footer-widget ul li::before, .sidebar .widget .widget-title::before, .blog-details-desc .article-content .entry-meta ul li::before, .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus, .widget-area .widget .widget-title::before, .widget-area .widget_recent_entries ul li::before, .widget-area .widget_recent_comments ul li::before, .widget-area .widget_archive ul li::before, .widget-area .widget_categories ul li::before, .widget-area .widget_meta ul li::before, .blog-details .blog-meta ul li::before { background: #13c4a1;}

.sticky .blog-post-content h3::before, .blog-details .blog-details-content code, .blog-details .blog-details-content ul a, .blog-details .blog-details-content .category li a:hover, .entry-meta li a:hover, .blog-details .blog-details-content ul.entry-meta li a:hover, .wp-block-image figcaption a, .blog-details .blog-details-content p a, .blog-details .blog-details-content ol a, .wp-block-file a, table th a, .wp-caption .wp-caption-text a, .comments-area .comment-content code, .comments-area .comment-content kbd, table td a, table td a:hover, .page-main-content .entry-content a, .page-main-content kbd, .page-main-content code, a:hover, .sidebar .widget ul li a:hover, a:hover, .spacle-nav .navbar .navbar-nav .nav-item a:hover, .spacle-nav .navbar .navbar-nav .nav-item a:focus, .spacle-nav .navbar .navbar-nav .nav-item a.active, .spacle-nav .navbar .navbar-nav .nav-item:hover a, .spacle-nav .navbar .navbar-nav .nav-item.active a, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a, .spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav ul li.active > a, .features-box .icon, .features-box .back-icon, .single-team-box .content span, .single-feedback-item .feedback-desc .client-info span, .single-testimonials-item .client-info span, .single-pricing-table .pricing-features li i, .blog-notes p a:hover, .blog-details-desc .article-content .entry-meta ul li a:hover, .blog-details-desc .article-content .features-list li i, .prev-link-wrapper a:hover .prev-link-info-wrapper, .next-link-wrapper a:hover .next-link-info-wrapper, .widget-area .widget_recent_entries ul li a:hover, .widget-area .widget_recent_comments ul li a:hover, .widget-area .widget_archive ul li a:hover, .widget-area .widget_categories ul li a:hover, .widget-area .widget_meta ul li a:hover, .login-content .login-form form .forgot-password a, .login-content .login-form form .connect-with-social button, .signup-content .signup-form form .connect-with-social button, .contact-features-list ul li i, .contact-info .contact-info-content h2 a, .contact-info .contact-info-content h2 a:not(:first-child):hover, .single-footer-widget .list li a:hover, .single-footer-widget .support-list li a:hover, .single-footer-widget .footer-contact-info li a:hover, .copyright-area p a:hover, .sticky .single-blog-post .blog-post-content h3 a:hover, .blog-details .blog-meta ul li i, .c-info li i, .c-info li a:hover, .contact-form span.wpcf7-list-item label a, .blog-details .blog-details-content dd a, .comments-area .comment-content dd a { color: #13c4a1; }

.is-style-outline .wp-block-button__link, .blog-details .blog-meta ul li a:hover, .blog-details .blog-meta ul li a:hover, table th a:hover, .footer-area .single-footer-widget ul li a:hover { color: #13c4a1 !important; }

#comments .comment-list .comment-body .reply a:hover, .sidebar .widget_search form .search-field:focus, .sidebar .tagcloud a:hover, .sidebar .tagcloud a:focus, .footer-area .tagcloud a:hover, .single-features-box .icon::before, .feedback-slides.owl-theme .owl-dots .owl-dot span, .login-content .login-form form .connect-with-social button, .signup-content .signup-form form .connect-with-social button { border-color: #13c4a1; }

.single-features-box .icon::before, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu { border-color: #13c4a1; }

.widget_search form button:hover, .post-password-form input[type="submit"]:hover, .no-results form button:hover, .default-btn, .optional-btn span, .preloader-area, .banner-image, .banner-img, .video-box .video-btn, .contact-cta-box .default-btn span, .col-lg-4:nth-child(1) .single-features-box .icon, .col-lg-4:nth-child(1) .features-box:hover .icon, .col-lg-3:nth-child(1) .single-team-box .image .social li a:hover, .col-lg-3:nth-child(7) .single-team-box .image .social li a:hover, .feedback-slides.owl-theme .owl-dots .owl-dot span::before, .col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn span, .blog-details-desc .article-footer .article-tags a, .widget-area .widget_search form button:hover, .subscribe-content, .go-top:hover, .hero-banner-content .btn-box .default-btn:hover { background-color: #ff612f; }

.navbar-area.navbar-style-two .spacle-nav .navbar .others-options .optional-btn i, .main-banner-content .content h1 span, .main-banner-content .content .default-btn i, .banner-content .content h1 span, .banner-content .content .default-btn i, .about-content .sub-title, .single-funfacts h3, .contact-cta-box .default-btn i, .col-lg-4:nth-child(1) .features-box .icon, .col-lg-4:nth-child(1) .features-box .back-icon, .col-lg-3:nth-child(1) .single-team-box .content span, .col-lg-3:nth-child(7) .single-team-box .content span, .single-feedback-item .feedback-desc .rating i, .pricing-list-tab .tabs li a i, .col-lg-4:nth-child(1) .single-pricing-table .btn-box .default-btn i, .col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn i, .faq-accordion h2 span, .faq-accordion .accordion .accordion-title.active i::before, .single-blog-post .blog-image .date i, .blog-notes p a, .blog-details-desc .article-content .entry-meta ul li i, .login-content .login-form form .forgot-password a:hover, .subscribe-content form button i, .contact-info .contact-info-content h2 a:hover, .contact-info .contact-info-content h2 a:not(:first-child), .copyright-area p a, .copyright-area p a, .section-title h2 span, .services-content .content .default-btn i { color: #ff612f; }

.post-password-form input[type="submit"]:hover, .video-box .video-btn::after, .video-box .video-btn::before { border-color: #ff612f; }

.navbar-area.navbar-style-two, .navbar-area.is-sticky { background: #ffffff !important; }

.spacle-nav .navbar .navbar-nav .nav-item a, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li a, .spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #4a6f8a; }

.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a { color: #677294; }

.footer-area {  background-color: #080a3c; }

.single-products .sale-btn, .single-products .products-image ul li a:hover, .productsQuickView .modal-dialog .modal-content .products-content form button, .productsQuickView .modal-dialog .modal-content button.close:hover, .productsQuickView .modal-dialog .modal-content button.close:hover, .woocommerce ul.products li.product:hover .add-to-cart-btn, .shop-sidebar .widget_product_search form button, .shop-sidebar a.button, .shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit, .shop-sidebar .woocommerce button.button, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .products_details div.product .woocommerce-tabs .panel #respond input#submit, .products_details div.product .product_title::before, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover, .btn-primary:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .woocommerce-MyAccount-navigation ul .is-active a, .woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .products_details div.product span.sale-btn { background-color: #13c4a1; }

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

.productsQuickView .modal-dialog .modal-content .products-content .product-meta span a:hover, .woocommerce ul.products li.product h3 a:hover, .woocommerce ul.products li.product .add-to-cart-btn, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .products_details div.product .woocommerce-tabs ul.tabs li a:hover, .products_details div.product .woocommerce-tabs ul.tabs li.active, .products_details div.product .woocommerce-tabs ul.tabs li.active a:hover, .products_details div.product .product_meta span.posted_in a:hover, .products_details div.product .product_meta span.tagged_as a:hover, .products_details div.product span.price, .cart-table table tbody tr td.product-name a, .woocommerce-message::before, .woocommerce-info::before { color: #13c4a1; }

.woocommerce-info, .woocommerce-message { border-top-color: #13c4a1; }

.shop-sidebar .widget_shopping_cart .cart_list li a:hover, .shop-sidebar ul li a:hover { color: #13c4a1 !important; }

.woocommerce ul.products li.product:hover .add-to-cart-btn, .form-control:focus, .woocommerce .form-control:focus { border-color: #13c4a1; }


.footer-area::before, .footer-area::after { display: none; }

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.spacle-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

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

.spacle-nav .navbar .others-options {
  margin-left: auto;
}

.spacle-nav .navbar .others-options .default-btn {
  color: #ffffff;
}

.spacle-nav .navbar .others-options .default-btn i {
  color: #ffffff;
}

.spacle-nav .navbar .others-options .default-btn span {
  background-color: #080a3c;
}

.spacle-nav .navbar .others-options .optional-btn {
  margin-right: 10px;
  color: #ffffff;
}

.spacle-nav .navbar .others-options .optional-btn i {
  color: #ffffff;
}

.spacle-nav .navbar .others-options .optional-btn::before {
  border-color: #ffffff;
}

.spacle-nav .navbar .others-options .optional-btn span {
  background-color: #080a3c;
}

.spacle-nav .navbar .others-options .optional-btn:hover::before, .spacle-nav .navbar .others-options .optional-btn:focus::before {
  border-color: #080a3c;
}

.dropdown-item:active {
  background-color: transparent;
}

@media only screen and (max-width: 991px) {
  .spacle-responsive-nav {
    display: block;
  }
  .spacle-responsive-nav .spacle-responsive-menu {
    position: relative;
  }
  .spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav {
    margin-top: 55px;
  }
  .spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav ul {
    font-size: 14px;
  }
  .spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav ul li a {
    text-transform: capitalize;
  }
  .spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 14px;
  }
  .spacle-responsive-nav .spacle-responsive-menu.mean-container .mean-nav .others-options {
    display: none;
  }
  .spacle-responsive-nav .spacle-responsive-menu.mean-container .navbar-nav {
    overflow-y: scroll;
    height: 294px;
    -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);
  }
  .spacle-responsive-nav .mean-container a.meanmenu-reveal {
    color: #080a3c;
  }
  .spacle-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #080a3c;
  }
  .spacle-responsive-nav .logo {
    position: relative;
    width: 69%;
    z-index: 999;
  }
  .navbar-area {
    background-color: #ffffff;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-area.is-sticky {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .spacle-nav {
    display: none;
  }
}

/*================================================
Partner Area CSS
=================================================*/
.main-banner {
  position: relative;
  z-index: 1;
}

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

.main-banner .container-fluid .row {
  margin-left: 0;
  margin-right: 0;
}

.main-banner .container-fluid .row .col-lg-5, .main-banner .container-fluid .row .col-lg-7 {
  padding-left: 0;
  padding-right: 0;
}

.banner-section {
  position: relative;
  z-index: 1;
}

.banner-section .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.banner-section .container-fluid .row {
  margin-left: 0;
  margin-right: 0;
}

.banner-section .container-fluid .row .col-lg-7, .banner-section .container-fluid .row .col-lg-5 {
  padding-left: 0;
  padding-right: 0;
}

.main-banner-content {
  width: 100%;
  height: 100%;
}

.main-banner-content .content {
  max-width: 755px;
  padding-right: 220px;
  margin-left: auto;
  margin-top: 80px;
}

.main-banner-content .content h1 {
  font-size: 57px;
}

.main-banner-content .content h1 span {
  display: inline-block;
}

.main-banner-content .content p {
  margin-top: 18px;
  max-width: 540px;
}

.main-banner-content .content .default-btn {
  margin-top: 15px;
  background-color: #080a3c;
}

.banner-content {
  padding-top: 215px;
  padding-bottom: 125px;
}

.banner-content .content {
  max-width: 755px;
  padding-right: 220px;
  margin-left: auto;
}

.banner-content .content h1 {
  font-size: 55px;
}

.banner-content .content h1 span {
  display: inline-block;
}

.banner-content .content p {
  margin-top: 18px;
  max-width: 540px;
}

.banner-content .content .default-btn {
  margin-top: 15px;
  background-color: #080a3c;
}

.banner-image {
  height: 100vh;
  border-radius: 0 0 0 80px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-image img {
  display: none;
}

.banner-img {
  height: 100%;
  width: 100%;
  border-radius: 0 0 0 80px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-img img {
  display: none;
}

.banner-img.banner-video {
  height: 100vh;
  position: relative;
}

.banner-img.banner-video .video-box .video-btn {
  background-color: #13c4a1;
}

.banner-img.banner-video .video-box .video-btn::after, .banner-img.banner-video .video-box .video-btn::before {
  border: 1px solid #13c4a1;
}

.banner-img.banner-video .video-box .video-btn:hover, .banner-img.banner-video .video-box .video-btn:focus {
  background-color: #ff612f;
}

.banner-img.banner-video .video-box .video-btn:hover::after, .banner-img.banner-video .video-box .video-btn:hover::before, .banner-img.banner-video .video-box .video-btn:focus::after, .banner-img.banner-video .video-box .video-btn:focus::before {
  border-color: #ff612f;
}

.banner-content-slides.owl-theme .owl-nav {
  text-align: left;
  margin-top: 50px;
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-] {
  color: #080a3c;
  font-size: 25px;
  margin: 0 5px;
  background: #f4f6fc;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 45px;
  height: 45px;
  line-height: 52px;
}

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

.banner-content-slides.owl-theme .owl-nav [class*=owl-].owl-prev {
  border-radius: 0 0 0 10px;
  margin-left: 0;
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  margin-right: 0;
  border-radius: 0 10px 0 0;
}

.banner-image-slider .owl-dots {
  position: absolute !important;
  bottom: 15px;
  left: 0;
  right: 0;
}

.shape19 {
  position: absolute !important;
  right: 35%;
  bottom: -25px;
  z-index: -1;
}

.shape19 img {
  -webkit-animation: moveLeftBounce 3s linear infinite;
          animation: moveLeftBounce 3s linear infinite;
}

.shape20 {
  position: absolute !important;
  right: 55%;
  bottom: 5%;
  z-index: -1;
}

.shape20 img {
  -webkit-animation: moveLeftBounce 3s linear infinite;
          animation: moveLeftBounce 3s linear infinite;
}

.shape21 {
  position: absolute !important;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}

.shape21 img {
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.shape22 {
  position: absolute !important;
  left: 5%;
  top: 15%;
  z-index: -1;
}

.shape22 img {
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.shape23 {
  position: absolute !important;
  left: 10%;
  bottom: 10%;
  z-index: -1;
}

.shape23 img {
  -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;
}

.shape24 {
  position: absolute !important;
  left: 25%;
  top: 40%;
  z-index: -1;
}

.shape24 img {
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.shape25 {
  position: absolute !important;
  left: 40%;
  bottom: 10%;
  z-index: -1;
}

.shape25 img {
  -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;
}

.shape26 {
  position: absolute !important;
  left: 30%;
  top: 15%;
  z-index: -1;
}

.shape26 img {
  -webkit-animation: moveLeftBounce 3s linear infinite;
          animation: moveLeftBounce 3s linear infinite;
}

.chat-wrapper {
  position: absolute !important;
  left: -20%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 510px;
  height: auto;
}

.chat-wrapper .chat-container {
  height: 400px;
  overflow: hidden;
}

.chat-wrapper .chat ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.chat-wrapper .chat ul li:last-child {
  margin-bottom: 0 !important;
}

.chat-wrapper .spinme-right {
  display: inline-block;
  padding: 15px 20px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 1.25em;
  font-weight: 100;
  opacity: 0.5;
}

.chat-wrapper .spinme-left {
  display: inline-block;
  padding: 15px 20px;
  font-size: 14px;
  color: #f4f6fc;
  border-radius: 30px;
  line-height: 1.25em;
  font-weight: 100;
  opacity: 0.5;
}

.chat-wrapper .spinner {
  margin: 0;
  width: 30px;
  text-align: center;
}

.chat-wrapper .spinner > div {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
          animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  background: #080a3c;
}

.chat-wrapper .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.chat-wrapper .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

.message-left {
  text-align: left;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
}

.message-left img {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
}

.message-left .message-time {
  color: #8097b1;
  position: absolute;
  right: 13px;
  bottom: 8px;
  font-size: 11px;
  font-weight: 400;
}

.message-left .message-text {
  max-width: 80%;
  display: inline-block;
  background: #f4f6fc;
  padding: 15px 30px 30px 15px;
  position: relative;
  color: #2e384d;
  border-radius: 15px 15px 15px 0;
  line-height: 1.8;
  font-weight: 400;
  font-size: 13px;
}

.message-left .message-text::before {
  content: '';
  position: absolute;
  left: 3.4px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: #f4f6fc;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.message-right {
  text-align: right;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
  padding-right: 50px;
}

.message-right .message-time {
  color: #e4e8f0;
  position: absolute;
  right: 13px;
  bottom: 8px;
  font-size: 11px;
  font-weight: 400;
}

.message-right img {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
}

.message-right .message-text {
  line-height: 1.8;
  display: inline-block;
  background: #2e5bff;
  padding: 15px 30px 30px 15px;
  position: relative;
  color: #ffffff;
  border-radius: 15px 15px 0 15px;
  text-align: left;
  max-width: 80%;
  font-weight: 400;
  font-size: 13px;
}

.message-right .message-text::before {
  content: '';
  position: absolute;
  right: 2px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: #2e5bff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.message-right .spinner > div {
  background: #ffffff;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@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);
  }
}

/* Animate banner image */
.banner-image.mbanner-bg-one .animate-banner-image {
  padding: 15px;
  margin-top: 65px;
}

.animate-banner-image {
  position: relative;
  padding: 20px;
}

.animate-banner-image img {
  display: block !important;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
  animation: border-transform 10s linear infinite alternate forwards;
  margin: auto;
}

@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

@keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

/*================================================
SaaS Home Page CSS
=================================================*/
.black-btn {
  background-color: #080a3c !important;
}

.black-btn span {
  background-color: #13c4a1 !important;
}

.black-btn i {
  color: #ffffff;
}

/* Saas banner */
.saas-banner {
  height: 840px;
  background: #13c4a1;
  position: relative;
  z-index: 1;
}

.saas-banner .saas-image {
  z-index: 1;
}

.saas-banner .saas-image.mt-70 {
  margin-top: 70px;
}

.saas-banner .hero-content {
  z-index: 1;
  position: relative;
}

.saas-banner .hero-content h1 {
  color: #ffffff;
  font-size: 52px;
  margin: 0;
}

.saas-banner .hero-content p {
  color: #ffffff;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 35px;
}

.saas-banner .hero-content .default-btn {
  background-color: #080a3c;
}

.saas-banner .hero-content .default-btn i {
  color: #ff612f;
}

.saas-banner .hero-content .default-btn:hover i {
  color: #fff;
}

.saas-banner .hero-content .default-btn span {
  background-color: #ff612f;
}

.saas-banner .hero-content .video-btn {
  margin-left: 15px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  margin-top: 6px;
  -webkit-transform: .6s;
          transform: .6s;
  font-size: 15px;
  font-weight: 600;
}

.saas-banner .hero-content .video-btn i {
  font-size: 20px;
  position: relative;
  margin-left: inherit;
  background: #fff;
  color: #ff612f;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  padding-left: 3px;
  margin-right: 6px;
}

.saas-banner .hero-content .video-btn:hover i {
  background-color: #080a3c;
  color: #fff;
}

.saas-banner .saas-image {
  position: relative;
}

.saas-banner .saas-image .bannerrightimg {
  display: block !important;
}

.saas-banner .saas-image img {
  position: absolute;
}

.saas-banner .saas-image img:nth-child(1) {
  top: -200px;
  left: 0;
}

.saas-banner .saas-image img:nth-child(2) {
  left: 55px;
  top: -100px;
}

.saas-banner .saas-image img:nth-child(3) {
  left: 36%;
  z-index: 1;
  top: -170px;
}

.saas-banner .saas-image img:nth-child(4) {
  right: 27%;
  top: 110px;
  z-index: 2;
}

.saas-banner .saas-image img:nth-child(5) {
  right: 15%;
  top: 80px;
  z-index: 2;
}

.saas-banner .saas-image img:nth-child(6) {
  right: 25%;
  top: -170px;
}

.saas-banner .saas-image img:nth-child(7) {
  right: 47%;
  top: 96px;
  z-index: 2;
}

.saas-banner .saas-image img:nth-child(8) {
  right: 22%;
  top: 45px;
  z-index: 1;
}

.saas-banner .saas-image img:nth-child(9) {
  right: 75px;
  top: 20px;
}

.saas-banner .saas-image img:nth-child(10) {
  left: 32%;
  top: -76px;
  z-index: 1;
}

.saas-banner .saas-image img:nth-child(11) {
  right: 40%;
  top: -20px;
}

.saas-banner .saas-image img:nth-child(12) {
  top: -292px;
  left: 45px;
}

.saas-banner .saas-image img:last-child {
  display: none;
}

.saas-banner #particles-js {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#particles-js {
  width: 100%;
  height: 100%;
}

/* End Saas banner */
/* Shape rotate */
.shape-rotate {
  position: absolute  !important;
  left: 13%;
  top: 23%;
  z-index: -1;
  opacity: .3;
}

.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

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

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-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);
  }
}

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

@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
  }
}

/* End Shape rotate */
/* Features inner content */
.features-inner-content .features-item {
  position: relative;
  padding-left: 100px;
  margin-bottom: 30px;
  text-align: left;
}

.features-inner-content .features-item:last-child {
  margin-bottom: 0;
}

.features-inner-content .features-item i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 30px;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .6s;
  transition: .6s;
}

.features-inner-content .features-item:hover i {
  border-radius: 50% !important;
}

.features-inner-content .features-item h3 {
  font-size: 22px;
}

.features-inner-content .features-item p {
  margin: 0 !important;
}

.fun-facts-inner-content h2 {
  font-weight: 600;
}

.fun-facts-inner-content p {
  margin-bottom: 15px !important;
}

.fun-facts-inner-content ul {
  margin: 0;
  padding: 0;
}

.fun-facts-inner-content ul li {
  list-style-type: none;
  margin-bottom: 6px;
  color: #4a6f8a;
}

.fun-facts-inner-content ul li i {
  color: #13c4a1;
  padding-right: 3px;
}

.fun-facts-inner-content .default-btn {
  margin-top: 20px !important;
}

/* End Features inner content */
/* Overview section */
.discover-area .hermes-element {
  margin-bottom: 50px !important;
  border-bottom: 1px solid #edf0f7;
  padding-bottom: 50px;
}

.discover-area .hermes-element:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  border-bottom: none;
}

.overview-content .number {
  background-color: #13c4a1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
  margin-bottom: 20px;
  display: inline-block;
  font-weight: 600;
}

.overview-content h3 {
  font-size: 25px;
}

.overview-content p {
  margin: 0;
}

.overview-content ul {
  margin: 15px 0 0;
  padding: 0;
}

.overview-content ul li {
  list-style-type: none;
  margin-bottom: 6px;
  color: #4a6f8a;
}

.overview-content ul li:last-child {
  margin-bottom: 0;
}

.overview-content ul li i {
  color: #13c4a1;
  padding-right: 3px;
}

.overview-content .default-btn {
  margin-top: 25px;
}

/* End Overview section */
/*================================================
About Area CSS
=================================================*/
.about-content .sub-title {
  display: block;
  margin-bottom: 7px;
}

.about-content h2 {
  margin-bottom: 15px;
  font-size: 40px;
}

.about-image {
  text-align: center;
}

/*================================================
Partner Area CSS
=================================================*/
.partner-area .container {
  max-width: 1290px;
}

.partner-area .row {
  margin-left: 0;
  margin-right: 0;
}

.partner-area .row .col-lg-3, .partner-area .row .col-lg-9 {
  padding-left: 0;
  padding-right: 0;
}

.partner-title h3 {
  color: #080a3c;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
}

.single-partner-item {
  text-align: left;
}

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

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

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

.featured-by .container {
  max-width: 1170px;
}

/*================================================
Services Area CSS
=================================================*/
.services-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.services-area.bg-right-color::before {
  position: absolute;
  right: 0;
  content: '';
  top: 0;
  width: 35%;
  height: 215%;
  z-index: -1;
  background-color: #13c4a1;
  -webkit-transform: skewY(-66deg);
          transform: skewY(-66deg);
}

.services-area.bg-left-color::before {
  position: absolute;
  left: 0;
  content: '';
  top: 0;
  width: 35%;
  height: 215%;
  z-index: -1;
  background-color: #13c4a1;
  -webkit-transform: skewY(66deg);
          transform: skewY(66deg);
}

.services-area.bg-right-shape::before {
  position: absolute;
  right: 0;
  content: '';
  top: 0;
  width: 45%;
  height: 215%;
  z-index: -1;
  background-color: #fbfbfb;
  -webkit-transform: skewY(-66deg);
          transform: skewY(-66deg);
}

.services-area.bg-left-shape::before {
  width: 45%;
}

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

.services-content .content {
  max-width: 615px;
  padding-left: 30px;
}

.services-content .content .icon {
  margin-bottom: 20px;
}

.services-content .content h2 {
  font-size: 40px;
}

.services-content .content h2 span {
  display: inline-block;
}

.services-content .content p {
  max-width: 435px;
  margin-top: 18px;
}

.services-content .content .default-btn {
  margin-top: 15px;
  background-color: #080a3c;
}

.services-content .content.left-content {
  padding-right: 30px;
  padding-left: 0;
  margin-left: auto;
}

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

.services-image .image {
  text-align: center;
}

.it-service-content .content p {
  margin-bottom: 30px;
  max-width: 540px;
}

.feature-box {
  color: #4a6f8a;
  background-color: #ffffff;
  border: 1px solid #f2effc;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
          box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
  border-radius: 30px;
  font-size: 15px;
  padding: 12px 22px;
  margin-bottom: 25px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
}

.feature-box:hover {
  background-color: #13c4a1;
  color: #ffffff;
  padding-left: 25px;
}

.feature-box:hover i {
  color: #ffffff;
}

.feature-box i {
  margin-right: 3px;
  color: #13c4a1;
  position: relative;
  top: 1px;
}

/*================================================
Video Presentation Area CSS
=================================================*/
.video-presentation-area {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}

.video-presentation-area .hermes-widget {
  margin-bottom: 0;
}

.video-presentation-area .hermes-widget:not(:last-child) {
  margin-bottom: 0;
}

.video-box {
  position: relative;
  text-align: center;
  max-width: 750px;
  border-radius: 5px;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}

.video-box .main-image {
  border-radius: 5px;
}

.video-box .video-btn {
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 80px;
  height: 80px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 60px;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}

.video-box .video-btn::after, .video-box .video-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  border: 1px solid;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.video-box .video-btn i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.shape1 {
  position: absolute !important;
  left: -30px;
  top: -23px;
  z-index: -1;
}

.shape1 img {
  -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;
}

.shape2 {
  position: absolute !important;
  right: -30px;
  top: -30px;
  z-index: -1;
}

.shape2 img {
  -webkit-animation: moveScale 3s linear infinite;
          animation: moveScale 3s linear infinite;
}

.shape3 {
  position: absolute !important;
  left: -50px;
  bottom: -50px;
  z-index: -1;
}

.shape3 img {
  -webkit-animation: moveScale 3s linear infinite;
          animation: moveScale 3s linear infinite;
}

.shape4 {
  position: absolute !important;
  right: -30px;
  bottom: -30px;
  z-index: -1;
}

.shape5 {
  position: absolute !important;
  right: -60px;
  bottom: -60px;
  z-index: -2;
}

.shape6 {
  position: absolute !important;
  left: -26px;
  top: -22px;
  z-index: -1;
}

.shape6 img {
  -webkit-animation: moveLeftBounce 5s linear infinite;
          animation: moveLeftBounce 5s linear infinite;
}

.shape7 {
  position: absolute !important;
  top: 40%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  left: 10%;
  z-index: -1;
}

.shape7 img {
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.shape8 {
  position: absolute !important;
  left: 12%;
  top: 60%;
  z-index: -1;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
}

.shape8 img {
  -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;
}

.shape9 {
  position: absolute !important;
  right: 10%;
  top: 40%;
  z-index: -1;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}

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

@-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 moveLeftBounce {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

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

@-webkit-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;
  }
}

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

@-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 moveScale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes moveScale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*================================================
FunFacts Area CSS
=================================================*/
.funfacts-inner {
  max-width: 1000px;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.single-funfacts h3 .sign-icon {
  font-size: 28px;
}

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

.funfact-style-two {
  background-color: #ffffff;
  border: 1px solid #f1f1f1;
  padding: 25px 0;
  border-radius: 5px;
}

.funfact-style-two h3 {
  margin-bottom: 5px;
}

.funfact-style-two i {
  font-size: 30px;
  color: #13c4a1;
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin: auto;
  position: relative;
  margin-bottom: 20px;
  background: #F6F4FD;
  border-radius: 100%;
  text-align: center;
}

.contact-cta-box {
  max-width: 750px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  padding: 30px 230px 30px 50px;
  position: relative;
  background-color: #f4f6fc;
  margin-left: auto;
  margin-top: 40px;
  margin-right: auto;
}

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

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

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

.contact-cta-box .default-btn i {
  color: #ffffff !important;
}

.contact-cta-box .default-btn:hover i, .contact-cta-box .default-btn:focus i {
  color: #ffffff;
}

/*================================================
Features Area CSS
=================================================*/
.features-area .hermes-widget {
  margin-bottom: 0;
}

.features-area .hermes-widget:not(:last-child) {
  margin-bottom: 0;
}

.features-area.bg-f4f6fc .features-box {
  background-color: #ffffff;
}

.single-features-box {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 45px;
}

.single-features-box .icon {
  color: #ffffff;
  position: relative;
  z-index: 1;
  width: 85px;
  height: 85px;
  font-size: 45px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  bottom: 45px;
  margin-left: auto;
  margin-right: auto;
}

.single-features-box .icon::before {
  width: 100%;
  height: 100%;
  right: -15px;
  bottom: -15px;
  border: 5px solid;
  content: '';
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .icon i {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.single-features-box h3 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}

.single-features-box:hover .icon {
  -webkit-animation: bounce 2s;
          animation: bounce 2s;
  bottom: 25px;
}

.single-features-box:hover .icon::before {
  right: 0;
  bottom: 0;
}

.features-box {
  overflow: hidden;
  border: 1px solid #f4f5fe;
  padding: 30px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.features-box .icon {
  width: 85px;
  height: 85px;
  background-color: #bce9e5;
  text-align: center;
  font-size: 45px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.features-box .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

.features-box h3 {
  margin-bottom: 10px;
  font-size: 20px;
}

.features-box p {
  margin-bottom: 0;
}

.features-box .back-icon {
  position: absolute;
  right: 10px;
  top: -52px;
  z-index: -1;
  opacity: .06;
  font-size: 190px;
  line-height: 190px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.features-box:hover {
  background-color: #ffffff;
  border-radius: 0;
  border-color: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

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

.features-box:hover .back-icon {
  opacity: 0;
  visibility: hidden;
}

.col-lg-4:nth-child(1) .single-features-box .icon {
  background-color: #ff612f;
}

.col-lg-4:nth-child(1) .single-features-box .icon::before {
  border-color: #ff612f;
}

.col-lg-4:nth-child(1) .features-box .icon {
  background-color: #ffd7cb;
}

.col-lg-4:nth-child(1) .features-box:hover .icon {
  color: #ffffff;
}

.col-lg-4:nth-child(3) .single-features-box .icon {
  background-color: #080a3c;
}

.col-lg-4:nth-child(3) .single-features-box .icon::before {
  border-color: #080a3c;
}

.col-lg-4:nth-child(3) .features-box .icon {
  background-color: #b2b3c3;
  color: #080a3c;
}

.col-lg-4:nth-child(3) .features-box .back-icon {
  color: #080a3c;
}

.col-lg-4:nth-child(3) .features-box:hover .icon {
  background-color: #080a3c;
  color: #ffffff;
}

.col-lg-4:nth-child(4) .single-features-box .icon {
  background-color: #fc4c86;
}

.col-lg-4:nth-child(4) .single-features-box .icon::before {
  border-color: #fc4c86;
}

.col-lg-4:nth-child(4) .features-box .icon {
  background-color: #fed2e1;
  color: #fc4c86;
}

.col-lg-4:nth-child(4) .features-box .back-icon {
  color: #fc4c86;
}

.col-lg-4:nth-child(4) .features-box:hover .icon {
  background-color: #fc4c86;
  color: #ffffff;
}

.col-lg-4:nth-child(5) .single-features-box .icon {
  background-color: #ffb300;
}

.col-lg-4:nth-child(5) .single-features-box .icon::before {
  border-color: #ffb300;
}

.col-lg-4:nth-child(5) .features-box .icon {
  background-color: #ffecbf;
  color: #ffb300;
}

.col-lg-4:nth-child(5) .features-box .back-icon {
  color: #ffb300;
}

.col-lg-4:nth-child(5) .features-box:hover .icon {
  background-color: #ffb300;
  color: #ffffff;
}

.col-lg-4:nth-child(6) .single-features-box .icon {
  background-color: #286efa;
}

.col-lg-4:nth-child(6) .single-features-box .icon::before {
  border-color: #286efa;
}

.col-lg-4:nth-child(6) .features-box .icon {
  background-color: #bcd2fd;
  color: #286efa;
}

.col-lg-4:nth-child(6) .features-box .back-icon {
  color: #286efa;
}

.col-lg-4:nth-child(6) .features-box:hover .icon {
  background-color: #286efa;
  color: #ffffff;
}

.single-features-card {
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.03);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.03);
  border-radius: 35px;
  padding: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  margin-bottom: 30px;
}

.single-features-card:hover {
  -webkit-box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.08);
  margin-top: -5px;
}

.single-features-card i {
  font-size: 30px;
  color: #13c4a1;
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin: auto;
  position: relative;
  margin-bottom: 20px;
  background: #F6F4FD !important;
  border-radius: 100%;
  text-align: center;
}

.single-features-card h3 {
  margin-bottom: 10px;
  font-size: 20px;
}

.single-features-card h3 a {
  color: #080a3c;
}

.single-features-card h3 a:hover {
  color: #13c4a1;
}

.single-features-card p {
  margin: 0;
}

.features-box-six i {
  color: #13c4a1 !important;
  background-color: #F6F4FD !important;
}

.discover-area .section-title h2 {
  margin-bottom: .5rem;
}

.features-box-one {
  margin-bottom: 30px;
  background: #fff;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.features-box-one:hover {
  -webkit-box-shadow: 0 5px 60px rgba(0, 0, 0, 0.08);
          box-shadow: 0 5px 60px rgba(0, 0, 0, 0.08);
}

.features-box-one i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 30px;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
  margin-bottom: 25px;
  background-color: #13c4a1;
}

.features-box-one h3 {
  margin-bottom: 10px;
  font-size: 20px;
}

.features-box-one p {
  margin: 0;
}

/*================================================
Team Area CSS
=================================================*/
.single-team-box {
  margin-bottom: 30px;
  text-align: center;
}

.single-team-box .image {
  border: 4px solid #bce9e5;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team-box .image img {
  border-radius: 10px;
}

.single-team-box .image .social {
  padding-left: 0;
  list-style-type: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.single-team-box .image .social li {
  display: inline-block;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  margin-left: 1px;
  margin-right: 1px;
}

.single-team-box .image .social li a {
  display: block;
  width: 33px;
  height: 33px;
  background-color: #646571;
  text-align: center;
  position: relative;
  font-size: 14px;
  color: #ffffff;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team-box .image .social li a i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

.single-team-box .image .social li a:hover {
  color: #ffffff;
}

.single-team-box .image .social li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.single-team-box .image .social li:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.single-team-box .image .social li:nth-child(3) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.single-team-box .image .social li:nth-child(4) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.single-team-box .content {
  margin-top: 20px;
}

.single-team-box .content h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.single-team-box .content span {
  display: block;
  font-size: 14px;
  margin-top: 6px;
}

.single-team-box:hover .image {
  background-color: #f4f5fe;
}

.single-team-box:hover .image .social li {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.col-lg-3:nth-child(1) .single-team-box .image, .col-lg-3:nth-child(7) .single-team-box .image {
  border-color: #ffdacf;
}

.col-lg-3:nth-child(1) .single-team-box .image .social li a:hover, .col-lg-3:nth-child(7) .single-team-box .image .social li a:hover {
  color: #ffffff;
}

.col-lg-3:nth-child(3) .single-team-box .image, .col-lg-3:nth-child(5) .single-team-box .image {
  border-color: #b2b3c3;
}

.col-lg-3:nth-child(3) .single-team-box .image .social li a:hover, .col-lg-3:nth-child(5) .single-team-box .image .social li a:hover {
  color: #ffffff;
  background-color: #080a3c;
}

.col-lg-3:nth-child(3) .single-team-box .content span, .col-lg-3:nth-child(5) .single-team-box .content span {
  color: #080a3c;
}

.col-lg-3:nth-child(3) .single-team-box:hover .image, .col-lg-3:nth-child(5) .single-team-box:hover .image {
  border-color: #080a3c;
}

.col-lg-3:nth-child(4) .single-team-box .image, .col-lg-3:nth-child(6) .single-team-box .image {
  border-color: #fed2e1;
}

.col-lg-3:nth-child(4) .single-team-box .image .social li a:hover, .col-lg-3:nth-child(6) .single-team-box .image .social li a:hover {
  color: #ffffff;
  background-color: #fc4c86;
}

.col-lg-3:nth-child(4) .single-team-box .content span, .col-lg-3:nth-child(6) .single-team-box .content span {
  color: #fc4c86;
}

.col-lg-3:nth-child(4) .single-team-box:hover .image, .col-lg-3:nth-child(6) .single-team-box:hover .image {
  border-color: #fc4c86;
}

/*================================================
Feedback Area CSS
=================================================*/
.feedback-area {
  overflow: hidden;
}

.single-feedback-item {
  position: relative;
  margin-top: 95px;
  margin-bottom: 30px;
}

.single-feedback-item img {
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block !important;
  width: auto !important;
}

.single-feedback-item .feedback-desc {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-left: 45px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
          box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
  padding: 30px 30px 30px 160px;
}

.single-feedback-item .feedback-desc p {
  margin-bottom: 0;
}

.single-feedback-item .feedback-desc .rating {
  margin-top: 13px;
  margin-bottom: 15px;
}

.single-feedback-item .feedback-desc .rating i {
  font-size: 17px;
  display: inline-block;
  margin-right: -1px;
  color: #ff612f;
}

.single-feedback-item .feedback-desc .client-info h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.single-feedback-item .feedback-desc .client-info span {
  display: block;
  font-size: 13px;
  margin-top: 6px;
}

.single-feedback-item .feedback-desc::before {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: -1;
  color: #f5f5f5;
  line-height: 95px;
  content: "\ed67";
  font-family: "boxicons" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 135px;
}

.feedback-slides.owl-theme .owl-stage-outer {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.feedback-slides.owl-theme .owl-item .single-feedback-item {
  margin-bottom: 40px;
}

.feedback-slides.owl-theme .owl-item .single-feedback-item .feedback-desc {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.feedback-slides.owl-theme .owl-item.active .single-feedback-item .feedback-desc {
  -webkit-box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
          box-shadow: 0 10px 35px 5px rgba(137, 173, 255, 0.15);
}

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

.feedback-slides.owl-theme .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0 3px;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  border: 1px solid;
  position: relative;
}

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

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

.testimonials-area .section-title h2 {
  color: #ffffff;
}

.single-testimonials-item {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  border-radius: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 30px;
  background-color: #ffffff;
}

.single-testimonials-item .client-info {
  -ms-flex: 0 0 30%;
  -webkit-box-flex: 0;
          flex: 0 0 30%;
  max-width: 30%;
  text-align: center;
}

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

.single-testimonials-item .client-info h3 {
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
}

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

.single-testimonials-item .testimonials-desc {
  -ms-flex: 0 0 70%;
  -webkit-box-flex: 0;
          flex: 0 0 70%;
  padding-left: 15px;
  max-width: 70%;
}

.single-testimonials-item .testimonials-desc p {
  margin-bottom: 0;
}

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

.single-testimonials-item .testimonials-desc .rating i {
  font-size: 17px;
  display: inline-block;
  margin-right: -1px;
  color: #ff612f;
}

.single-testimonials-item::before {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: -1;
  color: #f5f5f5;
  line-height: 95px;
  content: "\ed67";
  font-family: "boxicons" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 135px;
}

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

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

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

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

/*================================================
Pricing Area CSS
=================================================*/
.single-pricing-table {
  margin-bottom: 30px;
  background-color: #ffffff;
  padding-bottom: 30px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-pricing-table .pricing-header {
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
}

.single-pricing-table .pricing-header h3 {
  margin-bottom: 0;
  font-size: 22px;
}

.single-pricing-table .price {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 50px;
  padding-right: 50px;
  border-top: 2px dashed #f4f5fe;
  border-bottom: 2px dashed #f4f5fe;
  font-weight: bold;
  font-size: 45px;
}

.single-pricing-table .price sup {
  top: -18px;
  font-size: 18px;
  font-weight: 500;
}

.single-pricing-table .price sub {
  bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #444683;
  left: 8px;
}

.single-pricing-table .pricing-features {
  padding-left: 0;
  text-align: left;
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 0;
  margin-left: 50px;
  margin-right: 50px;
}

.single-pricing-table .pricing-features li {
  margin-bottom: 10px;
  position: relative;
  color: #444683;
  padding-left: 26px;
}

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

.single-pricing-table .pricing-features li i {
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 18px;
}

.single-pricing-table .pricing-features li span {
  display: inline-block;
  color: #b7bad2;
  font-size: 20px;
  position: absolute;
  top: 1px;
  margin-left: 3px;
}

.single-pricing-table .btn-box {
  margin-top: 30px;
  padding-left: 50px;
}

.single-pricing-table:hover {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

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

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

.pricing-list-tab .tabs li a {
  display: block;
  background-color: #ffffff;
  color: #8d8fb4;
  padding: 10px 30px 10px 53px;
  position: relative;
  border-radius: 5px;
  margin-left: -1px;
  margin-right: -1px;
  font-size: 16px;
  font-weight: 500;
}

.pricing-list-tab .tabs li a i {
  margin-right: 2px;
  position: absolute;
  font-size: 18px;
  top: 48%;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  left: 30px;
}

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

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

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

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

.col-lg-4:nth-child(1) .single-pricing-table .btn-box .default-btn {
  background-color: #080a3c;
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn:hover i, .col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn:focus i {
  color: #080a3c;
}

/*================================================
FAQ Area CSS
=================================================*/
.faq-accordion {
  margin-left: auto;
  max-width: 700px;
}

.faq-accordion h2 {
  margin-bottom: 40px;
  font-size: 40px;
}

.faq-accordion h2 span {
  display: inline-block;
}

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

.faq-accordion .accordion .accordion-item {
  display: block;
  background: #f5f5ff;
  margin-bottom: 15px;
  border-radius: 20px;
}

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

.faq-accordion .accordion .accordion-title {
  padding: 15px 40px 13px 25px;
  color: #080a3c;
  position: relative;
  display: block;
  font-size: 17px;
  font-weight: 500;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #080a3c;
  font-size: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

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

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 20px 25px;
  font-size: 14px;
  border-top: 1px solid;
  color: #4a6f8a;
  border-color: #eee;
}

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

.faq-image {
  text-align: center;
}

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

.bg-color-f4f5fe .faq-accordion .accordion .accordion-item {
  background: #ffffff;
}

/*================================================
App Download Area CSS
=================================================*/
.app-download-area {
  background-color: #f4f5fe;
  background-image: url(../../assets/img/white-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.app-download-image {
  text-align: center;
}

.app-download-content .sub-title {
  display: inline-block;
  color: #ffffff;
  padding: 5px 25px;
  border-radius: 35px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}

.app-download-content h2 {
  font-size: 40px;
}

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

.app-download-content .btn-box .play-store-btn {
  display: inline-block;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 12px 25px 12px 74px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  color: #666786;
  font-size: 13px;
  font-weight: 400;
}

.app-download-content .btn-box .play-store-btn span {
  display: block;
  color: #080a3c;
  font-size: 20px;
  font-weight: 600;
}

.app-download-content .btn-box .play-store-btn img {
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.app-download-content .btn-box .play-store-btn:hover, .app-download-content .btn-box .play-store-btn:focus {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.app-download-content .btn-box .apple-store-btn {
  margin-right: 8px;
  display: inline-block;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 12px 25px 12px 74px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  color: #666786;
  font-size: 13px;
  font-weight: 400;
}

.app-download-content .btn-box .apple-store-btn span {
  display: block;
  color: #080a3c;
  font-size: 20px;
  font-weight: 600;
}

.app-download-content .btn-box .apple-store-btn img {
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.app-download-content .btn-box .apple-store-btn:hover, .app-download-content .btn-box .apple-store-btn:focus {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*================================================
Our Loving Clients Area CSS
=================================================*/
.clients-logo-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  margin-top: -10px;
}

.single-clients-logo {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
}

.single-clients-logo a {
  text-align: center;
  display: block;
  background-color: #ffffff;
  padding: 30px 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-clients-logo a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-clients-logo a:hover {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.single-clients-logo a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.single-clients-logo:nth-child(6) {
  margin-left: 10%;
}

.bg-color-f8fbfa .single-clients-logo a {
  background-color: #f8fbfa;
}

.bg-color-f8fbfa .single-clients-logo a:hover {
  background-color: #ffffff;
}

/*================================================
Blog Area CSS
=================================================*/
.single-blog-post.page-single-blog .blog-post-content h3 {
  font-size: 22px;
  font-weight: 600;
}

.single-blog-post {
  border-radius: 2px;
  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;
}

.single-blog-post .blog-image {
  overflow: hidden;
  position: relative;
}

.single-blog-post .blog-image a {
  display: block;
}

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

.single-blog-post .blog-post-content {
  padding: 25px;
}

.single-blog-post .blog-post-content .date {
  color: #4a6f8a;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}

.single-blog-post .blog-post-content .date i {
  margin-right: 2px;
  font-size: 15px;
  position: relative;
  top: 1px;
}

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

.single-blog-post .blog-post-content h3 a {
  display: initial;
}

.single-blog-post .blog-post-content .post-info {
  border-top: 1px solid #f8f8f8;
  padding-top: 18px;
  overflow: hidden;
  margin-top: 15px;
}

.single-blog-post .blog-post-content .post-info .post-by {
  position: relative;
  padding-left: 45px;
  float: left;
  padding-top: 10px;
}

.single-blog-post .blog-post-content .post-info .post-by img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #dde4ff;
  position: absolute;
  left: 0;
  top: 0;
}

.single-blog-post .blog-post-content .post-info .post-by h6 {
  margin-bottom: 0;
  text-transform: capitalize;
  color: #080a3c;
  font-size: 15px;
  font-weight: 500;
}

.single-blog-post .blog-post-content .post-info .details-btn {
  float: right;
}

.single-blog-post .blog-post-content .post-info .details-btn a {
  display: inline-block;
  width: 35px;
  height: 35px;
  position: relative;
  border-radius: 50%;
  background-color: #ebefff;
  color: #080a3c;
  text-align: center;
  font-size: 20px;
}

.single-blog-post .blog-post-content .post-info .details-btn a i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

.single-blog-post .blog-post-content .post-info .details-btn a:hover {
  color: #ffffff;
  background-color: #080a3c;
}

.single-blog-post:hover .blog-image a img {
  -webkit-transform: scale(1.2) rotate(5deg);
          transform: scale(1.2) rotate(5deg);
}

.blog-notes {
  margin-top: 10px;
  text-align: center;
}

.blog-notes p {
  line-height: initial;
}

.blog-notes p a {
  display: inline-block;
}

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details-desc .article-content {
  margin-top: 30px;
}

.blog-details-desc .article-content .entry-meta {
  margin-bottom: -8px;
}

.blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.blog-details-desc .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  color: #080a3c;
  margin-right: 20px;
}

.blog-details-desc .article-content .entry-meta ul li a {
  display: inline-block;
  color: #4a6f8a;
}

.blog-details-desc .article-content .entry-meta ul li i {
  margin-right: 2px;
  position: relative;
  top: 1px;
}

.blog-details-desc .article-content .entry-meta ul li::before {
  content: '';
  position: absolute;
  top: 12px;
  right: -15px;
  width: 6px;
  height: 1px;
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
  margin-right: 0;
}

.blog-details-desc .article-content .entry-meta ul li:last-child::before {
  display: none;
}

.blog-details-desc .article-content h3 {
  margin-bottom: 15px;
  margin-top: 25px;
  font-size: 22px;
  font-weight: 500;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
  -ms-flex: 0 0 33.3333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

.blog-details-desc .article-content .features-list {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 30px;
}

.blog-details-desc .article-content .features-list li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 28px;
  color: #4a6f8a;
}

.blog-details-desc .article-content .features-list li i {
  display: inline-block;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.blog-details-desc .article-content .features-list li:last-child {
  margin-bottom: 0;
}

.blog-details-desc .article-footer {
  margin-top: 30px;
}

.blog-details-desc .article-footer .article-tags a {
  display: inline-block;
  color: #ffffff;
  padding: 4px 12px;
  border-radius: 5px;
  margin-right: 3px;
  font-size: 14px;
}

.blog-details-desc .article-footer .article-tags a:hover {
  color: #ffffff;
}

.spacle-post-navigation {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.prev-link-wrapper {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
}

.prev-link-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.prev-link-wrapper a:hover .image-prev::after {
  opacity: 1;
  visibility: visible;
}

.prev-link-wrapper a:hover .image-prev .post-nav-title {
  opacity: 1;
  visibility: visible;
}

.prev-link-wrapper .image-prev {
  display: inline-block;
  min-width: 100px;
  width: 100px;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 20px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.prev-link-wrapper .image-prev img {
  border-radius: 5px;
}

.prev-link-wrapper .image-prev::after {
  display: block;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.prev-link-wrapper .image-prev .post-nav-title {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 16px;
  font-weight: 500;
}

.prev-link-wrapper .prev-link-info-wrapper {
  color: #080a3c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.prev-link-wrapper .prev-title {
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
}

.prev-link-wrapper .meta-wrapper {
  display: block;
  color: #4a6f8a;
  text-transform: capitalize;
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
}

.next-link-wrapper {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
  padding-left: 15px;
}

.next-link-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.next-link-wrapper a:hover .image-next::after {
  opacity: 1;
  visibility: visible;
}

.next-link-wrapper a:hover .image-next .post-nav-title {
  opacity: 1;
  visibility: visible;
}

.next-link-wrapper .image-next {
  display: inline-block;
  min-width: 100px;
  width: 100px;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: top;
  margin-left: 20px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.next-link-wrapper .image-next img {
  border-radius: 5px;
}

.next-link-wrapper .image-next::after {
  display: block;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.next-link-wrapper .image-next .post-nav-title {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 16px;
  font-weight: 500;
}

.next-link-wrapper .next-link-info-wrapper {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #080a3c;
}

.next-link-wrapper .next-title {
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
}

.next-link-wrapper .meta-wrapper {
  display: block;
  color: #4a6f8a;
  text-transform: capitalize;
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
}

blockquote, .blockquote {
  background-color: #fafafa;
  padding: 30px !important;
  line-height: 25px;
  font-weight: 500;
  position: relative;
  margin: 28px 0;
  border-left: 3px solid;
}

blockquote p, .blockquote p {
  font-size: 15px;
  margin-bottom: 10px !important;
  font-weight: 500;
  color: #212529;
}

blockquote p:last-child, .blockquote p:last-child {
  margin-bottom: 0 !important;
}

blockquote cite, .blockquote cite {
  color: #212529;
  font-size: 14px;
  font-style: normal !important;
}

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
  position: relative;
  z-index: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 184px;
  padding-bottom: 100px;
}

.page-title-area::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .6;
  height: 100%;
  z-index: -1;
  -webkit-animation: animatedBackground 15s linear infinite;
          animation: animatedBackground 15s linear infinite;
  background-image: url(../../assets/img/bg_lines.svg);
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
}

.page-title-content {
  text-align: center;
}

.page-title-content h2 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 45px;
  text-transform: capitalize;
  word-break: break-all;
  word-wrap: break-word;
}

.page-title-content p {
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 0;
}

@-webkit-keyframes animatedBackground {
  0% {
    background-position: center center;
  }
  100% {
    background-position: 300px center;
  }
}

@keyframes animatedBackground {
  0% {
    background-position: center center;
  }
  100% {
    background-position: 300px center;
  }
}

/*================================================
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;
  margin-top: 45px;
  margin-bottom: 15px;
}

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

/*================================================
Pagination Area CSS
=================================================*/
.pagination-area {
  margin-top: 20px;
  text-align: center;
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  margin-top: 11px !important;
  margin: 0 3px;
  display: inline-block;
  background: #ffffff;
  line-height: 42px;
  color: #080a3c;
  -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
          box-shadow: 0 2px 10px 0 #d8dde6;
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
}

.pagination-area .page-numbers::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

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

.pagination-area .page-numbers.current::before, .pagination-area .page-numbers:hover::before, .pagination-area .page-numbers:focus::before {
  opacity: 1;
  visibility: visible;
}

/*================================================
Features Area CSS
=================================================*/
.subscribe-area.bg-f4f5fe {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}

.subscribe-area.bg-f4f5fe::before {
  width: 100%;
  height: 50%;
  background-color: #f4f5fe;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  position: absolute;
}

.subscribe-content {
  position: relative;
  z-index: 1;
  border-radius: 30px;
  text-align: center;
  padding: 70px;
}

.subscribe-content h2 {
  color: #ffffff;
  max-width: 610px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
}

.subscribe-content form {
  max-width: 600px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

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

.subscribe-content form .row .col-lg-8, .subscribe-content form .row .col-lg-4, .subscribe-content form .row .col-lg-12 {
  padding-left: 7px;
  padding-right: 7px;
}

.subscribe-content form #validator-newsletter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  color: #ffffff;
}

.subscribe-content form .input-newsletter {
  display: block;
  width: 100%;
  border: none;
  height: 50px;
  border-radius: 5px;
  color: #ffffff;
  background-color: #c32f00;
  padding: 0 0 0 15px;
  font-size: 14px;
  font-weight: 500;
}

.subscribe-content form .input-newsletter::-webkit-input-placeholder {
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.subscribe-content form .input-newsletter:-ms-input-placeholder {
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.subscribe-content form .input-newsletter::-ms-input-placeholder {
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.subscribe-content form .input-newsletter::placeholder {
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.subscribe-content form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.subscribe-content form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.subscribe-content form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.subscribe-content form .input-newsletter:focus::placeholder {
  color: transparent;
}

.subscribe-content form button {
  background-color: #080a3c;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: none;
  border-radius: 5px;
  height: 50px;
  padding: 0 0;
  line-height: 50px;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
}

.subscribe-content form button i {
  margin-right: 2px;
  font-size: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  top: 4px;
}

.subscribe-content form button:hover i, .subscribe-content form button:focus i {
  color: #080a3c;
}

.shape14 {
  position: absolute !important;
  left: 5%;
  top: 0;
  z-index: -1;
}

.shape14 img {
  -webkit-animation: moveLeftBounce 5s linear infinite;
          animation: moveLeftBounce 5s linear infinite;
}

.shape15 {
  position: absolute !important;
  right: 2%;
  top: 4%;
  z-index: -1;
}

.shape16 {
  position: absolute !important;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.shape17 {
  position: absolute !important;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.shape18 {
  position: absolute !important;
  z-index: -1;
  right: 15%;
  top: 40%;
}

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

.free-trial-content {
  text-align: center;
  max-width: 695px;
  margin-left: auto;
  margin-right: auto;
}

.free-trial-content h2 {
  font-size: 40px;
}

.free-trial-content p {
  margin-top: 20px;
}

.free-trial-content .default-btn {
  margin-top: 20px;
}

.shape10 {
  position: absolute !important;
  right: 30%;
  bottom: 25%;
  z-index: -1;
}

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

.shape11 {
  position: absolute !important;
  left: 25%;
  bottom: 27%;
  z-index: -1;
}

.shape11 img {
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.shape12 {
  position: absolute !important;
  left: 10%;
  bottom: 50%;
  z-index: -1;
}

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

.shape13 {
  position: absolute !important;
  right: 18%;
  bottom: 60%;
  z-index: -1;
}

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

/*================================================
Contact Area CSS
=================================================*/
.contact-inner {
  background-color: #f4f5fe;
  padding: 50px 30px;
}

.contact-inner div.wpcf7-response-output {
  margin: 25px 0 0;
}

.cinfo-br {
  padding-right: 30px;
  border-right: 1px solid #eeeeee;
}

.contact-features-list h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.contact-features-list p {
  margin-bottom: 10px;
}

.contact-features-list p:last-child {
  margin-bottom: 0;
}

.contact-features-list ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 0;
}

.contact-features-list ul li {
  color: #4a6f8a;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.contact-features-list ul li i {
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 18px;
}

.contact-features-list ul li:last-child {
  margin-bottom: 0;
}

.c-info {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.c-info li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.c-info li:last-child {
  margin-bottom: 0;
}

.c-info li i {
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 1px;
}

.c-info li a {
  color: #4a6f8a;
}

.contact-form h3 {
  margin-bottom: 25px;
  font-size: 23px;
}

.contact-form .form-group {
  margin-bottom: 25px;
}

.contact-form .form-control {
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 3px 10px 1px rgba(149, 152, 200, 0.2) !important;
          box-shadow: 0px 3px 10px 1px rgba(149, 152, 200, 0.2) !important;
  height: 50px;
  font-family: "Raleway", sans-serif;
  font-size: 14.5px;
  padding: 10px 18px;
}

.contact-form textarea.form-control {
  height: auto;
  padding-top: 15px;
  line-height: initial;
}

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

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

.contact-form form .form-group {
  margin-bottom: 15px;
}

.contact-form form .form-control {
  height: 48px;
  padding: 0 15px;
  line-height: initial;
  color: #080a3c;
  background-color: transparent;
  border: 1px solid #cecfdf;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  font-size: 14px;
  font-weight: 400;
}

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

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

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

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

.contact-form form textarea.form-control {
  height: auto !important;
  padding-top: 15px;
}

.contact-form form .default-btn {
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.3) !important;
          box-shadow: 0px 5px 28.5px 1.5px rgba(255, 97, 47, 0.3) !important;
}

.contact-form form .default-btn:hover, .contact-form form .default-btn:focus {
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(19, 196, 161, 0.3) !important;
          box-shadow: 0px 5px 28.5px 1.5px rgba(19, 196, 161, 0.3) !important;
}

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

.contact-form .with-errors ul li {
  color: red;
}

.contact-form #msgSubmit {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
}

.contact-form #msgSubmit.text-danger {
  margin-top: 5px;
}

.contact-form span.wpcf7-list-item {
  margin: 0;
}

.contact-form span.wpcf7-list-item label {
  margin: 0;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
}

.contact-form span.wpcf7-list-item label input.gdpr-term {
  position: absolute;
  left: 0;
  top: 5px;
}

.contact-form span.wpcf7-list-item label a:hover {
  text-decoration: underline;
}

.contact-info {
  margin-top: 20px;
}

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

.contact-info .contact-info-content h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
}

.contact-info .contact-info-content h2 a {
  display: inline-block;
}

.contact-info .contact-info-content h2 span {
  display: block;
  color: #4a6f8a;
  margin-top: 5px;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500;
}

.contact-info .contact-info-content .social {
  padding: 0;
  list-style-type: none;
  margin: 20px 0 0;
  line-height: 1;
}

.contact-info .contact-info-content .social li {
  display: inline-block;
  margin: 0 2px;
}

.contact-info .contact-info-content .social li a {
  width: 32px;
  display: inline-block;
  height: 32px;
  border: 1px solid #dadada;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 13px;
  position: relative;
  text-align: center;
}

.contact-info .contact-info-content .social li a i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

.contact-info .contact-info-content .social li a:hover {
  color: #ffffff;
}

/*================================================
Footer Area CSS
=================================================*/
.footer-area {
  background-color: #080a3c;
  position: relative;
  z-index: 1;
  padding-top: 80px;
}

.footer-area::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-animation: imageChange 1s linear 1s infinite;
          animation: imageChange 1s linear 1s infinite;
  background-image: url(../../assets/img/footer-shape1.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.footer-area::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-animation: imageChangeTwo 1s linear 1s infinite;
          animation: imageChangeTwo 1s linear 1s infinite;
  background-image: url(../../assets/img/footer-shape2.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.divider {
  width: 100%;
  position: absolute;
  height: 100px;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
  -webkit-mask-size: 100% 101%;
  mask-size: 100% 101%;
  background: #080a3c;
  top: -100px;
  left: 0;
  z-index: -1;
}

.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget .logo {
  margin-bottom: 15px;
}

.single-footer-widget .logo a {
  display: block;
}

.single-footer-widget p {
  color: #acc5db;
}

.single-footer-widget .list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .list li {
  color: #acc5db;
  margin-bottom: 10px;
}

.single-footer-widget .list li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .list li a {
  display: inline-block;
  color: #acc5db;
}

.single-footer-widget .list li a:hover {
  padding-left: 5px;
}

.single-footer-widget .support-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .support-list li {
  color: #acc5db;
  margin-bottom: 10px;
}

.single-footer-widget .support-list li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .support-list li a {
  display: inline-block;
  color: #acc5db;
}

.single-footer-widget .support-list li a:hover {
  padding-left: 5px;
}

.single-footer-widget .footer-contact-info {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .footer-contact-info li {
  color: #ffffff;
  margin-bottom: 10px;
}

.single-footer-widget .footer-contact-info li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .footer-contact-info li a {
  display: inline-block;
  color: #acc5db;
}

.single-footer-widget .social {
  padding-left: 0 !important;
  list-style-type: none !important;
  margin-bottom: 0 !important;
  margin-top: 15px !important;
}

.single-footer-widget .social li {
  display: inline-block;
  margin-right: 5px;
}

.single-footer-widget .social li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 32px;
  background-color: #4e6e8a;
  text-align: center;
  font-size: 15px;
  border-radius: 30px;
  color: #080a3c !important;
}

.single-footer-widget .social li a:hover {
  color: #080a3c !important !important;
  background-color: #ffffff !important;
}

.single-footer-widget .social li:before {
  display: none;
}

.copyright-area {
  border-top: 1px solid #1c2250;
  text-align: center;
  margin-top: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.copyright-area p {
  line-height: initial;
  color: #acc5db;
}

.copyright-area p a {
  display: inline-block;
}

@-webkit-keyframes imageChange {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes imageChange {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes imageChangeTwo {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes imageChangeTwo {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: -100px;
  right: 15px;
  color: #080a3c;
  background-color: #ffffff;
  z-index: 4;
  width: 45px;
  text-align: center;
  height: 45px;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  font-size: 40px;
  -webkit-transition: .9s;
  transition: .9s;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top.active {
  opacity: 1;
  visibility: visible;
  bottom: 15px;
}

.go-top i {
  position: absolute;
  right: 0;
  left: 0;
  top: 70%;
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.go-top:hover {
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

/* New blog style */
/* Sticky Post */
.sticky .single-blog-post .blog-post-content {
  padding-left: 60px;
  border: 1px solid #080a3c;
  background-color: #080a3c;
}

.sticky .single-blog-post .blog-post-content .date {
  color: #ffffff;
}

.sticky .single-blog-post .blog-post-content h3 {
  color: #fff;
  position: relative;
}

.sticky .single-blog-post .blog-post-content h3::before {
  font-family: "boxicons" !important;
  content: "\eb22";
  position: absolute;
  left: -40px;
  top: -3px;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
}

.sticky .single-blog-post .blog-post-content h3 a {
  color: #fff;
}

.sticky .single-blog-post .blog-post-content p {
  color: #fff;
}

.sticky .single-blog-post .blog-post-content .post-info {
  border-top: 1px solid #2a2b4f;
}

.sticky .single-blog-post .blog-post-content .post-info .post-by h6 {
  color: #fff;
}

.sticky .single-blog-post .blog-post-content .post-info .post-by img {
  border-color: transparent;
}

/* End Sticky Post */
/* Entry meta */
ul.entry-meta {
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px;
  line-height: 1;
}

ul.entry-meta li {
  display: inline-block;
  font-size: 13.5px;
  color: #4a6f8a;
  line-height: 1;
  margin-right: 15px;
  margin-bottom: 10px;
  font-weight: 300;
}

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

ul.entry-meta li a {
  color: #4a6f8a;
  text-decoration: none;
  display: inline-block;
  text-transform: capitalize;
}

ul.entry-meta li i {
  padding-right: 5px;
  font-style: normal;
}

/* End Entry meta */
/* Widget sidebar */
.sidebar {
  padding-left: 15px;
}

.sidebar .widget {
  margin-top: 30px;
}

.sidebar .widget:first-child {
  margin-top: 0;
}

.sidebar .widget {
  border: 1px solid #eee;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  padding: 30px;
  background-color: #fff;
}

.sidebar .widget .widget-title {
  font-size: 20px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-transform: capitalize;
  position: relative;
}

.sidebar .widget .widget-title::before {
  content: '';
  height: 20px;
  width: 2px;
  left: -30px;
  position: absolute;
}

.sidebar .widget ul {
  padding-left: 17px;
  list-style-type: none;
  margin: 0;
}

.sidebar .widget ul li {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.7;
  font-size: 15px;
  font-weight: 400;
  color: #4a6f8a;
}

.sidebar .widget ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget ul li::before {
  height: 7px;
  width: 7px;
  content: '';
  left: -17px;
  top: 9px;
  position: absolute;
}

.sidebar .widget ul li a {
  color: #4a6f8a;
}

.sidebar .widget ul li a:hover .post_count {
  border: 1px solid;
}

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

.sidebar .widget_search form {
  position: relative;
}

.sidebar .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.sidebar .widget_search form .screen-reader-text {
  display: none;
}

.sidebar .widget_search form .search-field {
  background-color: transparent;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.sidebar .widget_search form button {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  height: 50px;
  width: 50px;
  line-height: 54px;
  font-size: 20px;
  z-index: 1;
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.sidebar .widget_search form button:hover {
  color: #ffffff;
}

.sidebar select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  color: #4a6f8a;
  font-size: 13.5px;
  padding: 8px 15px;
}

.sidebar .nice-select {
  float: unset;
  word-break: break-word;
  width: 100%;
  white-space: inherit;
}

.sidebar .nice-select .option {
  padding-top: 8px;
  padding-bottom: 5px;
}

.sidebar .nice-select ul li::before {
  display: none;
}

.sidebar .nice-select ul {
  padding-top: 12px;
}

.sidebar .nice-select ul li {
  margin-bottom: 0px;
}

.sidebar .nice-select .option.selected.focus {
  display: none;
}

.sidebar .nice-select .list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.sidebar .widget_categories ul li a {
  text-transform: capitalize;
}

.sidebar .widget_categories ul li .children {
  margin-top: 10px;
}

.sidebar .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 10px;
  display: inline-block;
}

.sidebar .widget_pages ul li a {
  text-transform: capitalize;
}

.sidebar .widget_rss ul li {
  margin-bottom: 20px;
}

.sidebar .widget_rss ul li::before {
  top: 10px;
}

.sidebar .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_rss ul li .rsswidget {
  display: block;
  font-weight: 600;
  font-size: 15.5px;
  color: #080a3c;
}

.sidebar .widget_rss ul li .rss-date {
  font-size: 13px;
  margin: 4px 0 10px;
  display: block;
  color: #767676;
}

.sidebar .widget_rss ul li .rssSummary {
  color: #4a6f8a;
  line-height: 25px;
  font-size: 14px;
}

.sidebar .widget_rss ul li cite {
  font-weight: 500;
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-size: 13.5px;
  color: #080a3c;
}

.sidebar .tagcloud a {
  border: 1px solid #eee;
  padding: 6px 13px;
  font-size: 14px !important;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
  margin-right: 4px;
  text-transform: capitalize;
  color: #4a6f8a;
}

.sidebar .tagcloud a:hover {
  color: #fff;
}

.sidebar .widget_text p img {
  margin: 10px 0;
}

.sidebar .widget_text .wp-caption-text {
  border: none;
  text-align: center;
  font-size: 13px;
}

.sidebar .calendar_wrap table {
  margin: 0;
  text-align: center;
}

.sidebar .calendar_wrap table th, .sidebar .calendar_wrap table td {
  font-size: 14px;
  padding: 8px 5px;
}

.sidebar .calendar_wrap table th a, .sidebar .calendar_wrap table td a {
  text-decoration: none;
}

.sidebar .calendar_wrap table #today {
  background-color: #eee;
  font-weight: 500;
}

.sidebar .calendar_wrap caption {
  padding-top: 0;
  color: #393d40;
  caption-side: top;
  font-weight: 600;
}

.sidebar .widget_nav_menu .sub-menu {
  margin-top: 8px;
}

.sidebar .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: 400;
  font-size: 14px;
}

.sidebar .widget_recent_comments .recentcomments a {
  font-weight: 400;
}

.sidebar .widget_media_gallery .gallery {
  margin: 0;
}

.sidebar .widget_media_gallery .gallery .gallery-item {
  margin: 0;
}

.sidebar .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #767676;
  margin-top: 5px;
}

.sidebar p {
  font-size: 14px;
}

.sidebar span.post-count {
  float: right;
}

/*================================================
Blog Details CSS
=================================================*/
.blog-details .blog-meta ul {
  list-style-type: none;
  padding: 0 !important;
  margin: 0 0 10px !important;
  line-height: 1;
}

.blog-details .blog-meta ul li {
  display: inline-block;
  font-size: 14px;
  color: #4a6f8a;
  line-height: 1 !important;
  margin-right: 20px;
  margin-bottom: 10px !important;
  position: relative;
}

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

.blog-details .blog-meta ul li:last-child {
  margin-right: 0;
}

.blog-details .blog-meta ul li:last-child::before {
  display: none;
}

.blog-details .blog-meta ul li a {
  color: #4a6f8a !important;
  text-decoration: none !important;
  text-transform: capitalize;
  display: inline-block;
}

.blog-details .blog-meta ul li i {
  font-style: normal;
  margin-right: 2px;
  position: relative;
  top: 1px;
}

.post-tag-media {
  background-color: #fafafa;
  clear: both;
  margin-top: 20px;
  padding: 10px 25px;
}

.post-tag-media ul {
  padding: 0 !important;
  margin: 0 !important;
}

.post-tag-media ul li {
  display: inline-block;
  margin: 5px 0;
}

.post-tag-media ul li span {
  font-weight: 600;
  margin-right: 5px;
  display: inline-block;
}

.post-tag-media ul li a {
  color: #4a6f8a !important;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 13px;
  border: 1px solid #ececec;
  padding: 3px 15px;
  display: inline-block;
  text-decoration: none !important;
  background-color: #fff;
  border-radius: 30px;
}

.post-tag-media ul li a:hover {
  color: #fff !important;
}

.post-tag-media ul.social-share {
  text-align: right;
}

/* HTML Tags and Formatting */
.blog-details .blog-details-content {
  padding: 30px;
  overflow: hidden;
  border: 1px solid #eee;
  background-color: #fff;
}

.blog-details .blog-details-content .entry-meta {
  margin-top: 10px;
}

.blog-details .blog-details-content .nice-select {
  width: 100%;
  margin-bottom: 10px;
}

.blog-details .blog-details-content .nice-select ul {
  padding-left: 0;
  margin-top: 10px;
}

.blog-details .blog-details-content .nice-select ul li {
  list-style-type: none;
  padding-top: 8px;
  padding-left: 20px;
}

.blog-details .blog-details-content h1 {
  font-size: 30px;
  margin-bottom: 15px;
}

.blog-details .blog-details-content h2 {
  font-size: 30px;
  margin-bottom: 15px;
}

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

.blog-details .blog-details-content h4 {
  font-size: 22px;
  margin-bottom: 15px;
}

.blog-details .blog-details-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
}

.blog-details .blog-details-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
}

.blog-details .blog-details-content p {
  margin-bottom: 18px;
}

.blog-details .blog-details-content p:last-child {
  margin-bottom: 0;
}

.blog-details .blog-details-content p a {
  text-decoration: underline;
}

.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 dt {
  margin-bottom: 5px;
  color: #0d1028;
}

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

.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: 5px;
}

.blog-details .blog-details-content ul li a {
  text-decoration: underline;
}

.blog-details .blog-details-content ul li a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content ul li ol {
  margin: 5px 0 0;
  list-style-type: decimal;
}

.blog-details .blog-details-content ul li ol li {
  list-style-type: decimal;
}

.blog-details .blog-details-content ul li ul {
  margin: 5px 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 ul li ol {
  list-style-type: decimal;
}

.blog-details .blog-details-content ul li ul li ol li {
  list-style-type: decimal;
}

.blog-details .blog-details-content ol {
  padding-left: 20px;
}

.blog-details .blog-details-content ol li {
  line-height: 1.8;
  margin-bottom: 5px;
}

.blog-details .blog-details-content ol li a {
  text-decoration: underline;
}

.blog-details .blog-details-content ol li a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content ol li ol, .blog-details .blog-details-content ol li ul {
  margin: 5px 0 0;
}

.blog-details .blog-details-content b, .blog-details .blog-details-content strong {
  font-weight: 500;
}

.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: #676767;
  color: #fff;
}

.blog-details .blog-details-content mark, .blog-details .blog-details-content ins {
  background: #fff9c0;
  text-decoration: none;
}

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

/* End HTML Tags and Formatting */
/* Template: Comments */
.comments-area {
  background-color: #ffffff;
  padding: 25px;
}

.comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: bold;
}

.comments-area .comments-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.comments-area ol, .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .children {
  margin-left: 20px;
}

.comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 0;
  color: #080a3c;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.comments-area .comment-body .reply {
  margin-top: 15px;
}

.comments-area .comment-body .reply a {
  display: inline-block;
  border: 1px solid;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.comments-area .comment-body .reply a:hover {
  color: #ffffff;
}

.comments-area .comment-meta {
  margin-bottom: .8em;
}

.comments-area .comment-author {
  font-size: 15px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}

.comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

.comments-area .comment-author .fn {
  font-weight: 600;
}

.comments-area .comment-author .fn .url {
  color: #212529 !important;
}

.comments-area .comment-author .says {
  display: none;
}

.comments-area .comment-metadata {
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-size: 12px;
}

.comments-area .comment-content p {
  font-size: 14px;
}

.comments-area .comment-respond .comment-reply-title {
  margin: 0;
  position: relative;
  font-size: 19px;
}

.comments-area .comment-respond .comment-reply-title::before {
  content: '';
  height: 20px;
  width: 2px;
  left: -30px;
  position: absolute;
  top: 2px;
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  font-size: 15px;
  display: inline-block;
}

.comments-area .comment-respond .comment-form {
  overflow: hidden;
}

.comments-area .comment-respond .comment-notes {
  margin-bottom: 0;
  margin-top: 15px;
}

.comments-area .comment-respond .comment-notes .required {
  color: red;
}

.comments-area .comment-respond .comment-form-comment {
  margin-top: 15px;
  float: left;
  width: 100%;
}

.comments-area .comment-respond label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #565656;
}

.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 8px;
  background-color: #F6F4F7;
}

.comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
}

.comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
}

.comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
}

.comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  color: #4a6f8a;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 2px;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  font-weight: normal;
}

.comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.comments-area .comment-respond .form-submit input {
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 15px;
}

.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  border: none;
}

.comments-area .comments-title {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-bottom: 10px;
}

.comments-area .comments-title::before {
  content: '';
  height: 24px;
  width: 3px;
  left: -32px;
  position: absolute;
}

.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: 22px;
  margin-bottom: 15px;
}

.comments-area .comment-content h4 {
  font-size: 20px;
  margin-bottom: 15px;
}

.comments-area .comment-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
}

.comments-area .comment-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
}

.comments-area .comment-content p {
  margin-bottom: 10px;
  font-size: 14px;
}

.comments-area .comment-content p:last-child {
  margin-bottom: 0;
}

.comments-area .comment-content p a {
  text-decoration: underline;
}

.comments-area .comment-content p a:hover {
  text-decoration: none;
}

.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;
  color: #0d1028;
}

.comments-area .comment-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.comments-area .comment-content dd a {
  text-decoration: underline;
}

.comments-area .comment-content dd a:hover {
  text-decoration: none;
}

.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: 5px;
}

.comments-area .comment-content ul li ul {
  margin: 5px 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: 5px;
  list-style-type: decimal;
}

.comments-area .comment-content ol li ol {
  margin: 5px 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: #676767;
}

.comments-area .comment-content mark, .comments-area .comment-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.comments-area .comment-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
  background: #fafafa;
}

.comments-area .comment-content abbr, .comments-area .comment-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

.comments-area blockquote {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
}

/* End Template: Comments */
/* Comments list style */
#comments {
  clear: both;
  padding: 30px;
  margin-top: 30px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #eee;
}

#comments .comment-list {
  margin: 0 0 30px;
  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 #eee;
  margin-left: 65px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#comments .comment-list .comment-body .comment-content img {
  margin: 7px 0;
}

#comments .comment-list .comment-body .reply {
  margin-top: 15px;
}

#comments .comment-list .comment-body .reply a {
  border: 1px solid;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7px 15px;
  line-height: 1;
  border-radius: 30px;
  font-size: 11px;
  text-decoration: none;
}

#comments .comment-list .comment-body .reply a:hover {
  color: #fff;
}

#comments .comment-author {
  font-size: 15px;
  margin-bottom: 0.4em;
  position: relative;
  text-transform: capitalize;
  z-index: 2;
}

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

#comments .comment-meta {
  margin-bottom: 1em;
}

#comments .comment-metadata {
  color: #615b5b;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#comments .comment-metadata a {
  color: #615b5b;
}

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

/* End Comments list style */
/* Comment form */
.comment-respond .comment-reply-title {
  margin-bottom: 15px;
  font-size: 18px;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-bottom: 10px;
}

.comment-respond .comment-reply-title::before {
  content: '';
  height: 24px;
  width: 3px;
  left: -32px;
  position: absolute;
}

.comment-respond form {
  overflow: hidden;
}

.comment-respond form label {
  display: block;
  color: #444967;
  margin-bottom: 10px;
}

.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: #fff;
  border: 1px solid #eee;
  border-radius: 0;
  color: #686868;
  padding: 0.625em 0.4375em;
  width: 100%;
  height: 45px;
}

.comment-respond textarea {
  height: auto !important;
}

.comment-respond .form-submit {
  text-align: left;
  margin-top: 0;
}

.comment-respond .form-submit input {
  border: 1px solid;
  color: #fff;
  padding: 15px 25px;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
  font-size: 12px;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: .5s;
  -webkit-transition: .5s;
}

.comment-respond .form-submit input:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.comment-respond input:focus, .comment-respond textarea:focus {
  outline: 0;
  border: 1px solid;
}

.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: 14px;
  color: #4a6f8a;
}

.comment-respond p.comment-notes {
  line-height: 25px;
  font-size: 14px;
  margin-top: 5px;
}

.comment-respond p.comment-form-comment {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.comment-respond p.comment-form-author {
  width: 50%;
  float: left;
  padding-right: 12px;
  margin-bottom: 0;
}

.comment-respond p.comment-form-email {
  width: 50%;
  float: left;
  padding-left: 12px;
  margin-bottom: 0;
}

.comment-respond p.comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.comment-respond p.comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  color: #ff612f;
}

.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: 15px !important;
  margin-bottom: 0;
}

.comment-respond p.logged-in-as a {
  text-decoration: none;
  font-size: 14px;
}

.comment-respond p.logged-in-as a:hover {
  text-decoration: none;
}

.comment-respond .required {
  color: red;
}

/* End Comment form */
/* Unit test all post style */
.wp-block-image {
  margin-bottom: 20px;
}

.wp-block-image figcaption {
  font-size: 14px;
  margin-top: 12px;
  text-align: center;
}

.wp-block-image figcaption a {
  text-decoration: underline;
}

.wp-block-image figcaption a:hover {
  text-decoration: none;
}

.wp-block-button {
  margin: 20px 0;
  clear: both;
}

.wp-block-button .wp-block-button__link {
  font-size: 16px;
  border-radius: 5px;
}

.wp-block-button .wp-block-button__link br {
  display: none;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: #222;
  color: #fff;
}

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

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: #eaeaea;
}

.wp-block-verse {
  font-family: IRANSansFa,IRANSans !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;
  color: #4a6f8a;
}

.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: #4a6f8a;
}

.wp-block-archives .post-count {
  margin-left: 10px;
  color: #4a6f8a;
}

.wp-block-categories-dropdown select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  font-size: 14px;
  padding: 8px 15px;
  color: #4a6f8a;
  margin-bottom: 20px;
}

.wp-block-latest-comments {
  padding: 0 !important;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  font-weight: 500;
  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: 500;
}

.blog-details-area {
  background: #F6F4F7;
}

.blog-details-area iframe, .blog-details-area video {
  width: 100%;
}

.wp-block-gallery {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wp-block-gallery .blocks-gallery-item {
  margin-bottom: 15px !important;
}

.wp-block-gallery .blocks-gallery-grid {
  padding: 0 !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.wp-block-search .wp-block-search__input {
  height: 45px;
  border: 1px solid #eee;
  font-size: 14px;
  padding: 8px 15px;
  color: #4a6f8a;
  margin-bottom: 20px;
}

.wp-block-search .wp-block-search__button {
  height: 45px;
  border: 1px solid #eee;
  color: #ffffff;
  padding: 10px 25px;
}

.wp-block-search .wp-block-search__button:hover {
  background-color: #080a3c;
}

.wp-block-tag-cloud .tag-cloud-link {
  border: 1px solid #eee;
  padding: 6px 13px;
  font-size: 14px !important;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
  margin-right: 4px;
  text-transform: capitalize;
  color: #4a6f8a !important;
  text-decoration: none !important;
}

.wp-block-tag-cloud .tag-cloud-link:hover {
  color: #ffffff !important;
}

.wp-block-cover {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-cover p.wp-block-cover-text {
  font-weight: 500;
  margin-bottom: 20px !important;
  font-size: 30px !important;
  line-height: 1.5;
  color: #fff;
}

.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: 15px 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: #fff;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color cite {
  color: #fff;
  font-style: normal;
}

.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: 14px;
  line-height: 20px;
  margin: 0;
  text-align: center;
  padding: 15px 0 0;
  color: #4a6f8a;
}

.wp-caption .wp-caption-text a {
  text-decoration: underline;
}

.wp-caption .wp-caption-text a:hover {
  text-decoration: none;
}

.has-very-light-gray-color.has-very-light-gray-color {
  color: #fff;
}

/* Text meant only for screen readers. */
.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;
  /* Above WP toolbar. */
}

.gallery-caption {
  z-index: 99990;
}

.bypostauthor {
  z-index: 99990;
}

/* 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: 13px;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 10px;
  color: #4a6f8a;
}

.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 */
/* Pingback style */
.comments-area .comment-list .trackback .comment-body {
  margin-left: 0 !important;
  font-size: 15px !important;
}

.comments-area .comment-list .trackback .comment-body a {
  text-decoration: underline;
  color: red !important;
}

.comments-area .comment-list .trackback .comment-body a:hover {
  text-decoration: none;
}

.comments-area .comment-list .trackback a.url {
  margin-top: 5px;
  font-size: 14px;
}

.comments-area .comment-list .pingback .comment-body {
  margin-left: 0 !important;
  font-size: 15px !important;
}

.comments-area .comment-list .pingback .comment-body a {
  color: red !important;
  text-decoration: underline;
}

.comments-area .comment-list .pingback .comment-body a:hover {
  text-decoration: none;
}

.comments-area .comment-list .pingback a.url {
  margin-top: 5px;
  font-size: 14px;
}

/* End Pingback style */
/* Post password form style */
.post-password-form label {
  font-weight: 600;
  font-size: 15px;
}

.post-password-form label input {
  border: 1px solid #ccc;
  height: 45px;
  margin: 0 10px;
  padding: 6px 15px;
  cursor: pointer;
}

.post-password-form label input:focus {
  outline: 0;
}

.post-password-form label input:hover {
  border: 1px solid;
  color: #fff;
}

.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 {
  border: 1px solid;
  color: #fff;
}

/* End Post password form 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 {
  display: inline-block;
  border: 1px solid #ded9d9;
  padding: 7px 18px;
  background: #ffffff;
  font-size: 14px;
  font-weight: normal;
  text-transform: capitalize;
}

.comment-navigation .nav-links .nav-previous a:hover {
  color: #ffffff;
}

.comment-navigation .nav-links .nav-next {
  float: right;
}

.comment-navigation .nav-links .nav-next a {
  display: inline-block;
  border: 1px solid #ded9d9;
  background: #ffffff;
  padding: 7px 18px;
  font-size: 14px;
  font-weight: normal;
  text-transform: capitalize;
}

.comment-navigation .nav-links .nav-next a:hover {
  color: #ffffff;
}

/* End Comment navigation */
/* Resent posts with thumb */
.widget_stike_posts_thumbs .item {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.widget_stike_posts_thumbs .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.widget_stike_posts_thumbs .item .thumb {
  float: left;
  height: 66px;
  overflow: hidden;
  position: relative;
  width: 66px;
  margin-right: 15px;
}

.widget_stike_posts_thumbs .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-position: center center !important;
}

.widget_stike_posts_thumbs .item .info {
  overflow: hidden;
}

.widget_stike_posts_thumbs .item .info .title {
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
  font-weight: 600;
}

.widget_stike_posts_thumbs .item .info .title a {
  color: #212529;
}

.widget_stike_posts_thumbs .item .info time {
  display: block;
  font-size: 12px;
  color: #767676;
  text-transform: capitalize;
  margin-top: 3px;
  margin-bottom: 3px;
}

.widget_stike_posts_thumbs .no-thumb .info time {
  margin-top: 0;
}

/* End Resent posts with thumb */
/* Unit test pages style
====================================================================*/
/* 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: 13px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.screen-reader-text {
  display: none;
}

/* End WP core style */
/* Page Markup And Formatting */
.page-main-content {
  padding-top: 70px;
  padding-bottom: 70px;
  overflow: hidden;
}

.page-main-content h1 {
  font-size: 35px;
  margin-bottom: 15px;
}

.page-main-content h2 {
  font-size: 30px;
  margin-bottom: 15px;
}

.page-main-content h3 {
  font-size: 25px;
  margin-bottom: 15px;
}

.page-main-content h4 {
  font-size: 20px;
  margin-bottom: 15px;
}

.page-main-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
}

.page-main-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
}

.page-main-content p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-main-content p:first-child {
  margin-top: 0;
}

.page-main-content p img.size-full.wp-image-904.alignright {
  margin: 15px 0 20px 20px;
}

.page-main-content .entry-content a {
  text-decoration: underline;
}

.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;
  font-size: 15px;
  line-height: 26px;
}

.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: #616161;
}

.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;
  background: #f1f1f1;
  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;
}

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

table td, table th {
  padding: 12px 10px;
  border: 1px solid #eaeaea;
}

table td a {
  font-weight: 600;
  text-decoration: underline;
}

table td a:hover {
  text-decoration: none;
}

table th a {
  text-decoration: underline;
}

table th a:hover {
  text-decoration: none;
}

table tbody tr th {
  font-weight: 500;
}

.stike-single-blank-page {
  height: 320px;
}

/* End Page Markup And Formatting */
/* Post search not found form */
.no-results {
  -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);
  background-color: #ffffff;
  padding: 35px;
}

.no-results h1.page-title {
  font-size: 25px;
  font-weight: 500;
}

.no-results form {
  position: relative;
}

.no-results form label {
  display: block;
  margin-bottom: 0;
}

.no-results form .screen-reader-text {
  display: none;
}

.no-results form .search-field {
  background-color: #f6f4f7;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #f6f4f7;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.no-results form button {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  z-index: 1;
  font-size: 20px;
  line-height: 55px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: none;
  color: #ffffff;
  background-color: transparent;
}

.no-results form button::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.no-results form button::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.no-results form button:hover::before {
  opacity: 0;
  visibility: hidden;
}

.no-results form button:hover::after {
  opacity: 1;
  visibility: visible;
}

/* End Post search not found form */
/* Single footer widget  */
.footer-p {
  padding-top: 32px;
}

.footer-area .logo h2 {
  font-size: 22px;
  color: #fff;
  padding-bottom: 15px;
  border-bottom: 1px solid #192129;
  position: relative;
  margin-bottom: 20px;
}

.footer-area .logo h2::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1.2px;
  width: 45px;
}

.footer-area .single-footer-widget {
  margin-bottom: 30px;
}

.footer-area .single-footer-widget img.alignnone.size-full {
  margin: 15px 0 30px;
}

.footer-area .single-footer-widget h3 {
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #192129;
  color: #ffffff;
  font-size: 22px;
}

.footer-area .single-footer-widget h3::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1.2px;
  width: 45px;
}

.footer-area .single-footer-widget h3 a {
  color: #e4e4e4 !important;
}

.footer-area .single-footer-widget p {
  color: #e4e4e4 !important;
}

.footer-area .single-footer-widget ul {
  padding-left: 17px;
  list-style-type: none;
  margin: 0;
}

.footer-area .single-footer-widget ul li {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.8;
  font-weight: 300;
  color: #e4e4e4 !important;
}

.footer-area .single-footer-widget ul li:last-child {
  margin-bottom: 0;
}

.footer-area .single-footer-widget ul li::before {
  height: 7px;
  width: 7px;
  content: '';
  left: -17px;
  top: 9px;
  position: absolute;
}

.footer-area .single-footer-widget ul li a {
  color: #e4e4e4;
  -webkit-transition: prop time;
  transition: prop time;
}

.footer-area .single-footer-widget .item .info time {
  color: #d3d3d3;
}

.footer-area .widget_search form {
  position: relative;
}

.footer-area .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.footer-area .widget_search form .screen-reader-text {
  display: none;
}

.footer-area .widget_search form .search-field {
  background-color: white;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-area .widget_search form button {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  color: #fff;
  z-index: 1;
  line-height: 54px;
  font-size: 20px;
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-area .widget_search form button:hover {
  color: #ffffff;
}

.footer-area select {
  height: 45px;
  border: 1px solid #fff;
  width: 100%;
  font-size: 15px;
  color: #080a3c;
  padding: 8px 15px;
}

.footer-area .nice-select {
  float: unset;
  word-break: break-word;
  width: 100%;
  white-space: inherit;
}

.footer-area .nice-select .option {
  padding-top: 8px;
  padding-bottom: 5px;
}

.footer-area .nice-select ul li::before {
  display: none;
}

.footer-area .nice-select ul {
  padding-top: 12px;
}

.footer-area .nice-select ul li {
  margin-bottom: 0px;
}

.footer-area .nice-select .option.selected.focus {
  display: none;
}

.footer-area .nice-select .list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.footer-area .widget_categories ul li a {
  display: inline-block;
  text-transform: capitalize;
}

.footer-area .widget_categories ul li .children {
  margin-top: 10px;
}

.footer-area .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 10px;
  display: inline-block;
}

.footer-area .widget_pages ul li a {
  text-transform: capitalize;
}

.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: 15.5px;
  color: #e4e4e4 !important;
}

.footer-area .widget_rss ul li .rss-date {
  font-size: 12px;
  margin: 7px 0 10px;
  display: block;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #e4e4e4 !important;
}

.footer-area .widget_rss ul li cite {
  color: #e4e4e4 !important;
  display: block;
  margin-top: 10px;
  font-style: normal;
}

.footer-area .widget_rss ul li .rssSummary {
  color: #e4e4e4 !important;
}

.footer-area .tagcloud a {
  border: 1px solid #eee;
  display: inline-block;
  padding: 5px 12px;
  font-size: 14px !important;
  margin: 5px 5px 5px 0;
  text-transform: capitalize;
  background: #fff;
}

.footer-area .tagcloud a:hover {
  color: #fff;
}

.footer-area .widget_text p {
  margin-top: 5px;
}

.footer-area .widget_text p:first-child {
  margin-top: 0;
}

.footer-area .widget_text p strong {
  font-size: 14px;
}

.footer-area .widget_text p img {
  margin: 10px 0;
  max-width: 100%;
  width: auto;
}

.footer-area .calendar_wrap table {
  text-align: center;
  margin: 0;
  background: #fff;
}

.footer-area .calendar_wrap table caption {
  color: #fff;
}

.footer-area .calendar_wrap table th, .footer-area .calendar_wrap table td {
  font-size: 14px;
  padding: 8px 5px;
}

.footer-area .calendar_wrap table th a, .footer-area .calendar_wrap table td a {
  text-decoration: none;
}

.footer-area .calendar_wrap table #today {
  text-decoration: none;
  font-weight: 400;
}

.footer-area .calendar_wrap table #today a {
  text-decoration: none;
}

.footer-area .calendar_wrap table #prev, .footer-area .calendar_wrap table #next {
  font-size: 14px;
}

.footer-area .calendar_wrap table #prev a, .footer-area .calendar_wrap table #next a {
  text-decoration: none;
}

.footer-area .calendar_wrap caption {
  caption-side: top;
  font-weight: 600;
  padding: 0 0 15px;
  line-height: 1;
  color: #e4e4e4;
}

.footer-area .widget_nav_menu .sub-menu {
  margin-top: 8px;
}

.footer-area .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: 500;
  font-size: 14px;
}

.footer-area .widget_recent_comments .recentcomments a {
  color: #e4e4e4 !important;
}

.footer-area .widget_media_gallery .gallery {
  margin: 0;
}

.footer-area .widget_media_gallery .gallery .gallery-item {
  margin: 0;
}

.footer-area .widget_recent_entries ul li {
  line-height: 1.5;
}

.footer-area .widget_recent_entries ul li a {
  font-weight: 600;
  font-size: 14px;
  color: #e4e4e4 !important;
}

.footer-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 5px;
}

.footer-area span.post-count {
  float: right;
  color: #e4e4e4 !important;
}

.footer-area img.rss-widget-icon {
  margin-top: -5px;
}

.footer-area .nice-select .current {
  display: block;
  padding-top: 1px;
}

.footer-area .nice-select ul li {
  color: #0c0c0c !important;
  text-transform: capitalize;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

.navbar-area.navbar-style-two .luvion-responsive-nav .logo a .main-logo {
  display: none !important;
}

/* End Single footer widget */
span.wpcf7-not-valid-tip {
  font-size: 13px;
  font-weight: 300;
  margin-top: 10px;
}

div.wpcf7-response-output {
  margin: 30px 0.5em 1em;
  padding: 20px 25px;
  color: #4a6f8a;
  text-align: center;
  background-color: #ffffff;
}

.wp-block-embed {
  margin-bottom: 30px;
}

.wp-block-embed figcaption {
  text-align: center;
}

.message-left img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}

.message-right img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}

.wp-block-group.has-background {
  padding: 20px;
}

.demo-rtl {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 9999;
  -webkit-box-shadow: 0 5px 1px #ff612f;
          box-shadow: 0 5px 1px #ff612f;
  width: 49px;
  color: #fff;
  border-radius: 0px 5px 5px 0px;
  background: #13c4a1;
  margin-top: -35px;
  font-weight: 600;
  padding: 10px 10px;
}

.demo-rtl:hover {
  color: #ffffff;
  background-color: #ff612f;
  -webkit-box-shadow: 0 5px 1px #13c4a1;
          box-shadow: 0 5px 1px #13c4a1;
}

/*================================================
Main Banner CSS
=================================================*/
.hero-banner {
  position: relative;
  z-index: 1;
  padding-top: 180px;
  padding-bottom: 80px;
}

.hero-banner::before {
  content: '';
  position: absolute;
  left: 0;
  height: 30%;
  width: 100%;
  z-index: -1;
  bottom: 0;
  background-image: url(../../assets/img/home-shape.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

.hero-banner-content h1 {
  margin-bottom: 15px;
  font-size: 50px;
  font-weight: 700;
}

.hero-banner-content h1 span {
  color: #13c4a1;
}

.hero-banner-content p {
  margin-bottom: 0;
}

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

.hero-banner-content .btn-box .default-btn i {
  color: #ffffff;
}span.gfield_required.gfield_required_text {
    display: none;
}