/*
============================
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;
}

@keyframes animation-6 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1000deg);
  }
}
@keyframes animation-7 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1000deg);
  }
}

@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);
  }
}

@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);
  }
}

/*============= 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;
  }
}

.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;
}

.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;
}

/*============= 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;
}

.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::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;
}

/*============= PRELOADER CSS AREA ENDS===============*/
/*============= BUTTON CSS AREA ===============*/

.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;
}

@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;
}

/*============= FEATURES CSS AREA ENDS ===============*/
/*============= OTHERS CSS AREA ===============*/

.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;
}

.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 ===============*/

.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;
  }
}

.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;
}

/*============= FOOTER CSS AREA ENDS===============*/
/*============= MOBILE-MENU CSS AREA  ===============*/

.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;
}

.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 ===============*/
.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-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;
}

/*============= 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;
  }
}

/*============= 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 ===============*/

/*============= 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 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 .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;
}

.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 ===============*/
@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;
}

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