:root {
  --bodyColor: #222222;
  --bodyBg: #fbfbfb;
  --bodyBg1: #F7F7F7;
  --whiteColor: #ffffff;
  --greencolor2: #1EC902;
  --greencolor3: #007832;
  --transition: .3s;
  --bodyFont: Century Gothic;
  --primaryColor: #f07828;
  --borderColor: #eeeeee;
  --borderColor1: #E5E5E5;
  --borderColor2: #dddddd;
  --borderColor3: #f8f8f8;
  --borderColor4: #cacaca;
}

/*------------------------------
Default CSS
-------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--bodyFont);
  /* background-color: var(--bodyBg); */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  color: var(--contentColor);
}

a {
  text-decoration: none;
  transition: var(--transition);
}

p,
a,
.btn,
button,
p,
input,
select,
textarea,
li,
img {
  -webkit-transition: all var(--transition) ease-out 0s;
  -moz-transition: all var(--transition) ease-out 0s;
  -ms-transition: all var(--transition) ease-out 0s;
  -o-transition: all var(--transition) ease-out 0s;
  transition: all var(--transition) ease-out 0s;
}

a {
  color: var(--contentColor);
}

a:hover {
  color: var(--primaryColor);
}

input:focus-visible {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--headingColor);
  font-family: var(--headingFont);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-bottom: 15px;
}

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

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
  display: inline-block;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: var(--bs-gutter-x, 0.9375rem);
  padding-left: var(--bs-gutter-x, 0.9375rem);
  --bs-gutter-x: .9375rem;
}

.container-fluid.full__width__padding {
  padding: 0 30px;
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .container-fluid.full__width__padding {
    padding: 0 150px;
  }
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .container-fluid.full__width__padding {
    padding: 0 50px;
  }
}

.row {
  --bs-gutter-x: 1.875rem;
}

.column__custom__class {
  padding-left: 15px;
  padding-right: 15px;
}

.row__custom__class {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}

.col--30 {
  padding-left: 30px;
  padding-right: 30px;
}

#scrollUp {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--whiteColor);
  color: var(--primaryColor);
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
  position: fixed;
  display: block;
  box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.15);
}

#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 20px;
  transition: 0.5s;
}

#scrollUp:hover i {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
  .container {
    max-width: 1200px;
  }
}

.default__small__button {
  padding: 5px 23px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  color: var(--primaryColor);
  border-radius: var(--borderRadius2);
  background: var(--whitegrey3);
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
}

.default__small__button.default__small__button__2 {
  background: rgba(255, 255, 255, 0.07);
  border-radius: 14.5px;
  color: var(--whiteColor);
}

.default__button {
  padding: 13px 25px;
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
  font-size: 18px;
  border: 1px solid var(--primaryColor);
  width: 100%;
}

.default__button:hover {
  background-color: var(--whiteColor);
  color: var(--primaryColor);
  border-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}


.section__title {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .section__title {
    margin-bottom: 20px;
  }
}

