.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-weight: 700;
  font-family:sans-serif;
}

p {
  margin-bottom: 15px;
  line-height: 26px;
  color: #555555;
  text-align: justify;
}
p:last-child {
  margin-bottom: 0;
}

.bg-color-3a96af {
  background-color: #3a96af;
}

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

.bg-color-73299a {
  background-color: #73299a;
}

.bg-color-3d0660 {
  background-color: #3d0660;
}

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

.bg-color-0b0909 {
  background-color: #0b0909;
}

.bg-color-0b0808 {
  background-color: #0b0808;
}

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

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

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

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

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

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

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

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

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

.default-btn {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(77.91deg, #FD754D 23.21%, #F63A93 85.96%);
  transition: all ease 0.5s;
  border-radius: 5px;
  padding-top: 12px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 12px;
}
.default-btn:hover {
  color: #ffffff;
}

.common-btn {
  font-size: 18px;
  font-weight: 600;
  font-family: sans-serif;
  border-radius: 5px;
  padding: 12px 45px;
  color: #ffffff;
  display: inline-block;
  background: linear-gradient(180deg, #B221E4 0%, #5C0DC1 100%);
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
}
.common-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(180deg, #5C0DC1 0%, #B221E4 100%);
  z-index: -1;
  opacity: 0;
  border-radius: 5px;
  transition: all ease 0.5s;
}
.common-btn.two {
  border-radius: 40px;
  position: relative;
  z-index: 1;
}
.common-btn.two::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(180deg, #5C0DC1 0%, #B221E4 100%);
  z-index: -1;
  opacity: 0;
  border-radius: 40px;
  transition: all ease 0.5s;
}
.common-btn:hover {
  color: #ffffff;
}
.common-btn:hover::before {
  opacity: 1;
  width: 100%;
}
.common-btn:hover.two {
  border-radius: 40px;
}

.section-title {
  text-align: center;
  margin-bottom: 40px;
}
.section-title .sub-title {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  color: #fd7529;
  border: 1px dashed rgba(122, 28, 208, 0.42);
  border-radius: 30px;
  padding: 6px 28px;
  margin-bottom: 15px;
}
.section-title .subtitle {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  color: #fd7529;
  margin-bottom: 15px;
}
.section-title h2 {
  font-size: 40px;
  margin-bottom: 0;
  color: #000000;
}

.section-heading {
  margin-bottom: 30px;
}
.section-heading .sub-title {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  color: #fd7529;
  border: 1px dashed rgba(122, 28, 208, 0.42);
  border-radius: 30px;
  padding: 6px 28px;
  margin-bottom: 15px;
}
.section-heading .subtitle {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  color: #fd7529;
  margin-bottom: 15px;
}
.section-heading h2 {
  font-size: 48px;
  margin-bottom: 20px;
  color: #000000;
}
.section-heading p {
  font-size: 16px;
  color: #555555;
}

/*
Navbar Area Style
======================================================*/
.navbar-area {
  border-bottom: 1px solid rgba(255, 255, 255, 0.19);
  background-color: transparent;
  padding-top: 24px;
  padding-bottom: 24px;
}
.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #000000;
  border-bottom: 1px solid #000000;
}
.navbar-area .container-fluid {
  max-width: 1685px;
}
.navbar-area .navbar-brand .white-logo {
  display: none;
}
.navbar-area .mobile-responsive-menu .logo .white-logo {
  display: none;
}

.desktop-nav {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.desktop-nav .navbar {
  transition: all ease 0.5s;
  z-index: 2;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.desktop-nav .navbar ul {
  margin-bottom: 0;
  list-style-type: none;
}
.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  position: relative;
  font-weight: 500;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 36px;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
  padding-right: 30px;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
  content: "\ebc0";
  position: absolute;
  top: 1px;
  right: 10px;
  font-family: 'Open Sans',sans-serif !important;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: #fd7529;
}
.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 4px;
}
.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: #fd7529;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  position: absolute;
  visibility: hidden;
  border-radius: 0;
  display: block;
  width: 250px;
  border: none;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  padding: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #000000;
  padding: 16px;
  border-bottom: 1px dashed #e3e3e3;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: relative;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before {
  content: "\ea50";
  position: absolute;
  top: 18px;
  right: 13px;
  font-family: 'Open Sans',sans-serif !important;
  line-height: 1;
  font-size: 17px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #fd7529;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  right: 250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #1b2336;
  border-bottom: 1px dashed #e3e3e3;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before {
  content: "\ea4e";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: 'Open Sans',sans-serif !important;
  line-height: 1;
  font-size: 17px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #fd7529;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: 250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #fd7529;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -1px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #00ca99;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -1px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #00ca99;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: #00ca99;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: #00ca99;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  margin-top: 24px;
  visibility: visible;
}
.desktop-nav .navbar .others-options ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.desktop-nav .navbar .others-options ul li {
  margin-right: 20px;
  display: inline-block;
}
.desktop-nav .navbar .others-options ul li:last-child {
  margin-right: 0;
}
.desktop-nav .navbar .others-options ul li .search {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 400px;
  height: 50px;
  transform: translateX(-50%) translateY(-50%);
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked ~ .search__field {
  width: calc(100% - 80px);
  border-width: 2px;
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked ~ .search__field .search__input::-moz-placeholder {
  opacity: 1;
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked ~ .search__field .search__input::placeholder {
  opacity: 1;
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked ~ .search__field .search__close {
  left: -25px;
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked ~ .search__field .search__button {
  right: 5px;
  width: 35px;
  height: 35px;
  border-radius: 50px;
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked ~ .search__field .search__button--toggle {
  display: none;
}
.desktop-nav .navbar .others-options ul li .search__toggle:checked ~ .search__field .search__button--submit {
  display: flex;
}
.desktop-nav .navbar .others-options ul li .search__close {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateX(-50%);
  transition: 0.3s;
}
.desktop-nav .navbar .others-options ul li .search__close::before, .desktop-nav .navbar .others-options ul li .search__close::after {
  position: absolute;
  display: block;
  content: "";
  width: 15px;
  height: 3px;
  background-color: #ffffff;
}
.desktop-nav .navbar .others-options ul li .search__close::before {
  transform: rotate(45deg);
}
.desktop-nav .navbar .others-options ul li .search__close::after {
  transform: rotate(-45deg);
}
.desktop-nav .navbar .others-options ul li .search__field {
  position: absolute;
  right: 0;
  left: 50%;
  width: 40px;
  height: 45px;
  border: 0px solid #ffffff;
  border-radius: 50px;
  transform: translateX(-50%);
  transform-origin: right;
  transition: 0.3s;
}
.desktop-nav .navbar .others-options ul li .search__input {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  width: calc(100% - 40px);
  height: 100%;
  padding: 5px 15px;
  color: #ffffff;
  background-color: transparent;
  border: 0;
  outline: none;
  font-family: sans-serif;
  font-size: 16px;
}
.desktop-nav .navbar .others-options ul li .search__input::-moz-placeholder {
  color: #ffffff;
  opacity: 0;
  -moz-transition: 0.3s;
  transition: 0.3s;
  transition-delay: 0.3s;
}
.desktop-nav .navbar .others-options ul li .search__input::placeholder {
  color: #ffffff;
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0.3s;
}
.desktop-nav .navbar .others-options ul li .search__label {
  cursor: pointer;
}
.desktop-nav .navbar .others-options ul li .search__button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 5px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.3s;
}
.desktop-nav .navbar .others-options ul li .search__button--submit {
  display: none;
  border: 0;
}
.desktop-nav .navbar .others-options ul li .search__icon {
  position: relative;
  width: 19px;
  height: 19px;
}
.desktop-nav .navbar .others-options ul li .search__icon::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid #0099ff;
  border-radius: 50px;
}
.desktop-nav .navbar .others-options ul li .search__icon::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 8px;
  height: 2px;
  background-color: #0099ff;
  transform: rotate(45deg);
  transform-origin: right;
}
.desktop-nav .others-options .optional-btn {
  color: #000000;
  margin-left: 50px;
  margin-right: 25px;
  font-weight: 700;
  position: relative;
  line-height: 12px;
  top: 7px;
  border: none;
  background-color: transparent;
}
.desktop-nav .others-options .optional-btn::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -24px;
  width: 1px;
  height: 25px;
  background-color: #1f242e;
  opacity: 0.2;
}
.desktop-nav .others-options .optional-btn i {
  margin-right: 0;
  font-size: 25px;
}
.desktop-nav .others-options .optional-btn .badge {
  margin-left: 0;
}
.desktop-nav .others-options .bag {
  color: #000000;
  position: relative;
  margin-right: 40px;
  top: 3px;
}
.desktop-nav .others-options .bag i {
  font-size: 25px;
}
.desktop-nav .others-options .bag span {
  top: 10px;
  left: 15px;
  width: 18px;
  height: 19px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  background-color: #fd7529;
  transform: translateY(-50%);
}

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

.login .form-check-label {
  color: #fd7529;
}

.desktop-nav .others-options .option-item {
  position: relative;
  margin-right: 35px;
  margin-left: 35px;
}
.desktop-nav .others-options .option-item .search-btn {
  cursor: pointer;
  transition: all ease 0.5s;
  color: #ffffff;
  font-size: 25px;
  position: relative;
  top: 4px;
}
.desktop-nav .others-options .option-item .close-btn {
  transition: all ease 0.5s;
  color: #ffffff;
  font-size: 25px;
  display: none;
  cursor: pointer;
}
.desktop-nav .others-options .option-item .close-btn.active {
  display: block;
}
.desktop-nav .others-options .option-item .search-overlay {
  display: none;
}
.desktop-nav .others-options .option-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  right: 0;
  width: 400px;
  margin-top: 34px;
  background-color: #ffffff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  z-index: 2;
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form {
  position: relative;
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form .search-input {
  outline: 0;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  background-color: #f4f4ff;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 70px;
  padding-bottom: 15px;
  border: 1px solid #dfdfff;
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form .search-input:focus {
  border: 1px solid #fd7529;
}
.desktop-nav .others-options .option-item .search-overlay.search-popup .search-form .search-button {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  font-size: 18px;
  color: #ffffff;
  background-color: #fd7529;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
}
.desktop-nav .others-options .option-item:hover .search-btn {
  color: #fd7529;
}
.desktop-nav .others-options .option-item:hover .close-btn {
  color: #fd7529;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
  display: none !important;
}
.others-option-for-responsive .dot-menu {
  top: -23px;
  right: 60px;
  height: 30px;
  z-index: 999;
  padding: 0 10px;
  cursor: pointer;
  position: absolute;
}
.others-option-for-responsive .dot-menu .inner {
  align-items: center;
  display: flex;
}
.others-option-for-responsive .dot-menu .inner .circle {
  height: 5px;
  width: 5px;
  margin: 0 2px;
  border-radius: 100%;
  transition: all ease 0.5s;
  background-color: #fd7529;
}
.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: #fd7529;
}
.others-option-for-responsive .container {
  position: relative;
}
.others-option-for-responsive .container .container {
  position: absolute;
  right: -2px;
  top: 15px;
  opacity: 0;
  max-width: 320px;
  visibility: hidden;
  transform: scaleY(0);
  transition: all ease 0.5s;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.others-option-for-responsive .container .others-options {
  display: inline-flex;
  text-align: center;
  background-color: #ffffff;
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 12px;
}
.others-option-for-responsive .container .others-options .optional-btn {
  margin-left: 0;
  margin-right: 43px;
  font-weight: 700;
  position: relative;
  top: 2px;
  padding-top: 14px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 14px;
}
.others-option-for-responsive .container .others-options .optional-btn i {
  font-size: 28px;
  margin-right: 0;
  color: #fd7529 !important;
  position: relative;
  top: 5px;
}
.others-option-for-responsive .container .others-options .common-btn {
  width: 100%;
  font-size: 15px;
}
.others-option-for-responsive .container .others-options .option-item {
  position: relative;
  margin-right: 35px;
  margin-left: 35px;
}
.others-option-for-responsive .container .others-options .option-item .search-btn {
  cursor: pointer;
  transition: all ease 0.5s;
  color: #000000;
  font-size: 25px;
  position: relative;
  top: 10px;
}
.others-option-for-responsive .container .others-options .option-item .close-btn {
  transition: all ease 0.5s;
  color: #000000;
  font-size: 25px;
  display: none;
  cursor: pointer;
  position: relative;
  top: 10px;
}
.others-option-for-responsive .container .others-options .option-item .close-btn.active {
  display: block;
}
.others-option-for-responsive .container .others-options .option-item .search-overlay {
  display: none;
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  right: 0;
  left: -50px;
  width: 265px;
  margin-top: 10px;
  background-color: #ffffff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  z-index: 2;
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form {
  position: relative;
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form .search-input {
  outline: 0;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  background-color: #f4f4ff;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 70px;
  padding-bottom: 15px;
  border: 1px solid #dfdfff;
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form .search-input:focus {
  border: 1px solid #fd7529;
}
.others-option-for-responsive .container .others-options .option-item .search-overlay.search-popup .search-form .search-button {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  font-size: 18px;
  color: #ffffff;
  background-color: #fd7529;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
}
.others-option-for-responsive .container .others-options .option-item:hover .search-btn {
  color: #fd7529;
}
.others-option-for-responsive .container .others-options .option-item:hover .close-btn {
  color: #fd7529;
}

.result-pagination.search-pagination {
  margin-left: 0;
}

/**/
.first-slides.owl-theme .owl-nav {
  margin-top: 0;
}
.first-slides.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  background-color: #fd7529;
  font-size: 40px;
  width: 50px;
  height: 50px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.5s;
}
.first-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 40px;
  left: auto;
}
.first-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #ffffff;
  color: #fd7529;
}

/**/
.hero-slides.owl-theme .owl-nav {
  margin-top: 0;
}
.hero-slides.owl-theme .owl-nav [class*=owl-] {
  color: #000000;
  background-color: rgba(253, 117, 41, 0.17);
  font-size: 40px;
  width: 50px;
  height: 50px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.5s;
}
.hero-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 40px;
  left: auto;
}
.hero-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #fd7529;
  color: #ffffff;
}

/**/
.fide-slides .hero-area {
  padding-top: 300px;
  padding-bottom: 200px;
}
.fide-slides .hero-area.bg-1 {
  background-image: url("..//images/banner-bg1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
}
.fide-slides .hero-area.bg-2 {
  background-image: url("..//images/banner-bg2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
}
.fide-slides .hero-area::before {
  display: none;
}
.fide-slides .hero-area .hero-content span {
  background-color: rgba(255, 255, 255, 0.199);
  color: #ffffff;
}
.fide-slides .hero-area .hero-content h1 {
  color: #ffffff;
}
.fide-slides .hero-area .hero-content p {
  color: #ffffff;
}
.fide-slides .hero-area .hero-content .hero-btn-2 {
  transition: all ease 0.5s;
  border: 1px solid rgb(255, 255, 255);
  color: #ffffff;
  border-radius: 5px;
  padding: 12px 30px;
  margin-left: 26px;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.fide-slides .hero-area .hero-content .hero-btn-2:hover {
  border: 1px solid #ff823e;
}
.fide-slides.owl-theme .owl-nav {
  margin-top: 0;
}
.fide-slides.owl-theme .owl-nav [class*=owl-] {
  color: #fd7529;
  background-color: #ffffff;
  font-size: 40px;
  width: 50px;
  height: 50px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 85px;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.5s;
}
.fide-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 85px;
  left: auto;
}
.fide-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #fd7529;
  color: #ffffff;
}

/*
Sponsor Area Style
======================================================*/
.partner-area .sponsor-info {
  /*box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.07);*/
  /*background-color: #ffffff;*/
  /*border-radius: 200px;*/
  /*padding: 1rem 0;*/
  position: relative;
  /*margin-top: -78px;*/
  z-index: 1;
}
.partner-area .sponsor-info .owl-carousel .owl-item img {
  width: 90%;
  height: auto;
  margin: auto;
  transition: all ease 0.5s;
}
.partner-area .sponsor-info .owl-carousel .owl-item img:hover {
  opacity: 1;
}

/*
Our Awesome Features Area Style
======================================================*/
.features-card {
  margin-top: 30px;
  background-color: #ffffff;
  padding-left: 3px;
  padding-bottom: 3px;
  margin-bottom: 30px;
  border-radius: 100px 0px 100px 0px;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  position: relative;
}
.features-card::before {
  content: "";
  position: absolute;
  left: -3px;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px 0px 100px 0px;
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
}
.features-card i {
  font-size: 48px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  text-align: center;
  display: block;
  color: #ffffff;
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 2;
}
.features-card .features {
  padding-top: 90px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  z-index: -1;
}
.features-card .features h4 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 15px;
}

.features-card.two i {
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
}
.features-card.two::before {
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
}
.features-card.three i {
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
}
.features-card.three::before {
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
}
.features-card.four i {
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
}
.features-card.four::before {
  background: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);
}

/*
Modern Graphics Area Style
======================================================*/
.modern-graphic-area-one {
  padding-top: 85px;
  padding-bottom: 80px;
}

.modern-info {
  position: relative;
}
.modern-info .section-heading h2 {
  font-size: 47px;
}
.modern-info ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.modern-info ul li {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.modern-info ul li:last-child {
  margin-bottom: 0;
}
.modern-info ul li i {
  position: absolute;
  top: 2px;
  left: 0;
  color: #fd7529;
}
.modern-info .common-btn {
  margin-top: 40px;
}
.modern-info .graphic-shape-3 {
  position: absolute;
  right: 20px;
  bottom: -30px;
}

.graphics-img {
  position: relative;
  z-index: 1;
}
.graphics-img .paying-img {
  display: none;
}
.graphics-img .graphics-img-1 {
  text-align: end;
  margin-left: 30px;
  margin-right: -30px;
}
.graphics-img .graphics-img-2 {
  position: absolute;
  right: 0;
  bottom: 18px;
}
.graphics-img .graphics-img-3 {
  position: absolute;
  top: 60px;
  left: 0;
}
.graphics-img .graphic-shape-1 {
  position: absolute;
  top: 28px;
  right: 15px;
  z-index: -1;
}
.graphics-img .graphic-shape-2 {
  position: absolute;
  top: 90px;
  right: -50px;
}

/*
Our Awesome Services Area Style
======================================================*/
.services-area {
  position: relative;
}
.services-area .service-shape-1 {
  position: absolute;
  bottom: 226px;
  right: 313px;
}
.services-area .service-shape-4 {
  position: absolute;
  bottom: 230px;
  left: 369px;
}

.services-card {
  background-color: #ffffff;
  padding-left: 3px;
  padding-bottom: 3px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 100px 0px 100px 0px;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  position: relative;
}
.services-card::before {
  content: "";
  position: absolute;
  left: -3px;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px 0px 100px 0px;
  background: linear-gradient(180deg, #F85C76 0%, #DC36B6 100%);
}
.services-card i {
  font-size: 48px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 50%;
  text-align: center;
  display: block;
  color: #ffffff;
  background: linear-gradient(30deg, #FD6D6D 13.39%, #ED3389 50%, #D837BF 86.61%);
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 2;
}
.services-card .info {
  padding-top: 90px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  z-index: -1;
}
.services-card .info h4 {
  font-size: 24px;
}
.services-card .info h4 a {
  color: #000000;
}
.services-card .info h4 a:hover {
  color: #fd7529;
}
.services-card.one {
  margin-right: 110px;
}
.services-card.one .service-shape-3 {
  position: absolute;
  top: 30%;
  right: -48%;
  transform: translateY(-50%);
}
.services-card.two {
  margin-left: 55px;
  margin-right: 55px;
}
.services-card.two::before {
  background: linear-gradient(180deg, #FA877A 0%, #9B23EA 100%);
}
.services-card.two i {
  background: linear-gradient(30deg, #7632FF 13.39%, #BD14D6 31.7%, #E81190 50%, #FF795F 68.3%, #F88F88 86.61%);
}
.services-card.two .service-shape-2 {
  position: absolute;
  top: 30%;
  right: -48%;
  transform: translateY(-50%);
}
.services-card.three {
  margin-left: 110px;
}
.services-card.three::before {
  background: linear-gradient(180deg, #980BF5 0%, #E71994 100%);
}
.services-card.three i {
  background: linear-gradient(30deg, #910BFF 13.39%, #BC0CB7 50%, #F91E85 86.61%);
}
.services-card.four {
  margin-right: 83px;
  margin-left: 32px;
}
.services-card.four::before {
  background: linear-gradient(180deg, #C432D9 0%, #6C8EFE 100%);
}
.services-card.four i {
  background: linear-gradient(30deg, #669CFE 13.39%, #8C41FE 37.79%, #C531D8 62.2%, #FE37A1 86.61%);
}
.services-card.four .service-shape-5 {
  position: absolute;
  top: 0;
  right: -48%;
}
.services-card.five {
  margin-left: 83px;
  margin-right: 32px;
}
.services-card.five::before {
  background: linear-gradient(180deg, #5012C8 0%, #9108D0 100%);
}
.services-card.five i {
  background: linear-gradient(30deg, #C200D6 13.39%, #B901D5 23.83%, #A105D2 40.86%, #790CCD 62.34%, #4414C6 86.61%);
}

/*
Workflow Integration Area Style
======================================================*/
.workflow-integration-area {
  position: relative;
}
.workflow-integration-area .task-shape-2 {
  position: absolute;
  left: 232px;
  bottom: 170px;
}
.workflow-integration-area .team-shape {
  position: absolute;
  top: 42%;
  right: 0;
}

.task-img {
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
}
.task-img .task-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.task-img .task-img-2 {
  position: absolute;
  right: -75px;
  bottom: 50px;
}
.task-img .task-img-3 {
  position: absolute;
  top: 60px;
  left: -30px;
}

/*
Counter Area Style
======================================================*/
.odometer-formatting-mark {
  display: none;
}

.counter-area {
  padding-top: 140px;
  padding-bottom: 125px;
  position: relative;
  z-index: 1;
}
.counter-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #73299a;
  z-index: -1;
  opacity: 0.3;
}
.counter-area .count-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  animation: FocuS 1s linear 1s infinite;
}

.count-info {
     line-height: 0;
    /* margin-bottom: 1.5vw; */
    /* margin-top: 1vw; */
    position: relative;
    z-index: 1;
    text-align: center;
    background: rgb(255 255 255 / 5%);
    padding: 3vw 1vw;
    border-radius: 50%;
}
/*.count-info::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 30px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.05);
  width: 197px;
  height: 197px;
  border-radius: 50%;
  z-index: -1;
}*/
.count-info h3 {
  font-size: 64px;
  margin-bottom: 0;
  background: linear-gradient(89.84deg, #FE8E37 2.65%, #FF32BC 71.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.count-info h3 .odometer {
  background: linear-gradient(89.84deg, #FE8E37 2.65%, #FF32BC 71.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.count-info h3 .odometer-value {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.count-info .target {
  font-size: 64px;
  font-weight: 700;
  position: relative;
  bottom: -15px;
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.count-info p {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
.count-info.two {
  margin-left: 45px;
}
.count-info.three {
  margin-left: 90px;
}
.count-info.four {
  margin-left: 136px;
}

/*
Pricing Plan Area Style
======================================================*/
.pricing-content .nav-tabs {
  border: none;
  margin-top: 25px;
  margin-bottom: 39px !important;
  justify-content: center;
  background-color: #f6f3f0;
  border-radius: 60px;
  max-width: 235px;
  margin: auto;
}
.pricing-content .nav-item {
  position: relative;
}
.pricing-content .nav-item .nav-link {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0;
  padding: 12px 30px;
  border: none;
  transition: all ease 0.5s;
}
.pricing-content .nav-item .nav-link.active {
  background: linear-gradient(75.94deg, #FF2EC4 4.26%, #FE9036 93.22%);
  border-radius: 60px;
  color: #ffffff;
}
.pricing-content .pricing-card {
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.07);
  background-color: #ffffff;
  padding-bottom: 44px;
  margin-bottom: 30px;
  border-radius: 20px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.pricing-content .pricing-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 29%;
  z-index: -1;
  border-radius: 20px;
  background-color: #f6f3f0;
}
.pricing-content .pricing-card .color {
  border-radius: 20px;
  padding-top: 40px;
  text-align: center;
  margin-bottom: 30px;
}
.pricing-content .pricing-card .color h4 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
}
.pricing-content .pricing-card .color span {
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: rgba(253, 117, 41, 0.97);
  transition: all ease 0.5s;
  background: linear-gradient(46.25deg, rgba(255, 57, 180, 0.1) 9.58%, rgba(254, 137, 65, 0.1) 84.34%);
  width: 108px;
  height: 106px;
  border-radius: 50%;
  padding: 15px 18px;
  margin: auto;
  position: relative;
}
.pricing-content .pricing-card .color span p {
  font-size: 14px;
  color: #555555;
  line-height: 10px;
  font-weight: 400;
  transition: all ease 0.5s;
  z-index: 1;
}
.pricing-content .pricing-card .color span::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -4px;
  right: 0;
  bottom: 0;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: -1;
  margin: auto;
}
.pricing-content .pricing-card .color span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(46.25deg, #FF39B4 9.58%, #F73A93 9.58%, #FE7948 84.34%);
  z-index: -1;
  opacity: 0;
  transition: all ease 0.5s;
}
.pricing-content .pricing-card ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.pricing-content .pricing-card ul li {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}
.pricing-content .pricing-card ul li:last-child {
  margin-bottom: 0;
}
.pricing-content .pricing-card ul li i {
  position: relative;
  top: 2px;
  right: 10px;
  font-size: 18px;
  color: #fd7529;
}
.pricing-content .pricing-card ul li .panel {
  color: #ff0000;
}
.pricing-content .pricing-card .pricing-btn {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  color: rgba(253, 117, 41, 0.97);
  border: 1px solid rgba(253, 117, 41, 0.19);
  border-radius: 40px;
  margin-top: 34px;
  padding: 12px 40px;
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
}
.pricing-content .pricing-card .pricing-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  border-radius: 40px;
  background: linear-gradient(95.32deg, #FF823E -0.67%, #F73A93 73.27%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.pricing-content .pricing-card .pricing-btn.two {
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.pricing-content .pricing-card .pricing-btn.two::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(180deg, #FE7A47 0%, #F63A93 100%);
  z-index: -1;
  opacity: 0;
  border-radius: 5px;
  transition: all ease 0.5s;
}
.pricing-content .pricing-card .pricing-btn:hover {
  color: #ffffff;
}
.pricing-content .pricing-card .pricing-btn:hover::before {
  opacity: 1;
  width: 100%;
  visibility: visible;
}
.pricing-content .pricing-card:hover span {
  color: #ffffff;
}
.pricing-content .pricing-card:hover span::after {
  opacity: 1;
  width: 100%;
}
.pricing-content .pricing-card:hover span p {
  color: #ffffff;
}
.pricing-content .pricing-card:hover.two::before {
  opacity: 1;
  width: 100%;
}

/*
Meet Our Expert Team Area Style
======================================================*/
.team-card {
  box-shadow: 0px 0px 30px rgba(122, 28, 208, 0.07);
  background-color: #ffffff;
  border-radius: 20px;
  text-align: center;
  margin: 0px 5px 30px 5px;
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
  padding-top: 16px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 30px;
}
.team-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(179.21deg, #FE7B46 36.01%, #F73A93 99.32%);
  box-shadow: 0px 0px 30px rgba(122, 28, 208, 0.07);
  border-radius: 20px;
  transition: all ease 0.5s;
  z-index: -1;
}
.team-card .team-img {
  position: relative;
}
.team-card .team-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 50%;
  transition: all ease 0.5s;
  background: linear-gradient(181.88deg, rgba(0, 0, 0, 0) 50.12%, rgba(0, 0, 0, 0.72) 98.41%);
}
.team-card .team-img img {
  width: auto;
  height: auto;
  border-radius: 50%;
}
.team-card .team-social {
  position: relative;
}
.team-card .team-social ul {
  transition: all ease 0.5s;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}
.team-card .team-social ul li {
  transition: all ease 0.5s;
  display: inline-block;
  padding-right: 5px;
  opacity: 0;
  visibility: hidden;
}
.team-card .team-social ul li:last-child {
  padding-right: 0;
}
.team-card .team-social ul li i {
  color: #fd7529;
  background-color: #ffffff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center;
  transition: all ease 0.5s;
}
.team-card .team-social ul li i:hover {
  background-color: #fd7529;
  color: #ffffff;
}
.team-card .name {
  margin-top: 20px;
}
.team-card .name h4 {
  font-size: 24px;
  margin-bottom: 8px;
  transition: all ease 0.5s;
}
.team-card .name p {
  transition: all ease 0.5s;
}
.team-card:hover h4 {
  color: #ffffff !important;
}
.team-card:hover p {
  color: #ffffff;
}
.team-card:hover::before {
  opacity: 1;
}
.team-card:hover .team-img::before {
  opacity: 1;
}
.team-card:hover ul li {
  opacity: 1;
  visibility: visible;
}

.team-slider.owl-theme .owl-nav [class*=owl-], .awesome-slider.owl-theme .owl-nav [class*=owl-] {
  color: #000000;
  font-size: 30px;
  background: rgba(253, 117, 41, 0.17);
  width: 50px;
  height: 50px;
  line-height: 58px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.5s;
}
.team-slider.owl-theme .owl-nav [class*=owl-].owl-next, .awesome-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -80px;
  left: auto;
}
.team-slider.owl-theme .owl-nav [class*=owl-].owl-next i, .awesome-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -2px;
}
.team-slider.owl-theme .owl-nav .owl-prev i, .awesome-slider.owl-theme .owl-nav .owl-prev i {
  left: -1px;
  position: relative;
}
.team-slider.owl-theme .owl-nav [class*=owl-]:hover, .awesome-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #fd7529;
  color: #ffffff;
}

.awesome-slider.owl-theme .owl-nav [class*=owl-] {
  top: 40%;
}

/*
Why Choose Us Area Style
======================================================*/
.why-choose-us-area {
  padding-top: 80px;
  padding-bottom: 80px;
}

.why-choose-us-content {
  max-width: 650px;
}
.why-choose-us-content .report {
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  border-radius: 70px;
  background-color: #ffffff;
  margin-bottom: 40px;
  padding-top: 10px;
  padding-left: 11px;
  padding-right: 25px;
  padding-bottom: 10px;
}
.why-choose-us-content .report i {
  font-size: 38px;
  background: linear-gradient(30deg, #FF17F1 13.39%, #FF5379 50%, #FEB012 86.61%);
  width: 72px;
  height: 72px;
  line-height: 76px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
}
.why-choose-us-content .report .info {
  font-size: 18px;
  font-weight: 700;
  padding-left: 12px;
  color: #000000;
}
.why-choose-us-content .report.two i {
  background: linear-gradient(30deg, #910BFF 13.39%, #BC0CB7 50%, #F91E85 86.61%);
}

.choose-img {
  position: relative;
}
.choose-img .choose-image {
  display: none;
}
.choose-img .choose-img-2 {
  position: absolute;
  left: -82px;
  bottom: 24px;
}
.choose-img .choose-img-3 {
  position: absolute;
  top: 55px;
  left: -64px;
}
.choose-img .choose-img-4 {
  position: absolute;
  top: 26%;
  right: -35px;
  transform: translateY(-50%);
}
.choose-img .choose-shape-1 {
  position: absolute;
  top: 28px;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/*
Testimonials Area Style
======================================================*/
.testimonials-area .owl-carousel .owl-item img {
  max-width: 93px;
  height: 93px;
  border-radius: 50%;
}

.testimonials-box {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 30px;
  position: relative;
}
.testimonials-box p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #000000;
  margin-bottom: 0;
}
.testimonials-box i {
  position: absolute;
  top: 55px;
  right: 45px;
  font-size: 58px;
  color: rgba(253, 117, 41, 0.35);
}
.testimonials-box .box {
  margin-bottom: 20px;
}
.testimonials-box .box .name h4 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 10px;
}

.testimonials-slider.owl-carousel.owl-theme {
  position: relative;
}
.testimonials-slider.owl-carousel.owl-theme .owl-dots {
  margin-top: 20px;
  padding-bottom: 18px;
  left: 0;
  right: 0;
}
.testimonials-slider.owl-carousel.owl-theme .owl-dots .owl-dot span {
  width: 19px;
  height: 10px;
  border-radius: 30px;
  background-color: rgba(253, 117, 41, 0.24);
  transition: all ease 0.5s;
}
.testimonials-slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  width: 27px;
  background-color: #fd7529;
}

/*
See Our Latest News Area Style
======================================================*/
.blog-area .section-heading h2 {
  margin-bottom: 0;
}
.blog-area .section-heading .blog-btn {
  text-align: end;
  margin-bottom: 12px;
}

.blog-card {
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  background-color: #ffffff;
  margin-bottom: 30px;
  border-radius: 20px;
  position: relative;
}
.blog-card .single {
  padding-left: 55px;
  padding-bottom: 35px;
}
.blog-card .single .blog-img {
  position: relative;
}
.blog-card .single .blog-img img {
  border-radius: 20px 20px 0px 0px;
}
.blog-card .single .blog-img .date {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  background: linear-gradient(82.18deg, #FE764B 20.07%, #F73A93 94.97%);
  border-radius: 20px 0px 0px 20px;
  padding: 10px 22px;
}
.blog-card .single .blog-content {
  padding: 28px 28px 10px 0px;
}
.blog-card .single .blog-content h4 {
  font-size: 24px;
  transition: all ease 0.5s;
}
.blog-card .single .blog-content h4 a {
  color: #000000;
}
.blog-card .single .blog-content h4 a:hover {
  color: #fd7529;
}
.blog-card .single .blog-content ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  transform: rotate(-89.69deg);
  position: absolute;
  top: 150px;
  left: -90px;
}
.blog-card .single .blog-content ul li {
  display: inline-block;
  color: #777777;
  margin-right: 30px;
}
.blog-card .single .blog-content ul li:last-child {
  margin-right: 0;
}
.blog-card .single .blog-content ul li img {
  transform: rotate(90deg);
  max-width: 15px;
  position: relative;
  top: -2px;
}
.blog-card .single .blog-content ul li a:hover {
  color: #fd7529;
}

/*
Footer Area Style
======================================================*/
.footer-area {
  position: relative;
  z-index: 1;
}
.footer-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #3b0458;
  z-index: -1;
}
.footer-area .footer-shape {
  position: absolute;
  left: 0;
  bottom: -20px;
  z-index: -1;
  animation: FocuS 1s linear 1s infinite;
}

.widget {
  max-width: 307px;
}
.widget img {
  margin-bottom: 30px;
}
.widget p {
  color: #e8e8e8;
  margin-bottom: 28px;
}
.widget ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.widget ul li {
  display: inline-block;
  margin-right: 10px;
}
.widget ul li:last-child {
  margin-right: 0;
}
.widget ul li i {
  color: #fd7529;
  background-color: #ffffff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center;
  transition: all ease 0.5s;
}
.widget ul li i:hover {
  background-color: #fd7529;
  color: #ffffff;
}
.widget ul li .social {
  position: relative;
  z-index: 1;
}
.widget ul li .social::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  background-color: #4f1d69;
  transition: all ease 0.5s;
  z-index: -1;
}

.address h4 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #ffffff;
}
.address ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.address ul li {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.address ul li:last-child {
  margin-bottom: 0;
}
.address ul li a {
  color: #5c5c5c;
}
.address ul li a:hover {
  color: #96c74a;
}
.address ul li i {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 18px;
  color: #96c74a;
}

.address .location li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 50px;
}
.address .location li i {
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.05);
  width: 41px;
  height: 41px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all ease 0.5s;
}
.address .location li i:hover {
  background-color: #6363ca;
  color: #ffffff;
}
.address .location li a {
  position: relative;
  top: 10px;
}
.address .location li span {
  color: #e8e8e8;
}

/*
Copyright Area Style
======================================================*/
.copy-area {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  padding-top: 33px;
  padding-bottom: 33px;
  position: relative;
  z-index: 1;
}
.copy-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #3b0458;
  z-index: -1;
}
.copy-area .copy {
  text-align: center;
}
.copy-area .copy p {
  font-size: 16px;
  color: #ffffff;
}
.copy-area .copy p span {
  color: #96c74a;
  font-weight: 500;
}
.copy-area .copy p a {
  color: #96c74a;
  font-weight: 500;
}

.footer-area.footer-area-2::before {
  background-color: transparent;
}

.copy-area.copy-area-2::before {
  background-color: transparent;
}

/*
Home Tow banner Area Style
======================================================*/
.home-area {
  padding-top: 233px;
  padding-bottom: 120px;
  position: relative;
  z-index: 1;
}
.home-area .container-fluid {
  max-width: 1685px;
}
.home-area .home-shape-1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.home-area .home-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.home-area .home-shape-3 {
  position: absolute;
  top: 20%;
  left: 26%;
}
.home-area .home-shape-4 {
  position: absolute;
  left: 44%;
  bottom: 8%;
}

.home-content {
  max-width: 910px;
}
.home-content span {
  display: -webkit-inline-box;
  margin-bottom: 18px;
  font-weight: 500;
  color: #fd7529;
  border-radius: 5px;
  padding: 11px 21px;
  background: rgba(255, 255, 255, 0.06);
}
.home-content h1 {
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  color: #ffffff;
  margin-bottom: 35px;
}
.home-content p {
  color: #d0cfcf;
  margin-bottom: 35px;
}

.button-group .banner-btn {
  font-size: 18px;
  font-weight: 600;
  padding: 12px 27px;
  color: #ffffff;
  position: relative;
  border-radius: 5px;
  background: linear-gradient(77.91deg, #FD754D 23.21%, #F63A93 85.96%);
  z-index: 1;
}
.button-group .banner-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  transition: all ease 0.5s;
  background: linear-gradient(77.91deg, #F63A93 23.21%, #FD754D 85.96%);
}
.button-group .banner-btn:hover::before {
  opacity: 1;
}
.button-group .banner-btn-2 {
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
  margin-left: 20px;
  position: relative;
  border-radius: 5px;
  padding: 11px 27px;
  color: #ffffff;
  transition: all ease 0.5s;
  border: 1px solid rgba(253, 117, 41, 0.32);
}
.button-group .banner-btn-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  transition: all ease 0.5s;
  background: linear-gradient(77.91deg, #FD754D 23.21%, #F63A93 85.96%);
}
.button-group .banner-btn-2:hover::before {
  opacity: 1;
}

.home-img {
  text-align: end;
}
.home-img .banner-img-2 {
  margin-right: -30px;
}

/*
Home Tow Our Best Service Area Style
======================================================*/
.service-area .section-heading .sub-title {
  border: none;
  padding: 0;
}
.service-area .section-heading h2 {
  color: #ffffff;
  margin-bottom: 0;
}
.service-area .section-heading .blog-btn {
  text-align: end;
  margin-bottom: 10px;
}

.service-card {
  background-color: #100f0f;
  border-radius: 20px;
  padding: 40px 35px;
  margin-bottom: 30px;
  position: relative;
}
.service-card .icon {
  position: relative;
  border: 1px solid #c14beb;
  width: 90px;
  height: 90px;
  line-height: 105px;
  border-radius: 50%;
  text-align: center;
  z-index: 1;
}
.service-card .icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90px;
  height: 90px;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  transition: all ease 0.5s;
  background: linear-gradient(30deg, #910BFF 13.39%, #BC0CB7 50%, #F91E85 86.61%);
  z-index: -1;
}
.service-card .icon i {
  font-size: 50px;
  color: #ffffff;
  z-index: 1;
}
.service-card .icon:hover::before {
  opacity: 1;
  visibility: visible;
}
.service-card h4 {
  font-size: 24px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.service-card h4 a {
  color: #ffffff;
}
.service-card h4 a:hover {
  color: #fd7529;
}
.service-card p {
  color: #c9c5c5;
  margin-bottom: 0;
}
.service-card .software {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 83px;
  color: #ffffff;
  opacity: 0.05;
}

/*
Home Tow About Us Area Style
======================================================*/
.about-area .section-heading .sub-title {
  border: none;
  padding: 0;
}
.about-area .section-heading h2 {
  color: #ffffff;
}

.about-image {
  position: relative;
}
.about-image .about-img {
  display: none;
}
.about-image .about-1 {
  position: absolute;
  top: 40px;
  left: 0;
}
.about-image .about-2 {
  position: absolute;
  right: 0;
  bottom: 25px;
}
.about-image .about-3 {
  margin-left: 60px;
}

.about-content {
  margin-left: 20px;
}
.about-content .check-card {
  background-color: #0b0808;
  border-radius: 5px;
  padding: 9px;
  margin-bottom: 20px;
}
.about-content .check-card i {
  font-size: 18px;
  color: #ffffff;
  background: rgba(48, 48, 48, 0.38);
  border-radius: 5px;
  width: 41px;
  height: 41px;
  line-height: 46px;
  text-align: center;
}
.about-content .check-card .info {
  padding-left: 10px;
}
.about-content .check-card .info h4 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0;
}
.about-content .default-btn {
  margin-top: 20px;
}

/*
Home Tow Get Started Instantly Area Style
======================================================*/
.newsletter-area {
  position: relative;
  z-index: 1;
}
.newsletter-area .section-heading {
  text-align: center;
}
.newsletter-area .section-heading .sub-title {
  border: none;
  padding: 0;
  margin-bottom: 15px;
}
.newsletter-area .section-heading h2 {
  color: #ffffff;
}
.newsletter-area .news-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.newsletter-area .news-shape-2 {
  position: absolute;
  top: 43%;
  right: 15%;
  transform: translateY(-50%);
}
.newsletter-area .news-shape-3 {
  position: absolute;
  top: 55%;
  left: 27.8%;
  z-index: -1;
}
.newsletter-area .news-shape-4 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.newsletter-form {
  max-width: 756px;
  margin: auto;
}
.newsletter-form .form-group {
  position: relative;
}
.newsletter-form .form-group .form-control {
  box-shadow: none;
  border-radius: 10px;
  background-color: #ffffff;
  height: 70px;
  font-size: 18px;
  padding: 30px 50px 30px 20px;
}
.newsletter-form .form-group .newsletter-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 5px;
  height: 60px;
  border: none;
  background: linear-gradient(77.91deg, #FD754D 23.21%, #F63A93 85.96%);
  padding: 15px 35px;
}
.newsletter-form .form-group #validator-newsletter {
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
  color: #ff0000;
  text-align: center;
}

/*
Home Tow Our Awesome Features Area Style
======================================================*/
.feature-area {
  position: relative;
  z-index: 1;
}
.feature-area .feater-shape {
  position: absolute;
  top: 13%;
  left: 49%;
  z-index: -1;
}

.feature-info {
  max-width: 550px;
}
.feature-info .section-heading {
  margin-bottom: 0;
}
.feature-info .section-heading .sub-title {
  border: none;
  padding: 0;
  margin-bottom: 15px;
}
.feature-info .section-heading h2 {
  color: #ffffff;
}
.feature-info .section-heading p {
  color: #d0cfcf;
}

.single-features {
  background-color: #0b0808;
  border-radius: 20px;
  padding: 10px 11px;
  margin-bottom: 30px;
  margin-left: 80px;
}
.single-features .warp {
  width: 89px;
  height: 87px;
  border-radius: 24px;
  border-style: solid;
  border-width: 2px;
  border: 1px solid;
  border-image-source: linear-gradient(180deg, #D645EE 0%, #0553CF 100%);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #0b0808, #0b0808), linear-gradient(to bottom, #D645EE, #0553CF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  position: relative;
}
.single-features .warp i {
  font-size: 48px;
  color: #ffffff;
  border-radius: 20px;
  position: relative;
  padding-top: 10px;
}
.single-features .warp::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  border-radius: 20px;
  transition: all ease 0.5s;
  background: linear-gradient(201.32deg, #EA1992 -5.9%, #9A0BF0 85.97%);
}
.single-features .warp:hover::before {
  opacity: 1;
  visibility: visible;
}
.single-features .info {
  padding-left: 20px;
}
.single-features .info h4 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 0;
}
.single-features.two .warp {
  border-image-source: linear-gradient(180deg, #EA1992 0%, #9A0BF0 100%);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #0b0808, #0b0808), linear-gradient(to bottom, #EA1992, #9A0BF0);
}
.single-features.three .warp {
  border-image-source: linear-gradient(180deg, #FE9333 0%, #7A1CD0 100%);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #0b0808, #0b0808), linear-gradient(to bottom, #FE9333, #7A1CD0);
}

.single-features:nth-child(3) {
  margin-bottom: 0;
}

.features-area.features-about-area {
  z-index: 1;
  background-color: #f8f8f8;
}

/*
Home Tow Fun fact Area Style
======================================================*/
.counter-area.funfact-area {
  border-bottom: 1px solid rgba(249, 249, 249, 0.062745098);
  border-top: 1px solid rgba(249, 249, 249, 0.062745098);
  background-color: #0b0808;
  position: relative;
  z-index: 1;
}
.counter-area.funfact-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #151515;
  z-index: -1;
}
.counter-area.funfact-area .count-info {
  z-index: 1;
}
.counter-area.funfact-area .count-info::before {
  background-color: #100f0f;
}
.counter-area.funfact-area .funfact-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.counter-area.funfact-area .funfact-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}

/*
Home Tow How It Works Area Style
======================================================*/
.works-area .section-title .sub-title {
  border: none;
  padding: 0;
  margin-bottom: 11px;
}
.works-area .section-title h2 {
  color: #ffffff;
}

.works-categories {
  position: relative;
}
.works-categories .popup-image {
  position: absolute;
  top: -10px;
  left: -45px;
}
.works-categories .popup-image .works-img-1 {
  position: relative;
  z-index: 1;
}
.works-categories .popup-image .works-img-1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(6, 6, 6, 0.72);
  border-radius: 50%;
}
.works-categories .popup-image .popup-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  line-height: 78px;
  border-radius: 50%;
  text-align: center;
  padding-left: 5px;
  z-index: 1;
}
.works-categories .popup-image .popup-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  transition: all ease 0.5s;
  background-color: #ffffff;
  animation: ripple 2s linear infinite;
}
.works-categories .popup-image .popup-btn i {
  font-size: 25px;
  color: #fd7529;
}

.single-works {
  background-color: #0b0808;
  border-radius: 10px;
  padding-top: 30px;
  padding-left: 5px;
  padding-right: 15px;
  padding-bottom: 38px;
  margin-left: 100px;
  margin-right: 50px;
  margin-bottom: 23px;
}
.single-works .works {
  padding-left: 250px;
}
.single-works .works .check-card {
  position: relative;
}
.single-works .works .check-card .warp {
  position: relative;
  z-index: 1;
}
.single-works .works .check-card .warp::before {
  content: "";
  position: absolute;
  top: -27px;
  left: -8px;
  bottom: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  background-color: #100f0f;
  z-index: -1;
}
.single-works .works .check-card .warp span {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  top: -19px;
  left: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  background: linear-gradient(166.72deg, #FF3CA7 -15.27%, #183C9E 122.32%);
}
.single-works .works .check-card .works-info {
  padding-left: 60px;
}
.single-works .works .check-card .works-info h4 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 0;
}

.col-lg-12:nth-child(3) .single-works {
  margin-bottom: 0;
}

.works-image {
  margin-left: 20px;
  position: relative;
}
.works-image .works-img {
  display: none;
}
.works-image .works-img-2 {
  position: absolute;
  top: 38px;
  left: -35px;
}
.works-image .works-img-3 {
  position: absolute;
  top: 27px;
  right: 25px;
}

/*
Home Tow Choose Your Pricing Plan Area Style
======================================================*/
.pricing-area.pricing-area-two .section-title .sub-title {
  border: none;
  padding: 0;
  margin-bottom: 15px;
}
.pricing-area.pricing-area-two .section-title h2 {
  color: #ffffff;
}
.pricing-area.pricing-area-two .pricing-content .nav-tabs {
  background-color: #151515;
  border-radius: 5px;
}
.pricing-area.pricing-area-two .pricing-content .nav-item .nav-link {
  font-weight: 500;
  color: #ffffff;
}
.pricing-area.pricing-area-two .pricing-content .nav-item .nav-link.active {
  background: linear-gradient(180deg, #B221E4 0%, #5C0DC1 100%);
  border-radius: 5px;
}
.pricing-area.pricing-area-two .pricing-content .nav-item .nav-link:hover {
  border-radius: 5px;
}

.pricing-card.pricing-card-two {
  background-color: #100f0f;
}
.pricing-card.pricing-card-two::before {
  height: 32%;
  background-color: #171717;
}
.pricing-card.pricing-card-two .color {
  margin-bottom: 60px;
}
.pricing-card.pricing-card-two .color h4 {
  color: #ffffff;
  margin-bottom: 15px;
}
.pricing-card.pricing-card-two .color .price {
  display: inline-flex;
}
.pricing-card.pricing-card-two .color .price h3 {
  font-size: 48px;
  background: linear-gradient(180deg, #FE7A47 0%, #F63A93 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.pricing-card.pricing-card-two .color .price p {
  font-size: 16px;
  font-weight: 400;
  color: #d0cfcf;
  margin-top: 25px;
}
.pricing-card.pricing-card-two ul li {
  color: #d0cfcf;
}
.pricing-card.pricing-card-two .pricing-btn.two {
  border-radius: 5px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

/*
Home Tow Choose Your Pricing Plan Area Style
======================================================*/
.workflow-integration-area.workflow-integration-area-2 .history .section-heading .sub-title {
  padding: 0;
  border: none;
  margin-bottom: 10px;
}
.workflow-integration-area.workflow-integration-area-2 .history .section-heading h2 {
  color: #ffffff;
}
.workflow-integration-area.workflow-integration-area-2 .history .section-heading p {
  color: #d0cfcf;
}
.workflow-integration-area.workflow-integration-area-2 .history .history-card {
  background-color: #0b0808;
  border-radius: 10px;
  padding: 15px 20px;
  box-shadow: none;
}
.workflow-integration-area.workflow-integration-area-2 .history .history-card .warp h4 {
  color: #ffffff;
}
.workflow-integration-area.workflow-integration-area-2 .history .history-card .warp p {
  color: #d0cfcf;
}

/*
Home Tow Our Client Feedback Area Style
======================================================*/
.testimonials-area.testimonials-area-2 .section-heading .sub-title {
  border: none;
  padding: 0;
  margin-bottom: 15px;
}
.testimonials-area.testimonials-area-2 .section-heading h2 {
  color: #ffffff;
}

.testimonials-box.testimonials-card {
  background-color: #100f0f;
}
.testimonials-box.testimonials-card p {
  color: #d0cfcf;
}
.testimonials-box.testimonials-card .box .name h4 {
  color: #ffffff;
}
.testimonials-box.testimonials-card .box .name p {
  color: #d0cfcf;
}
.testimonials-box.testimonials-card i {
  color: rgba(255, 255, 255, 0.19);
  transition: all ease 0.5s;
  top: 30px;
  right: 35px;
}
.testimonials-box.testimonials-card:hover i {
  color: rgba(178, 11, 255, 0.7882352941);
}

.client-slider.owl-carousel.owl-theme {
  position: relative;
}
.client-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  font-size: 24px;
  background: rgba(255, 255, 255, 0.11);
  width: 50px;
  height: 50px;
  line-height: 58px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 91%;
  top: -22%;
  transform: translateY(-50%);
  transition: all ease 0.5s;
}
.client-slider.owl-carousel.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 0;
  left: auto;
}
.client-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #fd7529;
  color: #ffffff;
}

/*
Home Tow See Our Latest Blog Area Style
======================================================*/
.latest-area .section-title .sub-title {
  border: none;
  padding: 0;
  margin-bottom: 15px;
}
.latest-area .section-title h2 {
  color: #ffffff;
}

.latest-card {
  background-color: #0b0808;
  border-radius: 20px;
  margin-bottom: 30px;
}
.latest-card .latest-img {
  position: relative;
}
.latest-card .latest-img img {
  border-radius: 20px 20px 0px 0px;
}
.latest-card .latest-img .date {
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(82.18deg, #FE764B 20.07%, #F73A93 94.97%);
  border-radius: 20px 0px 0px 20px;
  padding: 12px 25px;
}
.latest-card .latest-img .date p {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}
.latest-card .latest-body {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 40px;
}
.latest-card .latest-body ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.latest-card .latest-body ul li {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  margin-right: 24px;
  color: #d0cfcf;
}
.latest-card .latest-body ul li:last-child {
  margin-right: 0;
}
.latest-card .latest-body ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 18px;
}
.latest-card .latest-body ul li a {
  color: #d0cfcf;
}
.latest-card .latest-body ul li a:hover {
  color: #fd7529;
}
.latest-card .latest-body h4 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0;
  margin-top: 25px;
}
.latest-card .latest-body h4 a {
  color: #ffffff;
}
.latest-card .latest-body h4 a:hover {
  color: #fd7529;
}

