/*
@File: Hixo Theme Styles

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

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

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style

** - HOME PAGE STYLE - **

** - Header Area Style
** - Nav Area Style
** - Banner Area Style
** - Partner Area Style
** - Marketing Area Style
** - Website Area Style
** - Experience Area Style
** - Services Area Style
** - Services Area Style
** - Testimonials Area Style
** - Pricing Area Style
** - Blog Area Style
** - Footer Area Style
** - Copy Right Area Style
** - Our Approach Area Style
** - Home Two Banner Area Style
** - About Us Area Style
** - Counter Area Style
** - Why Choose Us Area Style
** - Team Area Style
** - Hero Slider Area Style
** - Video Area Style
** - FAQ Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style
** - Section Title Area Style
** - Nice select Area

*******************************************
/*

/*
Default Style
============================*/
:root {
  --mainColor: #f68820;
}

body {
  font-size: 16px;
  font-family: "Nunito", sans-serif;
  color: #696687;
}

a {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
  color: #696687;
}

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

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0;
}

button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #30296c;
  font-weight: bold;
  font-family: "Barlow", sans-serif;
}

h3 {
  font-weight: 600;
}

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

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

p {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.6;
}

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

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

ul {
  list-style-type: none;
}

.form-control {
  height: 55px;
  color: var(--mainColor);
  border: 1px solid #d7d7d7;
  background-color: transparent;
  border-radius: 0;
  font-size: 16px;
  padding: 10px 20px;
  width: 100%;
}

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

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

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

.form-control::placeholder {
  color: #676a6a;
}

.form-control:focus {
  color: #000000;
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 0;
  border: 1px solid var(--mainColor);
}

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

textarea.form-control {
  height: auto;
}

.mt-80 {
  border-top: 1px solid #eee;
  padding-top: 100px;
  padding-bottom: 100px;
}

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

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

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

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

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

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

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

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

.mt-100 {
  margin-top: 100px;
}

.mt-minus-100 {
  margin-top: -100px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

/*
Bg-color Style*/
.bg-color {
  background-color: #f9fbfe;
}

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

.bg-white .bg-color {
  background-color: #ffffff;
}

.bg-white .bg-color-e9f7fe {
  background-color: #ffffff;
}

/*
Default Btn Area Style*/
.default-btn {
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-table;
  padding: 20px 45px;
  font-weight: 600;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
}

.default-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff5e29), to(#ffa203));
  background-image: linear-gradient(to right, #ff5e29, #ffa203);
  z-index: -1;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.default-btn:hover {
  color: #ffffff;
}

.default-btn:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

/*
Read More Btn Area Style*/
.read-more {
  font-size: 15px;
  color: #30296c;
  font-weight: 600;
}

.read-more i {
  position: relative;
  top: 3px;
}

.read-more:hover {
  color: var(--mainColor);
  letter-spacing: 1px;
}

/*
Section Title Area Style*/
.section-title {
  max-width: 750px;
  margin: -6px auto 50px;
  text-align: center;
  position: relative;
}

.section-title span {
  font-size: 16px;
  color: var(--mainColor);
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.section-title h1 {
  font-size: 55px;
  margin-bottom: 20px;
  position: relative;
}

.section-title h1:last-child {
  margin-bottom: 0;
}

.section-title h2 {
  font-size: 48px;
  margin-bottom: 20px;
  position: relative;
}

.section-title h2:last-child {
  margin-bottom: 0;
}

.section-title h3 {
  font-size: 45px;
  margin-bottom: 20px;
  position: relative;
}

.section-title h3:last-child {
  margin-bottom: 0;
}

.section-title h4 {
  font-size: 40px;
  margin-bottom: 20px;
  position: relative;
}

.section-title h4:last-child {
  margin-bottom: 0;
}

.section-title h5 {
  font-size: 35px;
  margin-bottom: 20px;
  position: relative;
}

.section-title h5:last-child {
  margin-bottom: 0;
}

.section-title h6 {
  font-size: 30px;
  margin-bottom: 20px;
  position: relative;
}

.section-title h6:last-child {
  margin-bottom: 0;
}

.section-title p {
  max-width: 600px;
  margin: auto;
}

.section-title.white-title span {
  color: var(--mainColor);
}

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

.section-title.white-title p {
  color: #ffffff;
}

/*
Header Area Style
======================================================*/
.top-header {
  background-color: #ffffff;
  border-bottom: 1px solid #f3f3f5;
  padding-top: 15px;
  padding-bottom: 15px;
}

.top-header .header-left-content {
  line-height: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.top-header .header-left-content li {
  display: inline-block;
  margin-right: 15px;
}

.top-header .header-left-content li a {
  color: #696687;
}

.top-header .header-left-content li a i {
  font-size: 18px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--mainColor);
  text-align: center;
  border-radius: 50%;
  line-height: 1;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.top-header .header-left-content li a:hover {
  color: var(--mainColor);
}

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

.top-header .header-right-content {
  line-height: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  float: right;
}

.top-header .header-right-content li {
  display: inline-block;
  margin-right: 15px;
}

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

.top-header .header-right-content li a i {
  font-size: 18px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--mainColor);
  text-align: center;
  border-radius: 50%;
  line-height: 1;
  margin-right: 5px;
  position: relative;
  top: 5px;
}

.top-header .header-right-content li a:hover {
  color: var(--mainColor);
}

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

/*
Navbar Area Style
======================================================*/
.navbar-area {
  position: relative;
}

.navbar-area .navbar-brand {
  margin-right: 0;
  padding: 0;
}

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

.desktop-nav {
  background-color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

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

.desktop-nav .navbar .navbar-nav {
  margin-left: auto;
  margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item {
  padding-bottom: 35px;
  padding-top: 35px;
  padding-right: 0;
  padding-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
  text-transform: capitalize;
  position: relative;
  font-weight: 700;
  font-size: 15px;
  color: #696687;
  line-height: 1;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
}

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

.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 4px;
}

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

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

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

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

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #696687;
  background-color: transparent;
  padding: 15px;
  border-bottom: 1px dashed #eeeeee;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
  float: right;
  top: 7px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #696687;
  background-color: transparent;
  border-bottom: 1px dashed #eeeeee;
  font-size: 14px;
  line-height: 1;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  background-color: transparent;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  background-color: transparent;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  background-color: transparent;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  background-color: transparent;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  background-color: transparent;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor);
}

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

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

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

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

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

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

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

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

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

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

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

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

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}

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

.desktop-nav .navbar .others-options ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
}

.desktop-nav .navbar .others-options ul li {
  display: inline-block;
  margin-right: 25px;
  padding-right: 35px;
  border-right: 1px solid #d7d7d7;
}

.desktop-nav .navbar .others-options ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.desktop-nav .navbar .others-options ul li .cart {
  position: relative;
}

.desktop-nav .navbar .others-options ul li .cart i {
  color: #30296c;
  font-size: 18px;
}

.desktop-nav .navbar .others-options ul li .cart span {
  position: absolute;
  top: -12px;
  right: -10px;
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 18px;
  text-align: center;
  background-color: var(--mainColor);
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
}

.desktop-nav .navbar .others-options ul li .option-item {
  color: #696687;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0;
}

