/*-----------------------------------------------------------------------------------

    Theme Name: RORALEX - Building Construction & Industry HTML5 Template
    Author: themesoft69
    Description: RORALEX is a modern design combination HTML template. This template can be used very nicely for a building construction or any construction related services. This template contains a total of 30 pages. There are also RTL facilities. The template is made with unique design combination. Currently it is being published in HTML version. We are coming soon with ReactJS version, NextJS version and WordPress theme version of this template.
    Version: 1.0.1

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

  01. Variable Implementation
  02. Mixins
	03. Reset Default CSS
	04. Custom Animation CSS START
	05. Button Design START
	06. Universal CSS
	07. Header Intro
	08. Header Css
	09. Footer Css
	10. Slider CSS
	11. Bread Crumb
	12. About-Section
	13. Service List Section
	14. Why Choose Us Section
	15. Project Background Overlay Section
	16. Our Team Section
	17. Team Details Section
	18. Latest Projects Section
	19. Client Review Section
	20. Blog Section
	21. Our Plan Price
	22. News Letter
	23. Our Client
	24. FAQ Section
	25. Contact Section
	26. Widget Section


**********************************************/
/*----------------------------------------*/
/*  01. Variable Implementation
/*----------------------------------------*/
/* ======== Font Includes ======== */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
:root {
  /* ======== Color scheme ======== */
  --primary_color: #343a40;
  --theme_color: #de2021;
  --heading_color: #1e293b;
  --text_color: #6b7280;
  --bg_gray: #f8f8f8;
  --bg_white: #ffffff;
  --border_color: #e8ebee;
  /* ======== Social icon colors ======== */
  --facebook: #3b5997;
  --twitter: #1ba1f2;
  --youtube: #ed4141;
  --linkedin: #0077b5;
  --pinterest: #e60022;
  --instagram: #c231a1;
  --vimeo: #00adef;
  --twitch: #6441a3;
}

/*----------------------------------------*/
/*  02. Mixins
/*----------------------------------------*/
/*----------------------------------------*/
/*  03. Reset Default CSS
/*----------------------------------------*/
/* ======== Reset ======== */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
}

body {
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: normal;
  color: var(--text_color);
  line-height: 26px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Josefin Sans", sans-serif;
  color: var(--header_color);
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: var(--text_color);
  margin-bottom: 15px;
  line-height: 25px;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

input[type="color"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--primary_color);
  color: var(--bg_white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--primary_color);
  color: var(--bg_white);
  text-shadow: none;
}

::selection {
  background: var(--primary_color);
  color: var(--bg_white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--text_color);
  font-size: 16px;
  opacity: 1;
}

*::-webkit-input-placeholder {
  color: var(--text_color);
  font-size: 16px;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: var(--text_color);
  font-size: 16px;
  opacity: 1;
}

*::-ms-input-placeholder {
  color: var(--text_color);
  font-size: 16px;
  opacity: 1;
}