/*
Home Three See Our Latest Blog Area Style
======================================================*/
.navbar-area.navbar-area-3 {
  background-color: #ffffff;
}
.navbar-area.navbar-area-3.is-sticky {
  border-bottom: 1px solid #ffffff;
}
.navbar-area.navbar-area-3 .desktop-nav .navbar .navbar-nav .nav-item a {
  color: #555555;
}
.navbar-area.navbar-area-3 .desktop-nav .navbar .navbar-nav .nav-item a.active, .navbar-area.navbar-area-3 .desktop-nav .navbar .navbar-nav .nav-item a:hover {
  color: #fd7529;
}
.navbar-area.navbar-area-3 .desktop-nav .others-options .option-item .search-btn {
  color: #555555;
}
.navbar-area.navbar-area-3 .desktop-nav .others-options .option-item .close-btn {
  color: #555555;
}

.hero-area {
  padding-top: 200px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}
.hero-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  -webkit-clip-path: polygon(0% 12%, 100% 0%, 100% 100%, 28% 100%);
          clip-path: polygon(0% 12%, 100% 0%, 100% 100%, 28% 100%);
  z-index: -1;
}
.hero-area .container-fluid {
  max-width: 1685px;
}
.hero-area .startup-shape-2 {
  position: absolute;
  top: 20%;
  left: 44%;
  max-width: 67px;
}
.hero-area .startup-shape-3 {
  position: absolute;
  top: 20%;
  right: 12%;
  max-width: 95px;
}
.hero-area .startup-shape-4 {
  position: absolute;
  right: 12%;
  bottom: 10%;
  max-width: 70px;
}

