/*
 Theme Name: Bepro
 Theme URI: https://themeforest.net/user/themewar/portfolio
 Author: themewar
 Author URI: 
 Description: Bepro - Multi-Purpose Business & Consulting Responsive HTML5 Template
 Version: 1.0
 License:
 License URI:
*/

/*==================================
[Table of contents]
===================================
1. Home Page 01
2. Home Page 02
3. Home Page 03
4. Home Page 04
5. Home Page 05
6. Home Page 06
7. Home Page 07
8. About Page
9. Blog Page
10. Blog Details Page
11. Portfolio Page
12. Shop Page
13. Product Details
14. Service & Details Pages
15. Contact Page
*/

/*------------------------------------------------------
/ 1. Home Page 01
/------------------------------------------------------*/
/*--- Header 01 ---*/
.topbar01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  padding: 11px 0 12px;
}
.topbar01 p {
  display: inline-block;
  font-size: 15px;
  line-height: 35px;
  color: #fff;
  font-weight: 500;
  margin: 0 21px 0 0;
}
.topbar01 p i {
  color: var(--theme-color);
  font-size: 13px;
  line-height: 33px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 6px;
}
.topbar01 p i.twi-phone-volume {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.topbar01 p a {
  color: inherit;
}
.topbar01 p a:hover {
  color: var(--theme-color);
}
.topsocial {
  position: relative;
  padding: 0 0;
  text-align: right;
}
.topsocial a {
  display: inline-block;
  font-size: 15px;
  line-height: 33px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  color: #191919;
  background: #fff;
  text-align: center;
  margin-left: 2px;
}
.topsocial a:hover {
  background: var(--theme-color);
  color: #fff;
}

.header01 {
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 9;
  width: 100%;
}
.navbar01 {
  justify-content: space-between;
  display: flex;
  background: #fff;
  border-radius: 3px;
  padding: 0 40px;
}
.logo {
  line-height: 66px;
  margin: 0;
  padding: 16px 0;
  position: relative;
}
.logo img {
  height: 66px;
  width: auto;
  max-width: 100%;
}
.mainMenu {
  position: relative;
  padding: 0 0 0 32px;
}
.mainMenu ul {
  position: relative;
  margin: 0;
  padding: 0;
}
.mainMenu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin: 0 0 0 19px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mainMenu ul li:first-child {
  margin-left: 0;
}
.mainMenu ul li > a {
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #2a2828;
  font-family: "Fira Sans", sans-serif;
  text-transform: capitalize;
  font-weight: 500;
  padding: 41px 15px 38px;
  position: relative;
}
.mainMenu ul li.menu-item-has-children > a::before {
  content: "\f543";
  font-family: "themewar" !important;
  position: absolute;
  left: auto;
  right: 2px;
  top: calc(50% + 2px);
  text-align: center;
  z-index: 9999;
  display: block;
  cursor: pointer;
  transform: translateY(-50%);
}
.mainMenu ul .sub-menu li.menu-item-has-children > a::before {
  right: 19px;
  content: "..";
  font-family: "Fira Sans", sans-serif !important;
  font-size: 25px;
  letter-spacing: 3px;
  top: calc(50% - 5px);
}
.mainMenu ul li:hover > a {
  color: var(--theme-color);
}
.mainMenu ul li .sub-menu {
  position: absolute;
  left: -10px;
  pointer-events: none;
  top: calc(100% - 4px);
  width: 260px;
  border-radius: 3px;
  z-index: 100;
  text-align: left;
  margin: 0;
  padding: 18px 0 16px;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%),
    -2px 0 5px 1px rgb(0 0 0 / 5%);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0 5px 1px rgb(0 0 0 / 5%);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 3px solid var(--theme-color);
  color: inherit;
  font-size: inherit;
}
.mainMenu ul li .sub-menu li {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #f5f5f5;
}
.mainMenu ul li .sub-menu li:last-child {
  border-bottom: none;
}
.mainMenu ul li .sub-menu li a {
  padding: 13px 30px;
  margin: 0;
  color: #6f6f6f;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  display: block;
  position: relative;
}
.mainMenu ul li .sub-menu li.current-menu-item > a,
.mainMenu ul li .sub-menu li:hover > a {
  color: #fff;
  background: var(--theme-color);
}
.mainMenu ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.mainMenu ul li .sub-menu li .sub-menu {
  position: absolute;
  left: 110%;
  right: auto;
  top: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.mainMenu ul li .sub-menu li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  left: calc(100% + 2px);
  pointer-events: inherit;
}
.mainMenu ul li .sub-menu.mega_menu {
  min-width: 950px;
  padding: 22px 15px 5px;
  left: -40px;
}
.showcase {
  margin: 0 0 20px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.showcase .showcaseThumb {
  -webkit-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
  -moz-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
  -ms-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
  -o-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
  box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  position: relative;
  overflow: hidden;
}
.showcase:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.showcase h5 {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #2a2828;
  margin: 18px 0 0;
}
.showcase h5 span {
  color: var(--theme-color);
}
.showcase .showcaseThumb img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.menu_btn {
  display: none;
}
.accessNav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.accessNav a {
  display: inline-block;
}

.accessNav .search_btn {
  position: relative;
  margin: 0 0 0 0;
  width: 52px;
  height: 52px;
  font-size: 16px;
  background: #f5f5f5;
  border-radius: 50%;
  text-align: center;
  color: #131313;
  line-height: 53px;
}
.accessNav .search_btn:hover {
  color: #fff;
  background: var(--theme-color);
}
.shoping_cart {
  position: relative;
  margin-left: 0;
}
.shoping_cart a.cartBtn {
  position: relative;
  margin: 0 0 0 8px;
  width: 52px;
  height: 52px;
  font-size: 16px;
  background: #f5f5f5;
  border-radius: 50%;
  text-align: center;
  color: #131313;
  line-height: 53px;
}
.shoping_cart a.cartBtn span {
  position: absolute;
  right: -7px;
  top: -6px;
  background: #191919;
  color: #fcfcfc;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 10.43px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
}
.shoping_cart:hover a.cartBtn {
  background: var(--theme-color);
  color: #fff;
}
.accessNav .berpo_btn {
  margin-left: 30px;
  height: 54px;
  line-height: 55px;
  font-size: 14px;
  padding: 0 34.5px;
}

/*-- Popup Search ---*/
.popup_search_sec {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.popup_search_overlay {
  position: fixed;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 30, 0.6);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  cursor: url(../images/close.png), auto;
  -webkit-transition: all 0.4s ease-in 0.8s;
  -o-transition: all 0.4s ease-in 0.8s;
  transition: all 0.4s ease-in 0.8s;
}
.popup_search_sec.active .popup_search_overlay {
  visibility: visible;
  -webkit-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  top: 0;
  opacity: 1;
}
.pop_search_background {
  background: #030303;
  width: 100%;
  height: 400px;
  top: -100%;
  z-index: 99;
  position: fixed;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
  -o-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
  transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}
.popup_search_sec.active .pop_search_background {
  opacity: 1;
  visibility: visible;
  top: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}
.middle_search {
  position: relative;
  top: 43%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: relative;
  z-index: 2;
}
.popup_search_form {
  position: relative;
}
.popup_search_form:after {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
  position: absolute;
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  width: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.popup_search_sec.active .popup_search_form:after {
  -webkit-animation-name: fadeInGo;
  animation-name: fadeInGo;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible;
  opacity: 1;
  width: 100%;
}
.popup_search_form:before {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: var(--theme-color);
}
.popup_search_form.focused:before {
  width: 100%;
  left: 0;
  right: auto;
}
.popup_search_form input[type="search"] {
  width: 100%;
  height: 64px;
  border: none;
  background: transparent;
  outline: none;
  font-size: 18px;
  line-height: 64px;
  color: #ffffff;
  font-weight: 400;
}
.popup_search_form input[type="search"]::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.popup_search_form input[type="search"]::-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.popup_search_form input[type="search"]::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInGo {
  0% {
    opacity: 0.1;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes fadeInGo {
  0% {
    opacity: 0.1;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}

@-webkit-keyframes fadeOutGo {
  0% {
    opacity: 1;
    width: 100%;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}
@keyframes fadeOutGo {
  0% {
    opacity: 1;
    width: 100%;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}

@-webkit-keyframes fadeOutGo2 {
  0% {
    opacity: 0.8;
    width: 100%;
  }
  100% {
    opacity: 0.14;
    width: 0;
  }
}
@keyframes fadeOutGo2 {
  0% {
    opacity: 0.8;
    width: 100%;
  }
  100% {
    opacity: 0.14;
    width: 0;
  }
}
.popup_search_form button[type="submit"] {
  position: absolute;
  right: 0;
  bottom: 14px;
  border: none;
  outline: none;
  z-index: 2;
  font-size: 18px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #ffffff;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
}
.popup_search_form button[type="submit"]:hover {
  color: var(--theme-color);
}

/*--- Hero Slier ---*/
.slider_01 {
  position: relative;
  height: 100vh;
  margin: 0;
  overflow: hidden;
}
.ws_nowrap {
  white-space: normal !important;
}
.tparrows.custom {
  width: 70px;
  height: 70px;
  background: #99989a;
  color: #000000;
  line-height: 70px;
  border-radius: 5px;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
}
.tparrows.custom:before {
  color: inherit;
  content: "\ef2e";
  line-height: 70px;
  font-size: 24px;
  font-family: "themewar" !important;
}
.tp-rightarrow.tparrows.custom:before {
  content: "\ef2f";
}
.tparrows.custom:hover {
  background: #fff;
}
.tp-bannertimer {
  display: none !important;
}
.ws_nowrap {
  white-space: normal !important;
}
.tp-caption .berpo_btn {
  height: 54px;
  font-weight: 600;
  font-size: 15px !important;
  line-height: 54px !important;
  transition: all ease 400ms !important;
  -moz-transition: all ease 400ms !important;
  -webkit-transition: all ease 400ms !important;
}
.slider_01 span.bg {
  width: 345px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  display: inline-block;
  background: url(../images/slider/title-bg.png) no-repeat center center / cover;
}
.slider_01 .popup_video {
  height: 62px !important;
  width: 62px !important;
  line-height: 60px !important;
  background: transparent;
  border: 2px solid var(--theme-color);
}
.prcolor {
  color: var(--theme-color);
}
.slider_02 {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.slider_02:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 120px;
  background: url(../images/bg/header.jpg) no-repeat top center / cover;
}
.slider_03 {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.slider_03 .tp-caption .berpo_btn {
  height: 60px;
  font-weight: 700;
  line-height: 60px !important;
}
.slider_03 .tp-caption .berpo_btn i {
  margin: auto !important;
}

.slider_03 .twi-star-of-life {
  display: inline-block;
  font-size: 12px;
}
.slider_03 .prcolor3 {
  display: inline-block;
  font-size: 35px;
  margin: 0 5px;
  color: var(--theme-color-three);
}
.slider_04 {
  position: relative;
}
.slider_04 .graian {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.support {
  position: relative;
  padding-left: 83px;
}
.support img {
  width: 69px;
  height: 69px;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: 0;
}
.support span {
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
  margin: 0;
  display: block;
}
.support p {
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 16px;
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.slider_04 .tparrows.custom {
  background: url(../images/slider/nav.png) no-repeat center center / cover;
  width: 108px;
  height: 108px;
  border-radius: 3px;
  transition: all ease 400ms !important;
  -moz-transition: all ease 400ms !important;
  -webkit-transition: all ease 400ms !important;
}
.slider_04 .tparrows.custom:before {
  content: "\ef54";
  color: #ffffff;
  font-size: 16px;
  line-height: 108px;
  z-index: 3;
  transition: all ease 400ms !important;
  -moz-transition: all ease 400ms !important;
  -webkit-transition: all ease 400ms !important;
}
.slider_04 .tp-rightarrow.custom:before {
  content: "\ef55";
}
.slider_04 .tparrows.custom:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 3px;
  visibility: visible;
  opacity: 1;
  z-index: -1;
  background: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  transition: all ease 400ms !important;
  -moz-transition: all ease 400ms !important;
  -webkit-transition: all ease 400ms !important;
}
.slider_04 .tparrows.custom:hover:after {
  visibility: hidden;
  opacity: 0;
}
.slider_04 .tparrows.custom:hover:before {
  color: #101a25;
}
.slider_05 {
  position: relative;
  z-index: 3;
  background: #f7f7f7;
  margin-bottom: -92px;
  border-radius: 3px 0 0 0;
}
.slider_05 .tp-caption .berpo_btn {
  height: 57px;
  font-weight: 800;
  font-size: 14px !important;
  line-height: 57px !important;
  transition: all ease 400ms !important;
  -moz-transition: all ease 400ms !important;
  -webkit-transition: all ease 400ms !important;
}
.slider_05 .headFont span {
  color: #f9bf26;
}
.slider_05 .headFont.mdHeading span {
  display: inline-block;
  color: inherit;
  margin: 0 19px;
}
.borderb {
  position: relative;
  display: inline-block;
}
.borderb:after {
  position: absolute;
  width: 100%;
  height: 7px;
  content: "";
  z-index: -1;
  background: #cee002;
  opacity: 0.11;
  left: 0;
  bottom: 4px;
}
.slider_05 .tparrows.custom {
  width: 70px;
  height: 57px;
  background: transparent;
}
.slider_05 .tparrows.custom:before {
  font-size: 36px;
  line-height: 58px;
  content: "\e942";
  font-family: "Bepro" !important;
}
.slider_05 .tp-rightarrow.tparrows.custom:before {
  content: "\e941";
}
.slider_05 .tparrows.custom:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 3px;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.slider_05 .tparrows.custom:hover:after,
.slider_05 .tp-rightarrow.tparrows.custom:after {
  width: 100%;
}
.slider_06 {
  position: relative;
  height: 100vh;
  margin: 0;
  overflow: hidden;
}
.slider_06 .tp-caption .berpo_btn {
  border-radius: 3px;
}
.slider_07 {
  position: relative;
  overflow: hidden;
  margin-top: 95px;
}
.slider_07 .tp-caption .berpo_btn {
  height: 63px;
  font-weight: 700;
  padding: 0 32.5px;
  background: var(--theme-color);
  font-size: 15px !important;
  line-height: 64px !important;
  transition: all ease 400ms !important;
  -moz-transition: all ease 400ms !important;
  -webkit-transition: all ease 400ms !important;
}
.slider_07 .tp-caption .berpo_btn i {
  background: #980000;
}
.slider_07 .tp-caption .berpo_btn:hover i {
  background: var(--theme-color);
}
.slider_07 .tp-bullet {
  background: transparent;
  position: relative;
  z-index: 66;
}
.slider_07 .tp-bullet:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "1";
  color: #1c1c1c;
  font-family: "Fira Sans", sans-serif;
  font-size: 18.4px;
  font-weight: 700;
  letter-spacing: -0.36px;
  transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
}
.slider_07 .tp-bullet:nth-child(2):after {
  content: "2";
}
.slider_07 .tp-bullet:nth-child(3):after {
  content: "3";
}
.slider_07 .tp-bullet:nth-child(4):after {
  content: "4";
}
.slider_07 .tp-bullet:nth-child(5):after {
  content: "5";
}
.slider_07 .tp-bullet:hover:after,
.slider_07 .tp-bullet.selected:after {
  color: var(--theme-color);
}
.slider_07 .tp-bullet:before {
  position: absolute;
  left: -4px;
  right: 0;
  top: 0;
  bottom: -90px;
  height: 38px;
  width: 1px;
  background: #494948;
  margin: auto;
  content: "";
  transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
}
.slider_07 .tp-bullet:last-child:before {
  display: none;
}

/*--- Service Box 01 ---*/
.service_item_01 {
  position: relative;
  background: #fff;
  margin: 0 0 30px;
  border-radius: 8px 7px 5px 5px;
  transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -webkit-box-shadow: 0px 10px 38px 0px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 10px 38px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 10px 38px 0px rgba(0, 0, 0, 0.02);
}
.service_item_01:hover {
  -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
}
.siThumb {
  position: relative;
  margin: 0;
}
.service_item_01 .siThumb img {
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0 0;
}
.sitem_con {
  position: relative;
  padding: 30px;
  text-align: center;
  /* padding: 22px 30px 23px 105px; */
}
.ibMeta {
  font-size: 50px;
  line-height: 50px;
  color: var(--theme-color);
  position: relative;
  z-index: 2;
  text-align: center;
  display: inline-block;
  transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
}
.sitem_con .ibMeta {
  position: absolute;
  left: 36px;
  top: 20px;
}
.service_item_01 h3 {
  font-size: 22px;
  line-height: 30px;
  color: #333333;
  margin: 0 0 0;
}
.service_item_01 h3 a {
  color: inherit;
}
.service_item_01 h3 a:hover {
  color: var(--theme-color);
}
.service_item_01 p {
  color: #666666;
  font-size: 15px;
  line-height: 23px;
  margin: 0;
}

/*--- About Image ---*/
.abThumb {
  position: relative;
}
/*.abThumb .round{
    padding: 76px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}*/
.abThumb img {
  max-width: 100%;
  height: auto;
}

/*-- Circle Round --*/
.skrItem {
  position: relative;
  background: #fff;
  text-align: center;
  display: inline-block;
  -webkit-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.08);
  padding: 35px 38px 27px;
  margin: 0 0 30px;
}
.circle-skill {
  position: relative;
  margin: 0 0 8px;
}
.circle-skill strong {
  position: absolute;
  left: 0;
  top: 47%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 40px;
  letter-spacing: -0.6px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  line-height: 0.8;
  color: #29333d;
  display: block;
}
.circle-skill strong span {
  font-size: 20px;
}
.circle-skill i {
  width: 49px;
  height: 49px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 22px;
  line-height: 49px;
  position: absolute;
  left: 0;
  top: 0;
}
.circle-skill i:before {
  z-index: 2;
  position: relative;
}
.circle-skill i:after {
  position: absolute;
  left: 4px;
  top: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 50%;
  content: "";
  background: var(--theme-color);
}
.skrItem h5 {
  color: #29333d;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0;
}

/*--- Client Reviewr ---*/
.happyClinets {
  position: relative;
  display: flex;
  justify-content: space-between;
  background: #fff;
  -webkit-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
  padding: 23px 32px 13px;
  border-radius: 100px;
  max-width: 508px;
  margin-bottom: -42px;
}
.happyClinets > i {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  font-size: 25px;
  color: #fff;
  line-height: 61px;
  text-align: center;
  background: var(--theme-color);
  display: inline-block;
}
.cThumb {
  position: relative;
}
.cThumb img {
  width: 61px;
  height: 62px;
  border-radius: 50%;
}
.cThumb img:nth-child(2) {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  position: absolute;
  left: 28px;
  top: -2px;
}
.cThumb img:nth-child(3) {
  width: 65px;
  height: 66px;
  border-radius: 50%;
  position: absolute;
  left: 65px;
  top: -2px;
}
.hcCon {
  padding-left: 40px;
  position: relative;
}
.hcCon h5 {
  font-size: 18px;
  border-bottom: 1px solid #ededed;
  margin: 1px 0 5px;
  padding: 0 0 7px;
}
.hcCon p {
  font-size: 15px;
  color: #101a25;
  font-weight: 700;
  font-family: "Fira Sans", sans-serif;
  margin: 0;
}
.hcCon p i {
  display: inline-block;
  font-size: 12px;
  color: #fdc703;
  margin-right: 10px;
}

/*--- Contact Form ---*/
.input-field {
  position: relative;
}
.input-field i {
  color: var(--theme-color);
  font-size: 14px;
  line-height: 67px;
  position: absolute;
  left: 25px;
  top: 0;
}
input[type="email"],
input[type="text"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="password"],
textarea,
select,
.nice-select {
  display: block;
  width: 100%;
  height: 67px;
  background: #f8f8f8;
  padding: 0 15px 0 60px;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  line-height: 67px;
  margin: 0 0 7px;
  color: #898989;
}
textarea {
  height: 150px;
  padding-top: 12px;
  padding-left: 55px;
  line-height: 34px;
  border-radius: 30px;
  resize: none;
  margin-bottom: 30px;
}
input[type="email"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #898989;
  opacity: 1;
}
input[type="email"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #898989;
  opacity: 1;
}
input[type="email"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
  color: #898989;
  opacity: 1;
}

/*--- Service Item ---*/
.service_item_02 {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 27px 43px 39px;
  margin: 0 0 30px;
  -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.stpmeta {
  position: relative;
  display: flex;
}
.stpmeta .ibMeta {
  color: #000000;
  position: relative;
  text-align: left;
}
.ibMeta svg {
  width: 80px;
  height: 64px;
  fill: #ffc1c1;
  position: absolute;
  left: -5px;
  top: 11px;
  z-index: -1;
}
.service_item_02 h3 {
  position: relative;
  z-index: 2;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  color: #0f0d1d;
  margin: 28px 0 40px 43px;
}
.service_item_02 h3 a {
  color: inherit;
}
.service_item_02 h3 a:hover {
  color: var(--theme-color);
}
.service_item_02 p {
  position: relative;
  z-index: 2;
  color: #5f5f5f;
  font-size: 17px;
  line-height: 25px;
  margin: 0;
}
.si02 .ibMeta svg {
  fill: #ffde73;
}
.si03 .ibMeta svg {
  fill: #ff8522;
}
.si04 .ibMeta svg {
  fill: #bef0ef;
}
.si05 .ibMeta svg {
  fill: #dcf7b9;
}
.si06 .ibMeta svg {
  fill: #ffa6b0;
}

/*--- List Item ---*/
.listItem {
  margin: 0;
  padding: 0;
}
.listItem li {
  list-style: none;
  display: flex;
  width: 100%;
  font-size: 18px;
  line-height: 35px;
  color: #fff;
}
.withbg li {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #101a25;
  margin: 0 0 14px;
}
.withbg li span {
  padding: 12px 30px 16px;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.listItem.withbg li i {
  color: var(--theme-color);
  font-size: 22px;
  line-height: inherit;
  margin-right: 17px;
  display: inline-block;
  position: relative;
  top: 4px;
}
.listItem li i {
  margin-right: 23px;
}
.clinetWorlwide {
  position: relative;
  text-align: right;
}
.clinetWorlwide img {
  max-width: 100%;
  height: auto;
}
.ClientNumber {
  position: absolute;
  left: 39px;
  bottom: 25px;
  text-align: left;
}
.ClientNumber h2 {
  position: relative;
  font-size: 110.79px;
  line-height: 109px;
  margin: 0 0 0 4px;
}
.ClientNumber h2 sup {
  font-style: normal;
  font-size: 55px;
  line-height: 60px;
  color: var(--theme-color);
  top: -58px;
}
.ClientNumber h5 {
  font-size: 19px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}

/*--- Client Slider ---*/
.clslider_wrap {
  background: #fff;
  -webkit-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
  padding: 54px 15px 39px;
  border-radius: 3px;
}
.client-slider.owl-carousel {
  position: relative;
}
.client-slider.owl-carousel .owl-item {
  text-align: center;
}
.client-slider.owl-carousel a {
  display: inline-block;
  text-align: center;
}
.client-slider.owl-carousel a img {
  height: auto;
  width: 188px;
}

/*--- Pricing Table ---*/
.pricingTab {
  margin: 0 0 50px;
  padding: 2px;
  display: inline-block;
  border: 1px solid #e8e8e8;
  border-radius: 50px;
  height: 57px;
}
.pricingTab a {
  position: relative;
  font-family: "Fira Sans", sans-serif;
  display: inline-block;
  height: 100%;
  background: transparent;
  display: inline-block;
  font-size: 16px;
  color: #616368;
  font-weight: 500;
  border-radius: 50px;
  padding: 11.5px 38px;
  text-align: center;
}
.pricingTab a:hover {
  color: var(--theme-color);
}
.pricingTab a.active {
  background: var(--theme-color);
  color: #fff;
}
.pricing-item-01 {
  max-width: 380px;
  position: relative;
  background: #f9f9f9;
  border-radius: 10px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.pricing-item-01:hover {
  background: #fff;
  -webkit-box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
  -moz-box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
  box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
}
.price-thumb {
  position: relative;
}
.price-thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}
.price-detils {
  position: relative;
  padding: 57px 75px 57px;
}
.p-title {
  font-size: 32px;
  line-height: 40px;
  color: #030303;
  font-weight: 600;
  margin-bottom: 7px;
}
.p-price {
  font-size: 30px;
  line-height: 40px;
  color: #030303;
  letter-spacing: 0.6px;
  margin-bottom: 39px;
  text-transform: uppercase;
  display: flex;
  position: relative;
  min-height: 40px;
}
.p-price sup {
  font-size: 13px;
  top: -13px;
  margin-right: 4px;
}
.p-price sub {
  font-size: 18px;
  bottom: 11px;
}
.pricing-item-01 .p-price .price_period {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.pricing-item-01 .p-price .price_period.active {
  visibility: visible;
  opacity: 1;
}
.price-detils ul {
  margin: 0 0 23px;
  padding: 0;
}
.price-detils ul li {
  display: block;
  font-size: 16px;
  color: #5f5f5f;
  letter-spacing: 0.64px;
  border-bottom: 1px solid #eeeeee;
  padding: 0 0 11px;
  margin-bottom: 8px;
}
.price-detils ul li:last-child {
  border: none;
}
.price-detils ul li i {
  color: var(--theme-color);
  font-size: 15px;
  display: inline-block;
  margin-right: 12px;
}
.price-detils .berpo_btn {
  background: #030303;
  height: 54px;
  line-height: 55px;
  border-radius: 50px;
  font-weight: 600;
  padding: 0 48px;
}
.price-detils .berpo_btn .bp-shape {
  background: var(--theme-color);
}

/*--- Tab Section ---*/
.beproTab {
  position: relative;
  margin: 0 0 60px;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.beproTab li {
  width: 33.333333%;
}
.beproTab li a {
  display: inline-block;
  width: 100%;
  background: #eef4fc;
  position: relative;
  text-align: center;
  font-family: "Fira Sans", sans-serif;
  font-size: 22px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  padding: 43px 20px;
}
.beproTab li a:after {
  position: absolute;
  left: 60px;
  bottom: 0;
  width: 2px;
  height: 60px;
  background: var(--theme-color);
  content: "";
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.beproTab li a:hover:after,
.beproTab li a.active:after {
  visibility: visible;
  opacity: 1;
  bottom: -44px;
}
.beproTab li a:hover,
.beproTab li a.active {
  background: #fff;
  -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.beproTabCon {
  position: relative;
}
.beproTabCon .secTitle {
  line-height: 65px;
  margin: 82px 0 19px;
}
.beproTabCon p {
  margin-bottom: 52px;
  color: #5f5f5f;
  padding-right: 60px;
}
.beproTabCon .berpo_btn {
  padding: 0 42.5px;
}

/*--- Team Member ---*/
.team_01 {
  position: relative;
  margin-bottom: 34px;
}
.tm_thumb {
  position: relative;
  margin: 0 0 20px;
}
.tm_thumb:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.43);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.team_01:hover .tm_thumb:after {
  visibility: visible;
  opacity: 1;
}
.team_01 .tm_thumb img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.tm_social {
  font-family: "Fira Sans", sans-serif;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.tm_social a {
  display: inline-block;
  margin: 0 5px;
  position: relative;
  z-index: 2;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  visibility: hidden;
  opacity: 0;
}
.tm_social a i {
  font-size: 13px;
  margin-right: 4px;
  display: inline-block;
}
.tm_social a:hover {
  color: var(--theme-color);
}
.tm_social a:nth-child(1) {
  -webkit-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(2) {
  -webkit-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(3) {
  -webkit-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(4) {
  -webkit-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(05) {
  -webkit-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.team_01:hover .tm_social a {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.team_01 h3 {
  font-size: 24px;
  line-height: 28px;
  color: #393434;
  margin: 0 0 5px;
}
.team_01 h3 a {
  color: inherit;
}
.team_01 h3 a:hover {
  color: var(--theme-color);
}
.team_01 p {
  font-size: 15px;
  line-height: 0.8;
  color: #7b7b7b;
  margin: 0;
}
.tmSlider.owl-carousel .owl-nav {
  width: 100%;
}
.tmSlider.owl-carousel .owl-nav button {
  position: absolute;
  left: -140px;
  top: 31%;
  text-align: center;
  z-index: 5;
  font-size: 24px;
  line-height: 71px;
  width: 71px;
  height: 71px;
  background: rgba(199, 199, 199, 0.2);
  color: rgba(0, 0, 0, 0.2);
  border: none;
  outline: none;
  z-index: 1;
  border-radius: 0;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tmSlider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -140px;
}
.tmSlider.owl-carousel .owl-nav button:hover {
  background: var(--theme-color);
  color: #fff;
}

/*--- Accordian ---*/
.bepAccordion {
  position: relative;
  margin-right: 29px;
}
.bepAccordion .card {
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 3px;
  margin: 0 0 16px;
  padding: 20px 49px;
  border: none;
  -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accordion > .card:not(:first-of-type),
.accordion > .card:not(:last-of-type) {
  border-radius: 3px;
}
.bepAccordion .card .card-header {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bepAccordion .card .card-header h2 {
  margin: 0;
  padding: 0;
  border: none;
}
.bepAccordion .card .card-header h2 button {
  border-radius: 0;
  border: none;
  background: transparent;
  font-size: 18px;
  font-weight: 700;
  font-family: "Fira Sans", sans-serif;
  color: #1e1840;
  line-height: 36px;
  display: flex;
  padding: 0;
  width: 100%;
  text-align: left;
  border-radius: 0;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.bepAccordion .card .card-header h2 button i {
  font-style: normal;
  font-size: 19px;
  color: var(--theme-color);
  margin-right: 3px;
}
.bepAccordion .card .card-header h2 button span {
  position: absolute;
  width: 12px;
  height: 12px;
  right: -11px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bepAccordion .card .card-header h2 button span:before {
  content: "";
  width: 4px;
  height: 12px;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.bepAccordion .card .card-header h2 button span:after {
  content: "";
  width: 12px;
  height: 4px;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.bepAccordion .card .card-header h2 button:not(.collapsed) span:before {
  display: none;
}
.bepAccordion .card .card-body {
  position: relative;
  padding: 11px 5px 35px 0;
  top: 0;
  color: #5f5f5f;
  font-size: 17px;
  line-height: 28px;
  border: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bepAccordion .card.activeBg {
  background: #101a25;
}
.bepAccordion .card.activeBg .card-header h2 button {
  color: #fff;
}
.bepAccordion .card.activeBg .card-body {
  color: #a5a5a5;
}
.bepAccordion .card.activeBg .card-header h2 button i {
  color: #fff;
}
.bepAccordion .card.activeBg .card-header h2 button span:after {
  background: #fff;
}

/*--- Testimonial ---*/
.testimonialslider01.owl-carousel {
  position: relative;
  padding: 40px 0 0 7px;
}
.testiItem01 {
  position: relative;
}
.testiItem01 h5 {
  font-size: 25px;
  color: #1e1840;
  font-weight: 600;
  margin: 0 0 7px;
}
.quotation {
  font-size: 20px;
  line-height: 30px;
  color: #5f5f5f;
  font-weight: 300;
  font-style: italic;
  margin: 0 0 40px;
}
.ts_author {
  position: relative;
  padding-top: 23px;
  padding-left: 138px;
  min-height: 105px;
}
.testimonialslider01.owl-carousel .ts_author img {
  width: 106px;
  height: 105px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.ts_author h5 {
  font-size: 22.22px;
  line-height: 33.33px;
  color: #1e1840;
  margin: 0 0 3px;
}
.ts_author span {
  display: block;
  line-height: 0.8;
  font-size: 14.77px;
  color: #828282;
}
.testimonialslider01.owl-carousel .owl-nav {
  position: relative;
  margin: 24px 0 0;
}
.testimonialslider01.owl-carousel .owl-nav button {
  text-align: center;
  font-size: 13.49px;
  line-height: 48px;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 50%;
  color: #1e1840;
  outline: none;
  z-index: 1;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonialslider01.owl-carousel .owl-nav button:hover {
  background: var(--theme-color);
  color: #fff;
}

/*--- Blog Item ---*/
.blogItem01 {
  position: relative;
  background: #fbfbfb;
  margin: 0 0 30px;
  border-radius: 0 0 3px 3px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blogItem01:hover {
  background: #fff;
  -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.06);
}
.blogThumb {
  position: relative;
}
.blogItem01 .blogThumb img {
  width: 100%;
  height: auto;
  border-radius: 3px 3px 0 0;
}
.blogContent {
  position: relative;
  padding: 23px 29px 27px;
}
.bmeta {
  display: inline-block;
  font-size: 15px;
  color: #7c7c7c;
  margin: 0 0 4px;
}
.bmeta i {
  display: inline-block;
  font-size: 14px;
  color: var(--theme-color);
  margin-right: 9px;
}
.blogContent h3 {
  font-size: 22px;
  line-height: 28px;
  color: #333333;
  font-weight: 600;
  margin: 0 0 27px;
}
.blogContent h3 a {
  color: inherit;
}
.blogContent h3 a:hover {
  color: var(--theme-color);
}
.bpcon {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 18px 0 0;
}
.bpcon:after {
  position: absolute;
  left: -29px;
  top: 0;
  width: calc(100% + 58px);
  content: "";
  height: 1px;
  background: #dddddd;
}
.bpcon a {
  display: inline-block;
  font-size: 17px;
  color: #7c7c7c;
}
.bpcon a.author {
  font-size: 14px;
}
.bpcon a.author img {
  position: relative;
  top: -2px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  margin-right: 10px;
}
.bpcon a:hover {
  color: var(--theme-color);
}

/*--- Call To Action ---*/
.ctaCon {
  position: relative;
  padding: 158px 0 0 30px;
}
.ctaCon h4 {
  font-style: italic;
  color: #fff;
  margin: 0 0 8px;
  font-size: 59.51px;
  line-height: 1;
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.ctaCon h4 span {
  font-size: 25.7px;
  font-weight: 400;
}
.ctaCon h2 {
  margin: 0 0 0 -15px;
  font-style: italic;
  color: var(--theme-color);
  font-size: 110.85px;
  letter-spacing: -3.3px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.ctaCon h3 {
  font-style: italic;
  margin: -21px 0 42px 37px;
  color: #fff;
  font-size: 73px;
  font-weight: 800;
  line-height: 1;
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.ctaCon h3 span {
  font-size: 32.33px;
  font-weight: 500;
  position: relative;
  top: -25px;
}
.ctaCon .berpo_btn {
  margin-left: 120px;
}

/*--- Footer 01 ---*/
.footer_01 {
  position: relative;
  background: url(../images/bg/footer.jpg) no-repeat center center / cover;
  padding: 120px 0 0;
}
.aboutWidget {
  position: relative;
  padding-right: 50px;
  margin-top: -12px;
}
.aboutWidget img {
  max-width: 100%;
  height: auto;
}
.aboutWidget p {
  color: #bbbbbb;
  font-size: 16px;
  line-height: 22px;
  margin: 27px 0 41px;
}
.abIcon {
  font-family: "Fira Sans", sans-serif;
  margin: 0 0 16px;
  min-height: 35px;
  position: relative;
  padding-left: 50px;
  font-size: 16px;
  color: #bbbbbb;
  line-height: 29px;
  font-weight: 500;
}
.abIcon i {
  width: 35px;
  height: 35px;
  font-size: 12px;
  line-height: 35px;
  background: var(--theme-color);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.wsubtitle {
  display: block;
  font-size: 12px;
  line-height: 0.8;
  font-weight: 500;
  color: var(--theme-color);
  letter-spacing: 0.36px;
  margin: 0 0 8px;
}
.widget_title {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 40px;
}
.pp_post_item {
  position: relative;
  min-height: 75px;
  margin: 0 0 20px;
  padding: 6px 0 0 110px;
}
.pp_post_item img {
  width: 85px;
  height: 75px;
  border-radius: 11px;
  position: absolute;
  left: 0;
  top: 0;
}
.pp_post_item span {
  display: block;
  color: #ec1c33;
  font-size: 12px;
  line-height: 0.8;
  letter-spacing: 0.24px;
  margin: 0 0 9px;
}
.pp_post_item a {
  font-family: "Fira Sans", sans-serif;
  display: block;
  font-size: 18px;
  color: #dddddd;
  line-height: 25px;
  font-weight: 500;
}
.pp_post_item a:hover {
  color: var(--theme-color);
}
.widget ul.menu {
  margin: -10px 0 0;
  padding: 0;
}
.footer_01 .widget ul.menu li {
  font-family: "Fira Sans", sans-serif;
}
.widget ul.menu li {
  position: relative;
  font-size: 16px;
  display: block;
  color: #bbbbbb;
  font-weight: 400;
  line-height: 36px;
  padding-left: 22px;
  margin: 0 0 14px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget ul.menu li:after {
  content: "\ef55";
  font-family: "themewar" !important;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 12px;
  color: inherit;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget ul.menu li a {
  color: inherit;
}
.widget ul.menu li:hover {
  padding-left: 18px;
}
.widget ul.menu li:hover a {
  color: var(--theme-color);
}
.widget ul.menu li:hover:after {
  color: var(--theme-color);
}
.gallery {
  margin-right: -15px;
  margin-left: -8px;
}
.galleryShots {
  position: relative;
}
.galleryShots a {
  position: relative;
  display: inline-block;
  float: left;
  width: 95px;
  height: 91px;
  margin: 0;
}
.galleryShots a:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--theme-color);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.galleryShots a:hover::after {
  opacity: 0.85;
}
.galleryShots a:before {
  width: 40px;
  height: 40px;
  background: transparent;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  content: "\fc07";
  font-family: "themewar" !important;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -webkit-transform: translate3d(0, 20px, 0);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.galleryShots a:hover:before {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.galleryShots img {
  width: 100%;
  height: 100%;
}

/*--- Mailchimp ---*/
.SubsrcribeForm,
.SubsrcribeForm .yikes-easy-mc-form {
  position: relative;
}
.SubsrcribeForm .yikes-easy-mc-form input[type="email"] {
  font-size: 13px;
  height: 60px;
  width: 100%;
  font-weight: 400;
  color: #8c8c8c;
  outline: none;
  border: none;
  letter-spacing: 0.26px;
  background: #ffffff;
  border-radius: 50px;
  padding: 0 45px;
  margin: 0 !important;
}
.SubsrcribeForm .yikes-easy-mc-form input[type="email"]::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.SubsrcribeForm .yikes-easy-mc-form input[type="email"]::-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.SubsrcribeForm
  .yikes-easy-mc-form
  input[type="email"]::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 41px;
  border: none;
  background: #1b1b1b;
  letter-spacing: 0.26px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  width: auto;
  margin: 0 !important;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
  background: var(--theme-color);
  color: #fff;
}
.yikes-easy-mc-form input[type="email"]:focus,
.yikes-easy-mc-form .yikes-easy-mc-submit-button:focus {
  box-shadow: none !important;
  outline: none !important;
}
.yikes-mailchimp-container .edit-link {
  display: none !important;
}
.SubsrcribeForm .yikes-easy-mc-success-message {
  padding: 10px 20px;
  font-size: 16px;
  margin: 0 0 20px;
  background: #fff;
  color: #232424;
  text-align: center;
}
.SubsrcribeForm .yikes-easy-mc-form .field-no-label,
.SubsrcribeForm .yikes-easy-mc-form label {
  margin: 0;
}

.Copyright {
  position: relative;
  font-size: 15px;
  line-height: 26px;
  color: #ebebeb;
  font-weight: 500;
  letter-spacing: 0.37px;
  margin: 0;
  padding: 26px 0;
}
.Copyright span {
  text-transform: uppercase;
}
.Copyright a,
.Copyright span {
  display: inline-block;
  color: var(--theme-color);
}
.Copyright a:hover {
  color: #ebebeb;
}

/*------------------------------------------------------
/ 2. Home Page 02
/------------------------------------------------------*/
/*--- Header 01 ---*/
.header02 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #00000081;
  /* background: transparent; */
  z-index: 5;
  padding: 0 85px 0 40px;
}
.header02 .navbar01 {
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.header02 .logo {
  padding: 28px 60px 26px 0;
  line-height: 64px;
  border-right: 1px solid #3e404e;
}
.header02 .logo img {
  height: 64px;
}
.header02 .mainMenu {
  margin-right: auto;
  padding-left: 58px;
}
.header02 .mainMenu ul li > a {
  padding: 52px 15px 41px;
  color: #fff;
  font-family: "Jost", sans-serif;
  font-weight: 700;
}
.header02 .mainMenu ul li.menu-item-has-children > a::before {
  font-weight: 500;
  right: 1px;
  top: calc(50% + 7px);
}
.header02 .mainMenu ul li:hover > a {
  /* color: var(--theme-color-two); */
}
.header02 .mainMenu ul li .sub-menu li.current-menu-item > a,
.header02 .mainMenu ul li .sub-menu li:hover > a {
  color: #fff;
  background: var(--theme-color-two);
}
.header02 .mainMenu ul .sub-menu li.menu-item-has-children > a::before {
  right: 19px;
  top: calc(50% - 4px);
  font-weight: 400;
}
.header02 .showcase h5 span {
  color: var(--theme-color-two);
}
.header02 .mainMenu ul li .sub-menu {
  border-color: var(--theme-color-two);
}
.accessNav .topsocial {
  position: relative;
}
.accessNav .topsocial:after {
  position: absolute;
  left: -13px;
  top: -43px;
  width: 1px;
  height: 120px;
  content: "";
  background: #3e404e;
}
.accessNav .topsocial a {
  background: transparent;
  width: auto;
  height: auto;
  color: #fff;
  font-size: 17px;
  margin-left: 21px;
}
.accessNav .topsocial a:hover {
  color: var(--theme-color-two);
}
.header02 .accessNav .search_btn {
  color: #181818;
  font-size: 15px;
  width: 41px;
  height: 41px;
  line-height: 41px;
  background: #fff;
  margin-left: 67px;
}
.header02 .accessNav .search_btn:after {
  position: absolute;
  left: -31px;
  top: -40px;
  width: 1px;
  height: 120px;
  content: "";
  background: #3e404e;
}
.header02 .accessNav .search_btn:hover {
  background: var(--theme-color-two);
  color: #fff;
}
.infoHead {
  position: relative;
  padding-left: 56px;
  margin-left: 69px;
}
.infoHead:after {
  position: absolute;
  left: -43px;
  top: -39px;
  width: 1px;
  height: 120px;
  content: "";
  background: #3e404e;
}
.infoHead i {
  color: #181818;
  font-size: 18px;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background: #fff;
  line-height: 41px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.infoHead i.twi-phone-volume {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.infoHead h5 {
  color: var(--theme-color-two);
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin: -2px 0 0;
}
.infoHead h5 span {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  display: block;
}

/*--- Experince ---*/
.expCount {
  min-height: 170px;
  position: relative;
  border: 10px solid var(--theme-color);
  display: flex;
  justify-content: center;
  min-width: 100%;
  align-items: center;
  margin-bottom: 65px;
}
.expCount:after {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 10px;
  width: calc(100% - 154px);
  margin: auto;
  content: "";
  background: #fff;
}
.expCount:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 10px;
  width: calc(100% - 154px);
  margin: auto;
  content: "";
  background: #fff;
}
.expCount h2 {
  font-size: 90px;
  font-weight: 600;
  margin: 0;
}
.expCount p {
  font-size: 17px;
  line-height: 20px;
  color: #5f5f5f;
  font-weight: 500;
  margin: 0 0 0 15px;
}

/*--- Service Box 01 ---*/
.serviceSlider.owl-carousel .owl-stage-outer {
  height: calc(100% + 30px);
  margin: -15px;
  padding: 15px;
  width: calc(100% + 30px);
}
.serviceSlider .owl-item.active .service_item_03 {
  box-shadow: 0px 9px 35px 0px rgba(33, 37, 41, 0.07);
}
.serviceSlider .service_item_03 {
  box-shadow: none;
}
.service_item_03 {
  margin: 115px 15px 30px;
  padding: 0 30px 25px;
  text-align: center;
  position: relative;
  background: #fff;
  border-radius: 5px;
  transition: all ease 400ms;
  -moz-transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -webkit-box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
  -moz-box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
  box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
}
.service_item_03 .siThumb {
  position: relative;
  top: -86px;
  margin: 0 0 -61px;
}
.service_item_03 .siThumb img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.service_item_03 h3 {
  font-size: 23px;
  line-height: 30px;
  font-weight: 800;
  color: #0f0d1d;
  margin: 0 0 3px;
}
.service_item_03 h3 a {
  color: inherit;
}
.service_item_03 h3 a:hover {
  color: var(--theme-color-two);
}
.service_item_03 p {
  font-family: "Fira Sans", sans-serif;
  color: var(--theme-color-two);
  font-size: 16px;
  line-height: 23px;
  margin: 0;
}
.serviceSlider.owl-carousel .owl-nav {
  width: 100%;
}
.serviceSlider.owl-carousel .owl-nav button {
  position: absolute;
  left: -94px;
  top: 31%;
  text-align: center;
  z-index: 5;
  font-size: 15px;
  line-height: 58px;
  width: 58px;
  height: 58px;
  background: var(--theme-color-two);
  color: #f0f0f0;
  border: none;
  outline: none;
  z-index: 1;
  border-radius: 50%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.serviceSlider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -94px;
}
.serviceSlider.owl-carousel .owl-nav button:hover {
  background: #030303;
  color: #fff;
}

/*--- Icon Box ---*/
.icon_box_01 {
  position: relative;
  min-height: 67px;
  margin: 0 0 20px;
  padding: 0 0 0 99px;
}
.icon_box_01 i {
  width: 67px;
  height: 67px;
  background: #ebf1ff;
  line-height: 67px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 34px;
  color: var(--theme-color-two);
}
.icon_box_01 i.twi-phone-volume:before {
  display: inline-block;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.icon_box_01 h5 {
  font-size: 19px;
  line-height: 30px;
  color: #767676;
  font-weight: 400;
  margin: 0;
}
.icon_box_01 h5 span {
  display: block;
  color: #000000;
  font-size: 18px;
  margin: 4px 0 0;
}

/*--- Tab ---*/
.beproTab02 {
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 2;
  margin: 0;
  padding: 0;
  display: block;
}
.beproTab02 li {
  list-style: none;
  display: block;
}
.beproTab02 li a {
  display: inline-block;
  height: 74px;
  background: #fff;
  border-radius: 5px;
  font-size: 17px;
  color: #282331;
  padding: 25px 24px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  line-height: 0.8;
  margin: 0 0 9px;
  -webkit-box-shadow: 0px 0 59px 0px rgba(196, 196, 196, 0.26);
  -moz-box-shadow: 0px 0 59px 0px rgba(196, 196, 196, 0.26);
  box-shadow: 0px 0 59px 0px rgba(196, 196, 196, 0.26);
}
.beproTab02 li a i {
  display: inline-block;
  color: #b587fb;
  font-size: 23.44px;
  margin-right: 20px;
  position: relative;
  top: 4px;
}
.beproTab02 li a:hover {
  color: var(--theme-color-two);
}
.beproTab02 li a.active {
  margin-left: 10px;
}
.beproTab02 li:nth-child(2) a i {
  color: #fec0fa;
}
.beproTab02 li:nth-child(3) a i {
  color: #a2fde4;
}

.beproTabCon02 {
  position: relative;
  padding-left: 120px;
}
.beproTabCon02 > img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}
.beproTabCon02 .bptleft {
  position: relative;
  margin: -49px 0 0 -123px;
  z-index: 2;
}
.tabVideo {
  position: relative;
  float: right;
  width: 259px;
  height: 171px;
  padding: 53px 58px 0;
  margin: -139px -39px 0 0;
}
.tabVideo img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.tabVideo .popup_video {
  background: transparent;
  width: auto;
  height: auto;
  font-size: 29px;
  color: #fff;
  line-height: 0.8;
}
.tabVideo .popup_video:hover {
  color: var(--theme-color-two);
}
.tabVideo .popup_video:after,
.tabVideo .popup_video:before {
  display: none;
}
.tabVideo h5 {
  font-size: 20.24px;
  line-height: 23.45px;
  color: #fff;
  text-transform: uppercase;
  margin: 5px 0 0;
  position: relative;
}

/*--- Folio Item ---*/
.folioSlider01.owl-carousel {
  margin: 0 0;
  position: relative;
}
.folioItem01 {
  margin: 20px 0 45px;
  position: relative;
  transition: all ease 350ms;
  -moz-transition: all ease 350ms;
  -webkit-transition: all ease 350ms;
}
.folioItem01 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.folioItem01:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  border-radius: 10px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background: rgba(255, 255, 255, 0.87);
  -webkit-transition: -webkit-transform 0.4s
      cubic-bezier(0.34, 0.66, 0.79, 0.58),
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: -webkit-transform 0.4s cubic-bezier(0.34, 0.66, 0.79, 0.58),
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.34, 0.66, 0.79, 0.58),
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
.folioItem01:hover:after {
  opacity: 1;
}
.folioItem01:hover {
  border-radius: 10px;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.2);
}
.folioHover {
  font-family: "Fira Sans", sans-serif;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 0 15px;
  z-index: 2;
}
.folioHover .fm-more {
  position: relative;
  right: auto;
  display: inline-block;
  background: var(--theme-color-two);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  text-align: center;
  font-size: 22.52px;
  color: #fff;
  line-height: 52px;
  margin: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioHover .fm-more:hover {
  background: #26263e;
  color: #fff;
}
.folioHover h4 {
  font-size: 30px;
  line-height: 35px;
  color: #26263e;
  font-weight: 600;
  margin-bottom: 24px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.folioHover h4 a {
  color: inherit;
}
.folioHover h4 a:hover {
  color: var(--theme-color-two);
}
.folioHover p {
  font-size: 18px;
  letter-spacing: -0.36px;
  color: #787887;
  margin: 0 0 2px;
  transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.folioItem01:hover .folioHover .fm-more {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
.folioItem01:hover .folioHover h4 {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}
.folioItem01:hover .folioHover p {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

/*--- Skill Bars ---*/
.single_skill {
  position: relative;
  margin: 9px 0 0;
}
.single_skill h5 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
  color: #101a25;
  margin: 0 0 2px 4px;
}
.ss_parent {
  position: relative;
  background: transparent;
  border: 2px solid #dcdcdc;
  height: 24px;
  width: 100%;
  border-radius: 50px;
}
.ss_parent span {
  font-family: "Fira Sans", sans-serif;
  position: absolute;
  font-size: 15px;
  color: #101a25;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0 -22px;
  left: 0;
  top: -28px;
}
.ss_child {
  position: absolute;
  left: 3px;
  top: 3px;
  border-radius: 50px;
  height: 14px;
  background: var(--theme-color-two);
}

/*--- Icon box ---*/
.icon_box_02 {
  padding-left: 124px;
  position: relative;
  margin-top: 7px;
}
.icon_box_02 img {
  position: absolute;
  left: 0;
  top: 0;
}
.icon_box_02 i {
  font-size: 80px;
  line-height: 80px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 11px;
  z-index: 2;
}
.icon_box_02 h3 {
  color: #ffffff;
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
  margin: 0;
}

/*--- Pricing ---*/
.pricingTabInner {
  position: relative;
  margin: 0 0 55px;
  padding: 0;
  display: block;
}
.pricingTabInner li {
  list-style: none;
  display: block;
  margin: 0 0 6px;
}
.pricingTabInner li a {
  font-family: "Fira Sans", sans-serif;
  display: block;
  position: relative;
  height: 142px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
  padding: 30px 31px 20px 122px;
  -webkit-box-shadow: 0px 18px 40px 0px rgba(43, 43, 43, 0.08);
  -moz-box-shadow: 0px 18px 40px 0px rgba(43, 43, 43, 0.08);
  box-shadow: 0px 18px 40px 0px rgba(43, 43, 43, 0.08);
}
.pricingTabInner li a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  content: "";
  background: var(--theme-color-two);
  mix-blend-mode: multiply;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricingTabInner li a img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
.pricingTabInner li .p-title {
  position: relative;
  z-index: 2;
  font-size: 25px;
  display: block;
  color: #fff;
  font-weight: 500;
  margin: 0 0 2px;
}
.pricingTabInner li .p-off {
  display: inline-block;
  height: 33px;
  background: #fff;
  border-radius: 50px;
  color: var(--theme-color-two);
  font-size: 12.16px;
  line-height: 36px;
  text-align: center;
  padding: 0 17px;
  position: relative;
  z-index: 2;
  text-transform: capitalize;
}
.pricingTabInner li .p-price {
  justify-content: flex-end;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 45px;
  line-height: 60px;
  font-weight: 800;
  text-transform: capitalize;
  margin: -62px 0 0;
}
.pricingTabInner li .p-price .price_period {
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.pricingTabInner li .p-price .price_period.active {
  visibility: visible;
  opacity: 1;
}
.pricingTabInner li .p-price .price_period span {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  top: 10px;
  margin: 0 0 0 11px;
}

.pricingTabInner li a:hover:after,
.pricingTabInner li a.active:after {
  visibility: visible;
  opacity: 1;
}
.pricingTabInner li a .round {
  width: 31px;
  height: 31px;
  background: transparent;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 31px;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.pricingTabInner li a .round:after {
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  margin: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricingTabInner li a.active .round:after {
  visibility: visible;
  opacity: 1;
}
.pricingTabInner li a:before {
  width: 79px;
  height: 1px;
  background: var(--theme-color-two);
  position: absolute;
  z-index: 3;
  top: 0;
  left: -79px;
  bottom: 0;
  content: "";
  margin: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricingTabInner li a.active:before {
  visibility: visible;
  opacity: 1;
  left: -102px;
}
.tabList {
  position: relative;
  background: url(../images/bg/10.jpg) no-repeat center center / cover;
  padding: 158px 75px 23px;
  border-radius: 10px;
  margin-right: 10px;
}
.tabList ul {
  margin: 0;
  padding: 0;
}
.tabList ul li {
  list-style: none;
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #1f1f1f;
  font-family: "Fira Sans", sans-serif;
  border-bottom: 1px solid #e9e9e9;
  margin: 0 0 18px;
  padding: 0 0 20.5px;
}
.tabList ul li:last-child {
  border: none;
}
.tabList ul li i {
  display: inline-block;
  float: right;
  clear: both;
  color: var(--theme-color-two);
}
.tabList ul li.disable i {
  color: #adadad;
}
.pcTab02 {
  display: inline-block;
  border: 1px solid #eaeaea;
  border-radius: 50px;
  height: 57px;
  padding: 0;
  position: absolute;
  left: 77px;
  top: 52px;
  z-index: 3;
  background: #fff;
}
.pcTab02 a {
  font-family: "Fira Sans", sans-serif;
  display: inline-block;
  height: 100%;
  background: transparent;
  color: #616368;
  font-weight: 500;
  border-radius: 50px;
  text-align: center;
  font-size: 18px;
  color: #20204c;
  padding: 14px 29px;
}
.pcTab02 a:hover {
  color: var(--theme-color-two);
}
.pcTab02 a.active {
  background: var(--theme-color-two);
  color: #fff;
}
.berpo_btn.prbtn {
  width: 100%;
  border-radius: 10px;
  height: 92px;
  text-align: center;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 92px;
  color: #fff;
}

/*--- Team Member ---*/
.team_02 {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.team_02 img {
  width: 100%;
  height: auto;
}
.team_02:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: -moz-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 5%,
    rgba(255, 255, 255, 0) 55%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 5%,
    rgba(255, 255, 255, 0) 55%
  );
  background: -o-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 5%,
    rgba(255, 255, 255, 0) 55%
  );
  background: -ms-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 5%,
    rgba(255, 255, 255, 0) 55%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 5%,
    rgba(255, 255, 255, 0) 55%
  );
  width: 100%;
  height: 100%;
  content: "";
}
.tm_content {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 70px;
}
.tm_content p {
  font-size: 14px;
  color: #dedddd;
  line-height: 16px;
  text-transform: uppercase;
  margin: 0 0 4px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tm_content h3 {
  font-size: 35px;
  line-height: 45px;
  color: #fffefe;
  font-weight: 800;
  margin: 0 0 -5px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tm_content h3 a {
  color: inherit;
}
.tm_content h3 a:hover {
  color: var(--theme-color-two);
}
.team_02:hover .tm_content p,
.team_02:hover .tm_content h3 {
  transform: translate3d(0, -36px, 0);
  -moz-transform: translate3d(0, -36px, 0);
  -webkit-transform: translate3d(0, -36px, 0);
}
.tm_content .tm_social {
  position: relative;
  transform: none;
  text-align: left;
  top: auto;
  bottom: 20px;
}
.tm_content .tm_social a {
  display: inline-block;
  margin: 0 6px 0 0;
  position: relative;
  z-index: 2;
  color: var(--theme-color-two);
  text-align: center;
  font-size: 15px;
  visibility: hidden;
  opacity: 0;
}
.tm_content .tm_social a i {
  font-size: inherit;
  margin: 0;
}
.tm_content .tm_social a:hover {
  color: #ffffff;
}
.team_02 a:nth-child(2) {
  -webkit-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.team_02 a:nth-child(3) {
  -webkit-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.team_02 a:nth-child(4) {
  -webkit-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.team_02 a:nth-child(05) {
  -webkit-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.team_02:hover .tm_social a {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.tmSlider02.owl-carousel .owl-nav {
  width: 100%;
}
.tmSlider02.owl-carousel .owl-nav button {
  position: absolute;
  left: -110px;
  top: 48%;
  text-align: center;
  z-index: 5;
  font-size: 15px;
  line-height: 59px;
  width: 58px;
  height: 58px;
  background: #c9c9c9;
  color: #030403;
  border: none;
  outline: none;
  z-index: 1;
  border-radius: 50%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tmSlider02.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -110px;
}
.tmSlider02.owl-carousel .owl-nav button:hover {
  background: var(--theme-color-two);
  color: #fff;
}
.tmSlider02.owl-carousel .owl-item:first-child.active .team_02 img {
  border-radius: 5px 0 0 5px;
}

/*--- Funfact ---*/
.funfact {
  position: relative;
  padding: 0 0 0 90px;
}
.funfact i {
  color: var(--theme-color-two);
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  left: 0;
  top: 3px;
}
.funfact h2 {
  font-size: 40px;
  line-height: 1;
  color: #fff;
  letter-spacing: -1.2px;
  margin: 0 0 7px;
}
.funfact h2 sup {
  font-size: inherit;
  top: 0;
  font-style: normal;
}
.funfact h5 {
  font-size: 15px;
  color: #e2e2e2;
  font-weight: 500;
  letter-spacing: -0.15px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

/*--- Blog Item ---*/
.blogItem02 {
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding: 0 0 63px;
  margin: 0 0 58px;
}
.blogItem02.bireverse:last-child,
.blogItem02:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
.blogItem02 .col-lg-4 {
  -ms-flex: 0 0 35.333333%;
  flex: 0 0 35.333333%;
  max-width: 35.333333%;
}
.blogItem02 .col-lg-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 64.666667%;
  max-width: 64.666667%;
}
.blogItem02 .blogContent {
  text-align: right;
  position: relative;
  padding: 84px 0 0 5px;
}
.blogItem02 .blogContent h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #1c1c1c;
  margin: 0 0 12px;
}
.blogItem02 .blogContent h3 a:hover {
  color: var(--theme-color-two);
}
.blogItem02 .blogContent p {
  margin: 0 0 42px;
}
.blogItem02 .berpo_btn.with_icon {
  padding: 0 34px;
}
.blogThumb02 {
  position: relative;
  margin-left: 1px;
}
.blogThumb02 img {
  width: 100%;
  height: auto;
  border-radius: 175px;
}
.blogThumb02 .bmeta {
  height: 43px;
  background: var(--theme-color-two);
  border-radius: 50px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 38px;
  font-weight: 500;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  letter-spacing: -0.48px;
  margin: 0;
  padding: 0 15px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 39px;
  border: 3px solid #fff;
}
.blogThumb02 .bmeta i {
  display: inline-block;
  font-size: 10.16px;
  margin-right: 3px;
  color: inherit;
}
.bireverse .blogThumb02 {
  margin-right: 1px;
  margin-left: 0;
}
.bireverse .blogContent {
  padding-right: 5px;
  padding-left: 0;
}
.bireverse .blogThumb02 .bmeta {
  left: auto;
  right: 0;
}

/*--- Testmonial ---*/
.testimonialslider02.owl-carousel {
  position: relative;
  padding: 0 200px;
}
.testiItem02 {
  position: relative;
  text-align: center;
}
.testimonialslider02 .testiItem02 > img {
  width: 89px;
  height: 89px;
  border-radius: 50%;
  display: inline-block;
}
.testiItem02 .quotation {
  font-size: 17px;
  line-height: 31px;
  color: #303030;
  margin: 21px 0 26px;
}
.testiItem02 .ts_author {
  margin: 0;
  padding: 0;
  min-height: auto;
}
.testiItem02 .ts_author h5 {
  color: #303030;
  font-size: 18px;
  font-weight: 800;
  line-height: 27px;
  margin: 0;
}
.testiItem02 .ts_author h5 span {
  color: #303030;
  display: block;
  line-height: 20px;
  font-size: 15px;
  font-weight: 400;
}
.quote {
  position: absolute;
  left: 0;
  right: 0;
  top: 88px;
  text-align: center;
  display: block;
}
.testiItem02 .quote img {
  display: inline-block;
  width: 256px;
  height: 182px;
}
.testimonialslider02.owl-carousel .owl-dots {
  margin: 29px 0 0;
  padding: 0;
  text-align: center;
}
.testimonialslider02.owl-carousel .owl-dots button span {
  display: none;
}
.testimonialslider02.owl-carousel .owl-dots button {
  display: inline-block;
  position: relative;
  width: 9px;
  height: 9px;
  background: #000000;
  border-radius: 50%;
  margin: 0 4px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonialslider02.owl-carousel .owl-dots button:after {
  width: 12px;
  height: 12px;
  position: absolute;
  left: -2px;
  top: -1.5px;
  content: "";
  background: #e3e3e3;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonialslider02.owl-carousel .owl-dots button:hover:after,
.testimonialslider02.owl-carousel .owl-dots button.active:after {
  visibility: visible;
  opacity: 1;
}

/*--- Footer ---*/
.ctaFooter {
  display: flex;
  position: relative;
  background: #fff;
  border-radius: 100px;
  padding: 38px 45px;
  margin-top: -110px;
  margin-bottom: 101px;
}
.ctaboxItem {
  position: relative;
  width: 100%;
  height: 144px;
  margin: 0 8px;
  padding: 42px 20px 20px 136px;
}
.ctaboxItem:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(35, 35, 35, 0.8);
  border-radius: 70px;
}
.ctaboxItem img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 70px;
}
.ctaboxItem > i {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: var(--theme-color-two);
  color: #fff;
  line-height: 85px;
  font-size: 35px;
  text-align: center;
  display: block;
  position: absolute;
  left: 29px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.ctaboxItem h5 {
  position: relative;
  z-index: 2;
  font-size: 25px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 4px;
}
.ctaboxItem a {
  font-family: "Fira Sans", sans-serif;
  position: relative;
  z-index: 2;
  display: inline-block;
  font-size: 15px;
  color: #939393;
  text-transform: uppercase;
  font-weight: 500;
}
.ctaboxItem a i {
  position: relative;
  top: 1px;
  color: var(--theme-color-two);
  margin-left: 8px;
}
.ctaboxItem a:hover {
  color: var(--theme-color-two);
}
.footer_02 {
  position: relative;
  padding: 0 0 0;
  background: url(../images/bg/page-bottom-bg.jpg) no-repeat center center /
    cover;
  /* background: url(../images/bg/12.jpg) no-repeat center center / cover; */
}
.footer_02:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(15, 17, 20, 0.86);
}
.footer_02 .container {
  position: relative;
  z-index: 2;
}
.abw02 {
  padding-right: 0;
}
.abw02 p {
  font-size: 17px;
  color: #d9d9d9;
  line-height: 27px;
  margin: 21px 0 31px;
}
.twiiterFedd {
  position: relative;
  padding-left: 62px;
}
.twiiterFedd i {
  width: 44px;
  height: 42px;
  background: var(--theme-color-two);
  line-height: 44px;
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 4px;
  text-align: center;
}
.twiiterFedd h5 {
  font-size: 18px;
  line-height: 27px;
  color: #fff;
  font-weight: 500;
  margin: 0;
}
.twiiterFedd h5 span {
  display: block;
  color: #69717c;
  font-weight: 400;
}
.widget_title02 {
  position: relative;
  font-size: 24px;
  line-height: 27px;
  color: #fff;
  font-weight: 600;
  margin: 0 0 49px;
}
.widget_title02:after {
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 70px;
  height: 1px;
  background: var(--theme-color-two);
  content: "";
}
.widget_title02:before {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 38px;
  height: 1px;
  background: var(--theme-color-two);
  content: "";
}
.wmenu02 ul.menu {
  margin: 0;
}
.wmenu02 ul.menu li {
  color: #ffffff;
  font-size: 18px;
  margin: 0 0 4px;
}
.wmenu02 ul.menu li:after {
  font-size: 15px;
  top: 1px;
  color: inherit;
  content: "\ef2b";
}
.wmenu02 ul.menu li:hover a {
  color: var(--theme-color-two);
}
.wmenu02 ul.menu li:hover:after {
  color: var(--theme-color-two);
}
.pp_post_item02 {
  position: relative;
  padding-left: 94px;
  min-height: 81px;
  padding-top: 12px;
  margin: 0 0 38px;
}
.pp_post_item02 img {
  width: 81px;
  height: 81px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.pp_post_item02 a {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  line-height: 30px;
  display: inline-block;
  margin: 0 0 1px;
}
.pp_post_item02 a:hover {
  color: var(--theme-color-two);
}
.pp_post_item02 span {
  display: block;
  font-size: 14px;
  color: #dadada;
}
.pp_post_item02 span i {
  display: inline-block;
  font-size: 13px;
  margin-right: 4px;
}
.footer_02 .Copyright {
  margin-top: 32px;
  padding: 21px 0;
  font-weight: 500;
  letter-spacing: 0.37px;
  border-top: 1px solid #252525;
}
.footer_02 .Copyright a,
.footer_02 .Copyright span {
  color: var(--theme-color-two);
}
.footer_02 .Copyright a:hover {
  color: #fff;
}

/*---  ---*/
/*------------------------------------------------------
/ 3. Home Page 03
/------------------------------------------------------*/
.bodybox {
  padding: 0 60px;
}
.homeTop {
  position: relative;
  background: url(../images/bg/13.jpg) no-repeat center center / cover;
  border-radius: 50px;
}
/*--- Header 03 ---*/
.topbar02 {
  z-index: 5;
  position: relative;
  background: transparent;
  padding: 4px 0 0;
}
.topbar02 p {
  font-family: "Fira Sans", sans-serif;
  display: inline-block;
  font-size: 15px;
  line-height: 35px;
  color: #2a2a2a;
  font-weight: 500;
  margin: 0 21px 0 0;
}
.topbar02 p a {
  color: inherit;
}
.topbar02 p a i {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 10px;
  color: var(--theme-color-three);
}
.topbar02 p a:hover {
  color: var(--theme-color-three);
}
.topbar02 .topsocial a {
  background: transparent;
  color: #2a2a2a;
  font-size: 17px;
  width: auto;
  height: auto;
  margin-left: 20px;
}
.topbar02 .topsocial a:hover {
  color: var(--theme-color-three);
}

.header03 {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  z-index: 6;
}
.header03 .navbar01 {
  background: transparent;
  padding: 0;
  border-radius: 0;
  align-items: center;
}
.header03 .logo {
  line-height: 64px;
  padding: 39px 0;
}
.header03 .logo img {
  height: 64px;
}
.header03 .mainMenu ul li > a {
  color: #2a2a2a;
  font-weight: 600;
}
.header03 .mainMenu ul li:hover > a {
  color: var(--theme-color-three);
}
.header03 .mainMenu ul li .sub-menu li.current-menu-item > a,
.header03 .mainMenu ul li .sub-menu li:hover > a {
  color: #fff;
  background: var(--theme-color-three);
}
.header03 .mainMenu ul li .sub-menu {
  border-color: var(--theme-color-three);
}
.header03 .showcase h5 span {
  color: var(--theme-color-three);
}

/*--- Service Item ---*/
.serviceSlider02.owl-carousel {
  position: relative;
  background: url(../images/bg/7.png) no-repeat top left #fff;
  border-radius: 30px;
}
.service_item_04 {
  position: relative;
  text-align: center;
  padding: 92px 55px 72px;
  border-right: 1px solid #f4f4f4;
}
.serviceSlider02.owl-carousel .owl-item:last-child.active .service_item_04 {
  border-right: none;
}
.siIcon {
  position: relative;
  z-index: 2;
  color: #040489;
  font-size: 58px;
  line-height: 58px;
  display: block;
  text-align: center;
  margin: 0 0 44px;
}
.siIcon svg {
  width: 105px;
  height: 109px;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: -24px;
  margin: auto;
  fill: #fffde6;
}
.serviceSlider02 .siIcon img,
.service_item_04 .siIcon img {
  width: 57px;
  height: 57px;
  display: inline-block;
}
.service_item_04 h3 {
  font-size: 25px;
  line-height: 31.5px;
  color: #382c4d;
  font-weight: 600;
  margin: 0 0 9px;
}
.service_item_04 h3 a {
  color: inherit;
}
.service_item_04 h3 a:hover {
  color: var(--theme-color-three);
}
.service_item_04 p {
  color: #5b5b5b;
  margin: 0;
}
.serviceSlider02.owl-carousel .owl-nav {
  width: 100%;
}
.serviceSlider02.owl-carousel .owl-nav button {
  position: absolute;
  left: -94px;
  top: 48%;
  text-align: center;
  z-index: 5;
  font-size: 22px;
  line-height: 66px;
  width: 61px;
  height: 65px;
  background: url(../images/bg/arrow.svg) no-repeat center center / cover;
  color: #382c4d;
  border: none;
  outline: none;
  z-index: 1;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.serviceSlider02.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -94px;
}
.serviceSlider02.owl-carousel .owl-nav button:hover {
  background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
  color: #fff;
}
.it0402 .siIcon svg {
  fill: #effff5;
}
.it0403 .siIcon svg {
  fill: #f7efff;
}
.it0404 .siIcon svg {
  fill: #fffde6;
}

/*--- Skills ---*/
.skItem02 {
  position: relative;
  background: #fff;
  border-radius: 50px;
  padding: 11px 50px 23px 110px;
  margin: 0 0 18px;
  max-width: 480px;
  -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.skThumb {
  width: 76px;
  height: 76px;
  line-height: 73px;
  background: #ebfafb;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.skItem02 .ebfafb img {
  width: 47px;
  height: 47px;
}
.skItem02 .single_skill h5 {
  color: #382c4d;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 13px;
}
.skItem02 .ss_parent {
  height: 12px;
  border: none;
  background: #ebfafb;
}
.skItem02 .ss_child {
  top: 0;
  left: 0;
  background: var(--theme-color-three);
  height: 100%;
}
.skItem02 .ss_parent span {
  color: #382c4d;
  font-weight: 600;
  top: -37px;
}
.skI02.skItem02 .ss_child {
  background: #2849c8;
}
.skI02.skItem02 .skThumb {
  background: #f6edff;
}
.skI02.skItem02 {
  margin-bottom: 44px;
}

/*--- Funfact ---*/
.funfact02 {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #fff;
  border-radius: 50px;
  padding: 30px 36px 22px 72px;
  margin-left: 70px;
  -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.funfact02 i {
  font-size: 34px;
  line-height: 34px;
  position: absolute;
  left: 33px;
  top: 42px;
  color: #917afa;
  display: block;
}
.funfact02 h2 {
  font-size: 45px;
  line-height: 1;
  color: #382c4d;
  font-weight: 600;
  margin: 0 0 1px;
}
.funfact02 h2 sup {
  font-size: inherit;
  top: 0;
  font-style: normal;
}
.funfact02 h5 {
  font-size: 16px;
  color: #a4acbf;
  line-height: 1;
  font-weight: 400;
  margin: 0;
}
.funfact02.iconTop {
  padding: 30px 45px 30px 38px;
}
.funfact02.iconTop i {
  position: relative;
  left: 0;
  top: 0;
  color: #ff5337;
  margin: 0 0 2px;
}

/*--- Work Process ---*/
.workProcess {
  position: relative;
  padding: 0 10px;
}
.proImage {
  position: relative;
  margin: 0 0 0 -103px;
  top: 60px;
  color: #020288;
  font-size: 40px;
}
.workProcess .proImage img {
  width: 54px;
  height: 37px;
}
.workProcess > img {
  width: 215px;
  height: 211px;
}
.workProcess h5 {
  color: #ff5337;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  margin: 28px 0 0;
}
.workProcess h3 {
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  font-weight: 500;
  margin: 0 0 10px;
  position: relative;
  z-index: 2;
}
.workProcess h3:after {
  content: "";
  position: absolute;
  left: 3px;
  right: 0;
  bottom: 3px;
  height: 7px;
  z-index: -1;
  border-radius: 50px;
  width: calc(100% - 6px);
  background: #ffeae6;
}
.workProcess p {
  color: #382c4d;
  margin: 0 0 24px;
}
.workProcess a {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: #fff1f1;
  line-height: 46px;
  border-radius: 50%;
  text-align: center;
  color: #382c4d;
  line-height: 46px;
  font-size: 17px;
}
.wp02 a {
  background: #e0faff;
}
.wp02 h3:after {
  background: #e0faff;
}
.wp03 a {
  background: #fffde5;
}
.wp03 h3:after {
  background: #fffde5;
}
.workProcess a:hover {
  background: var(--theme-color-three);
  color: #fff;
}

/*--- Portfolio ---*/
.filter_menu {
  position: relative;
  margin: 53px 0 40px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  font-family: "Fira Sans", sans-serif;
}
.filter_menu.text-center {
  justify-content: center;
}
.filter_menu.text-right {
  justify-content: flex-end;
}
.filter_menu.text-left {
  justify-content: flex-start;
}
.filter_menu li {
  cursor: pointer;
  list-style: none;
  display: inline-block;
  font-size: 17px;
  color: #252932;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter_menu li span {
  display: inline-block;
  margin: 0 13px;
  color: #c4c4c4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter_menu li:last-child span {
  margin: 0;
  display: none;
}
.filter_menu li:hover span,
.filter_menu li.active span,
.filter_menu li:hover,
.filter_menu li.active {
  color: var(--theme-color-three);
}
.folioItem02 {
  position: relative;
  margin-right: 8px;
  margin-bottom: 40px;
}
.folioItem02.mrleft {
  margin-right: 0;
  margin-left: 8px;
}
.folioItem02 img {
  width: 100%;
  height: auto;
  border-radius: 30px;
}
.folioHover02 {
  position: relative;
  display: inline-block;
  background: #fff;
  margin: -150px 0 0 40px;
  border-radius: 50px;
  padding: 22px 52px 24px 38px;
  -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.folioHover02 p {
  color: var(--theme-color-three);
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}
.folioHover02 p a {
  color: inherit;
}
.folioHover02 h4 {
  font-size: 22px;
  line-height: 30px;
  color: #382c4d;
  font-weight: 600;
  margin: 0;
}
.folioHover02 h4 a {
  color: inherit;
}
.folioHover02 h4 a:hover {
  color: var(--theme-color);
}
.shaff_size {
  z-index: -1;
}

/*--- Pricing Tab ---*/
.pricingTab03 {
  position: absolute;
  margin: 0;
  padding: 0;
  display: block;
  right: -17%;
  top: 44%;
  z-index: 2;
  text-align: right;
}
.pricingTab03 li {
  list-style: none;
  display: block;
}
.pricingTab03 li a {
  position: relative;
  display: inline-block;
  height: 59px;
  background: #fff;
  line-height: 59px;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  color: #382c4d;
  text-transform: uppercase;
  font-weight: 800;
  font-family: "Fira Sans", sans-serif;
  padding: 0 25px;
  margin: 0 0 10px;
}
.pricingTab03 li a:before {
  display: inline-block;
  font-family: "themewar" !important;
  content: "\f025";
  color: inherit;
  position: relative;
  font-weight: 400;
  top: 1px;
  visibility: hidden;
  opacity: 0;
  font-size: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricingTab03 li a.active:before {
  font-size: 15px;
  visibility: visible;
  opacity: 1;
  margin-right: 6px;
}
.pricingTab03 li a.active,
.pricingTab03 li a:hover {
  background: var(--theme-color-three);
  color: #fff;
  padding: 0 31px;
}
.tabContent03 {
  position: relative;
}
.tabContent03 img {
  max-width: 100%;
  height: auto;
  border-radius: 65px;
  position: absolute;
  left: 0;
  top: -107px;
}
.pricing-item-02 {
  position: relative;
  max-width: 385px;
  background: #fff;
  font-family: "Fira Sans", sans-serif;
  border-radius: 50px;
  padding: 50px 40px 36px;
  margin-left: 205px;
  margin-top: -63px;
  z-index: 2;
  -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.pricing-item-02 .p-title {
  display: inline-block;
  font-size: 30px;
  color: #382c4d;
  margin: 0 0 36px;
  position: relative;
  z-index: 2;
}
.pricing-item-02 .p-title:after {
  content: "";
  position: absolute;
  left: -6px;
  right: 0;
  bottom: 6px;
  height: 9px;
  z-index: -1;
  border-radius: 50px;
  width: calc(100% + 12px);
  background: #fdecd8;
}
.pricing-item-02 .p-price {
  justify-content: center;
  color: #382c4d;
  font-size: 65.69px;
  font-weight: 600;
  letter-spacing: -1.3px;
  line-height: 1;
  margin: 0 0 8px;
}
.pricing-item-02 .p-price sup {
  font-size: inherit;
  top: 32px;
  margin: 0;
}
.pricing-item-02 p {
  color: #382c4d;
  font-size: 18px;
  margin: 0 0 29px;
}
.pricing-item-02 ul {
  border-top: 1px solid #ededed;
  margin: 0;
  padding: 34px 0 29px;
  text-align: left;
}
.pricing-item-02 ul li {
  display: block;
  font-size: 19px;
  color: #382c4d;
  margin-bottom: 13px;
}
.pricing-item-02 ul li i {
  color: var(--theme-color-three);
  font-size: 16px;
  display: inline-block;
  margin-right: 13px;
}
.pricing-item-02 .berpo_btn {
  width: 100%;
  border-radius: 50px;
  background: var(--theme-color-three);
  color: #f0f0f0;
  font-size: 14px;
  height: 65px;
  line-height: 67px;
  -webkit-box-shadow: 0px 0px 27px 0px rgba(255, 85, 56, 0.26);
  -moz-box-shadow: 0px 0px 27px 0px rgba(255, 85, 56, 0.26);
  box-shadow: 0px 0px 27px 0px rgba(255, 85, 56, 0.26);
}
.priceCon {
  position: relative;
  padding: 145px 0 0 45px;
}
.priceCon p {
  color: #382c4d;
  margin: -26px 0 41px;
}
.priceCon .icon_box_01 {
  padding-left: 93px;
  padding-top: 10px;
}
.priceCon .icon_box_01 i {
  width: 74px;
  height: 74px;
  background: #fff;
  border-radius: 50%;
  font-size: 30px;
  line-height: 74px;
  color: var(--theme-color);
}
.priceCon .icon_box_01 h5 {
  color: #382c4d;
  font-size: 18px;
  line-height: 28px;
}
.priceCon .icon_box_01 span {
  color: #382c4d;
  font-weight: 600;
  font-size: 22px;
  margin: 0;
}

/*--- Funfact ---*/
.funfact03 {
  position: relative;
  background: #f9f9f9;
  border-radius: 30px;
  padding: 0 25px 51px;
}
.factThumb {
  position: relative;
  display: inline-block;
  width: 77px;
  height: 77px;
  line-height: 75px;
  font-size: 36px;
  background: #ffffda;
  border-radius: 50%;
  text-align: center;
  top: -41px;
  margin: 0 0 -17px;
}
.funfact03 .factThumb img {
  width: 47px;
  height: 53px;
}
.funfact03 h2 {
  font-size: 45px;
  line-height: 1;
  color: #382c4d;
  font-weight: 500;
  margin: 0 0 8px;
}
.funfact03 h2 sup {
  font-size: inherit;
  top: -2px;
  font-style: normal;
}
.funfact03 h5 {
  font-size: 17px;
  line-height: 1;
  color: #808080;
  margin: 0;
  font-weight: 400;
}
.ffc02 .factThumb {
  background: #eeeeff;
}
.ffc03 .factThumb {
  background: #ffe0e0;
}
.ffc04 .factThumb {
  background: #e6ffef;
}

/*--- Team ---*/
.tmSlider03.owl-carousel .owl-item {
  -webkit-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
.team_03 {
  position: relative;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team_03:hover {
  padding: 0 44px 0 0;
}
.tmThumbContent {
  position: relative;
  margin: 0 0 25px;
}
.tmThumbContent .tmThumb {
  position: relative;
  height: 334px;
  overflow: hidden;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team_03 .tmThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 40px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team_03 .tm_social {
  padding: 15px 0;
  background: var(--theme-color-three);
  width: 85%;
  transform: none;
  border-radius: 30px;
  top: 20px;
  right: 20px;
  text-align: right;
  margin: 0;
  left: auto;
  bottom: auto;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team_03 .tm_social a {
  display: block;
  position: relative;
  margin: 0 0 0 auto;
  display: block;
  text-align: center;
  font-size: 17px;
  color: #ffffff;
  height: 50px;
  width: 44px;
  line-height: 50px;
  border-bottom: 1px solid #d51313;
}
.team_03 .tm_social a:last-child {
  border: none;
}
.team_03:hover .tm_social {
  right: -44px;
}
.team_03:hover .tm_social a {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.team_03:hover .tm_social a:hover {
  color: #101a25;
}
.team_03 h3 {
  font-size: 26.69px;
  color: #382c4d;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
  margin: 0 0 1px;
}
.team_03 h3 a {
  color: inherit;
}
.team_03 h3 a:hover {
  color: var(--theme-color-three);
}
.team_03 p {
  margin: 0;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  color: var(--theme-color-three);
}
.tmSlider03.owl-carousel .owl-nav {
  width: 100%;
}
.tmSlider03.owl-carousel .owl-nav button {
  position: absolute;
  left: -94px;
  top: 38%;
  text-align: center;
  z-index: 5;
  font-size: 22px;
  line-height: 66px;
  width: 61px;
  height: 65px;
  background: url(../images/bg/arrow.svg) no-repeat center center / cover;
  color: #382c4d;
  border: none;
  outline: none;
  z-index: 1;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tmSlider03.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -94px;
}
.tmSlider03.owl-carousel .owl-nav button:hover {
  background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
  color: #fff;
}
.tmSlider03.owl-carousel .owl-stage-outer {
  height: calc(100% + 40px);
  margin: -20px;
  padding: 20px;
  width: calc(100% + 40px);
}

/*--- Featured Slider ---*/
.featuredSlider {
  padding: 0;
}
.featuredSlider .owl-stage-outer {
}
.featuredSlider .owl-item {
  backface-visibility: hidden;
  position: relative;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.featuredSlider .fsfolioItem {
  overflow: visible;
  padding: 72px 0 20px;
}
.featuredSlider .owl-item.active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
.featuredSlider .owl-item.active.center {
  z-index: 3;
}
.fi03Thumb {
  position: relative;
  border-radius: 50%;

  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.featuredSlider .fsfolioItem .acshape {
  width: 84%;
  height: 101%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  border-radius: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.featuredSlider .owl-item.active.center .fsfolioItem .acshape {
  visibility: visible;
  opacity: 1;
}
.featuredSlider .fsfolioItem img {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
}
.featuredSlider .owl-item.active .fsfolioItem .fi03Thumb {
  transform: scale(1.35) translateX(73px);
  -moz-transform: scale(1.35) translateX(73px);
  -webkit-transform: scale(1.35) translateX(73px);
}
.featuredSlider
  .owl-item.active.center
  + .owl-item.active
  .fsfolioItem
  .fi03Thumb {
  transform: scale(1.35) translateX(-73px);
  -moz-transform: scale(1.35) translateX(-73px);
  -webkit-transform: scale(1.35) translateX(-73px);
}
.featuredSlider .owl-item.active.center .fsfolioItem .fi03Thumb {
  transform: scale(1.35) translateX(0);
  -moz-transform: scale(1.35) translateX(0);
  -webkit-transform: scale(1.35) translateX(0);
}
.fi03Con {
  position: relative;
  font-family: "Fira Sans", sans-serif;
  text-align: center;
  padding: 90px 0 0;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  opacity: 0;
  visibility: hidden;
}
.featuredSlider .owl-item.active.center .fi03Con {
  opacity: 1;
  visibility: visible;
}
.fi03Con h4 {
  font-size: 35px;
  color: #382c4d;
  font-weight: 600;
  margin: 0 0 4px;

  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.fi03Con h4 a {
  color: inherit;
}
.fi03Con h4 a:hover {
  color: var(--theme-color-three);
}
.fi03Con p {
  font-size: 14px;
  line-height: 0.8;
  color: var(--theme-color-three);
  text-transform: uppercase;
  margin: 0 0 14px;
}
.fimeta {
  position: relative;
}
.fimeta a {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  color: #382c4d;
  margin-right: 12px;
}
.fimeta a:last-child {
  margin-right: 0;
}
.fimeta a i {
  display: inline-block;
  font-size: 14px;
  color: #9a9a9a;
  position: relative;
  margin-right: 6px;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.fimeta a i.twi-eye {
  top: 1px;
}
.fimeta a:hover i,
.fimeta a:hover {
  color: var(--theme-color-three);
}
.featuredSlider.owl-carousel .owl-nav {
  width: 100%;
}
.featuredSlider.owl-carousel .owl-nav button {
  position: absolute;
  left: -94px;
  top: 36%;
  text-align: center;
  z-index: 5;
  font-size: 22px;
  line-height: 66px;
  width: 61px;
  height: 65px;
  background: url(../images/bg/arrow2.svg) no-repeat center center / cover;
  color: #382c4d;
  border: none;
  outline: none;
  z-index: 1;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.featuredSlider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -94px;
}
.featuredSlider.owl-carousel .owl-nav button:hover {
  background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
  color: #fff;
}

/*--- Testimonial ---*/
.testimonialslider03 {
  position: relative;
  margin: -84px 0 0;
}
.testiItem03 {
  position: relative;
  background: #d9f2ef;
  max-width: 595px;
  border-radius: 100px;
  padding: 39px 40px 50px 192px;
  margin: 34px 0 0;
  float: right;
}
.testiItem03 .au_quote {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  position: absolute;
  left: 38px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.testiItem03 .au_quote img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.testiItem03 .au_quote i {
  font-size: 40px;
  color: var(--theme-color-three);
  -webkit-text-fill-color: var(--theme-color-three);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #d9f2ef;
  position: absolute;
  right: 9px;
  top: -4px;
}
.testiItem03 h5 {
  font-size: 24px;
  color: #382c4d;
  font-size: 35px;
  margin: 0;
}
.testiItem03 .quotation {
  font-size: 18px;
  line-height: 31.5px;
  color: #382c4d;
  margin: 0;
  font-weight: 400;
  font-style: normal;
}
.testiItem03.RightItem {
  margin-right: 80px;
  background: #fdecd8;
  text-align: right;
  padding-left: 40px;
  padding-right: 192px;
}
.testiItem03.RightItem .au_quote {
  left: auto;
  right: 38px;
}
.testiItem03.RightItem .au_quote i {
  right: auto;
  left: 9px;
  -webkit-text-stroke-color: #fdecd8;
}
.testimonialslider03 .slick-arrow {
  position: absolute;
  left: -74%;
  bottom: -10px;
  text-align: center;
  z-index: 5;
  font-size: 22px;
  line-height: 66px;
  width: 61px;
  height: 65px;
  background: url(../images/bg/arrow.svg) no-repeat center center / cover;
  color: #382c4d;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 1;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonialslider03 .slick-arrow.navRight {
  left: calc(-74% + 74px);
}
.testimonialslider03 .slick-arrow:hover {
  background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
  color: #fff;
}

/*--- Footer ---*/
.footer_03 {
  position: relative;
  background: #0e0130;
  padding: 105px 0 92px;
  border-radius: 50px 50px 0 0;
}
.aboutWidget03 {
  position: relative;
  text-align: center;
}
.aboutWidget03 img {
  max-width: 100%;
  height: auto;
}
.aboutWidget03 p {
  font-size: 18px;
  line-height: 31.5px;
  color: #aba1bb;
  margin: 27px 0 29px;
}
.aboutWidget03 .email {
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: 0.2px;
  font-family: "Fira Sans", sans-serif;
  border-bottom: 2px solid #fff;
}
.aboutWidget03 .email:hover {
  color: var(--theme-color-three);
  border-color: var(--theme-color-three);
}
.absocaila {
  position: relative;
  margin: 28px 0 0;
}
.absocaila a {
  display: inline-block;
  text-align: center;
  width: 64px;
  height: 64px;
  background: #1e0b50;
  line-height: 64px;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  margin: 0 1px;
}
.absocaila a:hover {
  background: var(--theme-color-three);
  color: #fff;
}
.copyrightSec {
  position: relative;
  background: #0c0128;
  text-align: center;
  padding: 37px 0;
  border-radius: 0 0 50px 50px;
}
.copyrightSec .Copyright {
  font-family: "Fira Sans", sans-serif;
  color: var(--theme-color-three);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}

/*------------------------------------------------------
/ 4. Home Page 04
/------------------------------------------------------*/
/*--- Header ---*/
.header04 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  padding: 0 80px 0 55px;
}
.header04 .navbar01 {
  background: transparent;
  padding: 0;
  border-radius: 0;
  align-items: center;
}
.header04 .logo {
  position: relative;
  line-height: 74px;
  padding: 55px 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header04 .logo img {
  height: 74px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header04 .stickyLogo {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header04.fixedHeader img {
  visibility: hidden;
  opacity: 0;
}
.header04.fixedHeader .stickyLogo {
  visibility: visible;
  opacity: 1;
}
.header04 .accessNav .search_btn {
  background: #151414;
  border-radius: 3px;
  color: #fff;
  position: relative;
  z-index: 2;
  margin-left: 5px;
}
.header04 .accessNav .search_btn:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  border-radius: 3px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header04 .accessNav .search_btn:hover:after {
  visibility: visible;
  opacity: 1;
}
.popup_togggle_menu {
  width: 52px;
  height: 52px;
  background: #151414;
  border-radius: 3px;
  display: inline-block;
  padding: 14px 11px;
}
.popup_togggle_menu span {
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  margin: 0 0 6px;
  position: relative;
}
.popup_togggle_menu span:last-child {
  margin-bottom: 0;
}
.popup_togggle_menu span:nth-child(2),
.popup_togggle_menu span:nth-child(4) {
  width: 15px;
  margin-left: auto;
}
.popup_togggle_menu span:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  content: "";
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.popup_togggle_menu:hover span:after {
  width: 100%;
}
body.menu_open {
  overflow: hidden;
}
.close-popup {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #fff;
  font-weight: 600;
  height: 50px;
  width: 50px;
  position: absolute;
  right: 30px;
  top: 30px;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  z-index: 99;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.popup_menu.active .close-popup {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.close-popup:after {
  width: 15px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 17.5px;
  top: 24px;
  content: "";
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
}
.close-popup:before {
  width: 15px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 17.5px;
  top: 24px;
  content: "";
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  -moz-transition: all ease 400ms;
}
.close-popup:hover {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}
.close-popup:hover:after,
.close-popup:hover:before {
  background: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.popup_menu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(34, 34, 33, 0.98);
  display: none;
}
.menu_middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: relative;
  z-index: -1;
}
.popup_menu.active .menu_middle {
  z-index: 99;
}
.menu_popup {
  position: relative;
  text-align: center;
}
.menu_popup ul {
  margin: 0;
  padding: 0;
}
.menu_popup ul li {
  display: block;
  list-style: none;
  margin: 19px 0;
  position: relative;
}
.menu_popup ul li a {
  color: #ffffff;
  text-transform: capitalize;
  font-size: 33px;
  line-height: 1;
  font-weight: 800;
  display: inline-block;
  padding: 0 15px;
  font-family: "Fira Sans", sans-serif;
  position: relative;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
  transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.menu_popup ul li.active > a,
.menu_popup ul li:hover > a {
  color: var(--theme-color-six);
}
.menu_popup ul li.menu-item-has-children > a {
  position: relative;
}
.menu_popup ul li.menu-item-has-children > a:before {
  position: absolute;
  right: -5px;
  top: 11px;
  content: "\f545";
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  font-family: "themewar" !important;
  font-size: 20px;
  color: inherit;
  line-height: 0.8;
  transition: none;
}
.menu_popup > ul > li {
  opacity: 0;
  -webkit-transition: translateY(80px);
  transform: translateY(80px);
  max-width: 280px;
  margin: 30px auto;
}
.menu_popup ul li ul.sub-menu {
  position: absolute;
  left: 105%;
  pointer-events: none;
  top: -18px;
  width: 270px;
  border-radius: 5px;
  z-index: 100;
  text-align: left;
  margin: 0;
  padding: 25px 0;
  visibility: hidden;
  opacity: 0;
  background: #353535;
  -ms-box-shadow: 0px 3px 0 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 3px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  color: inherit;
  font-size: inherit;
}
.menu_popup ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
  left: 100%;
}
.menu_popup ul li ul.sub-menu::after {
  content: "";
  position: absolute;
  left: -7px;
  top: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 7px 4.5px 0;
  border-color: transparent #353535 transparent transparent;
  transition: none;
}
.menu_popup ul li .sub-menu li {
  padding: 0 0;
  margin: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.menu_popup ul .sub-menu li.menu-item-has-children > a::before {
  right: 19px;
  content: "..";
  font-family: "Fira Sans", sans-serif !important;
  font-size: 25px;
  letter-spacing: 3px;
  top: calc(50% - 15px);
}
.menu_popup ul li ul.sub-menu li a {
  font-size: 16px;
  font-weight: 400;
  padding: 14px 32px;
  width: 100%;
  border-radius: 3px;
  text-transform: capitalize;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.menu_popup ul li .sub-menu li.active > a,
.menu_popup ul li .sub-menu li.current-menu-item > a,
.menu_popup ul li .sub-menu li:hover > a {
  color: #fff;
  background: var(--theme-color);
}
.menu_popup ul li .sub-menu li .sub-menu {
  position: absolute;
  left: 105%;
  right: auto;
  top: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: none;
  overflow-y: auto;
}
.menu_popup ul li .sub-menu li .sub-menu:after {
  display: none;
}
.menu_popup ul li .sub-menu li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  left: calc(100% + 3px);
  pointer-events: inherit;
}
.menu_popup ul li:nth-last-child(1) .sub-menu li,
.menu_popup ul li:nth-last-child(2) .sub-menu li {
  position: static;
}
body.menu__open {
  overflow: hidden;
}

/*--- Icon Box ---*/
.icon_box_03 {
  position: relative;
  margin: 0 15px;
}
.icon_box_03 .ibMeta {
  width: 266px;
  height: 277px;
  line-height: 285px;
  text-align: center;
  position: relative;
  color: inherit;
  font-size: 80px;
  margin: -55px 0 -26px;
}
.icon_box_03 .ibMeta svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  fill: #fff;
  text-align: center;
  top: 0;
  -webkit-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
  -moz-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
  filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
}
.icon_box_03 .ibMeta i {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.icon_box_03 span {
  display: block;
  font-size: 60px;
  color: #eef3ff;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  left: -72px;
  right: 0;
  margin: auto;
  top: -17px;
}
.icon_box_03 h3 {
  font-size: 22px;
  line-height: 32px;
  color: #222d39;
  margin: 0 0 9px;
}
.icon_box_03 p {
  display: block;
  color: #666666;
  font-size: 16px;
  margin: 0;
}
.icon_box_03 .imgborder {
  position: absolute;
  right: -78px;
  top: 75px;
}

/*--- About ---*/
.abbgThumb {
  position: relative;
  border-radius: 3px;
  margin-right: 33px;
  padding: 0 50px;
  text-align: center;
  background: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.abbgThumb img {
  width: 100%;
  height: 100%;
  position: relative;
  top: 50px;
}
.abclinets {
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 17px 37px 12px 97px;
  margin: -7px 0 0 86px;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
}
.abclinets img {
  width: 53px;
  height: 53px;
  border-radius: 5px;
  position: absolute;
  left: 23px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.abclinets h2 {
  color: #222d39;
  font-size: 26px;
  line-height: 32px;
  margin: 0 0 -6px;
}
.abclinets p {
  display: block;
  color: #666666;
  font-size: 16px;
  margin: 0;
}
.expCount02 {
  position: relative;
}
.expCount02 h2 {
  font-size: 110px;
  letter-spacing: 2.2px;
  font-weight: 800;
  margin: 0 0 -3px;
  line-height: 1;
  background-image: url(../images/bg/text.png);
  background-position: center;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
.expCount02 h5 {
  font-size: 28px;
  line-height: 34px;
  color: #000000;
  letter-spacing: -0.42px;
  font-weight: 800;
  margin: 0;
}
.grdinaList li {
  color: #101a25;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
  margin: 7px 0 10px;
}
.grdinaList li i {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}

/*--- Tab ---*/
.pricingTab04 {
  position: absolute;
  left: -210px;
  top: 49px;
  margin: 0;
  padding: 0;
  display: block;
}
.pricingTab04 li {
  display: block;
  list-style: none;
  margin: 13px 0 0;
}
.pricingTab04 li a {
  display: inline-block;
  font-family: "Fira Sans", sans-serif;
  font-size: 25.31px;
  color: #fff;
  font-weight: 700;
  line-height: 33px;
}
.pricingTab04 li a span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.82px;
  font-weight: 400;
  line-height: 18px;
}
.pricingTab04 li a:after {
  font-family: "themewar" !important;
  content: "\ef55";
  display: inline-block;
  position: relative;
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: right;
  margin: -50px 0 0 0;
  right: -38px;
}
.pricingTab04 li a:hover:after,
.pricingTab04 li a.active:after {
  visibility: visible;
  opacity: 1;
}
.pricingTab04 li a:hover,
.pricingTab04 li a.active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.tabContent04 {
  position: relative;
  z-index: 2;
  padding: 0 0 0 45px;
}
.tabContent04 img {
  max-width: 100%;
  height: auto;
  float: right;
}
.tabContent04 .secTitle02 {
  color: #ffffff;
  line-height: 55px;
  margin: 47px 0 23px;
}
.tabContent04 p {
  color: #bebebe;
  margin: 0 0 45px;
}
.tab-content > .tab-pane.show.active {
  transform: scale(1) translateY(0px);
}
.anim-right.tab-content > .tab-pane.show.active {
  transform: none;
}
.anim-right.tab-content > .tab-pane {
  transform: none;
}
.tab-content > .tab-pane {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  transform: scale(0.9, 0.9) translate(0px);
}
.anim-right .active .tabContent04 {
  -webkit-animation-name: fadeRight;
  animation-name: fadeRight;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*--- Service ITem ---*/
.service_item_05 {
  position: relative;
  background: transparent;
  margin: 0 0 30px;
}
.service_item_05 svg {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1));
  -moz-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(-0px 15px 40px rgba(0, 0, 0, 0.1));
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service_item_05 svg g {
  fill: #ffffff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.serInner {
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 2;
  background: transparent;
  padding: 34px 60px 20px 155px;
}
.service_item_05 .siIcon {
  width: 73px;
  height: 73px;
  line-height: 73px;
  background: #f3f3f3;
  border-radius: 3px;
  text-align: center;
  font-size: 44px;
  position: absolute;
  left: 49px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.service_item_05 .siIcon i {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.service_item_05 h3 {
  font-size: 25px;
  line-height: 31.5px;
  margin: 0 0 9px;
}
.service_item_05 h3 a {
  color: inherit;
}
.service_item_05 h3 a:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.service_item_05 p {
  color: #868686;
  font-size: 17px;
  margin: 0;
}

/*--- Case Study ---*/
.filter_menu02 {
  position: relative;
  margin: 44px 0 80px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  font-family: "Fira Sans", sans-serif;
}
.filter_menu02.text-center {
  justify-content: center;
}
.filter_menu02.text-right {
  justify-content: flex-end;
}
.filter_menu02 li {
  cursor: pointer;
  list-style: none;
  display: inline-block;
  font-size: 14px;
  color: #101a25;
  height: 35px;
  line-height: 35px;
  padding: 0 11px;
  margin-left: 13px;
  font-weight: 500;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter_menu02 li:first-child {
  margin-left: 0;
}
.filter_menu02 li:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  z-index: -1;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter_menu02 li.active:after,
.filter_menu02 li:hover:after {
  visibility: visible;
  opacity: 1;
  width: 100%;
}
.filter_menu02 li.active,
.filter_menu02 li:hover {
  color: #fff;
}
.folioItem03 {
  position: relative;
  overflow: hidden;
  margin: 0 -1px;
}
.folioItem03:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  background: rgb(16, 26, 37, 0.6);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioItem03:hover:after {
  visibility: visible;
  opacity: 1;
}
.folioItem03 img {
  width: 100%;
  height: auto;
}
.folioHover03 {
  position: absolute;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  height: 134px;
  width: 100%;
  left: 0;
  bottom: -40px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  clip-path: polygon(0 0, 100% 34%, 100% 100%, 0% 100%);
  padding: 55px 160px 0 34px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioItem03:hover .folioHover03 {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.folioHover03 p {
  display: block;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  margin: 0 0 6px;
  -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
}
.folioHover03 p a {
  color: inherit;
}
.folioHover03 h4 {
  font-size: 25px;
  color: #fff;
  line-height: 32px;
  margin: 0;
  -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
}
.folioHover03 h4 a {
  color: inherit;
}
.folioHover03 p a:hover,
.folioHover03 h4 a:hover {
  color: #2b2727;
}
.folioHover03 > a {
  width: 55px;
  height: 55px;
  background: #fff;
  line-height: 55px;
  color: #2b2727;
  font-size: 20px;
  border-radius: 0;
  display: inline-block;
  position: absolute;
  right: 34px;
  bottom: 20px;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
  visibility: hidden;
  opacity: 0;
}
.folioHover03 .popup_video {
  right: 95px;
}
.folioHover03 .popup_video::before,
.folioHover03 .popup_video::after {
  display: none;
}
.folioHover03 > a:hover {
  background: #2b2727;
  color: #fff;
}
.folioHover03 .popup_video {
  -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, -50px, 0);
  -moz-transform: translate3d(0, -50px, 0);
  -webkit-transform: translate3d(0, -50px, 0);
}
.folioHover03 .crm {
  -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, -50px, 0);
  -moz-transform: translate3d(0, -50px, 0);
  -webkit-transform: translate3d(0, -50px, 0);
}
.folioItem03:hover .folioHover03 .crm,
.folioItem03:hover .folioHover03 .popup_video {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.folioItem03:hover .folioHover03 p,
.folioItem03:hover .folioHover03 h4 {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

/*--- Feature ---*/
.featureSlider02.owl-carousel {
  position: relative;
}
.featureSlider02.owl-carousel a {
  display: block;
  width: 100%;
  background: #f9f9f9;
  text-align: center;
  padding: 35px 15px;
}
.featureSlider02.owl-carousel a img {
  width: 120px;
  height: 121px;
  display: inline-block;
}

/*--- Pricing Table ---*/
.pcTab03 {
  border: none;
  height: 31px;
  background: transparent;
  border-radius: 0;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11px;
  z-index: 2;
  text-align: center;
  display: block;
}
.pcTab03 a {
  position: relative;
  z-index: 2;
  color: #0c0c0c;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.48px;
  border-radius: 3px 0 0 3px;
  padding: 0 20px;
  line-height: 31px;
  background: #fff;
  margin: 0 -3px;
  display: inline-block;
}
.pcTab03 a:last-child {
  border-radius: 0 3px 3px 0;
}
.pcTab03 a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  z-index: -1;
  visibility: hidden;
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pcTab03 a:hover:after,
.pcTab03 a.active:after {
  visibility: visible;
  opacity: 1;
  width: 100%;
}
.pcTab03 a:hover,
.pcTab03 a.active {
  color: #fff;
}

.pricingTabInner02 {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  left: -175px;
  top: 44%;
}
.pricingTabInner02 li {
  list-style: none;
  display: block;
  margin: 0 0 14px;
}
.pricingTabInner02 li a {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 38px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  font-size: 13px;
  color: #0c0c0c;
  text-transform: uppercase;
  line-height: 38px;
  letter-spacing: 0.52px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  padding: 0 15px;
  width: 130px;
}
.pricingTabInner02 li a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  z-index: -1;
  visibility: hidden;
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricingTabInner02 li a:before {
  content: "\edf7";
  font-family: "themewar" !important;
  color: #ffffff;
  font-size: 8.32px;
  left: -5px;
  top: -1px;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricingTabInner02 li a:hover:before,
.pricingTabInner02 li a.active:before {
  visibility: visible;
  opacity: 1;
}
.pricingTabInner02 li a:hover:after,
.pricingTabInner02 li a.active:after {
  visibility: visible;
  opacity: 1;
  width: 100%;
}
.pricingTabInner02 li a:hover,
.pricingTabInner02 li a.active {
  color: #fff;
}
.pricingTabInner02 li a img {
  width: 77px;
  height: 27px;
  position: absolute;
  right: -90px;
  top: 12px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
.pricingTabInner02 li a:hover img,
.pricingTabInner02 li a.active img {
  visibility: visible;
  opacity: 1;
  right: -70px;
}
.pricing-item-03 {
  position: relative;
  margin-right: 1px;
  background: #fff;
  border-radius: 5px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);
}
.pricing-item-03 .price-thumb img {
  border-radius: 5px 5px 0 0;
}
.pricing-item-03 .price-detils {
  padding: 44px 55px 54px;
}
.pricing-item-03 .p-title {
  font-size: 41.62px;
  font-weight: 700;
  margin-bottom: 2px;
}
.pricing-item-03 .p-price {
  min-height: 40px;
  margin-bottom: 25px;
  position: relative;
}
.pricing-item-03 .p-price .price_period {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.pricing-item-03 .p-price .price_period.active {
  visibility: visible;
  opacity: 1;
}
.pricing-item-03 .price-detils ul {
  margin-bottom: 21px;
}
.pricing-item-03 .price-detils ul li {
  font-size: 15px;
  color: #0c0c0c;
  letter-spacing: 0.6px;
  border-color: #f2f2f2;
  padding: 0 0 9px;
  margin-bottom: 6px;
}
.pricing-item-03 .price-detils ul li i {
  font-size: 12.8px;
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.pricing-item-03 .price-detils .berpo_btn {
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  border-radius: 5px;
  height: 47px;
  line-height: 47px;
  font-weight: 700;
  padding: 0 28px;
}
.rightCTA {
  position: relative;
  background: url(../images/bg/24.jpg) no-repeat center center / cover;
  margin-left: -31px;
  margin-top: 70px;
  padding: 103px 70px 55px 80px;
  border-radius: 0 5px 5px 0;
}
.rightCTA:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(19, 17, 17, 0.87);
  border-radius: 0 5px 5px 0;
}
.rightCTA .row {
  position: relative;
  z-index: 2;
}
.rightCTA img {
  max-width: 100%;
}
.rightCTA .secTitle02 {
  color: #ffffff;
  line-height: 50px;
  margin: 23px 0 17px;
}
.rightCTA p {
  font-size: 14.98px;
  line-height: 23.31px;
  color: #fff;
  margin: 0 0 43px;
}
.clientLogo {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 66px 0 0;
}
.clientLogo img {
  width: 136px;
  height: 33px;
  opacity: 0.5;
}

/*--- Team ---*/
.team_04 {
  position: relative;
  margin: 0 0 40px;
}
.team_04 .tmThumb {
  position: relative;
  margin: 0;
}
.team_04 .tmThumb img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.tmcontent {
  position: relative;
  width: calc(100% - 100px);
  margin: -50px auto 0;
  background: #fff;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
  padding: 27px 20px 21px;
}
.tmcontent h3 {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 0;
}
.tmcontent h3 a {
  color: inherit;
}
.tmcontent h3 a:hover {
  color: var(--theme-color);
}
.tmcontent p {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
  color: var(--theme-color);
}
.gradianNav.owl-carousel .owl-nav button .twi-angle-left1:before {
  content: "\ef54";
}
.gradianNav.owl-carousel .owl-nav button .twi-angle-right1:before {
  content: "\ef55";
}
.gradianNav.owl-carousel .owl-nav button {
  width: 58px;
  height: 58px;
  color: #101a25;
  font-size: 15.36px;
  background: #d1d1d1;
  border-radius: 3px;
  line-height: 58px;
  left: -123px;
  top: 34%;
}
.gradianNav.owl-carousel .owl-nav button.owl-next {
  right: -123px;
}
.gradianNav.owl-carousel .owl-nav button:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  z-index: -1;
  visibility: hidden;
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gradianNav.owl-carousel .owl-nav button:hover:after {
  visibility: visible;
  opacity: 1;
}
.gradianNav.owl-carousel .owl-nav button:hover {
  color: #fff;
}

/*--- Skills ---*/
.single_skill.sk03 {
  margin: 0 0 32px;
}
.single_skill.sk03 h5 {
  font-size: 16px;
  color: #464646;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 12px;
}
.single_skill.sk03 h5 i {
  position: relative;
  top: 1px;
  margin-right: 11px;
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.single_skill.sk03 .ss_parent {
  height: 8px;
  background: #f6f7fb;
  border: none;
}
.single_skill.sk03 .ss_child {
  height: 8px;
  left: 0;
  top: 0;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
}
.single_skill.sk03 .ss_parent span {
  left: auto;
  right: 0;
  top: -32px;
  color: #464646;
  font-weight: 600;
  font-size: 16px;
}

/*--- Contact Form ---*/
.contactForm02 {
  position: relative;
  background: transparent;
  padding: 0;
  box-shadow: none;
  margin: 0;
  text-align: left;
  margin-left: -55px;
  padding-right: 105px;
  padding-top: 81px;
}
.contactForm02 input[type="email"],
.contactForm02 input[type="text"],
.contactForm02 input[type="url"],
.contactForm02 input[type="tel"],
.contactForm02 input[type="number"],
.contactForm02 select,
.contactForm02 .nice-select,
.contactForm02 textarea {
  display: block;
  width: 100%;
  height: 53px;
  background: #f1f8fc;
  padding: 0;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  line-height: 53px;
  margin: 0 0 24px;
  font-weight: 400;
  padding: 0 35px;
  color: #9fa4af;
}
.contactForm02 textarea {
  height: 288px;
  line-height: 26px;
  padding-top: 27px;
  padding-left: 45px;
  margin-bottom: 40px;
  resize: none;
}
.contactForm02 textarea::-moz-placeholder,
.contactForm02 input::-moz-placeholder {
  color: #9fa4af;
  opacity: 1;
}
.contactForm02 textarea::-ms-input-placeholder,
.contactForm02 input::-ms-input-placeholder {
  color: #9fa4af;
  opacity: 1;
}
.contactForm02 textarea::-webkit-input-placeholder,
.contactForm02 input::-webkit-input-placeholder {
  color: #9fa4af;
  opacity: 1;
}
.contact_form .nice-select .list {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  background: #f1f8fc;
  border-radius: 0;
  box-shadow: none;
  max-height: 361px;
  overflow: auto;
  -webkit-box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
  -moz-box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
  box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
}
.contact_form .nice-select .option {
  font-size: 14px;
  color: #74777c;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 2px 25px;
}
.contact_form .nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background: 0 0;
  color: #000000;
}
.nice-select:after {
  content: "\e9ed";
  font-family: "themewar" !important;
  transform: none;
  border: none;
  margin: 0;
  top: 0;
  height: auto;
  width: auto;
  color: #6e45e2;
  right: 30px;
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nice-select.open:after {
  transform: none;
  content: "\e9f4";
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contactForm02 .berpo_btn.with_icon03 {
  height: 54px;
  line-height: 55px;
  font-weight: 900;
  margin-top: 7px;
}
.con_message {
  display: block;
  width: 100%;
  display: none;
  padding: 15px;
  border-radius: 0;
  border-width: 2px;
  margin: 15px 0 0;
}
#contact_form .reqError,
#contact_form textarea.reqError {
  border: 1px solid red !important;
}

/*--- Testimonial ---*/
.testiWrap {
  position: relative;
  padding: 0 240px;
}
.testimonialslider04 {
  position: relative;
  margin: 0;
  text-align: center;
  padding: 5px 0 5px;
  overflow: hidden;
}
.testimonialslider04 .ratings {
  font-size: 20px;
  color: #fbb81a;
  letter-spacing: 5px;
  justify-content: center;
  position: relative;
  line-height: 1;
  margin: 0 0 18px;
  padding: 0;
}
.testimonialslider04 .ratings i {
  display: inline-block;
}
.testimonialslider04 .quatation {
  font-size: 18px;
  line-height: 28px;
  color: #5f5f5f;
  font-style: italic;
  font-weight: 300;
  margin: 0;
}
.testimonialNav {
  left: 0;
  right: 0;
  max-width: 490px;
  height: auto;
  padding: 0;
  margin: auto;
}
.testimonialNav .slick-slide {
  outline: none;
  padding: 31px 0;
  position: relative;
}
.testimonialNav .slick-slide.slick-current.slick-active.slick-center {
  padding: 30px 0 44px;
}
.testimonialNav .slick-slide .test_author {
  position: absolute;
  width: 250px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonialNav .slick-slide .autho_thumb {
  margin: 0 0 38px;
  width: 107px;
  padding: 5px;
  cursor: pointer;
  height: 107px;
  background: 0 0;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  box-shadow: none;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonialNav .slick-slide .autho_thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonialNav
  .slick-slide.slick-current.slick-active.slick-center
  .autho_thumb {
  padding: 8px;
  background: #fff;
  margin: 0 auto 25px;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.19);
}
.testimonialNav
  .slick-slide.slick-current.slick-active.slick-center
  .autho_thumb
  img {
  width: 100%;
  height: 100%;
}
.testimonialNav
  .slick-slide.slick-current.slick-active.slick-center
  .test_author {
  opacity: 1;
  visibility: visible;
}
.test_author h5 {
  color: #333333;
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 3px;
  text-transform: capitalize;
}
.test_author p {
  color: #7c7c7c;
  font-size: 17px;
  line-height: 0.8;
  text-transform: capitalize;
  margin: 0;
}

/*--- Blog Item ---*/
.blogSlider.owl-carousel {
  position: relative;
}
.blogItem03 {
  position: relative;
  overflow: hidden;
}
.blogItem03 img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.blogItem03:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 3px;
  background: rgba(27, 27, 27, 0.55);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blogItem03:hover:after {
  background: rgba(27, 27, 27, 0.8);
}
.blogContent02 {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 58px 0 55px;
  z-index: 2;
  transform: translate3d(0, -42px, 0);
  -moz-transform: translate3d(0, -42px, 0);
  -webkit-transform: translate3d(0, -42px, 0);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blogContent02 .bmeta {
  font-size: 12px;
  color: #eaeaea;
  font-family: "Fira Sans", sans-serif;
  letter-spacing: 1.2px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 0;
}
.blogContent02 .bmeta i {
  display: inline-block;
  color: inherit;
  font-size: inherit;
  margin-right: 7px;
}
.blogContent02 .bmeta a {
  color: inherit;
}
.blogContent02 .bmeta a:hover {
  color: #8959dc;
}
.blogContent02 h3 {
  color: #ffffff;
  font-size: 28px;
  line-height: 33px;
  font-weight: 600;
  margin: 0;
}
.blogContent02 h3 a {
  color: inherit;
}
.blogContent02 h3 a:hover {
  color: #8959dc;
}
.blogItem03 .berpo_btn.with_icon03 {
  height: 47px;
  line-height: 47px;
  position: absolute;
  left: 55px;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 300px, 0);
  -moz-transform: translate3d(0, 300px, 0);
  -webkit-transform: translate3d(0, 300px, 0);
  -ms-transform: translate3d(0, 300px, 0);
  -o-transform: translate3d(0, 300px, 0);
}
.blogItem03:hover .berpo_btn.with_icon03 {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, -72px, 0);
  -moz-transform: translate3d(0, -72px, 0);
  -webkit-transform: translate3d(0, -72px, 0);
  -ms-transform: translate3d(0, -72px, 0);
  -o-transform: translate3d(0, -72px, 0);
}
.blogItem03:hover .blogContent02 {
  transform: translate3d(0, -151px, 0);
  -moz-transform: translate3d(0, -151px, 0);
  -webkit-transform: translate3d(0, -151px, 0);
}
.blogSlider.owl-carousel .owl-nav {
  width: 100%;
}
.blogSlider.owl-carousel .owl-nav button {
  position: absolute;
  left: -118px;
  top: 46%;
  text-align: center;
  z-index: 5;
  font-size: 15.36px;
  line-height: 59px;
  width: 58px;
  height: 58px;
  background: #fff;
  color: #101a25;
  border: none;
  outline: none;
  z-index: 2;
  border-radius: 3px;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blogSlider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -118px;
}
.blogSlider.owl-carousel .owl-nav button:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  z-index: -1;
  visibility: hidden;
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.blogSlider.owl-carousel .owl-nav button:hover:after {
  visibility: visible;
  opacity: 1;
}
.blogSlider.owl-carousel .owl-nav button:hover {
  color: #fff;
}

/*--- Faq ---*/
.bepAccordion.peracc02 {
  margin-right: 16px;
}
.bepAccordion.peracc02 .card {
  box-shadow: none;
  background: #f7f8fd;
  border-radius: 3px;
  margin-bottom: 14px;
  padding: 0;
}
.bepAccordion.peracc02 .card .card-header h2 button {
  font-weight: 500;
  color: #fff;
  padding: 12px 39px;
}
.bepAccordion.peracc02 .card .card-header h2 button:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  border-radius: 3px;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}
.bepAccordion.peracc02 .card .card-header h2 button.collapsed {
  color: #1e1840;
}
.bepAccordion.peracc02 .card .card-header h2 button.collapsed:before {
  visibility: hidden;
  opacity: 0;
}
.bepAccordion.peracc02 .card .card-header h2 button span {
  width: 10px;
  height: 10px;
  right: 35px;
}
.bepAccordion.peracc02 .card .card-header h2 button span:before {
  width: 2px;
  height: 10px;
}
.bepAccordion.peracc02 .card .card-header h2 button.collapsed span:after {
  background: #101a25;
}
.bepAccordion.peracc02 .card .card-header h2 button span:after {
  width: 10px;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.bepAccordion.peracc02 .card .card-body {
  color: #464646;
  padding: 18px 39px 21px;
}

/*--- Footer ---*/
.fcta {
  position: relative;
  background-image: linear-gradient(
    to right,
    #ed145b,
    #e7007d,
    #d400a0,
    #af26c4,
    #6e45e2
  );
  border-radius: 3px;
  padding: 45px 88px 32px 80px;
  margin-top: -250px;
}
.fcta h3 {
  margin: 0;
  color: #fff;
  font-size: 30px;
  line-height: 45px;
}
.fcta .berpo_btn.with_icon03 {
  background: #fff;
  color: #181818;
  border: 2px solid #fff;
  line-height: 54px;
  margin-top: 15px;
}
.fcta .berpo_btn.with_icon03:hover {
  color: #fff;
  background: transparent;
}
.fcta .berpo_btn.with_icon03:after {
  background: transparent;
}
.fcta .berpo_btn.with_icon03:nth-child(2) {
  color: #fff;
  background: transparent;
  margin-left: 12px;
}
.fcta .berpo_btn.with_icon03:hover:nth-child(2) {
  background: #fff;
  color: #181818;
}
.footer_04 {
  position: relative;
  background: url(../images/bg/21.jpg) no-repeat center center / cover;
  padding: 152px 0 75px;
}
.aboutWidget04 {
  position: relative;
}
.aboutWidget04 h4 {
  font-size: 22px;
  color: #ffffff;
  line-height: 28px;
  font-weight: 800;
  margin: 0 0 7px;
}
.aboutWidget04 p {
  font-size: 17px;
  line-height: 28px;
  color: #e9e9e9;
  margin: 0 0 27px;
}
.aboutWidget04 a {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
}
.aboutWidget04 a:hover {
  background: #8959dc;
  border-color: #8959dc;
}
.widget_title03 {
  font-size: 22px;
  color: #ffffff;
  line-height: 22px;
  font-weight: 800;
  border-bottom: 1.5px solid #fff;
  display: inline-block;
  margin: 0 0 23px;
}
.wmenu03 ul {
}
.wmenu03 ul.menu li {
  padding: 0;
  color: #e9e9e9;
  margin: 0 0 1px;
}
.wmenu03 ul.menu li:hover {
  padding-left: 5px;
}
.wmenu03 ul.menu li:hover a {
  color: #8959dc;
}
.wmenu03 ul li:after {
  display: none;
}
.cinfo {
  position: relative;
  color: #e9e9e9;
  font-size: 16px;
  line-height: 37px;
  margin: -11px 0 11px;
}
.cinfo span {
  font-weight: 700;
  color: #ffffff;
  margin-right: 4px;
}
.footer_04 .Copyright {
  position: relative;
  font-size: 16px;
  color: #a4a4a4;
  font-family: "Fira Sans", sans-serif;
  letter-spacing: 0;
  padding: 0;
  margin: 49px 0 0;
}
.footer_04 .Copyright:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 38%;
  background: #2a2a2a;
  content: "";
}
.footer_04 .Copyright:before {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 38%;
  background: #2a2a2a;
  content: "";
}
.footer_04 .Copyright a {
  color: inherit;
}
.footer_04 .Copyright a:hover {
  color: #8959dc;
}

/*------------------------------------------------------
/ 5. Home Page 05
/------------------------------------------------------*/
/*--- Header 05 ---*/
.header05 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  padding: 0 125px 0 105px;
}
.fixedHeader.header05 {
  position: fixed;
  background: #000;
}
.header05 .navbar01 {
  background: transparent;
  padding: 0;
  border-radius: 0;
  align-items: center;
}
.header05 .logo {
  line-height: 74px;
  padding: 55px 0;
}
.header05 .logo img {
  height: 74px;
}
.fixedHeader.header05 .logo {
  padding: 25px 0;
}
.accessNav02 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.accessNav02 .berpo_btn {
  height: 60px;
  line-height: 61px;
  font-size: 14px;
  padding: 0 42px;
}
.accessNav02 .berpo_btn:hover {
  color: #202020;
}
.accessNav02 .berpo_btn .bp-shape {
  background: #fff;
}
.accessNav02 a.search_btn {
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50%;
  border: 1px solid #c89b5a;
  font-size: 16.19px;
  color: #f0eeef;
  text-align: center;
  margin-left: 28px;
}
.accessNav02 a.search_btn:hover {
  background: #c89b5a;
}
.popup_togggle_menu02 {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50%;
  border: 1px solid #c89b5a;
  color: #f0eeef;
  text-align: center;
  margin-left: 9px;
  background: transparent;
  padding: 18px 16px;
}
.popup_togggle_menu02 span {
  height: 4px;
  width: 100%;
  float: right;
  margin-bottom: 3px;
  position: relative;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.popup_togggle_menu02 span:nth-child(1) {
  width: 12px;
}
.popup_togggle_menu02 span:nth-child(3) {
  width: 18px;
}
.popup_togggle_menu02 span:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  content: "";
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.popup_togggle_menu02.active span:after,
.popup_togggle_menu02:hover span:after {
  width: 100%;
}
.bodyBg {
  position: relative;
  background: url(../images/home5/3.jpg) no-repeat top left;
  padding: 206px 0 0;
}
.popup_togggle_menu02.active span:nth-child(1) {
  display: none;
}
.popup_togggle_menu02.active span {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  top: 7px;
}
.popup_togggle_menu02.active span:nth-child(3) {
  top: 0;
  width: 100%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.pageLeft {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.menuOpened {
  overflow: hidden;
}
.menuOpened .pageLeft {
  margin-left: 350px;
  width: 100%;
}
.sidebarMenu {
  position: fixed;
  width: 350px;
  height: 100vh;
  left: -350px;
  top: 0;
  bottom: 0;
  z-index: 4;
  padding: 0;
  background: url(../images/home5/menu_bg.jpg) no-repeat center center / cover;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menuOpened .sidebarMenu {
  left: 0;
}
.sidebar_menu {
  position: absolute;
  padding-left: 120px;
  width: 100%;
  left: 0;
  top: 251px;
}
.sidebar_menu .mCSB_scrollTools {
  width: 8px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #c89b5a !important;
  border-radius: 0;
}
.sidebar_menu ul {
  margin: 0;
  padding: 0;
}
.sidebar_menu ul li {
  list-style: none;
  display: block;
  position: relative;
  margin: 0 0 21px;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
}
.sidebar_menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  line-height: 20px;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
.sidebar_menu ul li > a:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 9px;
  height: 9px;
  background: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  content: "";
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar_menu ul li.active > a,
.sidebar_menu ul li:hover > a {
  padding-left: 22px;
}
.sidebar_menu ul li.active > a:before,
.sidebar_menu ul li:hover > a:before {
  visibility: visible;
  opacity: 1;
}
.sidebar_menu ul li > a:after {
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 42px;
  height: 1px;
  background: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  content: "";
  opacity: 0.23;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar_menu ul li.active > a:after,
.sidebar_menu ul li:hover > a:after {
  opacity: 1;
  width: 100%;
}
.sidebar_menu ul ul.sub-menu {
  margin: 0;
  padding: 29px 0 3px;
  display: none;
}
.sidebar_menu ul ul.sub-menu li {
  padding-left: 15px;
}
.sidebar_menu ul ul.sub-menu li:last-child {
  margin-bottom: 10px;
}
.sidebar_menu ul ul.sub-menu li a {
  font-size: 15px;
  display: inline-block;
  text-transform: capitalize;
}
.sidebar_menu ul ul.sub-menu ul li {
  padding-left: 22px;
}
.socials_bottom {
  position: absolute;
  left: 120px;
  bottom: 0;
  padding: 0 0 55px;
  margin: 0 auto;
  text-align: center;
}
.socials_bottom a {
  color: inherit;
  width: 48px;
  height: 48px;
  border: 1px solid #c89b5a;
  line-height: 48px;
  text-align: center;
  display: block;
  font-size: 18px;
  margin-bottom: 14px;
}
.socials_bottom a i {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
}

/*--- Icon Box ---*/
.expCount03 {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #fff;
  padding: 28px 38px 26px;
  text-align: left;
  -webkit-box-shadow: 0px 15px 49px 0px rgba(101, 101, 101, 0.19);
  -moz-box-shadow: 0px 15px 49px 0px rgba(101, 101, 101, 0.19);
  box-shadow: 0px 15px 49px 0px rgba(101, 101, 101, 0.19);
}
.expCount03 h2 {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  font-size: 70px;
  line-height: 1;
  margin: 0;
}
.expCount03 h5 {
  display: inline-block;
  color: #3c3a3a;
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  margin: 0 0 0 15px;
  position: relative;
  top: -5px;
}
.icon_box_04 {
  position: relative;
  padding-left: 107px;
  margin: 45px 0 55px;
}
.icon_box_04 .ibMeta {
  width: 83px;
  height: 83px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  border: 1px solid #e3c18e;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 37px;
  line-height: 88px;
  -webkit-box-shadow: 0px 20px 57px 0px rgba(101, 101, 101, 0.08);
  -moz-box-shadow: 0px 20px 57px 0px rgba(101, 101, 101, 0.08);
  box-shadow: 0px 20px 57px 0px rgba(101, 101, 101, 0.08);
}
.icon_box_04 .ibMeta i {
  color: inherit;
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
}
.icon_box_04 h3 {
  font-size: 19px;
  line-height: 24px;
  color: #222222;
  text-transform: uppercase;
  margin: 0 -10px 8px 0;
}
.icon_box_04 p {
  font-size: 16px;
  line-height: 26px;
  color: #555555;
  margin: 0;
}

/*--- Services ---*/
.service_item_06 {
  position: relative;
  padding: 0 25px;
  margin-bottom: 40px;
}
.service_item_06 h3 {
  font-size: 25px;
  line-height: 30px;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 19px;
}
.service_item_06 h3 a {
  color: inherit;
}
.service_item_06 h3 a:hover {
  color: #c89b5a;
}
.service_item_06 p {
  color: #555555;
  margin: 0;
}
.service_item_06 .ibMeta {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 0 40px;
}
.service_item_06 .ibMeta img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.service_item_06 .ibMeta:before {
  position: absolute;
  left: -15px;
  top: -15px;
  width: calc(100% + 30px);
  height: calc(100% + 30px);
  content: "";
  border-style: dashed;
  border-width: 1px;
  border-color: #c89b5a;
  border-radius: 50%;
}
.service_item_06:hover .ibMeta:before {
  -webkit-animation-duration: 1500ms;
  animation-duration: 1500ms;
  -webkit-animation: rotated 20s infinite linear;
  animation-play-state: running;
  animation: rotated 20s infinite linear;
  animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

/*--- Work Item ---*/
.pricingTab05 {
  position: relative;
  margin: 58px 0 35px;
  padding: 0;
  display: block;
}
.pricingTab05 li {
  list-style: none;
  display: block;
}
.pricingTab05 li a {
  display: inline-block;
  font-size: 18px;
  color: #555555;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Fira Sans", sans-serif;
  height: 49px;
  line-height: 50px;
  position: relative;
  z-index: 2;
  margin: 0 0 1px;
}
.pricingTab05 li a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  content: "";
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pricingTab05 li a:before {
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "\ec64";
  font-family: "themewar" !important;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pricingTab05 li a:hover:before,
.pricingTab05 li a.active:before {
  visibility: visible;
  opacity: 1;
}
.pricingTab05 li a:hover:after,
.pricingTab05 li a.active:after {
  visibility: visible;
  opacity: 1;
}
.pricingTab05 li a:hover,
.pricingTab05 li a.active {
  padding: 0 29px 0 48px;
}
.workItem {
  position: relative;
}
.workInfo {
  position: relative;
  background: url(../images/bg/30.jpg) no-repeat center center / cover;
  border-radius: 3px;
  margin-right: 19px;
  padding: 47px 42px 58px;
}
.workInfo:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: rgba(23, 23, 23, 0.93);
  border-radius: 3px;
}
.workInfo ul {
  margin: 0;
  padding: 0;
}
.workInfo ul li {
  list-style: none;
  display: block;
  position: relative;
  z-index: 2;
  font-family: "Fira Sans", sans-serif;
  font-size: 19px;
  line-height: 33px;
  color: #a1a1a1;
  font-weight: 600;
}
.workInfo ul li span {
  display: inline-block;
  color: #fff;
}
.wiborder {
  display: block;
  width: calc(100% + 84px);
  height: 1px;
  background: #2f2f2f;
  margin-left: -42px;
  margin-top: 34px;
  margin-bottom: 35px;
}
.workInfo p {
  color: #cccccc;
  position: relative;
  z-index: 2;
  margin: 0 0 48px;
}
.workInfo .btn05 {
  height: 57px;
  line-height: 57px;
  font-size: 13px;
  padding: 0 26px;
}
.workInfo .btn05:hover {
  color: #202020;
}
.workInfo .btn05 .bp-shape {
  background: #fff;
}
.workInfo:before {
  position: absolute;
  right: -105px;
  top: 83px;
  width: 175px;
  height: 2px;
  background: #c89b5a;
  content: "";
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.workSlider.owl-carousel .active .workInfo:before {
  right: -145px;
  opacity: 1;
}
.workSlider.owl-carousel {
  position: relative;
}
.workImage {
  position: relative;
  margin: 0 0 0 30px;
}
.workSlider.owl-carousel .workImage img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.workSlider.owl-carousel {
  margin-top: -412px;
}
.workSlider.owl-carousel .workInfo {
  margin-top: 397px;
}
.workSlider.owl-carousel .owl-nav {
  text-align: center;
  max-width: 864px;
  margin-left: auto;
  margin-top: -215px;
  margin-bottom: 215px;
  position: relative;
  z-index: 2;
}
.workSlider.owl-carousel .owl-nav button {
  margin: 0;
  width: 70px;
  height: 57px;
  background: transparent;
  border-radius: 3px;
  line-height: 63px;
  text-align: center;
  font-size: 36px;
  color: #242424;
  position: relative;
  z-index: 2;
  margin: 0 1px;
}
.workSlider.owl-carousel .owl-nav button:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 3px;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.workSlider.owl-carousel .owl-nav button.owl-next:after,
.workSlider.owl-carousel .owl-nav button:hover:after {
  width: 100%;
}
@media (min-width: 1440px) {
  .container.cusContainer {
    max-width: 1525px;
    padding-left: 155px;
  }
}

/*--- Portfolio ---*/
.folioSlider02.owl-carousel {
  position: relative;
  overflow: hidden;
}
.folioSlider02.owl-carousel .folioItem04 img {
  width: 100%;
  height: auto;
  display: inline-block;
}
.folioItem04 {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folioItem04:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  background: rgba(29, 29, 28, 0.91);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folioItem04:hover:after {
  visibility: visible;
  opacity: 1;
}
.folioItem04:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  border: 3px solid #c89b5a;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folioItem04:hover:before {
  visibility: visible;
  opacity: 1;
}
.folioHover04 {
  padding: 0 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.folioItem04:hover .folioHover04 {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.folioHover04 h4 {
  font-size: 35px;
  line-height: 40px;
  color: #ffffff;
  margin: 0 0 13px;
}
.folioHover04 h4 a {
  color: inherit;
}
.folioHover04 h4 a:hover {
  color: #c89b5a;
}
.folioHover04 p {
  font-size: 15px;
  line-height: 26px;
  color: #cccccc;
  margin: 0 0 25px;
}
.folioHover04 ul {
  margin: 0 0 48px;
  padding: 0;
}
.folioHover04 ul li {
  list-style: none;
  display: block;
  position: relative;
  padding-left: 16px;
  font-size: 15px;
  line-height: 30px;
  color: #a1a1a1;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
}
.folioHover04 ul li:after {
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  background: #c89b5a;
  content: "";
}
.folioHover04 ul li span {
  color: #fff;
}
.folioHover04 .btn05 {
  height: 57px;
  line-height: 57px;
  font-size: 13px;
  padding: 0 26px;
}
.folioSlider02.owl-carousel .owl-nav {
  width: 100%;
}
.folioSlider02.owl-carousel .owl-nav button {
  position: absolute;
  left: 17px;
  top: 50%;
  text-align: center;
  z-index: 5;
  font-size: 36px;
  line-height: 63px;
  width: 70px;
  height: 57px;
  background: #fff;
  color: #020202;
  border: none;
  outline: none;
  z-index: 1;
  border-radius: 3px;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioSlider02.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 17px;
}
.folioSlider02.owl-carousel .owl-nav button:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  content: "";
  z-index: -1;
  border-radius: 3px;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folioSlider02.owl-carousel .owl-nav button:hover:after {
  width: 100%;
  height: 100%;
}

/*--- Team Member ---*/
.team_05 {
  position: relative;
  margin: 0 0 30px;
}
.team_05 img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.team_05:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  border-radius: 3px;
  background: rgba(39, 39, 39, 0.6);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.team_05:hover:after {
  visibility: visible;
  opacity: 1;
}
.tmcontent02 {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 49%;
  transform: translateY(-50%) scale(0.8);
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.team_05:hover .tmcontent02 {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.tmcontent02 h3 {
  font-size: 25px;
  line-height: 30px;
  color: #ffffff;
  margin: 0 0 0;
}
.tmcontent02 h3 a {
  color: inherit;
}
.tmcontent02 h3 a:hover {
  color: #c89b5a;
}
.tmcontent02 p {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
}
.team_05 .tm_social {
  top: 70%;
}
.team_05 .tm_social a {
  color: #ffffff;
  font-size: 17px;
  margin: 0 6px;
}
.team_05 .tm_social a i {
  font-size: inherit;
  margin: 0;
}
.team_05 .tm_social a:hover {
  color: #c89b5a;
}
.team_05:hover .tm_social a {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

/*--- Skills ---*/
.skrItem02 {
  position: relative;
  margin-bottom: 52px;
}
.circle-skill02 {
  display: inline-block;
  position: relative;
  margin-bottom: 6px;
}
.circle-skill02 strong {
  position: absolute;
  left: 0;
  top: 47%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 0.8;
  color: #7c7c7c;
  display: block;
}
.skrItem02 h5 {
  color: #333333;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0;
}

/*--- Testimonial ---*/
.testimonial_slider05 {
  position: relative;
  padding: 54px 0 0;
}
.testiItem05 {
  position: relative;
  padding: 0 0 0 195px;
}
.testiItem05 .quote {
  position: absolute;
  z-index: -1;
  right: auto;
  left: 0;
  top: 0;
  width: 171px;
  height: 149px;
}
.testiItem05 .quote img {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 0;
  top: 0;
}
.testiItem05 .quatation {
  color: #555555;
  margin: 0 0 25px;
}
.ti_author {
  position: relative;
  padding-left: 104px;
  padding-top: 14px;
  margin: 0 0 40px -6px;
}
.ti_author img {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  border: 6px solid #fff;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(101 101 101 / 19%);
  -moz-box-shadow: 0px 15px 30px 0px rgba(101, 101, 101, 0.19);
  box-shadow: 0px 15px 30px 0px rgb(101 101 101 / 19%);
}
.ti_author h5 {
  font-size: 22px;
  line-height: 29px;
  color: #382c4d;
  font-weight: 600;
  margin: 0;
}
.ti_author h5 span {
  display: block;
  font-size: 15px;
  color: #c89b5a;
  font-weight: 400;
}

.testibgThumb {
  position: absolute;
  left: 0;
  bottom: -79px;
  padding: 40px;
  border: 2px solid #e5e6fa;
  border-radius: 50%;
}
.testibgThumb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #e5e6fa;
}

.testimonial_slider05 .carousel-indicators {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 2;
}
.testimonial_slider05 .carousel-indicators li {
  height: 124px;
  width: 124px;
  border: 6px solid #fff;
  -webkit-box-shadow: 0px 45px 45px 0px rgba(147, 147, 147, 0.35);
  -moz-box-shadow: 0px 45px 45px 0px rgba(147, 147, 147, 0.35);
  box-shadow: 0px 45px 45px 0px rgba(147, 147, 147, 0.35);
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
  text-indent: 0;
  opacity: 1;
  position: absolute;
  left: 16px;
  top: -214px;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
}
.testimonial_slider05 .carousel-indicators li:nth-child(2) {
  width: 98px;
  height: 98px;
  left: 50%;
  top: -152px;
}
.testimonial_slider05 .carousel-indicators li:nth-child(3) {
  width: 68px;
  height: 68px;
  left: 31%;
  top: 185px;
}
.testimonial_slider05 .carousel-indicators li:nth-child(4) {
  width: 134px;
  height: 134px;
  left: auto;
  right: 27px;
  top: 133px;
}
.testimonial_slider05 .ccnav {
  margin: 0;
  width: 70px;
  height: 57px;
  background: transparent;
  border-radius: 3px;
  line-height: 63px;
  text-align: center;
  font-size: 36px;
  color: #242424;
  z-index: 2;
  margin: 0;
  opacity: 1;
  position: absolute;
  left: 37.5%;
  bottom: -122px;
  top: auto;
  display: block;
}
.testimonial_slider05 .carousel-control-next {
  left: calc(37.5% + 80px);
}
.testimonial_slider05 .carousel-control-prev {
}
.testimonial_slider05 .ccnav:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 3px;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.testimonial_slider05 .ccnav.carousel-control-next:after,
.testimonial_slider05 .ccnav:hover:after {
  width: 100%;
}
.testimonial_slider05 .carousel-indicators li img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/*--- Client Logo ---*/
.client-slider02.owl-carousel {
  position: relative;
}
.client-slider02.owl-carousel a {
  display: inline-block;
  text-align: center;
}
.client-slider02.owl-carousel a img {
  height: auto;
  width: 165px;
}
.client-slider02.owl-carousel .owl-item {
  text-align: center;
}

/*--- Blog Item ---*/
.blogSlider02.owl-carousel .owl-stage-outer {
  height: calc(100% + 40px);
  margin: -20px;
  padding: 20px;
  width: calc(100% + 40px);
}
.blogItem04 {
  position: relative;
  margin: 0 0 106px;
  background: #f6f6f6;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.blogItem04:hover {
  background: #fff;
  -webkit-box-shadow: 0px 34px 30px 0px rgba(135, 153, 163, 0.3);
  -moz-box-shadow: 0px 34px 30px 0px rgba(135, 153, 163, 0.3);
  box-shadow: 0px 34px 30px 0px rgba(135, 153, 163, 0.3);
}
.blogItem04 img {
  width: 100%;
  height: auto;
}
.blogContent03 {
  position: relative;
  padding: 34px 65px 45px 40px;
}
.blogContent03 h3 {
  font-size: 20px;
  line-height: 30px;
  color: #252525;
  margin: 0 0 6px;
}
.blogContent03 h3 a {
  color: inherit;
}
.blogContent03 h3 a:hover {
  color: #8799a3;
}
.blogContent03 .bmeta {
  color: inherit;
  font-size: 14px;
  margin: 0 0 17px;
}
.blogContent03 .bmeta a {
  color: inherit;
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
}
.blogContent03 .bmeta i {
  font-size: 15px;
  margin-right: 6px;
}
.blogContent03 .bmeta span {
  color: #bbc7cd;
  margin-left: 30px;
}
.blogContent03 p {
  font-size: 17px;
  color: #555555;
  margin: 0;
}
.blogSlider02.owl-carousel .owl-nav {
  position: relative;
  text-align: center;
}
.blogSlider02.owl-carousel .owl-nav button {
  margin: 0;
  width: 70px;
  height: 57px;
  background: transparent;
  border-radius: 3px;
  line-height: 63px;
  text-align: center;
  font-size: 36px;
  color: #242424;
  position: relative;
  z-index: 2;
  margin: 0 1px;
}
.blogSlider02.owl-carousel .owl-nav button:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 3px;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.blogSlider02.owl-carousel .owl-nav button.owl-next:after,
.blogSlider02.owl-carousel .owl-nav button:hover:after {
  width: 100%;
}

/*--- Gallery ---*/
.gallerySlider.owl-carousel {
  position: relative;
  overflow: hidden;
}
.gallerItem {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    to left,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  margin: 0;
}
.gallerItem img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1;
  mix-blend-mode: unset;
  transition: all ease 750ms;
  -moz-transition: all ease 750ms;
  -webkit-transition: all ease 750ms;
}
.galleryItem_btn {
  position: absolute;
  height: 45px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.galleryItem_btn a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  background: #fff;
  font-size: 16px;
  text-align: center;
  color: #c89b5a;
  padding: 0 0;
  margin: 0 3px;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
}
.galleryItem_btn a:hover {
  background: #c89b5a;
  color: #fff;
}
.galleryItem_btn a:nth-child(01) {
  -webkit-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  -moz-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  -ms-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  -o-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  transform: translate3d(0, 90px, 0);
  -moz-transform: translate3d(0, 90px, 0);
  -webkit-transform: translate3d(0, 90px, 0);
  -ms-transform: translate3d(0, 90px, 0);
  -o-transform: translate3d(0, 90px, 0);
}
.galleryItem_btn a:nth-child(02) {
  -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  -moz-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  -ms-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  -o-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms;
  transform: translate3d(0, 90px, 0);
  -moz-transform: translate3d(0, 90px, 0);
  -webkit-transform: translate3d(0, 90px, 0);
  -ms-transform: translate3d(0, 90px, 0);
  -o-transform: translate3d(0, 90px, 0);
}
.gallerItem:hover img {
  opacity: 0.95;
  mix-blend-mode: luminosity;
  transform: scale(1.2) rotate(-3deg);
  -moz-transform: scale(1.2) rotate(-3deg);
  -webkit-transform: scale(1.2) rotate(-3deg);
}
.gallerItem:hover .galleryItem_btn a:nth-child(01),
.gallerItem:hover .galleryItem_btn a:nth-child(02) {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

/*--- Footer ---*/
.fcta02 {
  position: relative;
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  padding: 0 0 30px;
  margin-bottom: 42px;
}
.fcta02 img {
  max-width: 100%;
  height: auto;
}
.fsocial {
  position: relative;
  text-align: right;
  padding: 17px 0 0;
}
.fsocial a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #192947;
  color: #c2c2c2;
  line-height: 35px;
  font-size: 14px;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-left: 10px;
}
.fsocial a:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  content: "";
  z-index: -1;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fsocial a:hover:after {
  width: 100%;
  height: 100%;
}
.fsocial a:hover {
  color: #fff;
}
.footer_05 {
  position: relative;
  background: #0a111f;
  padding: 31px 0 0;
}
.footer_05 .aboutWidget04 h4 {
  font-weight: 700;
  letter-spacing: 0.22px;
  margin-bottom: 18px;
}
.footer_05 .aboutWidget04 p {
  font-size: 16px;
  line-height: 24px;
  color: #c2c2c2;
  letter-spacing: 0.16px;
}
.widget_title04 {
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.2px;
  font-weight: 700;
  margin: 0 0 30px;
}
.widget.wmenu04 ul.menu {
}
.widget.wmenu04 ul.menu li {
  font-size: 15px;
  line-height: 24px;
  color: #c2c2c2;
  letter-spacing: 0.15px;
  margin-bottom: 3px;
}
.widget.wmenu04 ul.menu li:hover a {
  color: #c89b5a;
}
.withIcon {
  position: relative;
  font-size: 14px;
  color: #c2c2c2;
  margin: -18px 0 12px;
}
.withIcon i {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 19px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    to right,
    #c89b5a,
    #d0a568,
    #d7af76,
    #dfba85,
    #e6c493
  );
}
.withIcon span {
  display: inline-block;
  margin: 0 16px;
  color: inherit;
  font-weight: inherit;
}
.footer_05 .Copyright {
  border-top: 1px solid rgba(112, 112, 112, 0.1);
  color: #c2c2c2;
  font-weight: 500;
  letter-spacing: 0.15px;
  padding: 22px 0;
  margin-top: 21px;
}
.footer_05 .Copyright a {
  color: inherit;
}
.footer_05 .Copyright a:hover {
  color: #c89b5a;
}

/*------------------------------------------------------
/ 6. Home Page 06
/------------------------------------------------------*/
/*--- Header 06 ---*/
.tp03.topbar01 p i {
  color: var(--theme-color-six);
}
.tp03.topbar01 p a:hover {
  color: var(--theme-color-six);
}
.tp03 .topsocial a {
  color: var(--theme-color-six);
}
.tp03 .topsocial a:hover {
  background: var(--theme-color-six);
  color: #fff;
}
.h06 .mainMenu ul li:hover > a {
  color: var(--theme-color-six);
}
.h06 .mainMenu ul li .sub-menu li.current-menu-item > a,
.h06 .mainMenu ul li .sub-menu li:hover > a {
  color: #fff;
  background: var(--theme-color-six);
}
.h06 .accessNav .search_btn:hover {
  background: var(--theme-color-six);
}
.h06 .shoping_cart a.cartBtn:hover {
  background: var(--theme-color-six);
}
.h06 .accessNav .berpo_btn {
  background: var(--theme-color-six);
}
.h06 .mainMenu ul li .sub-menu {
  border-color: var(--theme-color-six);
}
.h06 .showcase h5 span {
  color: var(--theme-color-six);
}

/*--- About Video ---*/
.videoBG {
  position: relative;
}
.videoBG img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}
.videoBG .popup_video {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 39px;
  height: 39px;
  line-height: 39px;
  color: #fff;
  font-size: 10px;
  background: var(--theme-color-six);
}
.videoBG .popup_video:hover {
  background: #382c4d;
}
.videoBG .popup_video:after {
  display: none;
}
.videoBG .popup_video:before {
  border: none;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  left: -8px;
  right: 0;
  top: -8px;
  z-index: -1;
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  content: "";
  transform: none;
  border-radius: 50%;
  animation-fill-mode: both;
  animation: blinker 1.5s ease-in-out infinite;
  -webkit-animation: blinker 1.5s ease-in-out infinite;
  -moz-animation: blinker 1.5s ease-in-out infinite;
}

/*--- Service Item ---*/
.service_item_07 {
  position: relative;
  z-index: 2;
  border-radius: 10px;
  margin: 0 8px 40px;
  padding: 65px 15px 44px;
  border: 1px solid #e8e8e8;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service_item_07:hover {
  border-color: transparent;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
.service_item_07:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 185, 255, 1);
  -moz-box-shadow: 0px 4px 0px 0px rgba(0, 185, 255, 1);
  box-shadow: 0px 4px 0px 0px rgba(0, 185, 255, 1);
}
.service_item_07:hover:after {
  visibility: visible;
  opacity: 1;
}
.service_item_07 .ibMeta {
  font-size: 71px;
  line-height: 71px;
  color: var(--theme-color-six);
  margin: 0 0 50px;
}
.service_item_07 h3 {
  color: #382c4d;
  font-size: 24px;
  line-height: 30px;
  font-weight: 800;
  margin: 0 0 7px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service_item_07 h3 a {
  color: inherit;
}
.service_item_07 h3 a:hover {
  color: var(--theme-color-six);
}
.service_item_07 h5 {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--theme-color-six);
  margin: 0 0 23px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service_item_07 p {
  color: #5f5f5f;
  line-height: 30px;
  margin: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.service_item_07 .srm {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  background: var(--theme-color-six);
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, -15px, 0);
  -moz-transform: translate3d(0, -15px, 0);
  -webkit-transform: translate3d(0, -15px, 0);
}
.service_item_07:hover .srm {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.service_item_07 .srm:hover {
  background: #382c4d;
}
.service_item_07:hover h3,
.service_item_07:hover h5,
.service_item_07:hover p {
  transform: translate3d(0, -25px, 0);
  -moz-transform: translate3d(0, -25px, 0);
  -webkit-transform: translate3d(0, -25px, 0);
}

/*--- Pricing Table ---*/

.pricing-item-04 {
  position: relative;
  padding: 70px 31px 50px;
}
.pricing-item-04 .p-title {
  position: relative;
  z-index: 2;
  font-size: 30px;
  color: #382c4d;
  font-weight: 600;
  margin: 0 0 40px;
  display: inline-block;
}
.pricing-item-04 .p-title:after {
  content: "";
  position: absolute;
  left: -5px;
  right: 0;
  bottom: 6px;
  height: 9px;
  z-index: -1;
  border-radius: 5px;
  width: calc(100% + 10px);
  background: #fdecd8;
}
.pricing-item-04 .p-price {
  font-size: 65.69px;
  color: #382c4d;
  font-weight: 600;
  letter-spacing: -1.3px;
  margin: 0 0 24px;
}
.pricing-item-04 .p-price sup {
  font-size: inherit;
  margin: 0;
  top: 20px;
}
.pricing-item-04 h5 {
  font-size: 18px;
  color: #382c4d;
  font-weight: 400;
  margin: 0 0 31px;
}
.pricing-item-04 .pdivider {
  border-top: 1px solid #ededed;
  margin: 0 0 33px;
  max-width: 298px;
}
.pricing-item-04 ul {
  margin: 0 0 23px;
  padding: 0;
}
.pricing-item-04 ul li {
  display: block;
  font-size: 19px;
  color: #382c4d;
  font-family: "Fira Sans", sans-serif;
  margin-bottom: 13px;
}
.pricing-item-04 ul li:last-child {
  border: none;
}
.pricing-item-04 ul li i {
  color: #ff5337;
  font-size: 16px;
  display: inline-block;
  margin-right: 12px;
}

/*--- Testimonial ---*/
.testimonial_slider06 {
  position: relative;
}
.testimonial_slider06 img {
  max-width: 100%;
  height: auto;
}
.testiContent {
  position: relative;
  padding: 244px 0 0 20px;
}
.testiContent .subTitle {
  color: var(--theme-color-six);
  font-weight: 600;
  margin-bottom: 8px;
}
.testiContent .secTitle {
  color: #382c4d;
  font-size: 45px;
  line-height: 60px;
  font-weight: 600;
  margin: 0 0 22px;
}
.testiContent .quotation {
  font-size: 18px;
  line-height: 28px;
  color: #5f5f5f;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 44px;
}
.testiContent h5 {
  color: var(--theme-color-six);
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 0;
}
.testiContent h5 span {
  display: block;
  color: #382c4d;
  font-weight: 600;
  font-size: 20px;
}

/*--- Business Startegy ---*/
.abImg {
  position: relative;
  overflow: hidden;
}
.abImg img {
  height: auto;
  width: auto;
}
.withborder {
  width: 171px;
  height: 1px;
  background: var(--theme-color-six);
  position: absolute;
  left: -42px;
  top: 137px;
  z-index: 2;
}
.icon_box_05 {
  position: relative;
  margin: 0 0 49px;
}
.icon_box_05 .ibMeta {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  font-size: 30px;
  line-height: 60px;
  color: #545cf5;
  margin: 0 0 27px;
}
.icon_box_05 h3 {
  font-size: 20px;
  line-height: 25px;
  color: #ffffff;
  margin: 0 0 8px;
}
.icon_box_05 p {
  font-size: 16px;
  line-height: 25px;
  color: #cfcfcf;
  margin: 0;
}

/*--- Work Item ---*/
.filter_menu03 {
  position: relative;
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  justify-content: center;
  font-family: "Fira Sans", sans-serif;
}
.filter_menu03.text-center {
  justify-content: center;
}
.filter_menu03.text-right {
  justify-content: flex-end;
}
.filter_menu03 li {
  cursor: pointer;
  list-style: none;
  display: inline-block;
  font-size: 15px;
  color: #000000;
  line-height: 32px;
  padding: 0;
  margin: 0 12px;
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter_menu03 li span {
  color: #dedede;
  font-size: 9px;
  position: relative;
  top: -5px;
  left: 7px;
  line-height: 0.9;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter_menu03 li.active,
.filter_menu03 li:hover {
  color: var(--theme-color-six);
}
.filter_menu03 li.active span,
.filter_menu03 li:hover span {
  color: var(--theme-color-six);
}
/*.cusCol .col-lg-8{
    -ms-flex: 0 0 61.666667%;
    flex: 0 0 61.666667%;
    max-width: 61.666667%;
}
.cusCol .col-lg-4{
    -ms-flex: 0 0 38.333333%;
    flex: 0 0 38.333333%;
    max-width: 38.333333%;
}*/
.folioItem05 {
  position: relative;
  overflow: hidden;
  background: var(--theme-color-six);
  margin: 0 5.5px 10px;
}
.folioItem05 img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioItem05:hover img {
  opacity: 0.27;
}
.folioItem05:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioItem05:hover:after {
  visibility: visible;
  opacity: 1;
}
.folioHover05 {
  font-family: "Fira Sans", sans-serif;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 0 15px;
  z-index: 2;
}
.folioHover05 .crm {
  position: relative;
  right: auto;
  display: inline-block;
  background: #3d334c;
  width: 61px;
  height: 61px;
  border-radius: 50%;
  text-align: center;
  font-size: 17.94px;
  color: #fff;
  line-height: 62px;
  margin: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioHover05 .crm:hover {
  background: #fff;
  color: #3d334c;
}
.folioHover05 h4 {
  font-size: 40px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 600;
  margin: 0 auto 24px;
  letter-spacing: -1.6px;
  max-width: 390px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.folioHover05 h4 a {
  color: inherit;
}
.folioHover05 h4 a:hover {
  color: #fff;
  /* color: #3d334c; */
}
.folioHover05 p {
  font-size: 17px;
  color: #ffffff;
  margin: 0 0 2px;
  transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.folioHover05 p a {
  color: inherit;
}
.folioHover05 p a:hover {
  color: #fff;
  /* color: #3d334c; */
}
.folioItem05:hover .folioHover05 .crm {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
.folioItem05:hover .folioHover05 h4 {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}
.folioItem05:hover .folioHover05 p {
  transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

/*--- Store Btn ---*/
.storeBtn {
  position: relative;
}
.storeBtn {
  position: relative;
  display: inline-block;
  height: 64px;
  line-height: 0.8;
  background: #4a4a4a;
  border-radius: 50px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  padding: 17px 40px 0 72px;
  -webkit-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
  -moz-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
  box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
}
.storeBtn img {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 34px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.storeBtn span {
  font-size: 10px;
  font-weight: 400;
  display: block;
  margin-bottom: 7px;
}
.storeBtn:hover {
  background: #fff;
  color: #1d2a3b;
}
.storeBtn:last-child {
  background: #fff;
  color: #1d2a3b;
  margin-left: 12px;
}
.storeBtn:hover:last-child {
  background: #4a4a4a;
  color: #fff;
}

/*--- Team Member ---*/
.tmSlider04.owl-carousel {
  position: relative;
  margin-left: 5px;
}
.team_06 {
  position: relative;
  margin: 0 0 38px;
  border-radius: 10px;
  background: var(--theme-color-six);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.tmSlider04.owl-carousel .team_06 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.team_06:hover img {
  opacity: 0.14;
}
.tmcontent03 {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 51%;
  transform: translateY(-50%);
  z-index: 3;
}
.tmcontent03 h3 {
  font-size: 28px;
  line-height: 33px;
  color: #ffffff;
  font-weight: 600;
  margin: 0 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
  transform: translate3d(-20px, 0, 0);
  -moz-transform: translate3d(-20px, 0, 0);
  -webkit-transform: translate3d(-20px, 0, 0);
}
.tmcontent03 h3 a {
  color: inherit;
}
.tmcontent03 h3 a:hover {
  color: #382c4d;
}
.tmcontent03 p {
  font-size: 16.81px;
  line-height: 25px;
  color: #ffffff;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
  transform: translate3d(20px, 0, 0);
  -moz-transform: translate3d(20px, 0, 0);
  -webkit-transform: translate3d(20px, 0, 0);
}
.team_06:hover .tmcontent03 p {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.team_06:hover .tmcontent03 h3 {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.team_06 .tm_social {
  top: 67%;
}
.team_06 .tm_social a {
  color: #ffffff;
  font-size: 21px;
  margin: 0 23px;
}
.team_06 .tm_social a i {
  font-size: inherit;
  margin: 0;
}
.team_06 .tm_social a:hover {
  color: #382c4d;
}
.team_06:hover .tm_social a {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.tmSlider04.owl-carousel .owl-dots {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}
.tmSlider04.owl-carousel .owl-dots button span {
  display: none;
}
.tmSlider04.owl-carousel .owl-dots button {
  width: 7px;
  height: 7px;
  background: #9c9c9c;
  border-radius: 50%;
  margin: 0 14px;
  position: relative;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.tmSlider04.owl-carousel .owl-dots button:after {
  position: absolute;
  left: -10px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  content: "";
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
  border: 2px solid var(--theme-color-six);
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.tmSlider04.owl-carousel .owl-dots button.active:after,
.tmSlider04.owl-carousel .owl-dots button:hover:after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.tmSlider04.owl-carousel .owl-dots button.active,
.tmSlider04.owl-carousel .owl-dots button:hover {
  background: var(--theme-color-six);
}
.tmCon {
  position: relative;
  padding: 123px 0 0 33px;
}
.tmCon > h5 {
  font-size: 35px;
  line-height: 44px;
  color: #382c4d;
  margin: 0 0 16px;
}
.tmCon p {
  margin: 0 0 33px;
}
.tmCon .twiiterFedd i {
  width: 46px;
  height: 46px;
  background: #f7f7f7;
  border-radius: 50%;
  line-height: 46px;
  color: var(--theme-color-six);
  font-size: 16px;
  top: -2px;
}
.tmCon .twiiterFedd h5 {
  color: #000000;
  font-weight: 700;
  line-height: 21px;
}
.tmCon .twiiterFedd h5 span {
  font-size: 12px;
  color: inherit;
  font-weight: 500;
}

/*--- Funfact ---*/
.funfact04 {
  position: relative;
  padding-left: 80px;
}
.funfact04 .factThumb {
  width: 62px;
  height: 62px;
  line-height: 60px;
  position: absolute;
  left: 0;
  top: -1px;
}
.funfact04 .factThumb img {
  height: 43px;
}
.funfact04 h2 {
  color: #ffffff;
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  margin: 0 0 4px;
}
.funfact03 h2 sup {
  font-size: inherit;
  top: -2px;
  font-style: normal;
}
.funfact04 h5 {
  color: #b4b4b4;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}

/*--- Blog Item ---*/
.blogItem05 {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 50px;
}
.blogItem05 .blogThumb img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.blogContent04 {
  position: relative;
  padding: 0 0 34px 30px;
  margin-top: -22px;
}
.blogContent04 .bmeta {
  height: 47px;
  font-family: "Fira Sans", sans-serif;
  background: var(--theme-color-six);
  line-height: 48px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 14px -9px;
  border-radius: 50px;
  padding: 0 22px;
}
.blogContent04 .bmeta i {
  color: inherit;
  font-size: inherit;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.blogContent04 .bmeta:hover {
  background: #382c4d;
}
.blogContent04 h3 {
  font-size: 25px;
  line-height: 32px;
  color: #382c4d;
  font-weight: 600;
  margin: 0 0 6px;
}
.blogContent04 h3 a {
  color: inherit;
}
.blogContent04 h3 a:hover {
  color: var(--theme-color-six);
}
.blogContent04 .rmb {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background: #f5f5f5;
  line-height: 42px;
  font-size: 16px;
  color: #382c4d;
  position: absolute;
  left: 140px;
  bottom: -22px;
  z-index: 2;
}
.blogContent04 .rmb:hover {
  background: var(--theme-color-six);
  color: #fff;
}
.blogItem05:after {
  position: absolute;
  width: 88px;
  height: 1px;
  content: "";
  background: #fff;
  left: 118px;
  bottom: -1px;
}

/*------------------------------------------------------
/ 7. Home Page 07
/------------------------------------------------------*/
/*--- Header 07 ---*/

.tp04.topbar01 p {
  color: #242f51;
}
.tp04.topbar01 p i {
  background: transparent;
}
.tp04 .topsocial a {
  background: transparent;
}
.tp04 .topsocial a:hover {
  color: var(--theme-color);
}
.h07 .navbar01 {
  -webkit-box-shadow: -2px 4px 43px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -2px 4px 43px 0px rgba(0, 0, 0, 0.14);
  box-shadow: -2px 4px 43px 0px rgba(0, 0, 0, 0.14);
}

/*--- Serice Item ---*/
.service_item_08 {
  position: relative;
  background: #fff;
  border-radius: 10px;
  margin: 0 0 50px;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.serviceSlider03.owl-carousel .siThumb img {
  width: 100%;
  height: auto;
  border-radius: 0 0 5px 5px;
}
.service_item_08 h3 {
  color: #181818;
  font-size: 17.14px;
  line-height: 24px;
  margin: 18px 21px 10px;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.service_item_08 h3 i {
  width: 49px;
  height: 49px;
  background: #e3e3e3;
  line-height: 49px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: #000;
  font-size: 26px;
  margin-right: 10px;
  top: 4px;
  position: relative;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.service_item_08 h3 a {
  color: inherit;
}
.service_item_08 .srm {
  height: 47px;
  position: absolute;
  left: 17px;
  bottom: 0;
  width: calc(100% - 34px);
  background: var(--theme-color);
  font-size: 13px;
  color: #ffffff;
  font-weight: 700;
  line-height: 47px;
  text-align: center;
  display: block;
  border-radius: 0 0 10px 10px;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.service_item_08:hover {
  background: var(--theme-color);
}
.service_item_08:hover h3 {
  color: #fff;
}
.service_item_08:hover h3 i {
  color: #fff;
  background: #980000;
}
.service_item_08:hover .srm {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 47px, 0);
  -moz-transform: translate3d(0, 47px, 0);
  -webkit-transform: translate3d(0, 47px, 0);
}
.service_item_08 .srm:hover {
  color: #181818;
}
.serviceSlider03.owl-carousel {
  position: relative;
}
.serviceSlider03.owl-carousel .owl-nav {
  width: 100%;
}
.serviceSlider03.owl-carousel .owl-nav button {
  position: absolute;
  left: -118px;
  top: 42%;
  text-align: center;
  z-index: 5;
  font-size: 24px;
  line-height: 73px;
  width: 73px;
  height: 73px;
  background: #f4f4f4;
  color: #0d0d0d;
  border: none;
  outline: none;
  border-radius: 50%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.serviceSlider03.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -118px;
  top: 54%;
}
.serviceSlider03.owl-carousel .owl-nav button:hover {
  background: var(--theme-color);
  color: #fff;
}

/*--- Funfact ---*/
.abCon7 .funfact04 {
  padding-left: 47px;
}
.abCon7 .funfact04 .factThumb {
  height: auto;
  width: auto;
  background: transparent;
  line-height: inherit;
  border-radius: 0;
  margin: 0;
}
.abCon7 .funfact04 .factThumb img {
  height: 32px;
}
.abCon7 .funfact04 h2 {
  color: #000000;
  font-size: 38.93px;
  font-weight: 700;
  margin-bottom: 13px;
}
.abCon7 .funfact04 h5 {
  color: #000000;
  font-size: 18px;
  line-height: 20px;
}
.abCon7 .funfact04 h2 sup {
  font-size: inherit;
  top: -2px;
  font-style: normal;
}
.abDivider {
  position: relative;
  border-top: 3px solid #ededed;
  margin: 67px 0 46px;
}

/*--- Image Box ---*/
.imageBox {
  position: relative;
  background: #fff;
  border-radius: 7px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.imageBox img {
  height: 155px;
  width: auto;
  border-radius: 7px 0 0 7px;
}
.imageBox p {
  font-size: 18px;
  line-height: 26px;
  color: #26263e;
  letter-spacing: -0.36px;
  margin: 0 27px 0 30px;
}

/*--- Service Item ---*/
.service_item_09 {
  position: relative;
  margin-right: 13px;
  border-radius: 10px;
  margin-bottom: 42px;
  padding: 63px 58px 42px 220px;
  background: url(../images/bg/12.png) no-repeat left top #fff;
  -webkit-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
}
.service_item_09.ml13 {
  margin-right: 0;
  margin-left: 13px;
}
.service_item_09 .ibMeta {
  width: 128px;
  height: 124px;
  position: absolute;
  z-index: 3;
  left: 40px;
  top: 44px;
  background: url(../images/home7/2.png) no-repeat center center / cover;
  font-size: 48px;
  line-height: 128px;
  color: #000000;
}
.service_item_09 .ibMeta i {
  line-height: 1;
  margin-left: 17px;
  margin-top: 50px;
  display: block;
  position: relative;
  z-index: 2;
}
.service_item_09 .ibMeta svg {
  width: 128px;
  height: 124px;
  position: absolute;
  left: 12px;
  top: 12px;
  fill: inherit;
}
.service_item_09 h3 {
  font-size: 28.93px;
  line-height: 35px;
  color: #444444;
  font-weight: 800;
  margin: 0 0 4px;
}
.service_item_09 h3 a {
  color: inherit;
}
.service_item_09 h3 a:hover {
  color: var(--theme-color);
}
.service_item_09 p {
  font-size: 17.56px;
  line-height: 26.86px;
  color: #666666;
  margin-bottom: 27px;
}
.service_item_09 .berpo_btn.with_icon04 {
  height: 53px;
  line-height: 51px;
  border: 2px solid var(--theme-color);
  color: #010101;
  font-size: 13.17px;
  background: transparent;
}
.service_item_09 .berpo_btn.with_icon04 i {
  width: 25px;
  height: 25px;
  background: var(--theme-color);
  font-size: 12px;
  line-height: 26px;
}
.service_item_09 .berpo_btn .bp-shape {
  background: var(--theme-color);
}
.service_item_09 .berpo_btn:hover {
  color: #fff;
}
.service_item_09 .berpo_btn:hover i {
  background: #980000;
  color: #fff;
}

/*--- Tab ---*/
.beproTab03 {
  position: absolute;
  left: -12px;
  top: 30px;
  z-index: 2;
  margin: 0;
  padding: 0;
  display: block;
}
.beproTab03 li {
  list-style: none;
  display: block;
}
.beproTab03 li a {
  display: inline-block;
  height: 65px;
  background: transparent;
  border-radius: 50px;
  font-size: 20px;
  color: #ffffff;
  padding: 0 16px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  line-height: 65px;
  min-width: 280px;
  text-transform: capitalize;
  margin: 0 0 1px;
  position: relative;
}
.beproTab03 li a:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 19px;
  height: 2px;
  background: #fff;
  content: "";
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.beproTab03 li a i {
  display: inline-block;
  color: #d7d7d7;
  width: 41px;
  height: 41px;
  background: #3d3d3d;
  border-radius: 50%;
  line-height: 41px;
  text-align: center;
  font-size: 16px;
  margin-right: 20px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.beproTab03 li a.active,
.beproTab03 li a:hover {
  color: #fff;
  background: var(--theme-color);
}
.beproTab03 li a.active i,
.beproTab03 li a:hover i {
  color: #fff;
  background: transparent;
}
.beproTab03 li a.active:after,
.beproTab03 li a:hover:after {
  visibility: visible;
  opacity: 1;
  right: 21px;
}
.beproTabCon03 {
  position: relative;
  padding: 0 0 0 223px;
}
.beproTabCon03 img {
  max-width: 100%;
  border-radius: 20px;
}
.insTabCon {
  position: relative;
  padding: 67px 0 0 7px;
}
.tbbar {
  position: absolute;
  left: -79px;
  top: 28px;
  width: 101px;
  height: 2px;
  background: var(--theme-color);
}
.insTabCon .secTitle {
  font-size: 40px;
  font-weight: 800;
  line-height: 40px;
  margin: -5px 0 26px;
}
.insTabCon p {
  font-size: 20px;
  line-height: 30px;
  color: #e6e6e6;
  letter-spacing: -0.4px;
  margin-bottom: 52px;
}
.insTabCon .listItem li {
  font-size: 20px;
  font-weight: 500;
}
.insTabCon .listItem li i {
  color: var(--theme-color);
  margin-right: 13px;
}
.abquote {
  margin-top: 47px;
  left: -190px;
  position: relative;
  background: var(--theme-color);
  font-size: 27px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.56px;
  font-family: "Fira Sans", sans-serif;
  padding: 36px 50px 31px 62px;
  border-radius: 7px;
}

/*--- Folio Item ---*/
.folioItem01.fI01Grid {
  position: relative;
  margin: 0 3px 6px;
}
.folioItem01.fI01Grid .folioHover h4 a:hover {
  color: var(--theme-color);
}
.folioItem01.fI01Grid .folioHover .fm-more {
  background: var(--theme-color);
}
.folioItem01.fI01Grid .folioHover .fm-more:hover {
  background: #26263e;
  color: #fff;
}
.folioItem01.fI01Grid:hover {
  box-shadow: none;
}

/*--- Team ---*/
.tm07.team_04 .tmThumb img {
  border-radius: 15px;
}
.tm07.team_04 .tmcontent {
  position: relative;
  width: calc(100% - 40px);
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 13%);
}
.tm07.team_04 .tmcontent h3 {
  font-size: 27px;
  color: #060606;
  font-weight: 600;
}
.tm07.team_04 .tmcontent p {
  color: #5a5a5a;
  font-size: 17px;
}

/*--- Faq ---*/
.bepAccordion.peracc03 {
  margin: 0 -105px 0 0;
}
.bepAccordion.peracc03 .card {
  box-shadow: none;
  background: transparent;
  padding: 0 0 0;
  margin: 0 0 29px;
}
.bepAccordion.peracc03 .card .card-header h2 button.collapsed {
  color: #292929;
}
.bepAccordion.peracc03 .card .card-header h2 button.collapsed span {
  background: #fff;
}
.bepAccordion.peracc03 .card .card-header h2 button span {
  position: relative;
  right: auto;
  margin: 0 25px 0 0;
  width: 40px;
  height: 40px;
  background: var(--theme-color);
  border-radius: 10px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bepAccordion.peracc03 .card .card-header h2 button.collapsed span:after,
.bepAccordion.peracc03 .card .card-header h2 button.collapsed span:before {
  background: #000;
}
.bepAccordion.peracc03 .card .card-header h2 button span:after,
.bepAccordion.peracc03 .card .card-header h2 button span:before {
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bepAccordion.peracc03 .card .card-header h2 button span:after {
  height: 2px;
  width: 10px;
}
.bepAccordion.peracc03 .card .card-header h2 button span:before {
  width: 2px;
  height: 10px;
}
.bepAccordion.peracc03 .card .card-body {
  font-size: 18px;
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 0 22px 60px;
}
.bepAccordion.peracc03 .card .card-header h2 button {
  color: var(--theme-color);
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -0.48px;
}
.contact_form.contactForm03 {
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.ConCol {
  padding-right: 6px;
  padding-left: 6px;
}
.contact_form.contactForm03 select,
.contact_form.contactForm03 .nice-select,
.contact_form.contactForm03 input {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 12px;
  color: #666666;
  font-style: italic;
  letter-spacing: 0.36px;
  border-radius: 50px;
  margin: 0 0 10px;
}
.contact_form.contactForm03 .nice-select:after {
  font-size: 13px;
  color: #666666;
  font-style: normal;
}
.contact_form.contactForm03 .berpo_btn.with_icon04 {
  height: 50px;
  line-height: 50px;
  background: transparent;
  border: 2px solid #fff;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 0;
  padding: 0 15px;
  width: 184px;
}
.contact_form.contactForm03 .berpo_btn .bp-shape {
  background: #fff;
}
.contact_form.contactForm03 .berpo_btn.with_icon04:hover {
  color: var(--theme-color);
}
.contact_form.contactForm03 .berpo_btn.with_icon04 i {
  width: 24px;
  height: 24px;
  background: #fff;
  background: #fff;
  font-size: 12px;
  line-height: 25px;
  color: #2a2a2a;
  margin-left: 7px;
}
.contact_form.contactForm03 .berpo_btn.with_icon04:hover i {
  background: var(--theme-color);
  color: #fff;
}

input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
input[type="checkbox"] ~ span {
  position: relative;
  padding-left: 28px;
  color: #ffffff;
  font-size: 13px;
  line-height: 29px;
  font-style: italic;
  letter-spacing: 0.39px;
  cursor: pointer;
  display: block;
  margin: 29px 0 0;
}
input[type="checkbox"] ~ span:before {
  content: "";
  font-family: "themewar" !important;
  position: absolute;
  left: 0;
  top: 7px;
  background: #fff;
  height: 16px;
  width: 16px;
  line-height: 17px;
  font-style: normal;
  text-align: center;
  font-size: 10px;
  border-radius: 5px;
}
input[type="checkbox"]:checked ~ span:before {
  content: "\f024";
  color: var(--theme-color);
}

/*--- Blog Item ---*/
.blogItem06 {
  position: relative;
  margin: 0 0 60px;
}
.blogItem06 .blogContent {
  position: relative;
  padding: 103px 40px 0 12px;
}
.blogItem06 .blogContent h3 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #292929;
  letter-spacing: -0.7px;
  margin: 0 0 16px;
}
.blogItem06 .blogContent h3 a:hover {
  color: var(--theme-color);
}
.blogItem06 .blogContent p {
  color: #5f5f5f;
  line-height: 30px;
  margin: 0 0 46px;
}
.blogItem06 .berpo_btn.with_icon {
  padding: 0 34px;
}
.blogItem06 .blogThumb02 {
  position: relative;
  margin: 0 1px;
}
.blogItem06 .blogThumb02 img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.blogItem06 .blogContent .pmeta {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #b7b7b7;
  font-family: "Fira Sans", sans-serif;
  margin: 0 0 18px;
}
.pmeta a {
  display: inline-block;
  color: inherit;
}
.pmeta a.cat {
  text-transform: uppercase;
  color: #1c1c1c;
}
.pmeta a:hover {
  color: var(--theme-color);
}
.blogItem06.bireverse .blogContent {
  padding-right: 40px;
  padding-left: 0;
}

/*--- Testimonial ---*/
.testimonialslider05 {
  position: relative;
  margin: 0 0 0 0;
  padding: 40px 0 22px 0;
}
.testimonialslider05:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 29px);
  height: 100%;
  background: #e8f9fe;
  z-index: 1;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
}
.testimonialslider05 .slick-list {
  z-index: 2;
}
.testiItem06 {
  position: relative;
  margin: 0px 0 0 42px;
  text-align: left;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 33px 0 0;
}
.ti06Inner {
  position: relative;
  padding: 0px 125px 27px 0;
  margin: -4px 57px 0 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #dcdcdc;
}
.testimonialslider05 .slick-active + .slick-active + .slick-active .ti06Inner {
  border-bottom-color: transparent;
}
.testiItem06.slick-slide.slick-current.slick-active .ti06Inner {
  margin-right: 0;
  padding-left: 40px;
  padding-right: 140px;
}
.testiItem06.slick-slide.slick-current.slick-active {
  border-radius: 10px;
  background: #fff;
  margin-right: 0;
  -webkit-box-shadow: -1px 3px 51px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: -1px 3px 51px 0px rgba(0, 0, 0, 0.11);
  box-shadow: -1px 3px 51px 0px rgba(0, 0, 0, 0.11);
}
.testiItem06.slick-slide.slick-current.slick-active .ti06Inner {
  border-bottom-color: transparent;
}
.testiItem06.slick-slide.slick-current.slick-active img {
  right: 30px;
}
.testiItem06:before {
  position: relative;
  display: inline-block;
  content: "“";
  font-size: 42px;
  line-height: 37px;
  text-align: left;
  font-weight: 800;
  color: #000000;
  font-family: "Fira Sans";
}
.testiItem06.slick-slide.slick-current.slick-active:before {
  padding-left: 40px;
}
.testiItem06 img {
  width: 83px;
  height: 83px;
  border-radius: 50%;
  position: absolute;
  right: 9px;
  top: -8px;
}
.testiItem06 h5 {
  font-size: 15px;
  color: #000000;
  line-height: 1;
  margin: 0;
}
.testiItem06 .quotation {
  font-size: 18px;
  line-height: 28px;
  color: #5b5b5b;
  margin: 0 0 10px;
  font-weight: normal;
  font-style: italic;
}

/*--- Award Item ---*/
.awardItem01 {
  position: relative;
  padding: 0 0 27px 163px;
}
.awardItem01 img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 133px;
  height: auto;
}
.awardCon {
  position: relative;
  border-left: 2px solid #e7e7e7;
  padding-left: 30px;
}
.awarName {
  position: relative;
  margin: 0 0 42px;
}
.awarName h5 {
  font-size: 22px;
  color: #000000;
  line-height: 32px;
  letter-spacing: 0.44px;
  margin: 0 0 0;
  position: relative;
  top: -6px;
}
.awarName p {
  color: #999999;
  font-size: 19.32px;
  letter-spacing: 0.4px;
  font-family: "Fira Sans", sans-serif;
  margin: 0;
}

/*--- Client Slider ---*/
.client-slider07.owl-carousel {
  position: relative;
}
.client-slider07.owl-carousel .owl-item {
  text-align: center;
}
.client-slider07.owl-carousel a {
  display: inline-block;
  text-align: center;
}
.client-slider07.owl-carousel a img {
  height: auto;
  width: 155px;
}
.grayscale img {
  filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.grayscale a:hover img {
  filter: grayscale(0);
  -o-filter: grayscale(0);
  -webkit-filter: grayscale(0);
}

/*------------------------------------------------------
/ 8. About Page
/------------------------------------------------------*/
/*--- Page Banner ---*/
.page_banner {
  min-height: 631px;
  position: relative;
  background-size: cover;
  background-color: #1d1d1d;
  overflow: hidden;
  padding: 342px 0px 120px;
  background-repeat: no-repeat;
  background-position: center center;
}
.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(29, 29, 29, 0.74);
}
.page_banner .containier {
  position: relative;
  z-index: 2;
}
.banner-title {
  font-size: 50px;
  line-height: 58px;
  color: #ffffff;
  margin: 0 0 16px;
}
.breadcrumbs {
  margin: 0;
  font-size: 16px;
  color: #b8b8d3;
  line-height: 26px;
}
.breadcrumbs a {
  color: inherit;
}
.breadcrumbs a:hover {
  color: var(--theme-color);
}
.breadcrumbs span {
  display: inline-block;
  margin: 0 13px;
}

/*---  ---*/
.abpageThumb {
  position: relative;
  margin: 11px 0 0;
}
.abpageThumb img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}
.abInner {
  position: absolute;
  right: 0;
  top: -80px;
  z-index: 2;
}
.abInner img {
  border-radius: 5px;
  -webkit-box-shadow: 0px 12px 68px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 12px 68px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 12px 68px 0px rgba(0, 0, 0, 0.21);
}
.abInner:after {
  position: absolute;
  right: 0;
  height: calc(100% - 5px);
  width: calc(100% + 37px);
  top: 42px;
  z-index: -1;
  content: "";
  border: 10px solid var(--theme-color);
}

/*--- Service Item ---*/
.service_item_10 {
  position: relative;
  background: #fff;
  padding: 41px 40px 38px;
  border-radius: 5px;
  margin: 0 0 30px;
  -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.service_item_10 .ibMeta {
  position: relative;
  max-height: 68px;
  margin: 0 0 26px;
}
.service_item_10 .ibMeta img {
  width: 100%;
  height: 100%;
}
.service_item_10 h3 {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  margin: 0 0 12px;
}
.service_item_10 h3 a {
  color: inherit;
}
.service_item_10 h3 a:hover {
  color: var(--theme-color);
}
.service_item_10 p {
  margin: 0 0 25px;
}
.service_item_10 .srm {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: #f3f3f3;
  line-height: 46px;
  border-radius: 50%;
  text-align: center;
  color: #382c4d;
  line-height: 46px;
}
.service_item_10 .srm:hover {
  background: var(--theme-color);
  color: #fff;
}
.serviceSlider04.owl-carousel {
  position: relative;
}
.serviceSlider04.owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: -89px;
}
.serviceSlider04.owl-carousel .owl-nav button {
  width: 58px;
  height: 58px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  color: #000000;
  font-size: 15px;
  line-height: 58px;
  margin-left: 12px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.serviceSlider04.owl-carousel .owl-nav button:hover {
  background: var(--theme-color);
  color: #fff;
}
.service_item_11 {
  position: relative;
  border: 2px solid transparent;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service_item_11:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service_item_11:hover:after {
  visibility: visible;
  opacity: 1;
}
.service_item_11 img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service_item_11 h3 {
  display: inline-block;
  height: 51px;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  background: #000000;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  margin: 0;
  letter-spacing: 0.36px;
  font-weight: 600;
  padding: 0 26px;
  border-radius: 3px 0 0 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service_item_11:hover h3 {
  visibility: hidden;
  opacity: 0;
}
.service_item_11 .srm {
  display: inline-block;
  height: 51px;
  position: absolute;
  right: 0;
  bottom: -50px;
  background: var(--theme-color);
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  z-index: 2;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  letter-spacing: 0.36px;
  font-weight: 600;
  padding: 0 31px;
  border-radius: 3px 0 0 0;
}
.service_item_11 i {
  display: inline-block;
  font-size: 13px;
  margin-left: 7px;
}
.service_item_11:hover .srm {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}
.service_item_11:hover {
  border-color: var(--theme-color);
}

/*--- Testimonial ---*/
.stracheVideo {
  position: relative;
  overflow: hidden;
}
.stracheVideo img {
  width: auto;
  height: auto;
}
.stracheVideo .vbtn02 {
  width: 70px;
  height: 70px;
  background: transparent;
  line-height: 70px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #ffffff;
  font-size: 21px;
}
.stracheVideo .vbtn02:before {
  background: var(--theme-color);
  opacity: 0.4;
}
.stracheVideo .vbtn02:after {
  background: var(--theme-color);
}
.abTestimonial.owl-carousel {
  position: relative;
  padding: 0;
}
.abTestimonial .quotation {
  font-size: 18px;
  line-height: 27px;
  color: #d7d7d7;
  font-weight: 400;
  margin-bottom: 38px;
}
.abTestimonial.owl-carousel .ts_author img {
  width: 77px;
  height: 77px;
}
.abTestimonial .ts_author {
  padding-left: 96px;
  padding-top: 13px;
}
.abTestimonial .ts_author h5 {
  font-size: 22px;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.abTestimonial .ts_author span {
  color: var(--theme-color);
  font-size: 16px;
}
.abTestimonial.owl-carousel .owl-nav {
  display: none;
}

/*--- Award Item ---*/
.awardItem02 {
  position: relative;
  min-height: 95px;
  padding: 0 55px 17px 87px;
  margin-bottom: 24px;
  border-bottom: 1px solid #f1f1f1;
}
.awardItem02:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.awardItem02 img {
  width: 70px;
  height: 74px;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
}
.awardItem02 .awarName {
  margin: 0;
}
.awardItem02 .awarName h5 {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}
.awardItem02 .awarName p {
  color: #999999;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.32px;
  margin: 0;
}
.brLeft {
  border-left: 1px solid #f1f1f1;
  margin-left: -15px;
  padding-left: 0;
  position: relative;
}
.brLeft .awardItem02 {
  padding-left: 180px;
}
.brLeft .awardItem02 img {
  left: 95px;
}
/*------------------------------------------------------
/ 9. Blog Page
/------------------------------------------------------*/
.blogPage {
  position: relative;
  padding: 50px 0 0 0;
}
.blogList01 {
  position: relative;
  margin: 0 5px 50px 0;
}
.blogList01.bil {
  margin-left: 5px;
  margin-right: 0;
}
.blogList01 img {
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 5px 5px 0 0;
}
.listCon {
  position: relative;
  background: #fff;
  /* margin: -40px 18px 0 27px; */
  border-radius: 3px 3px 0 0;
  padding: 52px 50px 46px;
  border-bottom: 1px solid #ececec;
}
.listCon h3 {
  font-size: 30px;
  line-height: 36px;
  color: #252525;
  margin: 0 0 12px;
}
.listCon h3 a {
  color: inherit;
}
.listCon h3 a:hover {
  color: var(--theme-color);
}
.listCon .bmeta {
  color: #bbc7cd;
  font-size: 15px;
  margin: 0 0 18px;
}
.listCon .bmeta i {
  font-size: 16px;
  margin-right: 6px;
  color: inherit;
}
.listCon .bmeta span {
  color: inherit;
  margin-left: 19px;
}
.listCon .bmeta a {
  color: var(--theme-color);
  margin-right: 20px;
}
.listCon .bmeta a:hover {
  color: #252525;
}
.listCon p {
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}

.blogFooter .fcta {
  background: url(../images/bg/14.png) no-repeat center center / cover;
}
.blogFooter .fcta .berpo_btn.with_icon03 {
  border-radius: 50px;
}
.blogFooter .aboutWidget04 a:hover {
  background: #e700a9;
  border-color: #e700a9;
}
.blogFooter .Copyright a:hover,
.blogFooter .wmenu03 ul.menu li:hover a {
  color: #e700a9;
}
.bepro_pagination {
  position: relative;
  display: flex;
  justify-content: center;
  font-family: "Fira Sans", sans-serif;
  margin: 35px 0 0;
  background: url(../images/bg/pagination.jpg) no-repeat center center / cover;
  padding: 24px 35px 18px;
}
/*.organ_pagination.text-center {
    justify-content: center;
}
.organ_pagination.text-left {
    justify-content: flex-start;
}
.organ_pagination.text-right {
    justify-content: flex-end;
}*/
.bepro_pagination a,
.bepro_pagination > span {
  width: 32px;
  height: 32px;
  color: #252525;
  line-height: 34px;
  margin: 0 1px;
  border: none;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bepro_pagination a.next,
.bepro_pagination a.prev {
  width: auto;
  height: auto;
  font-size: 20px;
  color: #8799a3;
}
.bepro_pagination a.prev {
  margin-right: auto;
}
.bepro_pagination a.next {
  margin-left: auto;
}
.bepro_pagination a i {
  display: inline-block;
}
.bepro_pagination a span {
  display: inline-block;
  font-size: 14px;
  position: relative;
  top: -4px;
  margin-left: 20px;
}
.bepro_pagination a.next span {
  margin-left: 0;
  margin-right: 20px;
}
.bepro_pagination a.next:hover,
.bepro_pagination a.prev:hover {
  background: transparent;
  color: var(--theme-color);
}
.bepro_pagination a:hover,
.bepro_pagination span.current {
  color: #fff;
  background: var(--theme-color);
}
/* .bpPad {
  padding-bottom: 10px;
} */
.blogPage .bireverse .blogContent {
  padding: 0;
  text-align: left;
}
.blogPage .blogItem02.bireverse.lastItem {
  border: none;
  padding: 0;
}
.blogPage .blogThumb02 .bmeta {
  background: var(--theme-color);
}
.blogPage .blogContent h3 a:hover {
  color: var(--theme-color);
}
.blogItem02 .berpo_btn.with_icon {
  background: #1e1e1e;
}
.blogItem02 .berpo_btn.with_icon i {
  background: #424242;
}
.blogItem02 .berpo_btn.with_icon:hover i {
  background: #760000;
}
.blogItem02 .berpo_btn .bp-shape {
  background: var(--theme-color);
}
.blogPage .blogItem03 {
  margin: 0 0 30px 5px;
}
.blogPage .blogContent02 h3 a:hover,
.blogPage .blogContent02 .bmeta a:hover {
  color: var(--theme-color);
}
.blogPage .berpo_btn.with_icon03:after {
  background: #1e1e1e;
}
.blogPage .blogItem03 .berpo_btn.with_icon03 {
  background: var(--theme-color);
}
.blogPage .blogItem04 {
  margin-bottom: 40px;
}
.blogPage .blogContent03 h3 a:hover {
  color: var(--theme-color);
}
.blogPage .blogContent03 .bmeta a {
  background: transparent;
  -webkit-text-fill-color: var(--theme-color);
}
.blogPage .blogContent04 .bmeta {
  background: var(--theme-color);
}
.blogPage .blogContent04 .bmeta:hover {
  background: #1e1e1e;
}
.blogPage .blogContent04 h3 a:hover {
  color: var(--theme-color);
}
.blogPage .blogContent04 .rmb:hover {
  background: var(--theme-color);
}
.bpsRight .blogList01.bil {
  margin-left: 0;
  margin-right: 5px;
}
.blogPage.bpsRight .blogItem03 {
  margin-left: 0;
  margin-right: 5px;
}
.justify-content-center .blogPage .blogItem03,
.justify-content-center .blogList01.bil {
  margin-left: 0;
  margin-right: 0;
}
.justify-content-center .blogList01.bil img {
  width: 100%;
}

/*--- Sidebar ---*/
.sidebar {
  position: relative;
  margin: 0 0 0 20px;
}
.sidebar.lsb {
  margin-left: 0;
  margin-right: 20px;
}
.sidebar .widget {
  position: relative;
  /* margin: 0 0 40px; */
  padding: 20px;
  border-radius: 10px;
  background: url(../images/bg/widget.jpg) no-repeat center center / cover;
}
.sidebar .widget .widget_title {
  color: #252525;
  font-size: 23px;
  line-height: 28px;
  text-transform: capitalize;
  margin: 0 0 31px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.sidebar .widget .widget_title:after {
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 5px;
  content: "";
  background: #ffd7d7;
  border-radius: 10px;
  z-index: -1;
}
.pp_post_item {
  position: relative;
}
.sidebar .pp_post_item {
  position: relative;
  padding-top: 7px;
  min-height: 80px;
  padding-left: 120px;
  margin-bottom: 30px;
}
.sidebar .pp_post_item img {
  width: 97px;
  height: 80px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
}
.sidebar .pp_post_item span {
  display: block;
  font-size: 14px;
  color: #bbc7cd;
  font-weight: 500;
  margin-bottom: 8px;
}
.sidebar .pp_post_item a {
  font-size: 17px;
  line-height: 23px;
  color: #252525;
  font-weight: 600;
  margin-bottom: 3px;
}
.sidebar .pp_post_item a:hover {
  color: var(--theme-color);
}
.sidebar .pp_post_item .author {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  color: var(--theme-color);
  font-family: "Roboto", sans-serif;
}
.sidebar .pp_post_item .author:hover {
  color: #252525;
}
.sidebar .berpo_btn {
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 13px;
  padding: 0 36px;
  margin-top: 5px;
}
.sidebar .widget > ul {
  margin: 0;
  padding: 0;
}
.sidebar ul li {
  list-style: none;
  display: block;
  font-size: 15px;
  color: #252525;
  line-height: 26px;
  position: relative;
  margin: 0 0 15px;
}
.sidebar ul li a {
  display: inline-block;
  color: inherit;
  line-height: inherit;
}
.sidebar ul li a:hover {
  color: var(--theme-color);
}
.sidebar .widget_categories {
}
.sidebar .widget_categories ul li {
  margin-right: 12px;
  background: #fff;
  padding: 10px 22px 10px;
  margin-bottom: 5px;
  border-radius: 3px;
}
.sidebar .widget_categories ul li span {
  display: inline-block;
  width: 32px;
  height: 36px;
  border-radius: 5px;
  text-align: center;
  background: #ededed;
  font-size: 12px;
  color: #252525;
  line-height: 36px;
  font-weight: 700;
  position: absolute;
  right: -14px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar .widget_categories ul li:hover a {
  color: var(--theme-color);
}
.sidebar .widget_categories ul li:hover span {
  background: var(--theme-color);
  color: #fff;
}
.tagcloud {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: -10px;
}
.tagcloud a {
  height: 37px;
  text-align: center;
  padding: 0 17px;
  line-height: 35px;
  border: none;
  display: inline-block;
  border-radius: 50px;
  background: #ffffff;
  border: 2px solid #f0f4f7;
  color: #696969;
  text-transform: capitalize;
  font-size: 15px !important;
  margin-right: 9px;
  margin-bottom: 9px;
  font-weight: 400;
  float: left;
}
.tagcloud a:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
}
.sidebar .galleryShots a {
  width: 130px;
  height: 114px;
  margin: 0 9px 9px 0;
}
.sidebar .galleryShots a:after {
  border-radius: 10px;
}
.sidebar .galleryShots a img {
  border-radius: 10px;
}

/*------------------------------------------------------
/ 10. Blog Details Page
/------------------------------------------------------*/
.singleBlog {
  position: relative;
  padding: 160px 0;
}
.singleBlog.bpPad {
  padding-bottom: 258px;
}
.spThumb {
  position: relative;
  margin: 0 0 15px;
}
.spThumb img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.spThumb .bmeta {
  height: 46px;
  background: var(--theme-color);
  border-radius: 50px;
  text-align: center;
  display: inline-block;
  font-size: 12.97px;
  line-height: 41px;
  font-weight: 500;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  letter-spacing: -0.48px;
  margin: 0;
  padding: 0 19px;
  position: absolute;
  z-index: 2;
  left: 26px;
  top: 18px;
  border: 3px solid #fff;
}
.spThumb .bmeta i {
  display: inline-block;
  font-size: 10.16px;
  margin-right: 3px;
  color: inherit;
}
.spMeta {
  position: relative;
  display: flex;
  padding: 0 0 52px 6px;
}
.spAuthor {
  position: relative;
  padding: 0 0 0 86px;
}
.spAuthor img {
  width: 77px;
  height: 77px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -31px;
  border: 3px solid #fff;
}
.spAuthor p {
  font-size: 15px;
  line-height: 19px;
  color: #404040;
}
.spAuthor p a {
  color: #000000;
  font-size: 17px;
  font-weight: 500;
  display: block;
}
.spAuthor p a:hover {
  color: var(--theme-color);
}
.spsmeta {
  position: relative;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  color: #c4d2d9;
  padding: 15px 0 0 50px;
}
.spsmeta span,
.spsmeta a {
  color: #8799a3;
  display: inline-block;
}
.spsmeta a:hover {
  color: var(--theme-color);
}
.sic_the_content {
  position: relative;
  margin: 0 0 58px;
}
.p_title {
  font-size: 40px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 28px;
}
.sic_the_content > p {
  margin: 0 0 30px;
}
.sic_the_content blockquote,
.sic_the_content blockquote.wp-block-quote {
  padding: 35px 80px 0 104px;
  position: relative;
  font-family: "Fira Sans", sans-serif;
  background: transparent;
  margin: 33px 0;
}
.sic_the_content blockquote::after {
  position: absolute;
  left: 71px;
  top: 2px;
  background: url(../images/single-post/quote.png) no-repeat top left;
  content: "";
  width: 113px;
  height: 75px;
  z-index: -1;
}
.sic_the_content blockquote p,
.sic_the_content blockquote.wp-block-quote p {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #252525;
  font-style: italic;
  margin: 0 0 23px;
}
.sic_the_content blockquote cite {
  font-style: normal;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: var(--theme-color);
  position: relative;
}
.sic_the_content blockquote cite span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #8799a3;
  font-family: "Roboto", sans-serif;
}
.sic_the_content .wp-block-image {
  margin: 18px 0 23px;
  position: relative;
}
.sic_the_content .wp-block-image img {
  max-width: 100%;
  height: auto;
  border-radius: 3px;
  margin-bottom: 4px;
}
.sic_the_content figcaption {
  color: #b0b1b5;
  font-size: 16px;
}
.sic_the_content .wp-block-image span {
  display: inline-block;
  height: 30px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #959595;
  padding: 0 15px;
  position: absolute;
  left: 21px;
  bottom: 24px;
  z-index: 2;
}
.sic_the_content .wp-block-image span a {
  color: #0081ff;
}
.sic_the_content .cusMar .wp-block-image {
  margin-top: 0;
}
.sic_the_content .cusMar {
  margin-top: 40px;
  margin-bottom: 28px;
}
.weight500 {
  font-weight: 500;
  color: #252525;
}
.sic_the_content .listItem li {
  font-size: 18px;
  line-height: 36px;
  color: #252525;
  font-weight: 500;
  position: relative;
  font-family: "Fira Sans", sans-serif;
  padding-left: 30px;
}
.sic_the_content .listItem li:after {
  content: "\ea0e";
  font-family: "themewar" !important;
  font-size: 11px;
  color: var(--theme-color);
  position: absolute;
  left: 0;
  top: 0;
}
.sic_the_content .listItem.lIleft {
  padding-left: 60px;
}
.sic_the_content .listItem {
  margin-top: 15px;
  margin-bottom: 43px;
}
.postMeta {
  position: relative;
  border-top: 2px solid #f0f4f7;
  padding: 31px 0 55px;
}
.postMeta h5 {
  font-size: 14px;
  color: #252525;
  text-transform: uppercase;
  margin: 0 0 0;
  min-width: 96px;
  display: inline-block;
}
.postMeta a {
  display: inline-block;
  font-size: 16px;
  color: #8799a3;
}
.postMeta a:hover {
  color: var(--theme-color);
}
.postMeta .tags {
  margin: 0 0 13px;
}
.postMeta .socialShare a {
  font-size: 14px;
  color: #bbc7cd;
  margin-right: 20px;
}
.postMeta .socialShare a:hover {
  color: var(--theme-color);
}
.post_author {
  position: relative;
  background: #f9f9fb;
  border-radius: 10px;
  padding: 67px 30px 70px 200px;
  margin: 0 0 95px;
}
.post_author img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  left: 58px;
  bottom: 0;
  top: 0;
  margin: auto;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(37, 37, 37, 0.2);
  -moz-box-shadow: 0px 10px 30px 0px rgba(37, 37, 37, 0.2);
  box-shadow: 0px 10px 30px 0px rgba(37, 37, 37, 0.2);
}
.post_author h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  text-transform: uppercase;
  margin: 0 0 7px;
}
.post_author h5 a {
  color: inherit;
}
.post_author h5 a:hover {
  color: #252525;
}
.post_author p {
  font-size: 16px;
  line-height: 26px;
  color: #636363;
  margin: 0;
}
.comment_area {
  position: relative;
}
.sic_comments {
  position: relative;
  margin-bottom: 80px;
}
.sic_comments > p .productCommentForm > p {
  color: #636363;
  margin: 0 0 25px;
}
.sicc_title {
  font-size: 28px;
  color: #252525;
  line-height: 38px;
  margin: 0 0 31px;
}
.sic_comments > .sicc_title,
.productCommentForm .sicc_title {
  margin-bottom: 12px;
}
.commentForm {
  position: relative;
}
.commentForm textarea,
.commentForm input {
  height: 60px;
  border-radius: 50px;
  padding: 0 40px;
  font-size: 14px;
  line-height: 60px;
  color: #8799a3;
  background: #f3f4f6;
  font-weight: 600;
  margin: 0 0 20px;
}
.commentForm textarea {
  height: 160px;
  line-height: 28px;
  margin-bottom: 35px;
  padding-top: 15px;
  border-radius: 30px;
}
.commentForm textarea::-moz-placeholder,
.commentForm input::-moz-placeholder {
  color: #8799a3;
  opacity: 1;
}
.commentForm textarea::-ms-input-placeholder,
.commentForm input::-ms-input-placeholder {
  color: #8799a3;
  opacity: 1;
}
.commentForm textarea::-webkit-input-placeholder,
.commentForm input::-webkit-input-placeholder {
  color: #8799a3;
  opacity: 1;
}
.commentForm .berpo_btn.with_icon04 {
  height: 60px;
  color: #f0f0f0;
  line-height: 61px;
}

/*------------------------------------------------------
/ 11. Portfolio Page
/------------------------------------------------------*/
.portfolioPage01 {
  position: relative;
  padding: 160px 0 0;
}
.filter_menu li i {
  position: relative;
  display: inline-block;
  font-style: normal;
}
.filter_menu li i:after {
  position: absolute;
  left: auto;
  right: 0;
  height: 2px;
  content: "";
  bottom: 4px;
  width: 0;
  background: var(--theme-color);
  transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -moz-transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -webkit-transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.filter_menu li.active i:after,
.filter_menu li:hover i:after {
  width: 100%;
  left: 0;
  right: auto;
}
.portfolioPage01 .filter_menu li:hover span,
.portfolioPage01 .filter_menu li.active span,
.portfolioPage01 .filter_menu li:hover,
.portfolioPage01 .filter_menu li.active {
  color: var(--theme-color);
}
.folioItem06 {
  position: relative;
  margin: 0 0 30px;
}
.folioItem06 img {
  width: 100%;
  height: auto;
  border-radius: 45px;
}
.folioItem06:after {
  position: absolute;
  border-radius: 45px;
  background: rgba(33, 31, 31, 0.66);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioItem06:hover:after {
  visibility: visible;
  opacity: 1;
}
.folioItem06 a {
  width: 66px;
  height: 66px;
  line-height: 70px;
  color: #fff;
  font-size: 20px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.38);
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -webkit-transform: translate3d(0, 20px, 0);
}
.folioItem06 a:hover {
  background: var(--theme-color);
  color: #fff;
}
.folioItem06:hover a {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.portfolioPage01 .berpo_btn {
  margin-top: 48px;
}
.portfolioPage02 .filter_menu02 {
  margin-bottom: 50px;
}
.portfolioPage02 {
  position: relative;
  overflow: hidden;
  padding: 95px 0 0;
}
.portfolioPage02 .folioHover03,
.portfolioPage02 .filter_menu02 li::after {
  background: var(--theme-color);
}
.caseStudiesSection {
  position: relative;
  padding: 55px 0 0;
}
.caseStudiesSection .filter_menu {
  margin-top: 0;
}
.caseStudiesSection .filter_menu li:hover span,
.caseStudiesSection .filter_menu li.active span,
.caseStudiesSection .filter_menu li:hover,
.caseStudiesSection .filter_menu li.active {
  color: var(--theme-color);
}
.caseStudiesSection .berpo_btn {
  margin-top: 48px;
}
.folioItem07 {
  position: relative;
  overflow: hidden;
}
.folioItem07 img {
  width: 100%;
  height: auto;
}
.folioItem07:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.folioItem07:hover:after {
  background: rgba(187, 11, 11, 0.8);
}
.folioHover06 {
  font-family: "Fira Sans", sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 0;
  z-index: 2;
}
.cat {
  font-size: 15px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 14px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.cat a {
  color: inherit;
}
.cat a:hover {
  color: #151414;
}
.folioHover06 h3 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 800;
  color: #fff;
  margin: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.folioHover06 h3 a {
  color: inherit;
}
.folioHover06 h3 a:hover {
  color: #151414;
}
.folioItem07:hover .folioHover06 .cat,
.folioItem07:hover .folioHover06 h3 {
  transform: translate3d(0, -103px, 0);
  -moz-transform: translate3d(0, -103px, 0);
  -webkit-transform: translate3d(0, -103px, 0);
}
.folioItem07 p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin: 0 0 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  text-align: center;
  z-index: 2;
  visibility: visible;
  opacity: 0;
  max-width: 716px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.folioItem07:hover p {
  visibility: visible;
  opacity: 1;
}
.folioItem07 .berpo_btn.with_icon {
  background: #151414;
  width: 178px;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin: auto;
  top: 66%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
  z-index: 2;
  visibility: visible;
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.folioItem07:hover .berpo_btn.with_icon {
  visibility: visible;
  opacity: 1;
}
.folioItem07 .berpo_btn.with_icon i {
  background: #3a3a3a;
}
.folioItem07 .berpo_btn .bp-shape {
  background: #fff;
}
.folioItem07 .berpo_btn.with_icon:hover {
  color: var(--theme-color);
}
.folioItem07 .berpo_btn.with_icon:hover i {
  background: #980000;
}
.singleFolio01 {
  position: relative;
  padding: 150px 0 215px;
}
.folioDThumb {
  position: relative;
}
.folioDThumb img {
  max-width: 100%;
  height: auto;
  margin: 0 0 30px;
}
.fdCon {
  position: relative;
  padding: 16px 0 0 10px;
}
.fdCon .subTitle {
  color: #787887;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -0.36px;
  margin: 0px 0px 10px;
}
.fdCon .secTitle {
  color: #252525;
  font-size: 38px;
  line-height: 48px;
  margin: 0px 0px 23px 0px;
}
.socail_share.ssInline {
  display: flex;
  margin: 0 0 12px;
}
.socail_share.ssInline h5 {
  text-transform: uppercase;
}
.socail_share.ssInline a {
  width: auto;
  height: auto;
  background: transparent;
  color: #bbc7cd;
  line-height: 1.5;
  margin: 0 0 0 20px;
  border-radius: 0;
}
.socail_share.ssInline a:hover {
  background: transparent;
  color: var(--theme-color);
}
.fdCon > p {
  margin: 0 0 45px;
}
.fsmeta {
  position: relative;
}
.fsmeta h3 {
  color: #8a8a8a;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 1.5px;
  margin: 0px 0px 2px;
}
.fsmeta p {
  color: #252525;
  font-size: 16px;
  margin: 0px 0px 20px;
}
.fdCon .berpo_btn {
  margin-top: 25px;
  border-radius: 50px 50px 50px 50px;
  padding: 0px 40px 0px 40px;
}
.fdCon02 .fdCon {
  padding: 0;
}
.fdCon02 {
  margin-top: 39px;
}
.fsCon {
  margin: -6px 20px 0 0;
}
.sf02 {
  padding-bottom: 248px;
}
.sf03video {
  position: relative;
  /* padding: 305px 0;
  background: url(../images/single-folio/video-bg.jpg) no-repeat center center /
    cover; */
}
.sf03video .popup_video {
  height: 100px;
  width: 100px;
  line-height: 107px;
  font-size: 26px;
}
.sf03video .popup_video:hover {
  background: var(--theme-color);
  color: #fff;
}
.sf03Con {
  position: relative;
  padding: 90px 0 248px;
}
.sf03 {
  padding: 110px 0 97px;
}
.sf03 .fdCon .secTitle {
  color: #252525;
  font-size: 55px;
  line-height: 65px;
  margin: 0px 0px 23px;
}
.fscon03 {
  margin-top: 32px;
}
.fscon03 .berpo_btn {
  margin-top: 25px;
  border-radius: 50px 50px 50px 50px;
  padding: 0px 40px 0px 40px;
}
.fscon03 .col-lg-8 {
  margin-left: -43px;
}
.portfolioPage03 {
  position: relative;
  /* padding: 90px 0 142px; */
  
}
.portfolioPage03 .filter_menu li:hover span,
.portfolioPage03 .filter_menu li.active span,
.portfolioPage03 .filter_menu li:hover,
.portfolioPage03 .filter_menu li.active {
  color: var(--theme-color);
}
.pf04 {
  padding-bottom: 110px;
}
.pf04 .folioHover02 p {
  color: var(--theme-color);
}
.pf04 .folioHover02 h4 a:hover {
  color: var(--theme-color);
}
/* .pf05 {
  /* padding: 130px 0 142px; */
  /* padding: 130px 0 142px; */
} */
.pf05 .filter_menu03 li.active,
.pf05 .filter_menu03 li:hover {
  color: var(--theme-color);
}
.pf05 .filter_menu03 li.active span,
.pf05 .filter_menu03 li:hover span {
  color: var(--theme-color);
}
.pf05 .folioItem05 {
  background: var(--theme-color);
}

/*------------------------------------------------------
/ 12. Shop Page
/------------------------------------------------------*/
.shopOfferSection {
  position: relative;
  padding: 160px 0 0;
}
.offerWrap {
  position: relative;
  background: url(../images/shop/1.jpg) no-repeat center center / cover;
  border-radius: 5px;
  padding: 140px 10px 106px;
}
.offerSlider.owl-carousel {
  position: relative;
}
.customNavigation {
  position: absolute;
  left: 0;
  bottom: -27px;
  z-index: 2;
  width: 245px;
}
.customNavigation .navItem {
  float: right;
  text-align: right;
  margin: 0 0 16px;
  display: block;
  position: relative;
  background: transparent;
  width: 100%;
  height: auto;
  border: none;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.customNavigation .navItem.next {
}
.customNavigation .navItem i {
  width: 51px;
  height: 51px;
  float: right;
  border-radius: 5px;
  text-align: center;
  display: block;
  color: #171717;
  background: #fff;
  font-size: 10px;
  line-height: 52px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navPost {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  padding-right: 70px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navPost img {
  width: 51px;
  height: 51px;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.navPost h5 {
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -0.42px;
  margin: 7px 0 0;
}
.navPost h5 span {
  line-height: 0.8;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.3px;
  display: block;
}
.customNavigation .navItem:hover .navPost {
  visibility: visible;
  opacity: 1;
}
.offerCon {
  position: relative;
}
.offerCon > span {
  display: block;
  font-size: 20.84px;
  color: #efefef;
  line-height: 28px;
  letter-spacing: -0.4px;
  margin: 0 0 0px;
}
.offerCon h3 {
  font-size: 65px;
  line-height: 73px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -1.2px;
  margin: 0 0 5px;
}
.offerCon p {
  font-size: 16.7px;
  color: #ffffff;
  line-height: 26px;
  letter-spacing: -0.32px;
  margin: 0 0 41px;
}
.offerCon .berpo_btn.with_icon04 {
  height: 54px;
  line-height: 55px;
  color: #f0f0f0;
  font-size: 14.43px;
  padding: 0 25px;
}
.offerCon .berpo_btn.with_icon04 i {
  width: 25px;
  height: 25px;
  font-size: 10.84px;
  color: #f0f0f0;
  line-height: 26px;
  margin-left: 10px;
}
.shopPage {
  position: relative;
  padding: 90px 0 160px;
}
.sptitle {
  font-size: 36px;
  color: #141414;
  line-height: 1.2;
  margin: 0;
}
.shopController {
  display: flex;
  justify-content: flex-end;
  font-family: "Fira Sans", sans-serif;
  position: relative;
  margin: 0 0 44px;
}
.show-results {
  position: relative;
  color: #999999;
  font-size: 14.43px;
  font-weight: 700;
  letter-spacing: 0.36px;
  margin-right: 58px;
}
.show-results:after {
  position: absolute;
  right: -28px;
  top: 7px;
  width: 1px;
  height: 11px;
  content: "";
  background: #dfdfdf;
}
.show-product {
  color: #000000;
  font-size: 14.43px;
  font-weight: 700;
  letter-spacing: 0.21px;
  text-transform: uppercase;
}
.show-product span {
  display: inline-block;
  color: #999999;
}
.sorting {
  display: flex;
  margin: 3px 0 0;
  position: relative;
  margin-right: 58px;
}
.sorting:after {
  position: absolute;
  right: -28px;
  top: 7px;
  width: 1px;
  height: 11px;
  content: "";
  background: #dfdfdf;
}
.sorting h5 {
  font-size: 14.43px;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: -0.21px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.sorting .nice-select {
  height: auto;
  width: auto;
  background: transparent;
  font-size: 14px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.sorting .nice-select:after {
  display: none;
}
.filterBy {
  position: relative;
  margin: -6px 0 0 55px;
}
.filterBy select,
.filterBy .nice-select {
  width: 100%;
  height: 38px;
  background: #f9f9f9;
  border-radius: 0;
  line-height: 39px;
  outline: none;
  margin: 0;
  border: 0;
  text-transform: uppercase;
  padding: 0 15px 0 34px;
  color: #111111;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  max-width: 90px;
}
.filterBy select,
.filterBy .nice-select {
  line-height: 39px;
  text-transform: uppercase;
  font-size: 13px;
  color: #141414;
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
}
.sorting .nice-select .list,
.filterBy .nice-select .list {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  max-height: 361px;
  overflow: auto;
  -webkit-box-shadow: 0px 2px 38px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 2px 38px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 38px 0px rgba(0, 0, 0, 0.08);
}
.sorting .nice-select .option,
.filterBy .nice-select .option {
  font-size: 13px;
  color: #141414;
  font-weight: 600;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 2px 22px;
}
.filterBy .nice-select .option:hover,
.filterBy .nice-select .option.focus,
.filterBy .nice-select .option.selected.focus {
  background: transparent;
  color: var(--theme-color);
}
.sorting .nice-select .option:hover,
.sorting .nice-select .option.focus,
.sorting .nice-select .option.selected.focus {
  background: transparent;
  color: var(--theme-color);
}
.filterBy .nice-select:after {
  content: "\e970";
  left: 13px;
  right: auto;
  color: #141414;
  font-size: 11px;
}
.productItem01 {
  position: relative;
  font-family: "Fira Sans", sans-serif;
  background: #f9f9f9;
  margin: 0 0 32px;
}
.proThumb {
  position: relative;
}
.proThumb img {
  width: 100%;
  height: auto;
}
.ratings {
  display: flex;
  font-size: 10px;
  color: var(--theme-color);
  letter-spacing: 3px;
  line-height: 1.1;
  margin: 0 0 11px;
}
.ratings i {
  display: inline-block;
}
.product_content {
  position: relative;
  padding: 20px 38px 21px;
}
.product_content h3 {
  font-size: 20px;
  line-height: 26px;
  color: #414141;
  text-transform: uppercase;
  margin: 0 0 11px;
}
.product_content h3 a {
  color: inherit;
}
.product_content h3 a:hover {
  color: var(--theme-color);
}
.pi01Price {
  display: flex;
  position: relative;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #414141;
  line-height: 0.8;
  margin: 0;
}
.pi01Price ins {
  text-decoration: none;
}
.pi01Price del {
  text-decoration: line-through;
  margin-left: 7px;
  color: #6a6a6a;
  font-weight: 400;
}
.prLabels {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2;
}
.prLabels p {
  background: #2b2b2b;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 25px;
  border-radius: 0;
  height: 24px;
  padding: 0 10px;
  margin: 0;
}
.prLabels p.sale {
  background: var(--theme-color);
}
.prLabels p.off {
  background: #05d218;
}
.piActionBtns {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.piActionBtns a {
  height: 54px;
  width: 54px;
  background: var(--theme-color);
  border-radius: 50%;
  color: #fff;
  display: block;
  line-height: 60px;
  font-size: 18px;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  margin: 0 1px;
}
.piActionBtns a:nth-child(1) {
  -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  transform: translate3d(0, 60px, 0);
  -moz-transform: translate3d(0, 60px, 0);
  -webkit-transform: translate3d(0, 60px, 0);
  -ms-transform: translate3d(0, 60px, 0);
  -o-transform: translate3d(0, 60px, 0);
}
.piActionBtns a:nth-child(2) {
  -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -moz-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -ms-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -o-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  transform: translate3d(0, 60px, 0);
  -moz-transform: translate3d(0, 60px, 0);
  -webkit-transform: translate3d(0, 60px, 0);
  -ms-transform: translate3d(0, 60px, 0);
  -o-transform: translate3d(0, 60px, 0);
}
.piActionBtns a:nth-child(3) {
  -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity ease 300ms, visibility ease 300ms, background ease 300ms,
    color ease 300ms, border ease 300ms;
  transform: translate3d(0, 60px, 0);
  -moz-transform: translate3d(0, 60px, 0);
  -webkit-transform: translate3d(0, 60px, 0);
  -ms-transform: translate3d(0, 60px, 0);
  -o-transform: translate3d(0, 60px, 0);
}
.productItem01:hover .piActionBtns a:nth-child(1),
.productItem01:hover .piActionBtns a:nth-child(2),
.productItem01:hover .piActionBtns a:nth-child(3) {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.piActionBtns a:hover {
  background: #2b2b2b;
  color: #fff;
}
.shopPage .berpo_btn {
  height: 59px;
  line-height: 60px;
  color: #f0f0f0;
  background: #202122;
  padding: 0 36px;
  margin-top: 48px;
}
.shopPage .berpo_btn.with_icon04 i {
  background: #383839;
}
.shopPage .berpo_btn.with_icon04:hover i {
  background: #980000;
}
.shopPage .berpo_btn .bp-shape {
  background: var(--theme-color);
}
.ctaItem {
  position: relative;
  overflow: hidden;
}
.ctaItem img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ctaCons {
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.ctaItem h3 {
  font-size: 45px;
  line-height: 50px;
  color: #fff;
  margin: 0 0 38px;
}
.ctaItem .berpo_btn {
  height: 53px;
  line-height: 54px;
  font-size: 13.47px;
  color: #f0f0f0;
  background: #202122;
}
.ctaItem .berpo_btn.with_icon04 i {
  width: 25px;
  height: 25px;
  background: #383839;
  line-height: 26px;
  color: #f0f0f0;
  font-size: 10.78px;
}
.ctaItem .berpo_btn.with_icon04:hover i {
  background: #980000;
}
.ctaItem .berpo_btn .bp-shape {
  background: var(--theme-color);
}
.ctaItem:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

/*------------------------------------------------------
/ 13. Product Details
/------------------------------------------------------*/
.singleProduct {
  position: relative;
  padding: 160px 0 225px;
}
.proSliderWrapper {
  position: relative;
  margin: 0 60px 0 0;
}
.productSlide {
  position: relative;
  padding: 0 0 28px;
}
.sp_img {
  position: relative;
  text-align: center;
}
.sp_img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.indicator_slider {
  text-align: center;
  position: relative;
  top: 0;
  z-index: 2;
  z-index: 15;
  display: block;
  padding: 0;
  max-width: 385px;
  margin: 0 auto;
  list-style: none;
}
.indicator_slider li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.indicator_slider li .idItem {
  width: 72px;
  height: 72px;
  border-radius: 5px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
  cursor: pointer;
  opacity: 1;
  border: none;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.indicator_slider li .idItem:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  visibility: hidden;
  opacity: 0;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.indicator_slider
  .slick-slide.slick-current.slick-active.slick-center:hover
  .idItem:after,
.indicator_slider
  .slick-slide.slick-current.slick-active.slick-center
  .idItem:after {
  visibility: visible;
  opacity: 1;
}
.indicator_slider li img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.slick-initialized .slick-slide {
  border: none;
  outline: none;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.indicator_slider .slick-slide {
  padding: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product_details {
  position: relative;
  padding: 58px 0 0;
}
.product_details h5 {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  color: var(--theme-color);
  margin: 0 0 2px;
  text-transform: uppercase;
}
.product_details h5 a {
  color: inherit;
}
.product_details h5 a:hover {
  color: #252525;
}
.product_details h3 {
  font-size: 28px;
  line-height: 42px;
  color: #252525;
  margin: 0 0 10px;
}
.product_details .woocommerce-product-rating {
  display: flex;
  justify-content: flex-start;
  line-height: 15px;
  margin: 0 0 15px;
}
.product_details .woocommerce-product-rating .ratings {
  color: #fcd846;
  font-size: 12px;
  margin: 8px 0 0;
  letter-spacing: 8px;
}
.product_details .woocommerce-product-rating .woocommerce-review-link {
  text-transform: capitalize;
  color: #8799a3;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  position: relative;
  height: 31px;
  line-height: 31px;
  border: 1px solid #8799a3;
  border-radius: 50px;
  margin-left: 22px;
  padding: 0 16px;
}
.product_details .woocommerce-product-rating .woocommerce-review-link:after {
  position: absolute;
  left: -18px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 18px;
  height: 1px;
  background: #8799a3;
}
.product_details .pi01Price {
  font-size: 28px;
  color: #39b54a;
  font-weight: 800;
  margin: 0 0 19px;
}
.product_details .pi01Price del {
  font-size: 20px;
  line-height: 32px;
  color: #b7c6ce;
  font-weight: 500;
  margin-left: 15px;
}
.pd_excrpt {
  font-size: 18px;
  line-height: 28px;
  color: #636363;
  margin: 0 0 37px;
}
.pd_excrpt p:last-of-type {
  margin: 0;
}
.product_size {
  position: relative;
  margin-bottom: 32px;
}
.product_size h6 {
  display: block;
  font-size: 14px;
  color: #252525;
  line-height: 0.8;
  margin: 0 0 13px;
}
.size_btn {
  display: inline-block;
  margin: 0 6px 0 0;
}
.size_btn input[type="radio"] {
  display: none;
  margin: 0;
}
.size_btn label {
  position: relative;
  font-size: 14px;
  line-height: 35px;
  color: #8799a3;
  font-weight: 700;
  cursor: pointer;
  width: 36px;
  z-index: 2;
  height: 36px;
  font-family: "Fira Sans", sans-serif;
  border-radius: 50%;
  padding: 0 0;
  border: 1px solid #8799a3;
  background: transparent;
  text-align: center;
  text-transform: uppercase;
}
.size_btn input[type="radio"]:checked + label {
  color: #fff;
}
.size_btn input[type="radio"]:checked + label::after {
  background: #8799a3;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
  -moz-box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
  box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
}
.qty_weight {
  display: flex;
  position: relative;
  margin: 0 0 32px;
}
.cart_quantity {
  position: relative;
  margin: 0 30px 0 0;
}
.quantityd {
  height: 60px;
  position: relative;
  z-index: 1;
  border-radius: 50px;
  width: 120px;
  float: left;
  margin: 0 !important;
  border: 2px solid #eceef2;
}
.quantityd button.qtyBtn {
  padding: 0;
  position: absolute;
  left: 19px;
  font-size: 22px;
  border: none;
  outline: none;
  color: #8799a3;
  background: transparent;
  line-height: 60px;
  font-weight: 600;
  padding: 0;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
}
.quantityd input[type="number"] {
  -moz-appearance: textfield;
}
.quantityd input[type="number"] {
  border: medium none;
  color: #252525;
  height: 100%;
  font-size: 16px;
  line-height: 60px;
  filter: none;
  margin: 0 auto;
  font-weight: 700;
  width: 40px !important;
  background: transparent;
  left: 0;
  right: 0;
  outline: none;
  padding: 0 0;
  position: absolute;
  text-align: center !important;
}
.quantityd button.qtyBtn.btnPlus {
  right: 19px;
  left: auto;
  font-size: 18px;
}
.quantityd button.qtyBtn:hover {
  color: var(--theme-color);
}
.product_details .berpo_btn {
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  padding: 0 42px;
}
.product_details .berpo_btn i {
  width: auto;
  height: auto;
  background: transparent;
  font-size: 15px;
  color: #ffffff;
  margin: 0 6px 0 0;
  line-height: inherit;
}
.product_details .berpo_btn:hover i {
  background: transparent;
}
.pro_meta {
  position: relative;
  padding: 52px 0 0 0;
}
.pro_meta:after {
  position: absolute;
  left: 0;
  top: 18px;
  width: 100%;
  max-width: 362px;
  height: 2px;
  content: "";
  background: #f0f4f7;
}
.mtItem {
  display: flex;
  margin: 0 0 12px;
  color: #8799a3;
  font-size: 16px;
}
.mtItem h6 {
  min-width: 99px;
  font-size: 14px;
  color: #252525;
  text-transform: uppercase;
  line-height: 26px;
  margin: 0 0 0;
  position: relative;
  top: 2px;
}
.mtItem a {
  color: #8799a3;
  font-size: 16px;
  margin-left: 3px;
  display: inline-block;
}
.mtsocial a {
  color: #bbc7cd;
  margin-right: 20px;
}
.mtItem a:hover {
  color: var(--theme-color);
}
.product_tabarea {
  margin: 95px 0 52px;
  padding: 0 0;
}
.productTabs {
  margin: 0 0 44px;
  display: inline-block;
  padding: 0;
  border: none;
}
.product_tabarea .productTabs li {
  margin: 0 17px 0 0;
  display: inline-block;
  padding: 0;
  list-style: none;
}
.product_tabarea .productTabs li a {
  height: 50px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 51px;
  text-align: center;
  color: #8799a3;
  border: 1px solid #8799a3;
  font-family: "Fira Sans", sans-serif;
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0 40px;
  margin: 0;
  box-shadow: none;
  position: relative;
}
.product_tabarea .productTabs li a.active,
.product_tabarea .productTabs li a:hover {
  background: var(--theme-color);
  color: #fff;
  border-color: var(--theme-color);
}
.pdtci_content {
  position: relative;
}
.pdtci_content p {
  color: #636363;
  padding-right: 35px;
}
.product_tabarea .adinfo {
  padding-right: 0;
}
.product_tabarea .adinfo table {
  position: relative;
  width: 100%;
  border: none;
  margin: 0;
}
.product_tabarea .adinfo table tr th {
  line-height: 36px;
  color: #1c1f23;
  font-size: 15px;
  font-weight: 900;
  width: 500px;
  margin: 0 0 0;
  font-family: "Fira Sans", sans-serif;
  padding: 9px 0;
  background: transparent !important;
  border: none;
  border-bottom: 1px dashed #d9d9d9;
}
.product_tabarea .adinfo table tr td {
  color: #636363;
  font-weight: 500;
  font-size: 15px;
  font-style: normal;
  margin: 0;
  background: transparent !important;
  border: none;
  border-bottom: 1px dashed #d9d9d9;
}
.product_tabarea .tab-content > .tab-pane,
.product_tabarea .tab-content > .tab-pane.show.active {
  transform: none;
}
.related_area {
  position: relative;
  border-top: 2px solid #f0f4f7;
  padding: 85px 0 0;
}

/*------------------------------------------------------
/ 14. Service & Details Pages
/------------------------------------------------------*/
.service_item_06.mb90 {
  margin-bottom: 90px;
}
.singleService01 {
  position: relative;
  padding: 160px 0;
}
.widget.service_widget {
  border-radius: 0;
  padding: 0;
  margin-right: 16px;
}
.service_widget ul {
  position: relative;
  margin: 0;
  padding: 0;
}
.service_widget ul li {
  position: relative;
  display: block;
  margin: 0 0 10px;
  z-index: 1;
}
.service_widget ul li a {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  padding: 18.5px 30px;
  background: #f9f9f9;
  font-family: "Fira Sans", sans-serif;
  border-radius: 3px;
  color: #07001e;
  border: none;
}
.service_widget ul li a::after {
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 19px;
  line-height: 28px;
  color: #ffffff;
  content: "\e93f";
  font-family: "themewar" !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service_widget ul li:hover a:after,
.service_widget ul li.active a:after {
  right: 30px;
  visibility: visible;
  opacity: 1;
}
.service_widget ul li:hover a,
.service_widget ul li.active a {
  background: var(--theme-color);
  color: #fff;
}
.service_details {
  position: relative;
  margin-left: -15px;
}
.service_details img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}
.service_details h3 {
  font-size: 35px;
  line-height: 42px;
  color: #07001e;
  margin: 29px 0 20px;
}
.service_details p {
  margin: 0 0 18px;
}
.service_details .berpo_btn.with_icon04 {
  color: #f0f0f0;
  height: 59px;
  line-height: 60px;
  padding: 0 34px;
  margin-top: 29px;
}
.service_details02 {
  position: relative;
}
.servMeta {
  position: relative;
  padding: 24px 0 0 119px;
  min-height: 91px;
  margin: 0 0 25px;
}
.servMeta i {
  width: 91px;
  height: 91px;
  line-height: 93px;
  color: #020288;
  font-size: 40px;
  text-align: center;
  background: #f5f5f5;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.servMeta .simg {
  display: inline-block;
  width: 91px;
  height: 91px;
  line-height: 93px;
  color: #020288;
  font-size: 40px;
  text-align: center;
  background: #f5f5f5;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.servMeta .simg img {
  height: 57px;
  width: auto;
}
.gallerSliderWraper {
  position: relative;
}
.gallerSlider {
  margin: 0 30px 0 0;
}
.gallThumb {
  position: relative;
  overflow: hidden;
  border-radius: 5px 0 0 0;
}
.gallThumb img {
  width: 100%;
  height: auto;
  border-radius: 5px 0 0 0;
}
.gallerSliderWraper .lSPager li img {
  width: 100%;
  border-radius: 5px;
  height: auto;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
}
.serPacage {
  margin: -187px 0 0 18px;
}
.serPacage.pricing-item-02 .berpo_btn {
  background: var(--theme-color);
  box-shadow: none;
}
.serPacage ul li i {
  color: var(--theme-color);
}
.service_details02 {
  position: relative;
  margin-left: -61px;
  padding: 61px 0 0;
}
.service_details02 h3 {
  font-size: 25px;
  line-height: 28px;
  color: #13171f;
  margin: 0 0 19px;
  letter-spacing: 0.25px;
}
.service_details02 p {
  color: #878787;
  line-height: 30px;
  margin: 0 0 30px;
}
.socail_share {
  position: relative;
  margin: 49px 0 0;
}
.socail_share h5 {
  font-size: 16px;
  line-height: 26px;
  color: #13171f;
  margin: 0 0 10px;
  display: block;
  letter-spacing: 0.16px;
}
.socail_share a {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #454a53;
  text-align: center;
  font-size: 16px;
  background: transparent;
  border-radius: 50%;
  margin-right: 10px;
}
.socail_share a:hover {
  color: #fff;
  background: #0051f2;
}
.service_sidebar {
  position: relative;
  margin-right: 60px;
  margin-top: 30px;
}
.service_list {
  margin: 0 0 50px;
  padding: 0 0 12px;
  background: #f9f9f9;
  border-radius: 3px;
}
.service_list .widget_title {
  position: relative;
  top: -30px;
  width: calc(100% - 50px);
  height: 76px;
  font-size: 20px;
  color: #161616;
  line-height: 75px;
  font-weight: 600;
  margin-bottom: -12px;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0 34px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
}
.service_list .widget_title img {
  height: 32px;
  width: auto;
  margin-right: 15px;
}
.service_list .widget_title i {
  display: inline-block;
  font-size: 32px;
  margin-right: 17px;
  color: #020288;
  position: relative;
  top: 10px;
}
.service_list ul {
  margin: 0;
  padding: 0;
}
.service_list ul li {
  list-style: none;
  display: block;
  position: relative;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 60px;
}
.service_list ul li:last-child {
  border: none;
}
.service_list ul li a {
  display: inline-block;
  font-size: 17px;
  color: #161616;
  position: relative;
}
.service_list ul li a:before {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #d6d6d6;
  border-radius: 50%;
  content: "";
  margin-right: 14px;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
}
.service_list ul li.active a,
.service_list ul li a:hover {
  color: var(--theme-color);
}
.service_list ul li.active a:before,
.service_list ul li a:hover:before {
  background: var(--theme-color);
}
.download_widget {
  position: relative;
  margin: 0 0 79px;
}
.downloadbtn.berpo_btn {
  display: block;
  height: 62px;
  background: #353535;
  border-radius: 3px;
  position: relative;
  z-index: 2;
  padding: 0 40px;
  line-height: 62px;
  color: #ffffff;
  text-align: left;
  font-size: 17px;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0 0 8px;
}
.downloadbtn.berpo_btn i {
  display: inline-block;
  margin-right: 16px;
  position: relative;
  top: 1px;
}
.downloadbtn.berpo_btn .bp-shape {
  background: var(--theme-color);
}
.downloadbtn:hover {
  color: #fff;
}
.contactInfo {
  margin: 0;
  padding: 0 0 13px;
  background: #f9f9f9;
  border-radius: 3px;
}
.contactInfo .widget_title {
  position: relative;
  top: -30px;
  width: calc(100% - 50px);
  height: 76px;
  font-size: 20px;
  color: #161616;
  line-height: 75px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: capitalize;
  letter-spacing: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0 34px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
}
.contactInfo .widget_title img {
  height: 32px;
  width: auto;
  margin-right: 15px;
}
.contactInfo .widget_title i {
  display: inline-block;
  font-size: 32px;
  margin-right: 17px;
  color: #020288;
  position: relative;
  top: 10px;
}
.infoItem {
  position: relative;
  min-height: 62px;
  padding: 5px 30px 26px 138px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ececec;
}
.infoItem:last-child {
  border: none;
  margin: 0;
}
.infoItem i {
  left: 53px;
  width: 62px;
  height: 62px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background: var(--theme-color);
  position: absolute;
  left: 53px;
  top: 0;
}
.infoItem i.twi-phone-volume {
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.infoItem h5 {
  font-size: 22px;
  color: #161616;
  line-height: 24px;
  margin: 0 0 5px;
}
.infoItem p {
  font-size: 18px;
  line-height: 25px;
  color: #3c3c3c;
  margin: 0;
}
.imageGallery.owl-carousel {
  position: relative;
  margin: 0 0 32px;
}
.imageGallery.owl-carousel .galImg {
  position: relative;
}
.imageGallery.owl-carousel .galImg img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.imageGallery.owl-carousel .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 21px;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
}
.imageGallery.owl-carousel .owl-dots button {
  height: 12px;
  width: 12px;
  background: #fff;
  margin: 0 3.5px;
  border-radius: 50%;
  display: inline-block;
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
}
.imageGallery.owl-carousel .owl-dots button span {
  display: none;
}
.imageGallery.owl-carousel .owl-dots button.active,
.imageGallery.owl-carousel .owl-dots button:hover {
  background: var(--theme-color);
}
.service_details03 {
  position: relative;
  margin-left: -39px;
}
.service_details03 p {
  line-height: 30px;
  color: #878787;
  margin: 0 0 20px;
}
.serQuote {
  position: relative;
  background: #f3f6fd;
  border-left: 3px solid var(--theme-color);
  margin: 40px 0 28px;
}
.serQuote p {
  font-size: 18px;
  line-height: 35px;
  color: #666666;
  font-style: italic;
  margin: 0;
  font-weight: 300;
  padding: 60px 50px 40px 30px;
}
.service_details03 .berpo_btn {
  background: #202122;
  padding: 0 33px;
  margin-top: 12px;
}
.service_details03 .berpo_btn .bp-shape {
  background: var(--theme-color);
}
.service_details03 .berpo_btn.with_icon i {
  background: #383839;
}
.service_details03 .berpo_btn.with_icon:hover i {
  background: #980000;
}
.sp04 {
  position: relative;
  background: #f7f7f7;
  /* padding: 150px 0 110px; */
}
.sp04 .service_item_01 {
  margin-bottom: 40px;
}
.sp07,
.sp06 {
  padding: 150px 0 110px;
}
.sp06 .service_item_07 .ibMeta {
  color: var(--theme-color);
}
.sp06 .service_item_07 h5,
.sp06 .service_item_07 h3 a:hover {
  color: var(--theme-color);
}
.sp06 .service_item_07 .srm {
  background: var(--theme-color);
}
.sp06 .service_item_07 .srm:hover {
  background: #030303;
}
.sp06 .service_item_07:after {
  -webkit-box-shadow: 0px 4px 0px 0px var(--theme-color);
  -moz-box-shadow: 0px 4px 0px 0px var(--theme-color);
  box-shadow: 0px 4px 0px 0px var(--theme-color);
}

/*-----------------------------------------------------------------
/ 15. Contact Page
/------------------------------------------------------------------*/
.mapsSection {
  position: relative;
  overflow: hidden;
}
.mapsSection iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 510px;
  line-height: 0.8;
  border: none;
}
.mapsSection02 iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 611px;
  line-height: 0.8;
  border: none;
}
.google_map {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 510px;
  line-height: 0.8;
}
.icon_box_06 {
  position: relative;
  padding: 2px 0 0 74px;
  min-height: 61px;
  margin-right: -30px;
  margin-bottom: 13px;
}
.icon_box_06 .ibMeta {
  position: absolute;
  left: 0;
  top: 0;
  width: 61px;
  height: 61px;
  background: #fff;
  line-height: 64px;
  border-radius: 50%;
  border: 2px solid #eceef2;
  font-size: 26px;
  color: var(--theme-color);
  text-align: center;
}
.icon_box_06 p {
  color: #252525;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin: 0;
}
.icon_box_06 p span {
  color: #636363;
}
.ib62,
.ib63 {
  padding-top: 19px;
}
.ib63 p {
  color: var(--theme-color);
}
.contactPageForm {
  background: transparent;
  box-shadow: none;
  margin: 0 0 0 30px;
  padding: 0;
}
.contactPageForm .secTitle02 {
  font-size: 32px;
  line-height: 42px;
  color: #252525;
  font-weight: 800;
  text-align: left;
  margin: 0 0 29px;
}
.contactPageForm textarea,
.contactPageForm input {
  height: 60px;
  border-radius: 50px;
  padding: 0 38px;
  font-size: 16px;
  line-height: 60px;
  color: #8799a3;
  background: #fff;
  font-weight: 400;
  margin: 0 0 20px;
  border: 2px solid #eceef2;
}
.contactPageForm textarea {
  height: 220px;
  line-height: 28px;
  padding-top: 15px;
  border-radius: 30px;
}
.contactPageForm textarea::-moz-placeholder,
.contactPageForm input::-moz-placeholder {
  color: #8799a3;
  opacity: 1;
}
.contactPageForm textarea::-ms-input-placeholder,
.contactPageForm input::-ms-input-placeholder {
  color: #8799a3;
  opacity: 1;
}
.contactPageForm textarea::-webkit-input-placeholder,
.contactPageForm input::-webkit-input-placeholder {
  color: #8799a3;
  opacity: 1;
}
.contactPageForm .berpo_btn {
  height: 60px;
  font-size: 14px;
  line-height: 61px;
  border-radius: 50px;
  margin-top: 20px;
}
.mapsSection02 {
  position: relative;
  padding: 160px 0 0;
}
.mapsSection02 .google_map {
  height: 611px;
}
.icon_box_07 {
  position: relative;
  padding: 0;
  margin-bottom: 30px;
}
.icon_box_07 .ibMeta {
  margin: 0 0 32px;
  width: 123px;
  height: 123px;
  background: #fff;
  line-height: 130px;
  border-radius: 50%;
  font-size: 51px;
  color: var(--theme-color);
  text-align: center;
  -webkit-box-shadow: 0px 4px 18px 0px rgba(32, 45, 73, 0.1);
  -moz-box-shadow: 0px 4px 18px 0px rgba(32, 45, 73, 0.1);
  box-shadow: 0px 4px 18px 0px rgba(32, 45, 73, 0.1);
}
.icon_box_07 h3 {
  font-size: 20px;
  line-height: 28px;
  color: #1d2c44;
  margin: 0 0 10px;
}
.icon_box_07 p {
  color: #646d7c;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
  margin: 0;
}
.cnborder {
  position: relative;
  border-top: 1px solid #e8e8e8;
  margin: 57px 0 0;
}
/*-- Team Page ---*/
.teamDetailsSection {
  position: relative;
  padding: 150px 0 248px;
}
.tmImg {
  position: relative;
  margin: 0 44px 0 0;
}
.tmImg img {
  max-width: 100%;
  height: auto;
  margin: 0 0 15px;
}
.tmImg .single_skill {
  margin: 25px 0 0;
}
.tmImg .ss_child {
  background: var(--theme-color);
}
.tmdCon {
  position: relative;
}
.tmdCon > p {
  margin: 0 0 27px;
}
.tmt_meta {
  position: relative;
  padding: 0 0 0;
  margin: -7px 0 0;
}
.tmt_meta .tm_designation {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: var(--theme-color);
  display: block;
  margin: 1px 0 4px;
}
.tmt_meta h4 {
  font-size: 30px;
  margin: 0 0 25px;
}
.stm_social {
  position: relative;
  margin: 0 0 35px;
}
.stm_social a {
  margin: 0 6px 0 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 2;
  background: #fff;
  color: #252525;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  -webkit-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
  -moz-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
  filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
}
.stm_social a::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  margin: auto;
  width: 0;
  height: 0;
  z-index: -1;
  content: "";
  background: var(--theme-color);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.stm_social a:hover {
  color: #fff;
}
.stm_social a:hover::after {
  width: 100%;
  height: 100%;
}
.tm_meta {
  margin: 0 0 78px;
  padding: 0;
}
.tm_meta li {
  list-style: none;
  display: block;
  font-size: 16px;
  color: #959595;
  font-weight: 500;
  line-height: 36px;
  margin: 0;
}
.tm_meta li span {
  display: inline-block;
  font-weight: 800;
  color: #252525;
}
.tm_meta li i {
  color: var(--theme-color);
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 2px;
  line-height: inherit;
  margin-right: 15px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tmser .service_item_07 .ibMeta {
  color: var(--theme-color);
}
.tmser .service_item_07 h5,
.tmser .service_item_07 h3 a:hover {
  color: var(--theme-color);
}
.tmser .service_item_07 .srm {
  background: var(--theme-color);
}
.tmser .service_item_07 .srm:hover {
  background: #030303;
}
.tmser .service_item_07:after {
  -webkit-box-shadow: 0px 4px 0px 0px var(--theme-color);
  -moz-box-shadow: 0px 4px 0px 0px var(--theme-color);
  box-shadow: 0px 4px 0px 0px var(--theme-color);
}
.tmser {
  margin-top: 86px;
  margin-bottom: 70px;
}
.tmDesc p {
  margin: 0 0 27px;
}
.tmDesc p:last-child {
  margin-bottom: 0;
}
.teamPage {
  position: relative;
  padding: 150px 0 115px;
}
.teamPage .team_03 .tm_social {
  background: var(--theme-color);
}
.teamPage .tmcontent02 h3 a:hover,
.teamPage .team_05 .tm_social a:hover,
.teamPage .team_03 h3 a:hover,
.teamPage .team_03 p,
.teamPage .tm_content .tm_social a,
.teamPage .tm_content h3 a:hover {
  color: var(--theme-color);
}
.teamPage .tm_content .tm_social a:hover {
  color: #fff;
}
.teamPage .team_03 {
  margin-bottom: 30px;
}
.team_06 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.teamPage .team_06 {
  background: var(--theme-color);
}