/*
============================
Name:  Quad - Sass Landing Page Theme
Version: 1.0.2
Description: Quad - Sass Landing Page Theme
Author: Vikiglab
Author URI :https://themeforest.net/user/vikinglab/portfolio
Location:
============================
*/
/*============= VARIABLES CSS AREA ===============*/
/*============= TYPHOGRAPHY CSS AREA ===============*/
/*============= BUTTON CSS AREA ===============*/
/*============= HEADER CSS AREA ===============*/
/*============= WELCOME CSS AREA ===============*/
/*============= COMMON CSS AREA ===============*/
/*============= MOBILE-MENU CSS AREA ===============*/
/*============= COUNTER CSS AREA ===============*/
/*============= ABOUT CSS AREA ===============*/
/*============= SLIDER CSS AREA ===============*/
/*============= SERVICE CSS AREA ===============*/
/*============= FEATURES CSS AREA ===============*/
/*============= OTHERS CSS AREA ===============*/
/*============= WORKS CSS AREA ===============*/
/*============= BLOG CSS AREA ===============*/
/*============= GENERATION CSS AREA ===============*/
/*============= PROCESS CSS AREA ===============*/
/*============= TEMPELETE CSS AREA ===============*/
/*============= COMPLAINT CSS AREA ===============*/
/*============= TESTIMONIALS CSS AREA ===============*/
/*============= FAQ CSS AREA ===============*/
/*============= PRELOADER CSS AREA ===============*/
/*============= CONTACT CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
/*============= RTL CSS AREA ===============*/
/*============= TYPHOGRAPHY CSS AREA ===============*/
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a,
a:hover {
  text-decoration: none;
}

body {
  font-size: 20px;
  font-weight: 500;
  font-family: "Figtree", sans-serif;
  line-height: 28px;
  overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}

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

.sp1 {
  padding: 130px 0 100px;
}

.sp2 {
  padding: 130px 0;
}

.sp3 {
  padding: 100px 0 100px;
}

.sp4 {
  padding: 100px 0 70px;
}

.sp5 {
  padding: 70px 0 70px;
}

.sp6 {
  padding: 60px 0 60px;
}

.sp7 {
  padding: 50px 0 50px;
}

.sp8 {
  padding: 80px 0 80px;
}

.space10 {
  height: 10px;
}

.space14 {
  height: 14px;
}

.space12 {
  height: 12px;
}

.space16 {
  height: 16px;
}

.space20 {
  height: 20px;
}

.space24 {
  height: 24px;
}

.space30 {
  height: 30px;
}

.space32 {
  height: 32px;
}

.space40 {
  height: 40px;
}

.space50 {
  height: 50px;
}

.space60 {
  height: 60px;
}

.space70 {
  height: 70px;
}

.space80 {
  height: 80px;
}

.space90 {
  height: 90px;
}

.space100 {
  height: 100px;
}