.hero-img {
  position: relative;
  z-index: 1;
}
.hero-img .startup-shape-1 {
  position: absolute;
  top: -30px;
  left: 15px;
  z-index: -1;
}

.hero-content {
  margin-left: 110px;
}
.hero-content span {
  font-weight: 500;
  font-size: 16px;
  color: #fd7529;
  background: rgba(254, 147, 51, 0.1);
  border-radius: 5px;
  padding: 10px 25px;
  display: -webkit-inline-box;
  margin-bottom: 15px;
}
.hero-content h1 {
  font-size: 100px;
  font-weight: 800;
  line-height: 100px;
  color: #000000;
  margin-bottom: 35px;
}
.hero-content p {
  margin-bottom: 35px;
}
.hero-content .hero-btn {
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(95.32deg, #ff823e -0.67%, #f73a93 73.27%);
  border-radius: 5px;
  padding: 13px 30px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.hero-content .hero-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  border-radius: 5px;
  background: linear-gradient(95.32deg, #f73a93 -0.67%, #ff823e 73.27%);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.hero-content .hero-btn:hover::before {
  opacity: 1;
  width: 100%;
  visibility: visible;
}
.hero-content .hero-btn-2 {
  border: 1px solid rgba(253, 117, 41, 0.51);
  border-radius: 5px;
  padding: 12px 30px;
  color: #555555;
  transition: all ease 0.5s;
  margin-left: 26px;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.hero-content .hero-btn-2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  border-radius: 5px;
  background: linear-gradient(95.32deg, #f73a93 -0.67%, #ff823e 73.27%);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.hero-content .hero-btn-2:hover {
  color: #ffffff;
}
.hero-content .hero-btn-2:hover::before {
  opacity: 1;
  width: 100%;
  visibility: visible;
}

/*
Home Three Awesome Area Style
======================================================*/
.best-service-area .owl-carousel .owl-item img {
  width: 40px;
  height: 40px;
}

.awesome-card {
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.07);
  background-color: #ffffff;
  border-radius: 20px;
  padding: 35px 30px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 30px;
}
.awesome-card .awesome-image {
  position: relative;
  z-index: 1;
  padding: 10px;
}
.awesome-card .awesome-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #7783f4 -0.29%, #a92c80 47.99%, #e71372 82.71%, #ff0a6c 99.12%);
  width: 64px;
  height: 60px;
  line-height: 50px;
  text-align: center;
  border-radius: 5px;
  z-index: -1;
}
.awesome-card .awesome-image img {
  width: 40px;
  height: 40px;
}
.awesome-card h4 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 15px;
}
.awesome-card h4 a {
  color: #000000;
}
.awesome-card h4 a:hover {
  color: #fd7529;
}
.awesome-card.two .awesome-image::before {
  background: linear-gradient(180deg, #ff992e -0.29%, #f88138 21.29%, #e74453 66.59%, #da1467 99.12%);
}
.awesome-card.three .awesome-image::before {
  background: linear-gradient(180deg, #eec32d -0.29%, #fd754d -0.28%, #f63d90 99.1%, #f36e2b 99.11%);
}
.awesome-card.four .awesome-image::before {
  background: linear-gradient(180deg, #eec32d -0.29%, #efab2d 19.69%, #f36e2b 61.62%, #f6322a 99.12%);
}
.awesome-card.five .awesome-image::before {
  background: linear-gradient(180deg, #D61669 -0.29%, #EF4445 60.92%, #FC5C33 99.12%);
}
.awesome-card.six .awesome-image::before {
  background: linear-gradient(180deg, #A30A7C -0.29%, #D541A5 64.81%, #EB59B7 99.12%);
}

.best-service-area .awesome-card .awesome-image {
  padding-left: 12px;
}

/*
Home Three Business Success Area Style
======================================================*/
.marketing-content {
  max-width: 650px;
}
.marketing-content .section-heading .subtitle {
  margin-bottom: 10px;
}
.marketing-content .section-heading h2 {
  margin-bottom: 20px;
}
.marketing-content .info {
  position: relative;
  padding-left: 25px;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 20px;
}
.marketing-content .info i {
  position: absolute;
  top: 1px;
  left: 0;
  color: #fd7529;
  font-weight: 400;
  font-size: 18px;
}
.marketing-content .default-btn {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.marketing-content .default-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  border-radius: 5px;
  background: linear-gradient(95.32deg, #f73a93 -0.67%, #ff823e 73.27%);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.marketing-content .default-btn:hover {
  color: #ffffff;
}
.marketing-content .default-btn:hover::before {
  opacity: 1;
  width: 100%;
  visibility: visible;
}
.marketing-content .col-lg-6:nth-child(3) .info {
  margin-bottom: 0;
}
.marketing-content .col-lg-6:nth-child(4) .info {
  margin-bottom: 0;
}

/*
Home Three Work Process Area Style
======================================================*/
.process-card {
  text-align: center;
  margin-bottom: 30px;
}
.process-card .process-img {
  background-color: #ffdbe7;
  width: 164px;
  height: 164px;
  border-radius: 50%;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
}
.process-card .process-img .process-1 {
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.process-card h4 {
  font-size: 24px;
  margin-bottom: 12px;
}
.process-card p {
  max-width: 370px;
  margin: auto;
}

/*
Home Three Boost Your Business Area Style
======================================================*/
.business-experience {
  margin-left: 75px;
}
.business-experience .experience-card {
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  background-color: #ffffff;
  border-radius: 10px;
  padding: 30px 25px;
  margin-bottom: 30px;
}
.business-experience .experience-card .heading {
  position: relative;
  margin-bottom: 50px;
}
.business-experience .experience-card .heading .business-img {
  background: rgba(253, 117, 41, 0.1);
  border-radius: 5px;
  width: 60px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.business-experience .experience-card .heading .business-img img {
  width: 40px;
  height: 35px;
}
.business-experience .experience-card .heading h4 {
  font-size: 18px;
  font-weight: 600;
  padding-left: 70px;
  margin-bottom: 0;
  position: relative;
  top: 16px;
}

/*
Home Three partner Area Style
======================================================*/
.vbnmr-area .owl-carousel .owl-item img {
  width: auto;
  height: auto;
  margin: auto;
  transition: all ease 0.5s;
  position: relative;
}
.vbnmr-area .owl-carousel .owl-item img:hover {
  transform: scale(1.02);
}
.vbnmr-area .sponsor-logo {
  margin-bottom: 30px;
}

/*
Home Three Popup Area Style
======================================================*/
.popup-area {
  position: relative;
  z-index: 1;
}
.popup-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 250px;
  background-color: #f9f9f9;
  z-index: -1;
}
.popup-area .popup-img {
  padding-top: 232px;
  padding-bottom: 232px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  background-image: url("../../assets/images/popup-img.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.popup-area .popup-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(19, 0, 54, 0.59);
  border-radius: 20px;
  z-index: -1;
}
.popup-area .popup-img .popup-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  border: 1px solid #ffffff;
  width: 100px;
  height: 100px;
  line-height: 114px;
  border-radius: 50%;
  text-align: center;
  padding-left: 3px;
  z-index: 1;
}
.popup-area .popup-img .popup-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  transition: all ease 0.5s;
  border: 1px solid #ffffff;
  animation: ripple 2s linear infinite;
}
.popup-area .popup-img .popup-btn i {
  font-size: 28px;
  color: #fd7529;
  background: #ffffff;
  width: 70px;
  height: 70px;
  line-height: 77px;
  border-radius: 50%;
  display: inline-block;
  padding-left: 4px;
  transition: all ease 0.5s;
}
.popup-area .popup-img .popup-btn:hover {
  border: 1px solid #fd7529;
}
.popup-area .popup-img .popup-btn:hover::before {
  border: 1px solid #fd7529;
}
.popup-area .popup-img .popup-btn:hover i {
  color: #ffffff;
  background-color: #fd7529;
}
.popup-area .popup-img .popup-img-1 {
  display: none;
}

/*
Home Three Our Portfolio Area Style
======================================================*/
.carousel {
  margin-left: 10px;
  margin-right: 10px;
}
.carousel .portfolio-card {
  background-color: #f9f9f9;
  border-radius: 10px 10px 0px 0px;
}
.carousel .portfolio-card .portfolio-image {
  padding: 53px 22px 0px 22px;
  margin-bottom: -2px;
}
.carousel .portfolio-card .portfolio-card-body {
  background-color: #ffffff;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  margin-bottom: 30px;
  padding: 30px 15px;
  position: relative;
  z-index: 1;
}
.carousel .portfolio-card .portfolio-card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(161.45deg, #FE7B46 14.68%, #F73E8F 109.53%);
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  border-radius: 0px 0px 10px 10px;
  transition: all ease 0.5s;
  z-index: -1;
}
.carousel .portfolio-card .portfolio-card-body h4 {
  font-size: 22px;
  margin-bottom: 10px;
}
.carousel .portfolio-card .portfolio-card-body h4 a {
  color: #000000;
}
.carousel .portfolio-card .portfolio-card-body p {
  transition: all ease 0.5s;
}
.carousel .portfolio-card .portfolio-card-body:hover::before {
  opacity: 1;
  visibility: visible;
}
.carousel .portfolio-card .portfolio-card-body:hover a {
  color: #ffffff;
}
.carousel .portfolio-card .portfolio-card-body:hover p {
  color: #ffffff;
}

.portfolio-slider.owl-carousel.owl-theme, .expert-slider.owl-carousel.owl-theme {
  position: relative;
}
.portfolio-slider.owl-carousel.owl-theme .owl-nav [class*=owl-], .expert-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
  color: #000000;
  font-size: 26px;
  background: rgba(253, 117, 41, 0.1);
  width: 50px;
  height: 50px;
  line-height: 58px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 91%;
  top: -20%;
  transform: translateY(-50%);
  transition: all ease 0.5s;
}
.portfolio-slider.owl-carousel.owl-theme .owl-nav [class*=owl-].owl-next, .expert-slider.owl-carousel.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 0;
  left: auto;
}
.portfolio-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover, .expert-slider.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #fd7529;
  color: #ffffff;
}

.expert-slider.owl-carousel.owl-theme .owl-nav [class*=owl-] {
  top: -16%;
}

/*
Home Three What Our Client Say Area Style
======================================================*/
.say-card {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 45px 30px;
  position: relative;
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.say-card h4 {
  font-size: 24px;
  margin-bottom: 15px;
}
.say-card h4 a {
  color: #000000;
}
.say-card h4 a:hover {
  color: #fd7529;
}
.say-card p {
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}
.say-card i {
  position: absolute;
  top: 43px;
  right: 35px;
  font-size: 35px;
  color: rgba(253, 117, 41, 0.35);
  transition: all ease 0.5s;
}
.say-card:hover i {
  color: rgba(255, 105, 19, 0.781);
}

/*
Services Page Style
======================================================*/
.page-banner-area {
  padding-top: 165px;
  padding-bottom: 35px;
  position: relative;
}
.page-banner-area .page-shape-1 {
  position: absolute;
  left: 33%;
  bottom: 100px;
  opacity: 0.3;
}
.page-banner-area .page-shape-2 {
  position: absolute;
  top: 46%;
  right: 9%;
  transform: translateY(-50%);
}
.page-banner-area .page-shape-3 {
  position: absolute;
  top: 32%;
  left: 58%;
  opacity: 0.3;
}
.page-banner-area .page-shape-4 {
  position: absolute;
  top: 44%;
  left: 8%;
}

.page-banner-heading h1 {
  font-size: 48px;
  margin-bottom: 20px;
}
.page-banner-heading ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.page-banner-heading ul li {
  display: inline-block;
  padding-right: 15px;
  position: relative;
  font-size: 18px;
}
.page-banner-heading ul li::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 4px;
  width: 1px;
  height: 16px;
  background-color: #555555;
}
.page-banner-heading ul li:last-child {
  padding-right: 0;
}
.page-banner-heading ul li:last-child::before {
  display: none;
}
.page-banner-heading ul li a {
  color: #fd7529;
}
.page-banner-heading ul li a:hover {
  color: #df3400;
}

.page-banner-img {
  text-align: end;
}

.process-area {
  position: relative;
}
.process-area .process-shape-1 {
  position: absolute;
  top: 49%;
  left: 36%;
  transform: translateY(-50%);
}
.process-area .process-shape-2 {
  position: absolute;
  top: 49%;
  right: 36%;
  transform: translateY(-50%);
}

/*
Services Details Page Style
======================================================*/
.service-details-card {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 33px 29px;
  margin-bottom: 30px;
}
.service-details-card h4 {
  font-size: 20px;
  margin-bottom: 40px;
  position: relative;
}
.service-details-card h4::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -17px;
  width: 100%;
  height: 3px;
  background-color: #e0e0e0;
  border-radius: 40px;
}
.service-details-card h4::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -17px;
  width: 115px;
  height: 3px;
  background: rgba(253, 117, 41, 0.97);
  border-radius: 40px;
}
.service-details-card ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.service-details-card ul li {
  position: relative;
  margin-bottom: 15px;
  background-color: #ffffff;
  padding: 16px 16px 16px 13px;
  transition: all ease 0.5s;
  border-radius: 5px;
}
.service-details-card ul li a {
  transition: all ease 0.5s;
}
.service-details-card ul li:last-child {
  margin-bottom: 0;
}
.service-details-card ul li i {
  position: absolute;
  top: 18px;
  right: 15px;
  font-size: 18px;
  color: #fd7529;
  transition: all ease 0.5s;
}
.service-details-card ul li:hover {
  background-color: #fd7529;
}
.service-details-card ul li:hover a {
  color: #ffffff;
}
.service-details-card ul li:hover i {
  color: #ffffff;
}

.banner-offer {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.banner-offer .service-img-1 {
  border-radius: 10px;
  position: relative;
}
.banner-offer .service-img-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 17, 49, 0.82);
  border-radius: 10px;
  z-index: -1;
}
.banner-offer .info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 1;
  padding-top: 60px;
  padding-left: 83px;
  padding-right: 83px;
}
.banner-offer .info span {
  display: block;
  color: #fd7529;
  margin-bottom: 10px;
}
.banner-offer .info h4 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 30px;
}
.banner-offer .info .pricing-btn {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  padding: 12px 28px;
  background: linear-gradient(77.91deg, #FD754D 23.21%, #F63A93 85.96%);
  border-radius: 5px;
  cursor: pointer;
  z-index: 2;
}

.development {
  margin-bottom: 40px;
}
.development img {
  margin-bottom: 35px;
  border-radius: 20px;
}
.development h4 {
  font-size: 32px;
  margin-bottom: 30px;
}
.development p {
  font-size: 15px;
}

.development-to {
  margin-bottom: 45px;
}
.development-to h5 {
  font-size: 24px;
  margin-bottom: 20px;
}
.development-to p {
  font-size: 15px;
}
.development-to .project-info {
  margin-top: 50px;
}
.development-to .project-info .project ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.development-to .project-info .project ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.development-to .project-info .project ul li:last-child {
  margin-bottom: 0;
}
.development-to .project-info .project ul li i {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 18px;
  color: #fd7529;
}
.development-to .project-info .project-image img {
  border-radius: 10px;
}

.work {
  position: relative;
  margin-bottom: 45px;
}
.work h5 {
  font-size: 24px;
  margin-bottom: 30px;
}
.work .work-warp {
  text-align: center;
}
.work .work-warp .image-warp {
  margin: auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 30px !important;
  background: linear-gradient(180deg, #ffc694 0%, #ffb5de 100%), linear-gradient(180deg, #ffc694 0%, #ffb5de 100%);
}
.work .work-warp h4 {
  font-size: 20px;
  font-weight: 500;
}
.work .process-shape-3 {
  position: absolute;
  top: 47%;
  left: 28%;
}
.work .process-shape-4 {
  position: absolute;
  top: 47%;
  right: 27%;
}

.solution h4 {
  font-size: 24px;
  margin-bottom: 25px;
}
.solution .faq-content {
  padding-right: 10px;
}
.solution .faq-content .accordion-item {
  margin-bottom: 30px;
  border-radius: 0;
  border: none;
}
.solution .faq-content .accordion-item:last-child {
  margin-bottom: 0;
}
.solution .faq-content .accordion-item .accordion-body {
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  border-radius: 0px 0px 10px 10px;
}
.solution .faq-content .accordion-button {
  border: none;
  font-weight: 500;
  font-size: 16px;
  border-radius: 5px;
  color: #000000;
  background-color: #f8f8f8;
  box-shadow: unset !important;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
}
.solution .faq-content .accordion-button::before {
  right: 15px;
  top: 50%;
  content: "\ebc0";
  font-size: 24px;
  position: absolute;
  transform: translateY(-50%);
  font-family: 'Open Sans',sans-serif;
}
.solution .faq-content .accordion-button::after {
  display: none;
}
.solution .faq-content .accordion-button:not(.collapsed) {
  color: #ffffff;
  background: rgba(253, 117, 41, 0.97);
}
.solution .faq-content .accordion-button:not(.collapsed)::before {
  content: "\eb8b";
}

/*
About Page Style
======================================================*/
.modern-graphic-area.about-area {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}
.modern-graphic-area.about-area .graphics-img .graphics-img-1 {
  text-align: start;
  margin-left: 0;
  margin-right: 0;
}
.modern-graphic-area.about-area .graphics-img .graphics-img-2 {
  right: 40px;
}
.modern-graphic-area.about-area .graphics-img .graphics-img-3 {
  left: -30px;
}
.modern-graphic-area.about-area .graphics-img .graphic-shape-1 {
  left: 0;
}
.modern-graphic-area.about-area .modern-info .section-heading {
  margin-bottom: 20px;
}
.modern-graphic-area.about-area .modern-info .section-heading .sub-title {
  margin-bottom: 10px;
}
.modern-graphic-area.about-area .modern-info .section-heading h2 {
  color: #000000;
}
.modern-graphic-area.about-area .modern-info ul li i {
  font-size: 20px;
}
.modern-graphic-area.about-area .about-graphics-shape {
  position: absolute;
  bottom: 125px;
  right: 12%;
}
.modern-graphic-area.about-area .about-graphics-shape-2 {
  position: absolute;
  top: 45%;
  left: 10%;
  transform: translateY(-50%);
}

.experience-area.experience-about-area .business-experience {
  margin-left: 0;
  margin-right: 90px;
}

.client-say-area.client-say-about-area .say-card {
  background-color: #ffffff;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.07);
  border-radius: 20px;
}

/*
Team Details Page Style
======================================================*/
.pagination-team .pagination {
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 30px;
}
.pagination-team .pagination .page-item .page-link {
  box-shadow: none;
  margin-right: 10px;
  border: 1px solid rgba(122, 28, 208, 0.12);
  width: 50px;
  height: 50px;
  line-height: 36px;
  border-radius: 50%;
  color: #141313;
  font-size: 20px;
  transition: all ease 0.5s;
}
.pagination-team .pagination .page-item .page-link span i {
  font-size: 25px;
  padding-top: 6px;
}
.pagination-team .pagination .page-item .page-link:hover {
  background-color: #fd7529;
  color: #ffffff;
}

.client-say-area.client-say-testimonials-area .say-card {
  background-color: #ffffff;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.07);
  border-radius: 20px;
}

/*
Pricing Plan Page Style
======================================================*/
.pricing-content.pricing-plan .nav-tabs {
  border-radius: 5px;
}
.pricing-content.pricing-plan .nav-item {
  border-radius: 5px;
}
.pricing-content.pricing-plan .nav-item .nav-link.active {
  background: linear-gradient(75.94deg, #FF2EC4 4.26%, #FE9036 93.22%);
  border-radius: 5px;
}
.pricing-content.pricing-plan .nav-item .nav-link:hover {
  border-radius: 5px;
}
.pricing-content.pricing-plan .pricing-card::before {
  height: 30%;
}
.pricing-content.pricing-plan .pricing-btn {
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.pricing-content.pricing-plan .pricing-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(95.32deg, #FF823E -0.67%, #F73A93 73.27%);
  border-radius: 5px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.pricing-content.pricing-plan .pricing-btn:hover::before {
  opacity: 1;
  width: 100%;
  visibility: visible;
  border-radius: 5px;
}

/*
FAQ Accordion Page Style
======================================================*/
.faq-area .solution {
  margin-left: 20px;
}
.faq-area .solution .faq-content .accordion-item .accordion-body {
  padding: 15px;
}

.faq-image {
  width: 100%;
  height: 100%;
  background-image: url("../../assets/images/faq-img.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.faq-image .faq-img {
  display: none;
}

.massage-area {
  position: relative;
}
.massage-area .massage-1 {
  position: absolute;
  right: 14%;
  bottom: 22%;
}
.massage-area .massage-2 {
  position: absolute;
  top: 32%;
  left: 10%;
}

.massage-form {
  max-width: 1100px;
  margin: auto;
}
.massage-form .form-control {
  border: none;
  box-shadow: none;
  border-radius: 5px;
  margin-bottom: 20px;
  height: 68px;
  padding: 15px 30px 15px 20px;
}
.massage-form .textarea {
  height: 145px;
}
.massage-form .massage {
  text-align: center;
}
.massage-form .massage .massage-btn {
  border: none;
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(84.55deg, #FD7350 2.42%, #F73A93 94.48%);
  color: #ffffff;
  border-radius: 5px;
  padding: 14px 34px;
  margin-top: 20px;
}

/*
FAQ Accordion Page Style
======================================================*/
.pel-address {
  background-color: #ffffff;
  box-shadow: 0px 0px 30px rgba(85, 85, 85, 0.1);
  border-radius: 10px;
  padding: 22px;
  margin-bottom: 25px;
}
.pel-address:last-child {
  margin-bottom: 0;
}
.pel-address ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.pel-address ul li {
  position: relative;
  padding-left: 100px;
}
.pel-address ul li .icon {
  background: rgba(253, 117, 41, 0.05);
  border-radius: 10px;
  width: 76px;
  height: 74px;
  line-height: 84px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 0;
}
.pel-address ul li .icon i {
  font-size: 35px;
  color: #fd7529;
}
.pel-address ul li p {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}
.pel-address ul li a {
  display: block;
}
.pel-address ul li a:hover {
  color: #fd7529;
}

/*
Blog Page Style
======================================================*/
.search-form .form-group {
  position: relative;
}
.search-form .form-group .form-control {
  box-shadow: none;
  border: 1px solid rgba(217, 216, 216, 0.76);
  border-radius: 10px;
  height: 60px;
  padding: 25px 50px 25px 20px;
}
.search-form .form-group .search-btn {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  border-radius: 10px;
  background: rgba(253, 117, 41, 0.97);
  font-size: 25px;
  color: #ffffff;
  padding: 16px 20px;
}

.categories-box {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 38px 35px;
  margin-bottom: 30px;
}
.categories-box h4 {
  font-size: 20px;
  margin-bottom: 44px;
  position: relative;
}
.categories-box h4::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  width: 100%;
  height: 4px;
  border-radius: 30px;
  background: rgba(107, 106, 106, 0.13);
}
.categories-box h4::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  width: 120px;
  height: 4px;
  background: linear-gradient(0deg, rgba(253, 117, 41, 0.97), rgba(253, 117, 41, 0.97)), #C4C4C4;
  border-radius: 30px;
}
.categories-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.categories-box ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
}
.categories-box ul li:last-child {
  margin-bottom: 0;
}
.categories-box ul li i {
  position: absolute;
  top: 5px;
  left: 0;
  color: #fd7529;
}
.categories-box ul li span {
  position: absolute;
  top: 0;
  right: 0;
  color: #888888;
}
.categories-box ul li a:hover {
  color: #fd7529;
}

.tags {
  background-color: #f8f8f8;
  border-radius: 20px;
  padding: 40px 35px;
  margin-bottom: 30px;
}
.tags h4 {
  font-size: 20px;
  margin-bottom: 36px;
  position: relative;
}
.tags h4::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  background: rgba(196, 196, 196, 0.15);
}
.tags h4::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  width: 120px;
  height: 4px;
  background: linear-gradient(0deg, rgba(253, 117, 41, 0.97), rgba(253, 117, 41, 0.97)), #C4C4C4;
  border-radius: 30px;
}
.tags ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.tags ul li {
  display: inline-block;
  margin-bottom: 15px;
  padding-left: 0;
  margin-right: 10px;
}
.tags ul li:last-child {
  margin-bottom: 0;
}
.tags ul li a {
  background-color: #ffffff;
  display: inline-block;
  padding: 12px 18px;
  font-size: 16px;
  border-radius: 5px;
}
.tags ul li a:hover {
  background-color: #fd7529;
  color: #ffffff;
}

.recent-post {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 35px 35px;
}
.recent-post h4 {
  font-size: 20px;
  margin-bottom: 40px;
  position: relative;
}
.recent-post h4::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  background: rgba(196, 196, 196, 0.15);
}
.recent-post h4::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  width: 120px;
  height: 4px;
  background: linear-gradient(0deg, rgba(253, 117, 41, 0.97), rgba(253, 117, 41, 0.97)), #C4C4C4;
  border-radius: 30px;
}
.recent-post ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.recent-post ul li {
  position: relative;
  padding-left: 90px;
  margin-bottom: 5px;
}
.recent-post ul li:last-child {
  margin-bottom: 0;
}
.recent-post ul li .calender-icon {
  position: absolute;
  top: 28px;
  left: 0;
  width: 74px;
  height: 74px;
  border-radius: 50%;
}
.recent-post ul li .info span {
  font-size: 14px;
}
.recent-post ul li .info span img {
  width: 14px;
  height: 14px;
  margin-top: -4px;
}
.recent-post ul li .info h5 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 20px;
}
.recent-post ul li .info h5 a {
  color: #000000;
}
.recent-post ul li .info h5 a:hover {
  color: #fd7529;
}

