/*
@File: Endless Addons Template Styles

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

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

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

** - Default CSS
*/
/*================================================
Default CSS
=================================================*/
:root {
  --fontFamily: 'Rubik', sans-serif;
  --headingFontFamily: 'Montserrat', sans-serif;
  --mainColor: #2833ff;
  --gradientColor: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff);
  --optionalColor: #666666;
  --whiteColor: #ffffff;
  --blackColor: #222222;
  --fontSize: 16px;
  --transition: .5s;
}

body {
  margin: 0;
  padding: 0;
  color: var(--blackColor);
  font-size: var(--fontSize);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--blackColor);
  font-weight: 700;
  font-family: var(--headingFontFamily);
}

a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
  text-decoration: none;
  outline: 0 !important;
}

a:hover {
  color: var(--mainColor);
  text-decoration: none;
}

:focus {
  outline: 0 !important;
}

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

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

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

p {
  color: #666666 !important;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 1.8 !important;
}

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

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

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

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

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

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

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

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

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

.container {
  max-width: 1140px;
}

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

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

.bg-100f1f {
  background-color: #100f1f;
}

.bg-100f1f .section-title h2 {
  color: var(--whiteColor);
}

.bg-100f1f .section-title p {
  color: var(--whiteColor) !important;
  opacity: .90;
}

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

.bg-242424 .section-title h2 {
  color: var(--whiteColor) !important;
}

.bg-242424 .section-title p {
  color: var(--whiteColor) !important;
  opacity: .90;
}

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

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

.section-title p {
  margin-top: 12px;
}

/*default-btn*/
.default-btn {
  display: inline-block;
  text-align: center;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  border: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  position: relative;
  z-index: 1;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px #ebebeb;
          box-shadow: 3px 3px #ebebeb;
  padding-top: 14px !important;
  padding-bottom: 13px !important;
  padding-left: 58px;
  padding-right: 30px;
  font-size: 15px;
  font-weight: 800;
}

.default-btn i {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
}

.default-btn::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 5px;
  bottom: 0;
  background: var(--gradientColor);
  z-index: -1;
  content: '';
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.default-btn:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.default-btn:hover::before {
  opacity: 0;
  visibility: hidden;
}

/*================================================
Navbar Area CSS
=================================================*/
.ea-navbar-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 9;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ea-navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: var(--whiteColor) !important;
  -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);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.ea-responsive-nav {
  display: none;
}

.ea-nav .navbar {
  padding: 0;
}

.ea-nav .navbar .navbar-brand {
  font-size: inherit;
  line-height: 1;
  padding: 0;
}

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

.ea-nav .navbar .navbar-nav {
  margin-left: auto;
}

.ea-nav .navbar .navbar-nav .nav-item {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}

.ea-nav .navbar .navbar-nav .nav-item a {
  position: relative;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 14.5px;
  font-weight: 600;
  font-family: var(--headingFontFamily);
  padding-left: 0;
  padding-right: 0;
  padding-top: 25px;
  padding-bottom: 25px;
}

.ea-nav .navbar .navbar-nav .nav-item a:hover, .ea-nav .navbar .navbar-nav .nav-item a:focus, .ea-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColor);
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-toggle {
  padding-right: 14px;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after {
  display: none;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
  position: absolute;
  content: "\e9ac";
  line-height: 1;
  right: -2px;
  top: 28px;
  font-family: 'boxicons';
  font-size: 15px;
}

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

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

.ea-nav .navbar .navbar-nav .nav-item:hover a, .ea-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColor);
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  left: 0;
  top: 70px;
  opacity: 0;
  z-index: 99;
  border: none;
  width: 250px;
  margin-top: 0;
  display: block;
  padding: 10px 0;
  border-radius: 0;
  position: absolute;
  visibility: hidden;
  background: var(--whiteColor);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -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);
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  margin: 0;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  display: block;
  padding: 9px 20px;
  position: relative;
  color: var(--blackColor);
  font-size: 14px;
  font-weight: 600;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
  top: 50%;
  margin: 0;
  right: 15px;
  font-size: 15px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus {
  color: var(--mainColor);
  padding-left: 25px;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor);
  padding-left: 20px;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
  color: var(--mainColor);
  padding-left: 25px;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor);
  padding-left: 20px;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
  padding-left: 25px;
  color: var(--mainColor);
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  padding-left: 20px;
  color: var(--blackColor);
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
  color: var(--mainColor);
  padding-left: 25px;
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColor);
}

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

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColor);
}

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

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColor);
}

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

.ea-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColor);
}

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

.ea-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.ea-nav .navbar .others-option {
  margin-left: 30px;
}

.ea-nav .navbar .others-option .option-item {
  position: relative;
  margin-left: 30px;
}

.ea-nav .navbar .others-option .option-item:first-child {
  margin-left: 0;
}

.ea-nav .navbar .others-option .option-item .default-btn {
  border-radius: 30px;
  color: var(--mainColor);
  background-color: #e8e9ff;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.ea-nav .navbar .others-option .option-item .default-btn::before {
  display: none;
}

.ea-nav .navbar .others-option .option-item .default-btn:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.ea-nav .navbar .others-option .option-item .link-btn {
  display: inline-block;
  font-weight: 600;
}

.others-option-for-responsive {
  display: none;
}

.others-option-for-responsive .dot-menu {
  top: -35px;
  right: 60px;
  height: 30px;
  z-index: 999;
  padding: 0 10px;
  cursor: pointer;
  position: absolute;
}

.others-option-for-responsive .dot-menu .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
}

.others-option-for-responsive .dot-menu .inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--blackColor);
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: var(--mainColor);
}

.others-option-for-responsive .container {
  position: relative;
}

.others-option-for-responsive .container .container {
  right: 0;
  top: 15px;
  opacity: 0;
  z-index: 2;
  max-width: 300px;
  margin-left: auto;
  visibility: hidden;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-left: 15px;
  padding-right: 15px;
}

.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.others-option-for-responsive .option-inner {
  padding: 15px 20px;
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
  background-color: var(--whiteColor);
  text-align: center;
}

.others-option-for-responsive .option-inner .others-option .option-item {
  position: relative;
  margin-left: 20px;
}

.others-option-for-responsive .option-inner .others-option .option-item:first-child {
  margin-left: 0;
}

.others-option-for-responsive .option-inner .others-option .option-item .default-btn {
  border-radius: 20px;
  color: var(--mainColor);
  background-color: #e8e9ff;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.others-option-for-responsive .option-inner .others-option .option-item .default-btn::before {
  display: none;
}