*::placeholder {
  color: var(--text_color);
  font-size: 16px;
  opacity: 1;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.b-radius-5 {
  border-radius: 5px;
}

.b-radius-6 {
  border-radius: 6px;
}

.b-radius-8 {
  border-radius: 8px;
}

.b-radius-10 {
  border-radius: 10px;
}

/*----------------------------------------*/
/*  04. Custom Animation CSS START
/*----------------------------------------*/
/*  ========= Hero Slider Animation animation ========== */
@-webkit-keyframes heroSliderAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes heroSliderAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*  ========= Hero Slider BG Animation animation ========== */
@-webkit-keyframes bg-animation {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.2) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes bg-animation {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.2) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
/*  ========= Hero Slider IMG Animation animation ========== */
@-webkit-keyframes heroImg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes heroImg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*  ========= pluse animation ========== */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/*  ========= sticky animation ========== */
@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
/*----------------------------------------*/
/*  05. Button Design START
/*----------------------------------------*/
/* ======= Button Shape One ======= */
.btn-shape-normal-outline {
  display: inline-block;
  border-radius: 4px;
  background-color: var(--theme_color);
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 17px;
  padding: 16px;
  width: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}
.btn-shape-normal-outline span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn-shape-normal-outline span:after {
  content: "»";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn-shape-normal-outline:hover span {
  padding-right: 15px;
}
.btn-shape-normal-outline:hover span:after {
  opacity: 1;
  right: 0;
}
.btn-shape-normal-outline.purchase i {
  color: var(--bg_white) !important;
}

/*----------------------------------------*/
/*  06. Universal CSS
/*----------------------------------------*/
.theme-color {
  color: var(--theme_color);
}

.bg-gray {
  background: var(--bg_gray);
}

.bg-white {
  background: var(--bg_white);
}

/* ================ Box shadow ================ */
.shadow-sm {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.shadow-md {
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.shadow-lg {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.shadow-xl {
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.shadow-2xl {
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* ================ preloader ================ */
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.swapping-squares-spinner,
.swapping-squares-spinner * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swapping-squares-spinner {
  height: 65px;
  width: 65px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swapping-squares-spinner .square {
  height: 12.5px;
  width: 12.5px;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  border: 2px solid var(--theme_color);
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.swapping-squares-spinner .square:nth-child(1) {
  -webkit-animation-name: swapping-squares-animation-child-1;
  animation-name: swapping-squares-animation-child-1;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.swapping-squares-spinner .square:nth-child(2) {
  -webkit-animation-name: swapping-squares-animation-child-2;
  animation-name: swapping-squares-animation-child-2;
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

.swapping-squares-spinner .square:nth-child(3) {
  -webkit-animation-name: swapping-squares-animation-child-3;
  animation-name: swapping-squares-animation-child-3;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.swapping-squares-spinner .square:nth-child(4) {
  -webkit-animation-name: swapping-squares-animation-child-4;
  animation-name: swapping-squares-animation-child-4;
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

@-webkit-keyframes swapping-squares-animation-child-1 {
  50% {
    -webkit-transform: translate(150%, 150%) scale(2, 2);
    transform: translate(150%, 150%) scale(2, 2);
  }
}
@keyframes swapping-squares-animation-child-1 {
  50% {
    -webkit-transform: translate(150%, 150%) scale(2, 2);
    transform: translate(150%, 150%) scale(2, 2);
  }
}
@-webkit-keyframes swapping-squares-animation-child-2 {
  50% {
    -webkit-transform: translate(-150%, 150%) scale(2, 2);
    transform: translate(-150%, 150%) scale(2, 2);
  }
}
@keyframes swapping-squares-animation-child-2 {
  50% {
    -webkit-transform: translate(-150%, 150%) scale(2, 2);
    transform: translate(-150%, 150%) scale(2, 2);
  }
}
@-webkit-keyframes swapping-squares-animation-child-3 {
  50% {
    -webkit-transform: translate(-150%, -150%) scale(2, 2);
    transform: translate(-150%, -150%) scale(2, 2);
  }
}
@keyframes swapping-squares-animation-child-3 {
  50% {
    -webkit-transform: translate(-150%, -150%) scale(2, 2);
    transform: translate(-150%, -150%) scale(2, 2);
  }
}
@-webkit-keyframes swapping-squares-animation-child-4 {
  50% {
    -webkit-transform: translate(150%, -150%) scale(2, 2);
    transform: translate(150%, -150%) scale(2, 2);
  }
}
@keyframes swapping-squares-animation-child-4 {
  50% {
    -webkit-transform: translate(150%, -150%) scale(2, 2);
    transform: translate(150%, -150%) scale(2, 2);
  }
}
.example {
  display: -ms-grid;
  display: grid;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(black)
  );
  background: linear-gradient(to bottom, white, black);
}

/*----------------------------------------*/
/*  07.  Header Intro
/*----------------------------------------*/
/* ================ Header Intro Version One version One ================*/
.header-intro-version-one .wrapper .pop-text {
  position: relative;
}
.header-intro-version-one .wrapper .pop-text h3 {
  font-weight: 700;
  font-size: 18px;
  color: var(--primary_color);
  z-index: 1;
  text-transform: capitalize;
}
.header-intro-version-one .wrapper .pop-text .shape-img {
  position: absolute;
  top: -8px;
  left: -27px;
  z-index: 0;
}
.header-intro-version-one .wrapper .pop-text .shape-img.rtl {
  left: auto;
  right: -27px;
}
.header-intro-version-one .wrapper .inner-text h2 {
  padding-right: 130px;
  margin-top: 15px;
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
.header-intro-version-one .wrapper .inner-text h2.rtl {
  padding-right: 0;
  padding-left: 130px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .header-intro-version-one .wrapper .inner-text h2 {
    padding-right: 50px;
    font-size: 32px;
  }
}
.header-intro-version-one .wrapper .inner-text p {
  margin-top: 10px;
}

/* ================ Header Intro Version One version Two ================*/
.header-intro-version-two .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header-intro-version-two .wrapper .pop-text {
  text-align: center;
}
.header-intro-version-two .wrapper .pop-text h3 {
  font-size: 18px;
  color: var(--theme_color);
  font-weight: normal;
}
.header-intro-version-two .wrapper .pop-text h2 {
  margin-top: 15px;
  font-weight: 30;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: uppercase;
}

/* ================ Header Intro Version One version Three ================*/
.header-intro-version-three .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header-intro-version-three .wrapper .pop-text {
  text-align: center;
}
.header-intro-version-three .wrapper .pop-text h3 {
  position: relative;
  padding-left: 50px;
  font-size: 16px;
  font-weight: 600;
  display: inline;
  text-transform: uppercase;
}
.header-intro-version-three .wrapper .pop-text h3::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  width: 45px;
  height: 3px;
  border-radius: 5px;
  background: var(--theme_color);
}
.header-intro-version-three .wrapper .pop-text h2 {
  margin-top: 10px;
  font-weight: 30;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
  .header-intro-version-three .wrapper .pop-text h2 {
    font-size: 32px;
  }
}

/*----------------------------------------*/
/*  08. HEADER CSS START
/*----------------------------------------*/
/* ============= sticky ============= */
.header__sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  -webkit-animation: sticky 1s;
  animation: sticky 1s;
  background: var(--tp-heading-primary);
}

/* ============= Header-intro-version-one-area ============= */
.header-intro-version-one-area {
  background: var(--primary_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .header-intro-version-one-area {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .header-intro-version-one-area.header__sticky {
    padding: 20px 0;
  }
}

/* ============= Header-intro-version-two-area ============= */
.header-intro-version-two-area {
  background: var(--primary_color);
}
.header-intro-version-two-area .menu-body .main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .header-intro-version-two-area {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .header-intro-version-two-area.header__sticky {
    padding: 20px 0;
  }
}

/* ============= Header-intro-version-three-area ============= */
.header-intro-version-three-area {
  background: transparent;
  position: fixed;
  width: 100%;
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .header-intro-version-three-area {
    padding: 30px 0;
  }
}
.header-intro-version-three-area.header__sticky {
  background: var(--primary_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .header-intro-version-three-area.header__sticky {
    padding: 20px 0;
  }
}
.header-intro-version-three-area .menu-body .main-menu .mobile-menu ul li {
  color: var(--bg_white);
}

/* ============= Logo Section ============= */
.logo {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .logo {
    padding-left: 15px;
  }
}

/* ============= Main-menu ============= */
.menu-body .main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.menu-body .main-menu ul li {
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-body .main-menu ul li {
    margin-right: 22px;
  }
}
.menu-body .main-menu ul li:last-child {
  margin-right: 0;
}
.menu-body .main-menu ul li.has-dropdown > a {
  padding-right: 16px;
}
.menu-body .main-menu ul li.has-dropdown > a::after {
  position: absolute;
  content: "\f107";
  right: -4px;
  top: 30px;
  font-size: 16px;
  color: var(--bg_white);
  font-family: "Font Awesome 6 Pro";
}
.menu-body .main-menu ul li a {
  color: var(--bg_white);
  font-size: 16px;
  line-height: 20px;
  padding: 30px 0;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menu-body .main-menu ul li .active {
  color: var(--theme_color);
}
.menu-body .main-menu ul li:hover > a {
  color: var(--theme_color);
}
.menu-body .main-menu ul li:hover > a::after {
  color: var(--theme_color);
}
.menu-body .main-menu ul li:hover .sub-menu,
.menu-body .main-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.menu-body .main-menu ul li .sub-menu {
  position: absolute;
  left: 0;
  top: 110%;
  min-width: 220px;
  background-color: var(--bg_white);
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 20px 0px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-top: 4px solid var(--theme_color);
}
.menu-body .main-menu ul li .sub-menu li {
  margin: 0;
  padding: 0;
  display: inline;
  position: relative;
  width: 100%;
  display: block;
}
.menu-body .main-menu ul li .sub-menu li a {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  display: block;
  padding: 6px 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--heading-color);
  text-transform: capitalize;
}
.menu-body .main-menu ul li .sub-menu li .active {
  color: var(--theme_color);
}
.menu-body .main-menu ul li .sub-menu li:hover > a {
  color: var(--theme_color);
}
.menu-body .main-menu ul li .sub-menu li > .sub-menu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.menu-body .main-menu ul li .sub-menu li:hover > .sub-menu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.menu-body .main-menu ul li .mega-menu {
  position: absolute;
  left: 50%;
  top: 110%;
  min-width: 700px;
  background-color: var(--bg_white);
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 20px 0px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-top: 4px solid var(--theme_color);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.menu-body .main-menu ul li .mega-menu .inner-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu-body .main-menu ul li .mega-menu .inner-body h5 {
  font-size: 18px;
  color: var(--heading_color);
  font-weight: 700;
  margin-left: 24px;
  border-bottom: 1px solid var(--border_color);
  display: inline-block;
}
.menu-body .main-menu ul li .mega-menu li {
  margin: 0;
  padding: 0;
  display: inline;
  position: relative;
  width: 100%;
  display: block;
}
.menu-body .main-menu ul li .mega-menu li a {
  font-size: 16px;
  font-weight: 400;
  display: block;
  padding: 6px 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: var(--heading-color);
  text-transform: capitalize;
}
.menu-body .main-menu ul li .mega-menu li .active {
  color: var(--theme_color);
}
.menu-body .main-menu ul li .mega-menu li:hover > a {
  color: var(--theme_color);
}
.menu-body .main-menu ul li .mega-menu li > .mega-menu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.menu-body .main-menu ul li .mega-menu li:hover > .mega-menu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.menu-body .main-menu.version-two {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.menu-body .main-menu.version-two ul li .mega-menu {
  left: -212%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .menu-body.rtl .main-menu ul li a {
    text-align: end;
  }
}
.menu-body.rtl .main-menu ul li .sub-menu {
  right: 0;
  left: auto;
}
.menu-body.rtl .main-menu ul li .sub-menu li a {
  text-align: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .menu-body.rtl .main-menu ul li .sub-menu li a {
    text-align: end;
  }
}

/* ============= Main-menu customize ============= */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--text_color);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme_color);
}

.mean-container .mean-nav ul li a.mean-expand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--text_color);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .mean-container .mean-nav .rtl-link li a.mean-expand {
    right: auto;
    left: 0;
  }
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--bg_white);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: var(--theme_color);
}

/* ============= Sidebar customize ============= */
.mobile-sidebar-area {
  position: fixed;
  right: -485px;
  top: 0;
  width: 465px;
  height: 100%;
  background: var(--bg_white) none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
}
@media only screen and (max-width: 576px) {
  .mobile-sidebar-area {
    width: 290px;
  }
}
.mobile-sidebar-area.sidebar-opened {
  right: 0px;
}
.mobile-sidebar-area-2 {
  left: -485px;
}
.mobile-sidebar-area-2.sidebar-opened {
  left: 0px;
}

.sidebar__wrapper {
  position: relative;
  padding: 50px;
  background: var(--bg_white);
}
@media only screen and (max-width: 576px) {
  .sidebar__wrapper {
    padding: 20px;
  }
}

.sidebar__close {
  position: absolute;
  top: 35px;
  right: 45px;
}
@media only screen and (max-width: 576px) {
  .sidebar__close {
    top: 22px;
    right: 6px;
  }
}
.sidebar__close .sidebar__close-btn {
  display: inline-block;
  font-size: 18px;
  height: 60px;
  width: 60px;
  line-height: 49px;
  color: var(--primary_color);
  border-radius: 50%;
}
.sidebar__close-btn-3 {
  background: #666;
}
.sidebar__close-btn-3:hover {
  background: #666;
}
.sidebar__close.rtl {
  right: auto;
  left: 35px;
}
@media only screen and (max-width: 576px) {
  .sidebar__close.rtl {
    right: auto;
    left: 6px;
  }
}

.sidebar__logo {
  border-bottom: 1px solid #ebebeb;
}

.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
  color: var(--text_color);
}
.sidebar__search input::-webkit-input-placeholder {
  color: var(--text_color);
}
.sidebar__search input::-moz-placeholder {
  color: var(--text_color);
}
.sidebar__search input:-ms-input-placeholder {
  color: var(--text_color);
}
.sidebar__search input::-ms-input-placeholder {
  color: var(--text_color);
}
.sidebar__search input::placeholder {
  color: var(--text_color);
}
.sidebar__search input:focus {
  border-color: var(--theme_color);
}
.sidebar__search button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--text_color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sidebar__search button:hover {
  color: var(--theme_color);
}
.sidebar__search.rtl button {
  right: auto;
  left: 0;
}

.sidebar__contact {
  margin-top: 250px;
}
.sidebar__contact h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading_color);
}

.sidebar__social ul li {
  display: inline-block;
}
.sidebar__social ul li:not(:last-child) {
  margin-right: 5px;
}
.sidebar__social ul li a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 42px;
  text-align: center;
  background: #f1f1f1;
  border-radius: 5px;
  font-size: 20px;
}
.sidebar__social ul li a .fa-facebook-f {
  color: var(--facebook);
}
.sidebar__social ul li a .fa-twitter {
  color: var(--twitter);
}
.sidebar__social ul li a .fa-youtube {
  color: var(--youtube);
}
.sidebar__social ul li a .fa-linkedin {
  color: var(--linkedin);
}
.sidebar__social ul li a:hover {
  background: var(--bg_white);
}

.side-menu-icon i {
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  position: relative;
  top: 5px;
}

/* ============= overlay ============= */
.body-overlay {
  background-color: rgba(51, 51, 51, 0.2901960784);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
  cursor: pointer;
}

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

/* ============= location-email-intro ============= */
.location-email-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.location-email-intro .inner-location-email-intro {
  display: -ms-grid;
  display: grid;
  gap: -5px;
}
.location-email-intro .inner-location-email-intro .btn-shape-normal-outline {
  width: 186px;
}
.location-email-intro .inner-location-email-intro .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}
.location-email-intro .inner-location-email-intro i {
  color: var(--theme_color);
}
.location-email-intro .inner-location-email-intro .text {
  color: var(--text_color);
  font-size: 14px;
}
.location-email-intro .inner-location-email-intro h5 {
  color: var(--bg_white);
  font-size: 14px;
  font-weight: normal;
}
.location-email-intro.mobile {
  margin-top: 20px;
  display: block;
}
.location-email-intro.mobile .text {
  color: var(--heading-color);
  font-size: 18px;
  font-weight: 700;
}
.location-email-intro.mobile h5.text {
  color: var(--text_color);
  font-size: 16px;
  font-weight: normal;
}
.location-email-intro.rtl .inner-location-email-intro .inner {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.location-email-intro.purchase {
  margin-top: 270px;
  margin-left: -7px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

/* ============= Top Intro Section ============= */
.top-header {
  width: 100%;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-header .left-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px;
}
.top-header .left-wrapper .social-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 35px;
}
.top-header .left-wrapper .social-icon ul li {
  line-height: initial;
}
.top-header .left-wrapper .social-icon ul li i {
  font-size: 18px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.top-header .left-wrapper .social-icon ul li:hover .fa-facebook-f {
  color: var(--facebook);
}
.top-header .left-wrapper .social-icon ul li:hover .fa-twitter {
  color: var(--twitter);
}
.top-header .left-wrapper .social-icon ul li:hover .fa-youtube {
  color: var(--youtube);
}
.top-header .left-wrapper .social-icon ul li:hover .fa-linkedin {
  color: var(--linkedin);
}
.top-header .left-wrapper .news-intro {
  border-left: 3px solid var(--theme_color);
  height: 35px;
}
.top-header .left-wrapper .news-intro .scroll-text {
  padding-left: 8px;
  width: 100%;
  height: 4.5em;
  overflow: hidden;
}
.top-header .left-wrapper .news-intro .scroll-text ul li {
  padding: 5px 0;
}
.top-header .right-wrapper {
  width: 100%;
  height: 100%;
}
.top-header .right-wrapper .login-reg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  height: 100%;
}
.top-header .right-wrapper .login-reg .inner {
  line-height: initial;
}
.top-header .right-wrapper .login-reg span a {
  font-weight: 600;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.top-header .right-wrapper .login-reg span a:hover {
  color: var(--theme_color);
}

/*----------------------------------------*/
/*  09. Footer Section START
/*----------------------------------------*/
/* ================ Footer Section version one Start ================*/
.footer-section-version-one {
  background: var(--primary_color);
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-one {
    padding-top: 40px;
    margin-top: 0;
  }
}
.footer-section-version-one .footer-top {
  position: absolute;
  top: -90px;
  background: var(--theme_color);
  width: 850px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 50px 30px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-one .footer-top {
    display: none;
  }
}
.footer-section-version-one .footer-top .wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-section-version-one .footer-top .wrapper-left h2 {
  font-size: 30px;
  font-weight: 700;
  color: var(--bg_white);
  line-height: 40px;
  margin-bottom: 0;
}
.footer-section-version-one .footer-top .wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.footer-section-version-one
  .footer-top
  .wrapper-right
  .btn-shape-normal-outline {
  background: var(--bg_white);
  color: var(--text_color);
  width: 152px;
  font-weight: 700;
  padding: 15px 10px;
}
.footer-section-version-one .footer-middle {
  margin-top: 60px;
}
.footer-section-version-one .footer-middle .wrapper-one {
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-one .footer-middle .wrapper-one {
    margin-bottom: 40px;
  }
}
.footer-section-version-one .footer-middle .wrapper-one .text-file {
  margin-top: 16px;
}
.footer-section-version-one .footer-middle .wrapper-one .text-file h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-one .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-one .text-file p {
  font-size: 16px;
  margin-top: 16px;
  color: var(--bg_white);
  font-weight: normal;
  text-align: justify;
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon {
  margin-top: 5px;
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon ul li a {
  padding: 2px;
  font-size: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-one .footer-middle .wrapper-one .social-icon ul li a {
    padding: 4px;
    font-size: 30px;
  }
}
.footer-section-version-one .footer-middle .wrapper-one .social-icon ul li a i {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-one
  .footer-middle
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-facebook-f {
  color: var(--facebook);
}
.footer-section-version-one
  .footer-middle
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-twitter {
  color: var(--twitter);
}
.footer-section-version-one
  .footer-middle
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-youtube {
  color: var(--youtube);
}
.footer-section-version-one
  .footer-middle
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-linkedin {
  color: var(--linkedin);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-one .footer-middle .wrapper-two {
    margin-bottom: 40px;
  }
}
.footer-section-version-one .footer-middle .wrapper-two .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-two .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-two .list-items ul {
  margin-top: 15px;
}
.footer-section-version-one .footer-middle .wrapper-two .list-items ul li {
  color: var(--bg_white);
  padding: 2px 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-one
  .footer-middle
  .wrapper-two
  .list-items
  ul
  li:hover {
  color: var(--theme_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-one .footer-middle .wrapper-three {
    margin-bottom: 40px;
  }
}
.footer-section-version-one .footer-middle .wrapper-three .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-three .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-three .items {
  padding-right: 15px;
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(7) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(8) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.footer-section-version-one
  .footer-middle
  .wrapper-three
  .items
  > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-one .footer-middle .wrapper-three .items {
    -ms-grid-rows: (1fr) [2];
    grid-template-rows: repeat(2, 1fr);
  }
}
.footer-section-version-one .footer-middle .wrapper-three .items img {
  border-radius: 5px;
}
.footer-section-version-one .footer-middle .wrapper-four .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-one .footer-middle .wrapper-four .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-one .footer-middle .wrapper-four .items {
  margin-top: 15px;
}
.footer-section-version-one .footer-middle .wrapper-four .items ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 3px 0;
}
.footer-section-version-one .footer-middle .wrapper-four .items ul li i {
  color: var(--theme_color);
}
.footer-section-version-one .footer-middle .wrapper-four .items ul li span {
  color: var(--bg_white);
}
.footer-section-version-one .footer-bottom {
  margin-top: 20px;
  text-align: center;
}
.footer-section-version-one .footer-bottom p {
  font-size: 14px;
  color: var(--bg_white);
}

/* ================ Footer Section version two Start ================*/
.footer-section-version-two {
  background: var(--primary_color);
  position: relative;
  padding-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-two {
    margin-top: 0;
  }
}
.footer-section-version-two .footer-top {
  margin-top: 60px;
}
.footer-section-version-two .footer-top .wrapper-one {
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-two .footer-top .wrapper-one {
    margin-bottom: 40px;
  }
}
.footer-section-version-two .footer-top .wrapper-one .text-file {
  margin-top: 16px;
}
.footer-section-version-two .footer-top .wrapper-one .text-file h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-one .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-one .text-file p {
  font-size: 16px;
  margin-top: 16px;
  color: var(--bg_white);
  font-weight: normal;
  text-align: justify;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon {
  margin-top: 5px;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon ul li a {
  padding: 2px;
  font-size: 20px;
}
.footer-section-version-two .footer-top .wrapper-one .social-icon ul li a i {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-two
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-facebook-f {
  color: var(--facebook);
}
.footer-section-version-two
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-twitter {
  color: var(--twitter);
}
.footer-section-version-two
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-youtube {
  color: var(--youtube);
}
.footer-section-version-two
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-linkedin {
  color: var(--linkedin);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-two .footer-top .wrapper-two {
    margin-bottom: 40px;
  }
}
.footer-section-version-two .footer-top .wrapper-two .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-two .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul {
  margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul li {
  color: var(--bg_white);
  padding: 2px 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul li::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 12px;
  width: 0;
  height: 2px;
  border-radius: 5px;
  background: var(--bg_white);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-two .footer-top .wrapper-two .list-items ul li:hover {
  padding-left: 15px;
  color: var(--theme_color);
}
.footer-section-version-two
  .footer-top
  .wrapper-two
  .list-items
  ul
  li:hover::after {
  width: 12px;
}
.footer-section-version-two
  .footer-top
  .wrapper-two
  .list-items
  ul.rtl
  li::after {
  left: auto;
  right: 0;
}
.footer-section-version-two
  .footer-top
  .wrapper-two
  .list-items
  ul.rtl
  li:hover {
  padding-left: 0;
  padding-right: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-two .footer-top .wrapper-three {
    margin-bottom: 40px;
  }
}
.footer-section-version-two .footer-top .wrapper-three .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-three .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-three .input-section {
  padding-right: 15px;
  margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-three .input-section input {
  display: block;
  width: 100%;
  height: 44px;
  border-radius: 5px;
  border: none;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .input-section
  input::-webkit-input-placeholder {
  font-size: 13px;
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .input-section
  input::-moz-placeholder {
  font-size: 13px;
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .input-section
  input:-ms-input-placeholder {
  font-size: 13px;
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .input-section
  input::-ms-input-placeholder {
  font-size: 13px;
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .input-section
  input::placeholder {
  font-size: 13px;
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .input-section
  .btn-shape-normal-outline {
  padding: 8px;
  width: 120px;
  margin: 0;
  margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon {
  margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 2px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon ul li {
  padding: 2px;
}
.footer-section-version-two .footer-top .wrapper-three .social-icon ul li i {
  font-size: 18px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .social-icon
  ul
  li:hover
  .fa-facebook-f {
  color: var(--facebook);
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .social-icon
  ul
  li:hover
  .fa-twitter {
  color: var(--twitter);
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .social-icon
  ul
  li:hover
  .fa-youtube {
  color: var(--youtube);
}
.footer-section-version-two
  .footer-top
  .wrapper-three
  .social-icon
  ul
  li:hover
  .fa-linkedin {
  color: var(--linkedin);
}
.footer-section-version-two .footer-top .wrapper-four .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-two .footer-top .wrapper-four .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-two .footer-top .wrapper-four .items {
  margin-top: 15px;
}
.footer-section-version-two .footer-top .wrapper-four .items ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 3px 0;
}
.footer-section-version-two .footer-top .wrapper-four .items ul li i {
  color: var(--bg_white);
}
.footer-section-version-two .footer-top .wrapper-four .items ul li span {
  color: var(--bg_white);
}
.footer-section-version-two .footer-bottom {
  margin-top: 20px;
  text-align: center;
}
.footer-section-version-two .footer-bottom .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-two .footer-bottom .inner {
    display: block;
  }
}
.footer-section-version-two .footer-bottom .inner p {
  font-size: 14px;
  color: var(--bg_white);
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-two .footer-bottom .inner p {
    text-align: start;
  }
}
.footer-section-version-two .footer-bottom .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-two .footer-bottom .inner ul {
    margin-top: 8px;
    text-align: start;
  }
}
.footer-section-version-two .footer-bottom .inner ul li a {
  padding: 2px;
  color: var(--bg_white);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-two .footer-bottom .inner ul li a:hover {
  color: var(--theme_color);
}

/* ================ Footer Section version three Start ================*/
.footer-section-version-three {
  background: var(--primary_color);
  position: relative;
  padding-top: 30px;
}
.footer-section-version-three .footer-top {
  margin-top: 60px;
}
.footer-section-version-three .footer-top .wrapper-one {
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-three .footer-top .wrapper-one {
    margin-bottom: 40px;
  }
}
.footer-section-version-three .footer-top .wrapper-one .text-file {
  margin-top: 16px;
}
.footer-section-version-three .footer-top .wrapper-one .text-file h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-one .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-one .text-file p {
  font-size: 16px;
  margin-top: 16px;
  color: var(--bg_white);
  font-weight: normal;
  text-align: justify;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon {
  margin-top: 5px;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon ul li a {
  padding: 2px;
  font-size: 20px;
}
.footer-section-version-three .footer-top .wrapper-one .social-icon ul li a i {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-three
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-facebook-f {
  color: var(--facebook);
}
.footer-section-version-three
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-twitter {
  color: var(--twitter);
}
.footer-section-version-three
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-youtube {
  color: var(--youtube);
}
.footer-section-version-three
  .footer-top
  .wrapper-one
  .social-icon
  ul
  li
  a:hover
  .fa-linkedin {
  color: var(--linkedin);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-three .footer-top .wrapper-two {
    margin-bottom: 40px;
  }
}
.footer-section-version-three .footer-top .wrapper-two .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-two .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul {
  margin-top: 15px;
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul li {
  color: var(--bg_white);
  padding: 2px 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul li i {
  font-size: 12px;
  margin-right: 6px;
}
.footer-section-version-three .footer-top .wrapper-two .list-items ul li:hover {
  color: var(--theme_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-three .footer-top .wrapper-three {
    margin-bottom: 20px;
  }
}
.footer-section-version-three .footer-top .wrapper-three .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-three .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-three .items {
  padding-right: 15px;
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 8px 1fr 8px 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(7) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(8) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.footer-section-version-three
  .footer-top
  .wrapper-three
  .items
  > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-three .footer-top .wrapper-three .items {
    -ms-grid-rows: (1fr) [2];
    grid-template-rows: repeat(2, 1fr);
  }
}
.footer-section-version-three .footer-top .wrapper-three .items img {
  border-radius: 5px;
}
.footer-section-version-three .footer-top .wrapper-four {
  padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-section-version-three .footer-top .wrapper-four {
    padding-left: 0;
    margin-bottom: 40px;
  }
}
.footer-section-version-three .footer-top .wrapper-four .text-file h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
  position: relative;
  display: inline-block;
}
.footer-section-version-three .footer-top .wrapper-four .text-file h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background: var(--text_color);
}
.footer-section-version-three .footer-top .wrapper-four .items {
  margin-top: 15px;
}
.footer-section-version-three .footer-top .wrapper-four .items ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 3px 0;
}
.footer-section-version-three .footer-top .wrapper-four .items ul li i {
  color: var(--theme_color);
}
.footer-section-version-three .footer-top .wrapper-four .items ul li span {
  color: var(--bg_white);
}
.footer-section-version-three .footer-bottom {
  margin-top: 20px;
  text-align: center;
}
.footer-section-version-three .footer-bottom p {
  font-size: 14px;
  color: var(--bg_white);
}

/*----------------------------------------*/
/*  02. Slider CSS START
/*----------------------------------------*/
/* ============= Hero Slider Version One =============*/
.hero-slider-version-one {
  position: relative;
  overflow: hidden;
}
.hero-slider-version-one .hero-slider .swiper-wrapper {
  position: relative;
}
.hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
  height: 608px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
    height: 550px;
  }
}
@media only screen and (max-width: 576px) {
  .hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
    height: 500px;
  }
}
@media only screen and (max-width: 380px) {
  .hero-slider-version-one .hero-slider .swiper-wrapper .inner-item {
    height: 440px;
  }
}
.hero-slider-version-one .hero-slider .swiper-wrapper .inner-item .slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
  transition: all 10s cubic-bezier(0, 0, 0.2, 1);
  mix-blend-mode: multiply;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .slide-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6235294118);
  width: 100%;
  height: 100%;
}
.hero-slider-version-one .hero-slider .swiper-wrapper .inner-item .body-data {
  position: relative;
  z-index: 9 !important;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content {
  padding: 100px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content {
    padding: 80px 0;
  }
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .intro-box {
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .intro-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .intro-box
  span {
  background: var(--theme_color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 20px;
  border-radius: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--bg_white);
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .heading-text {
  position: relative;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text {
    text-align: center;
  }
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .heading-text
  h2 {
  font-size: 66px;
  color: var(--bg_white);
  font-weight: 700;
  line-height: 82px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 55px;
    line-height: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 576px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 380px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 26px;
    line-height: 36px;
  }
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .heading-text
  p {
  margin-top: 20px;
  font-size: 16px;
  color: var(--bg_white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    p {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 576px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    p {
    padding: 0;
  }
}
@media only screen and (max-width: 380px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    p {
    padding: 0;
  }
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .shape-hip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-one
    .hero-slider
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content {
    display: none;
  }
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content
  .img-file {
  position: absolute;
  left: -200px;
  top: 10px;
  z-index: -1;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content
  .img-file
  img {
  width: 700px;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content.rtl
  .img-file {
  right: 200px;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content.rtl
  .img-file
  img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .slide-bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .intro-box
  span {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  h2 {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  p {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.hero-slider-version-one
  .hero-slider
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .img-file {
  -webkit-animation: heroImg 1s ease 0s 1 normal forwards;
  animation: heroImg 1s ease 0s 1 normal forwards;
}
.hero-slider-version-one .hero-slider .swiper-button-prev {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid red;
  left: 20px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-one .hero-slider .swiper-button-prev::after {
  color: var(--theme_color);
}
.hero-slider-version-one .hero-slider .swiper-button-prev:hover {
  left: 15px;
}
.hero-slider-version-one .hero-slider .swiper-button-next {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid red;
  right: 20px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-one .hero-slider .swiper-button-next::after {
  color: var(--theme_color);
}
.hero-slider-version-one .hero-slider .swiper-button-next:hover {
  right: 15px;
}

.hero-slider-arrow {
  position: relative;
  top: -75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-arrow {
    display: none;
  }
}
.hero-slider-arrow .hero-slider-nav .swiper-slide .inner-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
}
.hero-slider-arrow .hero-slider-nav .swiper-slide .inner-item .text-file span {
  color: var(--bg_white);
  font-weight: lighter;
}
.hero-slider-arrow .hero-slider-nav .swiper-slide .inner-item .text-file h4 {
  color: var(--bg_white);
  font-size: 16px;
}
.hero-slider-arrow .hero-slider-nav .swiper-slide::after {
  content: "";
  background: var(--theme_color);
  width: 25px;
  height: 22px;
  left: 50%;
  top: 53px;
  position: absolute;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.hero-slider-arrow
  .hero-slider-nav
  .swiper-slide.swiper-slide-thumb-active::after {
  visibility: visible;
  opacity: 1;
}
.hero-slider-arrow .hero-slider-nav .swiper-slide:hover::after {
  visibility: visible;
  opacity: 1;
}

/* ============= Hero Slider Version Two =============*/
.hero-slider-version-two {
  position: relative;
  overflow: hidden;
}
.hero-slider-version-two .swiper-container {
  position: relative;
}
.hero-slider-version-two .hero-slider-two .swiper-wrapper {
  position: relative;
}
.hero-slider-version-two .hero-slider-two .swiper-wrapper .inner-item {
  height: 550px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
  transition: all 10s cubic-bezier(0, 0, 0.2, 1);
  mix-blend-mode: multiply;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .slide-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6235294118);
  width: 100%;
  height: 100%;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data {
  position: relative;
  z-index: 9 !important;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content {
  padding: 80px 0;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content
  .intro-box {
  display: inline-block;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content
  .intro-box
  span {
  background: var(--theme_color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 20px;
  border-radius: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--bg_white);
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content
  .heading-text {
  position: relative;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content
  .heading-text
  h2 {
  text-align: center;
  padding: 0 100px;
  font-size: 66px;
  color: var(--bg_white);
  font-weight: 700;
  line-height: 75px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    h2 {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    h2 {
    text-align: end;
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    h2.rtl {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    h2.rtl {
    text-align: end;
    font-size: 50px;
    line-height: 60px;
  }
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content
  .heading-text
  p {
  padding: 0 100px;
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  color: var(--bg_white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    p {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    p {
    text-align: start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    p.rtl {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-two
    .hero-slider-two
    .swiper-wrapper
    .inner-item
    .body-data
    .content
    .heading-text
    p.rtl {
    text-align: end;
  }
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content
  .heading-text
  .btn-section {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item
  .body-data
  .content
  .heading-text
  .btn-section
  .btn-shape-normal-outline {
  width: 140px;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .slide-bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .intro-box
  span {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  h2 {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  p {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  .btn-section {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.hero-slider-version-two
  .hero-slider-two
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .img-file {
  -webkit-animation: heroImg 1s ease 0s 1 normal forwards;
  animation: heroImg 1s ease 0s 1 normal forwards;
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev {
  border-radius: 10px;
  width: 60px;
  height: 50px;
  background: rgba(52, 58, 64, 0.6196078431);
  left: 20px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev::after {
  color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev:hover {
  left: 15px;
  background: var(--theme_color);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-prev:hover::after {
  color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .swiper-button-next {
  border-radius: 10px;
  width: 60px;
  height: 50px;
  background: rgba(52, 58, 64, 0.6196078431);
  right: 20px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-next::after {
  color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .swiper-button-next:hover {
  right: 15px;
  background: var(--theme_color);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-two .hero-slider-two .swiper-button-next:hover::after {
  color: var(--bg_white);
}
.hero-slider-version-two .hero-slider-two .hero-slider-two-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 50px;
  position: absolute;
  z-index: 9;
  gap: 10px;
}
.hero-slider-version-two
  .hero-slider-two
  .hero-slider-two-pagination
  .swiper-pagination-bullet {
  background: var(--text_color);
  width: 12px;
  height: 12px;
  opacity: 0.6;
}
.hero-slider-version-two
  .hero-slider-two
  .hero-slider-two-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
  opacity: 1;
}

/* ============= Hero Slider Version Three =============*/
.hero-slider-version-three {
  position: relative;
}
.hero-slider-version-three .hero-slider-three {
  overflow: hidden;
}
.hero-slider-version-three .hero-slider-three .swiper-wrapper {
  position: relative;
}
.hero-slider-version-three .hero-slider-three .swiper-wrapper .inner-item {
  height: 700px;
  position: relative;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .hero-slider-version-three .hero-slider-three .swiper-wrapper .inner-item {
    height: 680px;
  }
}
@media only screen and (max-width: 380px) {
  .hero-slider-version-three .hero-slider-three .swiper-wrapper .inner-item {
    height: 440px;
  }
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 10s cubic-bezier(0, 0, 0.2, 1);
  transition: all 10s cubic-bezier(0, 0, 0.2, 1);
  mix-blend-mode: multiply;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .slide-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6235294118);
  width: 100%;
  height: 100%;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data {
  position: relative;
  z-index: 9 !important;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content {
  margin-top: 80px;
  padding: 80px 0;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .intro-box {
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .intro-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .intro-box
  span {
  color: var(--theme_color);
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .heading-text {
  position: relative;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text {
    text-align: center;
  }
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .heading-text
  h2 {
  font-size: 66px;
  color: var(--bg_white);
  font-weight: 700;
  line-height: 80px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 60px;
    line-height: 75px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 50px;
    line-height: 65px;
  }
}
@media only screen and (max-width: 576px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 34px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 380px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .left-content
    .heading-text
    h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .heading-text
  p {
  margin-top: 20px;
  font-size: 16px;
  color: var(--bg_white);
  line-height: 30px;
  padding-right: 20px;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .left-content
  .heading-text
  .btn-shape-normal-outline {
  width: 150px;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-three
    .hero-slider-three
    .swiper-wrapper
    .inner-item
    .body-data
    .right-content {
    display: none;
  }
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content
  .img-file {
  position: absolute;
  left: -200px;
  top: 100px;
  z-index: -1;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content
  .img-file
  img {
  width: 700px;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content.rtl
  .img-file {
  left: auto;
  right: -200px;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item
  .body-data
  .right-content.rtl
  .img-file
  img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .slide-bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .intro-box
  span {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  h2 {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  p {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .heading-text
  .btn-shape-normal-outline {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: heroSliderAnimation;
  animation-name: heroSliderAnimation;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.hero-slider-version-three
  .hero-slider-three
  .swiper-wrapper
  .inner-item.swiper-slide-active
  .body-data
  .img-file {
  -webkit-animation: heroImg 1s ease 0s 1 normal forwards;
  animation: heroImg 1s ease 0s 1 normal forwards;
}
.hero-slider-version-three .hero-slider-three .swiper-button-prev {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid red;
  left: 20px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-three .hero-slider-three .swiper-button-prev::after {
  color: var(--theme_color);
}
.hero-slider-version-three .hero-slider-three .swiper-button-prev:hover {
  left: 15px;
}
.hero-slider-version-three .hero-slider-three .swiper-button-next {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid red;
  right: 20px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider-version-three .hero-slider-three .swiper-button-next::after {
  color: var(--theme_color);
}
.hero-slider-version-three .hero-slider-three .swiper-button-next:hover {
  right: 15px;
}
.hero-slider-version-three .intro-lub {
  position: absolute;
  bottom: -132px;
  z-index: 9;
  width: 460px;
  height: 270px;
  background: var(--theme_color);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .hero-slider-version-three .intro-lub {
    bottom: -320px;
  }
}
@media only screen and (max-width: 576px) {
  .hero-slider-version-three .intro-lub {
    width: calc(100% - 30px);
  }
}
.hero-slider-version-three .intro-lub h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--bg_white);
}
.hero-slider-version-three .intro-lub .clips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
}
.hero-slider-version-three .intro-lub .clips i {
  font-size: 50px;
  color: var(--bg_white);
}
.hero-slider-version-three .intro-lub .clips .phone {
  font-size: 30px;
  color: var(--bg_white);
  font-weight: 600;
}
.hero-slider-version-three .intro-lub p {
  margin: 0;
  margin-top: 20px;
  font-size: 16px;
  color: var(--bg_white);
}

/*----------------------------------------*/
/* 11. Bread Crumb
/*----------------------------------------*/
/* ============== Bread Crumb version One ==============*/
.bread-crumb {
  position: relative;
  z-index: 9;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.bread-crumb .wrapper {
  padding: 60px 0;
  text-align: center;
}
.bread-crumb .wrapper h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--bg_white);
}
.bread-crumb .wrapper p {
  color: var(--bg_white);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
}
.bread-crumb .wrapper p span {
  color: var(--theme_color);
}

/*----------------------------------------*/
/*  12. About-Section START
/*----------------------------------------*/
/* ============= About-section-version-one ============= */
.about-section-version-one {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-section-version-one {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one .left-side {
    margin-top: 30px;
  }
}
.about-section-version-one .left-side .wrapper {
  position: relative;
}
.about-section-version-one .left-side .wrapper .img-shape img {
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.about-section-version-one .left-side .wrapper .pop-img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -119px;
  border: 15px solid #fff;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-section-version-one .left-side .wrapper .pop-img {
    bottom: -180px;
  }
}
@media only screen and (max-width: 576px) {
  .about-section-version-one .left-side .wrapper .pop-img {
    bottom: -120px;
  }
}
@media only screen and (max-width: 380px) {
  .about-section-version-one .left-side .wrapper .pop-img {
    bottom: -190px;
  }
}
@media only screen and (max-width: 576px), only screen and (max-width: 380px) {
  .about-section-version-one .left-side .wrapper .pop-img img {
    width: 250px;
  }
}
.about-section-version-one .left-side .wrapper .pop-img .inner {
  position: relative;
}
.about-section-version-one .left-side .wrapper .pop-img .inner .vide-button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.about-section-version-one .left-side .wrapper .pop-img .inner .vide-button a {
  width: 80px;
  height: 80px;
  background: var(--theme_color);
  border-radius: 50%;
  color: var(--bg_white);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  line-height: 120px;
  text-align: center;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.about-section-version-one
  .left-side
  .wrapper
  .pop-img
  .inner
  .vide-button:hover
  a {
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.about-section-version-one .left-side .wrapper .project-count {
  min-width: 220px;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 15px 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 15px 0px 7px;
}
.about-section-version-one .left-side .wrapper .project-count h3 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  color: var(--heading_color);
  line-height: 40px;
}
.about-section-version-one .left-side .wrapper .project-count p {
  margin-bottom: 0;
}
.about-section-version-one .left-side .wrapper .team-count {
  position: absolute;
  right: 20px;
  top: 113px;
  background: var(--primary_color);
  padding: 14px 14px;
  border-radius: 10px;
  text-align: center;
}
.about-section-version-one .left-side .wrapper .team-count h3 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.about-section-version-one .left-side .wrapper .team-count h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}
@media only screen and (max-width: 576px) {
  .about-section-version-one .left-side .wrapper .team-count h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 380px) {
  .about-section-version-one .left-side .wrapper .team-count h2 {
    font-size: 26px;
  }
}
.about-section-version-one .left-side .wrapper .team-count p {
  color: #fff;
  margin-bottom: 0;
}
.about-section-version-one .right-side {
  padding-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one .right-side {
    margin-top: 180px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one .right-side {
    margin-top: 160px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 380px) {
  .about-section-version-one .right-side {
    margin-top: 220px;
  }
}
.about-section-version-one .right-side .wrapper .intro-header h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--heading_color);
}
.about-section-version-one .right-side .wrapper .inner-intro {
  margin-top: 12px;
}
.about-section-version-one .right-side .wrapper .inner-intro h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one .right-side .wrapper .inner-intro h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one .right-side .wrapper .inner-intro h2 {
    font-size: 36px;
  }
}
.about-section-version-one .right-side .wrapper .inner-intro p {
  margin-top: 10px;
}
.about-section-version-one .right-side .wrapper .inner-intro ul {
  padding-left: 20px;
}
.about-section-version-one .right-side .wrapper .inner-intro ul li {
  padding: 2px 0;
}
.about-section-version-one .right-side .wrapper .inner-intro ul li i {
  margin-right: 3px;
  color: var(--theme_color);
}
.about-section-version-one .right-side .wrapper .inner-intro ul li span {
  font-size: 16px;
}
.about-section-version-one .right-side .wrapper .inner-intro hr {
  color: var(--text_color);
  margin-top: 20px;
}
.about-section-version-one .right-side .wrapper .inner-intro .hub-show {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 576px) {
  .about-section-version-one .right-side .wrapper .inner-intro .hub-show {
    display: block;
  }
}
.about-section-version-one
  .right-side
  .wrapper
  .inner-intro
  .hub-show
  .inner-hub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 576px) {
  .about-section-version-one
    .right-side
    .wrapper
    .inner-intro
    .hub-show
    .inner-hub:first-child {
    margin-bottom: 20px;
  }
}
.about-section-version-one
  .right-side
  .wrapper
  .inner-intro
  .hub-show
  .inner-hub
  p {
  margin-bottom: 0;
  font-weight: 600;
  text-transform: capitalize;
}
.about-section-version-one .right-side .wrapper .inner-intro .btn-section {
  margin-top: 25px;
}
.about-section-version-one
  .right-side
  .wrapper
  .inner-intro
  .btn-section
  .btn-shape-normal-outline {
  width: 175px;
}
.about-section-version-one .right-side.rtl {
  padding-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one .right-side.rtl {
    padding-right: 0;
  }
}
.about-section-version-one .overlay-shape-img {
  position: absolute;
  left: 0;
  top: -53px;
  z-index: -1;
  opacity: 0.5;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-one .overlay-shape-img {
    display: none;
  }
}

/* ============= About-section-version-two ============= */
.about-section-version-two .left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-two .left-side {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.about-section-version-two .right-side {
  padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-two .right-side {
    margin-top: 40px;
    padding-left: 0;
  }
}
.about-section-version-two .right-side .wrapper .intro h3 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  padding-left: 55px;
}
.about-section-version-two .right-side .wrapper .intro h3::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 8px;
  width: 50px;
  height: 4px;
  background: var(--theme_color);
  border-radius: 5px;
}
.about-section-version-two .right-side .wrapper .intro h3.rtl {
  padding-left: 0;
  padding-right: 55px;
}
.about-section-version-two .right-side .wrapper .intro h3.rtl::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 8px;
  width: 50px;
  height: 4px;
  background: var(--theme_color);
  border-radius: 5px;
}
.about-section-version-two .right-side .wrapper .intro h2 {
  margin-top: 26px;
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-section-version-two .right-side .wrapper .intro h2 {
    font-size: 30px;
  }
}
.about-section-version-two .right-side .wrapper .intro p {
  margin-top: 16px;
}
.about-section-version-two .right-side .wrapper .list-data {
  margin-top: 16px;
}
.about-section-version-two .right-side .wrapper .list-data ul {
  padding-left: 20px;
}
.about-section-version-two .right-side .wrapper .list-data ul li {
  padding: 2px 0;
}
.about-section-version-two .right-side .wrapper .list-data ul li i {
  color: var(--theme_color);
}
.about-section-version-two .right-side .wrapper .list-data ul li span {
  padding-left: 6px;
}
.about-section-version-two .right-side .wrapper .list-data .btn-section {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.about-section-version-two
  .right-side
  .wrapper
  .list-data
  .btn-section
  .btn-shape-normal-outline {
  width: 152px;
}

/* ============= About-section-version-three ============= */
.about-section-version-three {
  margin-top: 160px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-three {
    padding-bottom: 180px;
  }
}
.about-section-version-three .left-side {
  margin-top: 20px;
  padding-right: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-three .left-side {
    margin-top: 130px;
    padding-right: 0;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 576px) {
  .about-section-version-three .left-side {
    padding-bottom: 110px;
  }
}
.about-section-version-three .left-side .wrapper .intro-header h3 {
  position: relative;
  padding-left: 50px;
  font-size: 20px;
  font-weight: 600;
}
.about-section-version-three .left-side .wrapper .intro-header h3::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  width: 45px;
  height: 3px;
  border-radius: 5px;
  background: var(--theme_color);
}
.about-section-version-three .left-side .wrapper .intro-header h3.rtl::after {
  left: auto;
  right: 0;
}
.about-section-version-three .left-side .wrapper .inner-intro {
  margin-top: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro h2 {
  font-size: 45px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
  .about-section-version-three .left-side .wrapper .inner-intro h2 {
    font-size: 36px;
  }
}
.about-section-version-three .left-side .wrapper .inner-intro p {
  margin: 0;
  margin-top: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro ul {
  margin-top: 20px;
  padding-left: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro ul li {
  padding: 5px 0;
}
.about-section-version-three .left-side .wrapper .inner-intro ul li i {
  margin-right: 3px;
  color: var(--theme_color);
}
.about-section-version-three .left-side .wrapper .inner-intro ul li span {
  color: var(--heading_color);
  font-weight: 600;
  font-size: 16px;
}
.about-section-version-three .left-side .wrapper .inner-intro hr {
  color: var(--text_color);
  margin-top: 20px;
}
.about-section-version-three .left-side .wrapper .inner-intro .hub-show {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
}
@media only screen and (max-width: 576px) {
  .about-section-version-three .left-side .wrapper .inner-intro .hub-show {
    padding-left: 20px;
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .about-section-version-three
    .left-side
    .wrapper
    .inner-intro
    .hub-show
    .inner-hub {
    margin-bottom: 25px;
  }
}
.about-section-version-three
  .left-side
  .wrapper
  .inner-intro
  .hub-show
  .inner-hub
  h2 {
  font-size: 42px;
  font-weight: 700;
  color: var(--theme_color);
  margin-bottom: 0;
}
@media only screen and (max-width: 576px) {
  .about-section-version-three
    .left-side
    .wrapper
    .inner-intro
    .hub-show
    .inner-hub
    h2 {
    font-size: 55px;
  }
}
.about-section-version-three
  .left-side
  .wrapper
  .inner-intro
  .hub-show
  .inner-hub
  P {
  font-weight: 600;
  margin: 0;
}
.about-section-version-three .left-side .wrapper .inner-intro .btn-section {
  margin-top: 25px;
}
.about-section-version-three
  .left-side
  .wrapper
  .inner-intro
  .btn-section
  .btn-shape-normal-outline {
  width: 175px;
}
.about-section-version-three .right-side .wrapper {
  position: relative;
}
.about-section-version-three .right-side .wrapper .img-shape img {
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.about-section-version-three .right-side .wrapper .top-img {
  position: absolute;
  left: -50px;
  border: 12px solid var(--bg_white);
  top: -50px;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-three .right-side .wrapper .top-img {
    left: 0;
  }
}
@media only screen and (max-width: 576px) {
  .about-section-version-three .right-side .wrapper .top-img img {
    width: 260px;
  }
}
.about-section-version-three .right-side .wrapper .mid-img {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .about-section-version-three .right-side .wrapper .mid-img {
    width: 100%;
    height: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.about-section-version-three .right-side .wrapper .mid-img::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.3882352941);
  z-index: 0;
}
.about-section-version-three .right-side .wrapper .pop-img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -119px;
  border: 12px solid #fff;
}
.about-section-version-three .right-side .wrapper .pop-img .inner {
  position: relative;
}
.about-section-version-three .right-side .wrapper .pop-img .inner .vide-button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.about-section-version-three
  .right-side
  .wrapper
  .pop-img
  .inner
  .vide-button
  a {
  width: 80px;
  height: 80px;
  background: var(--theme_color);
  border-radius: 50%;
  color: var(--bg_white);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  line-height: 120px;
  text-align: center;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.about-section-version-three
  .right-side
  .wrapper
  .pop-img
  .inner
  .vide-button:hover
  a {
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.about-section-version-three .overlay-shape-img {
  position: absolute;
  left: 0;
  top: -53px;
  z-index: -1;
  opacity: 0.5;
}

/*----------------------------------------*/
/*  13. Service List Section
/*----------------------------------------*/
/* ============= Service List Section version one =============*/
.serviceList-section-version-one .inner-card-items {
  margin-top: 40px;
}
.serviceList-section-version-one .inner-card-items .wrapper {
  background: var(--bg_white);
  padding: 28px 18px;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .serviceList-section-version-one .inner-card-items .wrapper {
    margin-bottom: 40px;
    padding: 30px;
  }
}
.serviceList-section-version-one .inner-card-items .wrapper .icon-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 28px;
}
.serviceList-section-version-one .inner-card-items .wrapper .text-file h3 {
  color: var(--heading_color);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .serviceList-section-version-one .inner-card-items .wrapper .text-file h3 {
    font-size: 22px;
  }
}
.serviceList-section-version-one .inner-card-items .wrapper .text-file p {
  font-size: 15px;
  margin-top: 12x;
}
.serviceList-section-version-one .inner-card-items .wrapper .btn-hold a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.serviceList-section-version-one .inner-card-items .wrapper .btn-hold a:hover {
  color: var(--theme_color);
}
.serviceList-section-version-one .btn-section {
  padding-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .serviceList-section-version-one .btn-section {
    padding-top: 30px;
  }
}
.serviceList-section-version-one .btn-section .btn-shape-normal-outline {
  width: 165px;
}

/* ============= Service List Section version two =============*/
.serviceList-section-version-two .inner-card-items-slider {
  margin-top: 50px;
  position: relative;
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper {
  border-radius: 8px;
  padding: 20px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .serviceList-section-version-two
    .inner-card-items-slider
    .serviceList-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    margin: 0 20px;
  }
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper.bg-theme {
  background: var(--theme_color);
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper.bg-dark {
  background: var(--primary_color);
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .icon-file {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  h2 {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: var(--bg_white);
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  p {
  font-size: 15px;
  margin-top: 10px;
  text-align: center;
  color: var(--bg_white);
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .btn-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 5px;
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .btn-section
  .btn-shape-normal-outline {
  background: var(--bg_white);
  color: var(--heading_color);
  width: 135px;
  padding: 10px 14px;
  font-weight: 600;
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-section-version-two-pagination {
  position: absolute;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: -50px;
  left: 0;
  gap: 12px;
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-section-version-two-pagination
  .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.serviceList-section-version-two
  .inner-card-items-slider
  .serviceList-section-version-two-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
  opacity: 1;
}

/* ============= Service List Section version three =============*/
.serviceList-section-version-three .inner-card-items {
  margin-top: 40px;
}
.serviceList-section-version-three .inner-card-items .wrapper {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .serviceList-section-version-three .inner-card-items .wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .serviceList-section-version-three .inner-card-items .wrapper {
    margin: 0 20px;
    margin-bottom: 60px;
  }
}
.serviceList-section-version-three .inner-card-items .wrapper .inner {
  margin-top: 40px;
  border: 1px solid var(--border_color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 28px 18px;
  border-radius: 8px;
  z-index: 1;
  background: #f8f8f8;
  position: relative;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .count-file {
  position: absolute;
  top: -44px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .count-file
  .hip {
  width: 100px;
  height: 100px;
  background: var(--primary_color);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .count-file
  .hip
  h2 {
  color: var(--bg_white);
  margin: 0;
  padding: 0;
  font-size: 45px;
  font-weight: 700;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .text-file {
  padding-top: 48px;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .text-file
  h3 {
  color: var(--heading_color);
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 12px;
  text-transform: capitalize;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .text-file
  p {
  font-size: 15px;
  margin-top: 12x;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .btn-hold
  a {
  font-size: 18px;
  font-weight: 700;
  color: var(--theme_color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .btn-hold
  a
  i {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .btn-hold
  a:hover {
  color: var(--theme_color);
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .btn-hold
  a:hover
  i {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .btn-hold.rtl
  span
  i {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .btn-hold.rtl
  span:hover
  i {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.serviceList-section-version-three .inner-card-items .wrapper .overlay {
  position: absolute;
  border-radius: 8px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--theme_color);
  z-index: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  visibility: hidden;
  opacity: 0;
}
.serviceList-section-version-three .inner-card-items .wrapper:hover .inner {
  border: 1px solid var(--theme_color);
}
.serviceList-section-version-three
  .inner-card-items
  .wrapper:hover
  .inner
  .count-file
  .hip {
  background: var(--theme_color);
}
.serviceList-section-version-three .inner-card-items .wrapper:hover .overlay {
  visibility: visible;
  opacity: 1;
  top: 7px;
}
.serviceList-section-version-three .btn-section {
  padding-top: 60px;
}
.serviceList-section-version-three .btn-section .btn-shape-normal-outline {
  width: 165px;
}

/* ============= Service Details Inner Section version One start =============*/
@media only screen and (max-width: 576px) {
  .service-details-inner-section-one {
    padding: 60px 0;
  }
}
.service-details-inner-section-one .left-side .wrapper h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
  .service-details-inner-section-one .left-side .wrapper h2 {
    font-size: 26px;
  }
}
.service-details-inner-section-one .left-side .wrapper img {
  border-radius: 8px;
  overflow: hidden;
}
.service-details-inner-section-one .left-side .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}

/*----------------------------------------*/
/*  14. Why Choose Us Section
/*----------------------------------------*/
/* =============== Why Choose Us Section version one start ===============*/
.whyChooseUs-section-version-one .inner-card-items {
  margin-top: 40px;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper {
  background: var(--bg_white);
  padding: 30px 20px;
  border-radius: 10px;
  margin-bottom: 40px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
  color: var(--heading_color);
  text-transform: uppercase;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper .icon-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper p {
  margin-top: 20px;
  text-align: center;
}
.whyChooseUs-section-version-one .inner-card-items .wrapper:hover {
  background: var(--primary_color);
}
.whyChooseUs-section-version-one .inner-card-items .wrapper:hover h2 {
  color: var(--bg_white);
}
.whyChooseUs-section-version-one .inner-card-items .wrapper:hover p {
  color: var(--bg_white);
}

/* =============== Why Choose Us Section version two start ===============*/
.whyChooseUs-section-version-two .inner-card-items {
  margin-top: 50px;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper {
  margin-bottom: 35px;
  position: relative;
  z-index: 9;
  cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .whyChooseUs-section-version-two .inner-card-items .wrapper {
    margin: 0 20px;
    margin-bottom: 35px;
  }
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner {
  padding: 20px 20px;
  border-radius: 8px;
  border: 1px solid var(--border_color);
  position: relative;
  z-index: 9;
  background: var(--bg_white);
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner h2 {
  text-align: center;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: uppercase;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner .icon-file {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .inner p {
  text-align: center;
  font-size: 15px;
  margin-top: 15px;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--theme_color);
  border-radius: 10px;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.whyChooseUs-section-version-two .inner-card-items .wrapper:hover .overlay {
  left: -7px;
  top: -7px;
}

/* =============== Why Choose Us Section version three start ===============*/
.whyChooseUs-section-version-three .inner-card-items {
  margin-top: 50px;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper {
  margin-bottom: 35px;
  position: relative;
  z-index: 9;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-three .inner-card-items .wrapper {
    margin: 0 20px;
    margin-bottom: 35px;
  }
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner {
  padding: 20px 26px;
  border-radius: 8px;
  border: 1px solid var(--border_color);
  position: relative;
  z-index: 9;
  background: var(--bg_white);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner h2 {
  margin-top: 22px;
  font-size: 26px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
  position: relative;
  z-index: 1;
}
.whyChooseUs-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .icon-file {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner p {
  font-size: 16px;
  margin-top: 15px;
}
.whyChooseUs-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .overlay-text {
  position: absolute;
  left: 18px;
  top: 60px;
  z-index: 0;
}
.whyChooseUs-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .overlay-text
  h2 {
  font-size: 80px;
  color: var(--border_color);
}
.whyChooseUs-section-version-three
  .inner-card-items
  .wrapper
  .inner
  .overlay-text.rtl {
  left: auto;
  right: 18px;
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner:hover {
  background: var(--primary_color);
}
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner:hover h2,
.whyChooseUs-section-version-three .inner-card-items .wrapper .inner:hover p {
  color: var(--bg_white);
}
.whyChooseUs-section-version-three
  .inner-card-items
  .wrapper
  .inner:hover
  .overlay-text
  h2 {
  color: var(--border_color);
  opacity: 0.1;
}

/* =============== Why Choose Us Section version Fpur start ===============*/
.whyChooseUs-section-version-four .inner-card-items {
  margin-top: 40px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs {
  border: 1px solid var(--border_color);
  display: inline-block;
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tabs {
    display: none;
  }
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs
  li {
  position: relative;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs
  li
  a {
  font-size: 16px;
  font-weight: 700;
  color: var(--heading_color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs
  li::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: var(--theme_color);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs
  li::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 20px;
  height: 0;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: var(--theme_color);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs
  li.active
  a {
  color: var(--theme_color);
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs
  li.active::after {
  height: 5px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tabs
  li.active::before {
  height: 16px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tab_content_wrapper {
  border: 1px solid var(--border_color);
  border-radius: 8px;
  margin-top: 15px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tab_content_wrapper
  .tab_content
  .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .left {
    padding-left: 10px;
  }
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tab_content_wrapper
  .tab_content
  .wrapper
  .left
  .img-file
  img {
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .left
    .img-file
    img {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four
    .inner-card-items
    .left-side
    .tabs-inner
    .tab_content_wrapper
    .tab_content
    .wrapper
    .right {
    padding-left: 10px;
  }
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tab_content_wrapper
  .tab_content
  .wrapper
  .right
  h2 {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tab_content_wrapper
  .tab_content
  .wrapper
  .right
  ul {
  margin-top: 10px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tab_content_wrapper
  .tab_content
  .wrapper
  .right
  ul
  li {
  padding: 3px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .tab_content_wrapper
  .tab_content
  .wrapper
  .right
  ul
  li
  i {
  color: var(--theme_color);
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .accordion_tabs {
  padding-left: 20px;
  color: var(--heading_color);
  font-size: 16px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side
  .tabs-inner
  .accordion_tabs.active {
  background: var(--theme_color);
  color: var(--bg_white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .left-side.rtl {
    margin-top: 30px;
  }
}
.whyChooseUs-section-version-four .inner-card-items .left-side.rtl .tabs-inner {
  text-align: end;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .left-side.rtl
  .tab_content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  height: 220px !important;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four
    .inner-card-items
    .left-side.rtl
    .tab_content_wrapper {
    display: block;
    height: 100% !important;
  }
}
.whyChooseUs-section-version-four .inner-card-items .right-side {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side {
    padding-left: 0;
    margin-top: 80px;
  }
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro {
  position: relative;
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
  font-size: 30px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
  line-height: 38px;
  padding-left: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
    padding-right: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
    padding-right: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
    padding-right: 0;
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side .intro h2 {
    padding-right: 0;
    font-size: 26px;
    line-height: 36px;
  }
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro h3 {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -43px;
  bottom: 33px;
  font-size: 18px;
  font-weight: 700;
  color: var(--theme_color);
}
@media only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side .intro h3 {
    bottom: 42px;
  }
}
@media only screen and (max-width: 380px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side .intro h3 {
    bottom: 42px;
  }
}
.whyChooseUs-section-version-four .inner-card-items .right-side .intro h3.rtl {
  left: auto;
  right: -43px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .whyChooseUs-section-version-four .inner-card-items .right-side ul {
    margin-top: 40px;
  }
}
.whyChooseUs-section-version-four .inner-card-items .right-side ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid var(--border_color);
}
.whyChooseUs-section-version-four .inner-card-items .right-side ul li img {
  width: 60px;
}
.whyChooseUs-section-version-four .inner-card-items .right-side ul li span {
  display: block;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .right-side
  ul
  li
  span:first-child {
  font-size: 16px;
}
.whyChooseUs-section-version-four
  .inner-card-items
  .right-side
  ul
  li
  span:last-child {
  font-size: 20px;
  font-weight: 700;
  color: var(--heading_color);
  margin-top: 5px;
}
.whyChooseUs-section-version-four .inner-card-items .right-side.rtl {
  padding-left: 0;
  padding-right: 40px;
}

/*----------------------------------------*/
/*  15. Project Background Overlay Section
/*----------------------------------------*/
/* ============= Project Background Overlay Section version one =============*/
.projectBackgroundOverlay {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 180px;
  position: relative;
  height: 450px;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay {
    height: 445px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px),
  only screen and (max-width: 380px) {
  .projectBackgroundOverlay {
    height: auto;
    padding: 50px 0;
  }
}
.projectBackgroundOverlay::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.75);
  z-index: -1;
}
.projectBackgroundOverlay .wrapper {
  position: relative;
}
@media only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.projectBackgroundOverlay .wrapper .main-text {
  padding-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper .main-text {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 380px) {
  .projectBackgroundOverlay .wrapper .main-text {
    padding-left: 0;
  }
}
.projectBackgroundOverlay .wrapper .main-text.rtl {
  padding-left: 0;
  padding-right: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper .main-text.rtl {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 380px) {
  .projectBackgroundOverlay .wrapper .main-text.rtl {
    padding-right: 0;
  }
}
.projectBackgroundOverlay .wrapper .main-text h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--bg_white);
}
.projectBackgroundOverlay .wrapper .main-text h2 {
  margin-top: 15px;
  font-size: 55px;
  font-weight: 700;
  color: var(--bg_white);
  letter-spacing: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper .main-text h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 380px) {
  .projectBackgroundOverlay .wrapper .main-text h2 {
    font-size: 24px;
  }
}
.projectBackgroundOverlay .wrapper .main-text p {
  padding-right: 100px;
  color: var(--bg_white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper .main-text p {
    padding-right: 0;
  }
}
.projectBackgroundOverlay .wrapper .main-text p.rtl {
  padding-right: 0;
  padding-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper .main-text p.rtl {
    padding-left: 0;
  }
}
.projectBackgroundOverlay .wrapper .shape-text {
  position: absolute;
  left: -25px;
  top: 40%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper .shape-text {
    left: -70px;
  }
}
@media only screen and (max-width: 380px) {
  .projectBackgroundOverlay .wrapper .shape-text {
    display: none;
  }
}
.projectBackgroundOverlay .wrapper .shape-text h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--theme_color);
}
.projectBackgroundOverlay .wrapper .shape-text.rtl {
  left: auto;
  right: -25px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .wrapper .shape-text.rtl {
    left: auto;
    right: -70px;
  }
}
@media only screen and (max-width: 380px) {
  .projectBackgroundOverlay .wrapper .shape-text.rtl {
    display: none;
  }
}
.projectBackgroundOverlay .box-text {
  position: absolute;
  bottom: -126px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay .box-text {
    display: none;
  }
}
.projectBackgroundOverlay .box-text .wrapper-left {
  background: var(--primary_color);
  padding: 30px 25px;
  width: 380px;
}
.projectBackgroundOverlay .box-text .wrapper-middle {
  position: relative;
  background: var(--theme_color);
  padding: 30px 25px;
  width: 380px;
}
.projectBackgroundOverlay .box-text .wrapper-middle::after {
  position: absolute;
  content: "";
  background: var(--primary_color);
  width: 30px;
  height: 30px;
  left: -18px;
  top: 50%;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%);
}
.projectBackgroundOverlay .box-text .wrapper-middle::before {
  position: absolute;
  content: "";
  background: var(--primary_color);
  width: 30px;
  height: 30px;
  right: -18px;
  top: 50%;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: rotate(-90deg) translateY(-50%);
  transform: rotate(-90deg) translateY(-50%);
}
.projectBackgroundOverlay .box-text .wrapper-right {
  background: var(--primary_color);
  padding: 30px 25px;
  width: 380px;
}
.projectBackgroundOverlay .box-text h2 {
  font-size: 30px;
  color: var(--bg_white);
  text-align: center;
  font-weight: 700;
  margin-top: 12px;
}
.projectBackgroundOverlay .box-text .icon-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}
.projectBackgroundOverlay .box-text p {
  color: var(--bg_white);
  text-align: center;
}

/* ============= Project Background Overlay Section version two =============*/
.projectBackgroundOverlay-version-two {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
  position: relative;
  z-index: 0;
}
.projectBackgroundOverlay-version-two::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.75);
  z-index: -1;
}
.projectBackgroundOverlay-version-two .wrapper h3 {
  margin-top: 10px;
  text-align: center;
  font-size: 26px;
  color: var(--theme_color);
}
.projectBackgroundOverlay-version-two .wrapper h2 {
  margin-top: 15px;
  text-align: center;
  font-size: 55px;
  font-weight: 700;
  color: var(--bg_white);
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-two .wrapper h2 {
    font-size: 30px;
  }
}
.projectBackgroundOverlay-version-two .wrapper p {
  margin-top: 15px;
  text-align: center;
  padding: 0 150px;
  font-size: 16px;
  color: var(--bg_white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-two .wrapper p {
    padding: 0;
  }
}
.projectBackgroundOverlay-version-two .wrapper .btn-section {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.projectBackgroundOverlay-version-two
  .wrapper
  .btn-section
  .btn-shape-normal-outline {
  width: 148px;
}

/* ============= Project Background Overlay Section version three =============*/
.projectBackgroundOverlay-version-three {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 170px;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-three {
    padding: 0;
  }
}
.projectBackgroundOverlay-version-three::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.75);
  z-index: -1;
}
.projectBackgroundOverlay-version-three .wrapper h2 {
  margin-top: 15px;
  text-align: center;
  font-size: 55px;
  font-weight: 700;
  color: var(--bg_white);
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-three .wrapper h2 {
    margin-top: 60px;
    font-size: 46px;
  }
}
@media only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-three .wrapper h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 380px) {
  .projectBackgroundOverlay-version-three .wrapper h2 {
    font-size: 26px;
  }
}
.projectBackgroundOverlay-version-three .wrapper .btn-section {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-three .wrapper .btn-section {
    padding-bottom: 60px;
  }
}
.projectBackgroundOverlay-version-three
  .wrapper
  .btn-section
  .btn-shape-normal-outline {
  width: 170px;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider {
  position: absolute;
  bottom: -118px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 500px;
  height: 250px;
  background: var(--primary_color);
  padding: 30px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-three .wrapper .hip-slider {
    display: none;
  }
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .text h2 {
  text-align: start;
  font-size: 36px;
  font-weight: 700;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .list {
  margin-top: 10px;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .list ul li {
  text-transform: capitalize;
  padding: 2px 0;
  font-weight: 500;
  color: var(--bg_white);
  font-size: 15px;
}
.projectBackgroundOverlay-version-three .wrapper .hip-slider .list ul li i {
  margin-right: 10px;
  color: var(--theme_color);
}
.projectBackgroundOverlay-version-three
  .wrapper
  .hip-slider
  .hip-slider-pagination {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
}
.projectBackgroundOverlay-version-three
  .wrapper
  .hip-slider
  .hip-slider-pagination
  .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.projectBackgroundOverlay-version-three
  .wrapper
  .hip-slider
  .hip-slider-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
  opacity: 1;
}

/* ============= Project Background Overlay Section version Four =============*/
.projectBackgroundOverlay-version-four {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  z-index: 0;
}
.projectBackgroundOverlay-version-four::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.75);
  z-index: -1;
}
.projectBackgroundOverlay-version-four .wrapper {
  position: relative;
}
.projectBackgroundOverlay-version-four .wrapper .main-text {
  padding-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-four .wrapper .main-text {
    padding-left: 0;
  }
}
.projectBackgroundOverlay-version-four .wrapper .main-text h2 {
  text-align: center;
  margin-top: 0;
  font-size: 42px;
  font-weight: 700;
  color: var(--bg_white);
}
@media only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-four .wrapper .main-text h2 {
    font-size: 30px;
  }
}
.projectBackgroundOverlay-version-four .wrapper .main-text p {
  padding-right: 100px;
  color: var(--bg_white);
}
.projectBackgroundOverlay-version-four .wrapper .box-text {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .projectBackgroundOverlay-version-four .wrapper .box-text {
    display: none;
  }
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-left {
  background: var(--bg_white);
  padding: 30px 25px;
  width: 380px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-left h2 {
  color: var(--heading_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-left p {
  color: var(--text_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-middle {
  position: relative;
  background: var(--theme_color);
  padding: 30px 25px;
  width: 380px;
}
.projectBackgroundOverlay-version-four
  .wrapper
  .box-text
  .wrapper-middle::after {
  position: absolute;
  content: "";
  background: var(--bg_white);
  width: 30px;
  height: 30px;
  left: -18px;
  top: 50%;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%);
}
.projectBackgroundOverlay-version-four
  .wrapper
  .box-text
  .wrapper-middle::before {
  position: absolute;
  content: "";
  background: var(--bg_white);
  width: 30px;
  height: 30px;
  right: -18px;
  top: 50%;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: rotate(-90deg) translateY(-50%);
  transform: rotate(-90deg) translateY(-50%);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-right {
  background: var(--bg_white);
  padding: 30px 25px;
  width: 380px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-right h2 {
  color: var(--heading_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text .wrapper-right p {
  color: var(--text_color);
}
.projectBackgroundOverlay-version-four .wrapper .box-text h2 {
  font-size: 30px;
  color: var(--bg_white);
  text-align: center;
  font-weight: 700;
  margin-top: 12px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .icon-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}
.projectBackgroundOverlay-version-four .wrapper .box-text .icon-file img {
  width: 50px;
}
.projectBackgroundOverlay-version-four .wrapper .box-text p {
  color: var(--bg_white);
  text-align: center;
}

/*----------------------------------------*/
/*  16. Our Team Section
/*----------------------------------------*/
/* ============== Our Team Section version one ==============*/
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-one {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}
.ourTeam-section-version-one .inner-card-items-slider {
  position: relative;
  margin-top: 30px;
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper {
  border-radius: 8px;
  overflow: hidden;
  margin: 20px 10px;
  border: 2px solid var(--border_color);
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .img-file
  img {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    margin: 20px 26px;
  }
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro {
  padding: 18px 10px;
  text-align: center;
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .name {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--theme_color);
  margin-bottom: 0;
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .position {
  margin: 0;
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  color: var(--heading_color);
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon {
  margin-top: 8px;
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 576px) {
  .ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a {
    padding: 3px;
    margin-bottom: 10px;
  }
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li
  i {
  font-size: 18px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (max-width: 576px) {
  .ourTeam-section-version-one
    .inner-card-items-slider
    .team-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    i {
    font-size: 26px;
  }
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-facebook-f {
  color: var(--facebook);
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-twitter {
  color: var(--twitter);
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-youtube {
  color: var(--youtube);
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-linkedin {
  color: var(--linkedin);
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 38px;
}
.ourTeam-section-version-one
  .inner-card-items-slider
  .team-version-one-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
}

/* ============== Our Team Section version two ==============*/
.ourTeam-section-version-two .inner-card-items-slider {
  position: relative;
  margin-top: 40px;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper {
  border-radius: 8px;
  overflow: hidden;
  margin: 20px 15px;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .img-file
  img {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    margin: 20px 30px;
  }
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro {
  padding: 18px 10px;
  text-align: center;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .name {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--theme_color);
  margin-bottom: 0;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .position {
  margin: 0;
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  color: var(--heading_color);
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon {
  margin-top: 8px;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li
  a {
  font-size: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a {
    padding: 2px;
  }
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li
  i {
  font-size: 18px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-two
    .inner-card-items-slider
    .team-version-two
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    i {
    font-size: 26px;
  }
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-facebook-f {
  color: var(--facebook);
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-twitter {
  color: var(--twitter);
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-youtube {
  color: var(--youtube);
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .intro
  .social-icon
  ul
  li:hover
  .fa-linkedin {
  color: var(--linkedin);
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two-pagination {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  left: 0;
  bottom: -50px;
  gap: 12px;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two-pagination
  .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.ourTeam-section-version-two
  .inner-card-items-slider
  .team-version-two-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
  opacity: 1;
}

/* ============== Our Team Section version three ==============*/
.ourTeam-section-version-three .inner-card-items-slider {
  position: relative;
  margin-top: 40px;
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper {
  position: relative;
  border-radius: 8px;
  margin: 20px 10px;
}
@media only screen and (max-width: 576px) {
  .ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper {
    margin: 20px 20px;
  }
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .img-file {
  position: relative;
  z-index: 9;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .img-file
    img {
    width: 100%;
  }
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro {
  position: relative;
  z-index: 9;
  padding: 18px 10px;
  text-align: center;
  border: 1px solid var(--border_color);
  border-top: transparent;
  border-radius: 0 0 8px 8px;
  padding-bottom: 10px;
  background: var(--bg_white);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro
  .name {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 0;
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro
  .position {
  margin: 0;
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  color: var(--theme_color);
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro
  .social-icon {
  margin-top: 8px;
  margin-bottom: 5px;
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro
  .social-icon
  ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon
    ul
    li {
    margin-bottom: 6px;
  }
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro
  .social-icon
  ul
  li
  a {
  font-size: 18px;
  padding: 2px;
  color: var(--primary_color);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a {
    padding: 3px;
  }
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro
  .social-icon
  ul
  li
  a
  i {
  font-size: 18px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourTeam-section-version-three
    .inner-card-items-slider
    .team-version-three
    .inner-wrapper
    .intro
    .social-icon
    ul
    li
    a
    i {
    font-size: 26px;
  }
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .intro
  .social-icon
  ul
  li
  a:hover {
  color: var(--theme_color);
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper
  .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: var(--theme_color);
  z-index: 0;
  border-radius: 8px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  visibility: hidden;
  opacity: 0;
  padding: 0;
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper:hover
  .intro {
  border: 1px solid var(--theme_color);
  border-top: transparent;
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three
  .inner-wrapper:hover
  .overlay {
  bottom: -7px;
  visibility: visible;
  opacity: 1;
}
.ourTeam-section-version-three
  .inner-card-items-slider
  .team-version-three.noSlider
  .inner-wrapper {
  margin: 20px 5px;
}

.team-version-three-pagination {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  gap: 12px;
}
.team-version-three-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.team-version-three-pagination .swiper-pagination-bullet-active {
  background: var(--theme_color);
  opacity: 1;
}

/*----------------------------------------*/
/* 17. Team Details Section
/*----------------------------------------*/
/* ============== Team Details Section version One start ==============*/
.single-team-details-version-one {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .single-team-details-version-one .person-details .left-side .img-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.single-team-details-version-one .person-details .left-side .img-file img {
  border-radius: 8px;
  overflow: hidden;
}
.single-team-details-version-one .person-details .right-side {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .single-team-details-version-one .person-details .right-side {
    padding-left: 0;
    margin-top: 60px;
  }
}
.single-team-details-version-one .person-details .right-side .wrapper .name h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
  margin: 0;
}
.single-team-details-version-one .person-details .right-side .wrapper .name p {
  font-size: 20px;
  margin: 0;
  margin-top: 5px;
}
.single-team-details-version-one .person-details .right-side .wrapper .data {
  margin-top: 20px;
}
.single-team-details-version-one
  .person-details
  .right-side
  .wrapper
  .data
  ul
  li {
  padding: 4px 0;
}
.single-team-details-version-one
  .person-details
  .right-side
  .wrapper
  .data
  ul
  li
  span:first-child {
  font-weight: 700;
  color: var(--heading_color);
}
.single-team-details-version-one .person-details .right-side .wrapper .review {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.single-team-details-version-one
  .person-details
  .right-side
  .wrapper
  .review
  span
  i {
  font-size: 50px;
  color: var(--border_color);
}
.single-team-details-version-one
  .person-details
  .right-side
  .wrapper
  .btn-shape-normal-outline {
  width: 156px;
  margin: 0;
  margin-top: 20px;
}
.single-team-details-version-one .person-details .right-side.rtl {
  padding-left: 0;
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .single-team-details-version-one .person-details .right-side.rtl {
    padding-right: 0;
  }
}
.single-team-details-version-one .history-skill .wrapper {
  padding-top: 50px;
}
.single-team-details-version-one .history-skill .wrapper hr {
  color: var(--border_color);
}
.single-team-details-version-one .history-skill .wrapper h2 {
  margin-top: 40px;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
}
.single-team-details-version-one .history-skill .wrapper p {
  margin-top: 20px;
  padding: 0 60px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .single-team-details-version-one .history-skill .wrapper p {
    padding: 0;
    margin-top: 40px;
  }
}
.single-team-details-version-one .activities {
  padding-top: 50px;
}
.single-team-details-version-one .activities .left-side {
  padding-right: 20px;
}
.single-team-details-version-one
  .activities
  .left-side
  .wrapper
  .heading-text
  h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.single-team-details-version-one .activities .left-side .wrapper .accordion {
  margin-top: 20px;
}
.single-team-details-version-one
  .activities
  .left-side
  .wrapper
  .accordion
  .accordion-item {
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.single-team-details-version-one
  .activities
  .left-side
  .wrapper
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  padding-left: 40px;
  position: relative;
  color: var(--bg_white);
  background-color: var(--theme_color);
  border: 1px solid var(--theme_color);
}
.single-team-details-version-one
  .activities
  .left-side
  .wrapper
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:focus {
  border: 1px solid var(--theme_color);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.single-team-details-version-one
  .activities
  .left-side
  .wrapper
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button::after {
  content: "\f101";
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 15px;
  color: var(--bg_white);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.single-team-details-version-one
  .activities
  .left-side
  .wrapper
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)::after {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-image: none;
  content: "\f103";
  color: var(--bg_white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .single-team-details-version-one .activities .right-side {
    margin-top: 60px;
  }
}
.single-team-details-version-one .activities .right-side .heading-text h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.single-team-details-version-one .activities .right-side .heading-text p {
  margin-top: 20px;
}
.single-team-details-version-one .activities .right-side .skill-bar {
  margin-top: 30px;
}
.single-team-details-version-one
  .activities
  .right-side
  .skill-bar
  .skill-list {
  padding-bottom: 25px;
}
.single-team-details-version-one
  .activities
  .right-side
  .skill-bar
  .skill-list
  .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-team-details-version-one
  .activities
  .right-side
  .skill-bar
  .skill-list
  .intro
  h2 {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading_color);
}
.single-team-details-version-one
  .activities
  .right-side
  .skill-bar
  .skill-list
  .intro
  h2:last-child {
  font-size: 26px;
  color: var(--theme_color);
}
.single-team-details-version-one
  .activities
  .right-side
  .skill-bar
  .skill-list
  .progress {
  height: 10px;
}
.single-team-details-version-one
  .activities
  .right-side
  .skill-bar
  .skill-list
  .progress
  .progress-bar {
  background: var(--theme_color);
}

/*----------------------------------------*/
/*  18. Latest Projects Section
/*----------------------------------------*/
/* =============== Latest Projects Section version one ===============*/
.latest-project-version-one .project-body .project-filter {
  position: relative;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one .project-body .project-filter {
    display: block;
  }
}
.latest-project-version-one .project-body .project-filter button {
  position: relative;
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one .project-body .project-filter button {
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--border_color);
    margin: 0 3px;
    margin-bottom: 14px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
}
.latest-project-version-one .project-body .project-filter button::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 0;
  background: var(--theme_color);
  left: 50%;
  bottom: -20px;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one .project-body .project-filter button::after {
    display: none;
  }
}
.latest-project-version-one .project-body .project-filter button.active {
  color: var(--theme_color);
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one
    .project-body
    .project-filter
    button.active.active {
    background: var(--theme_color);
    color: var(--bg_white);
  }
}
.latest-project-version-one .project-body .project-filter button.active::after {
  height: 16px;
}
.latest-project-version-one .project-body .project-filter button:hover {
  color: var(--theme_color);
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one .project-body .project-filter button:hover {
    background: var(--theme_color);
    color: var(--bg_white);
  }
}
.latest-project-version-one .project-body .project-filter button:hover::after {
  height: 16px;
}
.latest-project-version-one .project-body .project-filter::after {
  position: absolute;
  content: "";
  width: 600px;
  height: 6px;
  background: var(--theme_color);
  left: 50%;
  bottom: -22px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 5px;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one .project-body .project-filter::after {
    display: none;
  }
}
.latest-project-version-one .project-body .project-version-one {
  margin-top: 40px;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one .project-body .project-version-one {
    margin-top: 0;
  }
}
.latest-project-version-one .project-body .project-version-one .project-item {
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one .project-body .project-version-one .project-item {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper {
    margin-bottom: 0;
  }
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  img {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 10px 14px;
  margin-top: 20px;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  span {
  color: var(--bg_white);
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  h2 {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 700;
  color: var(--bg_white);
  text-transform: capitalize;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  p {
  font-weight: 400;
  color: var(--bg_white);
  margin-top: 10px;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .btn-section {
  position: absolute;
  bottom: 15px;
  left: 10px;
  z-index: 9;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .btn-section {
    bottom: 26px;
  }
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .btn-section
  .btn-shape-normal-outline {
  padding: 10px 10px;
  width: 130px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper
    .img-file
    .btn-section
    .btn-shape-normal-outline {
    padding: 16px;
  }
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file
  .btn-section.rtl {
  left: auto;
  right: 10px;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file::after {
  position: absolute;
  background: rgba(52, 58, 64, 0.7568627451);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file:hover
  img {
  -webkit-transform: scale(110%);
  transform: scale(110%);
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file:hover
  .text {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file:hover
  .btn-section
  .btn-shape-normal-outline {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.latest-project-version-one
  .project-body
  .project-version-one
  .project-item
  .project-wrapper
  .img-file:hover::after {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-one
    .project-body
    .project-version-one
    .project-item
    .project-wrapper {
    margin: 20px;
  }
}

/* =============== Latest Projects Section version two ===============*/
.latest-project-version-two .project-body .project-filter {
  position: relative;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-two .project-body .project-filter {
    display: block;
    margin-bottom: 20px;
  }
}
.latest-project-version-two .project-body .project-filter button {
  padding: 8px 14px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 1px solid var(--border_color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-two .project-body .project-filter button {
    padding: 12px 20px;
    display: inline-block;
    margin: 0 4px;
    margin-bottom: 10px;
  }
}
.latest-project-version-two .project-body .project-filter button:hover {
  background: var(--theme_color);
  color: var(--bg_white);
  border: 1px solid var(--theme_color);
}
.latest-project-version-two .project-body .project-filter button.active {
  background: var(--theme_color);
  color: var(--bg_white);
  border: 1px solid var(--theme_color);
}
.latest-project-version-two .project-body .project-version-two {
  margin-top: 40px;
}
.latest-project-version-two .project-body .project-version-two .project-item {
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-two .project-body .project-version-two .project-item {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper {
    padding: 0 15px;
  }
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  img {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 10px 10px;
  margin-top: 20px;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-align: center;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  span {
  color: var(--bg_white);
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  h2 {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 700;
  color: var(--bg_white);
  text-transform: capitalize;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  p {
  font-weight: 400;
  color: var(--bg_white);
  margin-top: 10px;
  text-transform: capitalize;
  font-size: 15px;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  .location {
  margin-top: 10px;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  .location
  i {
  color: var(--theme_color);
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .text-overlay
  .text
  .location
  span {
  padding-left: 6px;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .text-overlay.rtl {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .btn-section {
  position: absolute;
  bottom: 12px;
  left: 50%;
  z-index: 9;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .btn-section {
    bottom: 30px;
  }
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file
  .btn-section
  .btn-shape-normal-outline {
  padding: 10px 10px;
  width: 130px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .latest-project-version-two
    .project-body
    .project-version-two
    .project-item
    .project-wrapper
    .img-file
    .btn-section
    .btn-shape-normal-outline {
    padding: 16px;
  }
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file::after {
  position: absolute;
  background: rgba(52, 58, 64, 0.7568627451);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file:hover
  img {
  -webkit-transform: scale(110%);
  transform: scale(110%);
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file:hover
  .text {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file:hover
  .btn-section
  .btn-shape-normal-outline {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.latest-project-version-two
  .project-body
  .project-version-two
  .project-item
  .project-wrapper
  .img-file:hover::after {
  visibility: visible;
  opacity: 1;
}

/* =============== Latest Projects Section version three ===============*/
.latest-project-version-three .project-body .project-version-three {
  margin-top: 40px;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item {
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-three
    .project-body
    .project-version-three
    .project-item {
    padding: 0 15px;
  }
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper {
  background: var(--bg_white);
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 15px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file {
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .latest-project-version-three
    .project-body
    .project-version-three
    .project-item
    .project-wrapper
    .img-file
    img {
    width: 100%;
  }
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file::after {
  position: absolute;
  background: rgba(35, 38, 41, 0.39);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file
  .date {
  position: absolute;
  top: 18px;
  right: 10px;
  z-index: 9;
  padding: 6px 12px;
  background: var(--theme_color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file
  .date::after {
  position: absolute;
  content: "";
  top: -12px;
  left: 50%;
  width: 20px;
  height: 20px;
  background: var(--theme_color);
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file
  .date
  span {
  font-size: 15px;
  color: var(--bg_white);
  border-radius: 5px;
  line-height: initial;
  font-weight: 600;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file
  .location {
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 15px 10px;
  background: var(--primary_color);
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 70%;
  border-radius: 3px 3px 0 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file
  .location
  h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--bg_white);
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .img-file
  .location
  h3
  i {
  font-size: 18px;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file {
  margin-top: 25px;
  padding: 0 20px;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .header-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .header-intro
  h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--primary_color);
  text-transform: capitalize;
  margin: 0;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .header-intro
  .badge-group {
  padding: 3px 12px;
  color: var(--bg_white);
  font-size: 11px;
  line-height: initial;
  border-radius: 15px;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .header-intro
  .badge-group.running {
  background: var(--theme_color);
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .header-intro
  .badge-group.pending {
  background: #4ade80;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .header-intro
  .badge-group.planning {
  background: #faad3b;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .des {
  margin-top: 15px;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .des
  p {
  font-size: 16px;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .btn-hold {
  margin-bottom: 10px;
  margin-top: 5px;
  display: inline-block;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .btn-hold
  .inner {
  font-size: 18px;
  font-weight: 700;
  color: var(--theme_color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .btn-hold
  .inner
  i {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .btn-hold
  .inner:hover {
  color: var(--theme_color);
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .btn-hold
  .inner:hover
  i {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .btn-hold.rtl
  .inner
  i {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper
  .text-file
  .btn-hold.rtl
  .inner:hover
  i {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper:hover
  .img-file::after {
  visibility: visible;
  opacity: 1;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper:hover
  .date {
  visibility: visible;
  opacity: 1;
}
.latest-project-version-three
  .project-body
  .project-version-three
  .project-item
  .project-wrapper:hover
  .location {
  visibility: visible;
  opacity: 1;
}
.latest-project-version-three .project-body .btn-section {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.latest-project-version-three
  .project-body
  .btn-section
  .btn-shape-normal-outline {
  width: 182px;
}

/* =============== Project Details Inner Section version One start ===============*/
@media only screen and (max-width: 576px) {
  .project-details-inner-section-one {
    padding: 60px 0;
  }
}
.project-details-inner-section-one .left-side .wrapper h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project-details-inner-section-one .left-side .wrapper h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .project-details-inner-section-one .left-side .wrapper h2 {
    font-size: 30px;
  }
}
.project-details-inner-section-one .left-side .wrapper img {
  border-radius: 8px;
  overflow: hidden;
}
.project-details-inner-section-one .left-side .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
.project-details-inner-section-one .left-side .accordion {
  margin-top: 20px;
}
.project-details-inner-section-one .left-side .accordion .accordion-item {
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.project-details-inner-section-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  padding-left: 40px;
  position: relative;
  color: var(--bg_white);
  background-color: var(--theme_color);
  border: 1px solid var(--theme_color);
  font-weight: 600;
}
.project-details-inner-section-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:focus {
  border: 1px solid var(--theme_color);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.project-details-inner-section-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button::after {
  content: "+";
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 15px;
  color: var(--bg_white);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.project-details-inner-section-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)::after {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-image: none;
  content: "\f068";
  color: var(--bg_white);
}
.project-details-inner-section-one .left-side .mission-vision {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 576px) {
  .project-details-inner-section-one .left-side .mission-vision {
    display: block;
  }
}
.project-details-inner-section-one .left-side .mission-vision .mission h2,
.project-details-inner-section-one .left-side .mission-vision .vision h2 {
  font-size: 30px;
  font-weight: 700;
}
.project-details-inner-section-one
  .left-side
  .mission-vision
  .mission
  h2
  span:first-child,
.project-details-inner-section-one
  .left-side
  .mission-vision
  .vision
  h2
  span:first-child {
  color: var(--theme_color);
}
.project-details-inner-section-one
  .left-side
  .mission-vision
  .mission
  h2
  span:last-child,
.project-details-inner-section-one
  .left-side
  .mission-vision
  .vision
  h2
  span:last-child {
  color: var(--heading_color);
}
.project-details-inner-section-one .left-side .mission-vision .mission p,
.project-details-inner-section-one .left-side .mission-vision .vision p {
  margin-top: 20px;
  text-align: justify;
}

/*----------------------------------------*/
/*  19. Client Review Section
/*----------------------------------------*/
/* ============== Client Review Section version one ==============*/
@media only screen and (max-width: 576px) {
  .client-review-version-one {
    padding-bottom: 30px;
  }
}
.client-review-version-one .slider-client-review {
  margin-top: 40px;
}
.client-review-version-one .slider-client-review .review-version-one {
  padding: 60px 0 30px 0;
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper {
  position: relative;
  border-radius: 10px;
  padding: 25px 20px;
  background: var(--bg_white);
}
@media only screen and (max-width: 576px) {
  .client-review-version-one
    .slider-client-review
    .review-version-one
    .swiper-wrapper
    .swiper-slide
    .inner-wrapper {
    margin: 0 30px;
  }
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .img-file {
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid #fff;
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .quta-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px;
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .review-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3px;
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .review-star
  i {
  color: #f7941d;
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .text-file {
  text-align: center;
  margin-top: 16px;
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .text-file
  h2 {
  font-size: 22px;
  color: var(--theme_color);
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: capitalize;
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .text-file
  h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
.client-review-version-one
  .slider-client-review
  .review-version-one
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .text-file
  p {
  margin-top: 14px;
}
.client-review-version-one
  .slider-client-review
  .review-version-one-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.client-review-version-one
  .slider-client-review
  .review-version-one-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
}

/* ============== Client Review Section version two ==============*/
.client-review-version-two .slider-client-review {
  margin-top: 40px;
  position: relative;
}
.client-review-version-two .slider-client-review .review-version-two {
  padding-top: 65px;
  padding-bottom: 30px;
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper {
  margin: 0 20px;
  position: relative;
  border-radius: 10px;
  padding: 25px 25px;
  background: var(--bg_white);
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .img-file {
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid #fff;
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .quta-img {
  margin-top: 40px;
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .quta-img.rtl
  img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .text {
  margin-top: 15px;
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .text
  p {
  font-size: 16px;
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .name-pos {
  margin-top: 10px;
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .name-pos
  h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 0;
}
.client-review-version-two
  .slider-client-review
  .review-version-two
  .swiper-wrapper
  .swiper-slide
  .inner-wrapper
  .name-pos
  h4 {
  margin-top: 5px;
  font-weight: 600;
  font-size: 18px;
  color: var(--theme_color);
}
.client-review-version-two
  .slider-client-review
  .review-version-two-pagination {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  left: 0;
  bottom: -40px;
  gap: 12px;
}
.client-review-version-two
  .slider-client-review
  .review-version-two-pagination
  .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.client-review-version-two
  .slider-client-review
  .review-version-two-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
  opacity: 1;
}

/* ============== Client Review Section version three ==============*/
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .client-review-version-three {
    padding-bottom: 0;
  }
}
.client-review-version-three .left-side {
  margin-top: 30px;
}
@media only screen and (max-width: 576px) {
  .client-review-version-three .left-side .review-filter .have-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.client-review-version-three .left-side .review-filter .no-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.client-review-version-three .left-side .review-filter .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr 22px 1fr 22px 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 22px;
}
.client-review-version-three .left-side .review-filter .inner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .inner > *:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .inner > *:nth-child(3) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .inner-two {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr 22px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 22px;
}
.client-review-version-three
  .left-side
  .review-filter
  .inner-two
  > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.client-review-version-three
  .left-side
  .review-filter
  .inner-two
  > *:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.client-review-version-three .left-side .review-filter .img-file {
  display: block;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  z-index: 9;
}
.client-review-version-three .left-side .review-filter .img-file span {
  position: relative;
  z-index: 9;
}
.client-review-version-three .left-side .review-filter .img-file::after {
  position: absolute;
  left: -4px;
  top: -4px;
  background: var(--theme_color);
  width: 0;
  height: 0;
  content: "";
  border-radius: 5px 0 0 0;
  z-index: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.client-review-version-three .left-side .review-filter .img-file::before {
  position: absolute;
  right: -4px;
  bottom: -4px;
  background: var(--theme_color);
  width: 0;
  height: 0;
  content: "";
  border-radius: 0 0 5px 0;
  z-index: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.client-review-version-three .left-side .review-filter .img-file.active::after,
.client-review-version-three .left-side .review-filter .img-file:hover::after {
  visibility: visible;
  opacity: 1;
  width: 50px;
  height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client-review-version-three
    .left-side
    .review-filter
    .img-file.active::after,
  .client-review-version-three
    .left-side
    .review-filter
    .img-file:hover::after {
    width: 30px;
    height: 30px;
  }
}
.client-review-version-three .left-side .review-filter .img-file.active::before,
.client-review-version-three .left-side .review-filter .img-file:hover::before {
  visibility: visible;
  opacity: 1;
  width: 50px;
  height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client-review-version-three
    .left-side
    .review-filter
    .img-file.active::before,
  .client-review-version-three
    .left-side
    .review-filter
    .img-file:hover::before {
    width: 30px;
    height: 30px;
  }
}
.client-review-version-three .right-side {
  margin-top: 30px;
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client-review-version-three .right-side {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .client-review-version-three .right-side {
    padding-left: 10px;
  }
}
.client-review-version-three .right-side .intro-section {
  margin-top: 20px;
}
.client-review-version-three .right-side .intro-section h3 {
  font-size: 20px;
  font-weight: 600;
}
.client-review-version-three .right-side .intro-section h2 {
  margin-top: 15px;
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
}
.client-review-version-three .right-side .review-version-three {
  margin-top: 10px;
}
.client-review-version-three .right-side .review-version-three .icon-file i {
  font-size: 60px;
  color: var(--border_color);
}
.client-review-version-three
  .right-side
  .review-version-three
  .icon-file.rtl
  i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.client-review-version-three .right-side .review-version-three .text-file {
  margin-top: 10px;
}
.client-review-version-three .right-side .review-version-three .button-intro {
  margin-top: 10px;
}
.client-review-version-three
  .right-side
  .review-version-three
  .button-intro
  h3 {
  font-size: 26px;
  font-weight: 700;
  color: var(--theme_color);
  margin: 0;
}
.client-review-version-three .right-side .review-version-three .button-intro p {
  font-size: 16px;
}

/*----------------------------------------*/
/*  20. Blog Section
/*----------------------------------------*/
/* ============= Blog Section version one Start =============*/
.blog-section-version-one .blog-card-version-one {
  margin-top: 40px;
}
.blog-section-version-one .blog-card-version-one .row {
  --bs-gutter-x: 34px !important;
}
.blog-section-version-one .blog-card-version-one .wrapper {
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
  .blog-section-version-one .blog-card-version-one .wrapper {
    padding: 0 20px;
  }
}
.blog-section-version-one .blog-card-version-one .wrapper .img-file {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.blog-section-version-one .blog-card-version-one .wrapper .img-file img {
  width: 100%;
}
.blog-section-version-one .blog-card-version-one .wrapper .img-file::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .img-file
  .badge-file {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 9;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .img-file
  .badge-file
  span {
  padding: 6px 12px;
  background: var(--theme_color);
  border-radius: 5px;
  color: var(--bg_white);
  font-size: 14px;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text {
  padding-bottom: 20px;
  margin-top: 15px;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .inner-text
  .overlay-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .inner-text
  .overlay-date
  .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .inner-text
  .overlay-date
  .admin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .inner-text
  .overlay-date.rtl {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text h2 {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
  line-height: 34px;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text p {
  font-size: 16px;
}
.blog-section-version-one .blog-card-version-one .wrapper .inner-text a span {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding-left: 0;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .inner-text
  a
  span::after {
  position: absolute;
  content: "";
  width: 0;
  height: 3px;
  left: 0;
  bottom: 8px;
  background: var(--theme_color);
  border-radius: 5px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .inner-text
  a
  span:hover {
  color: var(--theme_color);
  padding-left: 36px;
}
.blog-section-version-one
  .blog-card-version-one
  .wrapper
  .inner-text
  a
  span:hover::after {
  width: 32px;
}
.blog-section-version-one .blog-card-version-one .btn-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.blog-section-version-one
  .blog-card-version-one
  .btn-section
  .btn-shape-normal-outline {
  width: 190px;
}

/* ============= Blog Section version two Start =============*/
.blog-section-version-two .blog-card-version-two {
  margin-top: 40px;
}
.blog-section-version-two .blog-card-version-two .wrapper {
  margin-bottom: 35px;
  background: var(--bg_white);
  border-radius: 10px;
  overflow: hidden;
}
.blog-section-version-two .blog-card-version-two .wrapper .img-file {
  overflow: hidden;
  position: relative;
}
.blog-section-version-two .blog-card-version-two .wrapper .img-file img {
  width: 100%;
}
.blog-section-version-two .blog-card-version-two .wrapper .img-file::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}
.blog-section-version-two .blog-card-version-two .wrapper .inner-file {
  padding: 10px 20px;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .date-admin {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .date-admin
  .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: var(--theme_color);
  font-size: 14px;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .date-admin
  .admin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: var(--theme_color);
  font-size: 14px;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text {
  margin-top: 10px;
  margin-bottom: 20px;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
  margin: 0;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  p {
  margin-top: 10px;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  a {
  display: inline-block;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  a
  .inner {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading_color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  a
  .inner
  i {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  a
  .inner:hover {
  color: var(--theme_color);
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  a
  .inner:hover
  i {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  a
  .inner.rtl
  i {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.blog-section-version-two
  .blog-card-version-two
  .wrapper
  .inner-file
  .inner-text
  a
  .inner.rtl:hover
  i {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

/* ============= Blog Section version three Start =============*/
.blog-section-version-three .blog-card-version-three {
  margin-top: 40px;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper {
  padding-bottom: 30px;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper {
  margin: 0 15px;
  background: var(--bg_white);
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper {
    margin: 0 25px;
  }
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper
  .img-file {
  position: relative;
  overflow: hidden;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper
  .img-file
  img {
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
@media only screen and (max-width: 576px) {
  .blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .img-file
    img {
    width: 100%;
  }
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper
  .inner-file {
  margin-top: 30px;
  padding: 0 20px;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper
  .inner-file
  h2 {
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper
  .inner-file
  h2:hover {
  color: var(--theme_color);
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper
  .inner-file
  p {
  margin-top: 10px;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper
  .inner-file
  .footer-icons {
  margin-top: 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 576px) {
  .blog-section-version-three
    .blog-card-version-three
    .blog-version-three
    .swiper-wrapper
    .swiper-slide
    .wrapper
    .inner-file
    .footer-icons {
    margin-bottom: 30px;
  }
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three
  .swiper-wrapper
  .swiper-slide
  .wrapper:hover
  .img-file
  img {
  -webkit-transform: scale(110%);
  transform: scale(110%);
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three-pagination {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  gap: 12px;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three-pagination
  .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.blog-section-version-three
  .blog-card-version-three
  .blog-version-three-pagination
  .swiper-pagination-bullet-active {
  background: var(--theme_color);
  opacity: 1;
}

/* ============= Blog Group version one start =============*/
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .blog-group-version-one {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.blog-group-version-one .container .left-side .wrapper .blog-items {
  margin-bottom: 50px;
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .main-img
  img {
  border-radius: 8px;
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .admin-intro {
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .admin-intro
  .name,
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .admin-intro
  .date,
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .admin-intro
  .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro {
    display: block;
  }
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .name,
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .date,
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .comment {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 6px;
    font-weight: 600;
  }
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .name
    i,
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .date
    i,
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .admin-intro
    .comment
    i {
    margin-right: 5px;
  }
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .admin-intro
  span:first-child {
  color: var(--theme_color);
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .main-heading {
  margin-top: 5px;
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .main-heading
  h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .main-heading
    h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 380px) {
  .blog-group-version-one
    .container
    .left-side
    .wrapper
    .blog-items
    .main-heading
    h2 {
    font-size: 26px;
  }
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .inner-section {
  margin-top: 10px;
}
.blog-group-version-one .container .left-side .wrapper .blog-items .main-btn {
  margin-top: 10px;
}
.blog-group-version-one
  .container
  .left-side
  .wrapper
  .blog-items
  .main-btn
  .btn-shape-normal-outline {
  margin: 0;
  width: 146px;
}
.blog-group-version-one .container .left-side .pagination {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-group-version-one .container .left-side .pagination .item span {
  width: 40px;
  height: 36px;
  border: 1px solid var(--theme_color);
  border-radius: 5px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  line-height: initial;
}
.blog-group-version-one .container .left-side .pagination .item.active span,
.blog-group-version-one .container .left-side .pagination .item:hover span {
  background: var(--theme_color);
  color: var(--bg_white);
}

/* ============= Blog Details version one start =============*/
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .blog-details-version-one {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.blog-details-version-one .left-side .wrapper .main-heading {
  margin-top: 5px;
}
.blog-details-version-one .left-side .wrapper .main-heading h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
@media only screen and (max-width: 576px) {
  .blog-details-version-one .left-side .wrapper .main-heading h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 380px) {
  .blog-details-version-one .left-side .wrapper .main-heading h2 {
    font-size: 26px;
  }
}
.blog-details-version-one .left-side .wrapper .admin-intro {
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
}
.blog-details-version-one .left-side .wrapper .admin-intro .name,
.blog-details-version-one .left-side .wrapper .admin-intro .date,
.blog-details-version-one .left-side .wrapper .admin-intro .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .blog-details-version-one .left-side .wrapper .admin-intro {
    display: block;
  }
  .blog-details-version-one .left-side .wrapper .admin-intro .name,
  .blog-details-version-one .left-side .wrapper .admin-intro .date,
  .blog-details-version-one .left-side .wrapper .admin-intro .comment {
    display: inline;
    padding-right: 10px;
  }
  .blog-details-version-one .left-side .wrapper .admin-intro .name i,
  .blog-details-version-one .left-side .wrapper .admin-intro .date i,
  .blog-details-version-one .left-side .wrapper .admin-intro .comment i {
    margin-right: 5px;
  }
}
.blog-details-version-one .left-side .wrapper .admin-intro span:first-child {
  color: var(--theme_color);
}
.blog-details-version-one .left-side .wrapper .tags {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.blog-details-version-one .left-side .wrapper .tags h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--heading_color);
}
@media only screen and (max-width: 576px) {
  .blog-details-version-one .left-side .wrapper .tags h4 {
    padding-top: 12px;
    font-size: 15px;
    width: 150px;
  }
}
@media only screen and (max-width: 576px) {
  .blog-details-version-one .left-side .wrapper .tags {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.blog-details-version-one .left-side .wrapper .tags a {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-text-body);
  background: #f4f4f4;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.blog-details-version-one .left-side .wrapper .tags a:hover {
  color: var(--bg_white);
  background: var(--theme_color);
}
.blog-details-version-one .left-side .wrapper .comments {
  margin-top: 40px;
}
.blog-details-version-one .left-side .wrapper .comments h4 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment
  .img-file
  img,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment
  .img-file
  img {
  border-radius: 50%;
  width: 90px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment
  .text-file,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment
  .text-file {
  margin-top: 10px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment
  .text-file
  .intro
  h3,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment
  .text-file
  .intro
  h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
  margin: 0;
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment
  .text-file
  .intro
  p,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment
  .text-file
  .intro
  p {
  color: var(--theme_color);
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment
  .text-file
  .reply,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment
  .text-file
  .reply {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border_color);
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment
  .text-file
  .reply
  a,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment
  .text-file
  .reply
  a {
  font-size: 18px;
  font-weight: 600;
  color: var(--heading_color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .root-comment
  .text-file
  .reply
  a:hover,
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment
  .text-file
  .reply
  a:hover {
  color: var(--theme_color);
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment {
  padding-left: 80px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .comments
  .inner-comment-section
  .child-comment.rtl {
  padding-left: 0;
  padding-right: 80px;
}
.blog-details-version-one .left-side .wrapper .leave-comment {
  margin-top: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .blog-details-version-one
    .left-side
    .wrapper
    .leave-comment
    .input-inner
    .access
    input:last-child {
    margin-top: 15px;
  }
}
.blog-details-version-one .left-side .wrapper .leave-comment h4 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.blog-details-version-one .left-side .wrapper .leave-comment p {
  text-transform: capitalize;
}
.blog-details-version-one
  .left-side
  .wrapper
  .leave-comment
  .input-inner
  input {
  width: 100%;
  height: 55px;
  border: 1px solid var(--border_color);
  border-radius: 8px;
  padding: 10px 15px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .leave-comment
  .input-inner
  textarea {
  width: 100%;
  border: 1px solid var(--border_color);
  border-radius: 8px;
  padding: 10px 15px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .leave-comment
  .input-inner
  textarea:focus-visible {
  outline: transparent;
}
.blog-details-version-one
  .left-side
  .wrapper
  .leave-comment
  .input-inner
  textarea
  .main-btn {
  margin-top: 10px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .leave-comment
  .input-inner
  textarea
  .main-btn
  .btn-shape-normal-outline {
  margin: 0;
  width: 172px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .leave-comment
  .input-inner
  .main-btn {
  margin-top: 20px;
}
.blog-details-version-one
  .left-side
  .wrapper
  .leave-comment
  .input-inner
  .main-btn
  .btn-shape-normal-outline {
  margin: 0;
  width: 192px;
}

/*----------------------------------------*/
/*  21. Our Plan Price START
/*----------------------------------------*/
/* =========== Our Plan Price  version one Start ===========*/
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .price-section-version-one {
    padding-bottom: 60px;
  }
}
.price-section-version-one .price-card-version-one .row {
  --bs-gutter-x: 40px !important;
  margin-top: 60px;
}
.price-section-version-one .price-card-version-one .row .wrapper {
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .price-section-version-one .price-card-version-one .row .wrapper {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .price-section-version-one .price-card-version-one .row .wrapper {
    margin: 0 10px;
    margin-bottom: 40px;
  }
}
.price-section-version-one .price-card-version-one .row .wrapper .inner {
  background: var(--bg_white);
  border-radius: 10px;
  padding: 30px 30px;
  border-bottom: 8px solid transparent;
}
.price-section-version-one .price-card-version-one .row .wrapper .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: var(--theme_color);
  z-index: -1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .heading-intro {
  text-align: center;
  margin: 20px 0;
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .heading-intro
  h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--text_color);
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .heading-intro
  h1 {
  margin-top: 15px;
  font-size: 46px;
  font-weight: 700;
  color: var(--heading_color);
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .heading-intro
  h1
  span {
  font-size: 22px;
  color: var(--theme_color);
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .inner-list
  ul
  li {
  padding: 5px 0;
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .inner-list
  ul
  li
  i {
  font-size: 10px;
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .inner-list
  .btn-section {
  margin-top: 25px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper
  .inner-list
  .btn-section
  .btn-shape-normal-outline {
  padding: 10px;
  width: 126px;
}
.price-section-version-one .price-card-version-one .row .wrapper:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.price-section-version-one
  .price-card-version-one
  .row
  .wrapper:hover
  .overlay {
  top: 6px;
}

/* =========== Our Plan Price  version two Start ===========*/
.price-section-version-two .price-card-version-two .wrapper {
  margin-top: 70px;
  background: var(--bg_white);
  padding: 30px 30px;
  border-radius: 8px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .heading-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .heading-intro
  .left {
  margin-top: 20px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .heading-intro
  .left
  h2 {
  font-size: 16px;
  font-weight: 700;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .heading-intro
  .left
  h3 {
  font-weight: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .heading-intro
  .left
  p {
  font-size: 15px;
  margin-bottom: 5px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .heading-intro
  .right
  h1 {
  font-size: 48px;
  font-weight: 700;
  color: var(--theme_color);
}
.price-section-version-two .price-card-version-two .wrapper .inner .inner-list {
  margin-top: 10px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .inner-list
  ul
  li {
  padding: 7px 0;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .inner-list
  ul
  li
  i {
  margin-right: 6px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .inner-list
  ul
  li
  .fa-check {
  color: #22c55e;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .inner-list
  ul
  li
  .fa-xmark {
  color: #dc2626;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .inner-list
  .btn-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 20px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper
  .inner
  .inner-list
  .btn-section
  .btn-shape-normal-outline {
  width: 200px;
  padding: 14px;
}
.price-section-version-two .price-card-version-two .wrapper.theme {
  margin-top: 40px;
  background: var(--primary_color);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .price-section-version-two .price-card-version-two .wrapper.theme {
    margin-top: 70px;
  }
}
.price-section-version-two
  .price-card-version-two
  .wrapper.theme
  .inner
  .heading-intro
  .left
  h2 {
  color: var(--bg_white);
}
.price-section-version-two
  .price-card-version-two
  .wrapper.theme
  .inner
  .heading-intro
  .left
  h3 {
  color: var(--bg_white);
}
.price-section-version-two
  .price-card-version-two
  .wrapper.theme
  .inner
  .heading-intro
  .left
  p {
  color: var(--bg_white);
}
.price-section-version-two
  .price-card-version-two
  .wrapper.theme
  .inner
  .inner-list {
  margin-top: 10px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper.theme
  .inner
  .inner-list
  ul
  li {
  color: var(--bg_white);
}
.price-section-version-two
  .price-card-version-two
  .wrapper.theme
  .inner
  .inner-list
  .btn-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 20px;
}
.price-section-version-two
  .price-card-version-two
  .wrapper.theme
  .inner
  .inner-list
  .btn-section
  .btn-shape-normal-outline {
  width: 200px;
  padding: 14px;
}

/* =========== Our Plan Price  version three Start ===========*/
@media only screen and (max-width: 576px) {
  .price-section-version-three {
    padding-bottom: 20px;
  }
}
.price-section-version-three .price-card-version-three {
  margin-top: 60px;
}
.price-section-version-three .price-card-version-three .wrapper {
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .price-section-version-three .price-card-version-three .wrapper {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .price-section-version-three .price-card-version-three .wrapper {
    margin: 0 10px;
    margin-bottom: 70px;
  }
}
.price-section-version-three .price-card-version-three .wrapper .inner {
  background: var(--bg_white);
  padding: 20px 30px;
}
.price-section-version-three .price-card-version-three .wrapper .icon-file {
  text-align: center;
  margin: 20px 0;
}
.price-section-version-three .price-card-version-three .wrapper .heading-intro {
  text-align: center;
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .heading-intro
  h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .heading-intro
  h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--theme_color);
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .heading-intro
  h3
  span {
  font-size: 15px;
}
.price-section-version-three .price-card-version-three .wrapper .inner-list {
  margin-top: 15px;
  text-align: center;
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .inner-list
  ul
  li {
  padding: 5px 0;
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .inner-list
  ul
  li
  i {
  font-size: 16px;
  margin-right: 5px;
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .inner-list
  ul
  li
  i.fa-check {
  color: #22c55e;
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .inner-list
  ul
  li
  i.fa-xmark {
  color: #dc2626;
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .inner-list
  .btn-section {
  margin-top: 25px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.price-section-version-three
  .price-card-version-three
  .wrapper
  .inner-list
  .btn-section
  .btn-shape-normal-outline {
  padding: 10px;
  width: 126px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .price-section-version-three
    .price-card-version-three
    .wrapper
    .inner-list
    .btn-section
    .btn-shape-normal-outline {
    padding: 16px;
    margin-bottom: 20px;
  }
}
.price-section-version-three .price-card-version-three .wrapper:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/*----------------------------------------*/
/*  22. News Letter
/*----------------------------------------*/
/* ============= News Letter version one Start =============*/
.newsletter-section-version-one {
  position: relative;
  z-index: 9;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
}
.newsletter-section-version-one::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.8431372549);
  z-index: -1;
}
.newsletter-section-version-one .wrapper h2 {
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  color: var(--bg_white);
}
@media only screen and (max-width: 576px) {
  .newsletter-section-version-one .wrapper h2 {
    font-size: 36px;
  }
}
.newsletter-section-version-one .wrapper p {
  text-align: center;
  padding: 0 200px;
  font-size: 16px;
  color: var(--bg_white);
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .newsletter-section-version-one .wrapper p {
    padding: 0;
  }
}
.newsletter-section-version-one .wrapper .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.newsletter-section-version-one .wrapper .input input {
  margin-top: 10px;
  width: 400px;
  height: 50px;
  border-radius: 8px;
  padding: 5px 15px;
  border: 2px solid var(--bg_white);
  background: transparent;
  color: var(--bg_white);
}
.newsletter-section-version-one
  .wrapper
  .input
  input::-webkit-input-placeholder {
  color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input::-moz-placeholder {
  color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input:-ms-input-placeholder {
  color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input::-ms-input-placeholder {
  color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .input input::placeholder {
  color: var(--bg_white);
}
.newsletter-section-version-one .wrapper .btn-section {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.newsletter-section-version-one
  .wrapper
  .btn-section
  .btn-shape-normal-outline {
  padding: 12px;
  width: 140px;
}

/* ============= News Letter version two Start =============*/
.newsletter-section-version-two {
  position: relative;
  z-index: 9;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
  overflow: hidden;
}
.newsletter-section-version-two::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.4588235294);
  z-index: -1;
}
.newsletter-section-version-two .wrapper h2 {
  font-size: 46px;
  color: var(--bg_white);
  text-transform: capitalize;
  font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .newsletter-section-version-two .wrapper h2 {
    font-size: 30px;
  }
}
.newsletter-section-version-two .wrapper p {
  margin-top: 20px;
  font-size: 16px;
  color: var(--bg_white);
}
.newsletter-section-version-two .wrapper .input-section {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.newsletter-section-version-two .wrapper .input-section input {
  width: 330px;
  height: 50px;
  padding: 0 10px;
  border-radius: 5px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsletter-section-version-two
  .wrapper
  .input-section
  .btn-shape-normal-outline {
  padding: 12px;
  width: 130px;
}
.newsletter-section-version-two .img-file {
  width: 100%;
  height: 100%;
  position: relative;
}
.newsletter-section-version-two .img-file img {
  position: absolute;
  width: 400px;
  bottom: -115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .newsletter-section-version-two .img-file img {
    display: none;
  }
}
.newsletter-section-version-two .img-file.rtl img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* ============= News Letter version three Start =============*/
.newsletter-section-version-three {
  position: relative;
  z-index: 9;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
  overflow: hidden;
}
.newsletter-section-version-three::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.4588235294);
  z-index: -1;
}
.newsletter-section-version-three .right-side .heading-text h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--bg_white);
}
.newsletter-section-version-three .right-side .heading-text h2 {
  margin-top: 20px;
  font-size: 46px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--bg_white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter-section-version-three .right-side .heading-text h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .newsletter-section-version-three .right-side .heading-text h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 380px) {
  .newsletter-section-version-three .right-side .heading-text h2 {
    font-size: 26px;
  }
}
.newsletter-section-version-three .right-side .profile-hold {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
.newsletter-section-version-three .right-side .profile-hold .img-file {
  overflow: hidden;
}
.newsletter-section-version-three .right-side .profile-hold .img-file img {
  border-radius: 100px;
  border: 5px solid #fff;
  width: 80px;
}
.newsletter-section-version-three .right-side .profile-hold .text-file h3 {
  margin: 0;
  font-size: 22px;
  color: var(--bg_white);
}
.newsletter-section-version-three .right-side .profile-hold .text-file p {
  margin: 0;
  color: var(--bg_white);
}
.newsletter-section-version-three .left-side .input-section {
  margin-top: 40px;
}
.newsletter-section-version-three .left-side .input-section input {
  width: 100%;
  height: 55px;
  padding: 0 10px;
  border-radius: 5px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 2px solid #fff;
  color: #ddd;
}
.newsletter-section-version-three
  .left-side
  .input-section
  .btn-shape-normal-outline {
  padding: 12px;
  width: 130px;
  margin: 0;
  margin-top: 15px;
}

/*----------------------------------------*/
/*  23. Our Client START
/*----------------------------------------*/
/* ============ Our Client version one Start ============ */
.ourclient-section-version-one .wrapper {
  text-align: center;
}
@media only screen and (max-width: 576px) {
  .ourclient-section-version-one .wrapper {
    padding-bottom: 15px;
  }
}
.ourclient-section-version-one .wrapper h2 {
  font-weight: 36;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
.ourclient-section-version-one .wrapper p {
  margin-top: 10px;
  padding: 0 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourclient-section-version-one .wrapper p {
    padding: 0;
  }
}
.ourclient-section-version-one .data-inner {
  margin-top: 30px;
}

/* ============ Our Client version two Start ============ */
.ourclient-section-version-two .data-inner-version-two {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourclient-section-version-two .data-inner-version-two .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
  }
}

/* ============ Our Client version three Start ============ */
.ourclient-section-version-three .data-inner-version-three {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .ourclient-section-version-three .data-inner-version-three .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  FAQ Section
/*----------------------------------------*/
/* =============== FAQ Section version one ===============*/
.faq-section-version-one .left-side .wrapper h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
.faq-section-version-one .left-side .wrapper img {
  border-radius: 8px;
  overflow: hidden;
}
.faq-section-version-one .left-side .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
  text-transform: capitalize;
}
.faq-section-version-one .left-side .intro h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.faq-section-version-one .left-side .accordion {
  margin-top: 20px;
}
.faq-section-version-one .left-side .accordion .accordion-item {
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.faq-section-version-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  padding-left: 40px;
  position: relative;
  color: var(--bg_white);
  background-color: var(--theme_color);
  border: 1px solid var(--theme_color);
  font-weight: 600;
}
.faq-section-version-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:focus {
  border: 1px solid var(--theme_color);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.faq-section-version-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button::after {
  content: "+";
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 15px;
  color: var(--bg_white);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.faq-section-version-one
  .left-side
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed)::after {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-image: none;
  content: "\f068";
  color: var(--bg_white);
}
.faq-section-version-one.rtl .accordion-button {
  padding-left: 0;
  padding-right: 45px;
}
.faq-section-version-one.rtl .accordion-button::after {
  left: auto;
  right: 15px;
}
.faq-section-version-one.rtl .widget .widget-four .input-inner .input span {
  left: auto;
  right: 14px;
}
.faq-section-version-one.rtl .widget .widget-four .input-inner .input input {
  padding-right: 35px;
  padding-left: 0;
}
.faq-section-version-one.rtl .widget .widget-four .input-inner .text-area span {
  left: auto;
  right: 14px;
}
.faq-section-version-one.rtl
  .widget
  .widget-four
  .input-inner
  .text-area
  .text-end {
  padding-right: 35px;
  padding-left: 0;
}

/*----------------------------------------*/
/*   Contact Section
/*----------------------------------------*/
/* ============== Contact version one start ==============*/
.contact-version-one .contact-inner .input-field {
  padding-right: 30px;
}
.contact-version-one .contact-inner .input-field .field {
  margin-top: 20px;
}
.contact-version-one .contact-inner .input-field .field h4 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.contact-version-one .contact-inner .input-field .field p {
  text-transform: capitalize;
}
.contact-version-one .contact-inner .input-field .field .input-inner input {
  width: 100%;
  height: 55px;
  border: 1px solid var(--border_color);
  border-radius: 8px;
  padding: 10px 15px;
}
.contact-version-one .contact-inner .input-field .field .input-inner textarea {
  width: 100%;
  border: 1px solid var(--border_color);
  border-radius: 8px;
  padding: 10px 15px;
}
.contact-version-one
  .contact-inner
  .input-field
  .field
  .input-inner
  textarea:focus-visible {
  outline: transparent;
}
.contact-version-one
  .contact-inner
  .input-field
  .field
  .input-inner
  textarea
  .main-btn {
  margin-top: 10px;
}
.contact-version-one
  .contact-inner
  .input-field
  .field
  .input-inner
  textarea
  .main-btn
  .btn-shape-normal-outline {
  margin: 0;
  width: 172px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .contact-version-one
    .contact-inner
    .input-field
    .field
    .input-inner
    .access
    input:last-child {
    margin-top: 15px;
  }
}
.contact-version-one .contact-inner .input-field .field .input-inner .main-btn {
  margin-top: 20px;
}
.contact-version-one
  .contact-inner
  .input-field
  .field
  .input-inner
  .main-btn
  .btn-shape-normal-outline {
  margin: 0;
  width: 172px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .contact-version-one .contact-inner .input-field.rtl {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .contact-version-one .contact-inner .right-side {
    margin-top: 70px;
  }
}
.contact-version-one .contact-inner .right-side .intro h2 {
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--heading_color);
}
.contact-version-one .contact-inner .right-side .list-data ul {
  margin-top: 20px;
}
.contact-version-one .contact-inner .right-side .list-data ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  padding: 8px 0;
}
.contact-version-one .contact-inner .right-side .list-data ul li i {
  font-size: 46px;
  color: var(--theme_color);
}
.contact-version-one .contact-inner .right-side .list-data ul li h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading_color);
  margin: 0;
}
.contact-version-one .contact-g-map {
  margin-top: 80px;
  width: 100%;
}
.contact-version-one .contact-g-map iframe {
  width: 100%;
  height: 500px;
}

/*----------------------------------------*/
/* 26.  Widget Section
/*----------------------------------------*/
/* ============= Widget Section one Start =============*/
.widget {
  padding-left: 30px;
}
.widget.rtl {
  padding-left: 0;
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .widget {
    padding-left: 0;
    margin-top: 50px;
  }
}
.widget .widget-one .wrapper {
  padding: 30px 25px;
  border-radius: 10px;
  border: 2px solid var(--border_color);
}
.widget .widget-one .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-one .wrapper ul {
  margin-top: 20px;
}
.widget .widget-one .wrapper ul li {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.widget .widget-one .wrapper ul li i {
  font-size: 40px;
  color: var(--theme_color);
}
.widget .widget-one .wrapper ul li span,
.widget .widget-one .wrapper ul li button {
  line-height: initial;
  padding: 4px 0;
}
.widget .widget-one .wrapper ul li button {
  font-weight: 600;
  color: var(--theme_color);
}
.widget .widget-one .wrapper ul li span {
  text-transform: capitalize;
}
.widget .widget-one .wrapper .btn-shape-normal-outline {
  width: 165px;
  margin: 0;
  margin-top: 20px;
}
.widget .widget-two {
  position: relative;
}
.widget .widget-two .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-two .wrapper .img-file {
  position: relative;
  margin-top: 15px;
}
.widget .widget-two .wrapper .img-file .pop-img {
  overflow: hidden;
  border-radius: 10px;
}
.widget .widget-two .wrapper .img-file .pop-img .inner {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .widget .widget-two .wrapper .img-file .pop-img .inner img {
    width: 100%;
  }
}
.widget .widget-two .wrapper .img-file .pop-img .inner .vide-button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.widget .widget-two .wrapper .img-file .pop-img .inner .vide-button a {
  width: 80px;
  height: 80px;
  background: var(--theme_color);
  border-radius: 50%;
  color: var(--bg_white);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  line-height: 120px;
  text-align: center;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.widget .widget-two .wrapper .img-file .pop-img .inner .vide-button:hover a {
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.widget .widget-three {
  position: relative;
}
.widget .widget-three .wrapper {
  padding: 30px 25px;
  border-radius: 10px;
  background: var(--primary_color);
}
.widget .widget-three .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--bg_white);
}
.widget .widget-three .wrapper ul {
  margin-top: 20px;
}
.widget .widget-three .wrapper ul li {
  font-size: 16px;
  color: var(--bg_white);
  display: block;
  padding-bottom: 15px;
}
.widget .widget-three .wrapper ul li:last-child {
  padding-bottom: 0;
}
.widget .widget-three .wrapper ul li span {
  font-weight: 600;
}
.widget .widget-three .wrapper ul li i {
  margin-right: 8px;
  color: var(--theme_color);
}
.widget .widget-four .wrapper {
  padding: 30px 25px;
  border-radius: 10px;
  border: 2px solid var(--border_color);
}
.widget .widget-four .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-four .wrapper .input-inner {
  margin-top: 20px;
}
.widget .widget-four .wrapper .input-inner .input {
  position: relative;
  margin-bottom: 10px;
}
.widget .widget-four .wrapper .input-inner .input input {
  width: 100%;
  height: 50px;
  padding: 10px;
  padding-left: 35px;
  border-radius: 5px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid var(--border_color);
  line-height: initial;
}
.widget .widget-four .wrapper .input-inner .input span {
  position: absolute;
  left: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: initial;
}
.widget .widget-four .wrapper .input-inner .input span i {
  color: var(--theme_color);
}
.widget .widget-four .wrapper .input-inner .text-area {
  position: relative;
  margin-bottom: 10px;
}
.widget .widget-four .wrapper .input-inner .text-area textarea {
  width: 100%;
  height: 200px;
  padding: 10px;
  padding-left: 35px;
  border-radius: 5px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid var(--border_color);
  line-height: initial;
}
.widget .widget-four .wrapper .input-inner .text-area textarea:focus-visible {
  outline: none;
}
.widget .widget-four .wrapper .input-inner .text-area span {
  position: absolute;
  left: 14px;
  top: 22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: initial;
}
.widget .widget-four .wrapper .input-inner .text-area span i {
  color: var(--theme_color);
}
.widget .widget-four .wrapper .btn-shape-normal-outline {
  width: 100%;
  margin: 0;
  margin-top: 20px;
}
.widget .widget-four.rtl .wrapper .input-inner .input span {
  left: auto;
  right: 14px;
}
.widget .widget-four.rtl .wrapper .input-inner .input input {
  padding-left: 0;
  padding-right: 35px;
}
.widget .widget-four.rtl .wrapper .input-inner .text-area span {
  left: auto;
  right: 14px;
}
.widget .widget-five {
  position: relative;
}
.widget .widget-five .wrapper {
  padding: 30px 25px;
  border-radius: 10px;
  border: 2px solid var(--border_color);
}
.widget .widget-five .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-five .wrapper ul {
  margin-top: 15px;
}
.widget .widget-five .wrapper ul li {
  text-transform: capitalize;
  padding: 4px 0;
}
.widget .widget-five .wrapper ul li span {
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-five .wrapper ul li i {
  margin-right: 8px;
  color: var(--theme_color);
}
.widget .widget-six .wrapper {
  padding: 30px 25px;
  border-radius: 10px;
  border: 2px solid var(--border_color);
}
.widget .widget-six .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-six .wrapper .blog-inner-items {
  margin-top: 15px;
}
.widget .widget-six .wrapper .blog-inner-items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 12px;
  margin-bottom: 20px;
}
.widget .widget-six .wrapper .blog-inner-items .item:last-child {
  margin-bottom: 0;
}
.widget .widget-six .wrapper .blog-inner-items .item .img-file {
  width: 35%;
}
.widget .widget-six .wrapper .blog-inner-items .item .img-file img {
  border-radius: 5px;
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file {
  width: 65%;
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--heading_color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-transform: capitalize;
  margin: 0;
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file h3:hover {
  color: var(--theme_color);
}
.widget .widget-six .wrapper .blog-inner-items .item .text-file .footer-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget .widget-six .wrapper .blog-inner-items .item .text-file .footer-text {
    display: block;
  }
}
.widget
  .widget-six
  .wrapper
  .blog-inner-items
  .item
  .text-file
  .footer-text
  span {
  font-size: 12px;
}
.widget .widget-seven .wrapper .input-inner .input {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.widget .widget-seven .wrapper .input-inner .input input {
  width: 100%;
  height: 60px;
  padding: 15px;
  border-radius: 5px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid var(--border_color);
  line-height: initial;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.widget .widget-seven .wrapper .input-inner .input input:focus {
  border: 2px solid var(--theme_color);
}
.widget .widget-seven .wrapper .input-inner .input span {
  width: 60px;
  height: 60px;
  background: var(--theme_color);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: initial;
  border-radius: 0 5px 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9;
  cursor: pointer;
}
.widget .widget-seven .wrapper .input-inner .input span i {
  font-size: 20px;
  color: var(--bg_white);
}
.widget .widget-seven .wrapper .input-inner .input.rtl span {
  right: auto;
  left: 0;
  border-radius: 5px 0px 0px 5px;
}
.widget .widget-seven .wrapper .btn-shape-normal-outline {
  width: 100%;
  margin: 0;
  margin-top: 20px;
}
.widget .widget-eight .wrapper {
  padding: 30px 25px;
  border-radius: 10px;
  border: 2px solid var(--border_color);
}
.widget .widget-eight .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-eight .wrapper .inner-list {
  margin-top: 15px;
}
.widget .widget-eight .wrapper .inner-list ul li {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 5px;
}
.widget .widget-eight .wrapper .inner-list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.widget .widget-eight .wrapper .inner-list ul li:last-child {
  padding-bottom: 0;
}
.widget .widget-eight .wrapper .inner-list ul li i {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 12px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-eight .wrapper .inner-list ul li span {
  font-weight: 600;
  font-weight: 20px;
  text-transform: capitalize;
}
.widget .widget-eight .wrapper .inner-list ul li:hover {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
  color: var(--theme_color);
}
.widget .widget-eight .wrapper .inner-list ul li:hover i {
  color: var(--theme_color);
}
.widget .widget-eight.rtl .inner-list ul li:hover {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  color: var(--theme_color);
}
.widget .widget-eight.rtl .inner-list ul li:hover i {
  color: var(--theme_color);
}
.widget .widget-nine .wrapper {
  padding: 30px 25px;
  border-radius: 10px;
  border: 2px solid var(--border_color);
}
.widget .widget-nine .wrapper h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading_color);
}
.widget .widget-nine .wrapper .inner-list {
  margin-top: 15px;
}
.widget .widget-nine .wrapper .inner-list a {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-text-body);
  background: #f4f4f4;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.widget .widget-nine .wrapper .inner-list a:hover {
  color: var(--bg_white);
  background: var(--theme_color);
}
.widget.rtl {
  padding-left: 0;
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .widget.rtl {
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*  Demo Section
/*----------------------------------------*/
/* Demo Page start */
.demo-inner .banner-intro {
  padding: 80px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.demo-inner .banner-intro::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 58, 64, 0.69);
  z-index: 0;
}
.demo-inner .banner-intro .right-side {
  position: relative;
  z-index: 9;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .demo-inner .banner-intro .right-side {
    margin-top: 40px;
  }
}
.demo-inner .banner-intro .right-side .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.demo-inner .banner-intro .left-side {
  position: relative;
  z-index: 9;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.demo-inner .banner-intro .left-side .wrapper h2 {
  font-size: 60px;
  font-weight: 700;
  color: var(--bg_white);
  line-height: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .demo-inner .banner-intro .left-side .wrapper h2 {
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .demo-inner .banner-intro .left-side .wrapper h2 {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 30px;
  }
}
.demo-inner .banner-intro .left-side .wrapper .intro-list {
  margin-top: 20px;
}
.demo-inner .banner-intro .left-side .wrapper .intro-list h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--bg_white);
}
.demo-inner .banner-intro .left-side .wrapper .intro-list ul {
  margin-top: 10px;
  padding-left: 15px;
}
.demo-inner .banner-intro .left-side .wrapper .intro-list ul li {
  font-size: 18px;
  color: var(--bg_white);
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.demo-inner .banner-intro .left-side .wrapper .intro-list ul i {
  color: var(--theme_color);
}
.demo-inner .banner-intro .left-side .wrapper .intro-list .button-intro {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.demo-inner
  .banner-intro
  .left-side
  .wrapper
  .intro-list
  .button-intro
  .btn-shape-normal-outline.left {
  width: 172px;
  border: 2px solid var(--theme_color);
}
.demo-inner
  .banner-intro
  .left-side
  .wrapper
  .intro-list
  .button-intro
  .btn-shape-normal-outline.right {
  width: 208px;
  background: transparent;
  border: 2px solid var(--theme_color);
}
@media only screen and (max-width: 576px) {
  .demo-inner .banner-intro .left-side .wrapper .intro-list .button-intro {
    display: block;
  }
}
.demo-inner .counter-view .row {
  margin-top: 60px;
  background: var(--primary_color);
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
}
.demo-inner .counter-view .row .inner {
  text-align: center;
}
.demo-inner .counter-view .row .inner h2 {
  font-size: 60px;
  color: var(--bg_white);
  font-weight: 700;
}
.demo-inner .counter-view .row .inner h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--bg_white);
}
.demo-inner .inner-items .header h2 {
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  color: var(--heading_color);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .demo-inner .inner-items .header h2 {
    font-size: 45px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .demo-inner .inner-items .header h2 {
    font-size: 36px;
    line-height: 46px;
  }
}
.demo-inner .inner-items .items {
  margin-bottom: 50px;
}
.demo-inner .inner-items .items .img-file {
  position: relative;
  text-align: center;
  padding: 0 10px;
  height: 450px;
  overflow: hidden;
  margin-bottom: 20px;
}
.demo-inner .inner-items .items .img-file img.blur {
  -webkit-filter: blur(30px);
  filter: blur(30px);
}
.demo-inner .inner-items .items .img-file .btn-section {
  position: absolute;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.demo-inner
  .inner-items
  .items
  .img-file
  .btn-section
  .btn-shape-normal-outline {
  width: 172px;
}
.demo-inner .inner-items .items .img-file::after {
  background: rgba(52, 58, 64, 0.45);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.demo-inner .inner-items .items .img-file.blur {
  -webkit-filter: blur(30px);
  filter: blur(30px);
}
.demo-inner .inner-items .items h3 {
  margin-top: 15px;
  text-align: center;
}
.demo-inner .inner-items .items:hover .img-file::after {
  visibility: visible;
  opacity: 1;
}
.demo-inner .inner-items .items:hover .btn-section {
  visibility: visible;
  opacity: 1;
}
.demo-inner .feature .header {
  margin-bottom: 10px;
}
.demo-inner .feature .header h2 {
  text-align: center;
  font-size: 60px;
  color: var(--heading_color);
  font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .demo-inner .feature .header h2 {
    font-size: 45px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .demo-inner .feature .header h2 {
    font-size: 36px;
    line-height: 46px;
  }
}
.demo-inner .feature .header p {
  font-size: 20px;
  text-align: center;
  padding: 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .demo-inner .feature .header p {
    padding: 0 30px;
  }
}
.demo-inner .feature .item {
  padding: 50px 20px;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  border-radius: 8px;
  margin-bottom: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.demo-inner .feature .item img {
  width: 80px;
}
.demo-inner .feature .item p {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 600;
  color: var(--heading_color);
}
.demo-inner .feature .item:hover {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}

.footer-demo {
  background: var(--primary_color);
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-demo .wrapper .img-file {
  text-align: center;
}
.footer-demo .wrapper .img-file p {
  padding: 30px 80px;
  color: var(--bg_white);
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-demo .wrapper .img-file p {
    padding: 30px 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 576px) {
  .footer-demo .wrapper .img-file p {
    padding: 30px 10px;
  }
}
.footer-demo .wrapper .btn-shape-normal-outline {
  width: 186px;
  margin: 0;
}