/*
Blog Details Page Style
======================================================*/
.blog-details-content h5 {
  font-size: 24px;
  margin-bottom: 15px;
}
.blog-details-content .blog-details {
  margin-bottom: 50px;
}
.blog-details-content .blog-details .details-image {
  position: relative;
}
.blog-details-content .blog-details .details-image img {
  border-radius: 20px;
}
.blog-details-content .blog-details .details-image .time {
  position: absolute;
  right: 0;
  bottom: 25px;
  background: linear-gradient(82.18deg, #FE764B 20.07%, #F73A93 94.97%);
  border-radius: 20px 0px 0px 20px;
  padding: 12px 22px;
}
.blog-details-content .blog-details .details-image .time p {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}
.blog-details-content .blog-details h4 {
  font-size: 32px;
  margin-top: 35px;
  margin-bottom: 27px;
}
.blog-details-content .rerum {
  background-color: #f8f8f8;
  border-radius: 20px;
  padding: 30px 90px 30px 30px;
  margin-bottom: 40px;
  position: relative;
}
.blog-details-content .rerum p {
  font-size: 18px;
  color: #000000;
  margin-bottom: 0;
}
.blog-details-content .rerum i {
  position: absolute;
  right: 24px;
  bottom: 24px;
  font-size: 30px;
  color: rgba(253, 117, 41, 0.24);
}
.blog-details-content .editor {
  margin-bottom: 50px;
}
.blog-details-content .editor p {
  margin-bottom: 30px;
}
.blog-details-content .editor .editop-img img {
  border-radius: 10px;
}
.blog-details-content .shoulnow {
  margin-bottom: 80px;
}
.blog-details-content .shoulnow p {
  margin-bottom: 18px;
}
.blog-details-content .shoulnow ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.blog-details-content .shoulnow ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
}
.blog-details-content .shoulnow ul li:last-child {
  margin-bottom: 0;
}
.blog-details-content .shoulnow ul li i {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 18px;
  color: rgba(253, 117, 41, 0.97);
}
.blog-details-content .share-social {
  margin-bottom: 50px;
  position: relative;
}
.blog-details-content .share-social::before {
  content: "";
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}
.blog-details-content .share-social .share-social-icon {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.blog-details-content .share-social .share-social-icon li {
  display: inline-block;
  margin-right: 14px;
}
.blog-details-content .share-social .share-social-icon li:last-child {
  margin-right: 0;
}
.blog-details-content .share-social .share-social-icon li p {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  top: -3px;
  position: relative;
}
.blog-details-content .share-social .share-social-icon li a i {
  color: #fd7529;
  border: 1px solid rgba(253, 117, 41, 0.97);
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center;
  transition: all ease 0.5s;
}
.blog-details-content .share-social .share-social-icon li a i:hover {
  background: rgba(253, 117, 41, 0.97);
  color: #ffffff;
}
.blog-details-content .share-social .social-tags {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: end;
}
.blog-details-content .share-social .social-tags li {
  display: inline-block;
  margin-right: 10px;
}
.blog-details-content .share-social .social-tags li:last-child {
  margin-right: 0;
}
.blog-details-content .share-social .social-tags li p {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
}
.blog-details-content .share-social .social-tags li a {
  background: rgba(253, 117, 41, 0.08);
  border-radius: 5px;
  padding: 10px 28px;
}
.blog-details-content .share-social .social-tags li a:hover {
  background: rgb(253, 119, 41);
  color: #ffffff;
}
.blog-details-content .reply-form h5 {
  margin-bottom: 28px;
}
.blog-details-content .reply-form .form-control {
  border: none;
  box-shadow: none;
  border-radius: 5px;
  background-color: #f8f8f8;
  margin-bottom: 20px;
  height: 52px;
  padding: 15px 20px;
}
.blog-details-content .reply-form .textarea {
  height: 150px;
}
.blog-details-content .reply-form .form-check {
  padding-left: 12px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.blog-details-content .reply-form .form-check .form-check-input {
  margin-left: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #cfcdca;
}
.blog-details-content .reply-form .form-check .form-check-input:focus {
  box-shadow: none;
}
.blog-details-content .reply-form .form-check .form-check-label {
  padding-left: 10px;
  color: #777777;
}
.blog-details-content .reply-form .reply-btn {
  border: none;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  color: #ffffff;
  background: linear-gradient(86.67deg, rgba(253, 117, 41, 0.9409) -9.19%, rgba(255, 60, 167, 0.97) 98.94%);
  padding: 12px 25px;
  position: relative;
  z-index: 1;
}
.blog-details-content .reply-form .reply-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  background: linear-gradient(86.67deg, rgba(253, 41, 200, 0.941) -9.19%, rgba(255, 164, 60, 0.97) 98.94%);
}
.blog-details-content .reply-form .reply-btn:hover::before {
  height: 100%;
  opacity: 1;
  visibility: visible;
}

/*
Portfolio Page Style
======================================================*/
.portfolio-area .vertical {
  margin-bottom: 20px;
}
.portfolio-area .view-gallery {
  position: relative;
  margin-bottom: 22px;
}
.portfolio-area .view-gallery::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 80%;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  background: rgba(46, 10, 92, 0.75);
  border-radius: 10px;
}
.portfolio-area .view-gallery .popup-view {
  background: linear-gradient(54.46deg, rgba(253, 117, 41, 0.97) 11.33%, #FF3CA7 85.73%);
  opacity: 0;
  visibility: hidden;
  width: 50px;
  height: 50px;
  line-height: 62px;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 15px;
  transition: all ease 0.5s;
}
.portfolio-area .view-gallery .popup-view i {
  color: #ffffff;
  font-size: 24px;
}
.portfolio-area .view-gallery .single-view {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  transition: all ease 0.5s;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.portfolio-area .view-gallery .single-view span {
  display: block;
  color: #fd7529;
  margin-bottom: 15px;
}
.portfolio-area .view-gallery .single-view h4 {
  font-size: 24px;
  margin-bottom: 0;
}
.portfolio-area .view-gallery .single-view h4 a {
  color: #ffffff;
}
.portfolio-area .view-gallery img {
  border-radius: 10px;
}
.portfolio-area .view-gallery:hover::before {
  opacity: 1;
  visibility: visible;
}
.portfolio-area .view-gallery:hover .popup-view {
  opacity: 1;
  visibility: visible;
}
.portfolio-area .view-gallery:hover .single-view {
  opacity: 1;
  visibility: visible;
}

/*
Portfolio Details Page Style
======================================================*/
.portfolio-details-content h5 {
  font-size: 24px;
  margin-bottom: 15px;
}
.portfolio-details-content .portfolio-details-img {
  margin-bottom: 30px;
}
.portfolio-details-content .portfolio-details-img img {
  margin-bottom: 25px;
  border-radius: 20px;
}
.portfolio-details-content .portfolio-details-img h4 {
  font-size: 32px;
  margin-bottom: 15px;
}
.portfolio-details-content .the-project {
  margin-bottom: 30px;
}
.portfolio-details-content .the-project p {
  margin-bottom: 20px;
}
.portfolio-details-content .the-project ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.portfolio-details-content .the-project ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
}
.portfolio-details-content .the-project ul li:last-child {
  margin-bottom: 0;
}
.portfolio-details-content .the-project ul li i {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 18px;
  color: #fd7529;
}
.portfolio-details-content .worksit {
  margin-bottom: 30px;
}

.showcase {
  margin-bottom: 30px;
}
.showcase h5 {
  font-size: 24px;
  margin-bottom: 20px;
}
.showcase .details-image {
  position: relative;
}
.showcase .details-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 93%;
  height: 92%;
  margin: auto;
  visibility: hidden;
  border-radius: 10px;
  transition: all ease 0.5s;
  background: rgba(46, 10, 92, 0.75);
  opacity: 0;
}
.showcase .details-image img {
  border-radius: 10px;
}
.showcase .details-image .popup-view {
  position: absolute;
  top: 34%;
  left: 0;
  right: 0;
  opacity: 0;
  margin: auto;
  text-align: center;
  visibility: hidden;
  background: linear-gradient(54.46deg, rgba(253, 117, 41, 0.97) 11.33%, #FF3CA7 85.73%);
  width: 50px;
  height: 50px;
  line-height: 60px;
  border-radius: 50%;
  transition: all ease 0.5s;
}
.showcase .details-image .popup-view i {
  font-size: 24px;
  color: #ffffff;
}
.showcase .details-image .single-view {
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  opacity: 0;
  margin: auto;
  text-align: center;
  visibility: hidden;
  transition: all ease 0.5s;
}
.showcase .details-image .single-view span {
  color: #fd7529;
  display: block;
  margin-bottom: 16px;
}
.showcase .details-image .single-view h4 {
  font-size: 24px;
  color: #ffffff;
}
.showcase .details-image:hover::before {
  opacity: 1;
  visibility: visible;
}
.showcase .details-image:hover .popup-view {
  opacity: 1;
  visibility: visible;
}
.showcase .details-image:hover .single-view {
  opacity: 1;
  visibility: visible;
}

.portfolio-client-details-box {
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 35px 30px;
  margin-bottom: 30px;
}
.portfolio-client-details-box h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 50px;
}
.portfolio-client-details-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.portfolio-client-details-box ul li {
  position: relative;
  margin-bottom: 35px;
  font-weight: 500;
  color: #000000;
}
.portfolio-client-details-box ul li::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
}
.portfolio-client-details-box ul li:last-child {
  margin-bottom: 0;
}
.portfolio-client-details-box ul li span {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
  color: #555555;
}