.section__title .section__title__heading h2 {
  font-size: 55px;
  line-height: 54px;
  margin-bottom: 0;
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .section__title .section__title__heading h2 {
    font-size: 48px;
    line-height: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .section__title .section__title__heading h2 {
    font-size: 35px;
    line-height: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section__title .section__title__heading h2 {
    font-size: 35px;
    line-height: 45px;
  }
}

@media (max-width: 767px) {
  .section__title .section__title__heading h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

.heading__underline span {
  position: relative;
}

.heading__underline span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 7px;
  background: var(--secondaryColor);
  bottom: 22px;
  left: 0;
  z-index: -1;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .heading__underline span:after {
    bottom: 17px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .heading__underline span:after {
    bottom: 19px;
  }
}

@media (max-width: 767px) {
  .heading__underline span:after {
    bottom: 16px;
  }
}

.section__title__2 .section__small__title {
  margin-bottom: 13px;
}

.section__title__2 .section__small__title span {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: var(--secondaryColor);
}

.section__title__2 .section__title__heading__2 {
  margin-bottom: 13px;
}

.section__title__2 .section__title__heading__2.section__title__heading__3 h2 {
  color: var(--blackColor);
}

.section__title__2 .section__title__heading__2.heading__fontsize__1 h2 {
  font-size: 65px;
  line-height: 72px;
}

.section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
  font-size: 47px;
  line-height: 50px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
    font-size: 42px;
    line-height: 48px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
    font-size: 35px;
    line-height: 45px;
  }
}

@media (max-width: 767px) {
  .section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

.section__title__2 .section__title__heading__2 h2 {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.5px;
  color: var(--whiteColor);
}

/*------------------------------
Header Area
-------------------------------*/
.header__area.sticky {
  position: fixed;
  top: 0;
  background: var(--whiteColor);
  z-index: 999;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  -webkit-box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  -moz-box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}

.headerarea .container {
  position: relative;
}

.headerarea__left {
  display: flex;
  height: 100%;
  align-items: center;
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .headerarea .container {
    max-width: 1280px;
  }
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .headerarea.headerarea__2 .container {
    max-width: 1590px;
  }
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .headerarea.headerarea__3 .container {
    max-width: 1460px;
  }
}

.headerarea__main__menu {
  text-align: end;
}

.headerarea__main__menu nav ul>li {
  position: relative;
}

.headerarea__main__menu nav ul>li a {
  padding: 30px 0px 25px 30px;
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  color: var(--blackColor);
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .headerarea__main__menu nav ul>li a {
    padding: 30px 15px;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .headerarea__main__menu nav ul>li a {
    padding: 20px 10px;
    font-size: 14px;
  }
}

.headerarea__main__menu nav ul>li:hover>a {
  color: var(--primaryColor);
}

.headerarea__main__menu nav ul>li .headerarea__submenu {
  position: absolute;
  background-color: var(--whiteColor);
  min-width: 200px;
  transition: 0.3s;
  top: 110%;
  left: 0;
  padding: 14px 0;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  box-shadow: 0 0 50px 10px rgba(15, 157, 193, 0.1);
  border-bottom-right-radius: var(--borderRadius);
  border-bottom-left-radius: var(--borderRadius);
  text-align: left;
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li {
  display: block;
  margin: 0;
  border-left: 2px solid transparent;
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li:hover {
  border-left: 2px solid var(--primaryColor);
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li:hover>a {
  color: var(--primaryColor);
  background-color: var(--whitegrey1);
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li a {
  padding: 10px 25px;
}

.headerarea__main__menu nav ul>li:hover .headerarea__submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.headerarea__right {
  text-align: right;
  display: flex;
  justify-content: start;
  height: 100%;
  align-items: center;
}

.headerarea__right .header__cart {
  padding: 0 20px;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .headerarea__right .header__cart {
    padding: 0px 10px;
  }
}

.headerarea__right .header__cart:hover>a {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart:hover .header__right__dropdown__wrapper {
  visibility: visible;
  opacity: 1;
  top: 100%;
  transition: 0.3s;
}

.headerarea__right .header__cart::before {
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  position: absolute;
  top: 30px;
  right: 10px;
  width: 15px;
  height: 15px;
  padding: 0 4px;
  content: "3";
  text-align: center;
  border-radius: 100%;
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .headerarea__right .header__cart::before {
    top: 7px;
    right: 11px;
  }
}

.headerarea__right .header__cart>a {
  font-size: 24px;
  color: var(--blackColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper {
  position: absolute;
  width: 300px;
  max-height: 700px;
  padding: 20px;
  border-bottom: 3px solid var(--borderColor);
  background-color: var(--whiteColor);
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  top: 120%;
  left: -117px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .headerarea__right .header__cart .header__right__dropdown__wrapper {
    left: -150px;
  }
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__close {
  position: absolute;
  right: 0;
  top: -10px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__close a :hover {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 30px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img {
  width: 30%;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img a {
  border: 1px solid var(--borderColor);
  display: inline-block;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img img {
  width: 100%;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content {
  text-align: left;
  width: 70%;
  margin-left: 15px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content a {
  font-size: 14px;
  line-height: 20px;
  color: var(--darkblack);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content a:hover {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content p {
  color: var(--darkblack);
  font-size: 14px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content p span {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .dropdown__price {
  text-align: left;
  font-size: 17px;
  margin-bottom: 20px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .dropdown__price span {
  float: right;
  color: var(--secondaryColor);
  font-weight: 700;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  padding: 10px 0px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.white__color {
  border: 1px solid var(--secondaryColor);
  margin-bottom: 20px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.white__color:hover {
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.blue__color {
  background: var(--darkblack);
  color: var(--whiteColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.blue__color:hover {
  background: var(--secondaryColor);
}

.headerarea__login {
  margin-right: 15px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .headerarea__login {
    margin-right: 7px;
  }
}

.headerarea__login a {
  color: var(--blackColor);
  font-size: 15px;
  font-weight: 600;
  padding: 8px 15px;
  border: 1px solid var(--borderColor1);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .headerarea__login a {
    padding: 8px 15px;
    font-size: 12px;
  }
}

.headerarea__login a:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  border-color: var(--primaryColor);
}

.headerarea__button a {
  padding: 12px 15px;
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  border-radius: 0;
  font-size: 16px;
  border: 1px solid var(--primaryColor);
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .headerarea__button a {
    padding: 9px 13px;
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .headerarea__button a {
    padding: 8px 11px;
    font-size: 14px;
  }
}

.headerarea__button a:hover {
  background-color: var(--whiteColor);
  color: var(--primaryColor);
  border-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px),
(min-width: 992px) and (max-width: 1365px) {
  .transparent__header {
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* border-bottom: 1px solid var(--borderColor); */
    z-index: 999;

  }
}

.topbararea {
  background: var(--blackColor2);
  padding: 5px 0px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .topbararea {
    display: none;
  }
}

@media (max-width: 767px) {
  .topbararea {
    display: none;
  }
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .topbararea .container {
    max-width: 1460px;
  }
}

.topbar__left ul li {
  color: var(--whiteColor);
  font-size: 14px;
}

.topbar__right {
  display: flex;
  justify-content: end;
  align-items: center;
}

.topbar__right .topbar__icon {
  margin-right: 5px;
}

.topbar__right .topbar__icon i {
  color: var(--primaryColor);
  font-size: 15px;
}

.topbar__right .topbar__text {
  margin-right: 37px;
}

.topbar__right .topbar__text p {
  margin: 0;
  color: var(--whiteColor);
  font-size: 14px;
}

.topbar__right .topbar__list ul li:last-child a {
  margin-right: 0;
}

.topbar__right .topbar__list ul li a {
  font-size: 15px;
  color: var(--whiteColor);
  margin-right: 13px;
}

.topbar__right .topbar__list ul li a:hover {
  color: var(--primaryColor);
}

.headerarea .mega__menu__wrapper {
  width: 100%;
  padding: 30px !important;
}

.headerarea .mega__menu__item li {
  display: block;
  text-align: left;
}

.headerarea .mega__menu__item li a {
  padding: 10px;
  border-left: 2px solid transparent;
}

.headerarea .mega__menu__item li a:hover {
  background-color: var(--whitegrey1);
  border-left: 2px solid var(--primaryColor);
}

.headerarea .mega__menu__label {
  position: relative;
  background: var(--whitegrey3);
  font-size: 12px;
  padding: 5px 15px;
  line-height: 1;
  margin-left: 5px;
  color: var(--primaryColor);
  border-radius: var(--borderRadius);
}

.headerarea .mega__menu__label.new {
  color: var(--secondaryColor);
}

.headerarea .mega__menu__thumb__label {
  position: absolute;
  background: var(--secondaryColor);
  font-size: 12px;
  padding: 5px 15px;
  line-height: 1;
  color: var(--whiteColor);
  border-radius: var(--borderRadius);
  top: 5px;
  left: 5px;
}

.headerarea .mega__menu__title {
  margin-bottom: 10px;
}

.headerarea .mega__menu__title a {
  padding: 10px;
  text-align: left;
  font-size: 18px;
  border-bottom: 1px solid var(--borderColor);
}

.headerarea .mega__menu__img a {
  padding: 0;
}

.headerarea .mega__menu__img img {
  width: 100%;
  border-radius: var(--borderRadius);
}

.headerarea .mega__menu__thumb {
  position: relative;
  box-shadow: 0px 0 5px 5px rgba(0, 0, 0, 0.05);
  margin: 15px 0;
  transition: var(--transition);
}

.headerarea .mega__menu__thumb:hover {
  box-shadow: 0px 0 5px 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.headerarea .mega__menu__thumb a {
  padding: 0;
  overflow: hidden;
}

.headerarea .mega__menu__thumb a:hover .mega__menu__thumb__title {
  bottom: 0;
  opacity: 1;
}

.headerarea .mega__menu__thumb img {
  width: 100%;
  border-radius: var(--borderRadius);
}

.headerarea .mega__menu__thumb__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  color: var(--whiteColor);
  font-size: 14px;
  background: var(--primaryColor);
  padding: 10px;
  line-height: 1;
  border-bottom-left-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
  transition: var(--transition);
  opacity: 0;
  text-align: center;
}

.headerarea .mega__menu__grid__5 {
  padding: 15px 30px !important;
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .headerarea .mega__menu__grid__5 .mega__menu__single__wrap {
    width: 20%;
  }
}

.headerarea .headerarea__submenu li a {
  color: var(--contentColor);
}

.headerarea .tab__button__wrap {
  margin-bottom: 15px;
}

.headerarea .tab__button__wrap li button {
  padding: 12px 0;
  font-size: 18px;
}

.headerarea .tab__button__wrap li.nav-item {
  width: 50%;
}

/*------------------------------
Mobile Menu
-------------------------------*/
/*Mobile menu*/
.mob_menu_wrapper {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mobile-off-canvas .mobile-aside-button {
  color: var(--darkdeep1);
  font-size: 30px;
}

.mobile-logo img {
  max-width: 150px;
}

.mobile-off-canvas .mobile-aside-button:hover {
  color: var(--secondaryColor);
}

.header-right-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mobile-off-canvas {
  margin-left: 20px;
}

.mobile-off-canvas {
  text-align: right;
}

.mobile-aside-button {
  color: var(--darkdeep1);
  font-size: 20px;
}

.header_area .mob_menu_wrapper {
  display: none;
}

.wrapper .body-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.wrapper.overlay-active .body-overlay {
  opacity: 1;
  visibility: visible;
}

.mobile-off-canvas-active .mobile-aside-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: var(--darkdeep1);
  color: var(--whiteColor);
  line-height: 40px;
  text-align: center;
  top: 0;
  left: -40px;
  font-size: 18px;
  position: relative;
  cursor: pointer;
  transition: var(--transition);
}

.mobile-off-canvas-active .mobile-aside-close:hover {
  background: var(--secondaryColor);
}

.mobile-off-canvas-active {
  position: fixed;
  top: 0;
  width: 330px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: -330px;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active {
    width: 260px;
    right: -260px;
  }
}

.mobile-off-canvas-active.inside {
  visibility: visible;
  opacity: 1;
  right: 0px;
}

.mobile-aside-close .mobile-off-canvas-active .mobile-aside-close i {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: var(--whiteColor);
}

.mobile-off-canvas-active .mobile-aside-close:hover i {
  color: var(--whiteColor);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-off-canvas-active .header-mobile-aside-wrap {
  padding: 40px 30px 50px;
  overflow: auto;
  height: 100%;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap {
    padding: 30px 20px 50px;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 27px;
  padding-bottom: 40px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
  background-color: var(--whitegrey2);
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
  background-color: transparent;
  border-color: var(--borderColor);
  -o-border-image: none;
  border-image: none;
  border-radius: 5px 0 0 5px;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: var(--darkdeep1);
  font-size: 18px;
  height: 100%;
  padding: 0 15px 0 14px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
    font-size: 16px;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 36px;
  padding-bottom: 27px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {
  height: 100%;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {
  display: block;
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active>.menu-expand i::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {
  padding: 10px 15px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {
  padding: 10px 30px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 300;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 31px;
  padding-bottom: 37px;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
    display: block;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 16px;
  display: block;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 15px;
  position: relative;
  top: 8px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  padding: 22px 30px 26px;
  width: 100%;
  z-index: 11;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {
  color: var(--secondaryColor);
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
    margin-bottom: 5px;
  }

  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
    margin-bottom: 0;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {
  margin-bottom: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
  font-size: 16px;
  margin-right: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {
  margin-right: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.facebook {
  color: #3b5999;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.twitter {
  color: #55acee;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.pinterest {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.instagram {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.google {
  color: var(--darkdeep1);
}

@media only screen and (max-width: 991px) {
  .desktop__menu__wrapper {
    display: none;
  }

  .mob_menu_wrapper {
    display: block;
  }

  .header__topbar {
    display: none;
  }
}

/* mobail__menu__end */
.mob_menu_wrapper .headerarea__right .header__cart::before {
  top: 5px;
  right: -5px;
}

.mob_menu_wrapper .headerarea__right .header__cart .header__right__dropdown__wrapper {
  left: auto;
  right: -50px;
}

.mob_menu_wrapper .headerarea__right .header__cart {
  padding: 0;
}

/*------------------------------
Mobile Menu
-------------------------------*/
/*Mobile menu*/
.mob_menu_wrapper {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mobile-off-canvas .mobile-aside-button {
  color: #007832;
  font-size: 24px;
}

.mobile-logo img {
  max-width: 85px;
}

.mobile-off-canvas .mobile-aside-button:hover {
  color: var(--secondaryColor);
}

.header-right-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mobile-off-canvas {
  margin-left: 20px;
}

.mobile-off-canvas {
  text-align: right;
}

.mobile-aside-button {
  color: var(--darkdeep1);
  font-size: 20px;
}

.header_area .mob_menu_wrapper {
  display: none;
}

.wrapper .body-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.wrapper.overlay-active .body-overlay {
  opacity: 1;
  visibility: visible;
}

.mobile-off-canvas-active .mobile-aside-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #007832;
  color: #fff;
  line-height: 40px;
  text-align: center;
  top: 0;
  left: 0px;
  font-size: 18px;
  position: relative;
  cursor: pointer;
  transition: var(--transition);
}

.mobile-off-canvas-active .mobile-aside-close:hover {
  background: var(--secondaryColor);
}

.mobile-off-canvas-active {
  position: fixed;
  top: 0;
  width: 330px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: -330px;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active {
    width: 260px;
    right: -260px;
  }
}

.mobile-off-canvas-active.inside {
  visibility: visible;
  opacity: 1;
  right: 0px;
}

.mobile-aside-close .mobile-off-canvas-active .mobile-aside-close i {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: var(--whiteColor);
}

.mobile-off-canvas-active .mobile-aside-close:hover i {
  color: var(--whiteColor);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-off-canvas-active .header-mobile-aside-wrap {
  padding: 40px 30px 50px;
  overflow: auto;
  height: 100%;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap {
    padding: 30px 20px 50px;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 27px;
  padding-bottom: 40px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
  background-color: var(--whitegrey2);
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
  background-color: transparent;
  border-color: var(--borderColor);
  -o-border-image: none;
  border-image: none;
  border-radius: 5px 0 0 5px;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: var(--darkdeep1);
  font-size: 18px;
  height: 100%;
  padding: 0 15px 0 14px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
    font-size: 16px;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 36px;
  padding-bottom: 27px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {
  height: 100%;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {
  display: block;
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active>.menu-expand i::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 30px;
  position: relative;
  display: inline-block;
  padding: 13px 0;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {
  padding: 10px 15px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {
  padding: 10px 30px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 300;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 31px;
  padding-bottom: 37px;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
    display: block;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 16px;
  display: block;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 15px;
  position: relative;
  top: 8px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  padding: 22px 30px 26px;
  width: 100%;
  z-index: 11;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {
  color: var(--secondaryColor);
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
    margin-bottom: 5px;
  }

  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
    margin-bottom: 0;
  }
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {
  margin-bottom: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
  font-size: 16px;
  margin-right: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {
  margin-right: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.facebook {
  color: #3b5999;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.twitter {
  color: #55acee;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.pinterest {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.instagram {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.google {
  color: var(--darkdeep1);
}

@media only screen and (max-width: 991px) {
  .desktop__menu__wrapper {
    display: none;
  }

  .mob_menu_wrapper {
    display: block;
  }

  .header__topbar {
    display: none;
  }
}

/* mobail__menu__end */
.mob_menu_wrapper .headerarea__right .header__cart::before {
  top: 5px;
  right: -5px;
}

.mob_menu_wrapper .headerarea__right .header__cart .header__right__dropdown__wrapper {
  left: auto;
  right: -50px;
}

.mob_menu_wrapper .headerarea__right .header__cart {
  padding: 0;
}

/*------------------------------
Hero Banner Area
-------------------------------*/
.herobannerarea {
  background: var(--darkdeep1);
  padding-top: 115px;
  padding-bottom: 170px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .herobannerarea {
    padding-top: 50px;
    padding-bottom: 205px;
  }
}

.herobannerarea.herobannerarea__2 {
  background: var(--lightGrey11);
  padding-top: 155px;
  padding-bottom: 250px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea.herobannerarea__2 {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea.herobannerarea__2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1920px) {
  .herobannerarea.herobannerarea__2 .container {
    max-width: 1370px;
  }
}

.herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
  padding-right: 135px;
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
    padding-right: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
    padding-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
    padding-right: 0px;
  }
}

.herobannerarea .row {
  align-items: center;
}

.herobannerarea__text.herobannerarea__text__2 p {
  color: var(--blackColor);
}

.herobannerarea__text p {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: var(--whiteColor);
}

@media (max-width: 767px) {
  .herobannerarea__text p {
    font-size: 15px;
    line-height: 22px;
  }
}

.hreobannerarea__button {
  margin-top: 45px;
  display: flex;
  align-items: center;
}

.hreobannerarea__button a.herobannerarea__button__1 {
  padding: 17px 30px;
  background: var(--whiteColor);
  box-shadow: 0px 4px 13px 1px rgba(95, 45, 237, 0.16);
  border-radius: var(--borderRadius);
  transition: var(--transition);
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: var(--darkdeep2);
  border: 1px solid var(--whiteColor);
  margin-right: 30px;
}

@media (max-width: 767px) {
  .hreobannerarea__button a.herobannerarea__button__1 {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 14px;
    margin-right: 6px;
  }
}

.hreobannerarea__button a.herobannerarea__button__1:hover {
  border: 1px solid var(--whiteColor);
  color: var(--whiteColor);
  background: var(--darkblack);
}

.hreobannerarea__button .herobannerarea__button__2 {
  background: none;
  color: var(--whiteColor);
  box-shadow: none;
}

.hreobannerarea__button .herobannerarea__button__2:hover {
  color: var(--secondaryColor);
}

.herobannerarea__icon .hero__icon__1 {
  left: 50%;
  bottom: 15%;
  animation: cir-anim 6s linear 0s infinite alternate;
}

@media (max-width: 767px) {
  .herobannerarea__icon .hero__icon__1 {
    left: 40%;
    bottom: 54%;
  }
}

.herobannerarea__icon .hero__icon__2 {
  top: 10%;
  left: 5%;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea__icon .hero__icon__2 {
    top: 4%;
    left: 42%;
  }
}

@media (max-width: 767px) {
  .herobannerarea__icon .hero__icon__2 {
    top: 1%;
    left: 65%;
  }
}

.herobannerarea__icon .hero__icon__3 {
  top: 5%;
  left: 45%;
}

.herobannerarea__icon .hero__icon__4 {
  bottom: 15%;
  right: 5%;
}

.herobannerarea__icon img {
  position: absolute;
}

.aboutarea__img__2 img {
  width: 100%;
}

.hreobannerarea__button__2 {
  margin-top: 30px;
}

.hreobannerarea__button__2 .hreobannerarea__button__3 {
  background: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
  color: var(--whiteColor);
  margin-left: 28px;
}

@media (max-width: 767px) {
  .hreobannerarea__button__2 .hreobannerarea__button__3 {
    margin-left: 0px;
  }
}

.hreobannerarea__button__2 .hreobannerarea__button__3:hover {
  border: 1px solid var(--secondaryColor);
  color: var(--secondaryColor);
  background: var(--whiteColor);
}

.herobannerarea__icon__2 .herobanner__common__img {
  position: absolute;
  z-index: 9;
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
  left: 40px;
  bottom: 233px;
  opacity: 0.33;
  animation: 3s linear 0s infinite normal none running move5;
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
    bottom: 112px;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
    bottom: 112px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
    left: 248px;
    bottom: 143px;
  }
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
  top: 110px;
  left: 50px;
  animation: cir-anim 6s linear 0s infinite alternate;
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
    top: 64px;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
    top: 75px;
    left: 30px;
  }
}

@media (max-width: 767px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
    top: 0px;
    left: 0px;
  }
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__3 {
  top: 50px;
  left: 210px;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

@media (max-width: 767px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__3 {
    left: 140px;
    display: none;
  }
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__4 {
  top: 80px;
  left: 872px;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__4 {
    left: 595px;
  }
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
  top: 100px;
  right: 110px;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
    right: 82px;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
    top: 13px;
    right: 90px;
  }
}

@media (max-width: 767px) {
  .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
    top: 0px;
    right: 0px;
  }
}

.herobannerarea__box {
  margin-left: 70px;
  margin-right: 70px;
  border-radius: 15px;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea__box {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea__box {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .herobannerarea__box {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.herobannerarea__title .herobannerarea__small__title {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .herobannerarea__title .herobannerarea__small__title {
    margin-bottom: 5px;
  }
}

.herobannerarea__title .herobannerarea__small__title span {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--secondaryColor);
}

.herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
  font-size: 65px;
  line-height: 72px;
  color: var(--blackColor);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
    font-size: 48px;
    line-height: 60px;
  }
}

@media (max-width: 767px) {
  .herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
    font-size: 35px;
    line-height: 42px;
  }
}

.herobannerarea__title .herobannerarea__title__heading__2 h2 {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.5px;
  color: var(--whiteColor);
}

.herobannerarea__title .herobannerarea__title__heading__2 h2 span {
  color: var(--secondaryColor);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .herobannerarea__title .herobannerarea__title__heading__2 h2 {
    font-size: 50px;
    line-height: 62px;
  }
}

@media (max-width: 767px) {
  .herobannerarea__title .herobannerarea__title__heading__2 h2 {
    font-size: 30px;
    line-height: 40px;
  }
}


.herobanner__video {
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .herobanner__video {
    margin-top: 30px;
  }
}

.herobanner__video>img {
  width: 100%;
  border-radius: 10px;
}

.herobanner__video .video__pop__btn {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}

.slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: transparent;
  outline: 2px solid var(--blackColor);
  outline-offset: 2px;
  margin: 0 8px;
}

.slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  outline-color: var(--primaryColor);
  background: var(--primaryColor);
}

.slider__controls__wrap .swiper-pagination {
  bottom: 20px;
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn {
  border: 1px solid var(--lightGrey4);
  width: 50px;
  height: 50px;
  border-radius: var(--borderRadius);
  transition: var(--transition);
  transform: translateY(-50%);
  margin-top: 0;
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn:after {
  font-size: 20px;
  font-weight: 700;
  color: var(--lightGrey4);
  transition: var(--transition);
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn:hover {
  border: 1px solid var(--primaryColor);
  background-color: var(--primaryColor);
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn:hover:after {
  color: var(--whiteColor);
}

.herobannerarea .slider__controls__arrows .arrow-btn {
  right: 30px;
  opacity: 0;
  border-radius: 100px;
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea .slider__controls__arrows .arrow-btn {
    height: 70px;
    width: 70px;
  }
}

.herobannerarea .slider__controls__arrows .swiper-button-prev {
  left: 30px;
}

.herobannerarea:hover .slider__controls__arrows .arrow-btn {
  right: 0;
  opacity: 1;
}

.herobannerarea:hover .slider__controls__arrows .swiper-button-prev {
  left: 0;
}

.hero__course .slider__controls__wrap .swiper-pagination {
  bottom: -20px;
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea.herobannerarea__marketplace {
    padding-top: 130px;
    padding-bottom: 200px;
  }
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__marketplace {
    padding-bottom: 50px;
  }
}

.herobannerarea.herobannerarea__marketplace .herobannerarea__content__wraper {
  max-width: 80%;
  margin: auto;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__marketplace .herobannerarea__icon {
    position: relative;
    z-index: -9;
  }
}

.keyfeatures {
  margin-top: 50px;
}

.keyfeatures li {
  color: var(--whiteColor);
  margin: 0 10px;
}

.herobannerarea__img img {
  width: 100%;
}

.herobannerarea__price {
  font-size: 40px;
  font-weight: 700;
  color: var(--primaryColor);
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .herobannerarea__price {
    font-size: 30px;
  }
}

.herobannerarea__price del {
  color: var(--lightGrey4);
  font-size: 30px;
  font-weight: normal;
  margin-left: 10px;
}

.herobannerarea__price span {
  font-size: 12px;
  background: var(--secondaryColor);
  color: var(--whiteColor);
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 1;
  margin-left: 15px;
}

.text-center .herobannerarea__price {
  justify-content: center;
}

.text-end .herobannerarea__price {
  justify-content: end;
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea.herobannerarea__ecomarece {
    padding-top: 70px;
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__ecomarece {
    padding-bottom: 50px;
  }
}

.herobannerarea.herobannerarea__ecomarece .slider__controls__wrap .swiper-pagination {
  bottom: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea.herobannerarea__ecomarece .slider__controls__wrap .swiper-pagination {
    bottom: 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea.herobannerarea__kindergarten {
    padding-top: 70px;
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__kindergarten {
    padding-bottom: 50px;
  }
}

.herobannerarea.herobannerarea__kindergarten .slider__controls__wrap .swiper-pagination {
  bottom: 30px;
}

.herobannerarea.herobannerarea__university {
  padding: 0;
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider {
  padding: 140px 0 170px;
}

@media (min-width: 992px) and (max-width: 1365px),
(max-width: 767px) {
  .herobannerarea.herobannerarea__university .herobannerarea__single__slider {
    padding: 100px 0 150px;
  }
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__university .herobannerarea__single__slider {
    padding: 50px 0 100px;
  }
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__title h2 {
  line-height: 1.2;
  color: var(--whiteColor);
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__title h2 {
    font-size: 75px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__title h2 {
    font-size: 50px;
  }
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__text p {
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider::after {
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  height: 100%;
  width: 100%;
  content: "";
  opacity: 0.7;
  z-index: 9;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb .swiper-wrapper {
  display: flex;
  justify-content: center;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb .swiper-wrapper .swiper-slide {
  max-height: 80px;
  max-width: 150px;
  cursor: pointer;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb .swiper-wrapper .swiper-slide img {
  width: 100%;
  border-radius: 10px;
}

.herobannerarea.herobannerarea__university .hreobannerarea__button__2 {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__university .hreobannerarea__button__2 {
    margin-top: 20px;
  }
}

.herobannerarea.herobannerarea__university .default__button {
  padding: 15px 40px;
  border-radius: 50px;
  font-size: 16px;
}

.herobannerarea.herobannerarea__university .container {
  position: relative;
  z-index: 999;
}

.herobannerarea.herobannerarea__university .herobannerarea__content__wraper {
  padding: 0;
}

.herobannerarea.herobannerarea__university .footerarea__icon__2 {
  text-align: center;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__university .footerarea__icon__2 {
    margin-top: 20px;
  }
}

.herobannerarea.herobannerarea__university .footerarea__icon__2 ul li a {
  width: 60px;
  height: 57px;
  line-height: 57px;
  border-radius: 50px;
  font-size: 20px;
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__university .footerarea__icon__2 ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}

.herobannerarea.herobannerarea__university .footerarea__icon__2 p {
  color: var(--whiteColor);
}

@media (min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea.herobannerarea__machine__learning {
    padding-top: 155px;
    padding-bottom: 180px;
  }
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__content__wraper {
  padding-right: 0;
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__title__heading__3 h2 {
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__text__2 p {
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
  left: 40px;
  bottom: 10%;
}

.herobannerarea.herobannerarea__machine__learning .slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet {
  outline: 2px solid var(--whiteColor);
}

.herobannerarea.herobannerarea__machine__learning .slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--whiteColor);
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
  .herobannerarea.herobannerarea__single__course {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .herobannerarea.herobannerarea__single__course {
    padding-bottom: 50px;
  }
}

.herobannerarea.herobannerarea__single__course .herobannerarea__content__wraper {
  padding-right: 0;
}

.herobannerarea .summery__single__course {
  margin: 50px 0 0;
  background: var(--borderColor);
  padding: 30px;
  border-radius: var(--borderRadius3);
}

.herobannerarea .summery__single__course ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.herobannerarea .summery__single__course ul li .course__price {
  font-size: 30px;
}

.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

.hero-slider h1 {
  color: #fff;
}

@media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-slider {
    height: 500px;
  }
}

.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 50px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #ffffff;
  border-radius: 55px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  display: none;
}

.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {

  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next {
    display: none;
  }
}

.hero-slider .swiper-button-prev {
  right: 136px;
  top: 90%;
  left: auto;
  transform: translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f053";
  font-size: 15px;
  color: #fff;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 62px;
  transform: translateX(-50px);
  /* bottom: 63px; */
  top: 90%;
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-size: 15px;
  color: #fff;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.5;
  background: #fff;
  transition: all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity: 1;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

@media screen and (min-width: 992px) {

  .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {
    /*     display: none; */
  }
}

.swiper-pagination {
  text-align: left;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 50px;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 30px;

  }
}

/*--------------------------------------------------------------
	#hero-style
--------------------------------------------------------------*/
.hero-style {
  height: 820px;
  transition: all .4s ease;
}

@media (max-width: 991px) {
  .hero-style {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-style {
    height: 500px;
  }
}

/* @media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 95px;
  }
} */

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 690px;
}

.hero-style .slide-title h1 {
  font-size: 70px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 15px;
  text-transform: capitalize;
  transition: all .4s ease;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h1 {
    font-size: 58px;
  }
}

@media (max-width: 991px) {
  .hero-style .slide-title h1 {
    font-size: 50px;
    margin: 0 0 35px;
  }
}

@media (max-width: 767px) {
  .hero-style .slide-title h1 {
    font-size: 35px;
    margin: 0 0 10px;
    line-height: 40px;
  }
}

.hero-style .slide-text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 0px;
  transition: all .4s ease;
  padding-right: 100px;

}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 28px;
    margin: 0 0 0px;
    padding-right: 0;
  }
}

.hero-style .slide-btns>a:first-child {
  margin-right: 10px;
}


a {
  text-decoration: none;
  transition: all 0.2s ease;
}


/*------------------------------
How it Works Area
-------------------------------*/


.how-it-works {
  padding: 100px 0;
}

.how-it-works .how-it-works-bx .numberBx {
  border: 2px solid #f07828;
  display: flex;
  justify-content: center;
  width: 93px;
  align-items: center;
  height: 88px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 9px 9px 0 0 #d8d8d8;
}

.how-it-works .how-it-works-bx .numberBx p {
  margin-bottom: 0;
  color: #007832;
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
}

.how-it-works .how-it-works-bx h3.title {
  margin-bottom: 7px;
}

.how-it-works .how-it-works-bx p.titlePara {
  font-size: 16px;
  font-weight: 400;
  padding-right: 34px;
  line-height: 26px;
}

.how-it-works .row.pt-100 {
  padding-top: 80px;
  ;
}

.how-it-works .bg-Arrow img {
  position: absolute;
  top: 25.5%;
  left: 30%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-marker {
  position: absolute;
  top: 29%;
  left: 30%;
  /* right: 0; */
  z-index: -1;
  width: 224px;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-marker-1 {
  position: absolute;
  top: 29%;
  left: 46%;
  width: 224px;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-marker-2 {
  position: absolute;
  top: 29%;
  left: 62%;
  width: 224px;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-marker-3 {
  position: absolute;
  top: 29%;
  left: 77%;
  width: 224px;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-marker-4 {
  position: absolute;
  top: 43.5%;
  left: 77%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  transform: rotate(90deg);
  width: 224px;
}

.how-it-works .bg-Arrow img.arrow-marker-5 {
  position: absolute;
  top: 43.5%;
  left: 77%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  transform: rotate(90deg);
  width: 224px;
}

.how-it-works .bg-Arrow img.arrow-marker-6 {
  position: absolute;
  top: 50%;
  left: 77%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  transform: rotate(90deg);
  width: 224px
}

.how-it-works .bg-Arrow img.arrow-marker-7 {
  position: absolute;
  top: 64%;
  left: 77%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 224px
}

.how-it-works .bg-Arrow img.arrow-marker-8 {
  position: absolute;
  top: 64%;
  left: 61.5%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 224px
}

.how-it-works .bg-Arrow img.arrow-marker-9 {
  position: absolute;
  top: 64%;
  left: 45%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 224px
}

.how-it-works .bg-Arrow img.arrow-marker-10 {
  position: absolute;
  top: 64%;
  left: 30%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 224px
}




.how-it-works .bg-Arrow img.arrow {
  position: absolute;
  top: 29%;
  left: 30%;
  /* right: 0; */
  z-index: -1;
  width: 8px;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-1 {
  position: absolute;
  top: 29%;
  left: 46%;
  width: 8px;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-2 {
  position: absolute;
  top: 29%;
  left: 62%;
  width: 8px;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-3 {
  position: absolute;
  top: 29%;
  left: 77%;
  width: 8px;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
}

.how-it-works .bg-Arrow img.arrow-4 {
  position: absolute;
  top: 35.3%;
  left: 82.65%;

  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  transform: rotate(90deg);
  width: 8px;
}

.how-it-works .bg-Arrow img.arrow-5 {
  position: absolute;
  top: 37.5%;
  left: 77%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  transform: rotate(90deg);
  width: 8px;
}

.how-it-works .bg-Arrow img.arrow-6 {
  position: absolute;
  top: 52.2%;
  left: 82.65%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  transform: rotate(90deg);
  width: 8px
}

.how-it-works .bg-Arrow img.arrow-7 {
  position: absolute;
  top: 63.1%;
  left: 76.6%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 8px;
  transform: rotate(180deg);
}

.how-it-works .bg-Arrow img.arrow-8 {
  position: absolute;
  top: 63.1%;
  left: 60.3%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 8px;
  transform: rotate(180deg);
}

.how-it-works .bg-Arrow img.arrow-9 {
  position: absolute;
  top: 63.1%;
  left: 44.6%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 8px;
  transform: rotate(180deg);
}

.how-it-works .bg-Arrow img.arrow-10 {
  position: absolute;
  top: 63.1%;
  left: 29.7%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  /* height: 150px; */
  width: 8px;
  transform: rotate(180deg);
}

.how-it-works .largeMiddleArrow img.largeArrow-1 {
  position: absolute;
  top: 29%;
  left: 28.5%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 169px;
}

.how-it-works .largeMiddleArrow img.largeArrow-2 {
  position: absolute;
  top: 29%;
  left: 44.5%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 169px;
}

.how-it-works .largeMiddleArrow img.largeArrow-3 {
  position: absolute;
  top: 29%;
  left: 60.5%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 169px;
}

.how-it-works .largeMiddleArrow img.largeArrow-4 {
  position: absolute;
  top: 43.5%;
  left: 82.9%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 137px;
}

.how-it-works .largeMiddleArrow img.largeArrow-5 {
  position: absolute;
  top: 63.9%;
  left: 62.5%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 169px;
}

.how-it-works .largeMiddleArrow img.largeArrow-6 {
  position: absolute;
  top: 63.9%;
  left: 46.5%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 169px;
}

.how-it-works .largeMiddleArrow img.largeArrow-7 {
  position: absolute;
  top: 63.9%;
  left: 30.5%;
  /* right: 0; */
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 169px;
}


/*------------------------------
Service Area
-------------------------------*/


.service.bg-green {
  padding: 100px 0;
  background-color: var(--greencolor3);
  overflow: hidden;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(1) {
  border-right: 1px solid #80b693;
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(2) {
  border-right: 1px solid #80b693;
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(3) {
  border-right: 1px solid #80b693;
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(4) {
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(5) {
  border-right: 1px solid #80b693;
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(6) {
  border-right: 1px solid #80b693;
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(7) {
  border-right: 1px solid #80b693;
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(8) {
  border-bottom: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(9) {
  border-right: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(10) {
  border-right: 1px solid #80b693;
}

.service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(11) {
  border-right: 1px solid #80b693;
}

.service .left-element img {
  position: absolute;
  bottom: 0;
  left: -260px;
}

.service .top-right-element img {
  position: absolute;
  top: -184px;
  right: -331px;
}

.service .bottom-right-element img {
  position: absolute;
  bottom: -575px;
  right: -331px;
}


/*------------------------------
Possibilities Area
-------------------------------*/
.possibilities {
  padding: 100px 0;
}

section.possibilities .faq-boxes {
  /* background-color: #fff; */
  backdrop-filter: blur(10px);
  border-radius: 0;
  /* border: 2px solid #e3e3e3; */
  /* box-shadow: 0px 0px 4px 0px #00000024; */
  position: relative;
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  color: #0c63e4;
  background-color: #ffefe5 !important;
  /* border: 2px solid #eeeeee; */
  border-bottom: none;
  border-radius: 0px 0px 0 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.accordion-button:not(.collapsed) h3 {
  font-size: 24px !important;
  font-weight: bold !important;
  border-bottom: 1px solid #3d3937;
  border-image-slice: 1;
  width: 95%;
  padding-bottom: 20px;
}

.accordion-body {
  padding: 1.5rem 1.25rem 1.5rem 1.25rem;
  background-color: #ffefe5;
  /* border: 2px solid #eeeeee; */
  border-top: none;
  border-radius: 0px 0px 0px 0px;
}

.accordion-body p {
  margin-bottom: 0;
  color: #222;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  padding-right: 100px;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe00;
  outline: 0;
  box-shadow: none;
}

section.possibilities .accordion-item {
  background-color: rgba(255, 255, 255, 0);
  border: 0px solid rgba(0, 0, 0, .125);
  margin-bottom: 5px;
}

section.possibilities .accordion-item .accordian-wrapper h3 {
  margin-bottom: 0px;
  color: #222;
  font-size: 24px;
  font-weight: 400;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  /* font-size: 1rem; */
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 1px solid #cccccc;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  padding-top: 30px;
  padding-bottom: 30px;
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff00;
  box-shadow: none;
  border: 0;
  padding-top: 17px;
  padding-bottom: 0;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #dee2e600;
  border: 0 !important;
}

.accordion-item:first-of-type .accordion-button {
  border-radius: 0;
  border: 1px solid #cccccc;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../img/icon/minus.svg);
  transform: rotate(-180deg);
}

.accordion-button::after {
  flex-shrink: 0;
  width: 2.8rem;
  height: 2.8rem;
  margin-left: auto;
  content: "";
  background-image: url(../img/icon/plus.svg);
  background-repeat: no-repeat;
  background-size: 2.4em;
  transition: transform .2s ease-in-out;
  /* background-color: #f7c600; */
  background-position: center;
  border-radius: 50px;
}

/*------------------------------
CAses Area
-------------------------------*/
section.cases.bg-grey {
  padding: 100px 0 110px 0;
  background-color: #fafafa;
}

.casesBx.caseBg-1 {
  background-color: #007832;
  background-image: url(../img/icon/cases-1.png);
  background-position: left;
  box-shadow: 15px 15px 0 0 #d5d5d5;
  margin-right: 20px;
  background-blend-mode: overlay;
  height: 726px;
}

.InnerContent h3.innerTitle {
  text-transform: uppercase;
  color: #fff;
  font-size: 34px;
  margin-bottom: 10px;
}

.InnerContent p.InnerPara {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  padding-right: 0px;
  margin-bottom: 40px;
}

section.cases.bg-grey .InnerContent {
  padding: 36px 50px 36px 50px;
}

.InnerContent p.Case_pointers {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  margin-left: 69px;
  margin-bottom: 22px;
  padding-right: 0px;
  line-height: 25px;
}

.InnerContent span.white-line:before {
  content: "";
  background-color: #fff;
  width: 10%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 11px;
}

.casesBx.caseBg-2 {
  background-color: #007832;
  background-image: url(../img/icon/cases-2.png);
  background-position: left;
  box-shadow: 15px 15px 0 0 #d5d5d5;
  margin-right: 20px;
  background-blend-mode: overlay;
}

.discountBx {
  background-color: #fff;
  padding: 25px 20px 25px 20px;
  margin: 0px 25px 36px 25px;
}

.casesBx.caseBg-1 .discountBx {
  background-color: #fff;
  padding: 25px 20px 25px 20px;
  margin: 107px 25px 36px 25px;
}

.discountBx h4.discountTitle {
  color: #000;
  font-size: 30px;
  margin-bottom: 5px;
}

.discountBx p.discountPara {
  color: #000;
  font-size: 18px;
  margin-bottom: 10px;
}

a.discountBtn {
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #7f7f7f;
  transition: var(--transition);
  padding: 9px 15px;
  font-size: 18px;
  color: #000;
  display: inline-block;
  text-align: center;
  width: 100%;
}

a.discountBtn:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  border: 1px solid var(--primaryColor);
}

/*------------------------------
Trusted Area
-------------------------------*/

section.Trusted {
  padding: 100px 0;
}

.brandarea__wraper {
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}

.brandarea__wraper .brandarea__img {
  width: 32%;
  margin: 5px 5px;
  background-color: #fff;
  box-shadow: 0 0 13px 2px #00000014;
  padding: 15px;
  transition: var(--transition);
  border: 1px solid #cccccc00;
}

.brandarea__wraper .brandarea__img img {
  width: 55px;
  margin-bottom: 10px;
}

.brandarea__wraper .brandarea__img:hover {
  transform: scale(1.2);
  border: 1px solid #cccccc;
}

@media (min-width: 768px) and (max-width: 991px) {
  .brandarea__wraper .brandarea__img {
    width: 48%;
    height: 170px;
  }
}

@media (max-width: 767px) {
  .brandarea__wraper .brandarea__img {
    width: 100%;
  }

  .brandarea__wraper .brandarea__img img {
    width: 55px;
  }
}

.brandarea__wraper.brandarea__wraper__2 {
  background: var(--whiteColor);
  border-radius: 6px;
  z-index: 11;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
}

.brandarea__wraper.brandarea__wraper__2 .brandarea__img {
  margin: 45px 0;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .brandarea__wraper.brandarea__wraper__2 .brandarea__img {
    margin: 35px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .brandarea__wraper.brandarea__wraper__2 .brandarea__img {
    margin: 25px 0;
  }
}

@media (max-width: 767px) {
  .brandarea__wraper.brandarea__wraper__2 .brandarea__img {
    margin: 20px 0;
  }
}

.brandarea .section__title .section__title__heading h2 {
  max-width: 80%;
  margin: auto;
}

@media (max-width: 767px) {
  .brandarea .section__title .section__title__heading h2 {
    max-width: 100%;
  }
}

/*------------------------------
Contact Area
-------------------------------*/
.footerarea .callBx,
.emailBx {
  margin-bottom: 30px;
}

.footerarea .callBx h5.title,
.emailBx h5.title {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.footerarea .AddressBx h5.title {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.footerarea .callBx .callNumber a,
.emailBx .callNumber a {
  color: #fff;
  text-decoration: none;
  font-size: 23px;
  font-weight: bold;
  transition: var(--transition);
}

.footerarea .callBx .callNumber,
.emailBx .callNumber {
  padding-left: 30px;
}

.footerarea .AddressBx .address p {
  color: #fff;
  text-decoration: none;
  font-size: 23px;
  font-weight: bold;
  transition: var(--transition);
  padding-right: 50px;
  line-height: 37px;
  padding-left: 30px;
  margin-bottom: 30px;
}

.footerarea .callBx .callNumber a:hover,
.emailBx .callNumber a:hover {
  color: var(--primaryColor);
}

.footerarea__icon h4 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-right: 15px;
  margin-bottom: 0;
}

.footerarea__icon ul li a {
  color: #fff;
  font-size: 26px;
}

.footerarea__icon ul li {
  margin: 0 8px;
}


/*------------------------------
For Whom Area
-------------------------------*/
section.for_whom {
  padding: 100px 0;
}

section.for_whom .bgOrange {
  background-color: var(--primaryColor);
  padding: 65px 20px 65px 40px;
}

section.for_whom .nav-pills .nav-link {
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #fff;
  border-radius: 0;
}

section.for_whom .nav-pills .nav-link:nth-child(4) {
  border-bottom: 0px solid #fff;

}

section.for_whom .nav-pills .nav-link:focus-visible {
  border: 0px !important;
}

section.for_whom .nav-pills .nav-link h5 {
  margin-bottom: 0;
  color: #fff;
  font-size: 22px;
}

section.for_whom .nav-pills .nav-link p {
  margin-bottom: 0;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}

section.for_whom .nav-pills .nav-link i {
  margin-bottom: 0;
  color: #fff;
  font-size: 56px;
  line-height: 0px;
  margin-right: 20px;
}

.first_tabContent {
  position: absolute;
  bottom: 55px;
  left: 68px;
}

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

.first_tabContent h3.tabTitle {
  color: #000;
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 26px;
}

.first_tabContent span.black-line:before {
  content: "";
  background-color: #000;
  width: 7%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 11px;
}

.first_tabContent p.Case_pointers {
  color: #000;
  font-weight: 400;

  font-size: 18px;
  margin-left: 69px;
  margin-bottom: 22px;
  padding-right: 0px;
  line-height: 30px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--primaryColor);
  background-color: var(--whiteColor);
  border-radius: 0;
  padding: 13px 17px 13px 17px !important;
  box-shadow: 0px 17px 0 0px #0006;
}

.nav-pills .nav-link.active {
  margin-bottom: 0;
  color: var(--primaryColor) !important;
}

.nav-pills .nav-link.active h5 {
  margin-bottom: 0;
  color: var(--primaryColor) !important;
}

.nav-pills .nav-link.active:focus-visible {
  border: 0 !important;
}

.nav-pills .nav-link.active p {
  margin-bottom: 0;
}

.nav-pills .nav-link.active i {
  color: var(--primaryColor) !important;
}

.nav-pills .nav-link.active p {
  color: var(--primaryColor) !important;
}


.single__service {
  padding: 50px 30px 50px 30px;
  /* box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1); */
  transition: var(--transition);
  position: relative;
  /* border-radius: var(--borderRadius3); */
  /* background: var(--whiteColor); */
  overflow: hidden;
  height: 310px;
}

.single__service:hover {
  background: #007832;
  /* transform: translateY(-5px); */
  background-image: url(../img/icon/wave.png);
  /* background-blend-mode: soft-light; */
  background-position: center;
  /* background-size: 582px; */
  background-repeat: no-repeat;
  border: 1px solid #fff;
  box-shadow: 15px 15px 0 0 #00000057;
}

.single__service:hover .service__small__img svg {
  opacity: 1;
}

.single__service:hover .service__img {
  color: var(--whiteColor);
}

.single__service:hover .service__img .service__icon path {
  fill: var(--whiteColor);
}

.single__service:hover .service__img .service__icon__bg path {
  fill: var(--whiteColor);
}

.single__service:hover .service__content h3 a {
  color: var(--whiteColor);
}



/* .single__service:hover .service__content h3:hover {
  color: var(--secondaryColor);
} */

.single__service:hover .service__content p {
  color: var(--whiteColor);
}

.single__service:hover .service__button a {
  color: var(--whiteColor);
}

.single__service.ss_margin {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .single__service.ss_margin {
    margin-top: 0;
  }
}

.single__service .service__content h3 {
  color: var(--whiteColor);
  font-family: var(--headingFont);
  transition: var(--transition);
}

.populerarea__2 {
  background-color: var(--lightGrey10);
}

.populerarea__2 .row {
  align-items: center;
}

.populerarea__2 .service__content h3 {
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15px;
}

.populerarea__2 .service__button a:hover {
  color: var(--secondaryColor);
}

.populerarea__2 .single__service {
  padding: 35px;
}

.service__img {
  position: relative;
  margin-bottom: 10px;
}

.service__img img {
  max-width: 65px;
  margin-bottom: 10px;
  height: 65px;
  object-fit: contain;
}

.service__img svg {
  max-height: 60px;
  transition: var(--transition);
}

.service__img .service__bg__img svg {
  position: absolute;
  top: -13px;
  left: -10px;
  max-height: 60px;
  transition: var(--transition);
}

.service__content h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 5px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .service__content h3 {
    font-size: 17px;
    line-height: 15px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .service__content h3 {
    font-size: 17px;
  }
}

.service__content p {
  line-height: 29px;
  margin-bottom: 0;
  color: var(--whiteColor);

}

.service__small__img svg {
  position: absolute;
  top: 20px;
  right: 30px;
  opacity: 0;
  max-height: 25px;
  max-width: 30px;
  transition: var(--transition);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .populerarea__2 .service__content__2 h3 {
    font-size: 17px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .populerarea__2 .service__content__2 h3 {
    margin-bottom: 0;
  }
}

.service__content__2 p {
  font-size: 14px;
  line-height: 24px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .service__content__2 p {
    font-size: 11px;
    line-height: 19px;
  }
}

.service__button {
  margin-top: 15px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .service__button {
    margin-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .service__button {
    margin-bottom: 0;
  }
}

.service__button a {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--blackColor);
}


/*------------------------------
Contact Area
-------------------------------*/
.single__contact {
  border: 1px solid var(--borderColor);
  padding: 40px 35px 35px 40px;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 15px rgba(174, 181, 206, 0.09);
  margin-bottom: 30px;
  transition: var(--transition);
  position: relative;
}

.single__contact:hover {
  box-shadow: 0px 4px 25px rgba(174, 181, 206, 0.3);
  transform: translateY(-5px);
}

@media (min-width: 768px) and (max-width: 991px) {
  .single__contact {
    padding: 15px 35px 25px 20px;
  }
}

@media (max-width: 767px) {
  .single__contact {
    padding: 15px 35px 25px 20px;
  }
}

.single__contact .contact__text {
  margin-left: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .single__contact .contact__text {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .single__contact .contact__text {
    margin-left: 20px;
  }
}

.single__contact .contact__text h5 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: var(--blackColor);
}

.single__contact .contact__text p {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .single__contact .contact__text p {
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .single__contact .contact__text p {
    font-size: 13px;
    line-height: 20px;
  }
}

.single__contact .contact__text span {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: var(--contentColor);
}

.contact__form__inner {

  padding: 30px;
  border: 0px solid var(--borderColor2);
  background-color: #003f1a;

}

@media (min-width: 768px) and (max-width: 991px) {
  .contact__form__inner {
    padding: 20px;
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .contact__form__inner {
    padding: 20px 20px 30px 20px;
    margin-top: 40px;
  }
}

.contact__form__inner .contact__form__heading {
  margin-bottom: 13px;
}

.contact__form__inner .contact__form__heading h3 {
  font-weight: bold;
  font-size: 30px;
  line-height: 43px;
  color: var(--whiteColor);
  margin: 0;
}

@media (max-width: 767px) {
  .contact__form__inner .contact__form__heading h3 {
    font-size: 20px;
    line-height: 32px;
  }
}

.contact__form__inner .contact__form__heading p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .contact__form__inner .contact__form__heading p {
    font-size: 13px;
    line-height: 20px;
  }
}

.contact__input__wraper {
  position: relative;
}

.contact__input__wraper input {
  height: 60px;
  width: 100%;
  border: 0px;
  border-bottom: 1px solid var(--whiteColor);
  margin-bottom: 30px;
  border-radius: var(--borderRadius);
  background: transparent;
  color: var(--whiteColor);
  font-size: 18px;
}

.contact__input__wraper .contact__icon {
  position: absolute;
  top: 17px;
  right: 24px;
}

.contact__input__wraper .contact__icon i {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: var(--primaryColor);
}

.contact__input__wraper textarea {
  width: 100%;
  border: 1px solid var(--borderColor2);
  padding-left: 27px;
  height: 285PX;
  padding-top: 30PX;
  border-radius: var(--borderRadius);
  background: transparent;
  color: var(--contentColor);
}

.contact__button {
  margin-top: 0px;
}

.contact__button a {
  padding: 17px 48px;
}

.form-messege {
  padding-top: 10px;
}

/*------------------------------
Footer Area
-------------------------------*/
.footerarea {
  background: #007832;
  padding: 100px 0 30px 0;
  overflow: hidden;
}

.footerarea .footerElement img {
  position: absolute;
  right: -197px;
  top: -83px;
  z-index: 1;
}

.footerarea__newsletter__wraper {
  border-bottom: 1px solid var(--darkcolor);
  z-index: 2;
  position: relative;
}

.footerarea__newsletter {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .footerarea__newsletter {
    margin-left: 0px;
    margin-top: 30px;
  }
}

.footerarea__newsletter__input {
  position: relative;
}

.footerarea__newsletter__input input {
  width: 100%;
  color: var(--whiteColor);
  height: 62px;
  background: var(--deepgray);
  font-size: 16px;
  padding-left: 15px;
  border: 1px solid var(--deepgray);
  border-radius: var(--borderRadius);
}

.footerarea__newsletter__input input::placeholder {
  color: var(--whiteColor);
}

.contact-form input::placeholder {
  color: var(--whiteColor);
}

.footerarea__newsletter__input input:focus {
  border: 1px solid var(--whitegrey);
}

.footerarea__newsletter__button {
  position: absolute;
  top: 0;
  right: 0;
}

.footerarea__newsletter__button a {
  padding: 0 20px;
  background: var(--primaryColor);
  text-align: center;
  color: var(--whiteColor);
  display: inline-block;
  border: 1px solid var(--primaryColor);
  border-radius: var(--borderRadius);
  font-size: 15px;
  height: 62px;
  line-height: 62px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__newsletter__button a {
    padding: 0 10px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .footerarea__newsletter__button a {
    padding: 0 13px;
    font-size: 12px;
  }
}

.footerarea__newsletter__button a:hover {
  background: inherit;
  border: 1px solid var(--primaryColor);
}

.footerarea__newsletter__wraper .row {
  align-items: center;
}

.footerarea__wrapper {
  padding-top: 110px;
  padding-bottom: 80px;
  border-bottom: 1px solid var(--darkcolor);
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .footerarea__wrapper {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}

.footerarea__wrapper.footerarea__wrapper__2 {
  border-bottom: none;
}

.footerarea__wrapper .footerarea__padding__left {
  padding-left: 60px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .footerarea__wrapper .footerarea__padding__left {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__wrapper .footerarea__padding__left {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .footerarea__wrapper .footerarea__padding__left {
    padding-left: 0;
  }
}

.footerarea__wrapper .footerarea__right__wraper {
  padding-left: 50px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .footerarea__wrapper .footerarea__right__wraper {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__wrapper .footerarea__right__wraper {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .footerarea__wrapper .footerarea__right__wraper {
    padding-left: 0;
  }
}

.footerarea__wrapper .footerarea__about__us {
  margin-right: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__wrapper .footerarea__inner {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .footerarea__wrapper .footerarea__inner {
    margin-top: 20px;
  }
}

.footerarea__wrapper .footerarea__inner .footerarea__heading {
  margin-bottom: 20px;
}

.footerarea__wrapper .footerarea__inner .footerarea__heading h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--whiteColor);
  font-family: var(--headingFont);
}

.footerarea__wrapper .footerarea__inner .footerarea__content {
  margin-bottom: 30px;
}

.footerarea__wrapper .footerarea__inner .footerarea__content p {
  color: var(--darkgray);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .footerarea__wrapper .footerarea__inner .footerarea__content p {
    font-size: 14px;
  }
}

.footerarea__wrapper .footerarea__inner .footerarea__icon {
  margin-top: 30px;
}

.footerarea__wrapper .footerarea__inner .footerarea__icon ul li {
  margin-right: 5px;
}

.footerarea__wrapper .footerarea__inner .footerarea__icon ul li a {
  height: 44px;
  width: 44px;
  line-height: 44px;
  background: var(--deepgray);
  font-size: 16px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  color: var(--whitegrey);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .footerarea__wrapper .footerarea__inner .footerarea__icon ul li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}

.footerarea__wrapper .footerarea__inner .footerarea__icon ul li a:hover {
  color: var(--whiteColor);
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li {
  display: block;
  margin-bottom: 12px;
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a {
  color: var(--darkgray);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--contentFont);
  transition: 0.3s;
  position: relative;
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  background: var(--primaryColor);
  left: 0;
  bottom: -5px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a:hover {
  color: var(--primaryColor);
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.footerarea__right__wraper .footerarea__right__list ul li {
  margin-bottom: 15px;
  display: block;
}

.footerarea__right__wraper .footerarea__right__list ul li a {
  display: flex;
  align-items: center;
}

.footerarea__right__wraper .footerarea__right__list ul li a:hover .footerarea__right__content h6 {
  color: var(--primaryColor);
}

.footerarea__right__wraper .footerarea__right__list ul li a .footerarea__right__img {
  margin-right: 11px;
  max-width: 60px;
}

.footerarea__right__wraper .footerarea__right__list ul li a .footerarea__right__content span {
  font-size: 12px;
  color: var(--darkgray);
}

.footerarea__right__wraper .footerarea__right__list ul li a .footerarea__right__content h6 {
  font-size: 15px;
  color: var(--whiteColor);
}

.footerarea__copyright__wrapper {
  padding-top: 25px;
  border-top: 1px solid #33935b;
  margin-top: 60px;
  z-index: 2;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__copyright__wrapper {
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .footerarea__copyright__wrapper {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-top: 42px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 {
    margin-bottom: 20px;
  }
}

.footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 p {
  color: var(--whiteColor);
}

@media (min-width: 992px) and (max-width: 1365px) {
  .footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 p {
    font-size: 14px;
  }
}

.footerarea__copyright__wrapper .footerarea__copyright__content p {
  color: var(--whiteColor);
  margin-bottom: 0;
}

.footerarea__copyright__wrapper .footerarea__copyright__content p span {
  color: var(--primaryColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__content p a {
  color: var(--whiteColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__content p a:hover {
  color: var(--primaryColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__list {
  text-align: right;
}

@media (max-width: 767px) {
  .footerarea__copyright__wrapper .footerarea__copyright__list {
    text-align: center;
    margin-top: 20px;
  }
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li {
  color: var(--darkgray);
  position: relative;
  padding-right: 25px;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li a {
  color: #007832;
  background-color: white;
  font-size: 14px;
  padding: 14px 20px;
  border-radius: 50px;
  font-weight: 500;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li a:hover {
  color: var(--primaryColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li:last-child {
  padding-right: 0;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li:last-child::after {
  display: none;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 13px;
  background: var(--darkgray);
  bottom: 5px;
  right: 9px;
}

.footerarea__text h3 {
  font-size: 40px;
  line-height: 64px;
  color: var(--whiteColor);
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__text h3 {
    font-size: 25px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .footerarea__text h3 {
    font-size: 36px;
    line-height: 50px;
  }
}

.footerarea__text h3 span {
  color: var(--primaryColor);
}

.footerarea__text p {
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 0;
}

.foter__bottom__text {
  display: flex;
  align-items: center;
}

.foter__bottom__text .footer__bottom__icon {
  margin-right: 22px;
}

.foter__bottom__text .footer__bottom__icon i {
  width: 78px;
  height: 78px;
  color: var(--whiteColor);
  background: var(--primaryColor);
  display: inline-block;
  text-align: center;
  line-height: 78px;
  font-size: 30px;
}

.foter__bottom__text .footer__bottom__content h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  color: var(--whiteColor);
  text-transform: uppercase;
  margin-bottom: 0;
}

.foter__bottom__text .footer__bottom__content span {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: rgba(255, 255, 255, 0.63);
  display: block;
  margin-bottom: 7px;
}

.footerarea__copyright__wrapper__2 .row {
  align-items: center;
}

.footerarea__icon__2 {
  text-align: right;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footerarea__icon__2 {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .footerarea__icon__2 {
    text-align: left;
  }
}

.footerarea__icon__2 ul li a {
  width: 40.19px;
  height: 37px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  line-height: 37px;
  margin-right: 7px;
}

@media (min-width: 992px) and (max-width: 1365px) {
  .footerarea__icon__2 ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 3px;
  }
}

.footerarea__icon__2 ul li a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

@media (min-width: 992px) and (max-width: 1365px),
(min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .footerarea.footerarea__image {
    background-image: none !important;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1660px) {
  .hero-style {
    height: 730px;
    transition: all .4s ease;
  }

  .hero-style .slide-title h1 {
    font-size: 60px;
  }

  .first_tabContent h3.tabTitle {
    color: #000;
    font-size: 40px;
    line-height: 47px;
  }

  .how-it-works .bg-Arrow img.arrow-marker {
    left: 22%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-1 {
    left: 45%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-2 {
    left: 64%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-5 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-4 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-3 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-6 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-7 {
    left: 84%;
    width: 230px;
  }

  .how-it-works .bg-Arrow img.arrow-marker-8 {
    left: 66.5%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-9 {
    left: 44%;
  }

  .how-it-works .bg-Arrow img.arrow-3 {
    left: 85.3%;
  }

  .how-it-works .bg-Arrow img.arrow-6 {
    left: 91.5%;
  }

  .how-it-works .bg-Arrow img.arrow-8 {
    top: 63.2%;
    left: 63.8%;
  }

  .how-it-works .bg-Arrow img.arrow-10 {
    top: 63.2%;
    left: 22.5%;
  }

  .how-it-works .bg-Arrow img.arrow-9 {
    top: 63.2%;
    left: 44.6%;
  }

  .how-it-works .bg-Arrow img.arrow-7 {
    top: 63.2%;
    left: 84.6%;
  }

  .how-it-works .bg-Arrow img.arrow-4 {
    left: 91.5%;
  }

  .how-it-works .bg-Arrow img.arrow-1 {
    left: 44%;
  }

  .how-it-works .bg-Arrow img.arrow-2 {
    left: 65.3%;
  }

  .how-it-works .bg-Arrow img.arrow {
    left: 23.3%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-10 {
    left: 23%;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-1 {
    top: 25.5%;
    left: 21.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-6 {
    top: 63.9%;
    left: 45.5%;
    width: 147px;
  }

  .service .left-element img {
    left: -361px;
  }

  .service .top-right-element img {
    right: -426px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-7 {
    top: 63.9%;
    left: 23.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-5 {
    top: 63.9%;
    left: 66.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-4 {
    top: 43.5%;
    left: 91.9%;
    width: 116px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-3 {
    top: 25.5%;
    left: 63.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-2 {
    top: 25.5%;
    left: 42.5%;
    /* right: 0; */
    width: 147px;
  }

  .footerarea .callBx .callNumber a,
  .emailBx .callNumber a {
    font-size: 20px;
  }

  .footerarea .AddressBx .address p {
    font-size: 20px;
  }

  .InnerContent h3.innerTitle {
    font-size: 30px;
  }

  .InnerContent p.InnerPara {
    margin-bottom: 24px;
  }

  .footerarea__icon ul li a {
    color: #fff;
    font-size: 20px;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
  .hero-style {
    height: 730px;
    transition: all .4s ease;
  }

  .hero-style .slide-title h1 {
    font-size: 60px;
  }

  .first_tabContent h3.tabTitle {
    color: #000;
    font-size: 40px;
    line-height: 47px;
  }

  .casesBx.caseBg-1 {
    height: 706px;
  }

  .casesBx.caseBg-1 .discountBx {
    margin: 149px 25px 36px 25px;
  }

  .how-it-works .bg-Arrow img.arrow-marker {
    left: 22%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-1 {
    left: 45%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-2 {
    left: 64%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-5 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-4 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-3 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-6 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-7 {
    left: 84%;
    width: 230px;
  }

  .how-it-works .bg-Arrow img.arrow-marker-8 {
    left: 66.5%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-9 {
    left: 44%;
  }

  .how-it-works .bg-Arrow img.arrow-3 {
    left: 85.3%;
  }

  .how-it-works .bg-Arrow img.arrow-6 {
    left: 91.5%;
  }

  .how-it-works .bg-Arrow img.arrow-8 {
    top: 63.2%;
    left: 63.8%;
  }

  .how-it-works .bg-Arrow img.arrow-10 {
    top: 63.2%;
    left: 22.5%;
  }

  .how-it-works .bg-Arrow img.arrow-9 {
    top: 63.2%;
    left: 44.6%;
  }

  .how-it-works .bg-Arrow img.arrow-7 {
    top: 63.2%;
    left: 84.6%;
  }

  .how-it-works .bg-Arrow img.arrow-4 {
    left: 91.5%;
  }

  .how-it-works .bg-Arrow img.arrow-1 {
    left: 44%;
  }

  .how-it-works .bg-Arrow img.arrow-2 {
    left: 65.3%;
  }

  .how-it-works .bg-Arrow img.arrow {
    left: 23.3%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-10 {
    left: 23%;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-1 {
    top: 25.5%;
    left: 21.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-6 {
    top: 63.9%;
    left: 45.5%;
    width: 147px;
  }

  .service .left-element img {
    left: -361px;
  }

  .service .top-right-element img {
    right: -426px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-7 {
    top: 63.9%;
    left: 23.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-5 {
    top: 63.9%;
    left: 66.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-4 {
    top: 43.5%;
    left: 91.9%;
    width: 116px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-3 {
    top: 25.5%;
    left: 63.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-2 {
    top: 25.5%;
    left: 42.5%;
    /* right: 0; */
    width: 147px;
  }

  .footerarea .callBx .callNumber a,
  .emailBx .callNumber a {
    font-size: 20px;
  }

  .footerarea .AddressBx .address p {
    font-size: 20px;
  }

  .InnerContent h3.innerTitle {
    font-size: 30px;
  }

  .InnerContent p.InnerPara {
    margin-bottom: 24px;
  }

  .footerarea__icon ul li a {
    color: #fff;
    font-size: 20px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .hero-style {
    height: 630px;
    transition: all .4s ease;
  }

  .hero-style .slide-title h1 {
    font-size: 50px;
  }

  .first_tabContent h3.tabTitle {
    color: #000;
    font-size: 40px;
    line-height: 47px;
  }

  .service__content h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 5px;
  }

  .section__title .section__title__heading h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .casesBx.caseBg-1 {
    height: 707px;
  }

  .casesBx.caseBg-1 .discountBx {
    margin: 149px 25px 36px 25px;
  }

  .how-it-works .bg-Arrow img.arrow-marker {
    left: 22%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-1 {
    left: 45%;
  }

  .footerarea__icon ul li a {
    color: #fff;
    font-size: 20px;
  }

  .how-it-works .bg-Arrow img.arrow-marker-2 {
    left: 64%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-5 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-4 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-3 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-6 {
    left: 84%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-7 {
    left: 84%;
    width: 230px;
  }

  .how-it-works .bg-Arrow img.arrow-marker-8 {
    left: 66.5%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-9 {
    left: 44%;
  }

  .how-it-works .bg-Arrow img.arrow-3 {
    left: 85.3%;
  }

  .how-it-works .bg-Arrow img.arrow-6 {
    left: 91.9%;
  }

  .how-it-works .bg-Arrow img.arrow-8 {
    top: 63.2%;
    left: 63.8%;
  }

  .how-it-works .bg-Arrow img.arrow-10 {
    top: 63.2%;
    left: 22.5%;
  }

  .how-it-works .bg-Arrow img.arrow-9 {
    top: 63.2%;
    left: 44.6%;
  }

  .how-it-works .bg-Arrow img.arrow-7 {
    top: 63.2%;
    left: 84.6%;
  }

  .how-it-works .bg-Arrow img.arrow-4 {
    left: 91.9%;
  }

  .how-it-works .bg-Arrow img.arrow-1 {
    left: 44%;
  }

  .how-it-works .bg-Arrow img.arrow-2 {
    left: 65.3%;
  }

  .how-it-works .bg-Arrow img.arrow {
    left: 23.3%;
  }

  .how-it-works .bg-Arrow img.arrow-marker-10 {
    left: 23%;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-1 {
    top: 25.5%;
    left: 21.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-6 {
    top: 63.9%;
    left: 45.5%;
    width: 147px;
  }

  .service .left-element img {
    left: -385px;
  }

  .service .top-right-element img {
    right: -426px;
  }

  .InnerContent h3.innerTitle {
    font-size: 28px;
  }

  .InnerContent p.InnerPara {
    margin-bottom: 31px;
  }

  .discountBx h4.discountTitle {
    font-size: 27px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-7 {
    top: 63.9%;
    left: 23.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-5 {
    top: 63.9%;
    left: 66.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-4 {
    top: 43.5%;
    left: 91.9%;
    width: 116px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-3 {
    top: 25.5%;
    left: 63.5%;
    width: 147px;
  }

  .how-it-works .largeMiddleArrow img.largeArrow-2 {
    top: 25.5%;
    left: 42.5%;
    /* right: 0; */
    width: 147px;
  }

  .footerarea .callBx .callNumber a,
  .emailBx .callNumber a {
    font-size: 20px;
  }

  .footerarea .AddressBx .address p {
    font-size: 20px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .accordion-body p {
    margin-bottom: 0;
    color: #222;
    font-size: 17px;
    line-height: 33px;
    font-weight: 400;
    padding-right: 0;
  }

  .pr-6 {
    padding-right: 12px;
  }

  section.Trusted {
    padding: 60px 0;
  }

  .service.bg-green {
    padding: 70px 0;
    background-color: var(--greencolor3);
    overflow: hidden;
  }

  .how-it-works .row.pt-100 {
    padding-top: 0px;
  }

  .tab-content img {
    width: auto;
    height: 487px;
  }

  .mobile-logo img {
    max-width: 120px;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(3) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .mobile-mt-top {
    margin-top: 20px;
  }

  .how-it-works {
    padding: 70px 0;
  }

  .possibilities {
    padding: 70px 0;
  }

  section.cases.bg-grey {
    padding: 70px 0 80px 0;
    background-color: #fafafa;
  }

  .service .top-right-element img {
    position: absolute;
    top: -502px;
    right: -379px;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(9) {
    border-right: 0px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(2) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(3) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(8) {
    border-bottom: 1px solid #80b693;
    border-right: 0px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(4) {
    border-bottom: 1px solid #80b693;
    border-right: px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(6) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .InnerContent h3.innerTitle {
    text-transform: uppercase;
    color: #fff;
    font-size: 29px;
    margin-bottom: 10px;
  }

  .contact__form__inner .contact__form__heading h3 {
    font-weight: bold;
    font-size: 27px;
    line-height: 39px;
    color: var(--whiteColor);
    margin: 0;
  }

  .brandarea__wraper .brandarea__img {
    width: 32%;
    margin: 5px 5px;
    background-color: #fff;
    box-shadow: 0 0 13px 2px #00000014;
    padding: 15px;
    transition: var(--transition);
    border: 1px solid #cccccc00;
  }

  .InnerContent p.Case_pointers {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-left: 69px;
    margin-bottom: 22px;
    padding-right: 0;
    line-height: 25px;
  }

  section.cases.bg-grey .InnerContent {
    padding: 36px 30px 36px 30px;
  }

  .service .bottom-right-element img {
    position: absolute;
    bottom: -660px;
    right: -395px;
  }

  .service .left-element img {
    position: absolute;
    bottom: 0;
    left: -514px;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(9) {
    border-right: 1px solid #80b693;
    border-bottom: 0px solid #80b693;
  }

  .casesBx.caseBg-1 {
    background-size: cover;
    margin-bottom: 60px;
  }

  .casesBx.caseBg-2 {
    background-size: cover;
  }

  section.Trusted .TrustedSlider ul.slick-dots {
    padding-left: 0;
    list-style: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
  }

  section.Trusted .TrustedSlider ul.slick-dots li button {
    background-color: transparent;
    display: none;
  }

  section.Trusted .TrustedSlider ul.slick-dots li.slick-active {
    background-color: var(--primaryColor);
  }

  section.Trusted .TrustedSlider ul.slick-dots li {
    margin: 15px 10px 0px 10px;
    font-size: 0;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #ccc;
  }

  .InnerContent p.InnerPara {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-right: 0;
    margin-bottom: 22px;
  }

  .brandarea__img-mobile img {
    width: 100%;
    margin: 18px 5px;
    background-color: #fff;
    box-shadow: 0 0 13px 2px #00000014;
    padding: 15px;
    transition: var(--transition);
    border: 1px solid #cccccc00;
  }

  .footerarea .AddressBx .address p {
    color: #fff;
    text-decoration: none;
    font-size: 23px;
    font-weight: bold;
    transition: var(--transition);
    padding-right: 0;
    line-height: 37px;
    padding-left: 22px;
    margin-bottom: 30px;
  }

  .footerarea .footerElement img {
    position: absolute;
    right: -357px;
    top: 440px;
    z-index: 1;
  }

  .footerarea .callBx .callNumber,
  .emailBx .callNumber {
    padding-left: 22px;
  }

  .hero-style .slide-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0 0 0px;
    transition: all .4s ease;
    padding-right: 0;
  }

  .headerarea__button a {
    padding: 8px 11px;
    font-size: 12px;
  }

  .hero-style {
    height: 600px;
    transition: all .4s ease;
  }

  section.for_whom .nav-pills .nav-link i {
    margin-bottom: 0;
    color: #fff;
    font-size: 40px;
    line-height: 0px;
    margin-right: 20px;
  }

  .first_tabContent {
    position: absolute;
    bottom: 29px;
    left: 47px;
  }

  .first_tabContent h3.tabTitle {
    font-size: 34px;
  }

  section.for_whom .nav-pills .nav-link p {
    margin-bottom: 0;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
  }

  section.for_whom .nav-pills .nav-link h5 {
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
  }

  .transparent__header {
    padding: 16px 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .accordion-body p {
    margin-bottom: 0;
    color: #222;
    font-size: 17px;
    line-height: 33px;
    font-weight: 400;
    padding-right: 0;
  }

  .headerarea__button a {
    padding: 12px 15px !important;
    background-color: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    font-size: 16px !important;
    border: 1px solid var(--primaryColor);
    margin-top: 10px;
  }

  .pr-6 {
    padding-right: 12px;
  }

  section.Trusted {
    padding: 60px 0;
  }

  .service.bg-green {
    padding: 70px 0;
    background-color: var(--greencolor3);
    overflow: hidden;
  }

  .how-it-works .row.pt-100 {
    padding-top: 0px;
  }

  .tab-content img {
    width: 100%;
    height: 560px;
  }

  .mobile-logo img {
    max-width: 120px;
  }

  .mobile-mt-top {
    margin-top: 20px;
  }

  .how-it-works {
    padding: 70px 0;
  }

  .possibilities {
    padding: 70px 0;
  }

  section.cases.bg-grey {
    padding: 70px 0 80px 0;
    background-color: #fafafa;
  }

  .service .top-right-element img {
    position: absolute;
    top: -502px;
    right: -379px;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(9) {
    border-right: 0px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(2) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(3) {
    border-right: 0px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(8) {
    border-bottom: 1px solid #80b693;
    border-right: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(4) {
    border-bottom: 1px solid #80b693;
    border-right: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(6) {
    border-right: 0px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(9) {
    border-right: 0px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .casesBx.caseBg-1 {
    background-size: cover;
    margin-bottom: 60px;
  }

  .casesBx.caseBg-2 {
    background-size: cover;
  }

  section.Trusted .TrustedSlider ul.slick-dots {
    padding-left: 0;
    list-style: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
  }

  section.Trusted .TrustedSlider ul.slick-dots li button {
    background-color: transparent;
    display: none;
  }

  section.Trusted .TrustedSlider ul.slick-dots li.slick-active {
    background-color: var(--primaryColor);
  }

  section.Trusted .TrustedSlider ul.slick-dots li {
    margin: 15px 10px 0px 10px;
    font-size: 0;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #ccc;
  }

  .InnerContent p.InnerPara {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-right: 0;
    margin-bottom: 22px;
  }

  .brandarea__img-mobile img {
    width: 100%;
    margin: 18px 5px;
    background-color: #fff;
    box-shadow: 0 0 13px 2px #00000014;
    padding: 15px;
    transition: var(--transition);
    border: 1px solid #cccccc00;
  }

  .footerarea .AddressBx .address p {
    color: #fff;
    text-decoration: none;
    font-size: 23px;
    font-weight: bold;
    transition: var(--transition);
    padding-right: 0;
    line-height: 37px;
    padding-left: 22px;
    margin-bottom: 30px;
  }

  .footerarea .footerElement img {
    position: absolute;
    right: -357px;
    top: 440px;
    z-index: 1;
    display: none;
  }

  .footerarea .callBx .callNumber,
  .emailBx .callNumber {
    padding-left: 22px;
  }
}


@media (max-width: 767px) {

  section.for_whom {
    padding: 70px 0;
  }

  .how-it-works {
    padding: 0px 0 70px 0;
  }

  .how-it-works .how-it-works-bx .numberBx {
    width: 60px;
    align-items: center;
    height: 60px;
    margin-bottom: 20px;
    box-shadow: 5px 5px 0 0 #d8d8d8;
  }

  .service .top-right-element img {
    position: absolute;
    top: -378px;
    right: -388px;
    width: 500px;
  }

  section.possibilities .accordion-item .accordian-wrapper h3 {
    font-size: 20px;
  }

  .accordion-button {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .possibilities {
    padding: 70px 0;
  }

  section.cases.bg-grey {
    padding: 70px 0 80px 0;
  }

  .accordion-button::after {
    width: 1.8rem;
    height: 1.8rem;
    background-size: 1.6em;
  }

  .accordion-body p {
    font-size: 14px;
    line-height: 23px;
    padding-right: 0;
  }

  .how-it-works .how-it-works-bx .numberBx p {
    font-size: 26px;
    line-height: 25px;
  }

  .how-it-works .row.pt-100 {
    padding-top: 10px;
  }

  .how-it-works .how-it-works-bx p.titlePara {
    font-size: 14px;
    padding-right: 0;
    line-height: 20px;
  }

  .mobile-mt-top {
    margin-top: 20px;
  }

  .service__img img {
    max-width: 50px;
    margin-bottom: 5px;
    height: 50px;
    object-fit: contain;
  }

  .service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(10) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-6.col-sm-6:nth-child(9) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service__content h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .service__content p {
    line-height: 24px;
    margin-bottom: 0;
    color: var(--whiteColor);
    font-size: 14px;
  }

  .service .bottom-right-element img {
    position: absolute;
    bottom: -667px;
    right: -403px;
  }

  .service.bg-green {
    padding: 80px 0;
  }

  .single__service {
    padding: 23px 15px 23px 15px;
    height: auto;
  }

  .service .left-element img {
    display: none;
  }

  section.cases.bg-grey .InnerContent {
    padding: 29px 20px 20px 20px;
  }

  .InnerContent p.InnerPara {
    font-size: 16px;
    line-height: 28px;
    padding-right: 0;
    margin-bottom: 15px;
  }

  .discountBx h4.discountTitle {
    font-size: 22px;
    margin-bottom: 10px;
  }

  a.discountBtn {
    padding: 6px 15px;
    font-size: 16px;
  }

  .casesBx.caseBg-1 {
    margin-bottom: 40px;
    height: auto;
  }

  .discountBx p.discountPara {
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 23px;
  }

  .discountBx {
    margin: 0px 15px 36px 15px;
  }

  .casesBx.caseBg-1 .discountBx {
    margin: 0px 25px 36px 25px;
  }

  .InnerContent p.Case_pointers {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin-left: 48px;
    margin-bottom: 15px;
    padding-right: 0;
    line-height: 25px;
  }

  .InnerContent h3.innerTitle {
    font-size: 25px;
  }

  section.Trusted .TrustedSlider ul.slick-dots {
    padding-left: 0;
    list-style: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
  }

  section.Trusted .TrustedSlider ul.slick-dots li {
    margin: 15px 10px 0px 10px;
    font-size: 0;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #ccc;
  }

  section.Trusted .TrustedSlider ul.slick-dots li button {
    background-color: transparent;
    display: none;
  }

  section.Trusted .TrustedSlider ul.slick-dots li.slick-active {
    background-color: var(--primaryColor);
  }

  section.Trusted {
    padding: 60px 0;
  }

  .footerarea .footerElement img {
    position: absolute;
    right: -403px;
    top: -64px;
    z-index: 1;
    display: none;
  }

  .footerarea .callBx .callNumber,
  .emailBx .callNumber {
    padding-left: 14px;
  }

  .footerarea .callBx .callNumber a,
  .emailBx .callNumber a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: var(--transition);
  }

  .footerarea .callBx,
  .emailBx {
    margin-bottom: 17px;
  }

  .footerarea .AddressBx .address p {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: var(--transition);
    padding-right: 0;
    line-height: 27px;
    padding-left: 14px;
    margin-bottom: 30px;
  }

  .default__button {
    padding: 6px 25px;
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    display: inline-block;
    text-align: center;
    border-radius: var(--borderRadius);
    font-size: 16px;
    border: 1px solid var(--primaryColor);
    width: 100%;
  }

  .contact__input__wraper input {
    height: 46px;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid var(--whiteColor);
    margin-bottom: 30px;
    border-radius: var(--borderRadius);
    background: transparent;
    color: var(--whiteColor);
    font-size: 16px;
  }

  .footerarea__copyright__wrapper .footerarea__copyright__content p {
    color: var(--whiteColor);
    margin-bottom: 0;
    text-align: center;
    font-size: 13px;
  }

  .brandarea__img-mobile img {
    width: 100%;
    margin: 18px 5px;
    background-color: #fff;
    box-shadow: 0 0 13px 2px #00000014;
    padding: 15px;
    transition: var(--transition);
    border: 1px solid #cccccc00;
  }

  section.for_whom .bgOrange {
    background-color: var(--primaryColor);
    padding: 42px 20px 42px 25px;
  }

  .headerarea__button a {
    padding: 12px 15px !important;
    background-color: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    font-size: 16px !important;
    border: 1px solid var(--primaryColor);
    margin-top: 10px;
  }

  section.for_whom .nav-pills .nav-link h5 {
    font-size: 18px;
  }

  section.for_whom .nav-pills .nav-link p {
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
  }

  .first_tabContent h3.tabTitle {
    color: #000;
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 26px;
  }

  .first_tabContent {
    position: absolute;
    bottom: 70px;
    left: 33px;
  }

  .first_tabContent p.Case_pointers {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    margin-left: 46px;
    margin-bottom: 22px;
    padding-right: 27px;
    line-height: 25px;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(10) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .service .col-xl-3.col-lg-3.col-md-4.col-sm-6:nth-child(9) {
    border-right: 1px solid #80b693;
    border-bottom: 1px solid #80b693;
  }

  .footerarea {
    background: #007832;
    padding: 70px 0 30px 0;
    overflow: hidden;
  }

  section.for_whom .nav-pills .nav-link i {
    font-size: 40px;
  }
}



.wp-icon img {
  width: 60px;
  position: fixed;
  right: 30px;
  bottom: 140px;
  z-index: 1;
}



.headerarea__left__logo img
{
  width: 120px;
}