@keyframes animation-6 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1000deg);
  }
}
@keyframes animation-7 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1000deg);
  }
}
.keyframe5 {
  position: relative;
  animation-name: animation-7;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

.keyframe4 {
  position: relative;
  animation-name: animation-6;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translatex(-100%);
  }
}
@keyframes marquee-2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translatex(0);
  }
}
@keyframes animation-4 {
  0% {
    transform: scale(1);
    transform: translateY(10px);
  }
  100% {
    transform: scale(1);
  }
}
.aniamtion-key-3 {
  position: relative;
  animation-name: animation-4;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes fade-in-down {
  0% {
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes animation-1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes animation-2 {
  0% {
    transform: scale(1);
    transform: translateY(10px);
  }
  100% {
    transform: scale(1);
  }
}
.aniamtion-key-1 {
  position: relative;
  animation-name: animation-1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.aniamtion-key-2 {
  position: relative;
  animation-name: animation-2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes animation-5 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.aniamtion-key-5 {
  position: relative;
  animation-name: animation-5;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition: all 0.4s ease-in-out;
}

/*============= TYPHOGRAPHY CSS AREA ENDS===============*/
/*============= COMMON CSS AREA ===============*/
.heading1 h1 {
  color: var(--white-100, #fff);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  line-height: 75px;
  transition: all 0.4s ease-in-out;
  margin-bottom: 16px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .heading1 h1 {
    font-size: 34px;
    line-height: 50px;
  }
}

.heading2 h2 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
  line-height: 54px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .heading2 h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

.heading3 h1 {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
  line-height: 70px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .heading3 h1 {
    font-size: 32px;
    line-height: 42px;
  }
}

.heading4 h2 {
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  transition: all 0.4s ease-in-out;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .heading4 h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

.heading5 span.seo {
  font-size: 18px;
  font-weight: 500;
  color: #4b24ee;
  display: inline-block;
  border-radius: 4px;
  padding: 8px;
  transition: all 0.4s ease-in-out;
  line-height: 18px;
  background: #ede9fd;
}
.heading5 h1 {
  font-family: "Figtree", sans-serif;
  font-size: 65px;
  line-height: 70px;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
  color: var(--Text-Color, #0d0e10);
}
@media (max-width: 767px) {
  .heading5 h1 {
    font-size: 32px;
    line-height: 42px;
  }
}
.heading5 p {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 26px;
}

.heading6 span.seo {
  font-size: 18px;
  font-weight: 500;
  color: #4b24ee;
  display: inline-block;
  border-radius: 4px;
  padding: 8px;
  transition: all 0.4s ease-in-out;
  line-height: 18px;
  background: #ede9fd;
}
.heading6 h2 {
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .heading6 h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
.heading6 p {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 26px;
}

.tags span {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 32px;
  background: #f8f4ff;
}

.bg-none {
  background: none !important;
}

.tags2 span {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #581164;
  transition: all 0.4s ease-in-out;
  line-height: 16px;
  display: inline-block;
  background: #f7f3f7;
  padding: 8px;
  border-radius: 4px;
}
.tags2 span img {
  margin: -4px 6px 0 0;
}
.tags2 span p {
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  font-family: "Figtree", sans-serif;
  line-height: 26px;
}

.tags3 span {
  font-weight: 500;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #5c3ef4;
  padding: 8px 12px;
  border-radius: 32px;
  line-height: 16px;
  background: #e8e6f9;
}

/*============= COMMON CSS AREA ENDS ===============*/
/*============= HEADER CSS AREA ===============*/
.header-area.homepage1 {
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.header-area.homepage1 .navbar {
  display: block;
}
.header-area.homepage1 .header-elements {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  background: var(
    --Liner,
    linear-gradient(
      92deg,
      rgba(255, 255, 255, 0.4) -10.29%,
      rgba(255, 255, 255, 0.1) 98.27%
    )
  );
  padding: 10px 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 35px;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage1 .header-elements .site-log {
  margin-top: 5px;
}
.header-area.homepage1 .header-elements .main-menu .nav-item .nav-link.active {
  background: none;
  color: var(--white-100, #fff);
  opacity: 0.7;
}
.header-area.homepage1 .header-elements .main-menu ul li {
  display: inline-block;
  position: relative;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li:hover
  ul.dropdown-padding {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 50px;
  position: absolute;
}
.header-area.homepage1 .header-elements .main-menu ul li a {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--white-100, #fff);
  display: inline-block;
  transition: all 0.4s ease-in-out;
  padding: 0 10px;
}
.header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  position: absolute;
  background: var(--white-100, #fff);
  top: 100px;
  width: 220px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu {
  position: relative;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a {
  color: #433ce7;
  transition: all 0.4s ease-in-out;
  padding-left: 25px;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a::after {
  color: #433ce7;
  transition: all 0.4s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  ul.small-dropdown {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  background: var(--white-100, #fff);
  position: absolute;
  top: 70px;
  width: 220px;
  z-index: 1;
  left: 195px;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  ul.small-dropdown {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 0;
  position: absolute;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li {
  display: block;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  padding: 8px;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 10px;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #433ce7;
  left: 10px;
  top: 22px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover {
  transition: all 0.4s ease-in-out;
  color: #433ce7;
  padding-left: 25px;
}
.header-area.homepage1
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover::after {
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.header-area.homepage1 .navbar-expand {
  display: block;
}

.header-area.homepage1.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  animation-name: fade-in-down;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  background-color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
.header-area.homepage1.sticky .header-elements {
  margin-top: 0;
  transform: all 0.4s ease-in-out;
  border: none;
  background: none;
  padding: 14px 0;
}

.header-area.homepage2 {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.header-area.homepage2 .navbar {
  display: block;
}
.header-area.homepage2 .header-elements {
  display: flex;
  align-self: center;
  justify-content: space-between;
  padding: 25px 0;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage2 .header-elements .site-logo {
  margin-top: 5px;
}
.header-area.homepage2 .header-elements .main-menu {
  display: flex;
  align-items: center;
}
.header-area.homepage2 .header-elements .main-menu .nav-item .nav-link.active {
  background: none;
  color: #fc4b3e;
}
.header-area.homepage2 .header-elements .main-menu ul li {
  display: inline-block;
  position: relative;
}
.header-area.homepage2 .header-elements .main-menu ul li:hover > a {
  color: #fc4b3e;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li:hover
  ul.dropdown-padding {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 50px;
  position: absolute;
}
.header-area.homepage2 .header-elements .main-menu ul li a {
  font-family: "Figtree", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--white-100, #fff);
  display: inline-block;
  transition: all 0.4s ease-in-out;
  padding: 0 10px;
}
.header-area.homepage2 .header-elements .main-menu ul li ul.dropdown-padding {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  position: absolute;
  background: var(--white-100, #fff);
  top: 100px;
  width: 220px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu {
  position: relative;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a {
  color: #fc4b3e;
  transition: all 0.4s ease-in-out;
  padding-left: 25px;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a::after {
  color: #fc4b3e;
  transition: all 0.4s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  ul.small-dropdown {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  background: var(--white-100, #fff);
  position: absolute;
  top: 70px;
  width: 220px;
  z-index: 1;
  left: 195px;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  ul.small-dropdown {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 0;
  position: absolute;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li {
  display: block;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  padding: 8px;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 10px;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #fc4b3e;
  left: 10px;
  top: 22px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover {
  transition: all 0.4s ease-in-out;
  color: #fc4b3e;
  padding-left: 25px;
}
.header-area.homepage2
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover::after {
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.header-area.homepage2 .header-elements .main-menu .header-btn2 {
  margin: 0 16px 0 22px;
}

.header-area.homepage2.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  animation-name: fade-in-down;
  animation-fill-mode: forwards;
  background-color: #6e24ff;
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
.header-area.homepage2.sticky .header-elements {
  margin-top: 0;
  transition: all 0.4s ease-in-out;
  border: none;
  background: none;
  padding: 14px 0;
}

.header-area.homepage3 {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.header-area.homepage3 .navbar {
  display: block;
}
.header-area.homepage3 .header-elements {
  display: flex;
  align-self: center;
  justify-content: space-between;
  transition: all 0.4s ease-in-out;
  padding: 24px 0 0 0;
}
.header-area.homepage3 .header-elements .site-logo {
  margin-top: 14px;
}
.header-area.homepage3 .header-elements .main-menu {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  transition: all 0.4s ease-in-out;
  background: #ede9fd;
  border-radius: 4px;
}
.header-area.homepage3 .header-elements .main-menu .nav-item .nav-link.active {
  background: none;
  color: #4b24ee;
}
.header-area.homepage3 .header-elements .main-menu ul li {
  display: inline-block;
  position: relative;
}
.header-area.homepage3 .header-elements .main-menu ul li:hover > a {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li:hover
  ul.dropdown-padding {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 50px;
  position: absolute;
}
.header-area.homepage3 .header-elements .main-menu ul li a {
  font-family: "Figtree", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  transition: all 0.4s ease-in-out;
  padding: 0 10px;
}
.header-area.homepage3 .header-elements .main-menu ul li ul.dropdown-padding {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  position: absolute;
  background: var(--white-100, #fff);
  top: 100px;
  width: 220px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu {
  position: relative;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
  padding-left: 25px;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a::after {
  color: #fc4b3e;
  transition: all 0.4s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  ul.small-dropdown {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  background: var(--white-100, #fff);
  position: absolute;
  top: 70px;
  width: 220px;
  z-index: 1;
  left: 195px;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  ul.small-dropdown {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 0;
  position: absolute;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li {
  display: block;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  padding: 8px;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 10px;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #4b24ee;
  left: 10px;
  top: 22px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover {
  transition: all 0.4s ease-in-out;
  color: #4b24ee;
  padding-left: 25px;
}
.header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover::after {
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.header-area.homepage3 .header-elements .header-padding ul li a {
  padding: 0 14px;
}

.header-area.homepage3.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  animation-name: fade-in-down;
  animation-fill-mode: forwards;
  background-color: var(--white-100, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
.header-area.homepage3.sticky .header-elements {
  margin-top: 0;
  transition: all 0.4s ease-in-out;
  border: none;
  background: none;
  padding: 14px 0;
}
.header-area.homepage3.sticky .header-elements .main-menu {
  background: none;
  transition: all 0.4s ease-in-out;
}

.header-area.homepage4 {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.header-area.homepage4 .navbar {
  display: block;
}
.header-area.homepage4 .header-elements {
  display: flex;
  align-self: center;
  justify-content: space-between;
  padding: 16px 16px;
  transition: all 0.4s ease-in-out;
  background: var(--white-100, #fff);
  border-radius: 0 0 4px 4px;
}
.header-area.homepage4 .header-elements .site-logo {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.header-area.homepage4 .header-elements .main-menu {
  display: flex;
  align-items: center;
  margin-left: 50px;
}
.header-area.homepage4 .header-elements .main-menu .nav-item .nav-link.active {
  background: none;
  color: #581164;
}
.header-area.homepage4 .header-elements .main-menu ul li {
  display: inline-block;
  position: relative;
}
.header-area.homepage4 .header-elements .main-menu ul li:hover > a {
  color: #581164;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li:hover
  ul.dropdown-padding {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 50px;
  position: absolute;
}
.header-area.homepage4 .header-elements .main-menu ul li a {
  font-family: "Figtree", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  transition: all 0.4s ease-in-out;
  padding: 0 10px;
}
.header-area.homepage4 .header-elements .main-menu ul li ul.dropdown-padding {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  position: absolute;
  background: var(--white-100, #fff);
  top: 100px;
  width: 220px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu {
  position: relative;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a {
  color: #581164;
  transition: all 0.4s ease-in-out;
  padding-left: 25px;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a::after {
  color: #581164;
  transition: all 0.4s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  ul.small-dropdown {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  background: var(--white-100, #fff);
  position: absolute;
  top: 70px;
  width: 220px;
  z-index: 1;
  left: 195px;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  ul.small-dropdown {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 0;
  position: absolute;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li {
  display: block;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  padding: 8px;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 10px;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #581164;
  left: 10px;
  top: 22px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover {
  transition: all 0.4s ease-in-out;
  color: #581164;
  padding-left: 25px;
}
.header-area.homepage4
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover::after {
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.header-area.homepage4 .header-elements .main-menu .header-btn2 {
  margin: 0 16px 0 22px;
}

.header-area.homepage4.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  animation-name: fade-in-down;
  animation-fill-mode: forwards;
  background-color: var(--white-100, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
.header-area.homepage4.sticky .header-elements {
  padding: 14px;
  transition: all 0.4s ease-in-out;
}

.header-area.homepage5 {
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.header-area.homepage5 .navbar {
  display: block;
}
.header-area.homepage5 .header-elements {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  background: var(
    --Liner,
    linear-gradient(
      92deg,
      rgba(255, 255, 255, 0.4) -10.29%,
      rgba(255, 255, 255, 0.1) 98.27%
    )
  );
  padding: 10px 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 35px;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage5 .header-elements .site-log {
  margin-top: 5px;
}
.header-area.homepage5 .header-elements .main-menu .nav-item .nav-link.active {
  background: none;
  color: #5c3ef4;
}
.header-area.homepage5 .header-elements .main-menu ul li {
  display: inline-block;
  position: relative;
}
.header-area.homepage5 .header-elements .main-menu ul li:hover > a {
  color: #5c3ef4;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage5 .header-elements .main-menu ul li:hover {
  color: #5c3ef4;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li:hover
  ul.dropdown-padding {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 50px;
  position: absolute;
}
.header-area.homepage5 .header-elements .main-menu ul li a {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--white-100, #fff);
  display: inline-block;
  transition: all 0.4s ease-in-out;
  padding: 0 10px;
}
.header-area.homepage5 .header-elements .main-menu ul li ul.dropdown-padding {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  position: absolute;
  background: var(--white-100, #fff);
  top: 100px;
  width: 220px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu {
  position: relative;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a {
  color: #5c3ef4;
  transition: all 0.4s ease-in-out;
  padding-left: 25px;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a::after {
  color: #5c3ef4;
  transition: all 0.4s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  ul.small-dropdown {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  background: var(--white-100, #fff);
  position: absolute;
  top: 70px;
  width: 220px;
  z-index: 1;
  left: 195px;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  ul.small-dropdown {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 0;
  position: absolute;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li {
  display: block;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  padding: 8px;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 10px;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #5c3ef4;
  left: 10px;
  top: 22px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover {
  transition: all 0.4s ease-in-out;
  color: #5c3ef4;
  padding-left: 25px;
}
.header-area.homepage5
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover::after {
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.header-area.homepage5 .navbar-expand {
  display: block;
}

.header-area.homepage5.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  animation-name: fade-in-down;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  background: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
.header-area.homepage5.sticky .header-elements {
  margin-top: 0;
  transform: all 0.4s ease-in-out;
  border: none;
  background: none;
}

/*============= HEADER CSS AREA ENDS===============*/
/*============= WELCOME CSS AREA ===============*/
.welocme1-section-area {
  position: relative;
  padding: 190px 0 400px;
}
@media (max-width: 767px) {
  .welocme1-section-area {
    padding: 120px 0 270px;
  }
}
.welocme1-section-area .welcome-content-header {
  text-align: center;
  position: relative;
  z-index: 2;
}
.welocme1-section-area .welcome-content-header .elementors-img {
  position: absolute;
  top: -175px;
  left: 15%;
  right: 15%;
  z-index: -1;
}
.welocme1-section-area .welcome-content-header p {
  color: var(--white-100, #fff);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  opacity: 0.8;
}
.welocme1-section-area .welcome-content-header h1 {
  color: var(--white-100, #fff);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .welocme1-section-area .welcome-content-header h1 {
    font-size: 34px;
    line-height: 50px;
  }
}
.welocme1-section-area .welcome-content-header .welcome-btnarea .header-btn {
  margin-top: 32px;
}
.welocme1-section-area .welcome-content-header .welcome-btnarea .header-btn1 {
  margin-top: 32px;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .welocme1-section-area .welcome-content-header .welcome-btnarea .header-btn1 {
    margin-left: 0;
  }
}

.welcome2-section-area {
  padding: 190px 0 76px;
  position: relative;
}
@media (max-width: 767px) {
  .welcome2-section-area {
    padding: 120px 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome2-section-area {
    padding: 150px 0 0;
  }
}
.welcome2-section-area .welcome2-header {
  padding: 0 35px 0 0;
}
@media (max-width: 767px) {
  .welcome2-section-area .welcome2-header {
    padding: 0;
  }
}
.welcome2-section-area .welcome2-header span {
  display: inline-block;
  background: var(
    --Title-Liner,
    linear-gradient(
      92deg,
      rgba(255, 255, 255, 0.4) -119.44%,
      rgba(255, 255, 255, 0.1) 98.36%
    )
  );
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding: 8px 12px;
  border-radius: 35px;
  margin-bottom: 16px;
}
.welcome2-section-area .welcome2-header p {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 16px;
}
.welcome2-section-area .welcome2-header .header-btn2 {
  margin-top: 32px;
}
.welcome2-section-area .welcome2-header .header-btn3 {
  margin-top: 32px;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .welcome2-section-area .welcome2-header .header-btn3 {
    margin-left: 0;
  }
}
.welcome2-section-area .header-images-area {
  position: relative;
}
@media (max-width: 767px) {
  .welcome2-section-area .header-images-area {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome2-section-area .header-images-area {
    margin-top: 30px;
  }
}
.welcome2-section-area .header-images-area .header-elements1 {
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome2-section-area .header-images-area .header-elements1 {
    height: 100%;
    width: 100%;
  }
}
.welcome2-section-area .header-images-area .header-elements1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.welcome2-section-area .header-images-area .header-elements2 {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.welcome2-section-area .header-images-area .header-elements2 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.welcome3-section-area {
  padding: 170px 0 200px;
  position: relative;
}
@media (max-width: 767px) {
  .welcome3-section-area {
    padding: 150px 0 50px;
  }
}
.welcome3-section-area .welcome3-header .unlock {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #4b24ee;
  font-family: "Figtree", sans-serif;
  padding: 16px;
  text-decoration: underline;
  line-height: 16px;
}
@media (max-width: 767px) {
  .welcome3-section-area .welcome3-header {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome3-section-area .welcome3-header {
    margin-bottom: 30px;
  }
}
.welcome3-section-area .welcome3-images {
  position: relative;
}
.welcome3-section-area .welcome3-images .header3-img2 {
  position: absolute;
  width: 293px;
  height: 201px;
  -o-object-fit: cover;
  object-fit: cover;
  left: -100px;
  bottom: -100px;
}
@media (max-width: 767px) {
  .welcome3-section-area .welcome3-images .header3-img2 {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome3-section-area .welcome3-images .header3-img2 {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    left: 0;
    bottom: 0;
  }
}
.welcome3-section-area .welcome3-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.welcome4-section-area {
  position: relative;
  padding: 150px 0 60px;
}
@media (max-width: 767px) {
  .welcome4-section-area {
    padding: 150px 0 0;
  }
}
.welcome4-section-area .welcome4-header.heading5 {
  position: relative;
  padding: 0 45px 0 0;
}
.welcome4-section-area .welcome4-header.heading5 p {
  color: var(--Text-Color, #0d0e10);
}
@media (max-width: 767px) {
  .welcome4-section-area .welcome4-header.heading5 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome4-section-area .welcome4-header.heading5 {
    padding: 0;
  }
}
.welcome4-section-area .welcome4-header.heading5 span {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #581164;
  transition: all 0.4s ease-in-out;
  line-height: 16px;
  display: inline-block;
  background: #e7d8ed;
  padding: 8px;
  border-radius: 4px;
}
.welcome4-section-area .welcome4-header.heading5 span img {
  margin: -4px 6px 0 0;
}
.welcome4-section-area .welcome4-header.heading5 span p {
  font-size: 16px;
  font-weight: 500;
  color: #000 !important;
  font-family: "Figtree", sans-serif;
  line-height: 26px;
}
.welcome4-section-area .welcome4-header.heading5 .btn-area .header-btn6 {
  text-decoration: underline;
}
.welcome4-section-area .welcome4-header.heading5 .btn-area .header-btn6 i {
  margin: 0 6px 0 0;
}
.welcome4-section-area .welcome4-images-area {
  position: relative;
}
.welcome4-section-area .welcome4-images-area .main-img {
  position: relative;
  z-index: 1;
}
.welcome4-section-area .welcome4-images-area .main-img img {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.welcome4-section-area .welcome4-images-area .main-img .header4-bg2 {
  position: absolute;
  height: 420px;
  width: 420px;
  -o-object-fit: cover;
  object-fit: cover;
  left: 13%;
  top: 26%;
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 767px) {
  .welcome4-section-area .welcome4-images-area .main-img .header4-bg2 {
    position: absolute;
    width: 250px;
    left: 40px;
    top: 22%;
    height: 250px;
  }
}
.welcome4-section-area .welcome4-images-area .header4-img1 {
  height: 136px;
  width: 288px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  top: 40%;
  right: -50px;
  z-index: 2;
}
@media (max-width: 767px) {
  .welcome4-section-area .welcome4-images-area .header4-img1 {
    position: relative;
    width: 100%;
    left: 0;
    top: 20px;
    height: 100%;
    right: 0;
  }
}
.welcome4-section-area .welcome4-images-area .header4-img2 {
  height: 250px;
  width: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  bottom: 50px;
  left: -50px;
  z-index: 1;
}
@media (max-width: 767px) {
  .welcome4-section-area .welcome4-images-area .header4-img2 {
    position: relative;
    width: 100%;
    left: 0;
    top: -40px;
    height: 100%;
  }
}
.welcome4-section-area .welcome4-images-area .header4-elements {
  position: absolute;
  top: 37%;
  left: -50px;
}
@media (max-width: 767px) {
  .welcome4-section-area .welcome4-images-area .header4-elements {
    display: none;
  }
}
.welcome4-section-area .welcome4-images-area p {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  background: var(--white-100, #fff);
  padding: 8px;
  line-height: 16px;
  border-radius: 4px;
  position: absolute;
  bottom: 80px;
  right: -30px;
  z-index: 1;
}
.welcome4-section-area .welcome4-images-area p span {
  color: #581164;
}
@media (max-width: 767px) {
  .welcome4-section-area .welcome4-images-area p {
    position: relative;
    left: 0;
  }
}

.welcome5-section-area {
  padding: 60px 0 60px;
  position: relative;
  z-index: 1;
}
.welcome5-section-area .elements1 {
  position: absolute;
  top: 10%;
  z-index: -1;
}
.welcome5-section-area .elements2 {
  position: absolute;
  top: 35%;
  left: 100px;
  z-index: -1;
}
.welcome5-section-area .elements3 {
  position: absolute;
  right: 0px;
  top: 10%;
  z-index: -1;
}
.welcome5-section-area .elements4 {
  position: absolute;
  top: 35%;
  right: 0;
  z-index: -1;
  transform: rotate(180deg);
}
.welcome5-section-area .welcome5-header-area {
  margin-top: 120px;
}
.welcome5-section-area .welcome5-header-area .header-btn9 {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .welcome5-section-area .welcome5-header-area .header-btn9 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.welcome5-section-area .welcome5-images-area {
  position: relative;
  z-index: 1;
}
.welcome5-section-area .welcome5-images-area .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.welcome5-section-area .welcome5-images-area .img1 .header5-img2 {
  height: 190px;
  width: 258px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  bottom: 50px;
  right: 0;
}
@media (max-width: 767px) {
  .welcome5-section-area .welcome5-images-area .img1 .header5-img2 {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    position: relative;
    top: 20px;
  }
}
.welcome5-section-area .welcome5-images-area .content-elements {
  text-align: center;
  position: absolute;
  bottom: 200px;
  right: -157px;
  z-index: -1;
}
@media (max-width: 767px) {
  .welcome5-section-area .welcome5-images-area .content-elements {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome5-section-area .welcome5-images-area .content-elements {
    display: none;
  }
}
.welcome5-section-area .welcome5-images-area .content-elements p {
  color: var(--white-100, #fff);
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  font-family: "Figtree", sans-serif;
}
.welcome5-section-area .welcome5-images-area .content-elements img {
  position: relative;
  right: 30px;
  top: 10px;
}
.welcome5-section-area .welcome5-images-area .content1-elements {
  text-align: center;
  position: absolute;
  top: 120px;
  left: -100px;
  z-index: -1;
}
@media (max-width: 767px) {
  .welcome5-section-area .welcome5-images-area .content1-elements {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome5-section-area .welcome5-images-area .content1-elements {
    display: none;
  }
}
.welcome5-section-area .welcome5-images-area .content1-elements p {
  color: var(--white-100, #fff);
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  font-family: "Figtree", sans-serif;
  text-align: center;
  position: relative;
  left: -140px;
}
.welcome5-section-area .welcome5-images-area .content1-elements img {
  position: relative;
  top: 10px;
}
.welcome5-section-area .welcome5-images-area .content2-elements {
  text-align: center;
  position: absolute;
  bottom: 170px;
  left: -50px;
  z-index: -1;
}
@media (max-width: 767px) {
  .welcome5-section-area .welcome5-images-area .content2-elements {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome5-section-area .welcome5-images-area .content2-elements {
    display: none;
  }
}
.welcome5-section-area .welcome5-images-area .content2-elements p {
  color: var(--white-100, #fff);
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  font-family: "Figtree", sans-serif;
  position: relative;
  left: -50px;
}
.welcome5-section-area .welcome5-images-area .content2-elements img {
  position: relative;
  left: 0px;
  top: 10px;
}

/*============= WELCOME CSS AREA ENDS ===============*/
/*============= PRELOADER CSS AREA===============*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white-100, #fff);
  z-index: 999999;
}

.preloader {
  width: 70px;
  height: 70px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.preloader span {
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: #433ce7;
  animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white-100, #fff);
  z-index: 999999;
}

.preloader4 {
  width: 70px;
  height: 70px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.preloader4 span {
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: #581164;
  animation: preloader 1.3s linear infinite;
}

.preloader4 span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f062";
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  color: #433ce7;
  left: 0;
  top: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}

.progress-wrap:hover::after {
  opacity: 0;
}

.progress-wrap::before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f062";
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  opacity: 0;
  left: 0;
  top: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}

.progress-wrap:hover::before {
  opacity: 1;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: #433ce7;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*============= PRELOADER CSS AREA ENDS===============*/
/*============= BUTTON CSS AREA ===============*/
a.header-btn {
  display: inline-block;
  border-radius: 25px;
  background: #433ce7;
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 16px 28px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
}
a.header-btn::after {
  position: absolute;
  content: "";
  left: 50%;
  right: 50%;
  height: 20px;
  width: 20px;
  top: 14px;
  border-radius: 50%;
  background: #2921d3;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
a.header-btn:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
a.header-btn:hover::after {
  visibility: visible;
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  border-radius: 25px;
  left: 0;
  top: 0;
}
a.header-btn i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

a.header-btn1 {
  display: inline-block;
  border-radius: 25px;
  border: 1px solid var(--white-100, #fff);
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 16px 28px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
}
a.header-btn1::after {
  position: absolute;
  content: "";
  left: 50%;
  right: 50%;
  height: 20px;
  width: 20px;
  top: 14px;
  border-radius: 50%;
  background: #2921d3;
  border: 1px solid #2921d3;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
a.header-btn1:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
  border: 1px solid #2921d3;
}
a.header-btn1:hover::after {
  visibility: visible;
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  border-radius: 25px;
  left: 0;
  top: 0;
}
a.header-btn1 i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

.header-btn2 {
  border-radius: 25px;
  background: #fc4b3e;
  color: var(--white-100, #fff);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  padding: 16px 24px;
  transition: all 0.4s ease-in-out;
  z-index: 1;
  position: relative;
}
.header-btn2::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 35px;
  top: 15px;
  z-index: -1;
  transition: all 0.4s ease-in-out;
  background: #8d53ff;
  border-radius: 25px;
  visibility: hidden;
  opacity: 0;
}
.header-btn2:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  border-radius: 25px;
}
.header-btn2:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  border-radius: 25px;
  left: 0;
  top: 0;
  visibility: visible;
  opacity: 1;
}

.header-btn3 {
  border-radius: 25px;
  border: 1px solid var(--white-100, var(--white-100, #fff));
  color: var(--white-100, #fff);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  padding: 14px 24px;
  transition: all 0.4s ease-in-out;
  z-index: 1;
  position: relative;
}
.header-btn3::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 35px;
  top: 15px;
  z-index: -1;
  transition: all 0.4s ease-in-out;
  background: #8d53ff;
  border-radius: 25px;
  visibility: hidden;
  opacity: 0;
}
.header-btn3:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  border-radius: 25px;
  border: 1px solid #6e24ff;
}
.header-btn3:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  border-radius: 25px;
  left: 0;
  top: 0;
  visibility: visible;
  opacity: 1;
}

.header-btn4 {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  padding: 16px;
  transition: all 0.4s ease-in-out;
}
.header-btn4:hover {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}

.header-btn5 {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--white-100, #fff);
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 16px;
  padding: 16px;
  border-radius: 5px;
  background: #4b24ee;
  transition: all 0.4s ease-in-out;
}
.header-btn5::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 44%;
  bottom: 0;
  right: 44%;
  top: 35%;
  background: #ede9fd;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.header-btn5:hover {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}
.header-btn5:hover::after {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  left: 0;
  visibility: visible;
  opacity: 1;
  top: 0;
}

.header-btn6 {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #581164;
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 16px;
  padding: 16px;
  border-radius: 5px;
  transition: all 0.4s ease-in-out;
}
.header-btn6:hover {
  color: #43054e;
  transition: all 0.4s ease-in-out;
}

.header-btn7 {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--white-100, #fff);
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 16px;
  padding: 16px;
  border-radius: 5px;
  background: #581164;
  transition: all 0.4s ease-in-out;
}
.header-btn7::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 44%;
  bottom: 0;
  right: 44%;
  top: 35%;
  background: #43054e;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.header-btn7:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  transform: translateY(-5px);
}
.header-btn7:hover::after {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  left: 0;
  visibility: visible;
  opacity: 1;
  top: 0;
}

a.header-btn8 {
  display: inline-block;
  border-radius: 25px;
  background: #5c3ef4;
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 16px 28px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
}
a.header-btn8::after {
  position: absolute;
  content: "";
  left: 50%;
  right: 50%;
  height: 20px;
  width: 20px;
  top: 14px;
  border-radius: 50%;
  background: #745de6;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
a.header-btn8:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
a.header-btn8:hover::after {
  visibility: visible;
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  border-radius: 25px;
  left: 0;
  top: 0;
}
a.header-btn8 i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

a.header-btn9 {
  display: inline-block;
  border-radius: 25px;
  background: none;
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 16px 28px;
  transition: all 0.4s ease-in-out;
  position: relative;
  border: 1px solid var(--white-100, #fff);
  z-index: 1;
}
a.header-btn9::after {
  position: absolute;
  content: "";
  left: 50%;
  right: 50%;
  height: 20px;
  width: 20px;
  top: 14px;
  border-radius: 50%;
  background: #5c3ef4;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
a.header-btn9:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
  border: 1px solid #5c3ef4;
}
a.header-btn9:hover::after {
  visibility: visible;
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  border-radius: 25px;
  left: 0;
  top: 0;
}
a.header-btn9 i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

/*============= BUTTON CSS AREA ENDS ===============*/
/*============= TESTIMONIAL CSS AREA ===============*/
.swiper-3d .swiper-slide-shadow-right {
  background: none;
}

.swiper-3d .swiper-slide-shadow-left {
  background: none;
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  bottom: 170px;
  z-index: 2;
}
@media (max-width: 767px) {
  .swiper-container {
    height: 200px;
  }
}
.swiper-container .swiper-slide {
  transform: none !important;
}
.swiper-container .swiper-slide-duplicate {
  transform: none !important;
}
.swiper-container .swiper-slide-next {
  transform: none !important;
  position: relative;
  right: -35px;
}
.swiper-container .swiper-slide-active {
  position: relative;
  transform: scale(1.5) !important;
}
.swiper-container .swiper-slide-prev {
  transform: none !important;
  position: relative;
  left: -35px;
}
.swiper-container .swiper-pagination {
  position: relative;
  top: 110px;
}
@media (max-width: 767px) {
  .swiper-container .swiper-pagination {
    top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-container .swiper-pagination {
    top: 70px;
  }
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}
.swiper-slide .entity-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  background: transparent;
  border: none;
  color: inherit;
  padding: 0 !important;
  font: inherit;
  height: 8px;
  line-height: 10px;
  width: 8px;
  margin: 0 6px;
  border: none;
  border-radius: 50%;
  padding: 5px;
  margin: 5px;
  background-color: #2921d3;
  position: relative;
  border: 2px solid #2921d3;
}
.swiper-pagination-bullets .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  border: 1px solid #2921d3;
  z-index: -1;
  border-radius: 50%;
  left: -5px;
  top: -5px;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #2921d3;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 767px) {
  .testimonial1-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial1-section-area {
    padding: 50px 0 50px;
  }
}
.testimonial1-section-area .testimonial1-header span {
  color: #433ce7;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea {
  padding: 0 30px 0 0;
}
@media (max-width: 767px) {
  .testimonial1-section-area
    .testimonial-sliders
    .testimonial-content-slider
    .testimonial-slider-boxarea {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial1-section-area
    .testimonial-sliders
    .testimonial-content-slider
    .testimonial-slider-boxarea {
    padding: 0;
  }
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonila-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonila-img
  ul
  li {
  display: inline-block;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonila-img
  ul
  li
  a {
  color: #433ce7;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonila-img
  .mans-slider-info {
  display: flex;
  align-items: center;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonila-img
  .mans-slider-info
  .content {
  padding-left: 16px;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonila-img
  .mans-slider-info
  .content
  a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 8px;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonila-img
  .mans-slider-info
  .content
  p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  .testimonial5-all-content
  p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-top: 24px;
}
.testimonial1-section-area .testimonial-sliders .testimonial-arrows {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .testimonial1-section-area .testimonial-sliders .testimonial-arrows {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial1-section-area .testimonial-sliders .testimonial-arrows {
    margin-bottom: 30px;
  }
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-arrows
  button:hover {
  background: #433ce7;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-arrows
  .testimonial-prev-arrow
  button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  background: #d9d8fa;
  border: none;
  outline: none;
  margin: 0 16px 0 0;
  transition: all 0.4s ease-in-out;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-arrows
  .testimonial-prev-arrow
  button:hover {
  background: #433ce7;
  transition: all 0.4s ease-in-out;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-arrows
  .testimonial-next-arrow
  button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  background: #d9d8fa;
  border: none;
  outline: none;
  transition: all 0.4s ease-in-out;
}
.testimonial1-section-area
  .testimonial-sliders
  .testimonial-arrows
  .testimonial-next-arrow
  button:hover {
  background: #433ce7;
  transition: all 0.4s ease-in-out;
}
.testimonial1-section-area
  .testimonial-sliders
  .teimonial-slider-nav-area
  .testimonial-slider-img
  img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .testimonial2-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial2-section-area {
    padding: 50px 0 50px;
  }
}
.testimonial2-section-area .testimonial2-header span {
  border-radius: 32px;
  background: rgba(110, 36, 255, 0.05);
  display: inline-block;
  padding: 8px 12px;
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 12px;
}
.testimonial2-section-area .testimonials2-boxarea .testimonial2-section-box {
  border-radius: 10px;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 24px;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
}
.testimonial2-section-area
  .testimonials2-boxarea
  .testimonial2-section-box:hover {
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.testimonial2-section-area
  .testimonials2-boxarea
  .testimonial2-section-box:hover
  .pera {
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.testimonial2-section-area
  .testimonials2-boxarea
  .testimonial2-section-box
  .testimonials-man {
  display: flex;
  align-items: center;
}
.testimonial2-section-area
  .testimonials2-boxarea
  .testimonial2-section-box
  .testimonials-man
  .man-text {
  margin: 0 0 0 16px;
}
.testimonial2-section-area
  .testimonials2-boxarea
  .testimonial2-section-box
  .testimonials-man
  .man-text
  a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 8px;
}
.testimonial2-section-area
  .testimonials2-boxarea
  .testimonial2-section-box
  .testimonials-man
  .man-text
  span {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  display: block;
}
.testimonial2-section-area
  .testimonials2-boxarea
  .testimonial2-section-box
  .pera {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 16px;
  transition: all 0.4s ease-in-out;
  margin-bottom: 16px;
}
.testimonial2-section-area .testimonials2-boxarea .testimonial2-section-box a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.testimonial2-section-area .testimonials2-boxarea2 .testimonial2-section-box {
  border-radius: 10px;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 24px;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
}
.testimonial2-section-area
  .testimonials2-boxarea2
  .testimonial2-section-box:hover {
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.testimonial2-section-area
  .testimonials2-boxarea2
  .testimonial2-section-box:hover
  .pera {
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.testimonial2-section-area
  .testimonials2-boxarea2
  .testimonial2-section-box
  .testimonials-man {
  display: flex;
  align-items: center;
}
.testimonial2-section-area
  .testimonials2-boxarea2
  .testimonial2-section-box
  .testimonials-man
  .man-text {
  margin: 0 0 0 16px;
}
.testimonial2-section-area
  .testimonials2-boxarea2
  .testimonial2-section-box
  .testimonials-man
  .man-text
  a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 8px;
}
.testimonial2-section-area
  .testimonials2-boxarea2
  .testimonial2-section-box
  .testimonials-man
  .man-text
  span {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  display: block;
}
.testimonial2-section-area
  .testimonials2-boxarea2
  .testimonial2-section-box
  .pera {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 16px;
  transition: all 0.4s ease-in-out;
  margin-bottom: 16px;
}
.testimonial2-section-area .testimonials2-boxarea2 .testimonial2-section-box a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}

.testimonial3-section-area {
  background: #faf9fd;
}
@media (max-width: 767px) {
  .testimonial3-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial3-section-area {
    padding: 50px 0 50px;
  }
}
.testimonial3-section-area .testimonial3-slider-area .testimonial3-boxarea {
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 20px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea:hover {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  border: 1px solid var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea:hover
  .img2
  p {
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea
  .images-content {
  display: flex;
  align-items: center;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea
  .images-content
  img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea
  .images-content
  .content {
  margin-left: 12px;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea
  .images-content
  .content
  a {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  line-height: 20px;
  display: inline-block;
  margin-bottom: 8px;
  transition: all 0.4s ease-in-out;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea
  .images-content
  .content
  p {
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  font-family: "Figtree", sans-serif;
  transition: all 0.4s ease-in-out;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea
  .img2
  img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .testimonial3-boxarea
  .img2
  p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 28px;
  transition: all 0.4s ease-in-out;
}
.testimonial3-section-area .testimonial3-slider-area .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.testimonial3-section-area .testimonial3-slider-area .owl-dots button {
  position: relative;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #c6b9f9;
  margin: 0 16px 0 0;
}
.testimonial3-section-area .testimonial3-slider-area .owl-dots button::after {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #4b24ee;
  left: -5px;
  top: -5px;
  display: none;
}
.testimonial3-section-area .testimonial3-slider-area .owl-dots button.active {
  background: #4b24ee;
  height: 14px;
  width: 14px;
}
.testimonial3-section-area
  .testimonial3-slider-area
  .owl-dots
  button.active::after {
  display: block;
}

.testimonial2 .testimonial1-header span {
  display: inline-block;
  padding: 8px 12px;
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-radius: 32px;
  background: rgba(110, 36, 255, 0.05);
  margin-bottom: 12px;
}
.testimonial2
  .testimonial-sliders
  .testimonial-content-slider
  .testimonial-slider-boxarea
  ul
  li
  a {
  color: #6e24ff !important;
}
.testimonial2 .testimonial-sliders .testimonial-next-arrow button:hover {
  background: #6e24ff !important;
}
.testimonial2 .testimonial-sliders .testimonial-prev-arrow button:hover {
  background: #6e24ff !important;
}

@media (max-width: 767px) {
  .testimonial-inner-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-inner-section-area {
    padding: 50px 0 50px;
  }
}
.testimonial-inner-section-area .testimonial2-section-box {
  border-radius: 10px;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 24px;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
}
.testimonial-inner-section-area .testimonial2-section-box:hover {
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.testimonial-inner-section-area .testimonial2-section-box:hover .pera {
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.testimonial-inner-section-area .testimonial2-section-box .testimonials-man {
  display: flex;
  align-items: center;
}
.testimonial-inner-section-area
  .testimonial2-section-box
  .testimonials-man
  .man-text {
  margin: 0 0 0 16px;
}
.testimonial-inner-section-area
  .testimonial2-section-box
  .testimonials-man
  .man-text
  a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 8px;
}
.testimonial-inner-section-area
  .testimonial2-section-box
  .testimonials-man
  .man-text
  span {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  display: block;
}
.testimonial-inner-section-area .testimonial2-section-box .pera {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 16px;
  transition: all 0.4s ease-in-out;
  margin-bottom: 16px;
}
.testimonial-inner-section-area .testimonial2-section-box a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.testimonial-inner-section-area .testimonial3-boxarea {
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 20px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  margin-bottom: 30px;
}
.testimonial-inner-section-area .testimonial3-boxarea:hover {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  border: 1px solid var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.testimonial-inner-section-area .testimonial3-boxarea:hover .img2 p {
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.testimonial-inner-section-area .testimonial3-boxarea .images-content {
  display: flex;
  align-items: center;
}
.testimonial-inner-section-area .testimonial3-boxarea .images-content img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.testimonial-inner-section-area .testimonial3-boxarea .images-content .content {
  margin-left: 12px;
}
.testimonial-inner-section-area
  .testimonial3-boxarea
  .images-content
  .content
  a {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  line-height: 20px;
  display: inline-block;
  margin-bottom: 8px;
  transition: all 0.4s ease-in-out;
}
.testimonial-inner-section-area
  .testimonial3-boxarea
  .images-content
  .content
  p {
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  font-family: "Figtree", sans-serif;
  transition: all 0.4s ease-in-out;
}
.testimonial-inner-section-area .testimonial3-boxarea .img2 img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
.testimonial-inner-section-area .testimonial3-boxarea .img2 p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 28px;
  transition: all 0.4s ease-in-out;
}
.testimonial-inner-section-area .pagination-area nav ul {
  justify-content: center;
}
.testimonial-inner-section-area .pagination-area nav ul li a {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 43px;
  border-radius: 50% !important;
  box-shadow: none;
  margin: 0 10px 0 0;
  transition: all 0.4s ease-in-out;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
}
.testimonial-inner-section-area .pagination-area nav ul li a:hover {
  background: #6e24ff;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
}
.testimonial-inner-section-area .pagination-area nav ul li a.active {
  background: #6e24ff;
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

.testimonial-carousel-area {
  position: relative;
}
@media (max-width: 767px) {
  .testimonial-carousel-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-carousel-area {
    padding: 50px 0 50px;
  }
}
.testimonial-carousel-area .tastemonial-box-area {
  position: relative;
}
.testimonial-carousel-area .tastemonial-box-area .testimonial {
  position: absolute;
  left: 18%;
  top: 2%;
}
.testimonial-carousel-area .tastemonial-box-area .pinterest1 {
  position: absolute;
  top: 40%;
}
.testimonial-carousel-area .tastemonial-box-area .instagram3 {
  position: absolute;
  right: 0;
  top: 40%;
}
.testimonial-carousel-area .tastemonial-box-area .testimonial-main-box {
  background: #f8f9fa;
  position: relative;
  padding: 80px 80px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .testimonial-carousel-area .tastemonial-box-area .testimonial-main-box {
    padding: 40px;
    border-radius: 10px;
  }
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .img1
  img {
  height: 60px;
  width: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .team-details {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .team-details
  .img1
  img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .team-details
  .content {
  margin-left: 16px;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .team-details
  .content
  a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  text-align: start !important;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .team-details
  .content
  p {
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #676879;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .owl-dots {
  text-align: center;
  margin-top: 32px;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .owl-dots
  button {
  height: 3px;
  width: 17px;
  display: inline-block;
  background: #dac6de;
  border-radius: 4px;
  margin: 0 3px;
}
.testimonial-carousel-area
  .tastemonial-box-area
  .testimonial-main-box
  .owl-dots
  .owl-dot.active {
  background: #581164;
}

/*============= TESTIMONIAL CSS AREA ENDS===============*/
/*============= COUNTER CSS AREA ===============*/
.counter1-section-area {
  padding: 70px 0 100px;
}
@media (max-width: 767px) {
  .counter1-section-area {
    margin-top: -75px;
    padding: 30px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter1-section-area {
    margin-top: -50px;
    padding: 30px 0 50px;
  }
}
.counter1-section-area .counter-auhtor-area {
  border-radius: var(--4, 4px);
  background: #fff;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  align-items: center;
  justify-content: space-between;
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter1-section-area .counter-auhtor-area {
    padding: 50px 50px 30px 50px;
  }
}
@media (max-width: 767px) {
  .counter1-section-area .counter-auhtor-area {
    padding: 50px;
  }
}
.counter1-section-area .counter-auhtor-area .counter-box1 {
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter1-section-area .counter-auhtor-area .counter-box1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .counter1-section-area .counter-auhtor-area .counter-box1 {
    margin-bottom: 20px;
  }
}
.counter1-section-area .counter-auhtor-area .counter-box1::after {
  position: absolute;
  content: "";
  height: 90px;
  width: 1px;
  background: var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  top: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter1-section-area .counter-auhtor-area .counter-box1::after {
    height: 70px;
    width: 1px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .counter1-section-area .counter-auhtor-area .counter-box1::after {
    display: none;
  }
}
.counter1-section-area .counter-auhtor-area .counter-box1 h3 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .counter1-section-area .counter-auhtor-area .counter-box1 h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
.counter1-section-area .counter-auhtor-area .counter-box1 p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.counter1-section-area .counter-auhtor-area .counter-after::after {
  display: none;
}

/*============= COUNTER CSS AREA ENDS ===============*/
/*============= SLIDER CSS AREA ===============*/
.slider1-section-area {
  overflow: hidden;
}
.slider1-section-area .brand-single-box {
  display: inline-block;
}
.slider1-section-area .marquee-wrap {
  background-color: #433ce7;
  width: 100%;
  position: relative;
}
.slider1-section-area .marquee-wrap .marquee-text {
  animation: marquee 100s linear infinite;
  position: relative;
  width: 100%;
  white-space: nowrap;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider1-section-area .marquee-wrap .marquee-text {
    animation: marquee 50s linear infinite;
  }
}
@media (max-width: 767px) {
  .slider1-section-area .marquee-wrap .marquee-text {
    animation: marquee 50s linear infinite;
  }
}
.slider1-section-area .marquee-wrap .marquee-text .brand-single-box {
  display: inline-block;
}
.slider1-section-area .marquee-wrap .marquee-text .brand-single-box h3 {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.slider1-section-area .marquee-wrap .marquee-text .brand-single-box h3 img {
  margin: 0 10px;
}

.slider1-section-area.slider2 .marquee-wrap {
  background: #6e24ff;
}

/*============= SLIDER CSS AREA ENDS===============*/
/*============= SERVICE CSS AREA ===============*/
.service1-section-area {
  overflow: hidden;
  background: #fafafa;
}
@media (max-width: 767px) {
  .service1-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service1-section-area {
    padding: 50px 0 50px;
  }
}
.service1-section-area .service1-header span {
  color: #433ce7;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.service1-section-area .service-vertical-tabs {
  position: relative;
  width: 100%;
  border-radius: var(--4, 4px);
  background: var(--white-100, #fff);
  padding: 32px;
  position: relative;
}
@media (max-width: 767px) {
  .service1-section-area .service-vertical-tabs {
    padding: 25px;
  }
}
.service1-section-area .service-vertical-tabs .tabs-elements {
  position: absolute;
  left: 35px;
  top: 0;
}
.service1-section-area .service-vertical-tabs .menu div span.light {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 24px;
  left: 15px;
  border-radius: 100%;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.service1-section-area .service-vertical-tabs .menu div.active span.light {
  left: 0;
  height: 100%;
  width: 3px;
  top: 0;
  border-radius: 0;
}
.service1-section-area
  .service-vertical-tabs
  .menu
  div.active
  .tabs-content-area {
  background: #433ce7;
}
.service1-section-area
  .service-vertical-tabs
  .menu
  div.active
  .tabs-content-area
  .tabs-btn-icon {
  background: var(--white-100, #fff);
}
.service1-section-area
  .service-vertical-tabs
  .menu
  div.active
  .tabs-content-area
  .tabs-btn-content
  h4 {
  color: var(--white-100, #fff);
}
.service1-section-area
  .service-vertical-tabs
  .menu
  div.active
  .tabs-content-area
  .tabs-btn-content
  p {
  color: var(--white-100, #fff);
  opacity: 0.7;
  font-weight: 500;
}
.service1-section-area .service-vertical-tabs ul.service-tabs-content {
  position: relative;
  height: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.service1-section-area .service-vertical-tabs ul.service-tabs-content li {
  opacity: 0;
  transform: translateX(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.service1-section-area
  .service-vertical-tabs
  ul.service-tabs-content
  li.active {
  transition-delay: 0.3s;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
}
.service1-section-area
  .service-vertical-tabs
  ul.service-tabs-content
  li.active {
  transition-delay: 0.3s;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
}
.service1-section-area .service-vertical-tabs .service-tabs-grid {
  margin: 0 70px 0 0;
}
@media (max-width: 767px) {
  .service1-section-area .service-vertical-tabs .service-tabs-grid {
    margin: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service1-section-area .service-vertical-tabs .service-tabs-grid {
    margin: 0;
    margin-bottom: 30px;
  }
}
.service1-section-area
  .service-vertical-tabs
  .service-tabs-grid
  .tabs-content-area {
  background: #f6f5fe;
  position: relative;
  border-radius: 50px;
  padding: 16px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .service1-section-area
    .service-vertical-tabs
    .service-tabs-grid
    .tabs-content-area {
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
  }
}
.service1-section-area
  .service-vertical-tabs
  .service-tabs-grid
  .tabs-content-area
  .tabs-btn-icon {
  height: 65px;
  width: 65px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background: #edecfd;
  position: absolute;
  top: 11px;
}
@media (max-width: 767px) {
  .service1-section-area
    .service-vertical-tabs
    .service-tabs-grid
    .tabs-content-area
    .tabs-btn-icon {
    position: relative;
    top: 0;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.service1-section-area
  .service-vertical-tabs
  .service-tabs-grid
  .tabs-content-area
  .tabs-btn-content {
  padding-left: 85px;
}
@media (max-width: 767px) {
  .service1-section-area
    .service-vertical-tabs
    .service-tabs-grid
    .tabs-content-area
    .tabs-btn-content {
    padding: 0;
  }
}
.service1-section-area
  .service-vertical-tabs
  .service-tabs-grid
  .tabs-content-area
  .tabs-btn-content
  h4 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .service1-section-area
    .service-vertical-tabs
    .service-tabs-grid
    .tabs-content-area
    .tabs-btn-content
    h4 {
    font-size: 18px;
  }
}
.service1-section-area
  .service-vertical-tabs
  .service-tabs-grid
  .tabs-content-area
  .tabs-btn-content
  p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
@media (max-width: 767px) {
  .service1-section-area
    .service-vertical-tabs
    .service-tabs-grid
    .tabs-content-area
    .tabs-btn-content
    p {
    font-size: 14px;
  }
}
.service1-section-area .service-vertical-tabs .service-tabs-content {
  position: relative;
}
.service1-section-area
  .service-vertical-tabs
  .service-tabs-content
  li
  .vertical-tabs-img
  img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.service1-section-area
  .service-vertical-tabs
  .service-tabs-content
  li
  .vertical-tabs-img
  img.vertical-img2 {
  width: 363px;
  height: 226px;
  position: absolute;
  bottom: -40px;
  right: -100px;
}
@media (max-width: 767px) {
  .service1-section-area
    .service-vertical-tabs
    .service-tabs-content
    li
    .vertical-tabs-img
    img.vertical-img2 {
    position: relative;
    top: 0;
    left: 0;
  }
}

@media (max-width: 767px) {
  .service2-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service2-section-area {
    padding: 50px 0 50px;
  }
}
.service2-section-area .service2-header span {
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  background: var(--white-100, #fff);
  border-radius: 32px;
  margin-bottom: 12px;
}
.service2-section-area .service2-header h2 {
  color: var(--white-100, #fff) !important;
}
.service2-section-area .service2-bg-area {
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.service2-section-area .service2-bg-area .service2-box-area {
  background: var(--BG, #f7f9fa);
  padding: 24px;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
}
.service2-section-area .service2-bg-area .service2-box-area:hover {
  background: #fc4b3e;
  transition: all 0.4s ease-in-out;
  transform: translateY(-5px);
}
.service2-section-area
  .service2-bg-area
  .service2-box-area:hover
  .service2-icon {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area:hover
  .service2-icon1 {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area:hover
  .service2-icon2 {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area:hover
  .service2-content
  a {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  font-weight: 600;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area:hover
  .service2-content
  p {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.service2-section-area .service2-bg-area .service2-box-area .service2-icon {
  background: #f8dfde;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  transition: all 0.4s ease-in-out;
  margin: 0 auto;
}
.service2-section-area .service2-bg-area .service2-box-area .service2-icon1 {
  background: #e9deff;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  margin: 0 auto;
  transition: all 0.4s ease-in-out;
}
.service2-section-area .service2-bg-area .service2-box-area .service2-icon2 {
  background: #d6ebe7;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  line-height: 80px;
  transition: all 0.4s ease-in-out;
  margin: 0 auto;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area
  .service2-content
  a {
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  text-overflow: ellipsis;
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 16px;
  transition: all 0.4s ease-in-out;
  margin-top: 16px;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area
  .service2-content
  p {
  color: #676879;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
  line-height: 28px;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area
  .service2-content
  .readmore {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  line-height: 16px;
  transition: all 0.4s ease-in-out;
  margin-bottom: 0;
  margin-top: 24px;
}
.service2-section-area
  .service2-bg-area
  .service2-box-area
  .service2-content
  .readmore
  i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

.tools-section-area {
  background: #faf9fd;
  position: relative;
}
@media (max-width: 767px) {
  .tools-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tools-section-area {
    padding: 50px 0 50px;
  }
}
.tools-section-area .tabs3-tools-area {
  background: var(--white-100, #fff);
  padding: 60px 100px;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tools-section-area .tabs3-tools-area {
    padding: 30px 30px 50px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tools-section-area .tabs3-tools-area {
    padding: 30px 30px 50px 30px;
  }
}
.tools-section-area .tabs3-tools-area ul {
  justify-content: center;
}
.tools-section-area .tabs3-tools-area ul li.nav-item {
  text-align: center;
  margin: 0 30px 0 0;
}
@media (max-width: 767px) {
  .tools-section-area .tabs3-tools-area ul li.nav-item {
    width: 100%;
    margin: 0 0 16px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tools-section-area .tabs3-tools-area ul li.nav-item {
    width: 100%;
    margin: 0 0 16px 0;
  }
}
.tools-section-area .tabs3-tools-area ul li.nav-item .nav-link.active {
  background: #4b24ee;
}
.tools-section-area
  .tabs3-tools-area
  ul
  li.nav-item
  .nav-link.active
  .content
  p {
  color: var(--white-100, #fff);
}
.tools-section-area
  .tabs3-tools-area
  ul
  li.nav-item
  .nav-link.active
  .content
  .tools-icon1 {
  display: none;
  margin: 0 auto;
}
.tools-section-area
  .tabs3-tools-area
  ul
  li.nav-item
  .nav-link.active
  .content
  .active-icon1 {
  display: block;
  margin: 0 auto;
}
.tools-section-area .tabs3-tools-area ul li.nav-item .nav-link {
  background: #faf9fd;
  border-radius: 4px;
  padding: 12px;
  text-align: center;
  min-width: 142px;
  cursor: pointer;
}
.tools-section-area
  .tabs3-tools-area
  ul
  li.nav-item
  .nav-link
  .content
  .tools-icon1 {
  display: inline-block;
  margin: 0 auto;
}
.tools-section-area
  .tabs3-tools-area
  ul
  li.nav-item
  .nav-link
  .content
  .active-icon1 {
  display: none;
  margin: 0 auto;
}
.tools-section-area .tabs3-tools-area ul li.nav-item .nav-link .content p {
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.tools-section-area .tabs3-tools-area .tab-content .tab-pane {
  transform: rotateX(45deg) translateY(50px);
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header {
  padding: 0 30px 0;
}
@media (max-width: 767px) {
  .tools-section-area
    .tabs3-tools-area
    .tab-content
    .tab-pane
    .main-content-area
    .tabs-header {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tools-section-area
    .tabs3-tools-area
    .tab-content
    .tab-pane
    .main-content-area
    .tabs-header {
    padding: 0;
    margin-bottom: 30px;
  }
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  h2 {
  text-align: start;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  p {
  text-align: start;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  a {
  text-align: start;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  .list {
  display: flex;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  .list
  img {
  margin: 0 30px 0 0;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  .list
  p
  span {
  font-weight: 700;
  color: var(--Text-Color, #0d0e10) !important;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-images {
  position: relative;
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-images
  img {
  height: auto;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .tools-section-area
    .tabs3-tools-area
    .tab-content
    .tab-pane
    .main-content-area
    .tabs-images
    img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tools-section-area
    .tabs3-tools-area
    .tab-content
    .tab-pane
    .main-content-area
    .tabs-images
    img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-images
  .tabs-img2 {
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  bottom: -110px;
  right: 25px;
}
@media (max-width: 767px) {
  .tools-section-area
    .tabs3-tools-area
    .tab-content
    .tab-pane
    .main-content-area
    .tabs-images
    .tabs-img2 {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    bottom: 0;
    top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tools-section-area
    .tabs3-tools-area
    .tab-content
    .tab-pane
    .main-content-area
    .tabs-images
    .tabs-img2 {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    bottom: 0;
    top: 20px;
  }
}
.tools-section-area .tabs3-tools-area .tab-content .tab-pane.active.show {
  transform: rotateX(0) translateY(0);
  transition: all 0.4s ease-in-out;
  opacity: 1;
}

.service-inner-section-area {
  background: var(--BG, #f7f9fa);
}
@media (max-width: 767px) {
  .service-inner-section-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-inner-section-area {
    padding: 50px 0 20px;
  }
}
.service-inner-section-area .service-inner-header span {
  background: #f0eefa;
  padding: 8px 12px;
  line-height: 16px;
  border-radius: 32px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #6e24ff;
}
.service-inner-section-area .service-inner-boxarea {
  position: relative;
  background: var(--white-100, #fff);
  padding: 32px 16px;
  border-radius: 4px;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
  z-index: 1;
  margin-bottom: 30px;
}
.service-inner-section-area .service-inner-boxarea::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  opacity: 0;
  top: 40%;
  left: 40%;
  right: 40%;
  z-index: -1;
  background: #6e24ff;
}
.service-inner-section-area .service-inner-boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
.service-inner-section-area .service-inner-boxarea:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
}
.service-inner-section-area .service-inner-boxarea:hover .icons {
  transition: all 0.4s ease-in-out;
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.service-inner-section-area .service-inner-boxarea:hover .content a {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.service-inner-section-area .service-inner-boxarea:hover .content p {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  opacity: 0.8;
}
.service-inner-section-area .service-inner-boxarea .icons {
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  background: #f8f4ff;
  display: inline-block;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
.service-inner-section-area .service-inner-boxarea .icons2 {
  background: #ffe4e2;
}
.service-inner-section-area .service-inner-boxarea .icons3 {
  background: #ddf0eb;
}
.service-inner-section-area .service-inner-boxarea .icons4 {
  background: #fbe6ff;
}
.service-inner-section-area .service-inner-boxarea .content a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  transition: all 0.4s ease-in-out;
}
.service-inner-section-area .service-inner-boxarea .content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
  transition: all 0.4s ease-in-out;
}
.service-inner-section-area .box2::after {
  background: #fc4b3e;
}
.service-inner-section-area .box3::after {
  background: #1e9e7a;
}
.service-inner-section-area .box4::after {
  background: #e25aff;
}

@media (max-width: 767px) {
  .marketing-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .marketing-section-area {
    padding: 50px 0 50px;
  }
}
.marketing-section-area .marketing-img {
  position: relative;
  z-index: 1;
}
.marketing-section-area .marketing-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .marketing-section-area .marketing-img {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .marketing-section-area .marketing-img {
    margin-bottom: 30px;
  }
}
.marketing-section-area .marketing-img .marketing-bg {
  position: absolute;
  left: 0;
  z-index: -1;
}
.marketing-section-area .tabs-text-area {
  border-radius: var(--4, 4px);
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 20px 16px;
  position: relative;
  transition: all 0.4s ease-in-out;
  margin: 0 0 0 40px;
}
@media (max-width: 767px) {
  .marketing-section-area .tabs-text-area {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .marketing-section-area .tabs-text-area {
    margin: 0;
  }
}
.marketing-section-area .tabs-text-area:hover {
  border-radius: var(--4, 4px);
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  transform: translateY(-5px);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.marketing-section-area .tabs-text-area .tabs-icon {
  height: 84px;
  width: 84px;
  text-align: center;
  line-height: 84px;
  background: #e9deff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .marketing-section-area .tabs-text-area .tabs-icon {
    position: relative;
  }
}
.marketing-section-area .tabs-text-area .tabs-icon1 {
  height: 84px;
  width: 84px;
  text-align: center;
  line-height: 84px;
  background: #f8dfde;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .marketing-section-area .tabs-text-area .tabs-icon1 {
    position: relative;
  }
}
.marketing-section-area .tabs-text-area .tabs-icon2 {
  height: 84px;
  width: 84px;
  text-align: center;
  line-height: 84px;
  background: #d6ebe7;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .marketing-section-area .tabs-text-area .tabs-icon2 {
    position: relative;
  }
}
.marketing-section-area .tabs-text-area .tabs-icon3 {
  height: 84px;
  width: 84px;
  text-align: center;
  line-height: 84px;
  background: #e6dbe8;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .marketing-section-area .tabs-text-area .tabs-icon3 {
    position: relative;
  }
}
.marketing-section-area .tabs-text-area .tabs-text {
  padding-left: 100px;
}
@media (max-width: 767px) {
  .marketing-section-area .tabs-text-area .tabs-text {
    padding-left: 0;
    margin-top: 20px;
  }
}
.marketing-section-area .tabs-text-area .tabs-text a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 12px;
  text-transform: capitalize;
}
.marketing-section-area .tabs-text-area .tabs-text p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.service-sticky-area {
  position: relative;
}
.service-sticky-area .all-sticky-area {
  position: relative;
}
.service-sticky-area .all-sticky-area .sticky-area .section-area {
  position: sticky;
}
.service-sticky-area .all-sticky-area .sticky-area .section-area.bg2 {
  background: #ffedec;
  position: sticky;
  top: 150px !important;
}
.service-sticky-area .all-sticky-area .sticky-area .section-area.bg3 {
  background: #e8f5f2;
  position: sticky;
  top: 200px !important;
}
.service-sticky-area .all-sticky-area .sticky-area .section-area.bg4 {
  background: #eee7ef;
  position: sticky;
  top: 250px !important;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .footer-last-content.footerbg1 {
  background: #fecdc9;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .footer-last-content.footerbg1
  .header-btn8 {
  background: #fc4b3e;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .footer-last-content.footerbg2 {
  background: #c0e4da;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .footer-last-content.footerbg2
  .header-btn8 {
  background: #1e9e7a;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .footer-last-content.footerbg3 {
  background: #d0bcd3;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .footer-last-content.footerbg3
  .header-btn8 {
  background: #581164;
}
.service-sticky-area .all-sticky-area .sticky-area .section-area {
  background: #f0e9ff;
  border-radius: 4px;
  position: sticky;
  top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .service-sticky-area .all-sticky-area .sticky-area .section-area {
    margin-bottom: 30px;
  }
}
.service-sticky-area .all-sticky-area .sticky-area .section-area .all-content {
  padding: 32px 0 0 32px;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .section-area
  .all-content
  .logo-content {
  display: flex;
  align-items: center;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .section-area
  .all-content
  .logo-content
  .img1 {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 16px 0 0;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .section-area
  .all-content
  .logo-content
  h3 {
  font-family: "Figtree", sans-serif;
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .section-area
  .all-content
  .pera-area
  h3 {
  font-size: 24px;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  line-height: 32px;
}
.service-sticky-area
  .all-sticky-area
  .sticky-area
  .section-area
  .all-content
  .pera-area
  .content-pera {
  margin-top: 30px;
}
.service-sticky-area .all-sticky-area .sticky-area .section-area .images {
  position: relative;
  right: -100px;
  padding: 32px 32px 0 0;
}
@media (max-width: 767px) {
  .service-sticky-area .all-sticky-area .sticky-area .section-area .images {
    right: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-sticky-area .all-sticky-area .sticky-area .section-area .images {
    right: 0;
    margin-top: 30px;
  }
}
.service-sticky-area .all-sticky-area .sticky-area .section-area .images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.service-sticky-area .all-sticky-area .sticky-area .footer-last-content {
  background: #d6c2ff;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0 0 4px 4px;
}
@media (max-width: 767px) {
  .service-sticky-area .all-sticky-area .sticky-area .footer-last-content {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-sticky-area .all-sticky-area .sticky-area .footer-last-content {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .service-sticky-area
    .all-sticky-area
    .sticky-area
    .footer-last-content
    .header-btn8 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-sticky-area
    .all-sticky-area
    .sticky-area
    .footer-last-content
    .header-btn8 {
    margin-top: 20px;
  }
}
.service-sticky-area .all-sticky-area .sticky-area .footer-last-content h3 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
}
.service-sticky-area .all-sticky-area .sticky-area .footer-last-content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}

.all-author-service {
  position: sticky;
  top: 0;
  position: -webkit-sticky;
}
.all-author-service .footer-last-content.footerbg1 {
  background: #c0e4da;
}
.all-author-service .footer-last-content.footerbg1 .header-btn8 {
  background: #1e9e7a;
}
.all-author-service .footer-last-content.footerbg2 {
  background: #d0bcd3;
}
.all-author-service .footer-last-content.footerbg2 .header-btn8 {
  background: #581164;
}
.all-author-service .services-author-area.bg2 {
  background: #ffedec;
}
.all-author-service .services-author-area.bg3 {
  background: #e8f5f2;
  position: relative;
  top: 0;
}
.all-author-service .services-author-area.bg4 {
  background: #eee7ef;
}
.all-author-service .footer-last-content.footerbg {
  background: #fecdc9;
}
.all-author-service .footer-last-content.footerbg .header-btn8 {
  background: #fc4b3e;
}
.all-author-service .services-author-area {
  background: #f0e9ff;
  border-radius: 4px;
  padding: 32px;
}
.all-author-service .services-author-area .logo-content {
  display: flex;
  align-items: center;
}
.all-author-service .services-author-area .logo-content .img1 {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 16px 0 0;
}
.all-author-service .services-author-area .logo-content h3 {
  font-family: "Figtree", sans-serif;
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.all-author-service .services-author-area .pera-area h3 {
  font-size: 24px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  line-height: 32px;
}
.all-author-service .services-author-area .pera-area .content-pera {
  margin-top: 30px;
}
.all-author-service .services-author-area .images {
  position: relative;
  right: -100px;
}
@media (max-width: 767px) {
  .all-author-service .services-author-area .images {
    right: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .all-author-service .services-author-area .images {
    right: 0;
    margin-top: 30px;
  }
}
.all-author-service .services-author-area .images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.all-author-service .footer-last-content {
  background: #d6c2ff;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0 0 4px 4px;
}
@media (max-width: 767px) {
  .all-author-service .footer-last-content {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .all-author-service .footer-last-content {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .all-author-service .footer-last-content .header-btn8 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .all-author-service .footer-last-content .header-btn8 {
    margin-top: 20px;
  }
}
.all-author-service .footer-last-content h3 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.all-author-service .footer-last-content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}

/*============= SERVICE CSS AREA ENDS ===============*/
/*============= FEATURES CSS AREA ===============*/
.features1-section-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.features1-section-area .features-elements1 {
  position: absolute;
  top: 0;
  left: 22%;
  z-index: -2;
  right: 22%;
  top: 50px;
}
@media (max-width: 767px) {
  .features1-section-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features1-section-area {
    padding: 50px 0 20px;
  }
}
.features1-section-area .features1-header span {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.features1-section-area .features1-header h2 {
  color: var(--white-100, #fff);
}
.features1-section-area .features-box-area {
  position: relative;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.features1-section-area .features-box-area:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
.features1-section-area .features-box-area .features-author-box {
  border-radius: var(--4, 4px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: var(--white-10, rgba(255, 255, 255, 0.1));
  -webkit-backdrop-filter: blur(57.0340957642px);
  backdrop-filter: blur(57.0340957642px);
  padding: 32px 32px 0 32px;
  max-height: 478px;
  overflow: hidden;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
}
.features1-section-area .features-box-area .features-author-box:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
.features1-section-area
  .features-box-area
  .features-author-box:hover
  .images
  img {
  transform: scale(1.1);
  transition: all 0.4s;
}
.features1-section-area .features-box-area .features-author-box a {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .features1-section-area .features-box-area .features-author-box a {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features1-section-area .features-box-area .features-author-box a {
    font-size: 20px;
    line-height: 30px;
  }
}
.features1-section-area .features-box-area .features-author-box p {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  opacity: 0.7;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .features1-section-area .features-box-area .features-author-box p {
    font-size: 16px;
    line-height: 26px;
  }
}
.features1-section-area .features-box-area .features-author-box .images {
  overflow: hidden;
  border-radius: 4px;
  transition: all 0.4s;
}
.features1-section-area .features-box-area .features-author-box .images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}
.features1-section-area .features-box-area .features2 {
  max-height: 430px !important;
}

.more-features-scetion-area {
  overflow: hidden;
}
@media (max-width: 767px) {
  .more-features-scetion-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .more-features-scetion-area {
    padding: 50px 0 20px;
  }
}
.more-features-scetion-area .more-features-header span {
  color: #433ce7;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.more-features-scetion-area .more-features-box {
  border-radius: var(--4, 4px);
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 32px 24px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.more-features-scetion-area .more-features-box .features-content {
  position: relative;
  z-index: 3;
}
.more-features-scetion-area .more-features-box .more-elements {
  position: absolute;
  top: 0;
  left: 30px;
  z-index: -1;
}
.more-features-scetion-area .more-features-box:hover {
  transform: translateY(-5px);
  background: #433ce7;
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box:hover .features-icon {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box:hover a {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box:hover p {
  color: var(--white-100, #fff);
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box:hover a.learnmore {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box .features-icon {
  background: #edecfd;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  margin-bottom: 24px;
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 16px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .more-features-scetion-area .more-features-box a {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .more-features-scetion-area .more-features-box a {
    font-size: 20px;
    line-height: 30px;
  }
}
.more-features-scetion-area .more-features-box p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box a.learnmore {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
  margin-bottom: 0;
  margin-top: 24px;
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area .more-features-box a.learnmore i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

.features3-section-area {
  padding: 100px 0 200px;
}
@media (max-width: 767px) {
  .features3-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features3-section-area {
    padding: 50px 0 50px;
  }
}
.features3-section-area .features3-images {
  position: relative;
}
.features3-section-area .features3-images .img1 img {
  border-radius: 4px;
}
.features3-section-area .features3-images .img2 img {
  width: 300px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: -100px;
  bottom: -100px;
}
@media (max-width: 767px) {
  .features3-section-area .features3-images .img2 img {
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 20px;
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features3-section-area .features3-images .img2 img {
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 20px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .features3-section-area .features3-content {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features3-section-area .features3-content {
    margin-top: 30px;
  }
}
.features3-section-area .features3-content .features-content-box {
  position: relative;
  background: #faf9fd;
  padding: 16px 24px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.features3-section-area .features3-content .features-content-box:hover {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  transform: translateY(-5px);
}
.features3-section-area .features3-content .features-content-box:hover::after {
  background: #4b24ee;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.features3-section-area .features3-content .features-content-box::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 6px;
  left: 0;
  top: 0;
  background: #676879;
  border-radius: 4px 0 0 4px;
  transition: all 0.4s ease-in-out;
  opacity: 0.4;
}
.features3-section-area .features3-content .features-content-box .img1 {
  height: 32px;
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}
.features3-section-area .features3-content .features-content-box .content {
  padding-left: 50px;
}
.features3-section-area .features3-content .features-content-box .content a {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  line-height: 20px;
  transition: all 0.4s ease-in-out;
}
.features3-section-area
  .features3-content
  .features-content-box
  .content
  a:hover {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}
.features3-section-area .features3-content .features-content-box .content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 28px;
}

.step-section-area {
  background: #faf9fd;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .step-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .step-section-area {
    padding: 50px 0 50px;
  }
}
@media (max-width: 767px) {
  .step-section-area .step-header-area {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .step-section-area .step-header-area {
    margin-bottom: 30px;
  }
}
.step-section-area .step-author-area {
  display: flex;
  position: relative;
  transition: all 0.4s ease-in-out;
  margin: 0 30px 0 0;
}
@media (max-width: 767px) {
  .step-section-area .step-author-area {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .step-section-area .step-author-area {
    margin: 0;
  }
}
.step-section-area .step-author-area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  border: 1px dashed #4b24ee;
  z-index: -1;
  left: 35px;
  top: 50px;
  opacity: 0.4;
}
.step-section-area .step-author-area:hover .icons h2 {
  background: #4b24ee;
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.step-section-area .step-author-area .icons h2 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  background: var(--white-100, #fff);
  position: relative;
  z-index: 1;
  height: 70px;
  width: 70px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #4b24ee;
  line-height: 70px;
  transition: all 0.4s ease-in-out;
}
.step-section-area .step-author-area .content {
  margin-left: 32px;
}
.step-section-area .step-author-area .content a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  display: inline-block;
  color: var(--Text-Color, #0d0e10);
  font-size: 24px;
  line-height: 24px;
  transition: all 0.4s ease-in-out;
}
.step-section-area .step-author-area .content a:hover {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}
.step-section-area .step-author-area .content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
}
.step-section-area .step-author-area.step2::after {
  display: none;
}

.features2 .features1-header span {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 32px;
  background: var(--white-100, #fff);
  line-height: 16px;
  font-size: 16px;
}

/*============= FEATURES CSS AREA ENDS ===============*/
/*============= OTHERS CSS AREA ===============*/
.brand-section-area {
  background: #433ce7;
  position: relative;
}
.brand-section-area .brand-header span {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.brand-section-area .brand-header h2 {
  color: var(--white-100, #fff);
}
.brand-section-area .brand-single-box {
  display: inline-block;
}
.brand-section-area .marquee-wrap {
  background-color: #433ce7;
  width: 100%;
  position: relative;
}
.brand-section-area .marquee-wrap .marquee-text {
  animation: marquee 35s linear infinite;
  position: relative;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 30px;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-section-area .marquee-wrap .marquee-text {
    animation: marquee 50s linear infinite;
  }
}
@media (max-width: 767px) {
  .brand-section-area .marquee-wrap .marquee-text {
    animation: marquee 50s linear infinite;
  }
}
.brand-section-area .marquee-wrap .marquee-text .brand-single-box {
  display: inline-block;
}
.brand-section-area .marquee-wrap .marquee-text .brand-single-box h3 {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.brand-section-area .marquee-wrap .marquee-text .brand-single-box h3 img {
  margin: 0 10px;
}
.brand-section-area .marquee-wrap2 {
  background-color: #433ce7;
  width: 100%;
  position: relative;
}
.brand-section-area .marquee-wrap2 .marquee-text {
  animation: marquee-2 35s linear infinite;
  position: relative;
  width: 100%;
  white-space: nowrap;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-section-area .marquee-wrap2 .marquee-text {
    animation: marquee-2 50s linear infinite;
  }
}
@media (max-width: 767px) {
  .brand-section-area .marquee-wrap2 .marquee-text {
    animation: marquee-2 50s linear infinite;
  }
}
.brand-section-area .marquee-wrap2 .marquee-text .brand-single-box img {
  height: 50px;
  width: 200px !important;
  -o-object-fit: contain;
  object-fit: contain;
}

.brand2-section-area {
  overflow: hidden;
}
@media (max-width: 767px) {
  .brand2-section-area {
    padding: 40px 0 40px;
  }
}
.brand2-section-area .brand2-header h4 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.brand2-section-area .brand2-logos {
  position: relative;
  width: 100%;
  padding: 0;
}
.brand2-section-area .brand2-logos .brand2-logo {
  display: inline-block;
  margin: 0 48px 0 0;
}
.brand2-section-area .brand2-logos .brand2-logo img {
  height: 48px;
  width: 170px;
  -o-object-fit: contain;
  object-fit: contain;
}

.brand2-section-area.brand3 {
  overflow: hidden;
}
.brand2-section-area.brand3 .slick-list.draggable {
  overflow: inherit;
}
@media (max-width: 767px) {
  .brand2-section-area.brand3 {
    padding: 40px 0 40px;
  }
}
.brand2-section-area.brand3 .brand2-header h4 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.brand2-section-area.brand3 .brand2-logos {
  position: relative;
  width: 100%;
  padding: 0;
}
.brand2-section-area.brand3 .brand2-logos .brand2-logo {
  display: inline-block;
  margin: 0 48px 0 0;
}
.brand2-section-area.brand3 .brand2-logos .brand2-logo img {
  height: 50px;
  width: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}

.brand-images-area {
  position: relative;
  top: -150px;
}
@media (max-width: 767px) {
  .brand-images-area .images1 {
    margin-bottom: 20px;
  }
}
.brand-images-area .images1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .download-app-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .download-app-area {
    padding: 50px 0 50px;
  }
}
.download-app-area .download-header span {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 32px;
  background: #f8f4ff;
}
.download-app-area .download-images {
  position: relative;
}
.download-app-area .download-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.download-app-area .download-images ul {
  text-align: center;
}
.download-app-area .download-images ul li {
  display: inline-block;
}
.download-app-area .download-images ul li a img {
  width: 135px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .team-inner-section-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-inner-section-area {
    padding: 50px 0 20px;
  }
}
.team-inner-section-area .blog-team-images {
  position: relative;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}
.team-inner-section-area .blog-team-images .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.team-inner-section-area .blog-team-images .content-area {
  text-align: center;
  background: var(--white-100, #fff);
  padding: 38px 24px 24px 24px;
  border-radius: 0 0 4px 4px;
  position: relative;
}
.team-inner-section-area .blog-team-images .content-area .ceo-tags p {
  font-size: 12px;
  font-weight: 500;
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  padding: 8px;
  background: var(--white-100, #fff);
  border: 1px solid #6e24ff;
  position: absolute;
  display: inline-block;
  border-radius: 25px;
  line-height: 12px;
  top: -17px;
  left: 34%;
  right: 34%;
}
.team-inner-section-area .blog-team-images .content-area a {
  display: inline-block;
  font-family: "Figtree", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.team-inner-section-area .blog-team-images .content-area p {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  font-size: 16px;
  line-height: 26px;
}
.team-inner-section-area .blog-team-images .content-area ul li {
  display: inline-block;
}
.team-inner-section-area .blog-team-images .content-area ul li a {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #f6f5fe;
  font-size: 20px;
  margin: 0 4px 0 0;
  transition: all 0.4s ease-in-out;
}
.team-inner-section-area .blog-team-images .content-area ul li a:hover {
  background: #6e24ff;
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  transform: translateY(-3px);
}

.about-welcome-section-area.about3 {
  padding: 170px 0 0;
}
.about-welcome-section-area.about3 .download-images {
  position: relative;
  top: 124px;
}
@media (max-width: 767px) {
  .about-welcome-section-area.about3 .download-images {
    top: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-welcome-section-area.about3 .download-images {
    top: 37px;
  }
}
.about-welcome-section-area.about3 .download-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

.blog-inner-section.inner-download {
  padding: 200px 0 70px;
}
@media (max-width: 767px) {
  .blog-inner-section.inner-download {
    padding: 100px 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-inner-section.inner-download {
    padding: 100px 0 70px;
  }
}
.blog-inner-section.inner-download .blog-inner-boxs .content ul li {
  display: inline-block;
}
.blog-inner-section.inner-download .blog-inner-boxs .content ul li a img {
  height: 40px;
  width: 135px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 32px;
}
.blog-inner-section.inner-download .blog-inner-boxarea .content ul li {
  display: inline-block;
}
.blog-inner-section.inner-download .blog-inner-boxarea .content ul li a img {
  height: 40px;
  width: 135px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 32px;
}

.brand4-section-area {
  position: relative;
  background: #f8f9fa;
}
@media (max-width: 767px) {
  .brand4-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand4-section-area {
    padding: 50px 0 50px;
  }
}

.others4-section-area {
  background: #f8f9fa;
  position: relative;
}
@media (max-width: 767px) {
  .others4-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .others4-section-area {
    padding: 50px 0 50px;
  }
}
@media (max-width: 767px) {
  .others4-section-area .others-collaborate-area {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .others4-section-area .others-collaborate-area {
    padding: 0;
    margin-bottom: 30px;
  }
}
.others4-section-area .others-collaborate-area .listarea {
  display: flex;
}
.others4-section-area .others-collaborate-area .listarea img {
  margin: 0 20px 0 0;
}
.others4-section-area .others-collaborate-area .listarea span {
  background: none;
  color: var(--Text-Color, #0d0e10);
  font-weight: 700;
}
.others4-section-area .collaborate-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.others4-section-area .img2 {
  position: relative;
  left: -100px;
}
@media (max-width: 767px) {
  .others4-section-area .img2 {
    margin-top: 30px;
    margin-bottom: 30px;
    left: 0;
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .others4-section-area .img2 {
    left: 0;
    position: relative;
  }
}

.others5-section-area {
  background: #f8f9fa;
}
@media (max-width: 767px) {
  .others5-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .others5-section-area {
    padding: 50px 0 50px;
  }
}
.others5-section-area .all-social-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .others5-section-area .all-social-area {
    display: block;
    justify-content: center;
    text-align: center;
  }
}
.others5-section-area .all-social-area .icons1 img {
  height: 50px;
}
.others5-section-area .all-social-area .facebook {
  text-align: center;
}
.others5-section-area .all-social-area .facebook:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .all-social-area .facebook .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  position: relative;
  border: 1px solid #eee7ef;
  z-index: 1;
}
.others5-section-area .all-social-area .facebook .icons1 img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}
.others5-section-area .all-social-area .facebook .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .all-social-area .facebook .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #1877f7;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .all-social-area .facebook a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .all-social-area .instagram {
  text-align: center;
}
.others5-section-area .all-social-area .instagram:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .all-social-area .instagram .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  border: 1px solid #eee7ef;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  font-size: 50px;
}
.others5-section-area .all-social-area .instagram .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .all-social-area .instagram .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #581164;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .all-social-area .instagram a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .all-social-area .twitter {
  text-align: center;
}
.others5-section-area .all-social-area .twitter:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .all-social-area .twitter .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  position: relative;
  border: 1px solid #eee7ef;
  z-index: 1;
}
.others5-section-area .all-social-area .twitter .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .all-social-area .twitter .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #2188f7;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .all-social-area .twitter a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .all-social-area .telegram {
  text-align: center;
}
.others5-section-area .all-social-area .telegram:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .all-social-area .telegram .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  border: 1px solid #eee7ef;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.others5-section-area .all-social-area .telegram .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .all-social-area .telegram .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #00b0f2;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .all-social-area .telegram a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .all-social-area .tiktok {
  text-align: center;
}
.others5-section-area .all-social-area .tiktok:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .all-social-area .tiktok .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  border: 1px solid #eee7ef;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.others5-section-area .all-social-area .tiktok .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .all-social-area .tiktok .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: var(--Text-Color, #0d0e10);
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .all-social-area .tiktok a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .all-social-area .youtube {
  text-align: center;
}
.others5-section-area .all-social-area .youtube:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .all-social-area .youtube .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  border: 1px solid #eee7ef;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.others5-section-area .all-social-area .youtube .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .all-social-area .youtube .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #ff0209;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .all-social-area .youtube a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .all-social-area .behance {
  text-align: center;
}
.others5-section-area .all-social-area .behance:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .all-social-area .behance .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  border: 1px solid #eee7ef;
  position: relative;
  z-index: 1;
}
.others5-section-area .all-social-area .behance .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .all-social-area .behance .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #1877f7;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .all-social-area .behance a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .pinterest {
  text-align: center;
}
.others5-section-area .pinterest:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .pinterest .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  border: 1px solid #eee7ef;
  position: relative;
  z-index: 1;
}
.others5-section-area .pinterest .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .pinterest .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #ff0000;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .pinterest a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .linkedin {
  text-align: center;
}
.others5-section-area .linkedin:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .linkedin .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  border: 1px solid #eee7ef;
  position: relative;
  z-index: 1;
}
.others5-section-area .linkedin .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .linkedin .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #007ebb;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .linkedin a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .github {
  text-align: center;
}
.others5-section-area .github:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .github .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  border: 1px solid #eee7ef;
  position: relative;
  z-index: 1;
}
.others5-section-area .github .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .github .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: var(--Text-Color, #0d0e10);
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .github a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .gtp {
  text-align: center;
}
.others5-section-area .gtp:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .gtp .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  border: 1px solid #eee7ef;
  position: relative;
  z-index: 1;
}
.others5-section-area .gtp .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .gtp .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #0ea982;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .gtp a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .reddit {
  text-align: center;
}
.others5-section-area .reddit:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .reddit .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  margin: 0 auto;
  border: 1px solid #eee7ef;
  position: relative;
  z-index: 1;
}
.others5-section-area .reddit .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .reddit .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #ff4500;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .reddit a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .paypal {
  text-align: center;
}
.others5-section-area .paypal:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .paypal .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  border: 1px solid #eee7ef;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.others5-section-area .paypal .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .paypal .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: #0070ba;
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .paypal a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}
.others5-section-area .thumb {
  text-align: center;
}
.others5-section-area .thumb:hover .icons1::after {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.others5-section-area .thumb .icons1 {
  height: 90px;
  width: 90px;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  border: 1px solid #eee7ef;
  background: var(--white-100, #fff);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.others5-section-area .thumb .icons1:hover::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.others5-section-area .thumb .icons1::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out;
  background: var(--Text-Color, #0d0e10);
  left: 40%;
  top: 40%;
  border-radius: 50%;
  z-index: -1;
}
.others5-section-area .thumb a.link {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  display: inline-block;
}

.homepage5-body {
  overflow-x: hidden !important;
}
@media (max-width: 767px) {
  .homepage5-body {
    overflow-x: hidden !important;
  }
}

.others-tools-section-area {
  background: #f8f9fa;
  position: relative;
}
@media (max-width: 767px) {
  .others-tools-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .others-tools-section-area {
    padding: 50px 0 50px;
  }
}
.others-tools-section-area .tools-tabs-area ul {
  text-align: center;
  justify-content: center;
}
.others-tools-section-area .tools-tabs-area ul li.nav-item button {
  display: inline-block;
  align-items: center;
  text-align: start;
  font-size: 24px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  background: var(--white-100, #fff);
  padding: 12px 16px;
  line-height: 24px;
  border-radius: 54px;
  width: 270px;
  height: 74px;
  margin: 0 30px 0 0;
}
@media (max-width: 767px) {
  .others-tools-section-area .tools-tabs-area ul li.nav-item button {
    margin: 0 0 16px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .others-tools-section-area .tools-tabs-area ul li.nav-item button {
    margin: 0 16px 16px 0;
  }
}
.others-tools-section-area .tools-tabs-area ul li.nav-item button .img1 {
  height: 50px;
  width: 50px;
  text-align: center;
  display: inline-block;
  line-height: 50px;
  border-radius: 50%;
  background: #7d65f6;
  margin: 0 12px 0 0;
}
.others-tools-section-area .tools-tabs-area ul li.nav-item button .img1.red {
  background: #ffedec;
}
.others-tools-section-area .tools-tabs-area ul li.nav-item button .img1.purple {
  background: #fcefff;
}
.others-tools-section-area .tools-tabs-area ul li.nav-item button .img1.green {
  background: #e8f5f2;
}
.others-tools-section-area
  .tools-tabs-area
  ul
  li.nav-item
  button.nav-link.active {
  background: #5c3ef4;
  color: var(--white-100, #fff);
}
.others-tools-section-area .tools-tabs-area .tab-content .tab-pane {
  transform: rotateX(45deg);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea {
  background: var(--white-100, #fff);
  padding: 20px 16px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
  z-index: 1;
  overflow: hidden;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea::after {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  left: 0;
  top: 0;
  background: #5c3ef4;
  z-index: -1;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea:hover
  .images
  .img1 {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea:hover
  .images
  .content
  a {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea:hover
  a {
  color: var(--white-100, #fff) !important;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea:hover
  p {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea:hover::after {
  top: 0;
  left: 0;
  right: 0;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  height: 100%;
  width: 100%;
  border-radius: 4px;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  .images {
  display: flex;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  .images
  .img1 {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background: #eeebfe;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  .images
  .content
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  margin-left: 12px;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  p {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  a.learnmore {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  color: var(--Text-Color, #0d0e10);
  font-weight: 700;
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 16px;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  a.learnmore::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 0;
  left: 0;
  bottom: 0;
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  a.learnmore:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  a.learnmore:hover::after {
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  a.learnmore:hover
  i {
  transform: rotate(-45deg);
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane
  .tools5-boxarea
  a.learnmore
  i {
  margin-left: 4px;
  transition: all 0.4s ease-in-out;
}
.others-tools-section-area
  .tools-tabs-area
  .tab-content
  .tab-pane.fade.show.active {
  transform: rotateX(0);
  transition: all 0.4s ease-in-out;
}

.error-section-area .error-content img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.error-section-area .error-content .content-area h3 {
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  margin-bottom: 16px;
}
.error-section-area .error-content .content-area p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  opacity: 0.7;
  line-height: 28px;
  margin-bottom: 24px;
}
.error-section-area .error-content .content-area .header-btn2 {
  background: #433ce7;
}

/*============= OTHERS CSS AREA ===============*/
/*============= WORKS CSS AREA ===============*/
.works1-section-area {
  position: relative;
  background: #fafafa;
}
@media (max-width: 767px) {
  .works1-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works1-section-area {
    padding: 50px 0 50px;
  }
}
.works1-section-area .works-bg-area {
  border-radius: var(--4, 4px);
  background: var(--white-100, #fff);
  padding: 40px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works1-section-area .works-bg-area {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .works1-section-area .works-bg-area {
    padding: 20px;
  }
}
.works1-section-area .works-bg-area .elements-works {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.works1-section-area .works-bg-area .works-header span {
  color: #433ce7;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.works1-section-area .works-bg-area .tabs-button {
  margin-left: 60px;
  margin-right: 60px;
}
@media (max-width: 767px) {
  .works1-section-area .works-bg-area .tabs-button {
    margin-left: 0;
    margin-right: 0;
  }
}
.works1-section-area .works-bg-area .tabs-button .nav-work {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 36px;
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  display: inline-block;
  padding: 16px 32px;
}
.works1-section-area .works-bg-area .tabs-button .nav-work a {
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  background: #f6f5fe;
  padding: 12px 24px;
  border-radius: 20px;
  margin: 0 16px 0 0;
}
@media (max-width: 767px) {
  .works1-section-area .works-bg-area .tabs-button .nav-work a {
    display: block;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works1-section-area .works-bg-area .tabs-button .nav-work a {
    display: inline-block;
    margin-bottom: 16px;
  }
}
.works1-section-area .works-bg-area .tabs-button .nav-work a.active {
  background: #433ce7;
  color: var(--white-100, #fff);
}
.works1-section-area .works-bg-area .tabContainer {
  width: 100%;
  height: 500px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works1-section-area .works-bg-area .tabContainer {
    height: 670px;
  }
}
.works1-section-area .works-bg-area .tabContainer .Tabcondent {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 32px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  transform: translateY(50%);
}
.works1-section-area
  .works-bg-area
  .tabContainer
  .Tabcondent
  .tabs-img-content-area {
  margin-top: 40px;
}
.works1-section-area
  .works-bg-area
  .tabContainer
  .Tabcondent
  .tabs-img-content-area
  .tabs-auhtor-img
  img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.works1-section-area
  .works-bg-area
  .tabContainer
  .Tabcondent
  .tabs-img-content-area
  .tabs-auhtor-content {
  padding: 0 0 0 40px;
}
@media (max-width: 767px) {
  .works1-section-area
    .works-bg-area
    .tabContainer
    .Tabcondent
    .tabs-img-content-area
    .tabs-auhtor-content {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works1-section-area
    .works-bg-area
    .tabContainer
    .Tabcondent
    .tabs-img-content-area
    .tabs-auhtor-content {
    padding: 0;
    margin-top: 30px;
  }
}
.works1-section-area
  .works-bg-area
  .tabContainer
  .Tabcondent
  .tabs-img-content-area
  .tabs-auhtor-content
  span {
  color: #433ce7;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.works1-section-area
  .works-bg-area
  .tabContainer
  .Tabcondent
  .tabs-img-content-area
  .tabs-auhtor-content
  h2 {
  font-size: 32px;
  line-height: 42px;
}
.works1-section-area
  .works-bg-area
  .tabContainer
  .Tabcondent
  .tabs-img-content-area
  .tabs-auhtor-content
  p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin-top: 10px;
}
.works1-section-area .works-bg-area .tabContainer .Tabcondent.active {
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 0px;
  transition: all 0.8s ease-in-out;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .homepage6-body,
  html {
    overflow-x: hidden !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage6-body,
  html {
    overflow-x: hidden !important;
  }
}

.works4-section-area {
  position: relative;
  padding: 100px 0 100px;
}
@media (max-width: 767px) {
  .works4-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works4-section-area {
    padding: 50px 0 50px;
  }
}
.works4-section-area .sticky-section-area {
  position: relative;
}
.works4-section-area .sticky-section-area .images {
  position: sticky !important;
  top: 100px;
}
.works4-section-area .sticky-section-area .sticky-text {
  margin-bottom: 50px;
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .works4-section-area .sticky-section-area .sticky-text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works4-section-area .sticky-section-area .sticky-text {
    padding: 0;
  }
}
.works4-section-area .sticky-section-area .sticky-text h3 {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: #581164;
}
.works4-section-area .sticky-section-area .sticky-text h2 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 600;
}
.works4-section-area .sticky-section-area .sticky-text.text2 {
  margin-top: 130px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .works4-section-area .sticky-section-area .sticky-text.text2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works4-section-area .sticky-section-area .sticky-text.text2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .work5-section-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work5-section-area {
    padding: 50px 0 20px;
  }
}
.work5-section-area .work5-boxarea {
  border: 1px solid #eeeff1;
  padding: 32px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
}
.work5-section-area .work5-boxarea:hover {
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
  border: 1px solid var(--white-100, #fff);
}
.work5-section-area .work5-boxarea:hover h2 {
  color: #5c3ef4;
  transition: all 0.4s ease-in-out;
}
.work5-section-area .work5-boxarea .img {
  position: absolute;
  top: 50px;
  right: -25px;
  width: 30px;
  height: 30px;
}
.work5-section-area .work5-boxarea .img1 {
  position: absolute;
  top: 50px;
  right: -25px;
  width: 30px;
  height: 30px;
}
.work5-section-area .work5-boxarea h2 {
  font-size: 120px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  line-height: 120px;
  transition: all 0.4s ease-in-out;
}
.work5-section-area .work5-boxarea a {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  line-height: 30px;
}
.work5-section-area .work5-boxarea p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
  transition: all 0.4s ease-in-out;
}

/*============= WORKS CSS AREA ENDS===============*/
/*============= BLOG CSS AREA ===============*/
.blog1-section-area {
  background: #fafafa;
}
@media (max-width: 767px) {
  .blog1-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog1-section-area {
    padding: 50px 0 50px;
  }
}
.blog1-section-area .blog1-header span {
  color: #433ce7;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.blog1-section-area .blog1-boxarea {
  border-radius: var(--4, 4px);
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  transition: all 0.4s ease-in-out;
  margin-bottom: 30px;
}
.blog1-section-area .blog1-boxarea:hover {
  border-radius: var(--4, 4px);
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
}
.blog1-section-area .blog1-boxarea:hover .blog-img {
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea:hover .blog-img::after {
  height: 100%;
  width: 100%;
  transition: all 0.6s ease-in-out;
  z-index: 1;
  top: 0;
  bottom: auto;
}
.blog1-section-area .blog1-boxarea:hover .blog-img img {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-img {
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 1;
  transition: all 0.6s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-img::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  z-index: 1;
  bottom: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
  background: #433ce7;
  opacity: 0.3;
}
.blog1-section-area .blog1-boxarea .blog-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area {
  padding: 24px;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog1-content {
  display: flex;
  align-items: center;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog1-content img {
  margin: 0 10px 0 0;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog1-content a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  margin-bottom: 16px;
  margin-top: 16px;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area
  .blog1-boxarea
  .blog-all-content-area
  .blog-main-content
  a:hover {
  color: #433ce7;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area
  .blog1-boxarea
  .blog-all-content-area
  .blog-main-content
  a.learnmore {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
  margin-top: 24px;
  margin-bottom: 0;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area
  .blog1-boxarea
  .blog-all-content-area
  .blog-main-content
  a.learnmore:hover {
  color: #433ce7;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area
  .blog1-boxarea
  .blog-all-content-area
  .blog-main-content
  a.learnmore
  i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

.blog2-section-area {
  background: var(--BG, #f7f9fa);
}
@media (max-width: 767px) {
  .blog2-section-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog2-section-area {
    padding: 50px 0 20px;
  }
}
.blog2-section-area .blog2-header span {
  border-radius: 32px;
  background: rgba(110, 36, 255, 0.05);
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 12px;
}
.blog2-section-area .blog-box-area2 {
  border-radius: 10px;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  transition: all 0.4s ease-in-out;
  margin-bottom: 30px;
}
.blog2-section-area .blog-box-area2:hover {
  border: 1px solid var(--BG, #f7f9fa);
}
.blog2-section-area .blog-box-area2:hover .blog-all-boxarea {
  border-radius: 0 0 10px 10px;
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
}
.blog2-section-area .blog-box-area2:hover .blog2-img {
  transition: all 0.4s ease-in-out;
}
.blog2-section-area .blog-box-area2:hover .blog2-img::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.blog2-section-area .blog-box-area2:hover .blog2-img img {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
}
.blog2-section-area .blog-box-area2 .blog2-img {
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.blog2-section-area .blog-box-area2 .blog2-img::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  transition: all 0.4s ease-in-out;
  z-index: 1;
  left: 0;
  top: 0;
  background: #6e24ff;
  opacity: 0.3;
  border-radius: 10px 10px 0 0;
}
.blog2-section-area .blog-box-area2 .blog2-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
  transition: all 0.4s ease-in-out;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea {
  padding: 24px;
  transition: all 0.4s ease-in-out;
  border-radius: 0 0 10px 10px;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea .blog-tags-area {
  display: flex;
  align-items: center;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea .blog-tags-area a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea .blog-tags-area .date {
  transition: all 0.4s ease-in-out;
  margin: -7px 0 0 16px;
}
.blog2-section-area
  .blog-box-area2
  .blog-all-boxarea
  .blog-tags-area
  .date
  a
  img {
  transition: all 0.4s ease-in-out;
  margin: 0 6px 0 0;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea .blog2-content a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 16px;
  margin-top: 16px;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea .blog2-content a:hover {
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea .blog2-content p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  transition: all 0.4s ease-in-out;
  line-height: 28px;
}
.blog2-section-area .blog-box-area2 .blog-all-boxarea .blog2-content .readmore {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  text-transform: capitalize;
  margin-bottom: 0 !important;
  transition: all 0.4s ease-in-out;
  margin-top: 20px !important;
}
.blog2-section-area
  .blog-box-area2
  .blog-all-boxarea
  .blog2-content
  .readmore:hover {
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
}
.blog2-section-area
  .blog-box-area2
  .blog-all-boxarea
  .blog2-content
  .readmore
  i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

.blog-inner-section {
  padding: 100px 0 70px 0;
}
@media (max-width: 767px) {
  .blog-inner-section {
    padding: 50px 0 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-inner-section {
    padding: 50px 0 20px 0;
  }
}
.blog-inner-section .blog-inner-content .blog-inner-header span {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 32px;
  background: #f8f4ff;
}
.blog-inner-section .blog-inner-content .content-area {
  margin-top: 20px;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs {
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  padding: 32px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs:hover .images::after {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs:hover .images img {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
  rotate: -4deg;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .images {
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .images::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  top: 0;
  background: #6e24ff;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .content {
  padding: 0 0 0 30px;
}
@media (max-width: 767px) {
  .blog-inner-section .blog-inner-content .blog-inner-boxs .content {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-inner-section .blog-inner-content .blog-inner-boxs .content {
    padding: 0;
    margin-top: 30px;
  }
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .content a {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  display: block;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .content a:hover {
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea {
  position: relative;
  margin-bottom: 30px;
  padding: 24px;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  background: var(--white-100, #fff);
  border-radius: 4px;
}
.blog-inner-section
  .blog-inner-content
  .blog-inner-boxarea:hover
  .images::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea:hover .images img {
  transition: all 0.4s ease-in-out;
  transform: scale(1.1) rotate(-4deg);
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .images {
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .images::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  top: 0;
  background: #6e24ff;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .images img {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .content a {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  display: block;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .content a:hover {
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}

.blog-artical-area {
  background: var(--BG, #f7f9fa);
  position: relative;
}
@media (max-width: 767px) {
  .blog-artical-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-artical-area {
    padding: 50px 0 50px;
  }
}
.blog-artical-area .blog-artical-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .blog-artical-area .blog-artical-header {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-artical-area .blog-artical-header {
    display: inline-block;
  }
}
.blog-artical-area .blog-artical-header h2 {
  font-size: 42px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .blog-artical-area .blog-artical-header h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .blog-artical-area .blog-artical-header ul {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-artical-area .blog-artical-header ul {
    margin-top: 20px;
  }
}
.blog-artical-area .blog-artical-header ul li button {
  background: #f8f4ff;
  display: inline-block;
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #6e24ff;
  padding: 8px 24px;
  line-height: 16px;
  border-radius: 32px;
  margin: 0 16px 0 0;
  border: none;
  outline: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .blog-artical-area .blog-artical-header ul li button {
    margin-bottom: 10px;
    text-align: center;
  }
}
.blog-artical-area .blog-artical-header ul li .nav-link.active {
  background: #6e24ff;
  color: var(--white-100, #fff);
}
.blog-artical-area .blog-inner-tabs {
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  padding: 24px 16px;
  border-radius: 4px;
  position: relative;
  margin: 0 30px 30px 0;
}
@media (max-width: 767px) {
  .blog-artical-area .blog-inner-tabs {
    margin: 0 0 30px 0;
  }
}
.blog-artical-area .blog-inner-tabs:hover .img1::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.blog-artical-area .blog-inner-tabs:hover .img1 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s ease-in-out;
}
.blog-artical-area .blog-inner-tabs .img1 {
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.blog-artical-area .blog-inner-tabs .img1::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  border-radius: 4px;
  background: #6e24ff;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  left: 0;
  top: 0;
}
.blog-artical-area .blog-inner-tabs .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
}
.blog-artical-area .blog-inner-tabs .content-area span {
  background: #f8f4ff;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #6e24ff;
  display: inline-block;
  padding: 8px 12px;
  line-height: 16px;
  font-size: 16px;
  border-radius: 32px;
}
.blog-artical-area .blog-inner-tabs .content-area a {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  display: block;
  transition: all 0.4s ease-in-out;
}
.blog-artical-area .blog-inner-tabs .content-area a:hover {
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-artical-area .blog-inner-tabs .content-area a {
    font-size: 20px;
    line-height: 30px;
  }
}
.blog-artical-area .blog-inner-tabs .content-area p {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}

.blog-inner-section.inner-section2 {
  padding: 100px 0 100px;
}
@media (max-width: 767px) {
  .blog-inner-section.inner-section2 {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-inner-section.inner-section2 {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-inner-section.inner-section2 .blog-inner-boxarea .content a {
    font-size: 20px;
    line-height: 30px;
  }
}
.blog-inner-section.inner-section2 .blog-inner-boxarea .content a.readmore {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 20px;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section.inner-section2
  .blog-inner-boxarea
  .content
  a.readmore::after {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  left: 0;
  bottom: 0;
  background: #6e24ff;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section.inner-section2
  .blog-inner-boxarea
  .content
  a.readmore:hover {
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section.inner-section2
  .blog-inner-boxarea
  .content
  a.readmore:hover::after {
  height: 1px;
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section.inner-section2 .blog-inner-boxarea .content a.readmore i {
  margin-left: 4px;
  transform: rotate(-45deg);
}
.blog-inner-section.inner-section2 .pagination-area nav ul {
  justify-content: center;
}
.blog-inner-section.inner-section2 .pagination-area nav ul li a {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 43px;
  border-radius: 50%;
  box-shadow: none;
  margin: 0 10px 0 0;
  transition: all 0.4s ease-in-out;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
}
.blog-inner-section.inner-section2 .pagination-area nav ul li a:hover {
  background: #6e24ff;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
}
.blog-inner-section.inner-section2 .pagination-area nav ul li a.active {
  background: #6e24ff;
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

.blog-right-details-area {
  background: var(--BG, #f7f9fa);
  position: relative;
}
@media (max-width: 767px) {
  .blog-right-details-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-right-details-area {
    padding: 50px 0 50px;
  }
}
.blog-right-details-area .blog-right-area {
  padding: 0 40px 0 0;
}
@media (max-width: 767px) {
  .blog-right-details-area .blog-right-area {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-right-details-area .blog-right-area {
    padding: 0;
    margin-bottom: 30px;
  }
}
.blog-right-details-area .blog-right-area .img1-inner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.blog-right-details-area .blog-right-area .blog-list-area {
  display: flex;
}
.blog-right-details-area .blog-right-area .blog-list-area .img1 img {
  margin: 0 30px 0 0;
}
.blog-right-details-area .blog-right-area .blog-list-area .content span {
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
}
.blog-right-details-area
  .blog-right-area
  .blogs-widget-area
  .blogs-widget-section {
  margin-bottom: 30px;
}
.blog-right-details-area
  .blog-right-area
  .blogs-widget-area
  .blogs-widget-section
  .img1
  img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.blog-right-details-area
  .blog-right-area
  .blogs-widget-area
  .blogs-widget-section
  .content
  h3 {
  font-size: 32px;
  line-height: 42px;
}
.blog-right-details-area .blog-right-area .img3 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.blog-right-details-area .blog-right-area .peragraph-box {
  padding: 50px 85px;
  background: #f0eefa;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .blog-right-details-area .blog-right-area .peragraph-box {
    padding: 30px;
  }
}
.blog-right-details-area .blog-right-area .peragraph-box p {
  font-size: 24px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  line-height: 34px;
}
.blog-right-details-area .blog-team-area .blog-team-images {
  position: relative;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.blog-right-details-area .blog-team-area .blog-team-images .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.blog-right-details-area .blog-team-area .blog-team-images .content-area {
  text-align: center;
  background: var(--white-100, #fff);
  padding: 38px 24px 24px 24px;
  border-radius: 0 0 4px 4px;
  position: relative;
}
.blog-right-details-area
  .blog-team-area
  .blog-team-images
  .content-area
  .ceo-tags
  p {
  font-size: 12px;
  font-weight: 500;
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  padding: 8px;
  background: var(--white-100, #fff);
  border: 1px solid #6e24ff;
  position: absolute;
  display: inline-block;
  border-radius: 25px;
  line-height: 12px;
  top: -17px;
  left: 40%;
}
.blog-right-details-area .blog-team-area .blog-team-images .content-area a {
  display: inline-block;
  font-family: "Figtree", sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.blog-right-details-area .blog-team-area .blog-team-images .content-area p {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  font-size: 16px;
  line-height: 26px;
}
.blog-right-details-area .blog-team-area .blog-team-images .content-area ul li {
  display: inline-block;
}
.blog-right-details-area
  .blog-team-area
  .blog-team-images
  .content-area
  ul
  li
  a {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #f6f5fe;
  font-size: 20px;
  margin: 0 4px 0 0;
  transition: all 0.4s ease-in-out;
}
.blog-right-details-area
  .blog-team-area
  .blog-team-images
  .content-area
  ul
  li
  a:hover {
  background: #6e24ff;
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  transform: translateY(-3px);
}
.blog-right-details-area .blog-team-area .catagories-area {
  background: var(--white-100, #fff);
  padding: 24px;
  border-radius: 4px;
  position: relative;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.blog-right-details-area .blog-team-area .catagories-area h2 {
  font-size: 32px;
  line-height: 42px;
}
.blog-right-details-area .blog-team-area .catagories-area ul li a {
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  font-family: "Figtree", sans-serif;
  line-height: 30px;
  background: #f6f5fe;
  border-radius: 4px;
  padding: 16px 16px 16px 22px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
}
.blog-right-details-area .blog-team-area .catagories-area ul li a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 6px;
  left: 0;
  top: 0;
  border-radius: 0 4px 4px 0;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #6e24ff;
}
.blog-right-details-area .blog-team-area .catagories-area ul li a:hover {
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
  transform: translateY(-5px);
}
.blog-right-details-area .blog-team-area .catagories-area ul li a:hover::after {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
}

.blog-right-area.blog-left {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .blog-right-area.blog-left {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-right-area.blog-left {
    padding: 0;
    margin-top: 30px;
  }
}
.blog-right-area.blog-left .img1-inner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

.blog4-section-area {
  background: #f8f9fa;
  position: relative;
}
.blog4-section-area .blog4-boxarea {
  position: relative;
  margin-bottom: 30px;
}
.blog4-section-area .blog4-boxarea:hover .img1::after {
  height: 100%;
  width: 100%;
}
.blog4-section-area .blog4-boxarea:hover .img1 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s ease-in-out;
}
.blog4-section-area .blog4-boxarea .img1 {
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.blog4-section-area .blog4-boxarea .img1::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  top: 0;
  background: #581164;
  transition: all 0.4s ease-in-out;
  opacity: 0.5;
  border-radius: 4px;
}
.blog4-section-area .blog4-boxarea .img1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.blog4-section-area .blog4-boxarea .blog-content {
  background: var(--white-100, #fff);
  border-radius: 5px;
  padding: 24px 16px;
  transition: all 0.4s ease-in-out;
  position: relative;
  margin: -135px 16px 0 16px;
  z-index: 2;
}
.blog4-section-area .blog4-boxarea .blog-content .date {
  display: flex;
  align-items: center;
}
.blog4-section-area .blog4-boxarea .blog-content .date a {
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  font-family: "Figtree", sans-serif;
  display: inline-block;
}
.blog4-section-area .blog4-boxarea .blog-content .date a img {
  margin: -3px 6px 0 0;
}
.blog4-section-area .blog4-boxarea .blog-content .date .social {
  margin: 0 16px 0 0;
}
.blog4-section-area .blog4-boxarea .blog-content a {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  line-height: 28px;
  transition: all 0.4s ease-in-out;
}
.blog4-section-area .blog4-boxarea .blog-content a:hover {
  color: #581164;
  transition: all 0.4s ease-in-out;
}
.blog4-section-area .blog4-boxarea .blog-content p {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}
.blog4-section-area .blog4-boxarea .blog-content .readmore {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
}
.blog4-section-area .blog4-boxarea .blog-content .readmore i {
  margin-left: 4px;
  transform: rotate(-45deg);
}

/*============= BLOG CSS AREA ENDS ===============*/
/*============= FOOTER CSS AREA ===============*/
.footer-section-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 0 0 28px 0;
}
.footer-section-area .footer-elements {
  position: absolute;
  top: 0;
  left: 22%;
  right: 22%;
  z-index: -1;
}
@media (max-width: 767px) {
  .footer-section-area .footer-header {
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-section-area .footer-header {
    padding: 40px 0 40px;
  }
}
.footer-section-area .footer-header h2 {
  color: var(--white-100, #fff);
  margin-bottom: 20px;
  font-family: "Figtree", sans-serif !important;
}
.footer-section-area .footer-header span {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
}
.footer-section-area .footer-header span img {
  margin: 0 16px;
}
.footer-section-area .footer-header .header-btn {
  margin-top: 32px;
}
.footer-section-area .footer-last-section {
  background: var(--white-10, rgba(255, 255, 255, 0.1));
  border-radius: var(--4, 4px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(57.0340957642px);
  backdrop-filter: blur(57.0340957642px);
  padding: 50px 70px 28px 70px;
}
@media (max-width: 767px) {
  .footer-section-area .footer-last-section {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .footer-section-area .footer-last-section .footer-auhtor-area {
    margin-bottom: 30px;
  }
}
.footer-section-area .footer-last-section .footer-auhtor-area h3 {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.footer-section-area .footer-last-section .footer-auhtor-area p {
  color: #bdbdc5;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  display: inline-block;
  margin-top: 24px;
}
.footer-section-area .footer-last-section .footer-auhtor-area ul {
  margin-bottom: 24px;
}
.footer-section-area .footer-last-section .footer-auhtor-area ul li a {
  color: #bdbdc5;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-top: 24px;
  transition: all 0.4s ease-in-out;
}
.footer-section-area .footer-last-section .footer-auhtor-area ul li a:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  padding-left: 5px;
}
.footer-section-area
  .footer-last-section
  .footer-auhtor-area
  ul.social-links
  li {
  display: inline-block;
  margin: 0 6px 0 0;
}
.footer-section-area
  .footer-last-section
  .footer-auhtor-area
  ul.social-links
  li::after {
  display: none;
}
.footer-section-area
  .footer-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a {
  height: 32px;
  width: 32px;
  display: inline-block;
  line-height: 33px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  color: var(--Text-Color, #0d0e10);
  background: #f6f5fe;
  font-size: 14px;
}
.footer-section-area
  .footer-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a:hover {
  background: #433ce7;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
  padding-left: 0;
  transform: translateY(-3px);
}
.footer-section-area .footer-last-section .copyright-social-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid #505065;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-section-area .footer-last-section .copyright-social-area {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .footer-section-area .footer-last-section .copyright-social-area {
    display: inline-block;
  }
}
.footer-section-area .footer-last-section .copyright-social-area ul li {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 0;
}
.footer-section-area .footer-last-section .copyright-social-area ul li::after {
  position: absolute;
  content: "";
  height: 12px;
  width: 1px;
  background: #505065;
  right: -13px;
  top: 10px;
}
.footer-section-area .footer-last-section .copyright-social-area ul li p {
  color: #bdbdc5;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.footer-section-area .footer-last-section .copyright-social-area ul li a {
  color: #bdbdc5;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.footer-section-area
  .footer-last-section
  .copyright-social-area
  ul
  .copy::after {
  display: none;
}
.footer-section-area
  .footer-last-section
  .copyright-social-area
  ul
  .terms::after {
  display: none;
}

.footer2-section-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 0 0 80px 0;
}
@media (max-width: 767px) {
  .footer2-section-area {
    padding: 0 0 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer2-section-area {
    padding: 0 0 30px 0;
  }
}
@media (max-width: 767px) {
  .footer2-section-area .footer-header {
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer2-section-area .footer-header {
    padding: 40px 0 40px;
  }
}
.footer2-section-area .footer-header h2 {
  color: var(--white-100, #fff);
  margin-bottom: 20px;
  font-family: "Figtree", sans-serif !important;
  font-weight: 700;
}
.footer2-section-area .footer-header span {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
}
.footer2-section-area .footer-header span img {
  margin: 0 16px;
}
.footer2-section-area .footer-header .header-btn2 {
  margin-top: 32px;
  background: #6e24ff;
}
.footer2-section-area .footer2-last-section {
  background: var(--white-100, #fff);
  border-radius: var(--4, 4px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(57.0340957642px);
  backdrop-filter: blur(57.0340957642px);
  padding: 50px 70px 28px 70px;
}
@media (max-width: 767px) {
  .footer2-section-area .footer2-last-section {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer2-section-area .footer2-last-section {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .footer2-section-area .footer2-last-section .footer-auhtor-area {
    margin-bottom: 30px;
  }
}
.footer2-section-area .footer2-last-section .footer-auhtor-area h3 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.footer2-section-area .footer2-last-section .footer-auhtor-area p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  display: inline-block;
  margin-top: 24px;
}
.footer2-section-area .footer2-last-section .footer-auhtor-area ul {
  margin-bottom: 24px;
}
.footer2-section-area .footer2-last-section .footer-auhtor-area ul li a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-top: 24px;
  transition: all 0.4s ease-in-out;
}
.footer2-section-area .footer2-last-section .footer-auhtor-area ul li a:hover {
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
  padding-left: 5px;
}
.footer2-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li {
  display: inline-block;
  margin: 0 6px 0 0;
}
.footer2-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li::after {
  display: none;
}
.footer2-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a {
  height: 32px;
  width: 32px;
  display: inline-block;
  line-height: 33px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  color: var(--Text-Color, #0d0e10);
  background: #f6f5fe;
  font-size: 16px;
}
.footer2-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a:hover {
  background: #6e24ff;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
  padding-left: 0;
  transform: translateY(-3px);
}
.footer2-section-area .footer2-last-section .copyright-social-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid #cfcfcf;
}
@media (max-width: 767px) {
  .footer2-section-area .footer2-last-section .copyright-social-area {
    display: inline-block;
  }
}
.footer2-section-area .footer2-last-section .copyright-social-area ul li {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 0;
}
.footer2-section-area
  .footer2-last-section
  .copyright-social-area
  ul
  li::after {
  position: absolute;
  content: "";
  height: 12px;
  width: 1px;
  background: #dddddd;
  right: -13px;
  top: 10px;
}
.footer2-section-area .footer2-last-section .copyright-social-area ul li p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.footer2-section-area .footer2-last-section .copyright-social-area ul li a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.footer2-section-area
  .footer2-last-section
  .copyright-social-area
  ul
  .terms::after {
  display: none;
}
.footer2-section-area
  .footer2-last-section
  .copyright-social-area
  ul
  .copy::after {
  display: none;
}

.footer3-section-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.footer3-section-area .footer-header h2 {
  color: var(--white-100, #fff);
  margin-bottom: 20px;
  font-family: "Figtree", sans-serif !important;
  font-weight: 700;
}
.footer3-section-area .footer-header span {
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
}
.footer3-section-area .footer-header span img {
  margin: 0 16px;
}
.footer3-section-area .footer-header .header-btn2 {
  margin-top: 32px;
}
.footer3-section-area .footer2-last-section {
  background: var(--white-100, #fff);
  border-radius: var(--4, 4px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(57.0340957642px);
  backdrop-filter: blur(57.0340957642px);
  padding: 0px 0 24px 0;
}
@media (max-width: 767px) {
  .footer3-section-area .footer2-last-section {
    padding: 40px 0 24px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer3-section-area .footer2-last-section {
    padding: 40px 0 24px 0;
  }
}
@media (max-width: 767px) {
  .footer3-section-area .footer2-last-section .footer-auhtor-area {
    margin-bottom: 30px;
  }
}
.footer3-section-area .footer2-last-section .footer-auhtor-area h3 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.footer3-section-area .footer2-last-section .footer-auhtor-area p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  display: inline-block;
  margin-top: 24px;
}
.footer3-section-area .footer2-last-section .footer-auhtor-area ul {
  margin-bottom: 24px;
}
.footer3-section-area .footer2-last-section .footer-auhtor-area ul li a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-top: 24px;
  transition: all 0.4s ease-in-out;
}
.footer3-section-area .footer2-last-section .footer-auhtor-area ul li a:hover {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
  padding-left: 5px;
}
.footer3-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li {
  display: inline-block;
  margin: 0 6px 0 0;
}
.footer3-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li::after {
  display: none;
}
.footer3-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a {
  height: 32px;
  width: 32px;
  display: inline-block;
  line-height: 33px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  color: var(--Text-Color, #0d0e10);
  background: #f6f5fe;
  font-size: 16px;
}
.footer3-section-area
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a:hover {
  background: #4b24ee;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
  padding-left: 0;
  transform: translateY(-3px);
}
.footer3-section-area .footer2-last-section .copyright-social-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid #cfcfcf;
}
@media (max-width: 767px) {
  .footer3-section-area .footer2-last-section .copyright-social-area {
    display: inline-block;
  }
}
.footer3-section-area .footer2-last-section .copyright-social-area ul li {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 0;
}
.footer3-section-area
  .footer2-last-section
  .copyright-social-area
  ul
  li::after {
  position: absolute;
  content: "";
  height: 12px;
  width: 1px;
  background: var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  right: -13px;
  top: 10px;
}
.footer3-section-area .footer2-last-section .copyright-social-area ul li p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.footer3-section-area .footer2-last-section .copyright-social-area ul li a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.footer3-section-area
  .footer2-last-section
  .copyright-social-area
  ul
  .copy::after {
  display: none;
}
.footer3-section-area
  .footer2-last-section
  .copyright-social-area
  ul
  .terms::after {
  display: none;
}

.cta3-section-area {
  padding: 80px 0 80px;
}
@media (max-width: 767px) {
  .cta3-section-area {
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta3-section-area {
    padding: 40px 0 40px;
  }
}
.cta3-section-area .cta3-header-area h2 {
  color: var(--white-100, #fff);
}
.cta3-section-area .cta3-header-area ul li {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
}
.cta3-section-area .cta3-header-area ul li img {
  margin: 0 16px;
}
.cta3-section-area .cta3-header-area a.header-btn5 {
  background: var(--white-100, #fff);
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}

.login-footer {
  background: var(--white-100, #fff);
  padding: 50px 0;
}
@media (max-width: 767px) {
  .login-footer {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-footer {
    padding: 25px 0;
  }
}
.login-footer .copyright-social-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .login-footer .copyright-social-area {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-footer .copyright-social-area {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .login-footer .copyright-social-area img {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-footer .copyright-social-area img {
    margin-bottom: 20px;
  }
}
.login-footer .copyright-social-area ul li {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 0;
}
.login-footer .copyright-social-area ul li::after {
  position: absolute;
  content: "";
  height: 12px;
  width: 1px;
  background: #dddddd;
  right: -13px;
  top: 10px;
}
.login-footer .copyright-social-area ul li p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.login-footer .copyright-social-area ul li a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.login-footer .copyright-social-area ul.social-links li {
  margin: 0 6px 0 0;
}
.login-footer .copyright-social-area ul.social-links li::after {
  display: none;
}
.login-footer .copyright-social-area ul.social-links li a {
  height: 32px;
  width: 32px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  color: var(--Text-Color, #0d0e10);
  background: #f6f5fe;
  font-size: 16px;
}
.login-footer .copyright-social-area ul.social-links li a svg {
  margin-left: 2px;
}
.login-footer .copyright-social-area ul.social-links li a:hover {
  background: #6e24ff;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
}

.cta4-section-area {
  position: relative;
  padding: 200px 0;
  background: #581164;
}
@media (max-width: 767px) {
  .cta4-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta4-section-area {
    padding: 50px 0 50px;
  }
}
.cta4-section-area .cta-bg-area {
  position: relative;
}
.cta4-section-area .cta-bg-area .cta-content-area {
  padding: 0 50px;
}
.cta4-section-area .cta-bg-area .cta-content-area h2 {
  color: var(--white-100, #fff);
}
.cta4-section-area .cta-bg-area .cta-content-area p {
  color: var(--white-100, #fff);
  opacity: 0.8;
}
@media (max-width: 767px) {
  .cta4-section-area .cta-bg-area .cta-content-area {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta4-section-area .cta-bg-area .cta-content-area {
    padding: 0;
  }
}
.cta4-section-area .cta-bg-area .cta-content-area .header-btn7 {
  background: var(--white-100, #fff);
  color: #581164;
}
.cta4-section-area .cta-bg-area .cta-content-area .header-btn7:hover {
  color: var(--white-100, #fff);
}
.cta4-section-area .cta-bg-area .cta-content-area .header-btn8 {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--white-100, #fff);
  border: 1px solid var(--white-100, #fff);
  display: inline-block;
  padding: 15px;
  line-height: 16px;
  border-radius: 4px;
  margin-left: 16px;
  position: relative;
  background: none;
  transition: all 0.4s ease-in-out;
}
.cta4-section-area .cta-bg-area .cta-content-area .header-btn8::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 44%;
  bottom: 0;
  right: 44%;
  top: 35%;
  background: #43054e;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.cta4-section-area .cta-bg-area .cta-content-area .header-btn8:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  transform: translateY(-5px);
  border: 1px solid #43054e;
}
.cta4-section-area .cta-bg-area .cta-content-area .header-btn8:hover::after {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  left: 0;
  visibility: visible;
  opacity: 1;
  top: 0;
}

.footer2-section-area.footer4-section {
  background: var(--white-100, #fff);
  padding: 80px 0 0 0;
}
.footer2-section-area.footer4-section .footer2-last-section {
  background: none;
  padding: 0;
  border: none;
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  h3 {
  color: var(--Text-Color, #0d0e10);
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  p {
  color: #565658;
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  ul
  li
  a {
  color: #565658;
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  ul
  li
  a:hover {
  color: #581164;
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li {
  display: inline-block;
  margin: 0 6px 0 0;
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li::after {
  display: none;
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a {
  height: 32px;
  width: 32px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  color: #581164;
  background: #f7f3f7;
  font-size: 16px;
}
.footer2-section-area.footer4-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a:hover {
  background: #581164;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
  padding-left: 0;
  transform: translateY(-3px);
}
.footer2-section-area.footer4-section .copyright-social-area {
  padding: 16px 0 24px;
  border-top: 1px solid #cfcfcf;
}
.footer2-section-area.footer4-section .copyright-social-area ul li::after {
  background: #cfcfcf;
}
.footer2-section-area.footer4-section .copyright-social-area ul li a {
  color: #565658;
}
.footer2-section-area.footer4-section .copyright-social-area ul li p {
  color: #565658;
}
.footer2-section-area.footer4-section .copyright-social-area ul li.pera::after {
  display: none;
}

.footer2-section-area.footer5-section {
  background: var(--white-100, #fff);
  padding: 80px 0 0 0;
}
.footer2-section-area.footer5-section .footer2-last-section {
  background: none;
  padding: 0;
  border: none;
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  h3 {
  color: var(--Text-Color, #0d0e10);
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  p {
  color: #565658;
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  ul
  li
  a {
  color: #565658;
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  ul
  li
  a:hover {
  color: #5c3ef4;
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li {
  display: inline-block;
  margin: 0 6px 0 0;
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li::after {
  display: none;
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a {
  height: 32px;
  width: 32px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  color: #5c3ef4;
  background: #f7f3f7;
  font-size: 16px;
}
.footer2-section-area.footer5-section
  .footer2-last-section
  .footer-auhtor-area
  ul.social-links
  li
  a:hover {
  background: #5c3ef4;
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
  padding-left: 0;
  transform: translateY(-3px);
}
.footer2-section-area.footer5-section .copyright-social-area {
  padding: 16px 0 24px;
  border-top: 1px solid #cfcfcf;
}
.footer2-section-area.footer5-section .copyright-social-area ul li::after {
  background: #cfcfcf;
}
.footer2-section-area.footer5-section .copyright-social-area ul li a {
  color: #565658;
}
.footer2-section-area.footer5-section .copyright-social-area ul li p {
  color: #565658;
}
.footer2-section-area.footer5-section .copyright-social-area ul li.pera::after {
  display: none;
}

.cta5-section-area {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cta5-section-area {
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta5-section-area {
    padding: 40px 0 40px;
  }
}
.cta5-section-area .elements4 {
  position: absolute;
  top: 0;
  left: 0;
}
.cta5-section-area .elements5 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.cta5-section-area .elements6 {
  position: absolute;
  top: 0;
  right: 0;
}
.cta5-section-area .elements7 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.cta5-section-area .cta5-header h2 {
  color: var(--white-100, #fff);
}
.cta5-section-area .cta5-header p {
  color: var(--white-100, #fff);
  opacity: 0.8;
}
.cta5-section-area .cta5-header .header-btn9 {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .cta5-section-area .cta5-header .header-btn9 {
    margin-left: 0;
    margin-top: 20px;
  }
}

/*============= FOOTER CSS AREA ENDS===============*/
/*============= MOBILE-MENU CSS AREA  ===============*/
.mobile-haeder1 {
  background: #433ce7;
  position: fixed;
}
.mobile-haeder1 .mobile-header-elements .dots-menu {
  color: var(--white-100, #fff);
  cursor: pointer;
}

.mobile-sidebar1 {
  max-height: 100%;
  overflow-y: scroll;
}
.mobile-sidebar1 .menu-close {
  color: var(--white-100, #fff);
  cursor: pointer;
}
.mobile-sidebar1 .mobile-nav .mobile-nav-list li a {
  font-family: "Figtree", sans-serif;
  font-weight: 500 !important;
  color: var(--white-100, #fff);
}
.mobile-sidebar1 .mobile-nav .mobile-nav-list li span::after {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar1 .mobile-nav .mobile-nav-list li span::before {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar1 .mobile-nav .mobile-nav-list li ul li a {
  font-weight: 500 !important;
}
.mobile-sidebar1 .mobile-nav .allmobilesection .mobile-get {
  display: inline-block;
  border-radius: 25px;
  background: #433ce7;
  color: var(--white-100, #fff);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 16px 28px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.mobile-sidebar1 .mobile-nav .allmobilesection .mobile-get::after {
  position: absolute;
  content: "";
  left: 50%;
  right: 50%;
  height: 20px;
  width: 20px;
  top: 14px;
  border-radius: 50%;
  background: #2921d3;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.mobile-sidebar1 .mobile-nav .allmobilesection .mobile-get:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
.mobile-sidebar1 .mobile-nav .allmobilesection .mobile-get:hover::after {
  visibility: visible;
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  border-radius: 25px;
  left: 0;
  top: 0;
}
.mobile-sidebar1 .mobile-nav .allmobilesection .mobile-get svg {
  margin-left: 4px;
  transform: rotate(-45deg);
}
.mobile-sidebar1 .mobile-nav .allmobilesection .single-footer h3 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: var(--white-100, #fff);
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 30px;
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single {
  display: flex;
  color: var(--white-100, #fff);
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  svg {
  margin: 0 10px 0 0;
  counter-reset: var(--white-100, #fff);
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: var(--white-100, #fff);
  opacity: 0.7;
  font-size: 16px;
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-align: center;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover {
  background: #433ce7;
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover
  a
  svg {
  color: var(--white-100, #fff);
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a {
  line-height: 0px;
}
.mobile-sidebar1
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

.mobile-haeder2 {
  background: #6e24ff;
  position: fixed;
}
.mobile-haeder2 .mobile-header-elements .dots-menu {
  color: var(--white-100, #fff);
  cursor: pointer;
}

.mobile-sidebar2 {
  max-height: 100%;
  overflow-y: scroll;
  background: #6e24ff;
}
.mobile-sidebar2 .menu-close {
  color: var(--white-100, #fff);
  cursor: pointer;
}
.mobile-sidebar2 .mobile-nav.mobile-nav2 .mobile-nav-list.nav-list2 li a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important;
  color: var(--white-100, #fff);
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  span::after {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  span::before {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar2 .mobile-nav.mobile-nav2 .mobile-nav-list.nav-list2 li ul li a {
  font-weight: 500 !important;
  font-family: "Figtree", sans-serif !important;
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  ul.sub-menu
  li
  a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important;
}
.mobile-sidebar2 .mobile-nav.mobile-nav2 .allmobilesection .header-btn2 {
  width: 100% !important;
  text-align: center;
  margin-top: 30px;
}
.mobile-sidebar2 .mobile-nav.mobile-nav2 .allmobilesection .single-footer h3 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: var(--white-100, #fff);
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 30px;
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single {
  display: flex;
  color: var(--white-100, #fff);
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  svg {
  margin: 0 10px 0 0;
  counter-reset: var(--white-100, #fff);
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: var(--white-100, #fff);
  opacity: 0.7;
  font-size: 16px;
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-align: center;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover {
  background: #fc4b3e;
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover
  a
  svg {
  color: var(--white-100, #fff);
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a {
  line-height: 0px;
}
.mobile-sidebar2
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

.mobile-haeder3 {
  background: #4b24ee;
  position: fixed;
}
.mobile-haeder3 .mobile-header-elements .dots-menu {
  color: var(--white-100, #fff);
  cursor: pointer;
}

.mobile-sidebar3 {
  max-height: 100%;
  overflow-y: scroll;
  background: #4b24ee;
}
.mobile-sidebar3 .menu-close {
  color: var(--white-100, #fff);
  cursor: pointer;
}
.mobile-sidebar3 .mobile-nav.mobile-nav2 .mobile-nav-list.nav-list2 li a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important;
  color: var(--white-100, #fff);
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  span::after {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  span::before {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar3 .mobile-nav.mobile-nav2 .mobile-nav-list.nav-list2 li ul li a {
  font-weight: 500 !important;
  font-family: "Figtree", sans-serif !important;
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  ul.sub-menu
  li
  a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important;
}
.mobile-sidebar3 .mobile-nav.mobile-nav2 .allmobilesection .header-btn5 {
  width: 100% !important;
  text-align: center;
  margin-top: 30px;
  background: var(--white-100, #fff);
  color: #4b24ee;
}
.mobile-sidebar3 .mobile-nav.mobile-nav2 .allmobilesection .create-account {
  width: 100% !important;
  text-align: center;
  margin-top: 30px;
  background: #4b24ee;
  color: #fff;
  border: 1px solid #fff;
}
.mobile-sidebar3 .mobile-nav.mobile-nav2 .allmobilesection .single-footer h3 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: var(--white-100, #fff);
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 30px;
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single {
  display: flex;
  color: var(--white-100, #fff);
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  svg {
  margin: 0 10px 0 0;
  counter-reset: var(--white-100, #fff);
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: var(--white-100, #fff);
  opacity: 0.7;
  font-size: 16px;
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-align: center;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover {
  background: #faf9fd;
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover
  a
  svg {
  color: var(--white-100, #fff);
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a {
  line-height: 0px;
}
.mobile-sidebar3
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

.mobile-haeder4 {
  background: #581164;
  position: fixed;
}
.mobile-haeder4 .mobile-header-elements .dots-menu {
  color: var(--white-100, #fff);
  cursor: pointer;
}

.mobile-sidebar4 {
  max-height: 100%;
  overflow-y: scroll;
  background: #581164;
}
.mobile-sidebar4 .menu-close {
  color: var(--white-100, #fff);
  cursor: pointer;
}
.mobile-sidebar4 .mobile-nav.mobile-nav2 .mobile-nav-list.nav-list2 li a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important;
  color: var(--white-100, #fff);
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  span::after {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  span::before {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar4 .mobile-nav.mobile-nav2 .mobile-nav-list.nav-list2 li ul li a {
  font-weight: 500 !important;
  font-family: "Figtree", sans-serif !important;
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .mobile-nav-list.nav-list2
  li
  ul.sub-menu
  li
  a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500 !important;
}
.mobile-sidebar4 .mobile-nav.mobile-nav2 .allmobilesection .header-btn7 {
  width: 100% !important;
  text-align: center;
  margin-top: 30px;
  background: none;
  color: var(--white-100, #fff);
  border: 1px solid var(--white-100, #fff);
}
.mobile-sidebar4 .mobile-nav.mobile-nav2 .allmobilesection .header-btn7::after {
  background: var(--white-100, #fff);
}
.mobile-sidebar4 .mobile-nav.mobile-nav2 .allmobilesection .header-btn7:hover {
  color: #581164;
}
.mobile-sidebar4 .mobile-nav.mobile-nav2 .allmobilesection .single-footer h3 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: var(--white-100, #fff);
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 30px;
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single {
  display: flex;
  color: var(--white-100, #fff);
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  svg {
  margin: 0 10px 0 0;
  counter-reset: var(--white-100, #fff);
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: var(--white-100, #fff);
  opacity: 0.7;
  font-size: 16px;
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-align: center;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover {
  background: #faf9fd;
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover
  a
  svg {
  color: var(--white-100, #fff);
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a {
  line-height: 0px;
}
.mobile-sidebar4
  .mobile-nav.mobile-nav2
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

.mobile-haeder5 {
  background: #5c3ef4;
  position: fixed;
}
.mobile-haeder5 .mobile-header-elements .dots-menu {
  color: var(--white-100, #fff);
  cursor: pointer;
}

.mobile-sidebar5 {
  max-height: 100%;
  overflow-y: scroll;
  background: #5c3ef4;
}
.mobile-sidebar5 .menu-close {
  color: var(--white-100, #fff);
  cursor: pointer;
}
.mobile-sidebar5 .mobile-nav .mobile-nav-list li a {
  font-family: "Figtree", sans-serif;
  font-weight: 500 !important;
  color: var(--white-100, #fff);
}
.mobile-sidebar5 .mobile-nav .mobile-nav-list li span::after {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar5 .mobile-nav .mobile-nav-list li span::before {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
}
.mobile-sidebar5 .mobile-nav .mobile-nav-list li ul li a {
  font-weight: 500 !important;
}
.mobile-sidebar5 .mobile-nav .allmobilesection .header-btn9 {
  display: inline-block;
  border-radius: 25px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.mobile-sidebar5 .mobile-nav .allmobilesection .header-btn9::after {
  background: var(--white-100, #fff);
}
.mobile-sidebar5 .mobile-nav .allmobilesection .header-btn9:hover {
  color: #5c3ef4;
}
.mobile-sidebar5 .mobile-nav .allmobilesection .header-btn9 svg {
  transform: rotate(-45deg);
}
.mobile-sidebar5 .mobile-nav .allmobilesection .single-footer h3 {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: var(--white-100, #fff);
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 30px;
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single {
  display: flex;
  color: var(--white-100, #fff);
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  svg {
  margin: 0 10px 0 0;
  counter-reset: var(--white-100, #fff);
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .contact-info-single
  a {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: var(--white-100, #fff);
  opacity: 0.7;
  font-size: 16px;
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--white-100, #fff);
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-align: center;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover {
  background: var(--white-100, #fff);
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li:hover
  a
  svg {
  color: var(--white-100, #fff);
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a {
  line-height: 0px;
}
.mobile-sidebar5
  .mobile-nav
  .allmobilesection
  .single-footer
  .footer4-contact-info
  .social-links-mobile-menu
  ul
  li
  a:hover {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

/*============= MOBILE-MENU  AREA ENDS===============*/
/*============= GENERATION CSS AREA ===============*/
.genaration2-section-area {
  background: var(--BG, #f7f9fa);
}
@media (max-width: 767px) {
  .genaration2-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .genaration2-section-area {
    padding: 50px 0 50px;
  }
}
.genaration2-section-area .genaration2-header span {
  background: rgba(110, 36, 255, 0.05);
  display: inline-block;
  border-radius: 35px;
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding: 8px 12px;
  margin-bottom: 16px;
}
.genaration2-section-area .tabs-area {
  border-radius: 36px;
  background: var(--white-100, var(--white-100, #fff));
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  text-align: center;
  justify-content: center;
  padding: 16px 24px;
  margin: 0 228px;
}
@media (max-width: 767px) {
  .genaration2-section-area .tabs-area {
    margin: 0;
    padding: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .genaration2-section-area .tabs-area {
    margin: 0;
    padding: 16px;
  }
}
.genaration2-section-area .tabs-area ul {
  justify-content: center;
}
.genaration2-section-area .tabs-area ul li button {
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  background: #f6f5fe;
  padding: 12px 24px;
  border-radius: 20px;
  margin: 0 16px 0 0;
  border: none !important;
}
@media (max-width: 767px) {
  .genaration2-section-area .tabs-area ul li button {
    margin: 0 8px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .genaration2-section-area .tabs-area ul li button {
    margin: 0 8px;
    margin-bottom: 5px;
  }
}
.genaration2-section-area .tabs-area .nav-pills .nav-link.active,
.genaration2-section-area .tabs-area .nav-pills .show > .nav-link {
  background: #6e24ff;
}
.genaration2-section-area .tabs-content-area .tab-pane {
  transform: rotateX(45deg) translateY(50px);
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-images
  img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-images
    img {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-images
    img {
    margin-bottom: 30px;
  }
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area {
  border-radius: var(--4, 4px);
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 20px 16px;
  position: relative;
  transition: all 0.4s ease-in-out;
  margin: 0 0 0 40px;
}
@media (max-width: 767px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-text-area {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-text-area {
    margin: 0;
  }
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area:hover {
  border-radius: var(--4, 4px);
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  transform: translateY(-5px);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area
  .tabs-icon {
  height: 84px;
  width: 84px;
  text-align: center;
  line-height: 84px;
  background: #e9deff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-text-area
    .tabs-icon {
    position: relative;
  }
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area
  .tabs-icon1 {
  height: 84px;
  width: 84px;
  text-align: center;
  line-height: 84px;
  background: #f8dfde;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-text-area
    .tabs-icon1 {
    position: relative;
  }
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area
  .tabs-icon2 {
  height: 84px;
  width: 84px;
  text-align: center;
  line-height: 84px;
  background: #d6ebe7;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}
@media (max-width: 767px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-text-area
    .tabs-icon2 {
    position: relative;
  }
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area
  .tabs-text {
  padding-left: 100px;
}
@media (max-width: 767px) {
  .genaration2-section-area
    .tabs-content-area
    .tab-pane
    .tabs-contents
    .tabs-text-area
    .tabs-text {
    padding-left: 0;
    margin-top: 20px;
  }
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area
  .tabs-text
  a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 12px;
  text-transform: capitalize;
}
.genaration2-section-area
  .tabs-content-area
  .tab-pane
  .tabs-contents
  .tabs-text-area
  .tabs-text
  p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.genaration2-section-area .tabs-content-area .tab-pane.show.active {
  transform: rotateX(0deg) translateY(0);
  opacity: 1;
}

/*============= GENERATION CSS AREA ENDS ===============*/
/*============= PROCESS CSS AREA ===============*/
@media (max-width: 767px) {
  .process-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-section-area {
    padding: 50px 0 50px;
  }
}
.process-section-area .process-header span {
  display: inline-block;
  padding: 8px 12px;
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-radius: 32px;
  background: rgba(110, 36, 255, 0.05);
  margin-bottom: 12px;
}
.process-section-area .process-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.process-section-area .process-images-content {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .process-section-area .process-images-content {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-section-area .process-images-content {
    padding: 0;
    margin-top: 30px;
  }
}
.process-section-area .process-images-content span {
  display: inline-block;
  padding: 8px 12px;
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-radius: 32px;
  background: rgba(110, 36, 255, 0.05);
  margin-bottom: 20px;
}
.process-section-area .process-images-content h2 {
  text-align: start !important;
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .process-section-area .process-images-content h2 {
    font-size: 30px;
  }
}
.process-section-area .process-images-content p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.process-section-area .process-section2 {
  padding: 160px 0;
  position: relative;
}
@media (max-width: 767px) {
  .process-section-area .process-section2 {
    padding: 0 10px 30px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-section-area .process-section2 {
    padding: 0 10px 30px 10px;
  }
}
@media (max-width: 767px) {
  .process-section-area .process-section2 .process-images-content {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-section-area .process-section2 .process-images-content {
    margin-bottom: 30px;
  }
}
.process-section-area .process-section2 .process-elements1 {
  position: absolute;
  right: 47%;
  left: 48%;
  z-index: -1;
  top: 0;
  rotate: 8deg;
}
.process-section-area .process-section2 .process-elements2 {
  position: absolute;
  bottom: 0;
  position: absolute;
  right: 45%;
  left: 44%;
  z-index: -1;
  rotate: -4deg;
}
.process-section-area .process-section2 .process-images-content {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .process-section-area .process-section2 .process-images-content {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-section-area .process-section2 .process-images-content {
    padding: 0;
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .process-inner-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-inner-area {
    padding: 50px 0 50px;
  }
}
.process-inner-area .process-inner-header span {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 32px;
  background: #f8f4ff;
}
.process-inner-area .process-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.process-inner-area .process-content-area {
  padding: 0 0 0 50px;
  position: relative;
}
@media (max-width: 767px) {
  .process-inner-area .process-content-area {
    padding: 0;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-inner-area .process-content-area {
    padding: 0;
    margin-top: 60px;
  }
}
.process-inner-area .process-content-area span {
  font-size: 300px;
  text-align: center;
  position: absolute;
  z-index: -1;
  color: #f4f4f6;
  opacity: 0.7;
  font-weight: 700;
  display: inline-block;
  top: 60px;
  font-family: "Figtree", sans-serif;
}
.process-inner-area .process-content-area h2 {
  font-size: 32px;
  line-height: 42px;
}
.process-inner-area .process-content-area.content2 {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .process-inner-area .process-content-area.content2 {
    padding: 0;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-inner-area .process-content-area.content2 {
    padding: 0;
    margin-bottom: 80px;
  }
}

.more-features-scetion-area.more-features2 {
  background: var(--BG, #f7f9fa);
}
.more-features-scetion-area.more-features2 .more-features-header span {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #6e24ff;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 32px;
  background: #f0eefa;
}
.more-features-scetion-area.more-features2 .more-features-box {
  position: relative;
  z-index: 1;
}
.more-features-scetion-area.more-features2 .more-features-box:hover {
  background: none;
}
.more-features-scetion-area.more-features2
  .more-features-box:hover
  .more-elements {
  z-index: 2;
  transition: all 0.4s ease-in-out;
}
.more-features-scetion-area.more-features2 .more-features-box:hover::after {
  width: 100%;
  right: 0;
  top: 0;
  border-radius: 4px;
  opacity: 1;
  height: 100%;
}
.more-features-scetion-area.more-features2 .more-features-box:hover::before {
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
  opacity: 1;
  height: 100%;
}
.more-features-scetion-area.more-features2 .more-features-box::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  right: -200px;
  top: 0;
  overflow: hidden;
  opacity: 0;
  background: #6e24ff;
  z-index: -1;
}
.more-features-scetion-area.more-features2 .more-features-box::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  left: -200px;
  top: 0;
  overflow: hidden;
  opacity: 0;
  background: #6e24ff;
  z-index: -2;
}

/*============= PROCESS CSS AREA ENDS ===============*/
/*============= TEMPLETE CSS AREA ===============*/
@media (max-width: 767px) {
  .templete1-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .templete1-section-area {
    padding: 50px 0 50px;
  }
}
.templete1-section-area .templete-header span {
  border-radius: 32px;
  background: rgba(110, 36, 255, 0.05);
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 12px;
}
.templete1-section-area .tabs-carousel-area .nav.nav-pills {
  justify-content: center;
}
.templete1-section-area .tabs-carousel-area .nav.nav-pills .nav-link {
  border-radius: 20px;
  background: #f6f5fe;
  color: var(--Text-Color, #0d0e10);
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  border: none;
  line-height: 16px;
  padding: 12px 24px;
  margin: 0 16px 0 0;
}
@media (max-width: 767px) {
  .templete1-section-area .tabs-carousel-area .nav.nav-pills .nav-link {
    margin-bottom: 10px;
  }
}
.templete1-section-area .tabs-carousel-area .nav.nav-pills .nav-link.active {
  background: #6e24ff;
  color: var(--white-100, #fff);
  border: none;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .owl-nav
  button {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background: #f0e9ff;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .owl-nav
  button:hover {
  transition: all 0.4s ease-in-out;
  background: #6e24ff;
  color: var(--white-100, #fff);
}
@media (max-width: 767px) {
  .templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-nav {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-nav {
    text-align: center;
    margin-bottom: 30px;
  }
}
.templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-prev {
  position: absolute;
  top: 50%;
  left: -70px;
}
@media (max-width: 767px) {
  .templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-prev {
    position: relative;
    left: -3px;
    top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-prev {
    position: relative;
    left: -3px;
    top: 30px;
  }
}
.templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-next {
  position: absolute;
  top: 50%;
  right: -70px;
}
@media (max-width: 767px) {
  .templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-next {
    position: relative;
    right: -3px;
    top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .templete1-section-area .tabs-carousel-area .tab-carousel-section .owl-next {
    position: relative;
    right: -3px;
    top: 30px;
  }
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img {
  position: relative;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img:hover
  .tabs-morebtn {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  transition: all 0.6s ease-in-out;
  z-index: 2;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img:hover::after {
  visibility: visible;
  transition: all 0.4s ease-in-out;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img
  img {
  border-radius: 4px;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img::after {
  position: absolute;
  content: "";
  height: 70px;
  width: 70px;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  background: #6e24ff;
  opacity: 0;
  left: 30%;
  right: 30%;
  top: 45%;
  visibility: hidden;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img:hover::after {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img
  .tabs-morebtn {
  text-align: center;
  position: absolute;
  top: 45%;
  z-index: 2;
  left: 20%;
  right: 20%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.templete1-section-area
  .tabs-carousel-area
  .tab-carousel-section
  .tabs-carousel-img
  .tabs-morebtn
  .header-btn2::after {
  background: #6e24ff !important;
}
.templete1-section-area .tabs-carousel-area .tab-content .tab-pane {
  transform: rotateX(45deg) translateY(50px);
  transition: all 0.4s ease-in-out;
}
.templete1-section-area .tabs-carousel-area .tab-content .tab-pane.show.active {
  transform: rotateX(0) translateY(0);
  opacity: 1;
}

@media (max-width: 767px) {
  .pricing-paln-section-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-paln-section-area {
    padding: 50px 0 20px;
  }
}
.pricing-paln-section-area .pricing-plans .toggle-inner {
  width: 75px;
  margin: 0 auto;
  height: 35px;
  border: 1px solid #4b24ee;
  border-radius: 25px;
  position: relative;
  background: #4b24ee;
}
.pricing-paln-section-area .pricing-plans .toggle-inner input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 25px;
  right: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.pricing-paln-section-area .pricing-plans .custom-toggle {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  top: 4px;
  left: 5px;
  border-radius: 50%;
  transition: 300ms all;
}
.pricing-paln-section-area .pricing-plans .toggle-inner .t-month,
.pricing-paln-section-area .pricing-plans .toggle-inner .t-year {
  position: absolute;
  left: -70px;
  top: 5px;
  color: var(--Text-Color, #0d0e10);
  transition: 300ms all;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  margin: 0 -8px;
}
.pricing-paln-section-area .pricing-plans .toggle-inner .t-year {
  left: unset;
  right: -70px;
  opacity: 0.5;
}
.pricing-paln-section-area .pricing-plans .active > .toggle-inner .t-month {
  opacity: 0.5;
}
.pricing-paln-section-area .pricing-plans .active > .toggle-inner .t-year {
  opacity: 1;
}
.pricing-paln-section-area .pricing-plans .toggle-inner input:checked + span {
  left: 43px;
}
.pricing-paln-section-area .tab-content .price-box {
  margin-bottom: 30px;
}
.pricing-paln-section-area .tab-content .price-box .hadding .pricing-area {
  background: #faf9fd;
  padding: 24px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  border-radius: 50%;
  top: 40%;
  left: 40%;
  right: 40%;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #4b24ee;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area:hover::after {
  background: #4b24ee;
  transition: all 0.4s ease-in-out;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  left: 0;
  top: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area:hover
  h3 {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area:hover
  h2 {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area:hover
  h2
  span {
  color: var(--white-100, #fff);
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area:hover
  p {
  color: var(--white-100, #fff);
  opacity: 0.8;
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area:hover
  .header-btn5 {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area:hover
  .header-btn5::after {
  background: var(--white-100, #fff);
}
.pricing-paln-section-area .tab-content .price-box .hadding .pricing-area h3 {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area .tab-content .price-box .hadding .pricing-area h2 {
  font-size: 60px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area
  h2
  span {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area .tab-content .price-box .hadding .pricing-area p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area
  a.header-btn5 {
  width: 100%;
  text-align: center;
  background: none;
  border: 1px solid #4b24ee;
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area .tab-content .price-box .hadding .pricing-area.bg2 {
  background: #4b24ee;
  position: relative;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area.bg2
  .popular {
  background: var(--white-100, #fff);
  border: 1px solid #4b24ee;
  display: inline-block;
  border-radius: 5px;
  padding: 8px;
  position: absolute;
  left: 39%;
  right: 38%;
  top: -17px;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area.bg2
  .popular
  p {
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #4b24ee;
  line-height: 12px;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area.bg2
  h2 {
  color: var(--white-100, #fff);
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area.bg2
  h3 {
  color: var(--white-100, #fff);
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area.bg2
  p {
  color: var(--white-100, #fff);
  opacity: 0.8;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area.bg2
  span {
  color: var(--white-100, #fff);
  opacity: 0.8;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .pricing-area.bg2
  .header-btn5 {
  background: var(--white-100, #fff);
}
.pricing-paln-section-area .tab-content .price-box .hadding .price-list ul li {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  padding: 16px 0;
  line-height: 16px;
  border-bottom: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  transition: all 0.4s ease-in-out;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .price-list
  ul
  li
  img {
  margin: 0 8px 0 0;
}
.pricing-paln-section-area
  .tab-content
  .price-box
  .hadding
  .price-list
  ul
  li:nth-child(3) {
  /*border-bottom: none;*/
}

.pricing2 {
  background: var(--BG, #f7f9fa);
}
.pricing2 .pricing-header span {
  background: #f0eefa;
  padding: 8px 12px;
  line-height: 16px;
  border-radius: 32px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #6e24ff;
}
.pricing2 .pricing-plans .toggle-inner {
  background: #6e24ff;
}
.pricing2 .pricing-plans .tab-content .price-box .pricing-area {
  background: var(--white-100, #fff);
}
.pricing2 .pricing-plans .tab-content .price-box .pricing-area::after {
  background: #6e24ff !important;
}
.pricing2 .pricing-plans .tab-content .price-box .pricing-area .header-btn2 {
  width: 100%;
  text-align: center;
  background: var(--white-100, #fff);
  border: 1px solid #6e24ff;
  color: #6e24ff;
}
.pricing2
  .pricing-plans
  .tab-content
  .price-box
  .pricing-area
  .header-btn2::after {
  left: 50%;
  right: 50%;
  background: #fc4b3e !important;
}
.pricing2
  .pricing-plans
  .tab-content
  .price-box
  .pricing-area
  .header-btn2:hover {
  color: var(--white-100, #fff);
}
.pricing2
  .pricing-plans
  .tab-content
  .price-box
  .pricing-area
  .header-btn2:hover::after {
  left: 0;
  top: 0;
  right: 0;
}
.pricing2 .pricing-plans .tab-content .price-box .bg2 {
  background: #6e24ff !important;
}
.pricing2 .pricing-plans .tab-content .price-box .bg2 .popular {
  border: 1px solid #6e24ff;
  color: #6e24ff;
}

.bg-none .pricing-plans .tab-content .price-box .pricing-area {
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}

.pricing-paln-section-area .pricing-plans.compare-paln {
  background: var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 60px 32px !important;
  position: relative;
  text-align: center;
}
.pricing-paln-section-area .pricing-plans.compare-paln .plan-toggle-wrap1 {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .pricing-paln-section-area .pricing-plans.compare-paln .plan-toggle-wrap1 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-paln-section-area .pricing-plans.compare-paln .plan-toggle-wrap1 {
    margin-top: 0;
  }
}
.pricing-paln-section-area .pricing-plans.compare-paln .tab-content.bg2 {
  background: #fff6f5 !important;
}
.pricing-paln-section-area .pricing-plans.compare-paln h3 {
  font-size: 20px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.pricing-paln-section-area .pricing-plans.compare-paln .tab-content {
  background: #f8f4ff;
  padding: 32px;
  position: relative;
  width: 230px;
  left: 60px;
}
@media (max-width: 767px) {
  .pricing-paln-section-area .pricing-plans.compare-paln .tab-content {
    width: 100%;
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-paln-section-area .pricing-plans.compare-paln .tab-content {
    width: 100%;
    left: 0;
  }
}
.pricing-paln-section-area .pricing-plans.compare-paln .tab-content h2 {
  font-family: "Figtree", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.pricing-paln-section-area .pricing-plans.compare-paln .tab-content p {
  font-size: 16px;
  font-weight: 500;
  color: #676879;
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .tab-content
  .header-btn2 {
  background: var(--white-100, #fff);
  border: 1px solid #fc4b3e;
  color: #fc4b3e;
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .tab-content
  .header-btn2::after {
  background: #fc4b3e;
  color: var(--white-100, #fff);
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .tab-content
  .header-btn2:hover {
  color: var(--white-100, #fff);
}
@media (max-width: 767px) {
  .pricing-paln-section-area .pricing-plans.compare-paln .table-area {
    overflow-x: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-paln-section-area .pricing-plans.compare-paln .table-area {
    overflow-y: hidden;
  }
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table {
  width: 100%;
  text-align: start;
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr {
  border-top: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  border-bottom: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr
  td {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
  padding: 16px 0;
  position: relative;
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr
  .check {
  left: -45%;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-paln-section-area
    .pricing-plans.compare-paln
    .table-area
    .price-table
    tbody
    tr
    .check {
    left: 0;
  }
}
@media (max-width: 767px) {
  .pricing-paln-section-area
    .pricing-plans.compare-paln
    .table-area
    .price-table
    tbody
    tr
    .check {
    display: none;
  }
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr
  .check::after {
  position: absolute;
  content: "";
  left: -106px;
  top: 0;
  background: #f8f4ff;
  width: 230px;
  height: 58px;
  z-index: -1;
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr
  .check-icons2 {
  position: relative;
  left: -25%;
  z-index: 1;
}
@media (max-width: 767px) {
  .pricing-paln-section-area
    .pricing-plans.compare-paln
    .table-area
    .price-table
    tbody
    tr
    .check-icons2 {
    display: none;
  }
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr
  .check-icons2::after {
  position: absolute;
  content: "";
  left: -103px;
  top: 0;
  background: #fff6f5;
  width: 230px;
  height: 58px;
  z-index: -1;
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr
  .check-icons3 {
  position: relative;
  left: -4%;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-paln-section-area
    .pricing-plans.compare-paln
    .table-area
    .price-table
    tbody
    tr
    .check-icons3 {
    left: 0;
  }
}
@media (max-width: 767px) {
  .pricing-paln-section-area
    .pricing-plans.compare-paln
    .table-area
    .price-table
    tbody
    tr
    .check-icons3 {
    display: none;
  }
}
.pricing-paln-section-area
  .pricing-plans.compare-paln
  .table-area
  .price-table
  tbody
  tr
  .check-icons3::after {
  position: absolute;
  content: "";
  left: -114px;
  top: 0;
  background: #f8f4ff;
  width: 230px;
  height: 58px;
  z-index: -1;
}

@media (max-width: 767px) {
  .pricicng-paln3 {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricicng-paln3 {
    padding: 50px 0 20px;
  }
}
.pricicng-paln3 .pricing-plans .plan-toggle-wrap .toggle-inner {
  background: #581164;
  border: 1px solid #581164;
}
.pricicng-paln3 .pricing-plans .price-box .pricing-area {
  background: #faf9fd;
}
.pricicng-paln3 .pricing-plans .price-box .pricing-area p {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  padding-bottom: 24px;
  border-bottom: 1px solid #dbdce0;
}
.pricicng-paln3 .pricing-plans .price-box .pricing-area ul li {
  font-size: 16px;
  font-weight: 400;
  color: #676879;
  line-height: 16px;
  transition: all 0.4s ease-in-out;
  font-family: "Figtree", sans-serif;
}
.pricicng-paln3 .pricing-plans .price-box .pricing-area ul li img {
  margin: 0 6px 0 0;
}
.pricicng-paln3 .pricing-plans .price-box .pricing-area::after {
  top: 0 !important;
  width: 100% !important;
  background: #581164 !important;
  height: 0 !important;
  left: 0 !important;
}
.pricicng-paln3 .pricing-plans .price-box .bg2 {
  background: #581164 !important;
}
.pricicng-paln3 .pricing-plans .price-box .bg2 .popular {
  border: 1px solid #581164 !important;
}
.pricicng-paln3 .pricing-plans .price-box .bg2 .popular p {
  color: #581164 !important;
  border-bottom: 0;
  padding-bottom: 0;
}
.pricicng-paln3 .pricing-plans .price-box .bg2 ul li {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricicng-paln3 .pricing-plans .price-box .bg2 .header-btn7 {
  background: var(--white-100, #fff);
  color: #581164;
  border: 1px solid var(--white-100, #fff);
}
.pricicng-paln3 .pricing-plans .price-box .header-btn7 {
  width: 100%;
  background: #581164;
  color: var(--white-100, #fff);
  text-align: center;
}
.pricicng-paln3 .pricing-plans .price-box .header-btn7::after {
  display: none;
}
.pricicng-paln3 .pricing-plans .price-box:hover .header-btn7 {
  background: var(--white-100, #fff);
  color: #581164;
}
.pricicng-paln3 .pricing-plans .price-box:hover .pricing-area::after {
  width: 100% !important;
  height: 100% !important;
}
.pricicng-paln3 .pricing-plans .price-box:hover .pricing-area h3 {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricicng-paln3 .pricing-plans .price-box:hover .pricing-area h2 {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricicng-paln3 .pricing-plans .price-box:hover .pricing-area h2 span {
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
}
.pricicng-paln3 .pricing-plans .price-box:hover .pricing-area p {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricicng-paln3 .pricing-plans .price-box:hover .pricing-area ul li {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

@media (max-width: 767px) {
  .pricing5-section-area {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing5-section-area {
    padding: 50px 0 20px;
  }
}
.pricing5-section-area .pricing-plans .plan-toggle-wrap .toggle-inner {
  background: #5c3ef4;
  border: 1px solid #5c3ef4;
}
.pricing5-section-area .pricing-plans .price-box .pricing-area {
  background: #faf9fd;
}
.pricing5-section-area .pricing-plans .price-box .pricing-area p {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  padding-bottom: 24px;
  border-bottom: 1px solid #dbdce0;
}
.pricing5-section-area .pricing-plans .price-box .pricing-area ul li {
  font-size: 16px;
  font-weight: 400;
  color: #676879;
  line-height: 16px;
  transition: all 0.4s ease-in-out;
  font-family: "Figtree", sans-serif;
}
.pricing5-section-area .pricing-plans .price-box .pricing-area ul li img {
  margin: 0 6px 0 0;
}
.pricing5-section-area .pricing-plans .price-box .pricing-area::after {
  top: 0 !important;
  width: 100% !important;
  background: #5c3ef4 !important;
  height: 0 !important;
  left: 0 !important;
}
.pricing5-section-area .pricing-plans .price-box .bg2 {
  background: #5c3ef4 !important;
}
.pricing5-section-area .pricing-plans .price-box .bg2 .popular {
  border: 1px solid #5c3ef4 !important;
}
.pricing5-section-area .pricing-plans .price-box .bg2 .popular p {
  color: #5c3ef4 !important;
  border-bottom: 0;
  padding-bottom: 0;
}
.pricing5-section-area .pricing-plans .price-box .bg2 ul li {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricing5-section-area .pricing-plans .price-box .bg2 .header-btn8 {
  background: var(--white-100, #fff);
  color: #5c3ef4;
  border: 1px solid var(--white-100, #fff);
}
.pricing5-section-area .pricing-plans .price-box .header-btn8 {
  width: 100%;
  background: #5c3ef4;
  color: var(--white-100, #fff);
  text-align: center;
}
.pricing5-section-area .pricing-plans .price-box .header-btn8::after {
  display: none;
}
.pricing5-section-area .pricing-plans .price-box:hover .header-btn8 {
  background: var(--white-100, #fff);
  color: #5c3ef4;
}
.pricing5-section-area .pricing-plans .price-box:hover .pricing-area::after {
  width: 100% !important;
  height: 100% !important;
}
.pricing5-section-area .pricing-plans .price-box:hover .pricing-area h3 {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricing5-section-area .pricing-plans .price-box:hover .pricing-area h2 {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricing5-section-area .pricing-plans .price-box:hover .pricing-area h2 span {
  transition: all 0.4s ease-in-out;
  color: var(--white-100, #fff);
}
.pricing5-section-area .pricing-plans .price-box:hover .pricing-area p {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}
.pricing5-section-area .pricing-plans .price-box:hover .pricing-area ul li {
  color: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
}

/*============= TEMPLETE CSS AREA ENDS ===============*/
/*============= COMPLAINT CSS AREA ===============*/
.complaint-section-area {
  background: var(--BG, #f7f9fa);
}
@media (max-width: 767px) {
  .complaint-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .complaint-section-area {
    padding: 50px 0 50px;
  }
}
@media (max-width: 767px) {
  .complaint-section-area .complaint-header {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .complaint-section-area .complaint-header {
    margin-bottom: 30px;
  }
}
.complaint-section-area .complaint-header span {
  color: #6e24ff;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-radius: 32px;
  background: rgba(110, 36, 255, 0.05);
  padding: 8px 12px;
  display: inline-block;
  margin-bottom: 12px;
}
.complaint-section-area .complaint-header h2 {
  text-align: start !important;
}
.complaint-section-area .complaint-header p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 16px;
}
.complaint-section-area .complaint-header .complaint-list {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .complaint-section-area .complaint-header .complaint-list {
    display: inline-block;
  }
}
.complaint-section-area .complaint-header .complaint-list ul {
  margin: 0 80px 0 0;
}
.complaint-section-area .complaint-header .complaint-list ul li {
  display: flex;
  align-items: center;
  margin-top: 26px;
}
.complaint-section-area .complaint-header .complaint-list ul li a {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}
.complaint-section-area .complaint-header .complaint-list ul li a img {
  margin: 0 8px 0 0;
}
.complaint-section-area .complaint-header .header-btn2 {
  margin-top: 32px;
  background: #6e24ff;
}
.complaint-section-area .contact-mail .main-contact-box {
  position: relative;
}
.complaint-section-area
  .contact-mail
  .main-contact-box
  .main-contact-img
  .angle-border {
  position: absolute;
  left: -122px;
  top: 22%;
}
.complaint-section-area
  .contact-mail
  .main-contact-box
  .main-contact-img
  .instagram-icon {
  height: 64px;
  width: 64px;
  text-align: center;
  border-radius: 50%;
  line-height: 64px;
  display: inline-block;
  background: var(--white-100, #fff);
  position: absolute;
  left: -150px;
  top: 0;
  box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.15);
}
.complaint-section-area .contact-mail .main-contact-box .main-contact-content {
  border-radius: var(--4, 4px);
  background: var(--white-100, #fff);
  padding: 24px;
  position: relative;
  z-index: 1;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.complaint-section-area
  .contact-mail
  .main-contact-box
  .main-contact-content
  .mail-icon {
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background: #f8f4ff;
  border-radius: 50%;
}
.complaint-section-area
  .contact-mail
  .main-contact-box
  .main-contact-content
  .mail-content
  h3 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-top: 16px;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.complaint-section-area
  .contact-mail
  .main-contact-box
  .main-contact-content
  .mail-content
  p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.complaint-section-area .contact-mail .main-contact-box.box2 {
  position: relative;
}
.complaint-section-area
  .contact-mail
  .main-contact-box.box2
  .main-contact-img
  .angle-border {
  position: absolute;
  right: -122px;
  left: inherit;
  top: 22%;
}
.complaint-section-area
  .contact-mail
  .main-contact-box.box2
  .main-contact-img
  .instagram-icon {
  height: 64px;
  width: 64px;
  text-align: center;
  border-radius: 50%;
  line-height: 64px;
  display: inline-block;
  background: var(--white-100, #fff);
  position: absolute;
  right: -150px;
  left: inherit;
  top: 0;
  box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.15);
}
.complaint-section-area
  .contact-mail
  .main-contact-box.box2
  .main-contact-content {
  border-radius: var(--4, 4px);
  background: var(--white-100, #fff);
  padding: 24px;
  position: relative;
  z-index: 1;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}
.complaint-section-area
  .contact-mail
  .main-contact-box.box2
  .main-contact-content
  .mail-icon {
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background: #f8f4ff;
  border-radius: 50%;
}
.complaint-section-area
  .contact-mail
  .main-contact-box.box2
  .main-contact-content
  .mail-content
  h3 {
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-top: 16px;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.complaint-section-area
  .contact-mail
  .main-contact-box.box2
  .main-contact-content
  .mail-content
  p {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

/*============= COMPLAINT CSS AREA ENDS ===============*/
/*============= FAQ CSS AREA ===============*/
@media (max-width: 767px) {
  .faq3-section-area {
    padding: 50px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq3-section-area {
    padding: 50px 0 30px;
  }
}
.faq3-section-area .faq3-widgets-area {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .faq3-section-area .faq3-widgets-area {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq3-section-area .faq3-widgets-area {
    padding: 0;
    margin-top: 30px;
  }
}
.faq3-section-area .faq3-widgets-area .accordion .accordion-item {
  padding: 24px 0;
  border-top: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  border-bottom: 0;
}
.faq3-section-area .faq3-widgets-area .accordion .accordion-item button {
  box-shadow: none;
  background: none;
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  line-height: 24px;
  padding: 0;
  padding-right: 42px;
}
.faq3-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  .accordion-body {
  font-size: 16px;
  font-weight: 500;
  font-family: "Figtree", sans-serif;
  color: #676879;
  padding: 0;
  margin-top: 20px;
}
.faq3-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  .accordion-button::after {
  flex-shrink: 0;
  width: 16px;
  height: 2px;
  margin-left: auto;
  content: "";
  background-color: var(--white-100, #fff);
  filter: brightness(0);
  z-index: 2;
  position: absolute;
  right: 22px;
}
.faq3-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  .accordion-button::before {
  flex-shrink: 0;
  width: 2px;
  height: 16px;
  margin-left: auto;
  content: "";
  background-color: var(--white-100, #fff);
  filter: brightness(0);
  position: absolute;
  right: 29px;
  z-index: 3;
  display: none;
}
.faq3-section-area
  .faq3-widgets-area
  .accordion
  .accordion-button.collapsed.accordion-button::before {
  display: block;
}

@media (max-width: 767px) {
  .faq-inner-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-inner-section-area {
    padding: 50px 0 50px;
  }
}
.faq-inner-section-area .faq-all-area .accordion .accordion-item {
  padding: 24px;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  border-radius: 4px;
}
.faq-inner-section-area .faq-all-area .accordion .accordion-item button {
  box-shadow: none;
  background: none;
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  line-height: 24px;
  padding: 0;
}
.faq-inner-section-area
  .faq-all-area
  .accordion
  .accordion-item
  .accordion-body {
  font-size: 16px;
  font-weight: 500;
  font-family: "Figtree", sans-serif;
  color: #676879;
  padding: 0;
  margin-top: 20px;
}
.faq-inner-section-area
  .faq-all-area
  .accordion
  .accordion-item
  .accordion-button::after {
  flex-shrink: 0;
  width: 16px;
  height: 2px;
  margin-left: auto;
  content: "";
  background-color: var(--white-100, #fff);
  filter: brightness(0);
  z-index: 2;
}
.faq-inner-section-area
  .faq-all-area
  .accordion
  .accordion-item
  .accordion-button::before {
  flex-shrink: 0;
  width: 2px;
  height: 16px;
  margin-left: auto;
  content: "";
  background-color: var(--white-100, #fff);
  filter: brightness(0);
  position: absolute;
  right: 7px;
  z-index: 3;
  display: none;
}
.faq-inner-section-area
  .faq-all-area
  .accordion
  .accordion-button.collapsed.accordion-button::before {
  display: block;
}

.faq5-section-area {
  background: #f8f9fa;
}
@media (max-width: 767px) {
  .faq5-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq5-section-area {
    padding: 50px 0 50px;
  }
}
.faq5-section-area .faq3-widgets-area {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .faq5-section-area .faq3-widgets-area {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq5-section-area .faq3-widgets-area {
    padding: 0;
    margin-top: 30px;
  }
}
.faq5-section-area .faq3-widgets-area .accordion {
  background: #f8f9fa;
}
.faq5-section-area .faq3-widgets-area .accordion .accordion-item {
  padding: 24px 0;
  border-top: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  border-bottom: 0;
  background: #f8f9fa;
}
.faq5-section-area .faq3-widgets-area .accordion .accordion-item button {
  box-shadow: none;
  background: none;
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  font-family: "Figtree", sans-serif;
  line-height: 24px;
  padding: 0;
}
.faq5-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  .accordion-body {
  font-size: 16px;
  font-weight: 500;
  font-family: "Figtree", sans-serif;
  color: #676879;
  padding: 0;
  margin-top: 20px;
}
.faq5-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  .accordion-button::after {
  flex-shrink: 0;
  width: 16px;
  height: 2px;
  margin-left: auto;
  content: "";
  background-color: var(--white-100, #fff);
  filter: brightness(0);
  z-index: 2;
  position: absolute;
  right: 22px;
}
.faq5-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  .accordion-button::before {
  flex-shrink: 0;
  width: 2px;
  height: 16px;
  margin-left: auto;
  content: "";
  background-color: var(--white-100, #fff);
  filter: brightness(0);
  position: absolute;
  right: 29px;
  z-index: 3;
  display: none;
}
.faq5-section-area
  .faq3-widgets-area
  .accordion
  .accordion-button.collapsed.accordion-button::before {
  display: block;
}

/*============= FAQ CSS AREA ENDS ===============*/
/*============= ABOUT CSS AREA ===============*/
.about-welcome-section-area {
  padding: 170px 0 200px;
}
.about-welcome-section-area .about-welcome-header h1 {
  font-size: 60px;
  line-height: 60px;
}
@media (max-width: 767px) {
  .about-welcome-section-area .about-welcome-header h1 {
    font-size: 32px;
    line-height: 42px;
  }
}
.about-welcome-section-area .about-welcome-header a {
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: var(--white-100, #fff);
  display: inline-block;
}
.about-welcome-section-area .about-welcome-header a i {
  margin: 0 4px;
}
.about-welcome-section-area .about-welcome-header a span {
  font-weight: 700;
  color: var(--white-100, #fff);
}

.about-welcome-section-area.about2 {
  padding: 130px 0 100px;
}

.about-section-area {
  padding: 100px 0 100px 0;
}
@media (max-width: 767px) {
  .about-section-area {
    padding: 50px 0 50px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-section-area {
    padding: 50px 0 50px 0;
  }
}
@media (max-width: 767px) {
  .about-section-area .about-header-area {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-section-area .about-header-area {
    margin-bottom: 30px;
  }
}
.about-section-area .about-header-area span {
  background: #f8f4ff;
  padding: 8px 12px;
  line-height: 16px;
  border-radius: 32px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #6e24ff;
}
.about-section-area .about-header-area h2 {
  text-align: start;
}
.about-section-area .about-header-area p {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #676879;
  font-size: 16px;
}
.about-section-area .images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

/*============= ABOUT CSS AREA ENDS===============*/
/*============= CONTACT CSS AREA ===============*/
.about-welcome-section-area .contact-inner-header {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .about-welcome-section-area .contact-inner-header {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-welcome-section-area .contact-inner-header {
    padding: 0;
    margin-bottom: 30px;
  }
}
.about-welcome-section-area .contact-inner-header p {
  color: var(--white-100, #fff);
  opacity: 0.8;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.about-welcome-section-area .contact-inner-header h3 {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--white-100, #fff);
  line-height: 20px;
}
.about-welcome-section-area .contact-box-area .contact-boxs {
  background: var(--white-100, #fff);
  padding: 16px 20px;
  position: relative;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.about-welcome-section-area .contact-box-area .contact-boxs:hover {
  transform: translateY(-5px);
  transition: all 0.4s ease-in-out;
}
.about-welcome-section-area .contact-box-area .contact-boxs .img1 {
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  background: #f8f4ff;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  position: absolute;
}
.about-welcome-section-area .contact-box-area .contact-boxs .content {
  padding-left: 80px;
  margin-top: 5px;
}
.about-welcome-section-area .contact-box-area .contact-boxs .content p {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.about-welcome-section-area .contact-box-area .contact-boxs .content a {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  display: inline-block;
}
.about-welcome-section-area .conatact-header-boxarea {
  background: var(--white-100, #fff);
  padding: 40px;
  border-radius: 4px;
}
.about-welcome-section-area .conatact-header-boxarea .input-area input {
  width: 100%;
  outline: none;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 15px 13px;
  border-radius: 4px;
  height: 50px;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
}
.about-welcome-section-area .conatact-header-boxarea .input-area textarea {
  width: 100%;
  outline: none;
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 15px 13px;
  border-radius: 4px;
  height: 125px;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
}
.about-welcome-section-area .conatact-header-boxarea .div button {
  outline: none;
  border: none;
}

.map-section-area .mapouter .gmap_canvas {
  position: relative;
  top: 7px;
}
.map-section-area .mapouter .gmap_canvas iframe {
  width: 100%;
  height: 565px;
}

.about-welcome-section-area.login {
  padding: 100px 0 100px;
}
@media (max-width: 767px) {
  .about-welcome-section-area.login {
    padding: 100px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-welcome-section-area.login {
    padding: 100px 0 50px;
  }
}
.about-welcome-section-area.login .logo4 {
  height: 80px;
  width: 265px;
}
.about-welcome-section-area.login .login-boxarea {
  background: var(--white-100, #fff);
  padding: 50px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .about-welcome-section-area.login .login-boxarea {
    padding: 24px;
  }
}
.about-welcome-section-area.login .login-boxarea .icons {
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  background: #f8f4ff;
  transition: all 0.4s ease-in-out;
  margin: 0 auto;
}
.about-welcome-section-area.login .login-boxarea .input-area h4 {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
}
.about-welcome-section-area.login .login-boxarea .input-area input {
  width: 100%;
  outline: none;
  border: none;
  background: #f8f4ff;
  padding: 20px;
  height: 60px;
  border-radius: 30px;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  color: var(--Text-Color, #0d0e10);
  font-weight: 500;
}
.about-welcome-section-area.login
  .login-boxarea
  .input-area
  input::-moz-placeholder {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
}
.about-welcome-section-area.login
  .login-boxarea
  .input-area
  input::placeholder {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
}
.about-welcome-section-area.login .login-boxarea .input-area .header-btn2 {
  background: #6e24ff;
  border: none;
  outline: none;
  width: 100%;
  padding: 22px;
  border-radius: 30px;
}
.about-welcome-section-area.login
  .login-boxarea
  .input-area
  .header-btn2::after {
  left: 50%;
}
.about-welcome-section-area.login
  .login-boxarea
  .input-area
  .header-btn2:hover {
  border-radius: 30px;
}
.about-welcome-section-area.login
  .login-boxarea
  .input-area
  .header-btn2:hover::after {
  left: 0;
  border-radius: 30px;
}
.about-welcome-section-area.login .login-boxarea .sign-text {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.about-welcome-section-area.login .login-boxarea .sign-text a {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: #6e24ff;
  font-size: 16px;
  margin-left: 14px;
  display: inline-block;
  text-decoration: underline;
}
.about-welcome-section-area.login .login-boxarea .div a {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: #6e24ff;
  font-size: 16px;
  margin-left: 14px;
  display: inline-block;
  text-decoration: underline;
  text-align: center;
}
.about-welcome-section-area.login .login-boxarea ul {
  display: flex;
  align-items: center;
}
.about-welcome-section-area.login .login-boxarea ul li p {
  margin: 0 10px;
}
.about-welcome-section-area.login .login-boxarea .btn-area .header-btn2 {
  display: block;
  width: 100%;
  background: #f8f4ff;
  font-family: "Figtree", sans-serif;
  color: #676879;
}
.about-welcome-section-area.login .login-boxarea .btn-area .header-btn2::after {
  left: 50%;
}
.about-welcome-section-area.login
  .login-boxarea
  .btn-area
  .header-btn2:hover::after {
  display: none;
}
.about-welcome-section-area.login .login-boxarea .btn-area .header-btn2 img {
  margin: 0 12px 0 0;
}

/*============= CONTACT CSS AREA ENDS ===============*/
/*============= RTL CSS AREA ===============*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl-homepage,
  html {
    overflow-x: hidden !important;
  }
}

.rtl-homepage .preloader {
  margin-left: 25px;
  margin-top: -25px;
}
.rtl-homepage .header-area.homepage3 {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.rtl-homepage .header-area.homepage3 .navbar {
  display: block;
}
.rtl-homepage .header-area.homepage3 .header-elements {
  display: flex;
  align-self: center;
  justify-content: space-between;
  transition: all 0.4s ease-in-out;
  padding: 24px 0 0 0;
}
.rtl-homepage .header-area.homepage3 .header-elements .site-logo {
  margin-top: 5px;
}
.rtl-homepage .header-area.homepage3 .header-elements .main-menu {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  transition: all 0.4s ease-in-out;
  background: #ede9fd;
  border-radius: 4px;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  .nav-item
  .nav-link.active {
  background: none;
  color: #4b24ee;
}
.rtl-homepage .header-area.homepage3 .header-elements .main-menu ul li {
  display: inline-block;
  position: relative;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li:hover
  > a {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li:hover
  > a
  svg {
  padding: 0 !important;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li:hover
  ul.dropdown-padding {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 50px;
  position: absolute;
}
.rtl-homepage .header-area.homepage3 .header-elements .main-menu ul li a {
  font-family: "Figtree", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  display: inline-block;
  transition: all 0.4s ease-in-out;
  padding: 0 10px;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  position: absolute;
  background: var(--white-100, #fff);
  top: 100px;
  width: 220px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu {
  position: relative;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a {
  color: #4b24ee;
  transition: all 0.4s ease-in-out;
  padding-right: 25px;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  > a::after {
  color: #fc4b3e;
  transition: all 0.4s ease-in-out;
  visibility: visible;
  opacity: 1;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu
  ul.small-dropdown {
  visibility: hidden;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  background: var(--white-100, #fff);
  position: absolute;
  top: 70px;
  width: 220px;
  z-index: 1;
  left: -225px;
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  padding: 15px;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li.main-small-menu:hover
  ul.small-dropdown {
  visibility: visible;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
  top: 0;
  position: absolute;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li {
  display: block;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500;
  color: var(--Text-Color, #0d0e10);
  padding: 8px;
  display: inline-block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 10px;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  background: #4b24ee;
  right: 10px;
  left: inherit;
  top: 22px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover {
  transition: all 0.4s ease-in-out;
  color: #4b24ee;
  padding-right: 25px;
}
.rtl-homepage
  .header-area.homepage3
  .header-elements
  .main-menu
  ul
  li
  ul.dropdown-padding
  li
  a:hover::after {
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.rtl-homepage .header-area.homepage3 .header-elements .header-padding ul li a {
  padding: 0 14px;
}
.rtl-homepage .mobile-sidebar.mobile-sidebar3 .menu-close {
  right: inherit;
  left: 20px;
}
.rtl-homepage
  .mobile-sidebar.mobile-sidebar3
  .footer4-contact-info
  .contact-info-single
  .contact-info-icon
  svg {
  margin: 0 0 0 6px;
}
.rtl-homepage
  .mobile-sidebar.mobile-sidebar3
  .footer4-contact-info
  .contact-info-single
  .contact-info-text {
  margin-right: 10px;
}
.rtl-homepage
  .mobile-sidebar.mobile-sidebar3
  .mobile-nav.mobile-nav2
  ul
  li
  span::after {
  left: 8px;
  right: inherit;
}
.rtl-homepage
  .mobile-sidebar.mobile-sidebar3
  .mobile-nav.mobile-nav2
  ul
  li
  span::before {
  left: 0;
  right: inherit;
}
.rtl-homepage .header-area.homepage3.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  z-index: 111;
  animation-name: fade-in-down;
  animation-fill-mode: forwards;
  background-color: var(--white-100, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
  z-index: 99;
}
.rtl-homepage .header-area.homepage3.sticky .header-elements {
  margin-top: 0;
  transition: all 0.4s ease-in-out;
  border: none;
  background: none;
  padding: 14px 0;
}
.rtl-homepage .header-area.homepage3.sticky .header-elements .main-menu {
  background: none;
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .welcome3-section-area
  .welcome3-header
  .header-btn5:hover::after {
  right: 0;
  left: inherit;
}
.rtl-homepage
  .tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header {
  padding: 0 0 0 30px;
}
.rtl-homepage
  .tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  .list
  img {
  margin: 0 0 0 30px;
}
.rtl-homepage
  .tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-header
  .header-btn5:hover::after {
  right: 0;
  left: inherit;
}
.rtl-homepage
  .tools-section-area
  .tabs3-tools-area
  .tab-content
  .tab-pane
  .main-content-area
  .tabs-images
  .tabs-img2 {
  left: 0;
  right: inherit;
}
.rtl-homepage .features3-section-area .features3-images .img2 img {
  left: -100px;
  right: inherit;
}
@media (max-width: 767px) {
  .rtl-homepage .features3-section-area .features3-images .img2 img {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl-homepage .features3-section-area .features3-images .img2 img {
    left: 0;
  }
}
@media (max-width: 767px) {
  .rtl-homepage .features3-section-area .features-content-box {
    margin-bottom: 30px;
  }
}
.rtl-homepage .features3-section-area .features-content-box .content {
  padding-left: 0;
  padding-right: 50px;
}
.rtl-homepage .step-section-area .step-author-area {
  margin: 0;
}
.rtl-homepage .step-section-area .step-author-area::after {
  right: 35px;
  left: inherit;
}
.rtl-homepage .step-section-area .step-author-area .content {
  margin-right: 32px;
}
.rtl-homepage .step-section-area .step-header-area .header-btn5:hover::after {
  right: 0;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea {
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  padding: 20px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea:hover {
  background: var(--white-100, #fff);
  transition: all 0.4s ease-in-out;
  border: 1px solid var(--white-100, #fff);
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea:hover
  .img2
  p {
  color: var(--Text-Color, #0d0e10);
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea
  .images-content {
  display: flex;
  align-items: center;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea
  .images-content
  img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea
  .images-content
  .content {
  margin-right: 12px;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea
  .images-content
  .content
  a {
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--Text-Color, #0d0e10);
  line-height: 20px;
  display: inline-block;
  margin-bottom: 8px;
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea
  .images-content
  .content
  p {
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  font-family: "Figtree", sans-serif;
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea
  .img2
  img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .testimonial3-boxarea
  .img2
  p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 28px;
  transition: all 0.4s ease-in-out;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .owl-dots
  button {
  position: relative;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #c6b9f9;
  margin: 0 16px 0 0;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .owl-dots
  button::after {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #4b24ee;
  left: -5px;
  top: -5px;
  display: none;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .owl-dots
  button.active {
  background: #4b24ee;
  height: 14px;
  width: 14px;
}
.rtl-homepage
  .testimonial3-section-area
  .testimonial3-slider-area-rtl
  .owl-dots
  button.active::after {
  display: block;
}
.rtl-homepage .faq3-section-area .faq3-header .header-btn5:hover::after {
  right: 0;
  left: inherit;
}
.rtl-homepage .faq3-section-area .faq3-widgets-area {
  padding: 0 50px 0 0;
}
@media (max-width: 767px) {
  .rtl-homepage .faq3-section-area .faq3-widgets-area {
    padding: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl-homepage .faq3-section-area .faq3-widgets-area {
    padding: 0;
    margin-bottom: 30px;
  }
}
.rtl-homepage
  .faq3-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  button::after {
  right: inherit;
  left: 0;
}
.rtl-homepage
  .faq3-section-area
  .faq3-widgets-area
  .accordion
  .accordion-item
  button::before {
  right: inherit;
  left: 6px;
}
.rtl-homepage .cta3-section-area .cta3-header-area .header-btn5:hover::after {
  left: inherit;
  right: 0;
}
.rtl-homepage
  .pricing-paln-section-area
  .pricing-plans
  .tab-content
  .price-box
  .header-btn5::after {
  display: none;
}
.rtl-homepage
  .pricing-paln-section-area
  .pricing-plans
  .tab-content
  .price-box
  .hadding
  .price-list
  ul
  li
  img {
  margin: 0 0 0 6px;
}

.opacity {
  opacity: 0.4;
}

/*============= RTL CSS AREA ENDS ===============*/ /*# sourceMappingURL=master.css.map */

.contact-info-text {
  padding-left: 10px;
}