.halp-card {
  background-color: #3d0660;
  border-radius: 10px;
  padding: 50px 40px;
}
.halp-card h5 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 15px;
}
.halp-card p {
  color: #ffffff;
  margin-bottom: 30px;
}
.halp-card ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.halp-card ul li {
  position: relative;
  padding-left: 80px;
}
.halp-card ul li i {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 28px;
  color: #fd7529;
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.halp-card ul li p {
  margin-bottom: 5px;
}
.halp-card ul li a {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
.halp-card ul li a:hover {
  color: #fd7529;
}

/*
Privacy Policy Area Style
=======================================================*/
.privacy-policy-area .container {
  max-width: 875px;
  margin: auto;
}

.privacy-policy-wrap img {
  margin-bottom: 30px;
}
.privacy-policy-wrap .privacy-content {
  margin-bottom: 30px;
}
.privacy-policy-wrap .privacy-content h3 {
  margin-bottom: 15px;
}
.privacy-policy-wrap .privacy-content p {
  margin-bottom: 10px;
}
.privacy-policy-wrap .privacy-content ul {
  margin-left: 0;
  margin-bottom: 15px;
  list-style-type: none;
  padding-left: 0;
  margin-top: 15px;
}
.privacy-policy-wrap .privacy-content li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.privacy-policy-wrap .privacy-content li:last-child {
  margin-bottom: 0;
}
.privacy-policy-wrap .privacy-content li i {
  position: absolute;
  left: 0;
  top: 1px;
  color: #fd7529;
  font-size: 20px;
}

/*
Our Terms & Conditions Page Style
======================================================*/
.terms-conditions-area .container {
  max-width: 875px;
  margin: auto;
}

.terms-conditions {
  max-width: 800px;
  margin: auto;
}
.terms-conditions .title {
  margin-bottom: 30px;
  text-align: center;
}
.terms-conditions .title span {
  color: #fd7529;
  display: block;
  margin-bottom: 10px;
}
.terms-conditions .title h2 {
  font-size: 36px;
  color: #000000;
}
.terms-conditions img {
  margin-bottom: 30px;
}
.terms-conditions .conditions-content {
  margin-bottom: 30px;
}
.terms-conditions .conditions-content h3 {
  margin-bottom: 15px;
}
.terms-conditions .conditions-content p {
  margin-bottom: 10px;
}
.terms-conditions .conditions-content ul {
  margin-bottom: 15px;
  padding-left: 0;
  list-style-type: none;
  margin-top: 15px;
}
.terms-conditions .conditions-content ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.terms-conditions .conditions-content ul li:last-child {
  margin-bottom: 0;
}
.terms-conditions .conditions-content ul li i {
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 20px;
  color: #fd7529;
}
.terms-conditions .conditions-content h3 {
  margin-bottom: 15px;
}
.terms-conditions .conditions-content p {
  margin-bottom: 10px;
}

/*
404 Error Page Style
=======================================================*/
.error-area {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-top: 200px;
}
.error-area .d-table {
  width: 100%;
  height: 100%;
}
.error-area .d-table .d-table-cell {
  vertical-align: middle;
}
.error-area .error-content-wrap {
  z-index: 1;
  position: relative;
}
.error-area .error-content-wrap h1 {
  font-size: 300px;
  line-height: 1;
  font-weight: 700;
  color: #fd7529;
  margin-top: -40px;
}
.error-area .error-content-wrap h1 .a {
  display: inline-block;
}
.error-area .error-content-wrap h1 .red {
  color: #000000;
  display: inline-block;
}
.error-area .error-content-wrap h1 .b {
  display: inline-block;
}
.error-area .error-content-wrap h3 {
  margin: 30px 0 0;
  position: relative;
  color: #000000;
}
.error-area .error-content-wrap p {
  margin: 20px 0 20px;
  font-size: 19px;
  color: #fd7529;
}
.error-area .error-content-wrap .default-btn.two {
  font-size: 16px;
  padding: 12px 40px;
  position: relative;
  z-index: 1;
}
.error-area .error-content-wrap .default-btn.two::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(77.91deg, #F63A93 23.21%, #FD754D 85.96%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  transition: all ease 0.5s;
}
.error-area .error-content-wrap .default-btn.two:hover::before {
  opacity: 1;
  width: 100%;
  visibility: visible;
}

/*
Coming Soon Area Style
=======================================================*/
.coming-soon-area {
  position: relative;
  z-index: 1;
  background: #f6f7fb;
  padding-top: 200px;
}
.coming-soon-area .d-table {
  width: 100%;
  height: 100%;
}
.coming-soon-area .d-table .d-table-cell {
  vertical-align: middle;
}
.coming-soon-area .coming-soon-content {
  max-width: 720px;
  background-color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 40px 60px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}
.coming-soon-area .coming-soon-content .logo {
  display: inline-block;
}
.coming-soon-area .coming-soon-content h2 {
  font-size: 48px;
  margin-top: 30px;
  margin-bottom: 0;
  color: #000000;
}
.coming-soon-area .coming-soon-content #timer {
  margin-top: 40px;
}
.coming-soon-area .coming-soon-content #timer div {
  background-color: #fd7529;
  color: #ffffff;
  width: 130px;
  height: 130px;
  border-radius: 0;
  font-size: 45px;
  font-weight: 800;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.coming-soon-area .coming-soon-content #timer div span {
  font-size: 16px;
  color: #ffffff;
  display: block;
  margin-top: -10px;
  font-weight: 400;
}
.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group {
  margin-bottom: 25px;
  width: 100%;
  position: relative;
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control {
  box-shadow: none;
  border-radius: 0;
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #dedede;
  height: 50px;
  color: #555555;
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control::-moz-placeholder {
  color: #555555;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control::placeholder {
  color: #555555;
  transition: all ease 0.5s;
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control:focus {
  border-bottom: 1px solid #fd7529;
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
}
.coming-soon-area .coming-soon-content .newsletter-form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
  border: none;
}
.coming-soon-area .coming-soon-content .newsletter-form .validation-danger {
  color: #ff0000;
}

/*
Login Register Area Style
=======================================================*/
.login-form {
  padding: 35px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  max-width: 650px;
  margin: auto;
  border: 1px solid #e1e1e1;
}
.login-form h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.login-form form .form-group {
  margin-bottom: 25px;
}
.login-form form .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}
.login-form form .form-group .form-control {
  height: 55px;
  padding: 20px;
  line-height: initial;
  color: #555555;
  background-color: transparent;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: unset;
  transition: var(--transition);
  font-size: 15px;
}
.login-form form .lost-your-password a {
  display: inline-block;
  position: relative;
  font-weight: 500;
  font-size: 15px;
  color: #555555;
}
.login-form form .lost-your-password a::before {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  transition: all ease 0.5s;
  background-color: #eeeeee;
}
.login-form form .lost-your-password a::after {
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  transition: var(--transition);
  bottom: 0;
  content: "";
  background-color: #fd7529;
}
.login-form form .default-btn {
  margin-top: 25px;
  padding: 15px 35px;
  width: 100%;
  border: none;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.login-form form .default-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(180deg, #B221E4 0%, #5C0DC1 100%);
  transition: all ease 0.5s;
  z-index: -1;
}
.login-form form .default-btn:hover::before {
  opacity: 1;
  height: 100%;
  visibility: visible;
  border-radius: 5px;
}

.register-form {
  padding: 35px;
  border-radius: 15px;
  background-color: var(--white-color);
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  max-width: 650px;
  margin: auto;
  border: 1px solid #e1e1e1;
}
.register-form h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.register-form form .form-group {
  margin-bottom: 25px;
}
.register-form form .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 16px;
}
.register-form form .form-group .form-control {
  height: 50px;
  padding: 20px;
  line-height: initial;
  background-color: transparent;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: unset;
  transition: all ease 0.5s;
  font-size: 15px;
}
.register-form form .description {
  font-style: italic;
  font-size: 14px;
  margin-top: -5px;
  margin-bottom: 15px;
}
.register-form form .default-btn {
  margin-top: 10px;
  padding: 15px 35px;
  width: 100%;
  border: none;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.register-form form .default-btn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(180deg, #B221E4 0%, #5C0DC1 100%);
  transition: all ease 0.5s;
  z-index: -1;
}
.register-form form .default-btn:hover::before {
  opacity: 1;
  height: 100%;
  visibility: visible;
  border-radius: 5px;
}

/*
Go Top Area Style
=======================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 50%;
  right: 15px;
  background-color: #fd7529;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  color: #ffffff;
}
.go-top.active {
  top: 98%;
  transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}
.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000000;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
}
.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

/*
Preloader Area Style
=======================================================*/
.ctn-preloader {
  cursor: none;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}
.ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}
.ctn-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border: 3px solid #555555;
  border-top-color: #fd7529;
  margin: 0 auto 3.5em auto;
  border-radius: 50%;
  height: 6em;
  width: 6em;
}
.ctn-preloader .animation-preloader .txt-loading {
  font: bold 5em "Montserrat", sans-serif;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  color: #d4040b;
  transform: rotateY(-90deg);
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  position: relative;
  color: rgb(241, 138, 4);
}
.ctn-preloader .animation-preloader .txt-loading.letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}
.ctn-preloader .animation-preloader .txt-loading.letters-loading:nth-child(2):before:nth-child(3):before {
  animation-delay: 0.4s;
}
.ctn-preloader .animation-preloader .txt-loading.letters-loading:nth-child(2):before:nth-child(4):before {
  animation-delay: 0.6s;
}
.ctn-preloader .animation-preloader .txt-loading.letters-loading:nth-child(2):before:nth-child(5):before {
  animation-delay: 0.8s;
}
.ctn-preloader .animation-preloader .txt-loading.letters-loading:nth-child(2):before:nth-child(6):before {
  animation-delay: 1s;
}
.ctn-preloader .animation-preloader .txt-loading.letters-loading:nth-child(2):before:nth-child(7):before {
  animation-delay: 1.2s;
}
.ctn-preloader .loader-section {
  background-color: #ffffff;
  width: calc(50% + 1px);
  position: fixed;
  height: 100%;
  top: 0;
}
.ctn-preloader .loader-section.section-left {
  left: 0;
}
.ctn-preloader .loader-section.section-right {
  right: 0;
}

.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@media screen and (max-width: 767px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 6em;
    width: 6em;
  }
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 3.5em "Montserrat", sans-serif;
  }
}
@media screen and (max-width: 500px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 6em;
    width: 6em;
  }
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 2em "Montserrat", sans-serif;
  }
}
@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 0.6;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.rotate {
  animation: rotation 20s infinite linear;
}

.animationFramesTwo {
  animation: animationFramesTwo 15000ms infinite ease-in-out;
}

.bounce {
  animation: float 1500ms infinite ease-in-out;
}

.moveHorizontal {
  animation: moveHorizontal 3000ms infinite ease-in-out;
}

.moveHorizontal_reverse {
  animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
}

.moveVertical {
  animation: moveVertical 3000ms infinite ease-in-out;
}
@keyframes waving_left {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(6deg);
  }
  75% {
    -webkit-transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes waving_right {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-3deg);
  }
  50% {
    -webkit-transform: rotate(-6deg);
  }
  75% {
    -webkit-transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes animationFramesTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes moveHorizontal_reverse {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes FocuS {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}/*# sourceMappingURL=style.css.map */