.others-option-for-responsive .option-inner .others-option .option-item .default-btn:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.others-option-for-responsive .option-inner .others-option .option-item .link-btn {
  display: inline-block;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .ea-navbar-area {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .ea-navbar-area.bg-white {
    border: none;
  }
  .ea-navbar-area.is-sticky {
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .ea-responsive-nav {
    display: block;
  }
  .ea-responsive-nav .ea-responsive-menu {
    position: relative;
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .mean-nav {
    margin-top: 59px;
    background-color: var(--whiteColor);
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .mean-nav ul {
    font-size: 14px;
    border: none !important;
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .mean-nav ul li a {
    color: var(--blackColor);
    border-top-color: #DBEEFD;
    text-transform: unset;
    font-weight: 500;
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .mean-nav ul li a i {
    display: none;
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
    width: 50%;
    height: 28px;
    text-align: right;
    padding: 11px !important;
    background: transparent !important;
    border-left: none !important;
    border-bottom: none !important;
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .mean-nav ul li a.active {
    color: var(--startupMainColor);
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 14px;
  }
  .ea-responsive-nav .ea-responsive-menu.mean-container .navbar-nav {
    height: auto;
    overflow-y: scroll;
    -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);
  }
  .ea-responsive-nav .mean-container a.meanmenu-reveal {
    top: 0;
    padding: 0;
    width: 35px;
    height: 30px;
    color: var(--blackColor);
    font-family: var(--fontFamily);
  }
  .ea-responsive-nav .mean-container a.meanmenu-reveal span {
    background: var(--blackColor);
    height: 4px;
    margin-top: -6px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .ea-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
  }
  .ea-responsive-nav .dropdown-toggle::after {
    display: none !important;
  }
  .ea-responsive-nav .others-option {
    display: none !important;
    position: absolute;
    right: 60px;
    top: 16px;
  }
  .ea-responsive-nav .others-option .option-item {
    position: relative;
    margin-left: 20px;
    display: inline-block;
  }
  .ea-responsive-nav .others-option .option-item:first-child {
    margin-left: 0;
  }
  .ea-responsive-nav .others-option .option-item .search-icon {
    line-height: 1;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    color: var(--blackColor);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 20px;
  }
  .ea-responsive-nav .others-option .option-item .search-icon:hover {
    color: var(--startupMainColor);
  }
  .ea-responsive-nav .others-option .option-item .social-links {
    position: relative;
    top: -1px;
  }
  .ea-responsive-nav .others-option .option-item .social-links span {
    display: inline-block;
    margin-left: 15px;
    line-height: 1;
  }
  .ea-responsive-nav .others-option .option-item .social-links span a {
    font-size: 17px;
    display: block;
  }
  .ea-responsive-nav .others-option .option-item .social-links span a:hover {
    color: var(--startupMainColor);
  }
  .ea-responsive-nav .others-option .option-item .social-links span:first-child {
    margin-left: 0;
  }
  .ea-responsive-nav .logo {
    position: relative;
    width: 50%;
    z-index: 999;
  }
  .ea-nav {
    display: none;
  }
  .others-option-for-responsive {
    display: block;
  }
}

/*================================================
Banner Area CSS
=================================================*/
.banner-area {
  padding-top: 70px;
  padding-bottom: 30px;
  background-image: url(../../assets/img/banner-bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-area .container {
  max-width: 1370px;
}

.banner-content {
  margin-left: auto;
  max-width: 555px;
}

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

.banner-content h6 {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 25px;
  font-weight: 400;
}

.banner-content h6 span {
  font-weight: 500;
  color: var(--mainColor);
}

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

.banner-content .btn-box .default-btn {
  margin-left: 8px;
  margin-right: 5px;
}

.banner-content .btn-box .default-btn:nth-child(2) {
  -webkit-box-shadow: 3px 3px #dbdae2;
          box-shadow: 3px 3px #dbdae2;
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.banner-content .btn-box .default-btn:nth-child(2)::before {
  display: none;
}

.banner-content .btn-box .default-btn:nth-child(2):hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.banner-content .btn-box .default-btn:last-child {
  margin-right: 0;
}

.banner-content .btn-box .default-btn:first-child {
  margin-left: 0;
}

.banner-image {
  text-align: center;
  margin-top: 50px;
}

/*================================================
Intro Area CSS
=================================================*/
.intro-video-box {
  text-align: center;
  max-width: 720px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  margin-top: -30px;
  padding-top: 30px;
  padding-bottom: 40px;
}

.intro-video-box img {
  border: 10px solid var(--whiteColor) !important;
  -webkit-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.1) !important;
  -webkit-transition: var(--transition) !important;
  transition: var(--transition) !important;
}

.intro-video-box .video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 70px;
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.intro-video-box .video-btn i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.intro-video-box .video-btn:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.intro-video-box::before {
  content: '';
  position: absolute;
  left: 0;
  right: -50px;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-image: url(../../assets/img/shape/shape1.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}

.intro-video-box:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.single-intro-box {
  margin-bottom: 30px;
}

.single-intro-box .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 5px;
  background-color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 70px;
  font-size: 35px;
  color: var(--mainColor);
  margin-bottom: 25px;
  text-shadow: 3px 6px #ebebeb;
}

.single-intro-box h3 {
  font-size: 24px;
  margin-bottom: 12px;
}

.single-intro-box p {
  font-size: 15px;
}

.single-intro-box:hover .icon {
  border-radius: 50%;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  text-shadow: unset;
}

/*================================================
Elements Area CSS
=================================================*/
.ea-single-example-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  border-radius: 5px;
  text-align: center;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding: 25px 20px;
  position: relative;
}

.ea-single-example-box .icon {
  margin-bottom: 10px;
  position: relative;
  font-size: 50px;
  color: var(--mainColor);
}

.ea-single-example-box .icon i {
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  text-shadow: 2px 4px #caebce;
}

.ea-single-example-box .link-btn {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
}

.ea-single-example-box h3 {
  margin-bottom: 0;
  font-size: 18px;
}

.ea-single-example-box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.15);
}

.ea-single-example-box.with-box-shadow {
  -webkit-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.06);
}

.btn-extra-box {
  text-align: center;
  margin-top: 20px;
}

/*================================================
Feedback Area CSS
=================================================*/
.ea-feedback-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-feedback-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-feedback-section-title .sub-title {
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 800;
}

.ea-feedback-section-title h2 {
  font-size: 36px;
  margin-bottom: 12px;
}

.ea-feedback-section-title .custom-owl-nav {
  margin-top: 25px;
}

.ea-feedback-section-title .custom-owl-nav [class*=owl-] {
  background-color: var(--whiteColor);
  border-radius: 4px;
  -webkit-box-shadow: 3px 3px #ebebeb;
          box-shadow: 3px 3px #ebebeb;
  color: var(--mainColor);
  margin: 0;
  border: none;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-left: 35px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  font-family: var(--headingFontFamily);
}

.ea-feedback-section-title .custom-owl-nav [class*=owl-] i {
  position: absolute;
  left: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  font-size: 22px;
}

.ea-feedback-section-title .custom-owl-nav [class*=owl-].custom-owl-next {
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 35px;
}

.ea-feedback-section-title .custom-owl-nav [class*=owl-].custom-owl-next i {
  left: auto;
  right: 13px;
}

.ea-feedback-section-title .custom-owl-nav [class*=owl-]:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.ea-feedback-slides {
  z-index: 1;
  position: relative;
}

.ea-feedback-slides::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: var(--gradientColor);
  border-radius: 5px;
  z-index: -1;
}

.ea-feedback-slides .owl-stage-outer {
  right: -70px;
}

.ea-feedback-slides .ea-single-feedback-box {
  margin-top: 70px;
  margin-right: 70px;
  margin-bottom: 70px;
}

.ea-single-feedback-box {
  padding: 40px;
  border-radius: 5px;
  text-align: center;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}

.ea-single-feedback-box i {
  line-height: 1;
  color: #c7c7e2;
  font-size: 80px;
  display: inline-block;
  margin-top: -15px;
  margin-bottom: 10px;
}

.ea-single-feedback-box p {
  font-size: 18px;
}

.ea-single-feedback-box .client-info {
  margin-top: 20px;
}

.ea-single-feedback-box .client-info img {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 7px;
}

.ea-single-feedback-box .client-info .title {
  text-align: left;
  margin-left: 7px;
}

.ea-single-feedback-box .client-info .title h3 {
  font-size: 18px;
  margin-bottom: 5px;
}

.ea-single-feedback-box .client-info .title span {
  color: #666666;
  display: block;
  font-size: 14.5px;
}

/*================================================
Free & Pro Area CSS
=================================================*/
.free-pro-area {
  background-image: url(../../assets/img/bg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.free-pro-content h2 {
  margin-bottom: 15px;
  font-size: 36px;
}

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

.free-pro-content .btn-box .default-btn {
  margin-left: 8px;
  margin-right: 8px;
}

.free-pro-content .btn-box .default-btn:nth-child(2) {
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.free-pro-content .btn-box .default-btn:nth-child(2)::before {
  display: none;
}

.free-pro-content .btn-box .default-btn:nth-child(2):hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.free-pro-content .btn-box .default-btn:last-child {
  margin-right: 0;
}

.free-pro-content .btn-box .default-btn:first-child {
  margin-left: 0;
}

/*================================================
Get Started Area CSS
=================================================*/
.get-started-area.bg-shape {
  position: relative;
  z-index: 1;
}

.get-started-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -100px;
  height: 100px;
  z-index: -1;
  background-image: url(../../assets/img/shape/shape5.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.get-started-image {
  text-align: center;
  padding-right: 15px;
}

.get-started-content {
  padding-left: 15px;
}

.get-started-content .sub-title {
  display: block;
  margin-bottom: 12px;
  font-size: var(--fontSize);
  font-weight: 800;
}

.get-started-content h2 {
  font-size: 36px;
  margin-bottom: 12px;
}

.get-started-content .default-btn {
  margin-top: 10px;
}

/*================================================
Page Banner Area CSS
=================================================*/
.ea-page-banner-area {
  z-index: 1;
  overflow: hidden;
  position: relative;
  background-color: var(--mainColor);
  padding-top: 135px;
  padding-bottom: 100px;
}

.ea-page-banner-area::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: -1;
  content: '';
  position: absolute;
  background-color: var(--whiteColor);
  -webkit-clip-path: polygon(0 100%, 100% 53.5%, 100% 100%, 0% 100%);
          clip-path: polygon(0 100%, 100% 53.5%, 100% 100%, 0% 100%);
}

.ea-page-banner-area.bg1 {
  background: -webkit-gradient(linear, left top, right top, from(#cd408f), color-stop(#b63ea0), color-stop(#9743af), color-stop(#6b49bb), to(#094fc3));
  background: linear-gradient(to right, #cd408f, #b63ea0, #9743af, #6b49bb, #094fc3);
}

.ea-page-banner-area.bg2 {
  background: -webkit-gradient(linear, left top, right top, from(#0c15fa), color-stop(#3135fc), color-stop(#484cfd), color-stop(#5b60fc), to(#6d72fb));
  background: linear-gradient(to right, #0c15fa, #3135fc, #484cfd, #5b60fc, #6d72fb);
}

.ea-page-banner-area.bg3 {
  background: -webkit-gradient(linear, right top, left top, from(#ffab96), color-stop(#ff917d), color-stop(#ff7467), color-stop(#ff5155), to(#ff0f47));
  background: linear-gradient(to left, #ffab96, #ff917d, #ff7467, #ff5155, #ff0f47);
}

.ea-page-banner-area.bg5 {
  background: -webkit-gradient(linear, left top, right top, from(#323177), color-stop(#823b70), color-stop(#ac5764), color-stop(#be8164), to(#c2ac7b));
  background: linear-gradient(to right, #323177, #823b70, #ac5764, #be8164, #c2ac7b);
}

.ea-page-banner-area.bg6 {
  background: -webkit-gradient(linear, left top, right top, from(#80caf1), color-stop(#62bcf9), color-stop(#4eadff), color-stop(#4f9bff), color-stop(#6486ff), color-stop(#a279f2), color-stop(#cd6bdc), color-stop(#ec5dc1), color-stop(#ff739f), color-stop(#ff948d), color-stop(#feb48f), to(#f3d1a6));
  background: linear-gradient(to right, #80caf1, #62bcf9, #4eadff, #4f9bff, #6486ff, #a279f2, #cd6bdc, #ec5dc1, #ff739f, #ff948d, #feb48f, #f3d1a6);
}

.ea-page-banner-area.bg7 {
  background: -webkit-gradient(linear, left top, right top, from(#c65d96), color-stop(#c45d9a), color-stop(#c25e9e), color-stop(#bf5ea3), color-stop(#bc5fa7), color-stop(#b867b2), color-stop(#b470bd), color-stop(#af78c7), color-stop(#a789d8), color-stop(#9e9ae6), color-stop(#97a9f1), to(#92b8f9));
  background: linear-gradient(to right, #c65d96, #c45d9a, #c25e9e, #bf5ea3, #bc5fa7, #b867b2, #b470bd, #af78c7, #a789d8, #9e9ae6, #97a9f1, #92b8f9);
}

.ea-page-banner-area.bg8 {
  background: -webkit-gradient(linear, left top, right bottom, from(#209cff), color-stop(#00b2fe), color-stop(#00c5f2), color-stop(#00d4e0), to(#68e0cf));
  background: linear-gradient(to right bottom, #209cff, #00b2fe, #00c5f2, #00d4e0, #68e0cf);
}

.ea-page-banner-content {
  position: relative;
  top: -30px;
}

.ea-page-banner-content h2 {
  color: var(--whiteColor);
  margin-bottom: 12px;
  font-size: 55px;
}

.ea-page-banner-content p {
  font-size: 19px;
  line-height: initial;
  color: var(--whiteColor) !important;
}

.ea-page-banner-content .default-btn {
  margin-top: 12px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  font-weight: 800;
}

.ea-page-banner-content .default-btn::before {
  display: none;
}

.ea-page-banner-content .default-btn:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor);
}

.ea-page-banner-image {
  text-align: center;
  border: 10px solid var(--whiteColor);
  border-radius: 5px;
  position: relative;
  -webkit-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
}

.ea-page-banner-image img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-page-banner-image .video-btn {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  font-size: 70px;
  display: inline-block;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.ea-page-banner-image .video-btn i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-page-banner-image .video-btn:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.ea-page-banner-image span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  text-shadow: 2px 4px #d2d2d2;
  font-size: 25px;
  font-weight: 700;
  font-family: var(--headingFontFamily);
}

.ea-page-banner-image:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

/*================================================
Info Box Area CSS
=================================================*/
.ea-info-box-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-info-box-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-image: url(../../public/img/shape/shape4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-info-box-section-title.section-title {
  text-align: left;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.ea-single-info-box.style-one {
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 1px solid #dadce0;
}

.ea-single-info-box.style-one .icon {
  width: 90px;
  height: 90px;
  color: #e3354b;
  background-color: #f8f9fa;
  position: relative;
  text-align: center;
  border-radius: 50%;
  font-size: 45px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 25px;
}

.ea-single-info-box.style-one .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-info-box.style-one h3 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-info-box.style-one .link-btn {
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 700;
}

.ea-single-info-box.style-one .link-btn:hover {
  color: #e3354b;
}

.ea-single-info-box.style-one:hover .icon {
  background-color: #e3354b;
  color: var(--whiteColor);
}

.ea-single-info-box.style-two {
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  text-align: center;
  background-color: var(--whiteColor);
}

.ea-single-info-box.style-two .icon {
  width: 90px;
  height: 90px;
  color: #e3354b;
  background-color: #f8f9fa;
  position: relative;
  text-align: center;
  border-radius: 50%;
  font-size: 45px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

.ea-single-info-box.style-two .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-info-box.style-two h3 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-info-box.style-two .link-btn {
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 600;
}

.ea-single-info-box.style-two .link-btn:hover {
  color: #e3354b;
}

.ea-single-info-box.style-two:hover .icon {
  background-color: #e3354b;
  color: var(--whiteColor);
}

.ea-single-info-box.style-three {
  position: relative;
  margin-bottom: 40px;
  padding-left: 90px;
}

.ea-single-info-box.style-three .icon {
  width: 70px;
  height: 70px;
  color: #e3354b;
  background-color: #f8f9fa;
  position: relative;
  text-align: center;
  border-radius: 5px;
  font-size: 35px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-info-box.style-three .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-info-box.style-three h3 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-info-box.style-three .link-btn {
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 600;
}

.ea-single-info-box.style-three .link-btn:hover {
  color: #e3354b;
}

.ea-single-info-box.style-three:hover .icon {
  background-color: #e3354b;
  color: var(--whiteColor);
}

.ea-single-info-box.style-four {
  z-index: 1;
  padding: 45px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: #f6f6f6;
}

.ea-single-info-box.style-four .icon {
  width: 65px;
  height: 65px;
  font-size: 40px;
  color: #d80650;
  border-radius: 3px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #d80650;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--whiteColor);
}

.ea-single-info-box.style-four .icon i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-info-box.style-four h3 {
  margin-bottom: 15px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 22px;
  font-weight: 700;
}

.ea-single-info-box.style-four .link-btn {
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 600;
}

.ea-single-info-box.style-four .link-btn:hover {
  color: #e3354b;
}

.ea-single-info-box.style-four p {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-info-box.style-four::before {
  left: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  width: 50px;
  height: 50px;
  -webkit-transition: .2s;
  transition: .2s;
  position: absolute;
  background-color: #e01a33;
  border-radius: 0 100% 0 5px;
}

.ea-single-info-box.style-four .back-icon {
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.40;
  line-height: 1;
  color: #dbdcdf;
  font-size: 140px;
  position: absolute;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-info-box.style-four:hover .icon, .ea-single-info-box.style-four.active .icon {
  border-color: var(--whiteColor);
}

.ea-single-info-box.style-four:hover h3, .ea-single-info-box.style-four.active h3 {
  color: var(--whiteColor);
}

.ea-single-info-box.style-four:hover p, .ea-single-info-box.style-four.active p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-single-info-box.style-four:hover .link-btn, .ea-single-info-box.style-four.active .link-btn {
  color: var(--whiteColor);
}

.ea-single-info-box.style-four:hover .back-icon, .ea-single-info-box.style-four.active .back-icon {
  opacity: .15;
}

.ea-single-info-box.style-four:hover::before, .ea-single-info-box.style-four.active::before {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.ea-single-info-box.style-five {
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.05);
}

.ea-single-info-box.style-five .icon {
  width: 60px;
  height: 60px;
  color: #28ffff;
  background-color: #e9ffff;
  position: relative;
  text-align: center;
  border-radius: 5px;
  font-size: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 25px;
}

.ea-single-info-box.style-five .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-info-box.style-five .icon.bg-ffd18d {
  background-color: #fff5e6;
  color: #ffd18d;
}

.ea-single-info-box.style-five .icon.bg-ffc2d3 {
  background-color: #ffeef3;
  color: #ffc2d3;
}

.ea-single-info-box.style-five h3 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-info-box.style-five .link-btn {
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 600;
}

.ea-single-info-box.style-five .link-btn:hover {
  color: #e3354b;
}

.ea-single-info-box.style-six {
  z-index: 1;
  padding: 40px 20px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);
}

.ea-single-info-box.style-six .icon {
  line-height: 1;
  color: #45A393;
  margin-bottom: 17px;
  font-size: 60px;
}

.ea-single-info-box.style-six .icon i {
  margin-top: 10px;
}

.ea-single-info-box.style-six h3 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-info-box.style-six .link-btn {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 600;
}

.ea-single-info-box.style-six .shape {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.ea-single-info-box.style-seven {
  padding: 30px;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: 1px dashed #6ba292;
}

.ea-single-info-box.style-seven .icon {
  width: 100px;
  height: 100px;
  font-size: 55px;
  color: #6ba292;
  position: relative;
  background-color: #f9f9f9;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

.ea-single-info-box.style-seven .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-info-box.style-seven h3 {
  margin-bottom: 12px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 20px;
  font-weight: 700;
}

.ea-single-info-box.style-seven p {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-info-box.style-seven .link-btn {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 600;
}

.ea-single-info-box.style-seven:hover {
  background-color: #6ba292;
  color: var(--whiteColor);
}

.ea-single-info-box.style-seven:hover h3 {
  color: var(--whiteColor);
}

.ea-single-info-box.style-seven:hover p {
  color: var(--whiteColor) !important;
  opacity: .90;
}

.ea-single-info-box.style-seven:hover .link-btn {
  color: var(--whiteColor);
}

.ea-single-info-box.style-eight {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 30px;
  border-radius: 10px;
  position: relative;
  padding: 25px;
  z-index: 1;
}

.ea-single-info-box.style-eight .icon {
  display: block;
  line-height: 1;
  font-size: 45px;
  color: #ff4a17;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 20px;
}

.ea-single-info-box.style-eight h3 {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  position: relative;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.ea-single-info-box.style-eight p {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-top: 12px;
}

.ea-single-info-box.style-eight::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  opacity: .06;
  position: absolute;
  border-radius: 10px;
  background-color: #ff4a17;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-info-box.style-eight.bg-ff9f07 .icon {
  color: #ff9f07;
}

.ea-single-info-box.style-eight.bg-ff9f07::before {
  background-color: #ff9f07;
}

.ea-single-info-box.style-eight.bg-2ea7ff .icon {
  color: #2ea7ff;
}

.ea-single-info-box.style-eight.bg-2ea7ff::before {
  background-color: #2ea7ff;
}

.ea-single-info-box.style-eight:hover::before {
  opacity: 1;
}

.ea-single-info-box.style-eight:hover p {
  color: var(--whiteColor) !important;
}

.ea-single-info-box.style-eight:hover h3 {
  color: var(--whiteColor);
}

.ea-single-info-box.style-eight:hover .icon {
  color: var(--whiteColor);
}

/*================================================
Card Area CSS
=================================================*/
.ea-card-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-card-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-image: url(../../public/img/shape/shape4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-card-area.bg-image {
  background-image: url(../../public/img/bg4.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-single-card-box.style-one {
  margin-bottom: 30px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.ea-single-card-box.style-one img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 5px;
}

.ea-single-card-box.style-one .content {
  left: 0;
  right: 0;
  top: 40%;
  z-index: 1;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 30px;
  padding-right: 30px;
}

.ea-single-card-box.style-one .content h3 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-card-box.style-one .content p {
  line-height: initial;
}

.ea-single-card-box.style-one .content .link-btn {
  display: inline-block;
  margin-top: 50px;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 700;
}

.ea-single-card-box.style-one .content .link-btn:hover {
  color: #e3354b;
}

.ea-single-card-box.style-one:hover img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.ea-single-card-box.style-two {
  text-align: center;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  border-radius: 5px;
}

.ea-single-card-box.style-two img {
  border-radius: 5px 5px 0 0;
}

.ea-single-card-box.style-two .content {
  padding: 65px 20px 30px;
  position: relative;
}

.ea-single-card-box.style-two .content .price {
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 50%;
  border: 1px solid #e01a33;
  color: #e01a33;
  display: inline-block;
  position: absolute;
  left: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  right: 0;
  top: -35px;
  background-color: #f8f9fa;
  font-size: 15px;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
}

.ea-single-card-box.style-two .content h3 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}

.ea-single-card-box.style-two .content .link-btn {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 700;
}

.ea-single-card-box.style-two .content .link-btn:hover {
  letter-spacing: 1px;
}

.ea-single-card-box.style-two:hover .content .price {
  background-color: #e01a33;
  color: var(--whiteColor);
}

.ea-single-card-box.style-three {
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #f5f5f5;
}

.ea-single-card-box.style-three .content {
  padding: 30px;
}

.ea-single-card-box.style-three .content .price {
  background-color: var(--whiteColor);
  display: inline-block;
  padding: 5px 20px 4px;
  border-radius: 30px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
}

.ea-single-card-box.style-three .content h3 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}

.ea-single-card-box.style-three .content .link-btn {
  background-color: #1a73e8;
  color: var(--whiteColor);
  display: inline-block;
  padding: 10px 35px;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500;
}

.ea-single-card-box.style-three .content .link-btn:hover {
  color: var(--whiteColor);
  background-color: var(--blackColor);
}

.ea-single-card-box.style-three .image {
  height: 100%;
  border-radius: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-single-card-box.style-three .image img {
  border-radius: 10px;
}

.ea-single-card-box.style-four {
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
}

.ea-single-card-box.style-four img {
  border-radius: 5px 5px 00;
}

.ea-single-card-box.style-four .content {
  padding: 40px 30px 30px;
  position: relative;
}

.ea-single-card-box.style-four .content .price {
  display: inline-block;
  background-color: #f8f9fa;
  color: #e01a33 !important;
  border: 1px solid #e01a33;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 30px;
  padding: 5px 17px 4px;
  position: absolute;
  left: 30px;
  top: -16px;
  font-size: 14px;
  font-weight: 500;
}

.ea-single-card-box.style-four .content h3 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}

.ea-single-card-box.style-four .content .link-btn {
  border: 1px solid #1a73e8;
  color: #1a73e8;
  display: inline-block;
  padding: 10px 22px;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 700;
}

.ea-single-card-box.style-four .content .link-btn:hover {
  color: var(--whiteColor);
  background-color: #1a73e8;
}

.ea-single-card-box.style-four:hover .content .price {
  background-color: #e01a33;
  color: var(--whiteColor) !important;
}

.ea-single-card-box.style-five {
  margin-bottom: 30px;
  position: relative;
  padding-left: 88px;
}

.ea-single-card-box.style-five .content {
  position: absolute;
  max-width: 230px;
  bottom: 100px;
  left: 0;
}

.ea-single-card-box.style-five .content h3 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-card-box.style-five .content .link-btn {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 700;
}

.ea-single-card-box.style-five .content.style-two {
  bottom: auto;
  top: 50px;
}

.ea-single-card-box.style-six {
  margin-bottom: 30px;
}

.ea-single-card-box.style-six .content {
  margin-top: 20px;
  position: relative;
}

.ea-single-card-box.style-six .content h6 {
  color: #333;
  margin-bottom: 10px;
  font-family: var(--headingFontFamily);
  font-size: 16px !important;
  font-weight: 500 !important;
}

.ea-single-card-box.style-six .content span {
  display: block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600;
}

.ea-single-card-box.style-six .content .link-btn {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
  display: inline-block;
  position: relative;
  line-height: 1.3;
  position: absolute;
  left: 0;
  bottom: 4px;
  opacity: 0;
  visibility: hidden;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600;
}

.ea-single-card-box.style-six .content .link-btn::before {
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--blackColor);
}

.ea-single-card-box.style-six:hover .content span {
  opacity: 0;
  visibility: hidden;
}

.ea-single-card-box.style-six:hover .content .link-btn {
  opacity: 1;
  visibility: visible;
}

.ea-single-card-box.style-seven {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.ea-single-card-box.style-seven img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-card-box.style-seven h3 {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 12px;
  margin-bottom: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 16px !important;
  font-weight: 500 !important;
}

.ea-single-card-box.style-seven:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.row .col-lg-6:nth-child(1) .single-card-box.style-five {
  padding-right: 10px;
}

.row .col-lg-6:nth-child(2) .single-card-box.style-five {
  margin-left: 10px;
}

/*================================================
Flip Box Area CSS
=================================================*/
.ea-flip-box-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-flip-box-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-image: url(../../public/img/shape/shape4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-flip-box-area.bg-gradient-color {
  background: -webkit-gradient(linear, left top, right bottom, from(#3bd8d7), color-stop(#41d6ea), color-stop(#5cd3f8), color-stop(#7dceff), color-stop(#9cc9ff), color-stop(#b3c5ff), color-stop(#cac0fb), color-stop(#debcf3), color-stop(#ecb9e7), color-stop(#f7b8db), color-stop(#fdb8cf), to(#ffbac3));
  background: linear-gradient(to right bottom, #3bd8d7, #41d6ea, #5cd3f8, #7dceff, #9cc9ff, #b3c5ff, #cac0fb, #debcf3, #ecb9e7, #f7b8db, #fdb8cf, #ffbac3);
}

.ea-flip-box-area.bg-gradient-color .section-title h2 {
  color: var(--whiteColor);
}

.ea-flip-box-area.bg-gradient-color .section-title p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-flip-box-area.bg-image {
  background-image: url(../../public/img/bg5.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-single-flip-box.style-one {
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-one .ea-flip-box-front-part {
  padding: 40px 30px;
  border-radius: 5px;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background: -webkit-gradient(linear, left bottom, left top, from(#f77062), color-stop(#fc676d), color-stop(#ff5e79), color-stop(#ff5787), to(#fe5196));
  background: linear-gradient(to top, #f77062, #fc676d, #ff5e79, #ff5787, #fe5196);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.ea-single-flip-box.style-one .ea-flip-box-front-part h3 {
  color: var(--whiteColor);
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 15px;
}

.ea-single-flip-box.style-one .ea-flip-box-back-part {
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 5px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  height: 100%;
  position: absolute;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  padding: 40px 30px;
  background: -webkit-gradient(linear, left bottom, left top, from(#f77062), color-stop(#fc676d), color-stop(#ff5e79), color-stop(#ff5787), to(#fe5196));
  background: linear-gradient(to top, #f77062, #fc676d, #ff5e79, #ff5787, #fe5196);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.ea-single-flip-box.style-one .ea-flip-box-back-part h3 {
  margin-bottom: 12px;
  color: var(--whiteColor);
  font-size: 22px;
  font-weight: 600;
}

.ea-single-flip-box.style-one .ea-flip-box-back-part p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-single-flip-box.style-one:hover .ea-flip-box-front-part {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.ea-single-flip-box.style-one:hover .ea-flip-box-back-part {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.ea-single-flip-box.style-one.bg2 .ea-flip-box-front-part {
  background: -webkit-gradient(linear, left bottom, left top, from(#9be15d), color-stop(#81e372), color-stop(#65e486), color-stop(#43e49a), to(#00e3ae));
  background: linear-gradient(to top, #9be15d, #81e372, #65e486, #43e49a, #00e3ae);
}

.ea-single-flip-box.style-one.bg2 .ea-flip-box-back-part {
  background: -webkit-gradient(linear, left bottom, left top, from(#9be15d), color-stop(#81e372), color-stop(#65e486), color-stop(#43e49a), to(#00e3ae));
  background: linear-gradient(to top, #9be15d, #81e372, #65e486, #43e49a, #00e3ae);
}

.ea-single-flip-box.style-one.bg3 .ea-flip-box-front-part {
  background: -webkit-gradient(linear, left top, right top, from(#4facfe), color-stop(#0bbfff), color-stop(#00d1ff), color-stop(#00e2ff), to(#00f2fe));
  background: linear-gradient(to right, #4facfe, #0bbfff, #00d1ff, #00e2ff, #00f2fe);
}

.ea-single-flip-box.style-one.bg3 .ea-flip-box-back-part {
  background: -webkit-gradient(linear, left top, right top, from(#4facfe), color-stop(#0bbfff), color-stop(#00d1ff), color-stop(#00e2ff), to(#00f2fe));
  background: linear-gradient(to right, #4facfe, #0bbfff, #00d1ff, #00e2ff, #00f2fe);
}

.ea-single-flip-box.style-two {
  position: relative;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 30px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-two .ea-flip-box-front-part {
  padding: 80px 30px;
  border-radius: 10px;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background: var(--whiteColor);
  transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out;
}

.ea-single-flip-box.style-two .ea-flip-box-front-part h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 25px;
}

.ea-single-flip-box.style-two .ea-flip-box-back-part {
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 10px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  height: 100%;
  position: absolute;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  padding: 30px 20px;
  background: -webkit-gradient(linear, right bottom, left top, from(#ac32e4), color-stop(#9c24ea), color-stop(#8817f1), color-stop(#6f09f8), to(#4801ff));
  background: linear-gradient(to left top, #ac32e4, #9c24ea, #8817f1, #6f09f8, #4801ff);
  transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out;
}

.ea-single-flip-box.style-two .ea-flip-box-back-part p {
  color: var(--whiteColor) !important;
}

.ea-single-flip-box.style-two .ea-flip-box-back-part .link-btn {
  display: inline-block;
  color: var(--whiteColor);
  position: relative;
  line-height: 1.2;
  margin-top: 5px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 15px;
  font-weight: 500;
}

.ea-single-flip-box.style-two .ea-flip-box-back-part .link-btn::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--whiteColor);
  opacity: 0.8;
}

.ea-single-flip-box.style-two:hover .ea-flip-box-front-part {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.ea-single-flip-box.style-two:hover .ea-flip-box-back-part {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.ea-single-flip-box.style-three {
  position: relative;
  border-radius: 7px;
  margin-bottom: 30px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-three .ea-flip-box-front-part {
  border-radius: 7px;
  background: -webkit-gradient(linear, right bottom, left top, from(#e9defa), color-stop(#ffdfef), color-stop(#ffe4e0), color-stop(#ffefd7), to(#fbfcdb));
  background: linear-gradient(to left top, #e9defa, #ffdfef, #ffe4e0, #ffefd7, #fbfcdb);
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.ea-single-flip-box.style-three .ea-flip-box-front-part .content {
  padding: 100px 30px;
}

.ea-single-flip-box.style-three .ea-flip-box-front-part .content h3 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 600;
}

.ea-single-flip-box.style-three .ea-flip-box-front-part .image {
  border-radius: 7px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-single-flip-box.style-three .ea-flip-box-front-part .image.bg1 {
  background-image: url(../../assets/img/flip-box/flip-box-img4.jpg);
}

.ea-single-flip-box.style-three .ea-flip-box-front-part .image.bg2 {
  background-image: url(../../assets/img/flip-box/flip-box-img5.jpg);
}

.ea-single-flip-box.style-three .ea-flip-box-front-part .image img {
  display: none;
  border-radius: 7px;
}

.ea-single-flip-box.style-three .ea-flip-box-back-part {
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 7px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  height: 100%;
  position: absolute;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff1eb), color-stop(#ffe7eb), color-stop(#f5e0f5), color-stop(#d5deff), to(#ace0f9));
  background: linear-gradient(to top, #fff1eb, #ffe7eb, #f5e0f5, #d5deff, #ace0f9);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .content {
  padding: 44px 30px;
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .content .price {
  background-color: var(--whiteColor);
  display: inline-block;
  padding: 5px 20px 4px;
  border-radius: 30px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .content h3 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 600;
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .content .link-btn {
  background-color: #1a73e8;
  color: var(--whiteColor);
  display: inline-block;
  padding: 10px 35px;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500;
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .content .link-btn:hover {
  color: var(--whiteColor);
  background-color: var(--blackColor);
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .image {
  border-radius: 7px;
  height: 106%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .image.bg1 {
  background-image: url(../../assets/img/flip-box/flip-box-img4.jpg);
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .image.bg2 {
  background-image: url(../../assets/img/flip-box/flip-box-img5.jpg);
}

.ea-single-flip-box.style-three .ea-flip-box-back-part .image img {
  display: none;
  border-radius: 7px;
}

.ea-single-flip-box.style-three:hover .ea-flip-box-front-part {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.ea-single-flip-box.style-three:hover .ea-flip-box-back-part {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.ea-single-flip-box.style-four {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.ea-single-flip-box.style-four img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-flip-box.style-four .content {
  left: 0;
  right: 0;
  top: 50%;
  z-index: 2;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 15px;
  padding-right: 15px;
}

.ea-single-flip-box.style-four .content h3 {
  color: var(--whiteColor);
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 600;
}

.ea-single-flip-box.style-four .content p {
  color: var(--whiteColor) !important;
}

.ea-single-flip-box.style-four.zoom-out img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.ea-single-flip-box.style-four:hover img {
  -webkit-transform: rotate(8deg) scale(1.2);
          transform: rotate(8deg) scale(1.2);
}

.ea-single-flip-box.style-four:hover.zoom-in img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.ea-single-flip-box.style-four:hover.zoom-out img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.ea-single-flip-box.style-five {
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-five .ea-flip-box-front-part {
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-five .ea-flip-box-back-part {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#f77062), color-stop(#fc676d), color-stop(#ff5e79), color-stop(#ff5787), to(#fe5196));
  background: linear-gradient(to top, #f77062, #fc676d, #ff5e79, #ff5787, #fe5196);
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-five .ea-flip-box-back-part h3 {
  margin-bottom: 12px;
  color: var(--whiteColor);
  font-size: 22px;
  font-weight: 600;
}

.ea-single-flip-box.style-five .ea-flip-box-back-part p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-single-flip-box.style-five .ea-flip-box-back-part .link-btn {
  background-color: var(--whiteColor);
  color: #1a73e8;
  display: inline-block;
  padding: 11px 35px;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500;
}

.ea-single-flip-box.style-five .ea-flip-box-back-part .link-btn:hover {
  color: var(--whiteColor);
  background-color: #1a73e8;
}

.ea-single-flip-box.style-five:hover .ea-flip-box-front-part {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.ea-single-flip-box.style-five:hover .ea-flip-box-back-part {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

.ea-single-flip-box.style-six {
  overflow: hidden;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-six .ea-flip-box-front-part {
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-six .ea-flip-box-back-part {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: start;
  padding: 40px 30px;
  position: absolute;
  background: #222222;
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-six .ea-flip-box-back-part .price {
  background-color: var(--whiteColor);
  display: inline-block;
  padding: 4px 13px 3px;
  border-radius: 30px;
  margin-bottom: 17px;
  font-size: 14px;
  font-weight: 500;
}

.ea-single-flip-box.style-six .ea-flip-box-back-part h3 {
  margin-bottom: 12px;
  color: var(--whiteColor);
  font-size: 16px;
  font-weight: 600;
}

.ea-single-flip-box.style-six .ea-flip-box-back-part .link-btn {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  position: relative;
  line-height: 1.3;
  color: #ffffff;
  z-index: 1;
  font-size: 15px;
  font-weight: 500;
}

.ea-single-flip-box.style-six .ea-flip-box-back-part .link-btn::before {
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  height: 1px;
  position: absolute;
  background-color: #ffffff;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-flip-box.style-six .ea-flip-box-back-part .link-btn:hover {
  color: var(--whiteColor);
}

.ea-single-flip-box.style-six .ea-flip-box-back-part .link-btn:hover::before {
  background-color: var(--whiteColor);
}

.ea-single-flip-box.style-six:hover .ea-flip-box-front-part {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.ea-single-flip-box.style-six:hover .ea-flip-box-back-part {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.ea-single-flip-box.style-seven {
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.ea-single-flip-box.style-seven .ea-flip-box-front-part {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out;
}

.ea-single-flip-box.style-seven .ea-flip-box-back-part {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #78e1c0;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out;
}

.ea-single-flip-box.style-seven .ea-flip-box-back-part h3 {
  padding: 12px;
  margin-bottom: 0;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: var(--fontSize);
  font-weight: 500;
}

.ea-single-flip-box.style-seven:hover .ea-flip-box-front-part {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.ea-single-flip-box.style-seven:hover .ea-flip-box-back-part {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

/*================================================
Pricing Area CSS
=================================================*/
.ea-pricing-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-pricing-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-image: url(../../public/img/shape/shape4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-pricing-area.bg-gradient-color {
  background: -webkit-gradient(linear, left top, right top, from(#0acffe), color-stop(#00b9ff), color-stop(#00a0ff), color-stop(#0081ff), to(#495aff));
  background: linear-gradient(to right, #0acffe, #00b9ff, #00a0ff, #0081ff, #495aff);
}

.ea-pricing-area.bg-gradient-color .section-title h2 {
  color: var(--whiteColor);
}

.ea-pricing-area.bg-gradient-color .section-title p {
  color: var(--whiteColor) !important;
}

.ea-pricing-area .single-pricing-item.style-six {
  margin-left: -7px;
  margin-right: -7px;
}

.ea-pricing-area.bg-image {
  background-image: url(../../public/img/bg3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pricing-tabs .nav-tabs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: none;
  margin-bottom: 40px;
}

.pricing-tabs .nav-tabs .nav-item .nav-link {
  border: none;
  margin-bottom: 0;
  padding: 11px 30px;
  color: var(--blackColor);
  background-color: #f9f9f9;
  border-radius: 5px 0 0 5px !important;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 15px;
  font-weight: 600;
}

.pricing-tabs .nav-tabs .nav-item .nav-link:hover, .pricing-tabs .nav-tabs .nav-item .nav-link.active {
  background-color: var(--blackColor);
  color: var(--whiteColor);
}

.pricing-tabs .nav-tabs .nav-item:last-child .nav-link {
  border-radius: 0 5px 5px 0 !important;
}

.ea-single-pricing-item.style-one {
  z-index: 1;
  padding: 40px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.05);
}

.ea-single-pricing-item.style-one .pricing-header {
  border-bottom: 1px solid #eeeeee;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.ea-single-pricing-item.style-one .pricing-header h3 {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-pricing-item.style-one .pricing-header .price {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: block;
  font-size: 17px;
  font-weight: 500;
}

.ea-single-pricing-item.style-one .pricing-header .price span {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: #3203c9;
  font-size: 22px;
  font-weight: 700;
}

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

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

.ea-single-pricing-item.style-one .features-list li {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 12px;
  font-size: 15px;
}

.ea-single-pricing-item.style-one .features-list li:last-child {
  margin-bottom: 0;
}

.ea-single-pricing-item.style-one .link-btn {
  z-index: 1;
  display: block;
  margin-top: 25px;
  text-align: center;
  padding: 13px 30px;
  position: relative;
  border-radius: 5px;
  color: var(--whiteColor);
  background-color: var(--whiteColor);
  font-size: 17px;
  font-weight: 500;
  font-family: var(--headingFontFamily);
}

.ea-single-pricing-item.style-one .link-btn::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  border-radius: 5px;
  position: absolute;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: -webkit-gradient(linear, left bottom, left top, from(#ff0844), color-stop(#ff5253), color-stop(#ff7766), color-stop(#ff957d), to(#ffb199));
  background: linear-gradient(to top, #ff0844, #ff5253, #ff7766, #ff957d, #ffb199);
}

.ea-single-pricing-item.style-one .link-btn:hover {
  color: var(--blackColor);
}

.ea-single-pricing-item.style-one .link-btn:hover::before {
  opacity: 0;
  visibility: hidden;
}

.ea-single-pricing-item.style-one::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  content: '';
  z-index: -1;
  position: absolute;
  border-radius: 5px;
  visibility: hidden;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: -webkit-gradient(linear, right bottom, left top, from(#ac32e4), color-stop(#a42ce6), color-stop(#9c27e9), color-stop(#9322eb), color-stop(#891dee), color-stop(#8119f0), color-stop(#7915f3), color-stop(#7012f5), color-stop(#680df7), color-stop(#5f09fa), color-stop(#5504fc), to(#4801ff));
  background: linear-gradient(to left top, #ac32e4, #a42ce6, #9c27e9, #9322eb, #891dee, #8119f0, #7915f3, #7012f5, #680df7, #5f09fa, #5504fc, #4801ff);
}

.ea-single-pricing-item.style-one .ribbon {
  top: -20px;
  left: -25px;
  width: 150px;
  height: 150px;
  position: absolute;
}

.ea-single-pricing-item.style-one .ribbon span {
  top: 35px;
  right: -25px;
  width: 225px;
  display: block;
  text-align: center;
  position: absolute;
  color: var(--whiteColor);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #ff0b46;
  font-size: 14px;
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 8px;
}

.ea-single-pricing-item.style-one:hover .pricing-header, .ea-single-pricing-item.style-one.active .pricing-header {
  border-color: #a26de8;
}

.ea-single-pricing-item.style-one:hover .pricing-header h3, .ea-single-pricing-item.style-one.active .pricing-header h3 {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-one:hover .pricing-header .price, .ea-single-pricing-item.style-one.active .pricing-header .price {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-one:hover .pricing-header .price span, .ea-single-pricing-item.style-one.active .pricing-header .price span {
  color: var(--whiteColor) !important;
}

.ea-single-pricing-item.style-one:hover .features-list li, .ea-single-pricing-item.style-one.active .features-list li {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-one:hover::before, .ea-single-pricing-item.style-one.active::before {
  opacity: 1;
  visibility: visible;
}

.ea-single-pricing-item.style-two {
  z-index: 1;
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  padding-top: 40px;
  padding-bottom: 40px;
}

.ea-single-pricing-item.style-two .pricing-header .icon {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: #ffe9e3;
  position: relative;
  border-radius: 50%;
  text-align: center;
  line-height: 92px;
  color: #fe4c1c;
  font-size: 50px;
  height: 90px;
  width: 90px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
}

.ea-single-pricing-item.style-two .pricing-header .icon .circles-box {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: 50%;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ea-single-pricing-item.style-two .pricing-header .icon .circles-box .circle-one {
  left: 8px;
  z-index: 1;
  bottom: 8px;
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 50%;
  background-color: #fe4c1c;
}

.ea-single-pricing-item.style-two .pricing-header .icon .circles-box .circle-two {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
  z-index: 1;
  border-radius: 50%;
  background-color: #1c17a0;
}

.ea-single-pricing-item.style-two .pricing-header h3 {
  margin-bottom: 0;
  color: #080e32;
  background-color: #f9f9f9;
  font-size: 22px;
  font-weight: 700;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 12px;
}

.ea-single-pricing-item.style-two .pricing-features {
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
}

.ea-single-pricing-item.style-two .pricing-features ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-single-pricing-item.style-two .pricing-features ul li {
  margin-bottom: 12px;
  color: #4b5280;
  font-size: 16px;
  font-weight: 600;
}

.ea-single-pricing-item.style-two .pricing-features ul li.close {
  color: #c7c7e2;
  text-decoration: line-through;
  float: none !important;
}

.ea-single-pricing-item.style-two .pricing-features ul li:last-child {
  margin-bottom: 0;
}

.ea-single-pricing-item.style-two .price {
  font-size: 35px;
  font-weight: 700;
}

.ea-single-pricing-item.style-two .price span {
  display: block;
  margin-top: -3px;
  color: #333;
  font-size: 25px;
  font-weight: 700;
}

.ea-single-pricing-item.style-two .link-btn {
  margin-top: 20px;
  display: inline-block;
  background-color: #fe4c1c;
  border-radius: 5px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--whiteColor);
  padding: 11px 40px;
  font-size: 15px;
  font-weight: 500;
}

.ea-single-pricing-item.style-two .link-btn:hover {
  background-color: #000000;
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-two.bg-290390 .pricing-header .icon {
  background-color: #e5e0f2;
  color: #290390;
}

.ea-single-pricing-item.style-two.bg-290390 .pricing-header .icon .circles-box .circle-one {
  background-color: #290390;
}

.ea-single-pricing-item.style-two.bg-290390 .link-btn {
  background-color: #290390;
}

.ea-single-pricing-item.style-two.bg-290390 .link-btn:hover {
  background-color: #000000;
}

.ea-single-pricing-item.style-two.bg-1fa299 .pricing-header .icon {
  background-color: #e4f4f3;
  color: #1fa299;
}

.ea-single-pricing-item.style-two.bg-1fa299 .pricing-header .icon .circles-box .circle-one {
  background-color: #1fa299;
}

.ea-single-pricing-item.style-two.bg-1fa299 .link-btn {
  background-color: #1fa299;
}

.ea-single-pricing-item.style-two.bg-1fa299 .link-btn:hover {
  background-color: #000000;
}

.ea-single-pricing-item.style-three {
  background-color: var(--whiteColor);
  border: 1px solid #aeffae;
  margin-bottom: 30px;
  border-radius: 5px;
  text-align: center;
  position: relative;
  padding: 30px;
  z-index: 1;
}

.ea-single-pricing-item.style-three .pricing-header {
  margin-bottom: 10px;
}

.ea-single-pricing-item.style-three .pricing-header h3 {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-pricing-item.style-three .pricing-header p {
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 0;
}

.ea-single-pricing-item.style-three .price {
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700;
  font-family: var(--headingFontFamily);
}

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

.ea-single-pricing-item.style-three .link-btn {
  display: inline-block;
  margin-bottom: 30px;
  background-color: #dd4911;
  color: var(--whiteColor);
  border-radius: 30px;
  padding: 11px 30px;
  position: relative;
  z-index: 1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 15px;
  font-weight: 500;
}

.ea-single-pricing-item.style-three .link-btn::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 30px;
  z-index: -1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: -webkit-gradient(linear, left bottom, right top, from(#a3a3a3), color-stop(#9a9a9a), color-stop(#909090), color-stop(#878787), to(#7e7e7e));
  background: linear-gradient(to right top, #a3a3a3, #9a9a9a, #909090, #878787, #7e7e7e);
  opacity: 0;
  visibility: hidden;
}

.ea-single-pricing-item.style-three .link-btn:hover {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-three .link-btn:hover::before {
  opacity: 1;
  visibility: visible;
}

.ea-single-pricing-item.style-three .pricing-features {
  padding-left: 0;
  margin-bottom: 0;
  text-align: start;
  list-style-type: none;
  font-weight: 600;
}

.ea-single-pricing-item.style-three .pricing-features li {
  color: var(--blackColor);
  margin-bottom: 12px;
  position: relative;
  padding-left: 22px;
}

.ea-single-pricing-item.style-three .pricing-features li.close i {
  color: red;
}

.ea-single-pricing-item.style-three .pricing-features li:last-child {
  margin-bottom: 0;
}

.ea-single-pricing-item.style-three .pricing-features li i {
  left: -5px;
  top: 50%;
  margin-top: -1px;
  font-size: 22px;
  color: #77d294;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-pricing-item.style-three::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  content: '';
  z-index: -1;
  position: absolute;
  visibility: hidden;
  border-radius: 5px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: -webkit-gradient(linear, left top, right bottom, from(#fffefe), color-stop(#fffbf6), color-stop(#fcfbee), color-stop(#eafeef), to(#d7fffe));
  background: linear-gradient(to right bottom, #fffefe, #fffbf6, #fcfbee, #eafeef, #d7fffe);
}

.ea-single-pricing-item.style-three:hover::before {
  opacity: 1;
  visibility: visible;
}

.ea-single-pricing-item.style-four {
  background-color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 5px;
}

.ea-single-pricing-item.style-four .pricing-header {
  padding-top: 25px;
  padding-bottom: 20px;
}

.ea-single-pricing-item.style-four .pricing-header h3 {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
}

.ea-single-pricing-item.style-four .price {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-bottom: 5px;
  border-top: 2px dashed #f4f5fe;
  border-bottom: 2px dashed #f4f5fe;
  font-weight: 600;
  font-size: 35px;
}

.ea-single-pricing-item.style-four .price span {
  font-size: 25px;
}

.ea-single-pricing-item.style-four .price sup {
  top: -18px;
  font-size: 18px;
  font-weight: 500;
}

.ea-single-pricing-item.style-four .price sub {
  bottom: 2px;
  padding-right: 5px;
  color: var(--optionalColor);
  font-size: 14px;
  font-weight: 500;
}

.ea-single-pricing-item.style-four .pricing-features {
  padding-left: 0;
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 0;
  margin-left: 50px;
  margin-right: 50px;
  text-align: start;
  font-weight: 600;
}

.ea-single-pricing-item.style-four .pricing-features li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 22px;
  color: #444683;
}

.ea-single-pricing-item.style-four .pricing-features li:last-child {
  margin-bottom: 0;
}

.ea-single-pricing-item.style-four .pricing-features li i {
  position: absolute;
  color: #13c4a1;
  top: 3px;
  left: 0;
}

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

.ea-single-pricing-item.style-four .link-btn {
  margin-top: 30px;
  position: relative;
  border-radius: 5px;
  display: inline-block;
  color: var(--whiteColor);
  background-color: #ff612f;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-top: 12px;
  padding-left: 50px;
  padding-right: 30px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}

.ea-single-pricing-item.style-four .link-btn i {
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
}

.ea-single-pricing-item.style-four .link-btn:hover {
  background-color: #6fc3a1;
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-four:hover .price {
  border-color: #13c4a1;
}

.ea-single-pricing-item.style-five {
  border-radius: 5px;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 50px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}

.ea-single-pricing-item.style-five span {
  font-size: 30px;
}

.ea-single-pricing-item.style-five .icon {
  margin-top: 20px;
}

.ea-single-pricing-item.style-five .pricing-header {
  background-color: var(--blackColor);
  border-radius: 5px 5px 0 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 90px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-single-pricing-item.style-five .pricing-header::before {
  top: 0;
  left: 0;
  content: '';
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: .70;
  position: absolute;
  border-radius: 5px;
  background-color: #000000;
}

.ea-single-pricing-item.style-five .pricing-header h3 {
  z-index: 1;
  margin-bottom: 0;
  position: relative;
  color: var(--whiteColor);
  font-weight: 700;
  font-size: 22px;
}

.ea-single-pricing-item.style-five .pricing-header .divider {
  height: 80px;
}

.ea-single-pricing-item.style-five .price {
  color: var(--blackColor);
  margin-top: 20px;
  font-size: 40px;
  font-weight: 600;
}

.ea-single-pricing-item.style-five .price sub {
  bottom: 2px;
  font-weight: 300;
  font-size: 18px;
}

.ea-single-pricing-item.style-five .pricing-features-list {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 35px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 600;
  text-align: start;
}

.ea-single-pricing-item.style-five .pricing-features-list li {
  color: var(--blackColor);
  margin-bottom: 12px;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
}

.ea-single-pricing-item.style-five .pricing-features-list li i {
  color: #ff5d22;
  position: absolute;
  left: -5px;
  top: -1px;
  font-size: 24px;
}

.ea-single-pricing-item.style-five .pricing-features-list li.close {
  opacity: .76;
}

.ea-single-pricing-item.style-five .pricing-features-list li.close i {
  color: var(--optionalColor);
}

.ea-single-pricing-item.style-five .pricing-features-list li:last-child {
  margin-bottom: 0;
}

.ea-single-pricing-item.style-five .book-now-btn {
  margin-top: 15px;
}

.ea-single-pricing-item.style-five .book-now-btn .link-btn {
  display: inline-block;
  border: 1px solid #df5d2b;
  color: #df5d2b;
  border-radius: 5px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 15px;
  font-weight: 600;
  padding-top: 12px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 12px;
}

.ea-single-pricing-item.style-five .book-now-btn .link-btn:hover {
  background-color: #df5d2b;
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six {
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.06);
  background-color: var(--whiteColor);
  margin-bottom: 30px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ea-single-pricing-item.style-six::before {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  content: '';
  z-index: -1;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  visibility: hidden;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
  background: linear-gradient(90deg, #ee0979 0%, #ff6a00 100%);
}

.ea-single-pricing-item.style-six .pricing-header {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-bottom: 1px solid #edf0f3;
  padding-bottom: 15px;
}

.ea-single-pricing-item.style-six .pricing-header h3 {
  margin-bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 22px;
  font-weight: 400;
}

.ea-single-pricing-item.style-six .best-seller {
  top: 14px;
  left: -30px;
  font-size: 14px;
  color: #ee0979;
  padding: 5px 25px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: var(--whiteColor);
}

.ea-single-pricing-item.style-six .price {
  font-size: 15px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-bottom: 1px solid #edf0f3;
  margin-top: 18px;
  margin-bottom: 25px;
  padding-bottom: 18px;
  padding-right: 5px;
  padding-left: 5px;
}

.ea-single-pricing-item.style-six .price p {
  line-height: initial;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-top: 5px;
  margin-bottom: 5px;
}

.ea-single-pricing-item.style-six .price p strong {
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 20px;
  font-weight: 700;
}

.ea-single-pricing-item.style-six .price p span {
  display: inline-block;
  color: var(--blackColor);
}

.ea-single-pricing-item.style-six .price span {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
  font-size: 18px;
  display: block;
}

.ea-single-pricing-item.style-six .price samp {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-decoration: line-through;
  color: var(--optionalColor);
  display: inline-block;
  font-family: var(--headingFontFamily);
  font-size: 15px;
}

.ea-single-pricing-item.style-six .pricing-features-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-weight: 600;
  text-align: start;
}

.ea-single-pricing-item.style-six:hover p {
    color: var(--whiteColor) !important;
}

.ea-single-pricing-item.style-six .pricing-features-list li {
  font-size: 16px;
  max-width: 180px;
  position: relative;
  padding-left: 24px;
  margin: 0 auto 12px;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: start;
}

.ea-single-pricing-item.style-six .pricing-features-list li i {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  position: absolute;
  margin-right: 4px;
  color: #ee0979;
  font-size: 25px;
  left: -5px;
  top: -2px;
}

.ea-single-pricing-item.style-six .pricing-features-list li:last-child {
  margin-bottom: 0;
}

.ea-single-pricing-item.style-six .price-note {
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.ea-single-pricing-item.style-six .price-note p {
  font-size: 15px;
  margin-bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-pricing-item.style-six .price-note p span {
  display: inline-block;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-pricing-item.style-six .btn-box {
  margin-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
}

.ea-single-pricing-item.style-six .btn-box .link-btn {
  display: block;
  position: relative;
  border-radius: 30px;
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  z-index: 1;
  font-size: 15px;
  font-weight: 600;
  padding-top: 12px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 12.5px;
}

.ea-single-pricing-item.style-six .btn-box .link-btn::before {
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
  background: linear-gradient(90deg, #ee0979 0%, #ff6a00 100%);
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-pricing-item.style-six .btn-box .link-btn.bg-black::before {
  background: -webkit-gradient(linear, left bottom, right top, from(#a3a3a3), color-stop(#9a9a9a), color-stop(#909090), color-stop(#878787), to(#7e7e7e));
  background: linear-gradient(to right top, #a3a3a3, #9a9a9a, #909090, #878787, #7e7e7e);
}

.ea-single-pricing-item.style-six .text {
  padding-left: 25px;
  padding-right: 25px;
}

.ea-single-pricing-item.style-six .text p {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-pricing-item.style-six .text .icon {
  margin-bottom: 58px;
  margin-top: 58px;
}

.ea-single-pricing-item.style-six .text .icon img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-pricing-item.style-six .text .know-more-btn {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 20px;
}

.ea-single-pricing-item.style-six:hover::before, .ea-single-pricing-item.style-six.active::before {
  opacity: 1;
  visibility: visible;
}

.ea-single-pricing-item.style-six:hover .pricing-header, .ea-single-pricing-item.style-six.active .pricing-header {
  border-color: #ed8888;
}

.ea-single-pricing-item.style-six:hover .pricing-header h3, .ea-single-pricing-item.style-six.active .pricing-header h3 {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .price, .ea-single-pricing-item.style-six.active .price {
  color: var(--whiteColor);
  border-color: #ed8888;
}

.ea-single-pricing-item.style-six:hover .price p, .ea-single-pricing-item.style-six.active .price p {
  color: var(--whiteColor) !important;
}

.ea-single-pricing-item.style-six:hover .price p strong, .ea-single-pricing-item.style-six.active .price p strong {
  color: var(--whiteColor) !important;
}

.ea-single-pricing-item.style-six:hover .price span, .ea-single-pricing-item.style-six.active .price span {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .price samp, .ea-single-pricing-item.style-six.active .price samp {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .price-note p, .ea-single-pricing-item.style-six.active .price-note p {
  color: var(--whiteColor) !important;
}

.ea-single-pricing-item.style-six:hover .price-note p span, .ea-single-pricing-item.style-six.active .price-note p span {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .pricing-features-list li, .ea-single-pricing-item.style-six.active .pricing-features-list li {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .pricing-features-list li i, .ea-single-pricing-item.style-six.active .pricing-features-list li i {
  color: #00ff4f;
}

.ea-single-pricing-item.style-six:hover p, .ea-single-pricing-item.style-six.active p {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .text .know-more-btn, .ea-single-pricing-item.style-six.active .text .know-more-btn {
  color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .text .icon img, .ea-single-pricing-item.style-six.active .text .icon img {
  -webkit-filter: contrast(150%);
          filter: contrast(150%);
}

.ea-single-pricing-item.style-six:hover .btn-box .link-btn, .ea-single-pricing-item.style-six.active .btn-box .link-btn {
  color: var(--blackColor);
  background-color: var(--whiteColor);
}

.ea-single-pricing-item.style-six:hover .btn-box .link-btn::before, .ea-single-pricing-item.style-six.active .btn-box .link-btn::before {
  opacity: 0;
  visibility: hidden;
}

.ea-single-pricing-item.style-seven {
  margin-bottom: 30px;
  border-radius: 5px;
  background-color: #f9f9f9;
  padding: 30px;
}

.ea-single-pricing-item.style-seven .image {
  text-align: center;
  padding-right: 10px;
}

.ea-single-pricing-item.style-seven .image .price {
  display: block;
  margin-top: 20px;
  font-size: 17px;
  font-weight: 500;
}

.ea-single-pricing-item.style-seven .image .price span {
  color: #3203c9;
  font-size: 35px;
  font-weight: 600;
}

.ea-single-pricing-item.style-seven .content {
  padding-left: 10px;
}

.ea-single-pricing-item .content h3 {
  margin-bottom: 18px;
  font-size: 26px;
  font-weight: 700;
  text-align: start;
}

.ea-single-pricing-item .content .features-list {
  text-align: start;
  padding: 0;
  margin-bottom: 20px;
  list-style-type: none;
}

.ea-single-pricing-item.style-seven .content .features-list li {
  margin-bottom: 12px;
  color: var(--blackColor);
}

.ea-single-pricing-item.style-seven .content .features-list li:last-child {
  margin-bottom: 0;
}

.ea-single-pricing-item.style-seven .content .link-btn {
  background: -webkit-gradient(linear, left top, right top, from(#434343), color-stop(#333333), color-stop(#242424), color-stop(#161616), to(#000000));
  background: linear-gradient(to right, #434343, #333333, #242424, #161616, #000000);
  color: var(--whiteColor);
  display: inline-block;
  padding: 12px 25px;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500;
}

.ea-single-pricing-item.style-seven .content .link-btn:hover {
  color: var(--whiteColor);
  background-color: var(--blackColor);
}

.ea-single-pricing-box {
  padding: 30px;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  text-align: center;
  border-radius: 5px;
}

.ea-single-pricing-box .icon {
  margin-bottom: 25px;
  display: inline-block;
  position: relative;
}

.ea-single-pricing-box .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
  color: var(--mainColor);
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  text-shadow: 2px 4px #caebce;
  font-size: 70px;
}

.ea-single-pricing-box .pricing-header {
  background-color: #f7f7ff;
  padding: 15px;
  margin-bottom: 25px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-pricing-box.style-seven img {
  margin: 20px auto;
}

.ea-single-pricing-box .pricing-header h3 {
  margin-bottom: 12px;
  font-size: 20px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-pricing-box .pricing-header .price {
  display: block;
  line-height: 1;
  color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-family: var(--headingFontFamily);
  font-size: 25px;
  font-weight: 700;
}

.ea-single-pricing-item.style-seven .image .price {
    color: #3203c9;
    font-size: 22px;
    font-weight: 600;
}

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

.ea-single-pricing-box .features-list li {
  display: block;
  margin-bottom: 12px;
  color: #666666;
  font-size: 16px;
  font-weight: 700;
}

.ea-single-pricing-box .features-list li span {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.ea-single-pricing-box .features-list li span i {
  position: absolute;
  left: 0;
  top: -1px;
  line-height: 1;
  font-size: 22px;
}

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

.ea-single-pricing-box .features-list li.hot {
  color: var(--mainColor);
}

.ea-single-pricing-box .default-btn {
  margin-top: 25px;
  padding-left: 40px;
  padding-right: 40px;
}

.ea-single-pricing-box:hover .pricing-header {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.ea-single-pricing-box:hover .pricing-header h3 {
  color: var(--whiteColor);
}

.ea-single-pricing-box:hover .pricing-header .price {
  color: var(--whiteColor);
}

.divider {
  width: 100%;
  height: 100px;
  position: absolute;
  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");
  background: var(--whiteColor);
  -webkit-mask-size: 100% 101%;
  mask-size: 100% 101%;
  z-index: -1;
  bottom: 0;
  left: 0;
}

/*================================================
Timeline Area CSS
=================================================*/
.ea-timeline-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-timeline-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-image: url(../../public/img/shape/shape4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-timeline-area.bg-gradient-color {
  background: -webkit-gradient(linear, left bottom, right top, from(#e3fdf5), color-stop(#dbfaff), color-stop(#dff5ff), color-stop(#eeeeff), to(#ffe6fa));
  background: linear-gradient(to right top, #e3fdf5, #dbfaff, #dff5ff, #eeeeff, #ffe6fa);
}

.ea-timeline-area.bg-gradient-color2 {
  background: -webkit-gradient(linear, right top, left top, from(#ac32e4), color-stop(#9c24ea), color-stop(#8817f1), color-stop(#6f09f8), to(#4801ff));
  background: linear-gradient(to left, #ac32e4, #9c24ea, #8817f1, #6f09f8, #4801ff);
}

.ea-timeline-area.bg-gradient-color2 .section-title h2 {
  color: var(--whiteColor);
}

.ea-timeline-area.bg-gradient-color2 .section-title p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-timeline.style-one {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-timeline.style-one .ea-timeline-item {
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ea-timeline.style-one .ea-timeline-item::before {
  top: 0;
  left: 50%;
  width: 2px;
  content: '';
  height: 100%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #dfdfdf;
}

.ea-timeline.style-one .ea-timeline-item .ea-timeline-content {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  padding: 30px;
}

.ea-timeline.style-one .ea-timeline-item .ea-timeline-content .ea-timeline-title {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

.ea-timeline.style-one .ea-timeline-item .ea-timeline-info span {
  display: block;
  font-size: 16px;
  margin-top: 50px;
  color: #666666;
}

.ea-timeline.style-one .ea-timeline-item .ea-timeline-marker {
  left: 50%;
  top: 50px;
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 1px solid #850f81;
  background-color: var(--whiteColor);
}

.ea-timeline.style-one .ea-timeline-item .ea-timeline-marker::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 2px;
  border-radius: 50%;
  position: absolute;
  background-color: #850f81;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(even) .ea-timeline-content {
  width: 47%;
  float: right;
  text-align: start;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(even) .ea-timeline-info {
  width: 47%;
  float: left;
  text-align: end;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(odd) .ea-timeline-content {
  width: 47%;
  float: left;
  text-align: end;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(odd) .ea-timeline-info {
  width: 47%;
  float: right;
  text-align: start;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(2) .ea-timeline-marker, .ea-timeline.style-one .ea-timeline-item:nth-child(5) .ea-timeline-marker {
  border-color: #0170ed;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(2) .ea-timeline-marker::before, .ea-timeline.style-one .ea-timeline-item:nth-child(5) .ea-timeline-marker::before {
  background-color: #0170ed;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(3) .ea-timeline-marker, .ea-timeline.style-one .ea-timeline-item:nth-child(6) .ea-timeline-marker {
  border-color: #e872dc;
}

.ea-timeline.style-one .ea-timeline-item:nth-child(3) .ea-timeline-marker::before, .ea-timeline.style-one .ea-timeline-item:nth-child(6) .ea-timeline-marker::before {
  background-color: #e872dc;
}

.ea-timeline.style-one .ea-timeline-item:last-child {
  padding-bottom: 0;
}

.ea-timeline.style-two {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-timeline.style-two .ea-timeline-item {
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ea-timeline.style-two .ea-timeline-item::before {
  top: 0;
  left: 50%;
  width: 2px;
  content: '';
  height: 100%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #dfdfdf;
}

.ea-timeline.style-two .ea-timeline-item .ea-timeline-content {
  background-color: var(--whiteColor);
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  position: relative;
  padding: 30px;
}

.ea-timeline.style-two .ea-timeline-item .ea-timeline-content .ea-timeline-title {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

.ea-timeline.style-two .ea-timeline-item .ea-timeline-content::before {
  top: 48px;
  content: '';
  width: 25px;
  height: 25px;
  right: -13px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #dfdfdf;
  background-color: var(--whiteColor);
  border-left: none;
  border-bottom: none;
}

.ea-timeline.style-two .ea-timeline-item .ea-timeline-info span {
  display: block;
  font-size: 16px;
  margin-top: 50px;
  color: #666666;
}

.ea-timeline.style-two .ea-timeline-item .ea-timeline-marker {
  left: 50%;
  top: 50px;
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 1px solid #850f81;
  background-color: var(--whiteColor);
}

.ea-timeline.style-two .ea-timeline-item .ea-timeline-marker::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 2px;
  border-radius: 50%;
  position: absolute;
  background-color: #850f81;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(even) .ea-timeline-content {
  width: 45%;
  float: right;
  text-align: start;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(even) .ea-timeline-content::before {
  right: auto;
  left: -13px;
  border: 1px solid #dfdfdf;
  border-right: none;
  border-top: none;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(even) .ea-timeline-info {
  width: 45%;
  float: left;
  text-align: end;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(odd) .ea-timeline-content {
  width: 45%;
  float: left;
  text-align: end;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(odd) .ea-timeline-info {
  width: 45%;
  float: right;
  text-align: start;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(2) .ea-timeline-marker, .ea-timeline.style-two .ea-timeline-item:nth-child(5) .ea-timeline-marker {
  border-color: #0170ed;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(2) .ea-timeline-marker::before, .ea-timeline.style-two .ea-timeline-item:nth-child(5) .ea-timeline-marker::before {
  background-color: #0170ed;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(3) .ea-timeline-marker, .ea-timeline.style-two .ea-timeline-item:nth-child(6) .ea-timeline-marker {
  border-color: #e872dc;
}

.ea-timeline.style-two .ea-timeline-item:nth-child(3) .ea-timeline-marker::before, .ea-timeline.style-two .ea-timeline-item:nth-child(6) .ea-timeline-marker::before {
  background-color: #e872dc;
}

.ea-timeline.style-two .ea-timeline-item:last-child {
  padding-bottom: 0;
}

.ea-timeline.style-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: center;
}

.ea-timeline.style-three .ea-timeline-item {
  position: relative;
  padding-top: 85px;
  padding-left: 15px;
  padding-right: 15px;
}

.ea-timeline.style-three .ea-timeline-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 58px;
  width: 100%;
  height: 2px;
  background-color: #dfdfdf;
}

.ea-timeline.style-three .ea-timeline-item::after {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
  content: '';
  position: absolute;
  left: 0;
  top: 51px;
  right: 0;
  background-color: var(--whiteColor);
  margin-left: auto;
  margin-right: auto;
}

.ea-timeline.style-three .ea-timeline-item .icon {
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  z-index: 1;
  font-size: 40px;
  margin-left: auto;
  margin-right: auto;
  background: -webkit-gradient(linear, left top, right top, from(#6a11cb), color-stop(#5c38db), color-stop(#4c4fe8), color-stop(#3963f3), to(#2575fc));
  background: linear-gradient(to right, #6a11cb, #5c38db, #4c4fe8, #3963f3, #2575fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ea-timeline.style-three .ea-timeline-item:nth-child(2) .icon, .ea-timeline.style-three .ea-timeline-item:nth-child(2) h3 {
    background: -webkit-gradient(linear, left top, right top, from(#00c6fb), color-stop(#00affe), color-stop(#0097ff), color-stop(#007bf9), to(#005bea));
    background: linear-gradient(to right, #00c6fb, #00affe, #0097ff, #007bf9, #005bea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ea-timeline.style-three .ea-timeline-item:nth-child(3) .icon, .ea-timeline.style-three .ea-timeline-item:nth-child(3) h3 {
    background: -webkit-gradient(linear, left top, right top, from(#f43b47), color-stop(#de1c68), color-stop(#b92083), color-stop(#863092), to(#453a94));
    background: linear-gradient(to right, #f43b47, #de1c68, #b92083, #863092, #453a94);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ea-timeline.style-three .ea-timeline-item:nth-child(4) .icon, .ea-timeline.style-three .ea-timeline-item:nth-child(4) h3 {
    background: -webkit-gradient(linear, left top, right top, from(#f77062), color-stop(#fc676d), color-stop(#ff5e79), color-stop(#ff5787), to(#fe5196));
    background: linear-gradient(to right, #f77062, #fc676d, #ff5e79, #ff5787, #fe5196);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ea-timeline.style-three .ea-timeline-item:nth-child(5) .icon, .ea-timeline.style-three .ea-timeline-item:nth-child(5) h3 {
    background: -webkit-gradient(linear, left top, right top, from(#cc208e), color-stop(#c0009c), color-stop(#ae00ad), color-stop(#9200bf), to(#6713d2));
    background: linear-gradient(to right, #cc208e, #c0009c, #ae00ad, #9200bf, #6713d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ea-timeline.style-three .ea-timeline-item h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#6a11cb), color-stop(#5c38db), color-stop(#4c4fe8), color-stop(#3963f3), to(#2575fc));
  background: linear-gradient(to right, #6a11cb, #5c38db, #4c4fe8, #3963f3, #2575fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ea-timeline.style-four {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-timeline.style-four .ea-timeline-item {
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ea-timeline.style-four .ea-timeline-item .ea-timeline-content {
  background-color: var(--whiteColor);
  border-radius: 5px;
  padding: 30px;
}

.ea-timeline.style-four .ea-timeline-item .ea-timeline-content .ea-timeline-title {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

.ea-timeline.style-four .ea-timeline-item .ea-timeline-info span {
  display: block;
  font-size: 16px;
  margin-top: 51px;
  color: var(--blackColor);
}

.ea-timeline.style-four .ea-timeline-item .ea-timeline-marker {
  left: 50%;
  top: 50px;
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 1px solid #850f81;
  background-color: var(--whiteColor);
}

.ea-timeline.style-four .ea-timeline-item .ea-timeline-marker::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 2px;
  border-radius: 50%;
  position: absolute;
  background-color: #850f81;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(even) .ea-timeline-content {
  width: 46%;
  float: right;
  text-align: start;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(even) .ea-timeline-info {
  width: 46%;
  float: left;
  text-align: end;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(odd) .ea-timeline-content {
  width: 46%;
  float: left;
  text-align: end;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(odd) .ea-timeline-info {
  width: 46%;
  float: right;
  text-align: start;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(2) .ea-timeline-marker, .ea-timeline.style-four .ea-timeline-item:nth-child(5) .ea-timeline-marker {
  border-color: #0170ed;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(2) .ea-timeline-marker::before, .ea-timeline.style-four .ea-timeline-item:nth-child(5) .ea-timeline-marker::before {
  background-color: #0170ed;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(3) .ea-timeline-marker, .ea-timeline.style-four .ea-timeline-item:nth-child(6) .ea-timeline-marker {
  border-color: #e872dc;
}

.ea-timeline.style-four .ea-timeline-item:nth-child(3) .ea-timeline-marker::before, .ea-timeline.style-four .ea-timeline-item:nth-child(6) .ea-timeline-marker::before {
  background-color: #e872dc;
}

.ea-timeline.style-four .ea-timeline-item:last-child {
  padding-bottom: 0;
}

.ea-timeline.style-five {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-timeline.style-five .icon i {
  color: #ffffff;
}

.ea-timeline.style-five .ea-timeline-item {
  padding-bottom: 30px;
  position: relative;
  margin-left: 180px;
}

.ea-timeline.style-five .ea-timeline-item .ea-timeline-info {
  position: absolute;
  left: -210px;
  top: 50px;
  font-size: 15px;
  color: var(--optionalColor);
}

.ea-timeline.style-five .ea-timeline-item .ea-timeline-marker {
  left: -50px;
  top: 48px;
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 1px solid #850f81;
  background-color: var(--whiteColor);
}

.ea-timeline.style-five .ea-timeline-item .ea-timeline-marker::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 2px;
  border-radius: 50%;
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#cc208e), color-stop(#c0009c), color-stop(#ae00ad), color-stop(#9200bf), to(#6713d2));
  background: linear-gradient(to top, #cc208e, #c0009c, #ae00ad, #9200bf, #6713d2);
}

.ea-timeline.style-five .ea-timeline-item .ea-timeline-content {
  background: -webkit-gradient(linear, left bottom, left top, from(#cc208e), color-stop(#c0009c), color-stop(#ae00ad), color-stop(#9200bf), to(#6713d2));
  background: linear-gradient(to top, #cc208e, #c0009c, #ae00ad, #9200bf, #6713d2);
  padding: 30px;
  border-radius: 5px;
}

.ea-timeline.style-five .ea-timeline-item .ea-timeline-content h3 {
  margin-bottom: 12px;
  color: var(--whiteColor);
  font-size: 20px;
  font-weight: 700;
}

.ea-timeline.style-five .ea-timeline-item .ea-timeline-content p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-timeline.style-five .ea-timeline-item:last-child {
  padding-bottom: 0;
}

.ea-timeline.style-five .ea-timeline-item:nth-child(2) .ea-timeline-marker, .ea-timeline.style-five .ea-timeline-item:nth-child(5) .ea-timeline-marker {
  border-color: #FF9944;
}

.ea-timeline.style-five .ea-timeline-item:nth-child(2) .ea-timeline-marker::before, .ea-timeline.style-five .ea-timeline-item:nth-child(5) .ea-timeline-marker::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#fc6076), color-stop(#ff6c68), color-stop(#ff7a5b), color-stop(#ff894f), to(#ff9944));
  background: linear-gradient(to bottom, #fc6076, #ff6c68, #ff7a5b, #ff894f, #ff9944);
}

.ea-timeline.style-five .ea-timeline-item:nth-child(2) .ea-timeline-content, .ea-timeline.style-five .ea-timeline-item:nth-child(5) .ea-timeline-content {
  background: -webkit-gradient(linear, left top, left bottom, from(#fc6076), color-stop(#ff6c68), color-stop(#ff7a5b), color-stop(#ff894f), to(#ff9944));
  background: linear-gradient(to bottom, #fc6076, #ff6c68, #ff7a5b, #ff894f, #ff9944);
}

.ea-timeline.style-five .ea-timeline-item:nth-child(3) .ea-timeline-marker, .ea-timeline.style-five .ea-timeline-item:nth-child(6) .ea-timeline-marker {
  border-color: #007bf9;
}

.ea-timeline.style-five .ea-timeline-item:nth-child(3) .ea-timeline-marker::before, .ea-timeline.style-five .ea-timeline-item:nth-child(6) .ea-timeline-marker::before {
  background: -webkit-gradient(linear, left bottom, left top, from(#00c6fb), color-stop(#00affe), color-stop(#0097ff), color-stop(#007bf9), to(#005bea));
  background: linear-gradient(to top, #00c6fb, #00affe, #0097ff, #007bf9, #005bea);
}

.ea-timeline.style-five .ea-timeline-item:nth-child(3) .ea-timeline-content, .ea-timeline.style-five .ea-timeline-item:nth-child(6) .ea-timeline-content {
  background: -webkit-gradient(linear, left bottom, left top, from(#00c6fb), color-stop(#00affe), color-stop(#0097ff), color-stop(#007bf9), to(#005bea));
  background: linear-gradient(to top, #00c6fb, #00affe, #0097ff, #007bf9, #005bea);
}

.ea-timeline.style-six {
  text-align: end;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-timeline.style-six .ea-timeline-item {
  padding-bottom: 30px;
  position: relative;
  margin-right: 180px;
}

.ea-timeline.style-six .ea-timeline-item::before {
  top: 0;
  width: 1px;
  content: '';
  height: 100%;
  right: -50px;
  position: absolute;
  background-color: var(--whiteColor);
}

.ea-timeline.style-six .ea-timeline-item .ea-timeline-info {
  position: absolute;
  right: -210px;
  top: 50px;
  font-size: 15px;
  color: var(--whiteColor);
}

.ea-timeline.style-six .ea-timeline-item .ea-timeline-marker {
  right: -75px;
  top: 48px;
  width: 25px;
  height: 25px;
  z-index: 1;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 1px solid var(--whiteColor);
}

.ea-timeline.style-six .ea-timeline-item .ea-timeline-marker::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 2px;
  border-radius: 50%;
  position: absolute;
  background: var(--whiteColor);
}

.ea-timeline.style-six .ea-timeline-item .ea-timeline-content {
  background: var(--whiteColor);
  padding: 30px;
  border-radius: 5px;
}

.ea-timeline.style-six .ea-timeline-item .ea-timeline-content h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
}

.ea-timeline.style-six .ea-timeline-item:last-child {
  padding-bottom: 0;
}

.ea-timeline.style-seven {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-timeline.style-seven .icon i {
  color: #ffffff;
}

.ea-timeline.style-seven .ea-timeline-item {
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ea-timeline.style-seven .ea-timeline-item .ea-timeline-content {
  background: -webkit-gradient(linear, left bottom, left top, from(#d70a84), color-stop(#b90087), color-stop(#990287), color-stop(#760b84), to(#51127f));
  background: linear-gradient(to top, #d70a84, #b90087, #990287, #760b84, #51127f);
  border-radius: 5px;
  padding: 30px;
}

.ea-timeline.style-seven .ea-timeline-item .ea-timeline-content .ea-timeline-title {
  margin-bottom: 12px;
  color: var(--whiteColor);
  font-size: 20px;
  font-weight: 600;
}

.ea-timeline.style-seven .ea-timeline-item .ea-timeline-content p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-timeline.style-seven .ea-timeline-item .ea-timeline-info span {
  display: block;
  font-size: 16px;
  margin-top: 51px;
  color: var(--blackColor);
}

.ea-timeline.style-seven .ea-timeline-item .ea-timeline-marker {
  left: 50%;
  top: 50px;
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 1px solid #850f81;
  background-color: var(--whiteColor);
}

.ea-timeline.style-seven .ea-timeline-item .ea-timeline-marker::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 2px;
  border-radius: 50%;
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#d70a84), color-stop(#b90087), color-stop(#990287), color-stop(#760b84), to(#51127f));
  background: linear-gradient(to top, #d70a84, #b90087, #990287, #760b84, #51127f);
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(even) .ea-timeline-content {
  width: 46%;
  float: right;
  text-align: start;
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(even) .ea-timeline-info {
  width: 46%;
  float: left;
  text-align: end;
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(odd) .ea-timeline-content {
  width: 46%;
  float: left;
  text-align: end;
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(odd) .ea-timeline-info {
  width: 46%;
  float: right;
  text-align: start;
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(2) .ea-timeline-marker, .ea-timeline.style-seven .ea-timeline-item:nth-child(5) .ea-timeline-marker {
  border-color: #0170ed;
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(2) .ea-timeline-marker::before, .ea-timeline.style-seven .ea-timeline-item:nth-child(5) .ea-timeline-marker::before {
  background: -webkit-gradient(linear, left bottom, left top, from(#015eea), color-stop(#007bf7), color-stop(#0094fc), color-stop(#00abfd), to(#00c0fa));
  background: linear-gradient(to top, #015eea, #007bf7, #0094fc, #00abfd, #00c0fa);
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(2) .ea-timeline-content, .ea-timeline.style-seven .ea-timeline-item:nth-child(5) .ea-timeline-content {
  background: -webkit-gradient(linear, left bottom, left top, from(#015eea), color-stop(#007bf7), color-stop(#0094fc), color-stop(#00abfd), to(#00c0fa));
  background: linear-gradient(to top, #015eea, #007bf7, #0094fc, #00abfd, #00c0fa);
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(3) .ea-timeline-marker, .ea-timeline.style-seven .ea-timeline-item:nth-child(6) .ea-timeline-marker {
  border-color: #ffb41d;
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(3) .ea-timeline-marker::before, .ea-timeline.style-seven .ea-timeline-item:nth-child(6) .ea-timeline-marker::before {
  background: -webkit-gradient(linear, left top, right top, from(#f9d423), color-stop(#ffb41d), color-stop(#ff932b), color-stop(#ff713e), to(#ff4e50));
  background: linear-gradient(to right, #f9d423, #ffb41d, #ff932b, #ff713e, #ff4e50);
}

.ea-timeline.style-seven .ea-timeline-item:nth-child(3) .ea-timeline-content, .ea-timeline.style-seven .ea-timeline-item:nth-child(6) .ea-timeline-content {
  background: -webkit-gradient(linear, left top, right top, from(#f9d423), color-stop(#ffb41d), color-stop(#ff932b), color-stop(#ff713e), to(#ff4e50));
  background: linear-gradient(to right, #f9d423, #ffb41d, #ff932b, #ff713e, #ff4e50);
}

.ea-timeline.style-seven .ea-timeline-item:last-child {
  padding-bottom: 0;
}

/*================================================
Team Area CSS
=================================================*/
.ea-team-member-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-team-member-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../public/img/shape/shape4.png);
}

.ea-team-member-area .row .col-lg-5:nth-child(1) .ea-single-team-box.style-three {
  margin-top: 30px;
}

.ea-team-member-area .row .col-lg-5:nth-child(4) .ea-single-team-box.style-three {
  margin-top: -30px;
}

.ea-team-member-area.bg-gradient-color {
  background: -webkit-gradient(linear, left top, right bottom, from(#fffefe), color-stop(#fffbf6), color-stop(#fcfbee), color-stop(#eafeef), to(#d7fffe));
  background: linear-gradient(to right bottom, #fffefe, #fffbf6, #fcfbee, #eafeef, #d7fffe);
}

.ea-single-team-box.style-one {
  margin-bottom: 30px;
  text-align: center;
}

.ea-single-team-box.style-one .image {
  position: relative;
  border-radius: 50%;
}

.ea-single-team-box.style-one .image img {
  border-radius: 50% 50% 15px 50%;
}

.ea-single-team-box.style-one .image .share-btn {
  right: 0;
  bottom: 0;
  width: 35px;
  height: 35px;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  border-radius: 50%;
  display: inline-block;
  color: var(--whiteColor);
  background-color: #1a2238;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-team-box.style-one .image .share-btn i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: -3px;
}

.ea-single-team-box.style-one .image .social {
  position: absolute;
  right: 40px;
  bottom: -7px;
  padding-left: 0;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  visibility: hidden;
  list-style-type: none;
}

.ea-single-team-box.style-one .image .social li {
  display: inline-block;
}

.ea-single-team-box.style-one .image .social li a {
  width: 35px;
  height: 35px;
  display: block;
  font-size: 16px;
  position: relative;
  border-radius: 50%;
  color: var(--whiteColor);
  background-color: var(--optionalColor);
}

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

.ea-single-team-box.style-one .image .social li a.linkedin {
  background-color: #2867B2;
}

.ea-single-team-box.style-one .image .social li a.facebook {
  background-color: #4267B2;
}

.ea-single-team-box.style-one .image .social li a.twitter {
  background-color: #1DA1F2;
}

.ea-single-team-box.style-one .image .social li a.instagram {
  background: -webkit-gradient(linear, left top, right top, from(#ff3019), to(#c90477));
  background: linear-gradient(to right, #ff3019 0%, #c90477 100%);
}

.ea-single-team-box.style-one .content {
  margin-top: 25px;
}

.ea-single-team-box.style-one .content h3 {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: 700;
}

.ea-single-team-box.style-one .content span {
  display: block;
  color: #e01a33;
  font-size: 15px;
}

.ea-single-team-box.style-one:hover .share-btn {
  color: var(--whiteColor);
  background-color: #e01a33;
}

.ea-single-team-box.style-one:hover .image .social {
  opacity: 1;
  visibility: visible;
}

.ea-single-team-box.style-two {
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}

.ea-single-team-box.style-two .name {
  left: 0;
  top: 80%;
  z-index: 2;
  position: absolute;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: translateY(-80%) rotate(-90deg);
          transform: translateY(-80%) rotate(-90deg);
}

.ea-single-team-box.style-two .name h3 {
  margin-bottom: 0;
  text-transform: uppercase;
  text-shadow: 1px 1px var(--whiteColor), -1px 1px var(--whiteColor), 1px -1px var(--whiteColor), -1px -1px var(--whiteColor), 1px 1px 5px var(--blackColor);
  font-size: 30px;
  font-weight: 600;
}

.ea-single-team-box.style-two span {
  right: 0px;
  z-index: 2;
  bottom: 40px;
  display: block;
  color: #8f3f38;
  position: absolute;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}

.ea-single-team-box.style-two .social {
  right: 0;
  bottom: 0;
  z-index: 2;
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  list-style-type: none;
}

.ea-single-team-box.style-two .social li {
  display: inline-block;
  margin-left: 2px;
}

.ea-single-team-box.style-two .social li a {
  width: 30px;
  height: 30px;
  display: block;
  font-size: 20px;
  color: #b48a83;
  line-height: 35px;
  border-radius: 3px;
  background-color: #f7ebe9;
}

.ea-single-team-box.style-two .social li a:hover {
  background-color: #b48a83;
  color: var(--whiteColor);
}

.ea-single-team-box.style-two .social li:first-child {
  margin-left: 0;
}

.ea-single-team-box.style-three {
  margin-bottom: 30px;
  position: relative;
}

.ea-single-team-box.style-three img {
  padding-left: 45px;
}

.ea-single-team-box.style-three .link-btn {
  position: absolute;
  bottom: 30px;
  left: 0;
  padding: 12px 60px 12px 25px;
  z-index: 1;
  background-color: transparent;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 15px;
  font-weight: 700;
}

.ea-single-team-box.style-three .link-btn::before {
  content: '';
  position: absolute;
  right: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #384656;
  width: 30px;
  height: 1px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-team-box.style-three .link-btn::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#00e4ff), color-stop(#00eef2), color-stop(#00f6dc), color-stop(#15fbbc), to(#69ff97));
  background: linear-gradient(to bottom, #00e4ff, #00eef2, #00f6dc, #15fbbc, #69ff97);
  z-index: -1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-team-box.style-three .link-btn:hover {
  color: var(--whiteColor);
  background-color: #384656;
}

.ea-single-team-box.style-three .link-btn:hover::before {
  background-color: var(--whiteColor);
}

.ea-single-team-box.style-three .link-btn:hover::after {
  opacity: 0;
  visibility: hidden;
}

.ea-single-team-box.style-three h3 {
  left: 5px;
  bottom: 85px;
  margin-bottom: 0;
  position: absolute;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  font-size: 22px;
  font-weight: 700;
}

.ea-single-team-box.style-four {
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

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

.ea-single-team-box.style-four .image img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-team-box.style-four .image .social {
  padding-left: 0;
  list-style-type: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
}

.ea-single-team-box.style-four .image .social li {
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}

.ea-single-team-box.style-four .image .social li a {
  display: block;
  background-color: var(--blackColor);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  line-height: 37px;
  color: var(--whiteColor);
}

.ea-single-team-box.style-four .image .social li a:hover {
  background-color: #e01a33;
  border-color: #e01a33;
  color: var(--whiteColor);
}

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

.ea-single-team-box.style-four .content h3 {
  margin-bottom: 7px;
  margin-top: 7px;
  font-size: 20px;
  font-weight: 700;
}

.ea-single-team-box.style-four .content span {
  color: var(--optionalColor);
  font-size: 15px;
}

.ea-single-team-box.style-four:hover .image img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.ea-single-team-box.style-four:hover .image .social {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.ea-single-team-box.style-five {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.ea-single-team-box.style-five .content {
  background-color: #f9f9f9;
  text-align: left;
  padding: 25px 25px 15px;
  position: relative;
}

.ea-single-team-box.style-five .content h3 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.ea-single-team-box.style-five .content span {
  display: block;
  color: #fe4c1c;
  font-size: 15px;
}

.ea-single-team-box.style-five .content i {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #fe4c1c;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--whiteColor);
  border-radius: 2px;
  position: absolute;
  right: 20px;
  top: -16px;
  display: inline-block;
}

.ea-single-team-box.style-five .image {
  position: relative;
}

.ea-single-team-box.style-five .image .social-link {
  position: absolute;
  right: 20px;
  bottom: 25px;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.ea-single-team-box.style-five .image .social-link li {
  display: block;
  margin-bottom: 8px;
}

.ea-single-team-box.style-five .image .social-link li:last-child {
  margin-bottom: 0;
}

.ea-single-team-box.style-five .image .social-link li a {
  width: 32px;
  height: 32px;
  text-align: center;
  color: var(--blackColor);
  background-color: var(--whiteColor);
  font-size: 18px;
  position: relative;
  border-radius: 2px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: .4s;
  transition: .4s;
}

.ea-single-team-box.style-five .image .social-link li a i {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
}

.ea-single-team-box.style-five .image .social-link li a:hover {
  background-color: #fe4c1c;
  color: var(--whiteColor);
}

.ea-single-team-box.style-five .image .social-link li:nth-child(2) a, .ea-single-team-box.style-five .image .social-link li:nth-child(4) a, .ea-single-team-box.style-five .image .social-link li:nth-child(6) a, .ea-single-team-box.style-five .image .social-link li:nth-child(8) a {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.ea-single-team-box.style-five:hover .content i {
  background-color: var(--blackColor);
  color: var(--whiteColor);
}

.ea-single-team-box.style-five:hover .image .social-link li a {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}

.ea-single-team-box.style-six {
  background-color: var(--whiteColor);
  margin-bottom: 30px;
}

.ea-single-team-box.style-six .row {
  margin-left: 0;
  margin-right: 0;
}

.ea-single-team-box.style-six .row .col-lg-4, .ea-single-team-box.style-six .row .col-lg-8 {
  padding-left: 0;
  padding-right: 0;
}

.ea-single-team-box.style-six .advisor-image {
  text-align: center;
  border-radius: 5px;
  position: relative;
}

.ea-single-team-box.style-six .advisor-image img {
  border-radius: 5px;
}

.ea-single-team-box.style-six .advisor-content {
  padding: 25px 20px;
}

.ea-single-team-box.style-six .advisor-content h3 {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
}

.ea-single-team-box.style-six .advisor-content .sub-title {
  display: block;
  font-size: 15px;
  color: #fe4a55;
}

.ea-single-team-box.style-six .advisor-content p {
  margin-bottom: 0;
  margin-top: 12px;
}

.ea-single-team-box.style-six .advisor-content .social-link {
  padding-left: 0;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 0;
}

.ea-single-team-box.style-six .advisor-content .social-link li {
  display: inline-block;
  margin-right: 3px;
}

.ea-single-team-box.style-six .advisor-content .social-link li:last-child {
  margin-right: 0;
}

.ea-single-team-box.style-six .advisor-content .social-link li a {
  width: 30px;
  height: 30px;
  font-size: 18px;
  position: relative;
  border-radius: 2px;
  text-align: center;
  color: var(--blackColor);
  background-color: #e1e1e1;
}

.ea-single-team-box.style-six .advisor-content .social-link li a i {
  left: 0;
  top: 50%;
  right: 0;
  position: absolute;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
}

.ea-single-team-box.style-six .advisor-content .social-link li a:hover {
  background-color: #fe4a55;
  color: var(--whiteColor);
}

.ea-single-team-box.style-seven {
  text-align: center;
  border-radius: 50% 50% 0 0;
  background-color: #fafafa;
  margin-bottom: 30px;
  margin-right: 10px;
}

.ea-single-team-box.style-seven .image {
  position: relative;
  border-radius: 50%;
}

.ea-single-team-box.style-seven .image img {
  border-radius: 50%;
}

.ea-single-team-box.style-seven .image .social-link {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  right: 5px;
  bottom: 20px;
}

.ea-single-team-box.style-seven .image .social-link li {
   margin-top: 5px;
}

.ea-single-team-box.style-seven .image .social-link li:nth-child(1) {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  margin-bottom: 10px;
}

.ea-single-team-box.style-seven .image .social-link li:nth-child(2) {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  margin-bottom: 12px;
}

.ea-single-team-box.style-seven .image .social-link li:nth-child(3) {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}
.ea-single-team-box.style-seven .image .social-link li a {
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  font-size: 17px;
  color: var(--whiteColor);
  border: 1px solid #f1bfa2;
  background: -webkit-gradient(linear, left bottom, right top, from(#db4b23), color-stop(#e06921), color-stop(#e48425), color-stop(#e59e30), to(#e6b642));
  background: linear-gradient(to right top, #db4b23, #e06921, #e48425, #e59e30, #e6b642);
}

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

.ea-single-team-box.style-seven .content {
  padding: 30px 20px;
}

.ea-single-team-box.style-seven .content h3 {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: 700;
}

.ea-single-team-box.style-seven .content span {
  display: block;
  color: #666666;
}

.ea-single-team-box.style-seven:hover .image .social-link {
  opacity: 1;
  visibility: visible;
}

/*================================================
Testimonial Area CSS
=================================================*/
.ea-testimonial-area.bg-shape {
  position: relative;
  z-index: 1;
}

.ea-testimonial-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  height: 100px;
  z-index: -1;
  background-image: url(../../public/img/shape/shape4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ea-testimonial-area.bg-gradient-color {
  background: -webkit-gradient(linear, left top, right bottom, from(#e1fdf4), color-stop(#d9fbff), color-stop(#def5ff), color-stop(#eeedff), to(#ffe6fa));
  background: linear-gradient(to right bottom, #e1fdf4, #d9fbff, #def5ff, #eeedff, #ffe6fa);
}

.ea-testimonial-area.bg-gradient-color2 {
  background: -webkit-gradient(linear, right bottom, left top, from(#ac32e4), color-stop(#9c24ea), color-stop(#8817f1), color-stop(#6f09f8), to(#4801ff));
  background: linear-gradient(to left top, #ac32e4, #9c24ea, #8817f1, #6f09f8, #4801ff);
}

.ea-testimonial-area.bg-gradient-color2 .section-title h2 {
  color: var(--whiteColor);
}

.ea-testimonial-area.bg-gradient-color2 .section-title p {
  color: var(--whiteColor) !important;
  opacity: 0.9;
}

.ea-single-testimonial-box.style-one {
  margin-left: 100px;
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-right: 100px;
  padding-bottom: 100px;
}

.ea-single-testimonial-box.style-one::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  margin-left: 300px;
  position: absolute;
  background-color: #f8fafb;
}

.ea-single-testimonial-box.style-one .image {
  text-align: center;
  padding-right: 50px;
}

.ea-single-testimonial-box.style-one .content {
  z-index: 1;
  position: relative;
  padding-left: 50px;
  margin-bottom: 50px;
}

.ea-single-testimonial-box.style-one .content p {
  color: var(--blackColor);
  font-size: 20px;
  font-weight: 600;
}

.ea-single-testimonial-box.style-one .content .client-info {
  position: relative;
  margin-top: 40px;
}

.ea-single-testimonial-box.style-one .content .client-info img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.ea-single-testimonial-box.style-one .content .client-info .title {
  margin-left: 20px;
  position: relative;
  top: 4px;
}

.ea-single-testimonial-box.style-one .content .client-info .title h3 {
  margin-bottom: 6px;
  color: #fe4a55;
  font-size: 18px;
  font-weight: 700;
}

.ea-single-testimonial-box.style-one .content .client-info .title span {
  display: block;
  color: #43746f;
  font-size: 15px;
}

.ea-single-testimonial-box.style-two {
  position: relative;
  margin-top: 25px;
  margin-left: 25px;
  margin-bottom: 30px;
}

.ea-single-testimonial-box.style-two .testimonial-desc {
  background-color: var(--whiteColor);
  border-radius: 5px;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-top: 40px;
}

.ea-single-testimonial-box.style-two .testimonial-desc p {
  position: relative;
  font-style: italic;
  font-size: 16px;
}

.ea-single-testimonial-box.style-two .testimonial-desc::before {
  left: 35px;
  width: 25px;
  z-index: -1;
  content: '';
  height: 25px;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: var(--whiteColor);
}


.ea-single-testimonial-box.style-two .client-info {
  position: relative;
  margin-top: 35px;
  margin-left: 15px;
}

.ea-single-testimonial-box.style-two .client-info img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.ea-single-testimonial-box.style-two .client-info .title {
  margin-left: 15px;
  position: relative;
  top: 4px;
}

.ea-single-testimonial-box.style-two .client-info .title h3 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
}

.ea-single-testimonial-box.style-two .client-info .title span {
  display: block;
  color: #43746f;
  font-size: 15px;
}

.ea-single-testimonial-box.style-three {
  position: relative;
  padding-left: 180px;
}

.ea-single-testimonial-box.style-three .client-image {
  left: 0;
  top: 50%;
  z-index: 1;
  position: absolute;
  border-radius: 5px;
  padding-bottom: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ea-single-testimonial-box.style-three .client-image img {
  width: 140px !important;
  height: 140px !important;
  border-radius: 5px;
}

.ea-single-testimonial-box.style-three .testimonial-desc p {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
  line-height: 1.8;
}

.ea-single-testimonial-box.style-three .testimonial-desc .client-info h3 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
}

.ea-single-testimonial-box.style-three .testimonial-desc .client-info span {
  display: block;
  color: #03d392;
  font-size: 15px;
}

.ea-single-testimonial-box.style-four {
  margin-bottom: 30px;
}

.ea-single-testimonial-box.style-four .desc {
  background-color: var(--whiteColor);
  position: relative;
  border-radius: 5px;
  padding: 30px;
  z-index: 1;
}

.ea-single-testimonial-box.style-four .desc p {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
}

.ea-single-testimonial-box.style-four .desc::after {
  left: 40px;
  z-index: -1;
  content: '';
  width: 80px;
  height: 60px;
  bottom: -35px;
  position: absolute;
  background-color: var(--whiteColor);
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}

.ea-single-testimonial-box.style-four .client-info {
  margin-top: 50px;
  margin-left: 10px;
}

.ea-single-testimonial-box.style-four .client-info img {
  height: 60px;
  border-radius: 50%;
  width: 60px !important;
  border: 2px solid #e01a33;
}

.ea-single-testimonial-box.style-four .client-info .title {
  margin-left: 15px;
}

.ea-single-testimonial-box.style-four .client-info .title h3 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
}

.ea-single-testimonial-box.style-four .client-info .title span {
  display: block;
  font-size: 15px;
  color: var(--blackColor);
}

.ea-single-testimonial-box.style-five .desc {
  background-color: #f5f5f5;
  position: relative;
  border-radius: 5px;
  padding: 40px;
  z-index: 1;
}

.ea-single-testimonial-box.style-five .desc p {
  font-size: 16px;
  margin-bottom: 0;
}

.ea-single-testimonial-box.style-five .desc::after {
  left: 50%;
  content: '';
  width: 80px;
  z-index: -1;
  height: 60px;
  bottom: -35px;
  position: absolute;
  background-color: #f5f5f5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}

.ea-single-testimonial-box.style-five .client-info {
  margin-top: 50px;
  margin-left: 15px;
}

.ea-single-testimonial-box.style-five .client-info img {
  height: 60px;
  border-radius: 50%;
  width: 60px !important;
  border: 2px solid #e01a33;
}

.ea-single-testimonial-box.style-five .client-info .title {
  margin-left: 15px;
}

.ea-single-testimonial-box.style-five .client-info .title h3 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
}

.ea-single-testimonial-box.style-five .client-info .title span {
  display: block;
  font-style: 15px;
  color: var(--blackColor);
}

.ea-single-testimonial-box.style-six {
  text-align: center;
  color: var(--whiteColor);
  position: relative;
  z-index: 1;
  padding-top: 80px;
}

.ea-single-testimonial-box.style-six p {
  color: var(--whiteColor) !important;
  font-size: 16px;
}

.ea-single-testimonial-box.style-six .client-info {
  margin-top: 25px;
  text-align: left;
}

.ea-single-testimonial-box.style-six .client-info img {
  border: 2px solid var(--whiteColor);
  width: 60px !important;
  border-radius: 50%;
  height: 60px;
}

.ea-single-testimonial-box.style-six .client-info .title {
  margin-left: 20px;
}

.ea-single-testimonial-box.style-six .client-info .title h3 {
  margin-bottom: 6px;
  color: var(--whiteColor);
  font-size: 18px;
  font-weight: 700;
}

.ea-single-testimonial-box.style-six .client-info .title span {
  display: block;
  font-size: 15px;
  color: var(--whiteColor);
}

.ea-single-testimonial-box.style-seven {
  z-index: 1;
  margin-top: 40px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  padding: 70px 50px 40px;
  background-color: #fafafb;
}

.ea-single-testimonial-box.style-seven img {
  left: 0;
  right: 0;
  top: -40px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  border: 5px solid #e3fbff;
  display: inline-block !important;
}

.ea-single-testimonial-box.style-seven p {
  font-size: 16px;
}

.ea-single-testimonial-box.style-seven .client-info {
  margin-top: 25px;
}

.ea-single-testimonial-box.style-seven .client-info h3 {
  font-size: 18px;
  margin-bottom: 7px;
}

.ea-single-testimonial-box.style-seven .client-info span {
  color: var(--optionalColor);
  font-size: 15px;
  display: block;
}

.ea-testimonial-image {
  z-index: 1;
  text-align: center;
  position: relative;
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 30px;
}

.ea-testimonial-image img {
  border-radius: 5px;
}

.ea-testimonial-image::before {
  content: '';
  left: -30px;
  top: -30px;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  background-color: #1a2238;
}

.ea-testimonial-list {
  padding-left: 15px;
}

.ea-testimonial-list .sub-title {
  display: block;
  color: #e01a33;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
}

.ea-testimonial-list h2 {
  font-size: 36px;
  margin-bottom: 0;
}

.ea-testimonial-list p {
  margin-top: 15px;
}

.ea-testimonial-list .ea-single-testimonial-box.style-four {
  margin-bottom: 0;
}

.ea-testimonial-list .ea-testimonial-slides.style-two {
  margin-top: 30px;
}

.ea-testimonial-slides.style-one.owl-theme .owl-nav.disabled + .owl-dots {
  line-height: .01;
  margin-top: 30px;
}

.ea-testimonial-slides.style-one.owl-theme .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 0 4px;
  border-radius: 50%;
  background: #cccccc;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-testimonial-slides.style-one.owl-theme .owl-dots .owl-dot.active span, .ea-testimonial-slides.style-one.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #03d392;
}

.ea-testimonial-slides.style-two.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}

.ea-testimonial-slides.style-two.owl-theme .owl-dots {
  right: 0;
  bottom: 9px;
  position: absolute;
  margin-top: 10px !important;
}

.ea-testimonial-slides.style-two.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  position: relative;
  background: transparent;
  border: 1px solid #8f8f8f;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-testimonial-slides.style-two.owl-theme .owl-dots .owl-dot span::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 2px;
  content: '';
  position: absolute;
  border-radius: 50%;
  background-color: #8f8f8f;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-testimonial-slides.style-two.owl-theme .owl-dots .owl-dot:hover span, .ea-testimonial-slides.style-two.owl-theme .owl-dots .owl-dot.active span {
  border-color: #e01a33;
}

.ea-testimonial-slides.style-two.owl-theme .owl-dots .owl-dot:hover span::before, .ea-testimonial-slides.style-two.owl-theme .owl-dots .owl-dot.active span::before {
  opacity: 1;
  visibility: visible;
  background-color: #e01a33;
}

.ea-testimonial-slides.style-three.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}

.ea-testimonial-slides.style-three.owl-theme .owl-dots {
  left: 0;
  right: 0;
  bottom: 10px;
  position: absolute;
  margin-top: 10px !important;
}

.ea-testimonial-slides.style-three.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 4px;
  border-radius: 50%;
  position: relative;
  background: transparent;
  border: 1px solid #8f8f8f;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-testimonial-slides.style-three.owl-theme .owl-dots .owl-dot span::before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 2px;
  position: absolute;
  border-radius: 50%;
  background-color: #8f8f8f;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-testimonial-slides.style-three.owl-theme .owl-dots .owl-dot:hover span, .ea-testimonial-slides.style-three.owl-theme .owl-dots .owl-dot.active span {
  border-color: #e01a33;
}

.ea-testimonial-slides.style-three.owl-theme .owl-dots .owl-dot:hover span::before, .ea-testimonial-slides.style-three.owl-theme .owl-dots .owl-dot.active span::before {
  opacity: 1;
  visibility: visible;
  background-color: #e01a33;
}

.ea-testimonial-slides.style-four.owl-theme .ea-single-testimonial-box.style-six {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.ea-testimonial-slides.style-four.owl-theme .owl-nav .owl-prev, .ea-testimonial-slides.style-four.owl-theme .owl-nav .owl-next {
  left: 0;
  top: 50%;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 47px;
  border-radius: 50%;
  position: absolute;
  color: var(--blackColor);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--whiteColor);
}

.ea-testimonial-slides.style-four.owl-theme .owl-nav .owl-prev:hover, .ea-testimonial-slides.style-four.owl-theme .owl-nav .owl-next:hover {
  background-color: #ff5d22;
  color: var(--whiteColor);
}

.ea-testimonial-slides.style-four.owl-theme .owl-nav .owl-next {
  left: auto;
  right: 0;
}

.ea-testimonial-slides.style-five.owl-theme .owl-nav .owl-prev, .ea-testimonial-slides.style-five.owl-theme .owl-nav .owl-next {
  top: 50%;
  padding: 0;
  left: -60px;
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 45px;
  border-radius: 50%;
  position: absolute;
  color: var(--blackColor);
  border: 1px solid #eae2d7;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--whiteColor);
}

.ea-testimonial-slides.style-five.owl-theme .owl-nav .owl-prev:hover, .ea-testimonial-slides.style-five.owl-theme .owl-nav .owl-next:hover {
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #ff5d22;
  color: var(--whiteColor);
  border-color: #ff5d22;
}

.ea-testimonial-slides.style-five.owl-theme .owl-nav .owl-next {
  left: auto;
  right: -60px;
}

.testimonial-desc p {
  text-align: justify;
}

/*================================================
Footer Area CSS
=================================================*/
.ea-footer-area {
  background-color: #f7f7ff;
  padding-top: 70px;
}

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

.ea-single-footer-widget h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

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

.ea-single-footer-widget .links-list li {
  margin-bottom: 12px;
}

.ea-single-footer-widget .links-list li a {
  display: inline-block;
  color: var(--optionalColor);
}

.ea-single-footer-widget .links-list li a:hover {
  color: var(--mainColor);
}

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

.ea-single-footer-widget form {
  position: relative;
}

.ea-single-footer-widget form .input-newsletter {
  display: block;
  width: 100%;
  border: 1px solid #eeeeee;
  height: 55px;
  border-radius: 5px;
  font-size: 15px;
  color: var(--blackColor);
  padding-left: 15px;
  padding-top: 5px;
}

.ea-single-footer-widget form .input-newsletter::-webkit-input-placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-footer-widget form .input-newsletter:-ms-input-placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-footer-widget form .input-newsletter::-ms-input-placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-footer-widget form .input-newsletter::placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.ea-single-footer-widget form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.ea-single-footer-widget form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.ea-single-footer-widget form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.ea-single-footer-widget form .input-newsletter:focus::placeholder {
  color: transparent;
}

.ea-single-footer-widget form .default-btn {
  position: absolute;
  right: 5px;
  top: 3px;
  padding-left: 48px;
  padding-right: 20px;
  padding-top: 13px;
  padding-bottom: 12px;
}

.ea-single-footer-widget form .default-btn i {
  left: 20px;
}

.ea-single-footer-widget form p {
  font-size: 15px;
  margin-top: 18px;
}

.ea-single-footer-widget form p a {
  color: var(--mainColor);
}

.ea-single-footer-widget form p a:hover {
  text-decoration: underline;
}

.ea-single-footer-widget.pl-3 {
  padding-left: 3rem;
}

.copyright-area {
  margin-top: 40px;
  border-top: 1px solid #e8e8f0;
  padding-top: 25px;
  padding-bottom: 25px;
}

.copyright-area p {
  line-height: 1;
  font-size: 15px;
  color: var(--blackColor);
}

.copyright-area p a {
  color: var(--mainColor);
  font-weight: 600;
}

.copyright-area p a:hover {
  color: var(--blackColor);
}

.copyright-area .social-links {
  text-align: end;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.copyright-area .social-links li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.copyright-area .social-links li a {
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  -webkit-box-shadow: 3px 3px #ebebeb;
          box-shadow: 3px 3px #ebebeb;
  position: relative;
  font-size: 20px;
  color: var(--blackColor);
  background-color: var(--whiteColor);
}

.copyright-area .social-links li a.facebook {
  color: #4267B2;
}

.copyright-area .social-links li a.facebook:hover {
  background-color: #4267B2;
  color: var(--whiteColor);
}

.copyright-area .social-links li a.twitter {
  color: #1DA1F2;
}

.copyright-area .social-links li a.twitter:hover {
  background-color: #1DA1F2;
  color: var(--whiteColor);
}

.copyright-area .social-links li a.instagram {
  color: #E1306C;
}

.copyright-area .social-links li a.instagram:hover {
  background-color: #E1306C;
  color: var(--whiteColor);
}

.copyright-area .social-links li a i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.copyright-area .social-links li:first-child {
  margin-left: 0;
}

.copyright-area .social-links li:last-child {
  margin-right: 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);
  }
}