.desktop-nav .navbar .others-options ul li .option-item span {
  position: relative;
  top: -7px;
  margin-left: 5px;
  font-weight: 600;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay {
  display: none;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-top: 18px;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form {
  position: relative;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eeeeee;
  color: #30296c;
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 15px;
  padding-top: 4px;
  padding-left: 15px;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-input:focus {
  border-color: var(--mainColor);
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: var(--mainColor);
  border: none;
  width: 50px;
  outline: 0;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-button:hover {
  background-color: #30296c;
}

.desktop-nav .navbar .others-options ul li .option-item .search-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  font-size: 20px;
  display: inline-block;
}

.desktop-nav .navbar .others-options ul li .option-item .search-btn:hover {
  color: var(--mainColor);
}

.desktop-nav .navbar .others-options ul li .option-item .close-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  display: none;
  font-size: 20px;
}

.desktop-nav .navbar .others-options ul li .option-item .close-btn:hover {
  color: var(--mainColor);
}

.desktop-nav .navbar .others-options ul li .option-item .close-btn.active {
  display: block;
  color: var(--mainColor);
}

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

.menu-top-space .others-options-for-mobile-devices .option-item {
  top: 0;
}

.others-options-for-mobile-devices {
  display: none;
}

.others-options-for-mobile-devices ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
}

.others-options-for-mobile-devices ul li {
  display: inline-block;
  margin-right: 25px;
  padding-right: 35px;
  border-right: 1px solid #d7d7d7;
}

.others-options-for-mobile-devices ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.others-options-for-mobile-devices ul li .cart {
  position: relative;
}

.others-options-for-mobile-devices ul li .cart i {
  color: #30296c;
  font-size: 18px;
}

.others-options-for-mobile-devices ul li .cart span {
  position: absolute;
  top: -12px;
  right: -10px;
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 18px;
  text-align: center;
  background-color: var(--mainColor);
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
}

.others-options-for-mobile-devices ul li .option-item {
  color: #696687;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: -3px;
}

.others-options-for-mobile-devices ul li .option-item span {
  position: relative;
  top: -7px;
  margin-left: 5px;
  font-weight: 600;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay {
  display: none;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-top: 18px;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form {
  position: relative;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eeeeee;
  color: #30296c;
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 15px;
  padding-top: 4px;
  padding-left: 15px;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-input:focus {
  border-color: var(--mainColor);
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: var(--mainColor);
  border: none;
  width: 50px;
  outline: 0;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-button:hover {
  background-color: #30296c;
}

.others-options-for-mobile-devices ul li .option-item .search-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  font-size: 20px;
  display: inline-block;
}

.others-options-for-mobile-devices ul li .option-item .search-btn:hover {
  color: var(--mainColor);
}

.others-options-for-mobile-devices ul li .option-item .close-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  display: none;
  font-size: 20px;
}

.others-options-for-mobile-devices ul li .option-item .close-btn:hover {
  color: var(--mainColor);
}

.others-options-for-mobile-devices ul li .option-item .close-btn.active {
  display: block;
  color: var(--mainColor);
}

.mfp-iframe-holder .mfp-content {
  border: 20px solid #eeeeee;
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
  right: -20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #f30000;
}

/*
Banner Area Style
======================================================*/
.banner-area {
  position: relative;
  z-index: 1;
  height: 720px;
  overflow: hidden;
}

.banner-area .shape {
  position: absolute;
}

.banner-area .shape.shape-1 {
  top: 30px;
  left: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-area .shape.shape-2 {
  top: 30px;
  right: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-content h1 {
  font-size: 90px;
  margin-bottom: 25px;
  color: #30296c;
  line-height: 1.1;
  -webkit-animation: 0.6s fadeInUpBig;
          animation: 0.6s fadeInUpBig;
}

.banner-content h2 {
  font-size: 85px;
  margin-bottom: 25px;
  color: #30296c;
  line-height: 1.1;
  -webkit-animation: 0.6s fadeInUpBig;
          animation: 0.6s fadeInUpBig;
}

.banner-content h3 {
  font-size: 80px;
  margin-bottom: 25px;
  color: #30296c;
  line-height: 1.1;
  -webkit-animation: 0.6s fadeInUpBig;
          animation: 0.6s fadeInUpBig;
}

.banner-content h4 {
  font-size: 75px;
  margin-bottom: 25px;
  color: #30296c;
  line-height: 1.1;
  -webkit-animation: 0.6s fadeInUpBig;
          animation: 0.6s fadeInUpBig;
}

.banner-content h5 {
  font-size: 70px;
  margin-bottom: 25px;
  color: #30296c;
  line-height: 1.1;
  -webkit-animation: 0.6s fadeInUpBig;
          animation: 0.6s fadeInUpBig;
}

.banner-content h6 {
  font-size: 65px;
  margin-bottom: 25px;
  color: #30296c;
  line-height: 1.1;
  -webkit-animation: 0.6s fadeInUpBig;
          animation: 0.6s fadeInUpBig;
}

.banner-content p {
  margin-bottom: 30px;
  max-width: 600px;
  font-size: 18px;
  -webkit-animation: 0.9s fadeInUpBig;
          animation: 0.9s fadeInUpBig;
}

.banner-content .banner-btn {
  -webkit-animation: 1s fadeInUpBig;
          animation: 1s fadeInUpBig;
}

.banner-img {
  position: relative;
  z-index: 1;
  -webkit-animation: 1s fadeInUpBig;
          animation: 1s fadeInUpBig;
}

.banner-img .banner-shape-2 {
  position: absolute;
  bottom: -40px;
  right: -40px;
  z-index: -1;
}

/*
Partner Area Style
======================================================*/
.partner-area .owl-carousel .owl-item img {
  display: block;
  width: auto;
  margin: auto;
}

/*
Marketing Area Style
======================================================*/
.marketing-area {
  position: relative;
}

.marketing-area .shape {
  position: absolute;
}

.marketing-area .shape.shape-1 {
  top: 100px;
  left: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.marketing-area .shape.shape-2 {
  top: 100px;
  right: 100px;
  -webkit-animation: moveBounce 3s linear infinite;
          animation: moveBounce 3s linear infinite;
}

.single-marketing-box {
  padding: 24px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}

.single-marketing-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid var(--mainColor);
  width: 0;
  height: 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-marketing-box h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-marketing-box img {
  margin-bottom: 20px;
}

.single-marketing-box:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.single-marketing-box.icon-style img {
  max-width: 80px;
  margin-bottom: 20px;
}

/*
Website Area Style
======================================================*/
.website-content {
  margin-bottom: 30px;
  margin-top: -13px;
}

.website-content h1 {
  font-size: 50px;
  margin-bottom: 20px;
}

.website-content h1 span {
  color: var(--mainColor);
}

.website-content h2 {
  font-size: 46px;
  margin-bottom: 20px;
}

.website-content h2 span {
  color: var(--mainColor);
}

.website-content h3 {
  font-size: 40px;
  margin-bottom: 20px;
}

.website-content h3 span {
  color: var(--mainColor);
}

.website-content h4 {
  font-size: 35px;
  margin-bottom: 20px;
}

.website-content h4 span {
  color: var(--mainColor);
}

.website-content h5 {
  font-size: 30px;
  margin-bottom: 20px;
}

.website-content h5 span {
  color: var(--mainColor);
}

.website-content h6 {
  font-size: 25px;
  margin-bottom: 20px;
}

.website-content h6 span {
  color: var(--mainColor);
}

.website-content p {
  margin-bottom: 20px;
}

.website-content .website-from label {
  margin-bottom: 12px;
  color: #30296c;
  display: block;
}

.website-content .website-from .form-group {
  margin-bottom: 25px;
  position: relative;
}

.website-content .website-from .form-group .form-control {
  padding-left: 60px;
}

.website-content .website-from .form-group i {
  color: var(--mainColor);
  position: absolute;
  top: 8px;
  left: 0;
  padding: 5px 15px;
  font-size: 20px;
  border-right: 1px solid #d7d7d7;
}

.website-content .website-from .default-btn {
  margin-top: 5px;
}

.website-content.website-content-mr {
  margin-right: 50px;
}

.website-img {
  margin-bottom: 30px;
  text-align: center;
}

.website-img.website-img-2 {
  position: relative;
  z-index: 1;
}

.website-img.website-img-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

/*
Experience Area Style
======================================================*/
.experience-content {
  margin-top: -5px;
}

.experience-content span {
  font-size: 16px;
  color: var(--mainColor);
  display: block;
  margin-bottom: 5px;
}

.experience-content h1 {
  font-size: 52px;
  margin-bottom: 20px;
  position: relative;
}

.experience-content h2 {
  font-size: 48px;
  margin-bottom: 20px;
  position: relative;
}

.experience-content h3 {
  font-size: 45px;
  margin-bottom: 20px;
  position: relative;
}

.experience-content h4 {
  font-size: 40px;
  margin-bottom: 20px;
  position: relative;
}

.experience-content h5 {
  font-size: 35px;
  margin-bottom: 20px;
  position: relative;
}

.experience-content h6 {
  font-size: 30px;
  margin-bottom: 20px;
  position: relative;
}

.experience-content p {
  margin-bottom: 25px;
}

.skill-bar {
  margin-bottom: 30px;
}

.skill-bar .progress-title-holder {
  position: relative;
  margin-bottom: -12px;
}

.skill-bar .progress-title {
  font-size: 18px;
  font-weight: 600;
  color: #30296c;
}

.skill-bar .progress-number-wrapper {
  width: 100%;
  z-index: 10;
  font-size: 11px;
  line-height: 24px;
  height: 24px;
  letter-spacing: 0px;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  color: #ffffff;
  margin-bottom: 0;
}

.skill-bar .progress-number-mark {
  margin-bottom: 4px;
  border-radius: 3px;
  background-color: transparent;
  padding: 0 8px;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0 !important;
  top: 0;
}

.skill-bar .down-arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: var(--mainColor);
}

.skill-bar .progress-content-outter {
  height: 6px;
  background-color: #dcdde6;
  border-radius: 0;
}

.skill-bar .progress-content {
  height: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  border-radius: 0;
  width: 0%;
}

.skill-bar .percent {
  margin-bottom: 0 !important;
  color: #30296c !important;
  font-size: 16px;
}

.skill-bar .down-arrow {
  margin-bottom: 0 !important;
}

.skill-bar .progress-title {
  margin-bottom: 0 !important;
}

.skill-bar .progress-number-wrapper {
  margin-bottom: 0 !important;
}

.experience-img {
  margin-bottom: 30px;
  text-align: center;
}

.experience-img.experience-img-two {
  position: relative;
  z-index: 1;
}

.experience-img.experience-img-two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

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

.services-area .shape {
  position: absolute;
  z-index: -1;
}

.services-area .shape.shape-1 {
  bottom: 100px;
  left: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.services-area .shape.shape-2 {
  top: 100px;
  right: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.services-area .shape.shape-3 {
  top: 120px;
  left: 0;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.services-box-area .shape.shape-1 {
  left: 0;
}

.services-box-area .single-services {
  text-align: left;
}

.services-area-box .single-services {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.single-services {
  padding: 30px;
  text-align: center;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: #ffffff;
  margin-bottom: 30px;
}

.single-services img {
  margin-bottom: 18px;
}

.single-services h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-services h3 a {
  color: #30296c;
}

.single-services p {
  margin-bottom: 20px;
}

.single-services .default-btn {
  padding: 12px 25px;
  border: 1px solid var(--mainColor);
  color: #30296c;
  background-image: none;
  background-color: transparent !important;
}

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

.single-services:hover .default-btn {
  color: #ffffff;
}

.single-services:hover .default-btn::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-services.box {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin-bottom: 30px;
}

.single-services.box i {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  display: inline-block;
  width: 150px;
  height: 150px;
  line-height: 150px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  font-size: 50px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--mainColor);
  -webkit-animation: border-transform 5s linear infinite alternate forwards;
          animation: border-transform 5s linear infinite alternate forwards;
  text-align: center;
}

.single-services.box i::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 120px;
  height: 120px;
  background-color: #fff8f0;
  z-index: -1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.single-services.box:hover i {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff8f0), to(#fff8f0));
  background-image: linear-gradient(to right, #fff8f0, #fff8f0);
  color: #ffffff;
}

.single-services.box:hover i::after {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
}

.single-services.card-bg {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.single-services.card-bg .default-btn {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  color: #ffffff;
  padding: 20px 45px;
}

.single-services-box-wrap {
  position: relative;
  overflow: hidden;
}

.single-services-box-wrap .top-content {
  position: relative;
  top: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services-box-wrap .top-content p {
  margin-bottom: 0;
}

.single-services-box-wrap .bottom-content {
  position: absolute !important;
  top: 100%;
  left: 0;
  right: 0;
  padding: 46px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services-box-wrap .bottom-content.bg-1 {
  background-image: url(../images/services/services-card-bg-1.html);
}

.single-services-box-wrap .bottom-content.bg-2 {
  background-image: url(../images/services/services-card-bg-2.html);
}

.single-services-box-wrap .bottom-content.bg-3 {
  background-image: url(../images/services/services-card-bg-3.html);
}

.single-services-box-wrap .bottom-content.bg-4 {
  background-image: url(../images/services/services-card-bg-4.html);
}

.single-services-box-wrap .bottom-content.bg-5 {
  background-image: url(../images/services/services-card-bg-5.html);
}

.single-services-box-wrap .bottom-content.bg-6 {
  background-image: url(../images/services/services-card-bg-6.html);
}

.single-services-box-wrap .bottom-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #30296c;
  opacity: 0.9;
  z-index: -1;
}

.single-services-box-wrap .bottom-content h3 {
  margin-bottom: 20px;
}

.single-services-box-wrap .bottom-content h3 a {
  color: #ffffff;
}

.single-services-box-wrap .bottom-content p {
  margin-bottom: 30px;
  color: #ffffff;
}

.single-services-box-wrap:hover .top-content {
  top: -500px;
}

.single-services-box-wrap:hover .bottom-content {
  top: 0;
}

/*
Services Area Style
======================================================*/
.case-studies-area .owl-theme .owl-nav {
  margin-top: 0 !important;
}

.case-studies-area .owl-theme .owl-nav .owl-prev, .case-studies-area .owl-theme .owl-nav .owl-next {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 315px;
  margin: 0 !important;
  -webkit-transform: translateY(-62px);
          transform: translateY(-62px);
}

.case-studies-area .owl-theme .owl-nav .owl-prev i, .case-studies-area .owl-theme .owl-nav .owl-next i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  display: inline-block;
  font-size: 30px;
  border-radius: 50%;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
}

.case-studies-area .owl-theme .owl-nav .owl-prev i::after, .case-studies-area .owl-theme .owl-nav .owl-next i::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 52px;
  height: 52px;
  background-color: #f9fbfe;
  border-radius: 50%;
  z-index: -1;
}

.case-studies-area .owl-theme .owl-nav .owl-prev:hover i, .case-studies-area .owl-theme .owl-nav .owl-next:hover i {
  background-color: var(--mainColor);
  color: var(--mainColor);
}

.case-studies-area .owl-theme .owl-nav .owl-next {
  left: auto;
  right: 315px;
}

.case-studies-area .owl-item.active.center .case-area::before {
  opacity: 1;
}

.case-studies-area .owl-item.active.center .case-area .case-content {
  opacity: 1;
  visibility: visible;
}

.case-studies-area .owl-item.active.center .single-case::before {
  opacity: 1;
}

.case-studies-area .owl-item.active.center .single-case .case-content {
  opacity: 1;
  visibility: visible;
}

.case-studies-area.case-studies-area-style-two .case-area {
  position: relative;
}

.case-studies-area.case-studies-area-style-two .case-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
  opacity: 0;
}

.case-studies-area.case-studies-area-style-two .case-area .case-content {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-top: 0;
}

.case-studies-area.case-studies-area-style-two .case-area .case-content h3 a {
  color: #ffffff;
}

.case-studies-area.case-studies-area-style-two .case-area .case-content h3 a:hover {
  color: var(--mainColor);
}

.case-studies-area.case-studies-area-style-page .case-area {
  position: relative;
}

.case-studies-area.case-studies-area-style-page .case-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
  opacity: 0;
}

.case-studies-area.case-studies-area-style-page .case-area .case-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-top: 0;
  visibility: visible;
  padding: 30px;
}

.case-studies-area.case-studies-area-style-page .case-area .case-content h3 a {
  color: #ffffff;
}

.case-studies-area.case-studies-area-style-page .case-area .case-content h3 a:hover {
  color: var(--mainColor);
}

.case-studies-area.case-studies-area-style-page .case-area:hover::before {
  opacity: 1;
}

.case-studies-area.case-studies-area-style-page .case-area:hover .case-content {
  opacity: 1;
}

.case-studies-area.case-studies-area-style-page .load-more {
  text-align: center;
}

.case-area {
  margin-bottom: 30px;
}

.case-area .case-content {
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  visibility: hidden;
}

.case-area .case-content h3 {
  text-align: center;
  margin-bottom: 0;
  font-size: 24px;
}

.case-area .case-content h3 a {
  color: #30296c;
  text-decoration: underline;
}

.case-area .case-content h3 a:hover {
  color: var(--mainColor);
}

/*
Testimonials Area Style
======================================================*/
.testimonials-slider-bg {
  max-width: 1170px;
  margin: auto;
  position: relative;
}

.testimonials-slider-bg .owl-carousel .owl-item img {
  width: auto;
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev, .testimonials-slider-bg .owl-theme .owl-nav .owl-next {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: -80px;
  margin: 0 !important;
  -webkit-transform: translateY(-85px);
          transform: translateY(-85px);
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev i, .testimonials-slider-bg .owl-theme .owl-nav .owl-next i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  display: inline-block;
  font-size: 30px;
  border-radius: 50%;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev i::after, .testimonials-slider-bg .owl-theme .owl-nav .owl-next i::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 52px;
  height: 52px;
  background-color: #f9fbfe;
  border-radius: 50%;
  z-index: -1;
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev:hover i, .testimonials-slider-bg .owl-theme .owl-nav .owl-next:hover i {
  background-color: var(--mainColor);
  color: var(--mainColor);
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-next {
  left: auto;
  right: -80px;
}

.testimonials-slider-bg .shape {
  position: absolute;
}

.testimonials-slider-bg .shape.shape-1 {
  top: -30px;
  left: -30px;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.testimonials-slider-bg .shape.shape-2 {
  top: -30px;
  right: -30px;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.single-testimonials {
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  margin-top: 30px;
  margin: 15px;
  margin-bottom: 124px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 50px;
  z-index: 1;
}

.single-testimonials::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 45px solid #ffffff;
  border-left: 10px solid transparent;
  border-bottom: 0;
  border-right: 50px solid transparent;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-testimonials i {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 70px;
  color: #eae9f0;
  line-height: 1;
  z-index: -1;
}

.single-testimonials p {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 20px;
  margin-bottom: 0;
}

.testimonials-img {
  position: absolute;
  left: 205px;
  bottom: -100px;
  text-align: left;
  padding-left: 90px;
}

.testimonials-img img {
  border-radius: 50px !important;
  position: absolute;
  bottom: -3px;
  left: 0;
}

.testimonials-img h3 {
  margin-bottom: 0;
  font-size: 20px;
  color: #30296c;
}

.testimonials-img span {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #696687;
}

.testimonials-area .owl-theme .owl-nav {
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.testimonials-area:hover .owl-theme .owl-nav {
  opacity: 1;
}

/*
Pricing Area Style
======================================================*/
.pricing-area {
  position: relative;
  z-index: 1;
}

.pricing-area .tab {
  text-align: center;
}

.pricing-area .tab .tabs {
  border-radius: 50px;
  display: inline-block;
  background-color: #f8cda5;
  padding: 0;
  cursor: pointer;
  margin: 0;
  list-style-type: none;
  position: relative;
  margin-bottom: 40px;
}

.pricing-area .tab .tabs .monthly {
  position: absolute;
  top: -5px;
  left: -120px;
  color: #30296c;
}

.pricing-area .tab .tabs .yearly {
  position: absolute;
  top: -4px;
  right: -100px;
  color: #30296c;
}

.pricing-area .tab .tabs li {
  display: inline-block;
  padding: 0;
  font-size: 20px;
  color: var(--mainColor);
  padding: 6px 5px;
  margin: 0 7px;
  width: 30px;
  height: 12px;
}

.pricing-area .tab .tabs li:last-child {
  margin-left: 0;
}

.pricing-area .tab .tabs li:first-child {
  margin-right: 0;
}

.pricing-area .tab .tabs li.current {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  border-radius: 50px;
  color: var(--mainColor);
}

.pricing-area .tab .tabs li.current .monthly {
  color: var(--mainColor);
}

.pricing-area .tab .tabs li.current .yearly {
  color: var(--mainColor);
}

.pricing-area .shape {
  position: absolute;
  z-index: -1;
}

.pricing-area .shape.shape-1 {
  top: 100px;
  left: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.pricing-area .shape.shape-2 {
  bottom: 100px;
  right: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.tab .tabs_item {
  display: none;
}

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

.single-pricing {
  text-align: left;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}

.single-pricing .pricing-title {
  margin-bottom: 28px;
}

.single-pricing .pricing-title h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.single-pricing .pricing-title h2 {
  font-size: 48px;
}

.single-pricing .pricing-title h2 sub {
  font-size: 15px;
  color: #696687;
  position: relative;
  top: -4px;
}

.single-pricing .pricing-title span {
  font-size: 16px;
}

.single-pricing ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 35px;
}

.single-pricing ul li {
  font-size: 18px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

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

.single-pricing ul li i {
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 20px;
}

.single-pricing .default-btn {
  background-image: none;
  border: 1px solid var(--mainColor);
  color: var(--mainColor);
}

.single-pricing .default-btn:hover {
  border-color: #ffffff;
  color: #ffffff;
}

.single-pricing:hover .default-btn {
  color: #ffffff;
}

.single-pricing:hover .default-btn::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-pricing.active {
  position: relative;
}

.single-pricing.active .most-popular {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  display: inline-block;
  color: #ffffff;
  padding: 5px 50px;
  position: absolute;
  top: 32px;
  right: -50px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*
Blog Area Style
======================================================*/
.single-blog {
  margin-bottom: 30px;
}

.single-blog img {
  margin-bottom: 20px;
}

.single-blog span {
  font-size: 15px;
  display: block;
  margin-bottom: 8px;
}

.single-blog span i {
  color: var(--mainColor);
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.single-blog h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-blog h3 a {
  color: #30296c;
}

.single-blog p {
  margin-bottom: 12px;
}

.single-blog .default-btn {
  margin-top: 8px;
  padding: 15px 25px;
}

.single-blog.active {
  background-color: #fff8f0;
  padding: 30px;
}

/*
Copy Right Area Style
======================================================*/
.copy-right-area {
  border-top: 1px solid #eaecf2;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copy-right-area p i {
  position: relative;
  top: 2px;
}

.copy-right-area p a {
  color: #30296c;
  font-weight: 600;
}

.copy-right-area p a:hover {
  color: var(--mainColor);
}

.copy-right-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: right;
}

.copy-right-area ul li {
  display: inline-block;
  margin-left: 30px;
  position: relative;
}

.copy-right-area ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -17px;
  width: 2px;
  height: 10px;
  background-color: #696687;
}

.copy-right-area ul li:first-child {
  margin-left: 0;
}

.copy-right-area ul li:first-child::before {
  display: none;
}

/*====================================================
HOME TWO AREA
=====================================================*/
/*
Home Two Banner Area Style
======================================================*/
.banner-area-style-two {
  background-image: url(../images/banner/banner-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-area-style-two .banner-content {
  max-width: 640px;
}

.banner-area-style-two .shape {
  position: absolute;
}

.banner-area-style-two .shape.shape-3 {
  top: 30px;
  left: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-area-style-two .shape.shape-4 {
  top: 30px;
  left: 30px;
  z-index: -1;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.banner-area-style-two .shape.shape-5 {
  top: 30px;
  right: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-area-style-two .single-category {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  padding: 19px 30px;
}

.banner-area-style-two .single-category i {
  font-size: 30px;
  display: block;
  line-height: 1;
  margin-bottom: 5px;
}

.banner-area-style-two .single-category p {
  line-height: 1;
}

.banner-area-style-two .single-category.seo {
  right: 540px;
  top: 70px;
  -webkit-animation: 2s zoomIn;
          animation: 2s zoomIn;
}

.banner-area-style-two .single-category.growth {
  padding: 30px;
  bottom: 50px;
  right: 360px;
  -webkit-animation: 3s zoomIn;
          animation: 3s zoomIn;
}

.banner-area-style-two .single-category.analytics {
  top: 30%;
  right: 60px;
  padding: 36px 30px;
  -webkit-animation: 4s zoomIn;
          animation: 4s zoomIn;
}

/*
Our Approach Area Style
======================================================*/
.single-approach-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  margin-bottom: 30px;
}

.single-approach-box .icon {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}

.single-approach-box .icon i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  font-size: 50px;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-approach-box .icon .icon-shape {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-approach-box .icon .icon-shape-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-approach-box h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-approach-box:hover .icon .icon-shape {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.single-approach-box:hover .icon .icon-shape-hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}

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

/*
About Us Area Style
======================================================*/
.about-img {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  text-align: center;
}

.about-img img {
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.about-img .about-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.about-img .video-button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.about-img .video-button a i {
  font-size: 70px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 162, 3, 0.9)), to(rgba(255, 94, 41, 0.9)));
  background-image: linear-gradient(to right, rgba(255, 162, 3, 0.9), rgba(255, 94, 41, 0.9));
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.about-img-three {
  position: relative;
  text-align: center;
  z-index: 1;
  margin-bottom: 30px;
}

.about-img-three .about-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.about-img-three.before-style::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.about-content {
  margin-bottom: 30px;
  margin-left: 50px;
  margin-top: -5px;
}

.about-content span {
  color: var(--mainColor);
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.about-content h1 {
  font-size: 45px;
  margin-bottom: 20px;
}

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

.about-content h3 {
  font-size: 35px;
  margin-bottom: 20px;
}

.about-content h4 {
  font-size: 30px;
  margin-bottom: 20px;
}

.about-content h5 {
  font-size: 25px;
  margin-bottom: 20px;
}

.about-content h6 {
  font-size: 20px;
  margin-bottom: 20px;
}

.about-content h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.about-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}

.about-content ul li {
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  padding-left: 30px;
}

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

.about-content ul li i {
  color: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: var(--mainColor);
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}

.about-content ul li h4 {
  font-size: 20px;
  font-weight: 600;
}

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

/*
Counter Area Style
======================================================*/
.counter-bg {
  background-color: #fff8f0;
  border-radius: 0 30px 0 30px;
}

.single-counter {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}

.single-counter .count-title {
  text-align: center;
}

.single-counter .count-title h2 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1;
  margin-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 110px;
  border-radius: 50%;
}

.single-counter .count-title h2 .target {
  position: relative;
  top: 2px;
  margin-left: -10px;
  font-size: 48px;
  color: #ffffff;
}

.single-counter .count-title h4 {
  font-size: 24px;
  margin-bottom: 0;
  color: #30296c;
  font-weight: 600;
}

.single-counter .counter-shape {
  position: absolute;
  top: 50px;
  right: 0;
  margin-right: -100px;
}

.single-counter .counter-shape.shape-2 {
  top: 32px;
}

/*
Why Choose Us Area Style
======================================================*/
.why-choose-us-img {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  text-align: center;
}

.why-choose-us-img .why-choose-us-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.why-choose-us-img.before-style::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.why-choose-us-content {
  margin-bottom: 30px;
}

.why-choose-us-content span {
  font-size: 16px;
  color: var(--mainColor);
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.why-choose-us-content h1 {
  font-size: 50px;
  margin-bottom: 20px;
  position: relative;
}

.why-choose-us-content h2 {
  font-size: 46px;
  margin-bottom: 20px;
  position: relative;
}

.why-choose-us-content h3 {
  font-size: 40px;
  margin-bottom: 20px;
  position: relative;
}

.why-choose-us-content h4 {
  font-size: 35px;
  margin-bottom: 20px;
  position: relative;
}

.why-choose-us-content h6 {
  font-size: 30px;
  margin-bottom: 20px;
  position: relative;
}

.why-choose-us-content h2 {
  font-size: 46px;
  margin-bottom: 20px;
  position: relative;
}

.why-choose-us-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 30px;
}

.why-choose-us-content ul li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 30px;
}

.why-choose-us-content ul li:last-child {
  margin-bottom: 0;
}

.why-choose-us-content ul li i {
  position: absolute;
  top: 1px;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: var(--mainColor);
  color: #ffffff;
  border-radius: 50%;
  font-size: 18px;
}

.why-choose-us-content ul li h3 {
  font-size: 24px;
}

.why-choose-us-content ul li p {
  margin-bottom: 0;
}

/*
Team Area Style
======================================================*/
.single-team-member {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-bottom: 30px;
}

.single-team-member .team-content {
  position: relative;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding-top: 20px;
}

.single-team-member .team-content h3 {
  margin-bottom: 10px;
  font-size: 24px;
}

.single-team-member .team-content span {
  display: block;
  font-size: 15px;
}

.single-team-member .team-content .team-social .control {
  width: 50px;
  height: 50px;
  line-height: 53px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 30px;
  right: 0;
  color: var(--mainColor);
  border-radius: 50%;
  z-index: 1;
}

.single-team-member .team-content .team-social .control::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background-color: #f9fbfe;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-team-member .team-content .team-social ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -170px;
  right: 5px;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-team-member .team-content .team-social ul li a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--mainColor);
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 10px;
}

.single-team-member .team-content .team-social ul li a:hover i {
  background-color: #30296c;
}

.single-team-member .team-content .team-social ul li:nth-child(4) a i {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

.single-team-member .team-content .team-social ul li:nth-child(3) a i {
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.single-team-member .team-content .team-social ul li:nth-child(2) a i {
  -webkit-transform: translateY(120px);
          transform: translateY(120px);
}

.single-team-member .team-content .team-social ul li:nth-child(1) a i {
  -webkit-transform: translateY(160px);
          transform: translateY(160px);
}

.single-team-member .team-content .team-social:hover ul {
  opacity: 1;
}

.single-team-member .team-content .team-social:hover ul li:nth-child(4) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(3) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(2) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(1) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member:hover .team-social .control {
  background-color: var(--mainColor);
  color: #ffffff;
}

.single-team-member:hover .team-social .control::before {
  background-color: var(--mainColor);
}

/*====================================================
HOME THREE AREA
=====================================================*/
/*
Header Area Style
======================================================*/
.header-area.header-area-style-three {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.header-area.header-area-style-three .top-header {
  background-color: transparent !important;
  border-bottom: none;
}

.hide-wp-nav.header-area-style-three {
  top: 32px;
}

/*
Hero Slider Area Style
======================================================*/
.hero-slider-area {
  position: relative;
  background-image: url(../images/slider/slider-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-slider-area .thumbs-wrap {
  max-width: 1300px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.hero-slider-area .thumbs-wrap .owl-thumbs {
  position: absolute;
  bottom: 50px;
  left: 0;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item {
  padding: 0 15px;
  display: inline-block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item span {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 1.3;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item span::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 23px;
  width: 70px;
  height: 1px;
  background-color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active {
  margin-right: 50px;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active span::before {
  opacity: 1;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active span {
  color: var(--mainColor);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active span::before {
  background-color: var(--mainColor);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:hover span {
  color: var(--mainColor);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:hover span::before {
  background-color: var(--mainColor);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:last-child.active {
  margin-right: 0;
  margin-left: 50px;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:last-child.active span::before {
  left: auto;
  right: 27px;
}

.hero-slider-area .owl-item.active .hero-slider-content {
  overflow: hidden;
}

.hero-slider-area .owl-item.active .hero-slider-content h1 {
  -webkit-animation: 1s fadeInLeft both;
          animation: 1s fadeInLeft both;
}

.hero-slider-area .owl-item.active .hero-slider-content p {
  -webkit-animation: 2s fadeInLeft both;
          animation: 2s fadeInLeft both;
}

.hero-slider-area .owl-item.active .hero-slider-content .slider-btn {
  -webkit-animation: 3s fadeInLeft both;
          animation: 3s fadeInLeft both;
}

.hero-slider-area .owl-item.active .slider-img img {
  -webkit-animation: 3s fadeInLeft both;
          animation: 3s fadeInLeft both;
}

.hero-slider-item {
  position: relative;
  z-index: 1;
  height: 850px;
}

.hero-slider-content {
  margin-top: 120px;
}

.hero-slider-content h1 {
  font-size: 70px;
  margin-bottom: 30px;
}

.hero-slider-content p {
  margin-bottom: 30px;
  max-width: 600px;
  font-size: 18px;
}

.hero-slider-content .slider-btn .play-video {
  position: relative;
  top: 16px;
  margin-left: 30px;
}

.hero-slider-content .slider-btn .play-video i {
  font-size: 56px;
  color: var(--mainColor);
}

.hero-slider-content .slider-btn .play-video span {
  color: #30296c;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  top: -15px;
  left: 15px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.hero-slider-content .slider-btn .play-video:hover span {
  color: var(--mainColor);
}

.slider-img {
  position: relative;
  z-index: 1;
  margin-top: 150px;
}

.slider-img img {
  border-radius: 73% 27% 24% 76% / 34% 26% 74% 66% !important;
}

.slider-img.no-circles img {
  border-radius: 0 !important;
}

/*
Video Area Style
======================================================*/
.video-area {
  position: relative;
  z-index: 1;
}

.video-area::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #ffffff;
  z-index: -1;
}

.video-content {
  text-align: center;
  position: relative;
}

.video-content .video-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-content .video-button i {
  font-size: 100px;
  color: #ffffff;
  background-color: rgba(246, 136, 32, 0.9);
  line-height: 1;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.video-content .video-button i:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--mainColor);
}

/*
FAQ Area CSS
======================================================*/
.faq-accordion {
  max-width: 930px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.faq-accordion .shape {
  position: absolute;
  z-index: -1;
}

.faq-accordion .shape.shape-1 {
  left: -50px;
  top: -100px;
}

.faq-accordion .shape.shape-2 {
  right: -50px;
  bottom: -50px;
}

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

.faq-accordion .accordion .accordion-item {
  border-radius: 5px;
  display: block;
  margin-bottom: 15px;
}

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

.faq-accordion .accordion .accordion-title {
  padding: 20px 60px 17px 25px;
  color: #30296c;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 600;
  background-color: #ffffff;
  border-bottom: 1px solid #e9f7fe;
  z-index: 1;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 18px;
  top: 19px;
  font-size: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

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

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: -6px;
  padding: 23px;
  background-color: #ffffff;
}

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

/*====================================================
INNER PAGE STYLE AREA
=====================================================*/
/* 
Page Title Area Style
=====================================================*/
.page-title-area {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
  background-image: url(../images/page-title-bg/page-title-bg-1.html);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.page-title-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #30296c;
  opacity: 0.9;
  z-index: -1;
}

.page-title-area .page-title-content {
  text-transform: capitalize;
  position: relative;
  margin-top: -6px;
  text-align: center;
}

.page-title-area .page-title-content h2 {
  margin-bottom: 0;
  font-size: 48px;
  color: #ffffff;
}

.page-title-area .page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 15px;
  margin-bottom: -5px;
}

.page-title-area .page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 16px;
  padding-right: 15px;
  margin-left: 15px;
  color: #ffffff;
}

.page-title-area .page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  right: -3px;
  background-color: #ffffff;
  width: 1px;
  height: 15px;
}

.page-title-area .page-title-content ul li.active {
  color: var(--mainColor);
}

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

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

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

.page-title-area .page-title-content ul li a {
  color: #ffffff;
}

.page-title-area .page-title-content ul li a:hover {
  color: var(--mainColor);
}

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

.user-area .user-form-content h3 {
  font-size: 24px;
  background-color: #f9fbfe;
  padding: 20px 30px;
  margin-bottom: 0;
}

.user-area .user-form-content .user-form {
  border-bottom: none;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
  margin: auto;
}

.user-area .user-form-content .user-form .form-group {
  margin-bottom: 30px;
}

.user-area .user-form-content .user-form .form-group label {
  font-size: 16px;
  margin-bottom: 12px;
}

.user-area .user-form-content .user-form .form-group .form-control {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.user-area .user-form-content .user-form .login-action {
  margin-bottom: 30px;
}

.user-area .user-form-content .user-form .login-action .log-rem {
  display: inline-block;
}

.user-area .user-form-content .user-form .login-action .log-rem label {
  margin-bottom: 0;
  font-size: 16px;
}

.user-area .user-form-content .user-form .login-action .forgot-login {
  display: inline-block;
  float: right;
}

.user-area .user-form-content .user-form .default-btn {
  width: 100%;
  margin-bottom: 30px;
}

.user-area .user-form-content .or {
  text-align: center;
  font-size: 16px;
  display: block;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.user-area .user-form-content .or::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 45%;
  height: 1px;
  background-color: #cccccc;
  z-index: -1;
}

.user-area .user-form-content .or::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
  width: 45%;
  height: 1px;
  background-color: #cccccc;
  z-index: -1;
}

.user-area .user-form-content .or-login {
  display: block;
  text-align: center;
  border: 1px solid #cccccc;
  padding: 15px 30px;
  border-radius: 4px;
  margin-bottom: 30px;
  font-size: 16px;
}

.user-area .user-form-content .or-login i {
  color: #3b5998;
  font-size: 20px;
  position: relative;
  top: 3px;
}

.user-area .user-form-content .or-login.google i {
  color: #ed1d24;
}

.user-area .user-form-content .or-login:hover {
  background-color: var(--mainColor);
  color: #ffffff;
  border-color: var(--mainColor);
}

.user-area .user-form-content .or-login:hover i {
  color: #ffffff;
}

.user-area .user-form-content .create {
  font-size: 16px;
}

.user-area .user-form-content .create a {
  color: var(--mainColor);
}

.user-area .user-form-content.log-in-width {
  max-width: 930px;
  margin: auto;
}

.user-area .user-form-content.register-width {
  max-width: 930px;
  margin: auto;
}

.user-area #remember-2 {
  position: relative;
  top: 1px;
}

/* 
Main Contact Area Style
=====================================================*/
.main-contact-area .form-group {
  margin-bottom: 30px;
}

.main-contact-area .form-group .form-control {
  background-color: #f9fbfe;
}

.main-contact-area .contact-form h1 {
  font-size: 45px;
  margin-bottom: 30px;
  margin-top: -12px;
}

.main-contact-area .contact-form h2 {
  font-size: 40px;
  margin-bottom: 30px;
  margin-top: -12px;
}

.main-contact-area .contact-form h3 {
  font-size: 35px;
  margin-bottom: 30px;
  margin-top: -12px;
}

.main-contact-area .contact-form h4 {
  font-size: 30px;
  margin-bottom: 30px;
  margin-top: -12px;
}

.main-contact-area .contact-form h5 {
  font-size: 25px;
  margin-bottom: 30px;
  margin-top: -12px;
}

.main-contact-area .contact-form h6 {
  font-size: 20px;
  margin-bottom: 30px;
  margin-top: -12px;
}

.main-contact-area .contact-info {
  margin-left: 50px;
  margin-top: -5px;
}

.main-contact-area .contact-info .top-title {
  color: var(--mainColor);
  display: block;
  margin-bottom: 5px;
}

.main-contact-area .contact-info h2 {
  font-size: 40px;
  margin-bottom: 30px;
}

.main-contact-area .contact-info .address {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.main-contact-area .contact-info .address .location {
  position: relative;
}

.main-contact-area .contact-info .address .location i {
  position: absolute;
  color: #8b8c90;
  left: 0;
  top: 5px;
  font-size: 45px;
}

.main-contact-area .contact-info .address .location span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #30296c;
}

.main-contact-area .contact-info .address li {
  position: relative;
  margin-bottom: 20px;
}

.main-contact-area .contact-info .address li a {
  color: #696687;
  display: block;
}

.main-contact-area .contact-info .address li a:hover {
  color: var(--mainColor);
}

.main-contact-area .contact-info .address li:last-child {
  margin-bottom: 0;
}

.main-contact-area .contact-info .address li i {
  position: absolute;
  color: #8b8c90;
  left: 0;
  top: 0;
  font-size: 45px;
}

.main-contact-area .contact-info .address li span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #30296c;
}

.main-contact-area #msgSubmit {
  text-align: left;
}

.main-contact-area.faq-contact-area .contact-form {
  max-width: 930px;
  margin: auto;
}

.main-contact-area.faq-contact-area .default-btn {
  margin: auto;
  display: table;
  margin-top: 30px;
}

.main-contact-area.faq-contact-area #msgSubmit {
  text-align: center !important;
}

.list-unstyled {
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}

.hidden {
  display: none;
}

#msgSubmit {
  text-align: center;
  margin-top: 30px;
  font-size: 20px;
}

.map-area iframe {
  height: 480px;
  width: 100%;
  border: none !important;
  display: block;
}

/*
Shop Area Style
======================================================*/
.showing-result {
  margin-bottom: 30px;
  margin-right: 15px;
  background-color: #f9fbfe;
  border: 1px solid #ebebeb;
  padding: 10px;
}

.showing-result .showing-top-bar-ordering {
  text-align: right;
}

.showing-result .showing-top-bar-ordering .nice-select {
  color: var(--mainColor);
  border-radius: 0;
  border: none;
  float: unset;
  height: unset;
  line-height: initial;
  padding: 15px 35px 15px 15px;
  font-size: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.showing-result .showing-top-bar-ordering .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 250px;
  overflow-y: scroll;
}

.showing-result .showing-top-bar-ordering .nice-select .list .option {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.showing-result .showing-top-bar-ordering .nice-select .list .option:hover {
  background-color: var(--mainColor) !important;
  color: #ffffff;
}

.showing-result .showing-top-bar-ordering .nice-select .list .option.selected {
  font-weight: 500;
  color: #696687;
}

.showing-result .showing-top-bar-ordering .nice-select:after {
  right: 20px;
}

.showing-result .search-form .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: var(--mainColor);
  color: #ffffff;
  font-size: 20px;
}

.showing-result .search-form .form-control {
  border: 1px solid #d7d7d7;
  background-color: #f5f6fa;
  font-size: 16px;
}

.showing-result .search-form .form-control::-webkit-input-placeholder {
  color: #616161;
}

.showing-result .search-form .form-control:-ms-input-placeholder {
  color: #616161;
}

.showing-result .search-form .form-control::-ms-input-placeholder {
  color: #616161;
}

.showing-result .search-form .form-control::placeholder {
  color: #616161;
}

.single-shop {
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-shop img {
  margin-bottom: 20px;
}

.single-shop a h3 {
  margin-bottom: 10px;
  font-size: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-shop a:hover h3 {
  color: var(--mainColor);
}

.single-shop span {
  font-size: 15px;
  display: block;
  color: #696687;
  margin-bottom: 5px;
}

.single-shop span del {
  margin-right: 10px;
}

.single-shop .rating {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 20px;
}

.single-shop .rating li {
  display: inline-block;
  margin: 0 1px;
}

.single-shop .rating li i {
  color: #ffb607;
}

.single-shop .default-btn {
  background-image: none;
  border: 1px solid var(--mainColor);
  color: #30296c;
}

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

.single-shop:hover .default-btn {
  color: #ffffff;
}

.single-shop:hover .default-btn::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-shop:hover a h3 {
  color: var(--mainColor);
}

.shop-area select {
  border: 1px solid #ebebeb;
  padding: 10px;
}

.shop-area select:focus {
  outline: none;
}

.shop-area .pagination-area {
  text-align: center;
}

/*
Shopping Cart Area Style
======================================================*/
.cart-area .cart-controller {
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  margin-bottom: 35px;
}

.cart-area .trash {
  text-align: center !important;
}

.cart-area .trash .remove {
  color: #ed1d24;
  font-size: 20px;
}

.cart-area .trash .remove:hover {
  color: #ed1d24;
}

.cart-area .shop-thumbnail {
  width: 130px;
}

.cart-area .cart-table {
  text-align: center;
}

.cart-area .cart-table table thead tr {
  border-style: none;
}

.cart-area .cart-table table thead tr th {
  border: none;
  color: #30296c;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 30px;
}

.cart-area .cart-table table tbody tr td {
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
  padding: 15px 30px;
}

.cart-area .cart-table table tbody tr td a {
  color: #30296c;
  font-weight: 700;
}

.cart-area .cart-table table tbody tr td a:hover {
  color: var(--mainColor);
}

.cart-area .cart-table table tbody tr td.shop-quantity {
  width: 145px;
  padding: 0;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter {
  position: relative;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input {
  height: 45px;
  color: #30296c;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input::-webkit-input-placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input:-ms-input-placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input::-ms-input-placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input::placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .minus-btn {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  color: #30296c;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid #dedede;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .minus-btn i {
  font-weight: 700;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .minus-btn:hover {
  color: #ffffff;
  background-color: var(--mainColor);
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .plus-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  cursor: pointer;
  color: #30296c;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid #dedede;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .plus-btn i {
  font-weight: 700;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .plus-btn:hover {
  color: #ffffff;
  background-color: var(--mainColor);
}

.cart-area .coupon-cart {
  padding: 20px;
  padding-top: 5px;
}

.cart-area .coupon-cart .form-group {
  position: relative;
}

.cart-area .coupon-cart .form-group .form-control {
  border: 1px solid #dedede;
}

.cart-area .coupon-cart .form-group .form-control:focus {
  border-color: var(--mainColor);
}

.cart-area .coupon-cart .form-group .default-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 40px;
  height: 55px;
  line-height: 24px;
}

.cart-area .coupon-cart .form-group .default-btn::before {
  display: none;
}

.cart-area .coupon-cart .form-group .default-btn::after {
  display: none;
}

.cart-area .coupon-cart .default-btn.update-cart {
  float: right;
  height: 50px;
}

.cart-area .cart-totals {
  padding: 30px;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  max-width: 400px;
  margin: auto;
}

.cart-area .cart-totals h3 {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--mainColor);
  font-size: 20px;
}

.cart-area .cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-area .cart-totals ul li {
  color: #696687;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dedede;
}

.cart-area .cart-totals ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.cart-area .cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}

.cart-area .cart-totals .default-btn {
  display: block;
}

.cart-area.wishlist-style .cart-controller {
  margin-bottom: 0;
}

.cart-area.wishlist-style .cart-table {
  text-align: center;
}

.cart-area.wishlist-style .cart-table table {
  margin-bottom: 0;
}

/* 
Checkout Area Style
=====================================================*/
.checkout-area .billing-details {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}

.checkout-area .billing-details h3 {
  margin-bottom: 20px;
  font-size: 25px;
}

.checkout-area .billing-details .form-group {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-group .form-control {
  background-color: #ffffff;
  border-color: #ebebeb;
}

.checkout-area .billing-details .form-group label {
  display: block;
  color: #696687;
  margin-bottom: 10px;
  font-size: 16px;
}

.checkout-area .billing-details .form-group label .required {
  color: #696687;
}

.checkout-area .billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #696687;
  padding-top: 0;
  padding-bottom: 0;
}

.checkout-area .billing-details .form-group .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.checkout-area .billing-details .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .list .option:hover {
  background-color: var(--mainColor) !important;
  color: #ffffff;
}

.checkout-area .billing-details .form-group .nice-select .list .option.selected {
  background-color: transparent;
}

.checkout-area .billing-details .form-group .nice-select:after {
  right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus {
  background-color: var(--mainColor) !important;
  color: #ffffff !important;
}

.checkout-area .billing-details .form-group textarea {
  padding-top: 13px;
}

.checkout-area .billing-details .form-check {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-check .form-check-label {
  color: #696687;
  font-weight: 600;
  font-size: 14px;
}

.checkout-area .billing-details .form-check label {
  position: relative;
  top: 1px;
}

.checkout-area .billing-details .col-lg-12:last-child .form-group {
  margin-bottom: 0;
}

.checkout-area .cart-totals {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  background-color: #ffffff;
}

.checkout-area .cart-totals h3 {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--mainColor);
  font-size: 20px;
}

.checkout-area .cart-totals ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.checkout-area .cart-totals ul li {
  color: #696687;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dedede;
}

.checkout-area .cart-totals ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.checkout-area .cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}

.checkout-area .faq-accordion {
  margin-top: 0;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 0;
}

.checkout-area .faq-accordion h3 {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--mainColor);
  font-size: 20px;
}

.checkout-area .faq-accordion .accordion .accordion-content {
  border-top: none;
  padding: 0;
  background-color: transparent;
}

.checkout-area .faq-accordion .accordion .accordion-content .form-group {
  margin-bottom: 30px;
}

.checkout-area .faq-accordion .accordion .accordion-title {
  padding: 0;
  position: relative;
  padding-left: 25px;
  background-color: transparent;
  border: none;
  margin-bottom: 10px;
  color: #30296c;
  font-weight: 600;
}

.checkout-area .faq-accordion .accordion .accordion-title.active::after {
  background-color: var(--mainColor);
}

.checkout-area .faq-accordion .accordion .accordion-title.active::before {
  border-color: var(--mainColor);
}

.checkout-area .faq-accordion .accordion .accordion-title::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -4px;
  width: 17px;
  height: 17px;
  border: 1px solid #30296c;
  border-radius: 50%;
  margin: 3px;
}

.checkout-area .faq-accordion .accordion .accordion-title::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  width: 11px;
  height: 11px;
  background-color: #ffffff;
  border-radius: 50%;
  border-radius: 50%;
}

.checkout-area .faq-accordion .accordion .accordion-title:hover {
  color: var(--mainColor);
}

.checkout-area .faq-accordion .accordion .accordion-item {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 15px;
}

.checkout-area .faq-accordion .form-check {
  font-size: 14px;
}

.checkout-area .faq-accordion .form-check label {
  margin-bottom: 5px;
}

.checkout-area .faq-accordion .form-check label a {
  color: var(--mainColor);
}

.checkout-area .faq-accordion .form-check label a:hover {
  color: var(--mainColor);
}

.checkout-area .log-in-coupon-code .faq-accordion {
  max-width: 100%;
  padding: 15px;
  margin-bottom: 30px;
}

.checkout-area .log-in-coupon-code .faq-accordion .accordion-item {
  margin-bottom: 0;
}

.checkout-area .log-in-coupon-code .faq-accordion .accordion-item p {
  padding-top: 15px;
  padding-bottom: 15px;
}

.checkout-area .log-in-coupon-code .faq-accordion .accordion-item .accordion-title {
  margin-bottom: 0;
  font-weight: 600;
}

/*
Shop Details Area Style
=====================================================*/
.shop-details-area .shop-details-desc {
  padding-left: 15px;
}

.shop-details-area .shop-details-desc h3 {
  margin-bottom: 20px;
  font-size: 25px;
}

.shop-details-area .shop-details-desc p {
  margin-bottom: 0;
}

.shop-details-area .shop-details-desc .price {
  margin-bottom: 15px;
  padding-bottom: 15px;
  color: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #eeeeee;
}

.shop-details-area .shop-details-desc .price span {
  padding: 0 5px;
}

.shop-details-area .shop-details-desc .price del {
  color: var(--mainColor);
  margin-right: 10px;
}

.shop-details-area .shop-details-desc .shop-add-to-cart {
  margin-bottom: 20px;
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
  margin-top: 20px;
}

.shop-details-area .shop-details-desc .shop-add-to-cart h3 {
  display: inline-block;
  margin-right: 10px;
  font-size: 17px;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
  border: 1px solid #cfcfcf;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 34px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span:hover {
  color: var(--mainColor);
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span.minus-btn {
  left: 0;
  border-right: 1px solid #cfcfcf;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span.plus-btn {
  right: 0;
  border-left: 1px solid #cfcfcf;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input {
  height: 30px;
  color: #333333;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input::-webkit-input-placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input:-ms-input-placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input::-ms-input-placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input::placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .social-wrap {
  margin-top: 20px;
}

.shop-details-area .shop-details-desc .social-wrap li {
  display: inline-block;
  padding-right: 10px;
  font-size: 17px;
  font-weight: 600;
  color: #30296c;
}

.shop-details-area .shop-details-desc .social-wrap li span {
  display: inline-block;
  margin-right: 45px;
}

.shop-details-area .shop-details-desc .social-wrap li a i {
  font-size: 20px;
  line-height: 1;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.shop-details-area .shop-details-desc .social-wrap li a:hover i {
  color: var(--mainColor);
}

.shop-details-area .shop-details-desc .default-btn {
  margin-bottom: 0 !important;
}

.shop-details-area .shop-details-desc .default-btn i {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.shop-details-area .shop-details-desc .category {
  font-size: 17px;
  font-weight: 600;
  margin-top: 15px;
}

.shop-details-area .shop-details-desc .category span {
  font-weight: normal;
}

.shop-details-area .shop-details-desc .shop-review {
  position: relative;
  margin-bottom: 10px;
}

.shop-details-area .shop-details-desc .shop-review .rating i {
  color: #ffba0a;
}

.shop-details-area .shop-details-desc .shop-review .rating-count {
  position: absolute;
  top: 0;
  left: 110px;
}

.shop-details-area .shop-details-image {
  text-align: center;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.shop-details-area .tab .tabs_item {
  display: none;
}

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

.shop-details-area .shop-details-tab {
  margin-top: 50px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
}

.shop-details-area .shop-details-tab .tabs {
  list-style-type: none;
  padding: 0;
  border-bottom: 1px solid #eaedff;
  margin-bottom: 0;
}

.shop-details-area .shop-details-tab .tabs li {
  display: inline-block;
  line-height: initial;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 25px;
  color: #30296c;
  font-size: 22px;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.shop-details-area .shop-details-tab .tabs li:hover {
  color: var(--mainColor);
}

.shop-details-area .shop-details-tab .tabs li.current {
  color: var(--mainColor);
}

.shop-details-area .shop-details-tab .tab_content {
  padding: 30px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content p {
  margin-bottom: 20px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content p:last-child {
  margin-bottom: 0;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information li {
  border: 1px solid #eaedff;
  border-bottom: none;
  padding: 10px 15px;
  color: #57647c;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information li:last-child {
  border-bottom: 1px solid #eaedff;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information li span {
  display: inline-block;
  width: 30%;
  color: #30296c;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content h3 {
  margin-bottom: 15px;
  font-size: 22px;
  margin-top: -5px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title {
  position: relative;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .rating {
  display: inline-block;
  position: relative;
  top: 1px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .rating .fas.fa-star {
  color: #ffba0a;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .rating i {
  color: #ffba0a;
  font-size: 14px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title p {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  line-height: initial;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .btn {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 10px 11px;
  font-size: 11px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .btn:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 4px;
  background-color: var(--mainColor);
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments {
  margin-top: 35px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item {
  margin-top: 30px;
  position: relative;
  padding-right: 200px;
  border-top: 1px dashed #eaedff;
  padding-top: 30px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .rating .fas.fa-star {
  color: #ffba0a;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .rating i {
  font-size: 14px;
  color: #ffba0a;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item span {
  margin-bottom: 10px;
  font-size: 13px;
  display: block;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item p {
  margin-bottom: 0;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .review-report-link {
  position: absolute;
  right: 0;
  color: #57647c;
  top: 40px;
  text-decoration: underline;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .review-report-link:hover {
  color: #ff4800;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form {
  margin-top: 30px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group {
  margin-bottom: 30px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group label {
  color: #444444;
  margin-bottom: 12px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group textarea {
  padding-top: 15px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group .form-control {
  font-size: 14px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}

/* 
Sidebar Widget Style
=====================================================*/
.widget-sidebar {
  padding-left: 20px;
  padding-bottom: 0 !important;
}

.sidebar-widget {
  margin-bottom: 35px;
}

.sidebar-widget h3 {
  font-size: 28px;
  background-color: #ffffff;
  margin-bottom: 20px;
  font-weight: 700;
}

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

.sidebar-widget.search .search-form {
  background-color: #ffffff;
  position: relative;
}

.sidebar-widget.search .search-form .form-control {
  border-radius: 0;
}

.sidebar-widget.search .search-form .search-button {
  position: absolute;
  width: 50px;
  height: 47px;
  line-height: 46px;
  top: 4px;
  right: 4px;
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: var(--mainColor);
  border-radius: 0;
}

.sidebar-widget.search .search-form .search-button:hover {
  background-color: #30296c;
}

.sidebar-widget.categories ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 18px;
  position: relative;
  padding-bottom: 10px;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  padding-left: 20px;
}

.sidebar-widget.categories ul li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--mainColor);
  border-radius: 50%;
}

.sidebar-widget.categories ul li a {
  display: block;
  color: #30296c;
}

.sidebar-widget.categories ul li a i {
  font-size: 20px;
  float: right;
  position: relative;
  top: 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.sidebar-widget.categories ul li a:hover {
  color: var(--mainColor);
}

.sidebar-widget.categories ul li span {
  float: right;
  position: relative;
  top: 1px;
}

.sidebar-widget.categories ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sidebar-widget.recent-post {
  margin-bottom: 60px;
}

.sidebar-widget.recent-post ul li {
  margin-bottom: 15px;
  padding-bottom: 40px;
  position: relative;
  padding-left: 90px;
  border-bottom: 1px solid #eeeeee;
}

.sidebar-widget.recent-post ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.sidebar-widget.recent-post ul li a {
  font-size: 20px;
  color: #30296c;
  margin-bottom: 10px;
  font-weight: 600;
  display: inline-block;
  font-family: "Barlow", sans-serif;
}

.sidebar-widget.recent-post ul li a:hover {
  color: var(--mainColor);
}

.sidebar-widget.recent-post ul li a img {
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar-widget.recent-post ul li span {
  display: block;
  font-size: 14px;
}

.sidebar-widget.tags ul li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

.sidebar-widget.tags ul li a {
  border: 1px solid #e1e1e1;
  padding: 8px 12px;
  display: inline-block;
  background-color: #f9fbfe;
  font-size: 15px;
  font-weight: 600;
  -webkit-font-feature-settings: "Barlow", sans-serif;
          font-feature-settings: "Barlow", sans-serif;
}

.sidebar-widget.tags ul li a:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  background-color: var(--mainColor);
  color: #ffffff;
  border-color: var(--mainColor);
}

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

.sidebar-widget.quat-from .form-group {
  margin-bottom: 20px;
}

.sidebar-widget.quat-from label {
  margin-bottom: 12px;
}

.sidebar-widget.quat-from .default-btn {
  width: 100%;
}

.blog-page-area .single-blog h3 {
  font-size: 35px;
  font-weight: 700;
}

/* 
Services Details Area Style
=====================================================*/
.services-content {
  max-width: 930px;
  margin: auto;
}

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

.services-content h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 12px;
}

.services-content .ptb-30 {
  padding-top: 15px;
  padding-bottom: 20px;
}

.services-content .ptb-30 h3 {
  margin-top: -11px;
}

.services-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.services-content ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

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

.services-content ul li i {
  position: absolute;
  top: -4px;
  left: 0;
  color: var(--mainColor);
  font-size: 20px;
}

/* 
Case Details Area Style
=====================================================*/
.case-content .case-img {
  margin-bottom: 20px;
}

.case-content span {
  color: var(--mainColor);
}

.case-content h3 {
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 10px;
}

.case-content .ptb-30 {
  padding-top: 15px;
  padding-bottom: 20px;
}

.case-content .ptb-30 h3 {
  margin-top: -11px;
}

.case-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.case-content ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

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

.case-content ul li i {
  position: absolute;
  top: -4px;
  left: 0;
  color: var(--mainColor);
  font-size: 20px;
}

.case-sidebar {
  margin-left: 15px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.case-sidebar h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: -9px;
}

.case-sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: -5px;
}

.case-sidebar ul li {
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  color: #30296c;
  font-size: 18px;
  margin-bottom: 15px;
  position: relative;
}

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

.case-sidebar ul li span {
  font-family: "Nunito", sans-serif;
  color: #696687;
  font-size: 17px;
  position: absolute;
  top: 1px;
  left: 170px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.case-sidebar ul li a:hover span {
  color: var(--mainColor);
}

/*
Privacy Policy Style
=====================================================*/
.privacy-policy {
  max-width: 930px;
  margin: 0 auto -14px;
}

.privacy-policy .privacy-content {
  margin-bottom: 30px;
}

.privacy-policy .privacy-content h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.privacy-policy .privacy-content p {
  margin-bottom: 10px;
}

.privacy-policy .privacy-content ul {
  margin-top: 20px;
  padding-left: 18px;
  list-style-type: disc;
}

.privacy-policy .privacy-content ul li {
  margin-bottom: 10px;
}

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

.privacy-policy .privacy-content ul li::marker {
  color: var(--mainColor) !important;
}

.privacy-policy .privacy-content.content-8 {
  margin-bottom: 0;
}

/*
Partner Details Style
=====================================================*/
.partner-details {
  max-width: 930px;
  margin: 0 auto -14px;
}

.partner-details .partner-content {
  margin-bottom: 30px;
}

.partner-details .partner-content h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.partner-details .partner-content p {
  margin-bottom: 10px;
}

.partner-details .partner-content ul {
  margin-top: 20px;
  padding-left: 18px;
}

.partner-details .partner-content ul li {
  margin-bottom: 10px;
}

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

.partner-details .partner-content ul li::marker {
  color: var(--mainColor);
}

.partner-details .partner-content.content-8 {
  margin-bottom: 0;
}

.partner-details .partner-content img {
  margin-bottom: 20px;
}

/*
Terms-conditions Style
=====================================================*/
.terms-conditions {
  max-width: 930px;
  margin: 0 auto -14px;
}

.terms-conditions .terms-content {
  margin-bottom: 30px;
}

.terms-conditions .terms-content h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.terms-conditions .terms-content p {
  margin-bottom: 10px;
}

.terms-conditions .terms-content ul {
  margin-top: 20px;
  padding-left: 18px;
}

.terms-conditions .terms-content ul li {
  margin-bottom: 10px;
}

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

.terms-conditions .terms-content ul li::marker {
  color: var(--mainColor);
}

.terms-conditions .terms-content.content-8 {
  margin-bottom: 0;
}

/*
Coming Soon Area CSS
=====================================================*/
.coming-soon-area {
  height: 100vh;
  position: relative;
  background-image: url(../images/coming-soon-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.coming-soon-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.5;
  z-index: -1;
}

.coming-soon-area .coming-soon-content {
  max-width: 700px;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 40px 60px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

.coming-soon-area .coming-soon-content .logo {
  display: inline-block;
}

.coming-soon-area .coming-soon-content h2 {
  font-size: 48px;
  margin-top: -10px;
  margin-bottom: 0;
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 40px;
}

.coming-soon-area .coming-soon-content #timer div {
  border: 4px solid var(--mainColor);
  color: var(--mainColor);
  width: 100px;
  height: 105px;
  border-radius: 5px;
  font-size: 40px;
  font-weight: 800;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px 0 20px 0;
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  margin-top: -2px;
  font-size: 17px;
  font-weight: 600;
}

.coming-soon-area .coming-soon-content form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.coming-soon-area .coming-soon-content form .form-group {
  margin-bottom: 25px;
  width: 100%;
  position: relative;
}

.coming-soon-area .coming-soon-content form .form-group .label-title {
  margin-bottom: 0;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  color: #30296c;
}

.coming-soon-area .coming-soon-content form .form-group .label-title i {
  position: absolute;
  left: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  top: 9px;
  font-size: 22px;
}

.coming-soon-area .coming-soon-content form .form-group .label-title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background: var(--mainColor);
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter {
  border-radius: 0;
  border: 1px solid #eeeeee;
  padding: 10px 20px;
  color: #30296c;
  height: 50px;
  display: block;
  width: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 16px;
  font-weight: 400;
  background-color: #ffffff;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter::-webkit-input-placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter::placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus {
  border-color: var(--mainColor);
  outline: 0 !important;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .default-btn {
  border-radius: 0;
  position: relative;
  height: 46px;
  line-height: 0;
}

.coming-soon-area .coming-soon-content form .default-btn::before {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content form .validation-danger {
  margin-top: 15px;
  color: #ff0000;
}

.coming-soon-area .coming-soon-content form .validation-success {
  margin-top: 15px;
}

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

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
  position: absolute;
  top: 2px;
  right: 2px;
}

.coming-soon-area .online-treatment-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
}

.coming-soon-area .online-treatment-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

/*
404 Error Area Style
=====================================================*/
.error-area {
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #e9fcff;
}

.error-area .error-content {
  z-index: 1;
  position: relative;
}

.error-area .error-content h1 {
  font-size: 300px;
  line-height: 1;
  font-weight: 700;
  color: var(--mainColor);
  margin-top: -59px;
}

.error-area .error-content h1 .a {
  display: inline-block;
}

.error-area .error-content h1 .red {
  color: #ff0000;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.error-area .error-content h1 .b {
  display: inline-block;
}

.error-area .error-content h3 {
  margin: 30px 0 0;
  position: relative;
  color: #ff0000;
}

.error-area .error-content p {
  margin: 20px 0 20px;
  font-size: 19px;
  color: var(--mainColor);
}

/*====================================================
OTHERS STYLE AREA
=====================================================*/
/*
Preloader Area Style*/
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  top: 0;
  left: 0;
  z-index: 99999;
}

.preloader .lds-ripple {
  position: absolute;
  width: 80px;
  height: 80px;
  -webkit-animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
          animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-40px, -50px);
          transform: translate(-40px, -50px);
}

.preloader .preloader-container {
  width: 80px;
  height: 80px;
}

.preloader .pl-spark-1 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  margin: 0 auto 18px auto;
  position: relative;
  width: 50px;
  height: 50px;
}

.preloader .pl-spark-1:before, .preloader .pl-spark-1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background: var(--mainColor);
  display: block;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.preloader .pl-spark-1.pl-spark-2:before {
  -webkit-animation-name: scaleA;
          animation-name: scaleA;
}

.preloader .pl-spark-1.pl-spark-2:after {
  -webkit-animation-name: scaleB;
          animation-name: scaleB;
}

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

@-webkit-keyframes scaleA {
  from, 50%, to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%, 75% {
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}

@keyframes scaleA {
  from, 50%, to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%, 75% {
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}

@-webkit-keyframes scaleB {
  from, 50%, to {
    -webkit-transform: rotate(90deg) scale(0);
            transform: rotate(90deg) scale(0);
  }
  12.5%, 62.5% {
    -webkit-transform: rotate(90deg) scale(1);
            transform: rotate(90deg) scale(1);
  }
  37.5%, 87.5% {
    -webkit-transform: rotate(90deg) scale(-1);
            transform: rotate(90deg) scale(-1);
  }
}

@keyframes scaleB {
  from, 50%, to {
    -webkit-transform: rotate(90deg) scale(0);
            transform: rotate(90deg) scale(0);
  }
  12.5%, 62.5% {
    -webkit-transform: rotate(90deg) scale(1);
            transform: rotate(90deg) scale(1);
  }
  37.5%, 87.5% {
    -webkit-transform: rotate(90deg) scale(-1);
            transform: rotate(90deg) scale(-1);
  }
}

/*
Go Top Style*/
.go-top {
  position: fixed;
  cursor: pointer;
  right: 3%;
  top: 87%;
  background-color: var(--mainColor);
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  -webkit-transform: scale(0);
          transform: scale(0);
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--mainColor);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background-color: var(--mainColor);
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 84%;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*
Video wave Style*/
.video-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 0;
  color: var(--mainColor);
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: rgba(98, 189, 94, 0.8);
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.video-btn i {
  font-size: 42px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.video-btn::after, .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
  background-color: rgba(98, 189, 94, 0.8);
}

.video-btn:hover {
  background-color: rgba(27, 27, 27, 0.8);
}

.video-btn:hover::before, .video-btn:hover::after {
  background-color: rgba(27, 27, 27, 0.8);
}

@-webkit-keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

/*
Nice select Area Style*/
.nice-select .list {
  width: 100%;
  border-radius: 0;
  height: 200px;
  overflow-y: scroll;
}

.nice-select .option:hover {
  background-color: var(--mainColor);
  color: #ffffff;
}

.nice-select .option.selected.focus {
  color: var(--mainColor);
}

.nice-select .current {
  font-size: 16px;
}

/*
Keyframes Area Style
======================================================*/
@-webkit-keyframes moVebounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes moVebounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

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

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

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

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

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

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

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

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

.navbar-brand h2 {
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
}

.dropdown-toggle::after {
  vertical-align: 0;
  font-size: 18px;
  content: "\ea4e";
  margin-left: 5px;
  font-family: 'remixicon' !important;
  font-weight: 700;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  margin-top: -18px;
  position: relative;
  top: 5px;
}

.gallery-boxed {
  display: none;
}

.wpcf7-not-valid-tip {
  margin-top: 7px;
}

.main-contact-area .wpcf7-list-item {
  margin: 0 0 0 0;
}

.main-contact-area .default-btn {
  margin-top: 30px;
}

.page-title-area {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.single-blog-post .post-content h3 {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

/*
Footer Area Style
======================================================*/
.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget table {
  background: transparent;
}

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

.single-footer-widget p {
  margin-bottom: 25px;
  margin-top: 20px;
}

.single-footer-widget .social-icon {
  line-height: 1;
  padding: 0;
  margin: 0;
  margin-top: 25px;
  list-style-type: none;
}

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

.single-footer-widget .social-icon li span {
  color: #ffffff;
}

.single-footer-widget .social-icon li a i {
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
  background-color: var(--mainColor);
  color: #ffffff;
  border-radius: 4px;
}

.single-footer-widget .social-icon li a:hover i {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.single-footer-widget h3 {
  font-size: 24px;
  margin-bottom: 25px;
  position: relative;
  margin-top: -5px;
}

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

.single-footer-widget .address li {
  position: relative;
  margin-bottom: 13px;
  position: relative;
  padding-left: 35px;
}

.single-footer-widget .address li i {
  position: absolute;
  color: var(--mainColor);
  left: 0;
  top: 0;
  font-size: 15px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
  background-color: var(--mainColor);
  color: #ffffff;
  border-radius: 4px;
}

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

.single-footer-widget .address li a:hover {
  color: var(--mainColor);
}

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

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

.single-footer-widget ul li {
  margin-bottom: 10px;
}

.single-footer-widget ul li a {
  color: #696687;
}

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

.single-footer-widget ul li:hover::before {
  border-radius: 50%;
}

.single-footer-widget .newsletter-form {
  position: relative;
}

.single-footer-widget .newsletter-form p {
  margin-bottom: 25px;
}

.single-footer-widget .newsletter-form .form-control {
  background-color: #ffffff;
}

.single-footer-widget .newsletter-form .form-control::-webkit-input-placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .form-control:-ms-input-placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .form-control::-ms-input-placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .form-control::placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .send-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  color: #ffffff;
  font-size: 25px;
}

.single-footer-widget .newsletter-form #validator-newsletter {
  color: #8b0000;
  margin-top: 10px;
}

/* WP Monster CSS */
.footer-area table {
  background: transparent;
}

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

.footer-area .single-footer-widget ul li ul {
  margin-top: 10px;
  padding-left: 20px;
}

.footer-area .single-footer-widget .recentcomments .comment-author-link {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}

.footer-area .single-footer-widget .recentcomments a {
  font-weight: 600;
}

.footer-area .widget_rss ul li {
  margin-bottom: 20px;
}

.footer-area .widget_rss ul li::before {
  top: 10px;
}

.footer-area .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.footer-area .widget_rss ul li .rsswidget {
  display: block;
  font-weight: 600;
  font-size: 18px;
}

.footer-area .widget_rss ul li .rss-date {
  font-size: 13px;
  margin: 10px 0 10px;
  display: block;
  text-transform: uppercase;
}

.footer-area .widget_rss ul li .rssSummary {
  line-height: 25px;
  font-size: 14px;
}

.footer-area .widget_rss ul li cite {
  font-weight: 500;
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-size: 14px;
}

.footer-area .widget_text p img {
  margin: 10px 0;
}

.footer-area .widget_text .wp-caption-text {
  border: none;
  text-align: center;
  font-size: 14px;
}

.footer-area select {
  border: 1px solid #eee;
  width: 100%;
  height: 45px;
  padding: 5px 15px;
  color: #141414;
  font-weight: 600;
}

.footer-area .widget_tag_cloud .tagcloud a {
  display: inline-block;
  font-size: 14px !important;
  padding: 5px 10px;
  border: 1px solid #30296c;
  margin-top: 8px;
  margin-right: 10px;
  text-transform: capitalize;
  color: #30296c;
}

.footer-area ul li {
  margin-bottom: 10px;
  line-height: 1.8;
}

.footer-area ul li:last-child {
  margin-bottom: 0;
}

.footer-area table td, .footer-area table th {
  padding: 6px 5px;
  font-size: 13px;
  text-align: center;
  color: #30296c;
}

.footer-area table caption {
  caption-side: top;
  font-weight: bold;
  padding-top: 0;
  color: #30296c;
}

.footer-area .select {
  color: #333;
  margin-bottom: 0;
}

.footer-area span.post-count {
  float: right;
  font-size: 14px;
}

.footer-area .rsswidget {
  display: inline-block;
  color: #30296c;
}

.footer-area .nice-select ul.list li {
  color: #555;
}

/* Blog Unit test all */
/*================================================
Sidebar Area CSS
=================================================*/
/* Widget sidebar */
.blog-sidebar {
  padding-left: 20px;
}

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

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

.blog-sidebar .widget {
  background-color: #ffffff;
}

.blog-sidebar .widget .widget-title {
  margin-bottom: 20px;
  text-transform: capitalize;
  position: relative;
  color: #30296c;
  font-weight: 700;
  font-size: 28px;
}

.blog-sidebar .widget.widget_tag_cloud .widget-title {
  margin-bottom: 12px;
}

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

.blog-sidebar .widget ul li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

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

.blog-sidebar .widget ul li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #f68820;
  border-radius: 50%;
}

.blog-sidebar .widget ul li span {
  display: inline-block;
}

.blog-sidebar .widget ul li a {
  display: inline-block;
  color: #30296c;
}

.blog-sidebar .widget ul li a:hover {
  color: #f68820;
}

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

.blog-sidebar .widget ul li a .post_count {
  position: absolute;
  right: 0;
  border: 1px solid #eee;
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  color: #30296c;
}

.blog-sidebar .widget_search .wp-block-search__button {
  width: 90px;
  height: 49px;
  top: 0;
}

.blog-sidebar .widget_search form {
  position: relative;
}

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

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

.blog-sidebar .widget_search form .search-field {
  background-color: #ffffff;
  height: 55px;
  padding: 10px 20px;
  color: #f68820;
  border: 1px solid #d7d7d7;
  background-color: transparent;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.blog-sidebar .widget_search form button {
  position: absolute;
  right: 4px;
  top: 4px;
  outline: 0;
  bottom: 0;
  height: 47px;
  line-height: 46px;
  padding: 0 8px;
  width: 50px;
  z-index: 1;
  border: none;
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: #f68820;
  border-radius: 0;
}

.blog-sidebar .widget_search form button:hover {
  background-color: #30296c;
}

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

.blog-sidebar .widget_categories ul li a {
  text-transform: capitalize;
}

.blog-sidebar .widget_categories ul li .children {
  margin-top: 10px;
}

.blog-sidebar .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 10px;
  display: inline-block;
}

.blog-sidebar .widget_pages ul li a {
  text-transform: capitalize;
}

.blog-sidebar .widget_rss ul li {
  margin-bottom: 20px;
}

.blog-sidebar .widget_rss ul li::before {
  top: 10px;
}

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

.blog-sidebar .widget_rss ul li .rsswidget {
  display: block;
  color: #30296c;
  font-weight: 600;
  font-size: 18px;
}

.blog-sidebar .widget_rss ul li .rss-date {
  font-size: 13px;
  margin: 3px 0 10px;
  display: block;
}

.blog-sidebar .widget_rss ul li .rssSummary {
  color: #555;
  line-height: 25px;
  font-size: 14px;
}

.blog-sidebar .widget_rss ul li cite {
  font-weight: bold;
  display: block;
  margin-top: 10px;
  font-style: normal;
  color: #222;
  font-size: 13.5px;
}

.blog-sidebar .widget_rss .widget-title .rsswidget {
  display: inline-block;
}

.blog-sidebar .tagcloud a {
  display: inline-block;
  font-weight: 600;
  font-size: 15px !important;
  padding: 8px 12px;
  border: 1px solid #e1e1e1;
  background-color: #f9fbfe;
  position: relative;
  color: #696687;
  margin-top: 8px;
  margin-right: 10px;
}

.blog-sidebar .tagcloud a:hover, .blog-sidebar .tagcloud a:focus {
  color: #ffffff;
}

.blog-sidebar .widget_text p img {
  margin: 10px 0;
}

.blog-sidebar .widget_text .wp-caption-text {
  border: none;
  text-align: center;
  font-size: 14px;
}

.blog-sidebar .calendar_wrap table {
  text-align: center;
  margin-bottom: 0;
}

.blog-sidebar .calendar_wrap table #prev a, .blog-sidebar .calendar_wrap table #next a {
  text-decoration: underline;
}

.blog-sidebar .calendar_wrap table #prev a:hover, .blog-sidebar .calendar_wrap table #next a:hover {
  text-decoration: none;
}

.blog-sidebar .calendar_wrap table td, .blog-sidebar .calendar_wrap table th {
  padding: 8px 5px;
}

.blog-sidebar .calendar_wrap caption {
  padding-top: 0;
  caption-side: top;
  font-weight: 600;
}

.blog-sidebar .widget_nav_menu .sub-menu {
  margin-top: 8px;
}

.blog-sidebar .widget_recent_comments .recentcomments {
  color: #696687;
  font-weight: 400;
}

.blog-sidebar .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: bold;
  font-size: 18px;
}

.blog-sidebar .widget_recent_comments .recentcomments a {
  color: #30296c;
  font-weight: 600;
}

.blog-sidebar .widget_media_gallery .gallery {
  margin: 0;
}

.blog-sidebar .widget_media_gallery .gallery .gallery-item {
  margin: 0;
}

.blog-sidebar .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 12px;
  color: #767676;
}

.blog-sidebar p {
  font-size: 15px;
}

.blog-sidebar span.post-count {
  float: right;
  font-size: 15px;
  color: #30296c;
}

.nice-select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  color: #555;
  font-size: 13.5px;
  float: none;
  white-space: normal;
}

.nice-select span.current {
  display: block;
  margin-top: 3px;
  font-size: 15px;
}

.nice-select ul.list {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important;
  border-radius: 0;
  width: 100%;
  overflow-y: auto;
}

.nice-select ul.list li {
  list-style-type: none !important;
  font-size: 14px;
  padding: 8px 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: auto;
  text-transform: capitalize;
}

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

.widget_text form br {
  display: none;
}

/* End Widget sidebar */
/* WP core style */
.alignnone {
  display: block;
  margin-bottom: 15px;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 15px auto 15px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption.alignnone {
  margin: 15px auto 10px;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.screen-reader-text {
  display: none;
}

.gallery-caption {
  z-index: 100000;
}

.bypostauthor {
  z-index: 100000;
}

/* End WP core style */
.blog-area {
  position: relative;
  z-index: 1;
}

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

.single-blog-post {
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 0;
  background-color: #ffffff;
}

.single-blog-post .entry-thumbnail a img {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-bottom: 20px;
}

.single-blog-post .post-content {
  position: relative;
}

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

.single-blog-post .post-content .entry-meta li {
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
  color: #666666;
  font-size: 15px;
}

.single-blog-post .post-content .entry-meta li i {
  color: #f68820;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.single-blog-post .post-content .entry-meta li a {
  color: #666666;
}

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

.single-blog-post .post-content h3 a {
  color: #30296c;
}

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

.single-blog-post .post-content .learn-more-btn {
  margin-top: 12px;
  font-size: 15px;
  color: #30296c;
  font-weight: 600;
}

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details-area {
  position: relative;
  z-index: 1;
}

.blog-details .article-image {
  margin-bottom: 20px;
}

.blog-details .blog-details-content {
  background-color: #ffffff;
  border-top: none;
  overflow: hidden;
}

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

.blog-details .blog-details-content .entry-meta li i {
  font-style: normal;
  color: #f68820;
  position: relative;
  top: 1.5px;
  margin-right: 5px;
}

.blog-details .blog-details-content .entry-meta li a {
  text-decoration: none;
}

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

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

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

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

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

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

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

.entry-meta {
  padding-left: 0;
  margin-bottom: 17px;
  list-style-type: none;
  text-transform: capitalize;
}

.entry-meta li {
  position: relative;
  display: inline-block;
  margin-right: 21px;
}

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

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

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

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

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

blockquote, .blockquote {
  background-color: #fff8f0;
  padding: 30px !important;
  line-height: 25px;
  font-weight: 500;
  position: relative;
  margin: 20px 0;
  z-index: 1;
}

blockquote::before, .blockquote::before {
  content: "\ec51";
  font-size: 100px;
  line-height: 1;
  color: #eae3e3;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: -1;
  font-family: 'remixicon' !important;
}

blockquote p, .blockquote p {
  font-size: 20px;
  font-weight: 600;
  max-width: 600px;
  margin: auto;
  text-align: center;
  color: #30296c;
}

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

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

/*================================================
Pagination Area CSS
=================================================*/
.pages-links {
  margin: 15px 0;
}

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

.pages-links .post-page-numbers {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #30296c;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 17px;
  background-color: #f9fbfe;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #ebebeb;
}

.pages-links .post-page-numbers i {
  font-size: 20px;
}

.pages-links .post-page-numbers.next {
  top: 3px;
}

.pages-links .post-page-numbers.current, .pages-links .post-page-numbers:hover, .pages-links .post-page-numbers:focus {
  color: #ffffff;
  border-color: var(--mainColor);
  background-color: var(--mainColor);
}

/*
Page-navigation Area Style*/
.pagination-area {
  margin-top: 10px;
}

.pagination-area .page-numbers {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #30296c;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 17px;
  background-color: #f9fbfe;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #ebebeb;
}

.pagination-area .page-numbers:hover {
  color: #ffffff;
  border-color: var(--mainColor);
  background-color: var(--mainColor);
}

.pagination-area .page-numbers i {
  font-size: 20px;
}

.pagination-area .page-numbers.next, .pagination-area .page-numbers.prev {
  top: 3px;
}

.pagination-area .page-numbers.current {
  color: #ffffff;
  border-color: var(--mainColor);
  background-color: var(--mainColor);
}

/* Unit test pages style 
====================================================================*/
/* Sticky Post */
.sticky .single-blog-post.active {
  padding: 0;
}

.sticky .post-content {
  padding-left: 60px;
  background: #343a40;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
}

.sticky .post-content .title::before {
  font-family: "Font Awesome 5 Free";
  content: "\f08d";
  position: absolute;
  left: -30px;
  top: 10px;
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
}

.sticky .post-content .entry-meta li {
  color: #ffffff !important;
}

.sticky .post-content .entry-meta li a {
  color: #ffffff !important;
}

.sticky .post-content .entry-meta li::before {
  background: #fff !important;
}

.sticky .post-content .title a {
  color: #ffffff;
}

.sticky .post-content p {
  color: #ffffff;
}

.sticky .post-content .learn-more-btn {
  color: #ffffff;
}

/* End Sticky Post */
/* Page Markup And Formatting */
.page-main-content {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.page-main-content h1 {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h2 {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h3 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content p {
  margin-top: 18px;
  margin-bottom: 18px;
}

.page-main-content p:first-child {
  margin-top: 0;
}

.page-main-content .entry-content a {
  text-decoration: underline;
  display: inline-block;
}

.page-main-content .entry-content a:hover {
  text-decoration: none;
}

.page-main-content footer.entry-footer {
  clear: both;
}

.page-main-content footer.entry-footer .edit-link {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.page-main-content dl, .page-main-content ol, .page-main-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-main-content dt {
  margin-bottom: 5px;
  color: #0d1028;
}

.page-main-content dd {
  margin: 0 1rem 1rem;
  line-height: 1.8;
}

.page-main-content ul {
  list-style: disc;
  padding-left: 20px;
}

.page-main-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 5px;
}

.page-main-content ul li ul {
  margin: 5px 0 0;
  list-style-type: circle;
}

.page-main-content ul li ul li {
  list-style-type: circle;
}

.page-main-content ol {
  padding-left: 20px;
}

.page-main-content ol li {
  line-height: 1.8;
  margin-bottom: 5px;
}

.page-main-content ol li ol {
  margin: 5px 0 0;
}

.page-main-content b, .page-main-content strong {
  color: #212529;
}

.page-main-content dfn, .page-main-content cite, .page-main-content em, .page-main-content i {
  font-style: italic;
}

.page-main-content code, .page-main-content kbd, .page-main-content tt, .page-main-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.page-main-content kbd {
  background-color: #f1f0f0;
  color: #696687;
}

.page-main-content mark, .page-main-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.page-main-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.page-main-content abbr, .page-main-content acronym {
  border-bottom: 1px dotted #30296c;
  cursor: help;
}

address {
  margin: 20px 0;
  font-style: italic;
  line-height: 30px;
}

table {
  margin: 0 0 2rem;
  border-collapse: collapse;
  width: 100%;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  background: #ffffff;
}

table td, table th {
  padding: 10px 15px;
  border: 1px solid #d3dbe2;
  font-size: 13px;
}

table td a {
  font-weight: 600;
}

table th a {
  text-decoration: underline;
}

table th a:hover {
  text-decoration: none;
}

/* End Page Markup And Formatting */
/* hixo posts thumb */
.widget_hixo_posts_thumbs {
  position: relative;
  overflow: hidden;
}

.widget_hixo_posts_thumbs .item {
  overflow: hidden;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
}

.widget_hixo_posts_thumbs .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.widget_hixo_posts_thumbs .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.widget_hixo_posts_thumbs .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.widget_hixo_posts_thumbs .item .info {
  overflow: hidden;
  margin-top: 10px;
}

.widget_hixo_posts_thumbs .item .info time {
  display: block;
  text-transform: capitalize;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
}

.widget_hixo_posts_thumbs .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 600;
  font-family: "Barlow", sans-serif;
}

.widget_hixo_posts_thumbs .item .info .title a {
  color: #30296c;
}

/* End hixo posts thumb */
/* HTML Tags and Formatting */
.blog-details .blog-details-content .entry-meta {
  margin-top: 0;
  margin-bottom: 0;
}

.blog-details .blog-details-content h1 {
  font-size: 38px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content h3 {
  font-size: 33px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content h4 {
  font-size: 25px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content h5 {
  font-size: 20px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
}

.blog-details .blog-details-content p {
  line-height: 1.8;
}

.blog-details .blog-details-content p a {
  text-decoration: underline;
  display: inline-block;
}

.blog-details .blog-details-content p a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content .entry-content a {
  text-decoration: underline;
}

.blog-details .blog-details-content .entry-content a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content dl, .blog-details .blog-details-content ol, .blog-details .blog-details-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content dl a, .blog-details .blog-details-content ol a, .blog-details .blog-details-content ul a {
  text-decoration: underline;
  display: inline-block;
}

.blog-details .blog-details-content dl a:hover, .blog-details .blog-details-content ol a:hover, .blog-details .blog-details-content ul a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content dt {
  margin-bottom: 5px;
  color: #000000;
}

.blog-details .blog-details-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.blog-details .blog-details-content dd a {
  text-decoration: underline;
  display: inline-block;
}

.blog-details .blog-details-content dd a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content ul {
  list-style: disc;
  padding-left: 20px;
}

.blog-details .blog-details-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 10px;
  color: #666666;
}

.blog-details .blog-details-content ul li ul {
  margin: 10px 0 0;
  list-style-type: circle;
}

.blog-details .blog-details-content ul li ul li {
  list-style-type: circle;
}

.blog-details .blog-details-content ul li ol {
  margin: 10px 0 0;
  list-style-type: circle;
}

.blog-details .blog-details-content ul li ol li {
  list-style-type: decimal;
}

.blog-details .blog-details-content ul li ol li ul li {
  list-style-type: circle;
}

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

.blog-details .blog-details-content ol {
  padding-left: 20px;
}

.blog-details .blog-details-content ol li {
  line-height: 1.8;
  margin-bottom: 10px;
  color: #666666;
}

.blog-details .blog-details-content ol li ol, .blog-details .blog-details-content ol li ul {
  margin: 10px 0 0;
}

.blog-details .blog-details-content b, .blog-details .blog-details-content strong {
  font-weight: 600;
  color: #212529;
}

.blog-details .blog-details-content dfn, .blog-details .blog-details-content cite, .blog-details .blog-details-content em, .blog-details .blog-details-content i {
  font-style: italic;
}

.blog-details .blog-details-content code, .blog-details .blog-details-content kbd, .blog-details .blog-details-content tt, .blog-details .blog-details-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.blog-details .blog-details-content kbd {
  background-color: #eee;
}

.blog-details .blog-details-content mark, .blog-details .blog-details-content ins {
  background: #fff9c0;
  text-decoration: none;
  color: #000;
  padding: 0 5px;
}

.blog-details .blog-details-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.blog-details .blog-details-content abbr, .blog-details .blog-details-content acronym {
  border-bottom: 1px dotted #30296c;
  cursor: help;
}

.blog-details .blog-details-content i.fa {
  font-style: normal;
}

.blog-details .blog-details-content ul.entry-meta {
  margin-bottom: 8px;
  padding: 0;
  line-height: 1.8;
}

.blog-details .blog-details-content ul.entry-meta li {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
  margin-bottom: 0;
  line-height: 1;
}

.blog-details .blog-details-content ul.entry-meta li a {
  text-transform: capitalize;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
  color: #696687;
}

.blog-details .blog-details-content ul.entry-meta li span a {
  text-decoration: none;
}

.blog-details .blog-details-content iframe, .blog-details .blog-details-content video {
  width: 100%;
}

.blog-details .blog-details-content blockquote::before {
  top: 0;
}

.blog-details .blog-details-content blockquote.wp-block-quote::before {
  top: 20px;
}

/* End HTML Tags and Formatting */
/* main page: Comments */
.comments-area .comment-content h1 {
  font-size: 30px;
  margin-bottom: 15px;
}

.comments-area .comment-content h2 {
  font-size: 25px;
  margin-bottom: 15px;
}

.comments-area .comment-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.comments-area .comment-content h4 {
  font-size: 18px;
  margin-bottom: 15px;
}

.comments-area .comment-content h5 {
  font-size: 16px;
  margin-bottom: 15px;
}

.comments-area .comment-content h6 {
  font-size: 14px;
  margin-bottom: 15px;
}

.comments-area .comment-content p {
  margin-bottom: 20px;
  line-height: 1.8;
  font-size: 14px;
}

.comments-area .comment-content p:last-child {
  margin-bottom: 0;
}

.comments-area .comment-content .entry-content a {
  text-decoration: underline;
}

.comments-area .comment-content .entry-content a:hover {
  text-decoration: none;
}

.comments-area .comment-content dl, .comments-area .comment-content ol, .comments-area .comment-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.comments-area .comment-content dt {
  margin-bottom: 5px;
}

.comments-area .comment-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.comments-area .comment-content ul {
  list-style: disc;
  padding-left: 20px;
}

.comments-area .comment-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 10px;
}

.comments-area .comment-content ul li ul {
  margin: 10px 0 0;
  list-style-type: circle;
}

.comments-area .comment-content ul li ul li {
  list-style-type: circle;
}

.comments-area .comment-content ol {
  padding-left: 20px;
}

.comments-area .comment-content ol li {
  line-height: 1.8;
  margin-bottom: 10px;
  list-style-type: decimal;
}

.comments-area .comment-content ol li ol {
  margin: 10px 0 0;
}

.comments-area .comment-content b, .comments-area .comment-content strong {
  font-weight: 600;
  color: #212529;
}

.comments-area .comment-content dfn, .comments-area .comment-content cite, .comments-area .comment-content em, .comments-area .comment-content i {
  font-style: italic;
}

.comments-area .comment-content code, .comments-area .comment-content kbd, .comments-area .comment-content tt, .comments-area .comment-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.comments-area .comment-content kbd {
  background-color: #fafafa;
  color: #696687;
}

.comments-area .comment-content mark, .comments-area .comment-content ins {
  background: #fff9c0;
  text-decoration: none;
  color: #000;
  padding: 0 6px;
}

.comments-area .comment-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
  background: #fafafa;
  color: #000000;
}

.comments-area .comment-content abbr, .comments-area .comment-content acronym {
  border-bottom: 1px dotted #30296c;
  cursor: help;
}

/* End main page: Comments */
/* Comments list style */
#comments {
  clear: both;
  overflow: hidden;
  list-style: none;
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
  margin-top: 30px;
}

#comments .comment-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#comments .comment-list .children {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#comments .comment-list:before {
  display: none;
}

#comments .comment-list .comment-body {
  border-bottom: 1px solid #eeeeee;
  margin-left: 65px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#comments .comment-list .comment-body a {
  text-decoration: underline;
  display: inline-block;
}

#comments .comment-list .comment-body a:hover {
  text-decoration: none;
}

#comments .comment-list .comment-body .comment-content img {
  margin: 5px 0;
}

#comments .comment-list .comment-body .reply {
  margin-top: 20px;
}

#comments .comment-list .comment-body .reply a {
  border: 1px solid #ded9d9;
  background: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px 20px;
  line-height: 1;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}

#comments .comment-list .comment-body .reply a:hover {
  color: #ffffff;
}

#comments .comment-author {
  font-size: 15px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  clear: both;
}

#comments .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

#comments .comment-author .says {
  display: none;
}

#comments .comment-author b.fn {
  font-weight: 600;
  color: #000000;
}

#comments .comment-author b.fn a {
  color: #000000;
  text-decoration: none;
}

#comments .comment-meta {
  margin-bottom: 1em;
}

#comments .comment-metadata {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}

#comments .comment-metadata a {
  text-decoration: none !important;
  display: inline-block;
}

#comments .comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}

#comments .comment-reply-link {
  font-weight: 600;
  position: relative;
}

#comments .comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}

#comments .children {
  padding-left: 10px !important;
}

#comments .children .comment-author .avatar {
  height: 30px;
  left: -45px;
  width: 30px;
}

#comments .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #575757;
  padding: 2px;
}

#comments .no-comments,
#comments .comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}

#comments .comments-pagination {
  margin: 2em 0 3em;
}

.comments-area .comment-list .comment .comment-respond {
  margin-bottom: 30px;
}

.comments-title {
  position: relative;
  margin-bottom: 25px !important;
  font-size: 28px !important;
  line-height: 1.5;
  font-weight: 700;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}

.comments-title::before {
  content: '';
  position: absolute;
  left: -30px;
  top: 13px;
  height: 25px;
  width: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* End Comments list style */
/* Comment form */
.comment-respond {
  background: #ffffff;
  padding: 0;
  clear: both;
}

.comment-respond .comment-reply-title {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 25px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
}

.comment-respond .comment-reply-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -30px;
  position: absolute;
  top: 13px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.comment-respond .comment-reply-title #cancel-comment-reply-link {
  font-size: 14px;
  color: red;
  display: inline-block;
}

.comment-respond label {
  display: block;
  margin-bottom: 8px;
  color: #696687;
  font-weight: 600;
}

.comment-respond input[type="date"], .comment-respond input[type="time"], .comment-respond input[type="datetime-local"], .comment-respond input[type="week"], .comment-respond input[type="month"], .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond input[type="password"], .comment-respond input[type="search"], .comment-respond input[type="tel"], .comment-respond input[type="number"], .comment-respond textarea {
  background-image: none;
  background-color: #f9fbfe;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  color: #696687;
  padding: 0.625em 15px;
  width: 100%;
  height: 45px;
  font-size: 14px;
}

.comment-respond textarea {
  height: auto !important;
}

.comment-respond .form-submit {
  text-align: left;
}

.comment-respond .form-submit input {
  border: none;
  color: #ffffff;
  padding: 20px 45px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border-radius: 4px;
  text-transform: capitalize;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa203), to(#ff5e29));
  background-image: linear-gradient(to right, #ffa203, #ff5e29);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 600;
  font-size: 16px;
}

.comment-respond .form-submit input:hover, .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff5e29), to(#ffa203));
  background-image: linear-gradient(to right, #ff5e29, #ffa203);
}

.comment-respond input:focus, .comment-respond textarea:focus {
  outline: 0;
}

.comment-respond p {
  line-height: 1;
  margin-bottom: 0;
  margin-top: 25px;
}

.comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  line-height: 20px;
  font-weight: normal;
  font-size: 13.4px;
}

.comment-respond p.comment-notes {
  line-height: 26px;
  font-size: 14px;
  margin-top: 5px;
}

.comment-respond p.comment-form-comment {
  float: left;
  width: 100%;
}

.comment-respond p.comment-form-author {
  width: 50%;
  float: left;
  padding-right: 12px;
}

.comment-respond p.comment-form-email {
  width: 50%;
  float: left;
  padding-left: 12px;
}

.comment-respond p.comment-form-url {
  float: left;
  width: 100%;
}

.comment-respond p.comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
}

.comment-respond p.comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 3px;
}

.comment-respond p.form-submit {
  float: left;
  width: 100%;
}

.comment-respond p.logged-in-as {
  line-height: 26px;
  font-size: 15px;
  margin-top: 5px;
}

.comment-respond p.logged-in-as a {
  display: inline-block;
  text-decoration: underline;
  font-size: 13.5px;
}

.comment-respond p.logged-in-as a:hover {
  text-decoration: none;
}

.parent .comment-respond p.form-submit, .depth-1 .comment-respond p.form-submit {
  margin-bottom: 30px;
}

/* End Comment form */
/* Unit test all post style */
.wp-block-image {
  margin-bottom: 20px;
}

.wp-block-image figcaption {
  font-size: 14px;
  margin-top: 12px;
  text-align: center;
}

.wp-block-image figcaption a {
  text-decoration: underline;
  display: inline-block;
}

.wp-block-image figcaption a:hover {
  text-decoration: none;
}

.wp-block-button {
  margin-bottom: 1.5em;
}

.wp-block-button .wp-block-button__link {
  font-size: 16px;
  border-radius: 5px;
}

.wp-block-button .wp-block-button__link br {
  display: none;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: #222;
  color: #fff;
}

.wp-block-cover .wp-block-cover-text {
  color: #fff !important;
}

.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  font-size: 16px;
  border-radius: 5px;
}

.is-style-outline .wp-block-button__link:hover {
  background-color: transparent;
  color: #222 !important;
  border-color: #222;
}

pre.wp-block-code {
  border: 1px solid #eee;
  padding: 10px 15px;
}

pre.wp-block-preformatted {
  background-color: #fafafa;
  padding: 20px;
  margin: 20px 0;
}

.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d;
  border-color: transparent;
  border-width: 2px;
  padding: 0;
}

.wp-block-pullquote blockquote {
  color: #111;
  border: none;
  margin-right: 0;
  padding-left: 0;
}

.wp-block-pullquote blockquote p {
  font-size: 2.25em;
  font-style: italic;
}

.wp-block-pullquote blockquote cite {
  display: inline-block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  line-height: 1.6;
  text-transform: none;
  color: #767676;
  font-size: 15px;
  font-style: normal;
}

.wp-block-table.is-style-stripes td {
  border-color: #767676;
}

.wp-block-verse {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
}

.wp-block-columns {
  margin-top: 20px;
  margin-bottom: 20px;
}

.wp-block-media-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-media-text .has-large-font-size {
  font-size: 25px;
  margin-top: 0 !important;
}

.page-links {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
}

.page-links span.page-links-title {
  font-weight: 500;
  font-size: 20px;
  padding-right: 10px;
}

.page-links .post-page-numbers {
  width: 35px;
  height: 35px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #eee;
  font-size: 15px;
  line-height: 35px;
  color: #0a0c19;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  text-decoration: none !important;
}

.page-links .post-page-numbers:hover {
  color: #ffffff;
}

.page-links .current {
  color: #ffffff;
}

.wp-block-archives-list {
  padding: 0 !important;
}

.wp-block-archives-list li {
  list-style: none !important;
}

.wp-block-archives-list li a:hover {
  text-decoration: underline;
}

.wp-block-categories-list {
  padding: 0 !important;
}

.wp-block-categories-list li {
  list-style: none !important;
}

.wp-block-categories-list li a {
  text-transform: capitalize;
}

.wp-block-categories-list li a:hover {
  text-decoration: underline;
}

.wp-block-categories-list li span.post-count {
  padding-left: 8px;
  float: right;
}

.wp-block-categories-list li .children li a {
  position: relative;
}

.wp-block-categories-list li .children li a::before {
  content: '-';
  position: absolute;
  left: -13px;
  top: -2px;
}

.wp-block-archives-dropdown {
  margin-bottom: 20px;
}

.wp-block-archives-dropdown select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  font-size: 14px;
  padding: 8px 15px;
  color: #555;
}

.wp-block-latest-comments {
  padding: 0 !important;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  font-weight: 600;
  text-decoration: underline;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover {
  text-decoration: none;
}

.wp-block-latest-posts li a {
  font-weight: 600;
}

.wp-block-gallery {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wp-block-gallery .blocks-gallery-item {
  margin-bottom: 15px !important;
}

.wp-block-gallery .blocks-gallery-grid {
  padding: 0 !important;
  margin-top: 6px !important;
  margin-bottom: 5px !important;
}

.wp-block-cover {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-cover p.wp-block-cover-text {
  font-weight: bold;
  margin-bottom: 20px !important;
  font-size: 30px !important;
  line-height: 1.5;
}

.wp-block-cover p.wp-block-cover-text strong {
  color: #fff;
}

.wp-block-cover.has-background-dim.alignleft {
  margin-top: 0;
}

.wp-block-cover.has-background-dim-60.has-background-dim .wp-block-cover-text a {
  color: #fff;
}

.wp-block-file a {
  text-decoration: underline;
  font-size: 15px;
}

.wp-block-file a:hover {
  text-decoration: none;
}

.wp-block-file .wp-block-file__button {
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 500;
  display: table;
  margin: 10px 0 0;
}

.wp-block-file .wp-block-file__button:hover {
  background-color: #000 !important;
  color: #fff;
}

.wp-block-quote.is-style-large {
  border: none;
  padding-left: 0;
  margin: 20px 0;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color p {
  color: #000000;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color cite {
  display: none;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote {
  max-width: 80%;
  background: transparent;
}

.wp-block-gallery.alignwide {
  width: 100%;
}

.wp-caption .wp-caption-text {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  text-align: center;
  padding: 12px 0 0;
}

.wp-caption .wp-caption-text a {
  text-decoration: underline;
  display: inline-block;
}

.wp-caption .wp-caption-text a:hover {
  text-decoration: none;
}

.has-very-light-gray-color.has-very-light-gray-color {
  color: #fff;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}

/* End Unit test all post style */
/* Post Format: Gallery */
.gallery {
  margin: 30px -1.1666667% 0;
}

.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 2.2801304%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  font-size: 14px;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* End Post Format: Gallery */
/* Post password form style */
.post-password-form label {
  font-weight: 600;
}

.post-password-form label input {
  border: 1px solid #ccc;
  height: 45px;
  margin: 0 10px;
  padding: 5px 15px;
}

.post-password-form input[type="submit"] {
  border: 1px solid;
  color: #fff;
  height: 45px;
  padding: 5px 20px;
  font-weight: 600;
  cursor: pointer;
}

.post-password-form input[type="submit"]:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

/* End Post password form style */
/* Pingback style */
.comments-area .comment-list .trackback .comment-body {
  margin-left: 0 !important;
}

.comments-area .comment-list .trackback .comment-body a {
  text-decoration: underline;
}

.comments-area .comment-list .trackback .comment-body a:hover {
  text-decoration: none;
}

.comments-area .comment-list .pingback .comment-body {
  margin-left: 0 !important;
}

/* End Pingback style */
/* Comment navigation */
.comment-navigation .nav-links {
  overflow: hidden;
  margin-bottom: 25px;
}

.comment-navigation .nav-links .nav-previous {
  float: left;
}

.comment-navigation .nav-links .nav-previous a {
  border: 1px solid #eee;
  padding: 7px 18px;
  font-size: 14px;
  text-transform: capitalize;
  background: #fff;
  display: block;
}

.comment-navigation .nav-links .nav-previous a:hover {
  color: #fff;
}

.comment-navigation .nav-links .nav-next {
  float: right;
}

.comment-navigation .nav-links .nav-next a {
  border: 1px solid #eee;
  background: #fff;
  padding: 7px 18px;
  font-size: 14px;
  text-transform: capitalize;
  display: block;
}

.comment-navigation .nav-links .nav-next a:hover {
  color: #fff;
}

/* End Comment navigation */
/* Post search not found form */
.no-results .alert .page-title {
  margin: 0;
  font-size: 20px;
}

.no-results h1.page-title {
  font-size: 22px;
  font-weight: 600;
}

.search-form {
  position: relative;
}

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

.search-form .search-submit {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  outline: 0;
  border: none;
  color: #ffffff;
  height: 50px;
  padding: 0 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 15px;
  background-color: #f68820;
}

.search-form .search-submit:hover {
  color: #ffffff;
  background-color: #30296c;
}

.search-form label {
  display: block;
}

/* End Post search not found form */
/*learn-more-btn*/
.learn-more-btn {
  display: inline-block;
  position: relative;
  color: #30296c;
  font-size: 15px;
  font-weight: 600;
}

.learn-more-btn i {
  position: relative;
  top: 3px;
}

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

.learn-more-btn:hover {
  color: #f68820;
  letter-spacing: 1px;
}

.archive-description p {
  color: #ffffff;
}

.blocks-gallery-caption {
  margin-bottom: 8px;
}

.wp-block-group__inner-container {
  padding: 30px;
}

.wp-block-archives-list li span.post-count {
  padding-left: 8px;
  float: right;
}

.wp-block-categories-dropdown {
  margin-bottom: 20px;
}

.wp-block-categories-dropdown select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  font-size: 14px;
  padding: 8px 15px;
  color: #555;
}

.wp-block-tag-cloud a {
  display: inline-block;
  font-weight: 600;
  font-size: 12.5px !important;
  padding: 6px 13px;
  border: 1px dashed #eeeeee;
  position: relative;
  color: #393953 !important;
  text-decoration: none !important;
  margin-top: 8px;
  margin-right: 4px;
}

.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus {
  color: #ffffff !important;
}

.wp-block-search {
  margin-bottom: 30px;
  position: relative;
}

.wp-block-search label {
  display: block;
  margin-bottom: 10px;
}

.wp-block-search .screen-reader-text {
  display: none;
}

.wp-block-search .wp-block-search__input {
  background-color: #ffffff;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  max-width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.wp-block-search button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 80px;
  z-index: 1;
  border: none;
  color: #ffffff;
}

.wp-block-search button:hover {
  color: #ffffff;
  background: #393953 !important;
}

.single-blog-post.active {
  background-color: #fff8f0;
  padding: 30px;
}

.blog-details-content.content-6 {
  background-color: #f9fbfe;
  margin-top: 30px;
  padding: 20px;
}

.blog-details-content.content-6 ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
}

.blog-details-content.content-6 ul li {
  display: inline-block;
  line-height: 1;
}

.blog-details-content.content-6 ul li span {
  font-weight: 700;
  font-size: 20px;
  color: #30296c;
}

.blog-details-content.content-6 ul li a {
  margin-left: 15px;
  font-weight: 600;
  text-decoration: none;
  color: #696687;
  text-transform: capitalize;
}

.blog-details-content.content-6 ul li .span {
  display: inline-block;
}

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

.navbar-area.hide-wp-nav.is-sticky {
  margin-top: 32px;
}

#comments .comment-author b.fn a {
  text-transform: capitalize;
}

.margin-space {
  padding: 15px 0;
}

.mobile-brand h2 {
  margin-bottom: 0;
}

.single-footer-widget .logo h2 {
  margin-bottom: 0;
  margin-top: -6px;
}

.page-area .entry-content blockquote::before, .page-area .entry-content .blockquote::before {
  top: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote::before {
  top: 6px;
}

.blog-details .blog-details-content blockquote.wp-block-quote.has-text-align-right::before {
  top: 6px;
}

.blog-details .blog-details-content kbd {
  color: #696687;
}

table td, table th {
  text-align: center;
}

.blog-details-area .comment-content blockquote::before {
  top: -6px;
}

.wpcf7-list-item {
  margin: 0;
}

.widget_author {
  padding: 30px;
  text-align: center;
  border: 1px solid #eeeeee;
}

.widget_author h3 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.widget_author span {
  display: block;
  margin-bottom: 12px;
  color: var(--optionalColor);
}

.widget_block .wp-block-group__inner-container {
  padding: 0;
}

.widget_block .wp-block-group__inner-container h2 {
  margin-bottom: 20px;
  position: relative;
  font-size: 22px;
}

.blog-sidebar .wp-block-latest-comments {
  margin-bottom: 0;
}

.blog-sidebar .wp-block-latest-comments .wp-block-latest-comments__comment-author {
  color: #30296c;
  text-decoration: none;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.blog-sidebar .wp-block-latest-comments .wp-block-latest-comments__comment-link {
  text-decoration: none;
  display: inline !important;
  color: #30296c;
  text-decoration: none;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.blog-sidebar .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
  margin-bottom: 0;
}

.blog-sidebar .wp-block-search__label {
  display: none !important;
}
/*# sourceMappingURL=style.css.map */