/*!
Theme Name: Ashreitech Academy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ashreitech-academy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ashreitech Academy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*-----------------------------------------------------------------
Theme Name: Ezensi
Author: Namespace-It
Author URI: https://themeforest.net/user/namespace-it
Developer: Masirul Islam -Skype:live:.cid.a84d5013f6e833cc
Version: 1.0.0 
Description: Ezensi - Creative Digital Agency Html Template  <

-------------------------------------------------------------------
 CSS TABLE OF CONTENTS
-------------------------------------------------------------------
01.Mixins
02.Variables
03.Typography
04.Gutter
05.Container
06.Helper
07.Preloader
08.Animation
09.Buttons
10.Common
11.Meanmenu
12.Header
13.Title
14.Intro
15.Services
16.About
17.Feature
18.Achievement
19.Work Process
20.Projects
21.FAQ
22.Blog
23.contact
24.Partner
25.Testimonial
26.Team
27.Marquee
28.Projects
29.Map
30.Services
31.Footer
------------------------------------------------------------------*/
   /* 01.Mixins */
   /* 02.Variables */
   /*----------------------------------------------
    # All Variables here
----------------------------------------------*/
   @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

   :root {
      --body: #ffffff;
      --black: #000;
      --white: #fff;
      /* --theme: #008f71; */
      --theme: #cfb72a;
      --theme2: #232323;
      --title: #232323;
      --gray1: #D1D1D1;
      --orange: #d0b62b;
      --orange1: #E8E109;
      --text: #7B7B7B;
      --border: #D1D1D1;
      --border-2: #D4DCED;
      --bg: #EBEBEB;
      --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
      --icon-font: "Font Awesome 6 Free";
   }

   /* 03.Typography */
   /* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
   body {
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-weight: normal;
      line-height: 28px;
      color: var(--text);
      background-color: var(--white);
      padding: 0;
      margin: 0;
      overflow-x: hidden;
   }

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

   button {
      border: none;
      background-color: transparent;
      padding: 0;
   }

   input:focus {
      color: var(--text);
      outline: none;
   }

   input::placeholder {
      color: #767771;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
      font-family: "Poppins", sans-serif !important;
      margin: 0px;
      padding: 0;
      color: var(--title);
      transition: all 0.4s ease-in-out;
   }

   h1 {
      font-size: 90px;
      font-weight: 700;
      line-height: 100px;
   }

   @media (max-width: 1399px) {
      h1 {
         font-size: 55px;
      }
   }

   @media (max-width: 767px) {
      h1 {
         font-size: 55px;
         line-height: 70px;
      }
   }

   h2 {
      font-family: "Outfit", sans-serif;
      font-size: 70px;
      line-height: 124%;
      font-weight: 700;
   }

   @media (max-width: 767px) {
      h2 {
         font-size: 55px;
      }
   }

   @media (max-width: 575px) {
      h2 {
         font-size: 43px;
      }
   }

   h3 {
      font-family: "Outfit", sans-serif;
      font-size: 48px;
      font-weight: 700;
      line-height: 122%;
   }

   @media (max-width: 1199px) {
      h3 {
         font-size: 40px;
      }
   }

   @media (max-width: 575px) {
      h3 {
         font-size: 35px;
      }
   }

   @media (max-width: 450px) {
      h3 {
         font-size: 35px;
      }
   }

   h4 {
      font-family: "Outfit", sans-serif;
      font-size: 24px;
      font-weight: 600;
      line-height: 122%;
   }

   @media (max-width: 1399px) {
      h4 {
         font-size: 20px;
      }
   }

   h5 {
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
   }

   h6 {
      font-size: 18px;
      font-weight: 600;
      line-height: 145%;
   }

   h2 a {
      font-family: "Outfit", sans-serif;
      font-size: 70px;
      line-height: 124%;
      font-weight: 700;
      display: inline-block;
   }

   @media (max-width: 767px) {
      h2 a {
         font-size: 34px;
      }
   }

   @media (max-width: 575px) {
      h2 a {
         font-size: 28px;
      }
   }

   h3 a {
      font-family: "Outfit", sans-serif;
      font-size: 48px;
      font-weight: 700;
      line-height: 122%;
      display: inline-block;
   }

   @media (max-width: 767px) {
      h3 a {
         font-size: 16px;
      }
   }

   h4 a {
      font-family: "Outfit", sans-serif;
      font-size: 24px;
      font-weight: 600;
      line-height: 122%;
      display: inline-block;
   }

   @media (max-width: 450px) {
      h4 a {
         font-size: 20px;
      }
   }

   h5 a {
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      display: inline-block;
   }

   h6 a {
      font-size: 16px;
      font-weight: 600;
      line-height: 145%;
   }

   a {
      text-decoration: none;
      outline: none !important;
      cursor: pointer;
      color: var(--title);
      transition: all 0.4s ease-in-out;
   }

   a:hover {
      color: var(--theme2) !important;
   }

   p {
      margin: 0px;
      transition: all 0.4s ease-in-out;
      font-family: "Poppins", sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
   }

   span {
      margin: 0px;
      transition: all 0.4s ease-in-out;
   }

   span a {
      font-family: "Poppins", sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
   }

   /* 04.Gutter */
   /*----------------------------------------------
    # Gutter  style here
----------------------------------------------*/
   @media (min-width: 1600px) {
      .g-30 {
         --bs-gutter-x: 30px;
         --bs-gutter-y: 30px;
      }

      .gx-40 {
         --bs-gutter-x: 40px;
      }

      .gx-30 {
         --bs-gutter-x: 30px;
      }

      .gx-60 {
         --bs-gutter-x: 60px;
      }

      .gx-64 {
         --bs-gutter-x: 64px;
      }

      .gx-47 {
         --bs-gutter-x: 47px;
      }

      .gx-80 {
         --bs-gutter-x: 80px;
      }

      .gx-120 {
         --bs-gutter-x: 120px;
      }

      .gx-134 {
         --bs-gutter-x: 134px;
      }

      .gx-140 {
         --bs-gutter-x: 140px;
      }

      .gx-165 {
         --bs-gutter-x: 165px;
      }

      .gy-60 {
         --bs-gutter-y: 60px;
      }
   }

   .gx-0 {
      --bs-gutter-x: 0px;
   }

   /* 05.Container */
   /*----------------------------------------------
    # Container  style here
----------------------------------------------*/
   @media (min-width: 1400px) {
      .causes-wrapper.style1 .container {
         max-width: 1352px;
      }
   }

   @media (min-width: 1600px) {
      .footer-widgets-wrapper.style1 .container {
         max-width: 1338px;
      }
   }

   /* 06.Helper */
   /*----------------------------------------------
    # Helping  style here
----------------------------------------------*/
   ::-webkit-scrollbar {
      width: 10px;
      height: 4px;
   }

   /* Track */
   ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px var(--theme);
   }

   /* Handle */
   ::-webkit-scrollbar-thumb {
      background: var(--theme);
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
   }

   .fix {
      overflow: hidden;
   }

   .ralt {
      position: relative;
   }

   .ripple {
      position: relative;
   }

   .ripple::before,
   .ripple::after {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 60px;
      height: 60px;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      border-radius: 50%;
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
      -webkit-animation: rippleOne 3s infinite;
      animation: rippleOne 3s infinite;
   }

   .ripple::before {
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
   }

   .ripple::after {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
   }

   .mb-30 {
      margin-bottom: 30px;
   }

   .mb-40 {
      margin-bottom: 40px;
   }

   .mb-50 {
      margin-bottom: 50px;
   }

   @media (max-width: 767px) {
      .mb-50 {
         margin-bottom: 30px;
      }
   }

   .mb-60 {
      margin-bottom: 60px;
   }

   .ps40 {
      padding-left: 40px;
   }

   .section-padding {
      padding: 70px 0px;
   }

	@media (min-width: 992px) {
      .section-padding {
         padding: 70px 0px;
      }
   }


   .bg-color1 {
      background-color: var(--bg);
   }

   .bg-color2 {
      background-color: var(--theme2);
   }

   .section-title2__subtitle {
      color: var(--theme);
      text-align: center;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
   }

   @media (max-width: 450px) {
      .section-title2__subtitle {
         font-size: 14px;
      }
   }

   .section-title2__title {
      color: var(--title);
      text-align: center;
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   .section-title2__title span {
      color: var(--theme);
   }

   @media (max-width: 1399px) {
      .section-title2__title {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .section-title2__title {
         font-size: 34px;
         line-height: 44px;
         letter-spacing: 0.1px;
      }

      .section-title2__title br {
         display: none;
      }
   }

   @media (max-width: 450px) {
      .section-title2__title {
         font-size: 24px;
         line-height: 34px;
         letter-spacing: 0.1px;
      }
   }

   .section-title2.style2 .section-title2__subtitle {
      color: var(--theme2);
   }

   .section-title2.style2 .section-title2__subtitle .svg {
      filter: brightness(0%) invert(0%);
   }

   input:focus {
      outline: 0;
      box-shadow: none;
   }

   .form-control:focus {
      color: var(--bs-body-color);
      background-color: var(--bs-body-bg);
      border-color: inherit;
      outline: 0;
      box-shadow: 0;
   }

   .form-control {
      color: var(--white);
   }

   .pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
      gap: 10px;
   }

   @media (max-width: 450px) {
      .pagination {
         margin-top: 0;
      }
   }

   .pagination a {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #eaeaea;
      border-radius: 50%;
      text-decoration: none;
      border-radius: 999px;
      background: var(--bg);
      width: 60px;
      height: 60px;
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
   }

   @media (max-width: 450px) {
      .pagination a {
         width: 40px;
         height: 40px;
         font-size: 20px;
      }
   }

   .pagination a i {
      color: var(--theme);
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .pagination a.active {
      background: var(--theme);
      color: var(--white);
   }

   .pagination a:hover {
      background: var(--theme);
      color: var(--white) !important;
   }

   .pagination a:hover i {
      color: var(--white) !important;
   }

   /* 07.Preloader */
   /*----------------------------------------------
    # Preloader style here
----------------------------------------------*/
   .preloader {
      align-items: center;
      cursor: default;
      display: flex;
      height: 100%;
      justify-content: center;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 9999999;
   }

   .preloader .animation-preloader {
      z-index: 1000;
   }

   .preloader .animation-preloader .spinner {
      animation: spinner 1s infinite linear;
      border-radius: 50%;
      border: 3px solid rgba(0, 0, 0, 0.2);
      border-top-color: var(--theme);
      height: 9em;
      margin: 0 auto 3.5em auto;
      width: 9em;
   }

   @media (max-width: 767px) {
      .preloader .animation-preloader .spinner {
         width: 7.5em;
         height: 7.5em;
         margin: 0 auto 1.5em auto;
      }
   }

   .preloader .animation-preloader .txt-loading {
      font: bold 5em "Outfit", sans-serif, "Poppins", sans-serif;
      text-align: center;
      user-select: none;
   }

   @media (max-width: 767px) {
      .preloader .animation-preloader .txt-loading {
         font-size: 2.5em;
      }
   }

   .preloader .animation-preloader .txt-loading .letters-loading {
      color: var(--theme);
      position: relative;
   }

   .preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
      animation-delay: 0.2s;
   }

   .preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
      animation-delay: 0.4s;
   }

   .preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
      animation-delay: 0.6s;
   }

   .preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
      animation-delay: 0.8s;
   }

   .preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
      animation-delay: 1s;
   }

   .preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
      animation-delay: 1.2s;
   }

   .preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
      animation-delay: 1.4s;
   }

   .preloader .animation-preloader .txt-loading .letters-loading::before {
      animation: letters-loading 4s infinite;
      color: var(--title);
      content: attr(data-text-preloader);
      left: 0;
      opacity: 0;
      font-family: "Outfit", sans-serif;
      position: absolute;
      top: -3px;
      transform: rotateY(-90deg);
   }

   .preloader p {
      font-size: 15px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 8px;
      color: var(--theme);
   }

   .preloader .loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 0;
      z-index: 1;
      pointer-events: none;
   }

   .preloader .loader .row {
      height: 100%;
   }

   .preloader .loader .loader-section {
      padding: 0px;
   }

   .preloader .loader .loader-section .bg {
      background-color: var(--bg);
      height: 100%;
      left: 0;
      width: 100%;
      transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
   }

   .preloader.loaded .animation-preloader {
      opacity: 0;
      transition: 0.3s ease-out;
   }

   .preloader.loaded .loader-section .bg {
      width: 0;
      transition: 0.7s;
      -webkit-transition: 0.7s;
      -moz-transition: 0.7s;
      -ms-transition: 0.7s;
      -o-transition: 0.7s;
   }

   .back-to-top {
      border-radius: 12px;
      background-color: var(--theme);
      width: 50px;
      height: 50px;
      line-height: 50px;
      color: var(--white);
      font-size: 18px;
      position: fixed;
      display: inline-block;
      z-index: 99;
      right: 30px;
      bottom: 30px;
      transition: all 0.4s ease-in-out;
      opacity: 0;
      visibility: hidden;
      transform: translateY(20px);
   }

   .back-to-top:hover {
      background-color: var(--title);
   }

   .back-to-top.show {
      opacity: 1;
      visibility: visible;
      transform: translate(0);
   }

   /* 08.Animation */
   /*----------------------------------------------
    # All Animation style here
----------------------------------------------*/
   @-webkit-keyframes rippleOne {
      70% {
         -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
         box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
      }

      100% {
         -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
         box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
      }
   }

   @keyframes rippleOne {
      70% {
         -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
         box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
      }

      100% {
         -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
         box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
      }
   }

   .ripple-effect {
      display: inline-block;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      background-color: #F3E7E0;
      border: 1px solid var(--white);
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0 0 rgb(255, 238, 211);
      box-shadow: 0 0 0 0 rgb(255, 217, 196);
      animation: rippleOne 2s infinite;
   }

   .ripple-effect .playerImg {
      width: 19px;
      height: 24px;
   }

   .img-custom-anim-right {
      animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
      opacity: 0;
   }

   @keyframes img-anim-right {
      0% {
         transform: translateX(5%);
         clip-path: inset(0 0 0 100%);
         opacity: 0;
      }

      100% {
         transform: translateX(0);
         clip-path: inset(0 0 0 0);
         opacity: 1;
      }
   }

   .img-custom-anim-left {
      animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
      opacity: 0;
   }

   @keyframes img-anim-left {
      0% {
         transform: translateX(-5%);
         clip-path: inset(0 100% 0 0);
         opacity: 0;
      }

      100% {
         transform: translateX(0);
         clip-path: inset(0 0 0 0);
         opacity: 1;
      }
   }

   .img-custom-anim-top {
      animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
      opacity: 0;
   }

   @keyframes img-anim-top {
      0% {
         transform: translateY(-5%);
         clip-path: inset(0 0 100% 0);
         opacity: 0;
      }

      100% {
         transform: translateY(0);
         clip-path: inset(0 0 0 0);
         opacity: 1;
      }
   }

   @keyframes up-down {
      0% {
         transform: translateY(10px);
      }

      100% {
         transform: translateY(-10px);
      }
   }

   @keyframes move-directions {
      0% {
         transform: translateX(0) translateY(0);
      }

      33% {
         transform: translateX(10px);
      }

      66% {
         transform: translateY(-10px);
      }

      100% {
         transform: translateY(10px);
      }
   }

   @keyframes zoom-in-out {
      0% {
         transform: scale(1);
      }

      50% {
         transform: scale(1.2);
      }

      100% {
         transform: scale(1);
      }
   }

   @-webkit-keyframes spinner {
      to {
         -webkit-transform: rotateZ(360deg);
         transform: rotateZ(360deg);
      }
   }

   @keyframes spinner {
      to {
         -webkit-transform: rotateZ(360deg);
         transform: rotateZ(360deg);
      }
   }

   @-webkit-keyframes letters-loading {

      0%,
      75%,
      100% {
         opacity: 0;
         transform: rotateY(-90deg);
      }

      25%,
      50% {
         opacity: 1;
         transform: rotateY(0deg);
      }
   }

   @keyframes letters-loading {

      0%,
      75%,
      100% {
         opacity: 0;
         transform: rotateY(-90deg);
      }

      25%,
      50% {
         opacity: 1;
         transform: rotateY(0deg);
      }
   }

   @keyframes loaderspin {
      0% {
         transform: translate(-50%, -50%) rotate(0deg);
      }

      100% {
         transform: translate(-50%, -50%) rotate(360deg);
      }
   }

   @keyframes tpswing {
      0% {
         -webkit-transform: rotate(20deg);
         -ms-transform: rotate(20deg);
         transform: rotate(20deg);
      }

      100% {
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
      }
   }

   @keyframes width {
      0% {
         width: 0%;
      }

      100% {
         width: 100%;
      }
   }

   @-webkit-keyframes width {
      0% {
         width: 0%;
      }

      100% {
         width: 100%;
      }
   }

   @-webkit-keyframes loaderspin {
      0% {
         transform: translate(-50%, -50%) rotate(0deg);
      }

      100% {
         transform: translate(-50%, -50%) rotate(360deg);
      }
   }

   @keyframes loaderpulse {
      0% {
         transform: scale(1);
      }

      100% {
         transform: scale(1.2);
      }
   }

   @keyframes rounded {
      50% {
         transform: rotate(20deg);
      }
   }

   .cir36 {
      animation: cir36 20s linear infinite;
      -webkit-animation: cir36 20s linear infinite;
   }

   @keyframes cir36 {
      100% {
         transform: rotate(360deg);
      }
   }

   .float-bob-y {
      -webkit-animation-name: float-bob-y;
      animation-name: float-bob-y;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
   }

   @-webkit-keyframes float-bob-y {
      0% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
      }

      50% {
         -webkit-transform: translateY(-10px);
         transform: translateY(-10px);
      }

      100% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
      }
   }

   @keyframes float-bob-y {
      0% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
      }

      50% {
         -webkit-transform: translateY(-10px);
         transform: translateY(-10px);
      }

      100% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
      }
   }

   .float-bob-x {
      -webkit-animation-name: float-bob-x;
      animation-name: float-bob-x;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
   }

   @-webkit-keyframes float-bob-x {
      0% {
         -webkit-transform: translateX(0px);
         transform: translateX(30px);
      }

      50% {
         -webkit-transform: translateX(10px);
         transform: translateX(10px);
      }

      100% {
         -webkit-transform: translateX(30px);
         transform: translateX(30px);
      }
   }

   @keyframes float-bob-x {
      0% {
         -webkit-transform: translateX(30px);
         transform: translateX(30px);
      }

      50% {
         -webkit-transform: translateX(10px);
         transform: translateX(10px);
      }

      100% {
         -webkit-transform: translateX(30px);
         transform: translateX(30px);
      }
   }

   @keyframes bounce-x {
      0% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
      }

      50% {
         -webkit-transform: translateX(30px);
         transform: translateX(30px);
      }

      100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
      }
   }

   .bounce-x {
      -webkit-animation: bounce-x 7s infinite linear;
      animation: bounce-x 7s infinite linear;
   }

   @keyframes criss-cross-left {
      0% {
         left: -20px;
      }

      50% {
         left: 50%;
         width: 20px;
         height: 20px;
      }

      100% {
         left: 50%;
         width: 375px;
         height: 375px;
      }
   }

   @keyframes criss-cross-right {
      0% {
         right: -20px;
      }

      50% {
         right: 50%;
         width: 20px;
         height: 20px;
      }

      100% {
         right: 50%;
         width: 375px;
         height: 375px;
      }
   }

   @keyframes rotated2 {
      0% {
         transform: rotate(0);
      }

      100% {
         transform: rotate(-360deg);
      }
   }

   @keyframes wave {
      0% {
         transform: translateX(0);
      }

      50% {
         transform: translateX(-25%);
      }

      100% {
         transform: translateX(-50%);
      }
   }

   @keyframes animate-positive {
      0% {
         width: 0;
      }

      100% {
         width: var(--progress-width);
      }
   }

   .reveal {
      position: relative;
      display: -ms-inline-flexbox;
      visibility: hidden;
      overflow: hidden;
   }

   .reveal img {
      height: 100%;
      width: 100%;
      display: inline-block;
      -o-object-fit: cover;
      object-fit: cover;
      transform-origin: left;
   }

   .image-anime {
      position: relative;
      overflow: hidden;
   }

   .image-anime:after {
      content: "";
      position: absolute;
      width: 200%;
      height: 0%;
      left: 50%;
      top: 50%;
      background-color: rgba(255, 255, 255, 0.3);
      transform: translate(-50%, -50%) rotate(-45deg);
      z-index: 1;
   }

   .image-anime:hover:after {
      height: 250%;
      transition: all 600ms linear;
      background-color: transparent;
   }

   /*------------------- 3.10. Animation -------------------*/
   .ripple-animation,
   .play-btn:after,
   .play-btn:before {
      animation-duration: var(--ripple-ani-duration);
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-name: ripple;
   }

   @keyframes ripple {
      0% {
         transform: scale(1);
         opacity: 0;
      }

      30% {
         opacity: 0.4;
      }

      100% {
         transform: scale(1.8);
         opacity: 0;
      }
   }

   @keyframes ripple2 {
      0% {
         transform: scale(1);
         opacity: 0;
      }

      30% {
         opacity: 0.4;
      }

      100% {
         transform: scale(2.8);
         opacity: 0;
      }
   }

   .wave-anim {
      width: 105px;
      height: 69px;
      background-repeat: repeat;
      background-size: auto;
      animation: wave 70s linear infinite;
   }

   @keyframes wave {
      0% {
         background-position: top left;
      }

      100% {
         background-position: top left -2000px;
      }
   }

   .fancy-animation {
      animation: morph 8s ease-in-out infinite;
   }

   @keyframes morph {
      0% {
         border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
      }

      50% {
         border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
      }

      100% {
         border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
      }
   }

   .movingX {
      animation: movingX 8s linear infinite;
   }

   @keyframes movingX {
      0% {
         transform: translateX(0);
      }

      50% {
         transform: translateX(50px);
      }

      100% {
         transform: translateX(0);
      }
   }

   .movingCar {
      animation: movingCar 25s linear infinite;
   }

   @keyframes movingCar {
      0% {
         transform: translateX(0) rotateY(0deg);
      }

      50% {
         transform: translateX(calc(-100vw + 108%));
      }

      51% {
         transform: translateX(calc(-100vw + 108%)) rotateY(180deg);
      }

      100% {
         transform: translateX(0) rotateY(180deg);
      }
   }

   .moving {
      animation: moving 8s linear infinite;
   }

   @keyframes moving {
      0% {
         transform: translateX(0);
      }

      50% {
         transform: translateX(-50px);
      }

      100% {
         transform: translateX(0);
      }
   }

   .moving2 {
      animation: moving2 8s linear infinite;
   }

   @keyframes moving2 {
      0% {
         transform: translateX(0);
      }

      50% {
         transform: translateX(100%);
      }

      100% {
         transform: translateX(0);
      }
   }

   .moving3 {
      animation: moving3 8s linear infinite;
   }

   @keyframes moving3 {
      0% {
         transform: translateX(0);
      }

      50% {
         transform: translateX(10px);
      }

      100% {
         transform: translateX(0);
      }
   }

   .jump {
      animation: jumpAni 7s linear infinite;
   }

   @keyframes jumpAni {
      0% {
         transform: translateY(0);
      }

      40% {
         transform: translateY(-30px);
      }

      100% {
         transform: translateY(0);
      }
   }

   .jump-reverse {
      animation: jumpReverseAni 7s linear infinite;
   }

   @keyframes jumpReverseAni {
      0% {
         transform: translateY(0);
      }

      50% {
         transform: translateY(30px);
      }

      100% {
         transform: translateY(0);
      }
   }

   .spin {
      animation: spin 10s linear infinite;
   }

   @keyframes spin {
      0% {
         transform: rotate(0);
      }

      100% {
         transform: rotate(360deg);
      }
   }

   .bg-color-ani,
   .color-animate {
      animation: bgColor 6s linear infinite;
   }

   @keyframes bgColor {
      0% {
         background-color: #F2BA4C;
      }

      25% {
         background-color: #81F24C;
      }

      50% {
         background-color: #41F27D;
      }

      75% {
         background-color: #0500FF;
      }

      100% {
         background-color: #F2BA4C;
      }
   }

   @keyframes animate-positive {
      0% {
         width: 0;
      }
   }

   .fadein,
   .scalein,
   .slidetopleft,
   .slidebottomright,
   .slideinleft,
   .slideinright,
   .slideindown,
   .slideinup,
   .rollinleft,
   .rollinright {
      opacity: 0;
      animation-fill-mode: forwards;
      animation-iteration-count: 1;
      animation-duration: 1.3s;
      animation-delay: 0.3s;
      animation-name: var(--animation-name);
   }

   .swiper-slide-active .fadein {
      --animation-name: fadein;
   }

   .swiper-slide-active .scalein {
      --animation-name: scalein;
   }

   .swiper-slide-active .slidetopleft {
      --animation-name: slidetopleft;
   }

   .swiper-slide-active .slidebottomright {
      --animation-name: slidebottomright;
   }

   .swiper-slide-active .slideinleft {
      --animation-name: slideinleft;
   }

   .swiper-slide-active .slideinright {
      --animation-name: slideinright;
   }

   .swiper-slide-active .slideinup {
      --animation-name: slideinup;
   }

   .swiper-slide-active .slideindown {
      --animation-name: slideindown;
   }

   .swiper-slide-active .rollinleft {
      --animation-name: rollinleft;
   }

   .swiper-slide-active .rollinright {
      --animation-name: rollinright;
   }

   @keyframes fadein {
      0% {
         opacity: 0;
      }

      100% {
         opacity: 1;
      }
   }

   @keyframes scalein {
      0% {
         transform: scale(1);
      }

      100% {
         transform: scale(1.3);
      }
   }

   @keyframes slideinup {
      0% {
         opacity: 0;
         transform: translateY(100px);
      }

      100% {
         opacity: 1;
         transform: translateY(0);
      }
   }

   @keyframes slideinright {
      0% {
         opacity: 0;
         transform: translateX(180px);
      }

      100% {
         opacity: 1;
         transform: translateX(0);
      }
   }

   @keyframes slideindown {
      0% {
         opacity: 0;
         transform: translateY(-100px);
      }

      100% {
         opacity: 1;
         transform: translateY(0);
      }
   }

   @keyframes slideinleft {
      0% {
         opacity: 0;
         transform: translateX(-100px);
      }

      100% {
         opacity: 1;
         transform: translateX(0);
      }
   }

   @keyframes slidebottomright {
      0% {
         opacity: 0;
         transform: translateX(120px) translateY(120px);
      }

      100% {
         opacity: 1;
         transform: translateX(0) translateY(0);
      }
   }

   @keyframes slidetopleft {
      0% {
         opacity: 0;
         transform: translateX(-100px) translateY(-100px);
      }

      100% {
         opacity: 1;
         transform: translateX(0) translateY(0);
      }
   }

   .spin2 {
      animation: spin2 10s linear infinite;
   }

   @keyframes spin2 {
      0% {
         transform: rotate(0);
      }

      100% {
         transform: rotate(-360deg);
      }
   }

   /*animation bubble****************/
   .animation-bubble {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden;
      z-index: 1;
      pointer-events: none;
   }

   .animation-bubble div[class^=bubble-] {
      height: 1px;
      width: 1px;
      position: absolute;
      background: url(../img/shape/star.html) no-repeat center center;
      background-size: cover;
      border-radius: 50%;
      transform: translateX(-50%);
      pointer-events: none;
   }

   @media (max-width: 1024px) {
      .animation-bubble> :nth-child(even) {
         display: none;
      }
   }

   .bubble-1 {
      bottom: -5px;
      left: 68%;
      animation: bubble-animation 4.5s infinite ease-in -6.57s;
   }

   .bubble-2 {
      bottom: -71px;
      left: 97%;
      animation: bubble-animation 4.5s infinite ease-in -5.07s;
   }

   .bubble-3 {
      bottom: -71px;
      left: 43%;
      animation: bubble-animation 4.5s infinite ease-in -6.73s;
   }

   .bubble-4 {
      bottom: -3.8px;
      left: 82%;
      animation: bubble-animation 4.5s infinite ease-in -4.04s;
   }

   .bubble-5 {
      bottom: -73.4px;
      left: 29%;
      animation: bubble-animation 4.5s infinite ease-in -3.11s;
   }

   .bubble-6 {
      bottom: -71px;
      left: 41%;
      animation: bubble-animation 4.5s infinite ease-in -5.95s;
   }

   .bubble-7 {
      bottom: -79.4px;
      left: 14%;
      animation: bubble-animation 4.5s infinite ease-in -3.68s;
   }

   .bubble-8 {
      bottom: -115.4px;
      left: 90%;
      animation: bubble-animation 4.5s infinite ease-in -3.89s;
   }

   .bubble-9 {
      bottom: -44.6px;
      left: 33%;
      animation: bubble-animation 4.5s infinite ease-in -1.09s;
   }

   .bubble-10 {
      bottom: -6.2px;
      left: 59%;
      animation: bubble-animation 4.5s infinite ease-in -0.96s;
   }

   @keyframes bubble-animation {
      0% {
         transform: translate3d(-50%, 0, 0);
         height: 1px;
         width: 1px;
      }

      100% {
         transform: translate3d(-50%, -280px, 0);
         height: 30px;
         width: 30px;
      }
   }

   @keyframes toTopFromBottom {
      49% {
         transform: translateY(-100%);
      }

      50% {
         opacity: 0;
         transform: translateY(100%);
      }

      51% {
         opacity: 1;
      }
   }

   @keyframes icon-anim {
      0% {
         top: 26px;
         right: 90px;
      }

      25% {
         top: 86px;
         right: 110px;
      }

      100% {
         top: 26px;
         right: 90px;
      }
   }

   .img-shine {
      position: relative;
   }

   .img-shine::before {
      background-color: rgba(255, 255, 255, 0.3);
      bottom: 0;
      content: "";
      left: 50%;
      position: absolute;
      right: 51%;
      top: 0;
      opacity: 1;
      pointer-events: none;
      transition: all 500ms linear;
      z-index: 22;
   }

   .img-shine:hover::before {
      left: 0;
      right: 0;
      opacity: 0;
      transition: all 500ms linear;
   }

   .reveal {
      position: relative;
      display: -ms-inline-flexbox;
      visibility: hidden;
      overflow: hidden;
   }

   .reveal img {
      height: 100%;
      width: 100%;
      display: inline-block;
      -o-object-fit: cover;
      object-fit: cover;
      transform-origin: left;
   }

   .image-anime {
      position: relative;
      overflow: hidden;
   }

   .image-anime:after {
      content: "";
      position: absolute;
      width: 200%;
      height: 0%;
      left: 50%;
      top: 50%;
      background-color: rgba(255, 255, 255, 0.3);
      transform: translate(-50%, -50%) rotate(-45deg);
      z-index: 1;
   }

   .image-anime:hover:after {
      height: 250%;
      transition: all 600ms linear;
      background-color: transparent;
   }

   .splt-txt .whitespace {
      width: 8px;
   }

   .splt-txt.animated .char {
      -webkit-animation: fadeInRight 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
      animation: fadeInRight 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
      -webkit-animation-delay: calc(30ms * var(--char-index));
      animation-delay: calc(30ms * var(--char-index));
   }

   @keyframes jump {
      0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
      }

      40% {
         -webkit-transform: translate3d(0, 50%, 0);
         transform: translate3d(0, 50%, 0);
      }

      100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
      }
   }

   @keyframes jump2 {
      0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
      }

      40% {
         -webkit-transform: translate3d(0, 20%, 0);
         transform: translate3d(0, 20%, 0);
      }

      100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
      }
   }

   @keyframes scaleAnimation {
      0% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }

      40% {
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
      }

      100% {
         -webkit-transform: scale(1);
         transform: scale(1);
      }
   }

   /* 09.Buttons */
   /*----------------------------------------------
    # Buttons style here
----------------------------------------------*/
   .theme-btn.style1 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      position: relative;
      z-index: 1;
      overflow: hidden;
      color: var(--white);
      font-size: 14px;
      font-family: "Outfit", sans-serif;
      text-transform: uppercase;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      border-radius: 999px;
      background: var(--theme);
      padding: 12px 30px;
      border: 1px solid transparent;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
   }

   .theme-btn.style1 a {
      color: var(--white) !important;
      display: inline-block;
   }

   .theme-btn.style1 i {
      margin-left: 6px;
   }

   .theme-btn.style1:before {
      transition-duration: 800ms;
      position: absolute;
      width: 210%;
      height: 290%;
      content: "";
      top: 162%;
      left: 50%;
      background: var(--theme2);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%) rotate(-8deg);
      border-radius: 80%;
      z-index: -1;
   }

   .theme-btn.style1:hover {
      color: var(--theme) !important;
      border: 1px solid var(--text);
   }

   .theme-btn.style1:hover.gt-btn-icon-1::after {
      color: var(--theme);
   }

   .theme-btn.style1:hover:before {
      top: -96%;
   }

   .theme-btn.style2 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      position: relative;
      z-index: 1;
      overflow: hidden;
      color: var(--white);
      font-size: 14px;
      font-family: "Outfit", sans-serif;
      text-transform: uppercase;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      border-radius: 999px;
      background: var(--theme2);
      padding: 12px 30px;
      border: 1px solid var(--theme);
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
   }

   .theme-btn.style2 a {
      color: var(--white) !important;
      display: inline-block;
   }

   .theme-btn.style2 i {
      margin-left: 6px;
   }

   .theme-btn.style2:before {
      transition-duration: 800ms;
      position: absolute;
      width: 210%;
      height: 290%;
      content: "";
      top: 162%;
      left: 50%;
      background: var(--theme);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%) rotate(-8deg);
      border-radius: 80%;
      z-index: -1;
   }

   .theme-btn.style2:hover {
      color: var(--white) !important;
      border: 1px solid var(--text);
   }

   .theme-btn.style2:hover.gt-btn-icon-1::after {
      color: var(--theme);
   }

   .theme-btn.style2:hover:before {
      top: -96%;
   }

   .theme-btn.style3 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      position: relative;
      z-index: 1;
      overflow: hidden;
      color: var(--white);
      font-size: 14px;
      font-family: "Outfit", sans-serif;
      text-transform: uppercase;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      border-radius: 999px;
      background: transparent;
      padding: 12px 30px;
      border: 1px solid var(--white);
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
   }

   .theme-btn.style3 a {
      color: var(--white) !important;
      display: inline-block;
   }

   .theme-btn.style3 i {
      margin-left: 6px;
   }

   .theme-btn.style3:before {
      transition-duration: 800ms;
      position: absolute;
      width: 210%;
      height: 290%;
      content: "";
      top: 162%;
      left: 50%;
      background: var(--theme2);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%) rotate(-8deg);
      border-radius: 80%;
      z-index: -1;
   }

   .theme-btn.style3:hover {
      color: var(--theme) !important;
      border: 1px solid var(--text);
   }

   .theme-btn.style3:hover.gt-btn-icon-1::after {
      color: var(--theme);
   }

   .theme-btn.style3:hover:before {
      top: -96%;
   }

   .theme-btn.style4 {
      display: inline-block;
      position: relative;
      z-index: 1;
      overflow: hidden;
      color: var(--title);
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      border-radius: 999px;
      background: var(--white);
      padding: 11px 32px;
      justify-content: center;
      align-items: center;
      gap: 20px;
      border: 1px solid var(--border);
      font-style: normal;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
   }

   .theme-btn.style4 a {
      color: var(--white) !important;
      display: inline-block;
   }

   .theme-btn.style4 img {
      margin-left: 16px;
   }

   .theme-btn.style4:before {
      transition-duration: 800ms;
      position: absolute;
      width: 210%;
      height: 290%;
      content: "";
      top: 162%;
      left: 50%;
      background: var(--theme2);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%) rotate(-8deg);
      border-radius: 80%;
      z-index: -1;
   }

   .theme-btn.style4:hover {
      color: var(--theme) !important;
      border: 1px solid var(--text);
   }

   .theme-btn.style4:hover.gt-btn-icon-1::after {
      color: var(--theme);
   }

   .theme-btn.style4:hover:before {
      top: -96%;
   }

   .theme-btn.style4:hover .svg-img {
      filter: sepia(100) saturate(1000%) hue-rotate(-10deg) brightness(100);
   }

   /* 10.Common */
   .checklist__item {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px;
   }

   .checklist__item:not(:last-child) {
      margin-bottom: 20px;
   }

   .checklist__item i {
      color: var(--title);
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
      margin-right: 15px;
   }

   .breadcrumb-wrapper {
      position: relative;
      overflow: hidden;
   }

   .breadcrumb-wrapper-page-heading {
      padding: 191px 0 20px;
      text-align: center;
      z-index: 9;
   }

   @media (max-width: 1199px) {
      .breadcrumb-wrapper-page-heading {
         padding: 10px 0 98px;
      }
   }

   @media (max-width: 991px) {
      .breadcrumb-wrapper-page-heading {
         padding: 160px 0 77px;
      }
   }

   @media (max-width: 767px) {
      .breadcrumb-wrapper-page-heading {
         padding: 140px 0 77px;
         text-align: center;
      }
   }

   @media (max-width: 575px) {
      .breadcrumb-wrapper-page-heading {
         padding: 140px 0 30px;
      }
   }

   .breadcrumb-wrapper-page-heading__title {
      color: var(--white);
      text-align: center;
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      margin-bottom: 22px;
   }

   @media (max-width: 991px) {
      .breadcrumb-wrapper-page-heading__title {
         font-size: 70px;
         margin-bottom: 16px;
      }
   }

   @media (max-width: 575px) {
      .breadcrumb-wrapper-page-heading__title {
         font-size: 40px!important;
         margin-bottom: 10px;
		 line-height: 40px;
		 margin-top: 40px;
      }
   }

   .breadcrumb-wrapper-page-heading__breadcrumb-items {
      display: flex;
      align-items: center;
      margin-bottom: 13px;
      gap: 28px;
      width: 100%;
      margin-top: 150px;
      /* border: 1px solid red; */
      /* padding: 5px 40px; */
      justify-content: space-between;
      /* background: rgba(0, 0, 0, 0.2);
      border-radius: 50px;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(25px);
      -webkit-backdrop-filter: blur(25px);
      border: 1px solid rgba(255, 255, 255, 0.3); */
    }

   @media (max-width: 991px) {
      .breadcrumb-wrapper-page-heading__breadcrumb-items {
         margin-bottom: 9px;
         gap: 18px;
      }
   }

   @media (max-width: 575px) {
      .breadcrumb-wrapper-page-heading__breadcrumb-items {
         margin-bottom: 0px;
       	 flex-wrap: wrap;
      }
	   .roomshapes-wrapper {
		   margin: auto;
	   }
   }

   .breadcrumb-wrapper-page-heading__breadcrumb-items li {
      text-transform: capitalize;
      font-weight: 600;
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.72px;
   }
   .breadcrumb-wrapper-page-heading__breadcrumb-items li .subtitle {
        font-size: 16px;
        display: block;
   }

   @media (max-width: 991px) {
      .breadcrumb-wrapper-page-heading__breadcrumb-items li {
         font-size: 16px;
      }
   }

   .breadcrumb-wrapper-page-heading__breadcrumb-items li a {
      color: var(--white);
      font-size: 36px;
      transition: all 0.4s ease-in-out;
   }

   @media (max-width: 991px) {
      .breadcrumb-wrapper-page-heading__breadcrumb-items li a {
         font-size: 20px;
      }
   }

   .breadcrumb-wrapper-page-heading__breadcrumb-items li a:hover {
      color: var(--theme) !important;
   }

   .breadcrumb-wrapper-page-heading__breadcrumb-items li i {
      color: var(--theme);
   }

   .breadcrumb-wrapper-page-heading__text {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -30px;
      text-align: center;
      justify-items: center;
      justify-items: center;
      -webkit-text-stroke-width: 5;
      -webkit-text-stroke-color: var(--bg);
      font-family: "Outfit", sans-serif;
      font-size: 174px;
      font-style: normal;
      font-weight: 600;
      line-height: 159.84px;
      letter-spacing: 26.8px;
      text-transform: uppercase;
      opacity: 0.3;
      -webkit-text-stroke-width: 1px;
      -webkit-text-fill-color: transparent;
   }

   @media (max-width: 1600px) {
      .breadcrumb-wrapper-page-heading__text {
         font-size: 135px;
         margin-bottom: -13px;
         letter-spacing: 17px;
      }
   }

   @media (max-width: 1399px) {
      .breadcrumb-wrapper-page-heading__text {
         font-size: 95px;
         margin-bottom: -13px;
         letter-spacing: 3px;
      }
   }

   @media (max-width: 1199px) {
      .breadcrumb-wrapper-page-heading__text {
         font-size: 92px;
         margin-bottom: -15px;
         letter-spacing: 16px;
      }
   }

   @media (max-width: 991px) {
      .breadcrumb-wrapper-page-heading__text {
         font-size: 70px;
         margin-bottom: -26px;
         letter-spacing: 11px;
      }
   }

   @media (max-width: 767px) {
      .breadcrumb-wrapper-page-heading__text {
         font-size: 70px;
         margin-bottom: -26px;
         letter-spacing: 11px;
      }
   }

   @media (max-width: 575px) {
      .breadcrumb-wrapper-page-heading__text {
         font-size: 31px;
         margin-bottom: -35px;
         letter-spacing: 4px;
      }
   }

   .main-sidebar-widget {
      padding: 44px 46px;
      margin-bottom: 60px;
      border-radius: 20px;
      border-left: 3px solid var(--theme);
      background: var(--white);
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
   }

   @media (max-width: 1399px) {
      .main-sidebar-widget {
         padding: 44px 20px;
      }
   }

   .main-sidebar-widget.style1 {
      padding: 27px 32px 28px;
   }

   @media (max-width: 1399px) {
      .main-sidebar-widget.style1 {
         padding: 44px 14px 28px;
      }
   }

   .main-sidebar-widget__heading {
      margin-bottom: 16px;
   }

   .main-sidebar-widget__heading-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   @media (max-width: 450px) {
      .main-sidebar-widget__heading-title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .main-sidebar-widget__search-widget form {
      width: 100%;
      position: relative;
   }

   .main-sidebar-widget__search-widget form input {
      padding: 12px 33px;
      width: 100%;
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      border-radius: 999px;
      border: none;
      background: var(--bg);
   }

   .main-sidebar-widget__search-widget form button {
      position: absolute;
      right: 0;
      top: 0;
      width: 70px;
      height: 100%;
      color: var(--white);
      text-align: center;
      transition: all 0.3s ease-in-out;
   }

   .main-sidebar-widget__post-items {
      display: flex;
      align-items: center;
      gap: 22px;
      padding: 20px 0px;
   }

   @media (max-width: 450px) {
      .main-sidebar-widget__post-items {
         gap: 10px;
      }
   }

   .main-sidebar-widget__post-items-thumb {
      max-width: 100%;
   }

   .main-sidebar-widget__post-items-content ul {
      margin-bottom: 6px;
   }

   .main-sidebar-widget__post-items-content ul li {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .main-sidebar-widget__post-items-content ul li i {
      color: var(--title);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-right: 10px;
   }

   .main-sidebar-widget__post-items-content-title a {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
   }

   @media (max-width: 1399px) {
      .main-sidebar-widget__post-items-content-title a {
         font-size: 20px;
      }
   }

   @media (max-width: 450px) {
      .main-sidebar-widget__post-items-content-title a {
         font-size: 18px;
         line-height: 14px;
         font-weight: 500;
      }
   }

   .main-sidebar-widget__categories ul {
      margin-top: 33px;
   }

   .main-sidebar-widget__categories ul li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 17px 30px;
      background-color: var(--white);
      font-weight: 500;
      transition: all 0.4s ease-in-out;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: var(--white);
      margin-top: 34px;
   }

   .main-sidebar-widget__categories ul li a {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .main-sidebar-widget__categories ul li a {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .main-sidebar-widget__categories ul li span {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .main-sidebar-widget__categories1-tagcloud {
      margin-top: 35px;
   }

   .main-sidebar-widget__categories1-tagcloud a {
      display: inline-flex;
      padding: 6px 9px;
      justify-content: center;
      align-items: center;
      margin-right: 2px;
      border-radius: 999px;
      border: 1px solid var(--gray1);
      background: var(--white);
      margin-bottom: 20px;
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
   }

   .main-sidebar-widget__categories1-tagcloud a:hover {
      background-color: var(--theme);
      color: var(--white) !important;
   }

   .main-sidebar-widget__social {
      display: flex;
      align-items: center;
      gap: 19px;
      margin: 30px 0px 25px 0px;
   }

   .main-sidebar-widget__social-icon {
      width: 37px;
      height: 37px;
      line-height: 37px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--bg);
      color: var(--white);
   }

   .main-sidebar-widget__social-icon a {
      font-style: normal;
      font-weight: 400;
      line-height: normal;
   }

   .main-sidebar-widget__social-icon a i {
      color: var(--title);
      font-size: 16px;
   }

   .main-sidebar-widget__social__content-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 500;
      line-height: 30px;
      letter-spacing: -0.64px;
   }

   .slider-pagination {
      position: absolute !important;
      z-index: 10;
      left: 50% !important;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      align-items: center;
      width: 300px !important;
      height: 10px !important;
      margin: 0 auto;
      background-color: #F2F5F9;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      transition: 0.4s ease-in-out;
      -webkit-transition: 0.4s ease-in-out;
      -moz-transition: 0.4s ease-in-out;
      -ms-transition: 0.4s ease-in-out;
      -o-transition: 0.4s ease-in-out;
      -webkit-transform: translate(-50%, -98%);
      -moz-transform: translate(-50%, -98%);
      -ms-transform: translate(-50%, -98%);
      -o-transform: translate(-50%, -98%);
   }

   .swiper-pagination-bullet {
      width: 10px;
      height: 20px;
      flex-shrink: 0;
      display: inline-block;
      background-color: #EBEDFF;
      transition: background-color 0.3s;
      margin: 0 5px;
      border-radius: 100px;
      -webkit-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
   }

   .swiper-pagination-bullet-active {
      width: 100px;
      height: 10px !important;
      background-color: var(--theme);
   }

   @media (min-width: 500px) {
      .slider-pagination {
         width: 280px;
         height: 10px !important;
      }

      .swiper-pagination-bullet-active {
         width: 100px;
         height: 10px !important;
      }
   }

   .star-list {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
   }

   .star-list i {
      color: var(--orange);
   }

   .accordion .global-accordion-item .global-accordion-header {
      margin: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
   }

   .accordion .global-accordion-item .global-accordion-button {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
      padding: 16px 0px 10px 0px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      border-top: 1px solid var(--theme);
   }

   @media (max-width: 1399px) {
      .accordion .global-accordion-item .global-accordion-button {
         font-size: 20px;
      }
   }

   @media (max-width: 575px) {
      .accordion .global-accordion-item .global-accordion-button {
         font-size: 16px;
         padding-top: 8px;
      }
   }

   .accordion .global-accordion-item .global-accordion-button .number {
      margin-right: 18px;
   }

   @media (max-width: 1399px) {
      .accordion .global-accordion-item .global-accordion-button .number {
         margin-right: 8px;
      }
   }

   .accordion .global-accordion-item .global-accordion-button .icon {
      z-index: 11;
   }

   .accordion .global-accordion-item .global-accordion-button .icon i {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      color: var(--title);
      border: 1px solid var(--theme);
      font-size: 16px;
      display: inline-block;
   }

   @media (max-width: 575px) {
      .accordion .global-accordion-item .global-accordion-button .icon i {
         width: 30px;
         height: 30px;
         line-height: 30px;
      }
   }

   .accordion .global-accordion-item .global-accordion-button.collapsed {
      border-top: 1px solid var(--border);
      padding-bottom: 26px;
   }

   .accordion .global-accordion-item .global-accordion-button.collapsed .icon {
      transform: rotate(-90deg);
   }

   .accordion .global-accordion-item .global-accordion-button.collapsed .icon i {
      border: 1px solid var(--border);
      color: var(--title);
   }

   .accordion .global-accordion-item .global-accordion-body {
      padding: 0 0px 24px 0px;
      border-top: 0;
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .accordion .global-accordion-item .global-accordion-body p {
      font-size: 16px;
   }

   @media (max-width: 575px) {
      .accordion .global-accordion-item .global-accordion-body p {
         font-size: 15px;
      }
   }

   .counter-box3 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      border-radius: 30px;
      border: 1px solid var(--theme2);
      background-color: var(--bg);
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
      max-width: 353px;
      padding: 30px 67px;
   }

   @media (max-width: 575px) {
      .counter-box3 {
         padding: 20px 40px;
      }
   }

   .counter-box3__content-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   @media (max-width: 767px) {
      .counter-box3__content-title {
         font-size: 28px;
      }
   }

   .counter-box3__content-desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 767px) {
      .counter-box3__content-desc {
         font-size: 18px;
      }
   }

   .counter-box1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      border-radius: 100px;
      border: 1px solid var(--theme2);
      background-color: var(--bg);
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
      padding: 20px 34px;
      max-width: 353px;
      margin-top: 20px;
   }

   @media (max-width: 1399px) {
      .counter-box1 {
         padding: 20px 40px;
      }
   }

   @media (max-width: 450px) {
      .counter-box1 {
         padding: 20px 15px;
      }
   }

   .counter-box1__content-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   @media (max-width: 767px) {
      .counter-box1__content-title {
         font-size: 28px;
      }
   }

   .counter-box1__content-desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 767px) {
      .counter-box1__content-desc {
         font-size: 18px;
      }
   }

   /* 11.Meanmenu */
   /*----------------------------------------------
    # Meanmenu style here
----------------------------------------------*/
   .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 .mean-nav>ul .homemenu-items {
      display: flex;
      align-items: center;
      gap: 30px;
      justify-content: space-between;
   }

   @media (max-width: 1199px) {
      .mean-container .mean-nav>ul .homemenu-items {
         flex-wrap: wrap;
      }
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu {
      position: relative;
   }

   @media (max-width: 1199px) {
      .mean-container .mean-nav>ul .homemenu-items .homemenu {
         max-width: 300px;
         text-align: center;
         margin: 0 auto;
         border: 1px solid var(--border);
         padding: 10px;
      }
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb {
      position: relative;
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
      gap: 10px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      opacity: 0;
      visibility: hidden;
      transition: all 0.4s ease-in-out;
      margin-top: 20px;
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
      padding: 12px 20px;
      color: var(--white) !important;
      width: initial;
      font-size: 16px;
      text-align: center;
      border-radius: 0;
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
      color: var(--white) !important;
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb::before {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
      background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      content: "";
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover::before {
      visibility: visible;
      opacity: 1;
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
      opacity: 1;
      visibility: visible;
      margin-top: 0;
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
      opacity: 1;
      visibility: visible;
      bottom: 50%;
      transform: translateY(50%);
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-thumb img {
      width: 100%;
   }

   .mean-container .mean-nav>ul .homemenu-items .homemenu .homemenu-title {
      text-align: center;
      margin: 15px auto;
      display: inline-block;
      font-size: 16px;
   }

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

   .mean-container .mean-nav ul li a {
      width: 100%;
      padding: 10px 0;
      color: var(--white) !important;
      font-size: 16px;
      line-height: 1.5;
      font-weight: 600;
      text-transform: capitalize;
      border-bottom: 1px solid var(--border) !important;
      border: none;
   }

   .mean-container .mean-nav ul li a:hover {
      color: var(--theme);
   }

   .mean-container .mean-nav ul li a:last-child {
      border-bottom: 0;
   }

   .mean-container .mean-nav ul li a:hover {
      color: var(--theme2);
   }

   .mean-container .mean-nav ul li a.mean-expand {
      margin-top: 5px;
      padding: 0 !important;
   }

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

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

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

   .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);
      transition: all 0.4s ease-in-out;
   }

   .mean-container .mean-nav ul li .mega-menu li a {
      height: 200px;
      width: 100%;
      padding: 0;
      border-top: 0;
      margin-bottom: 20px;
   }

   /* 12.Header */
   /* Header Default */
   /* Header 1 ---------------------------------- */
   /*----------------------------------------------
    # Sidemenu style here
----------------------------------------------*/
   .header-layout1 {
      position: absolute;
      margin-top: 20px;
      width: 100%;
      z-index: 999;
      border: none;
   }

   @media (max-width: 1199px) {
      .header-layout1 {
         position: fixed;
         left: 0;
         right: 0;
         top: 0;
      }
   }

   .header-layout1 .sticky-wrapper.sticky {
      background: var(--theme2);
   }

   .header-layout1 .sticky-wrapper.sticky .global-header-menu-area {
      box-shadow: none;
      background-color: transparent;
      border: none;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
   }

   .header-layout1 .global-header1-menu-area-main-menu ul li.global-header1-menu-item-has-children>a:after {
      content: "\f107";
      display: inline-block;
      font-family: var(--icon-font);
      position: relative;
      margin-left: 4px;
      font-weight: 400;
      top: 0;
      font-size: 0.9em;
      color: var(--white) !important;
      transition: 0.3s ease-in-out;
   }

   .global-header1-menu-area {
      padding: 10px 40px;
   }

   .global-header1-menu-area-main-menu a {
      display: block;
      position: relative;
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
   }

   .global-header1-menu-area-main-menu a:hover,
   .global-header1-menu-area-main-menu a.active {
      color: var(--theme) !important;
   }

   .global-header1-menu-area-main-menu>ul>li {
      margin: 0 15px;
   }

   .global-header1-menu-area-main-menu>ul>li>a {
      padding: 22px 0;
   }

   .global-header1-menu-area-main-menu>ul>li>a:hover {
      color: var(--theme);
   }

   .global-header1-menu-area-main-menu ul {
      margin: 0;
      padding: 0;
   }

   .global-header1-menu-area-main-menu ul li {
      list-style-type: none;
      display: inline-block;
      position: relative;
   }

   .global-header1-menu-area-main-menu ul li.global-header1-menu-item-has-children>a:after {
      content: "\f107";
      display: inline-block;
      font-family: var(--icon-font);
      position: relative;
      margin-left: 4px;
      font-weight: 400;
      top: 0;
      font-size: 0.9em;
      color: var(--white);
      transition: 0.3s ease-in-out;
   }

   .global-header1-menu-area-main-menu ul li.global-header1-menu-item-has-children>a:hover:after {
      content: "\f106";
      transform: rotate(180deg);
      color: var(--theme);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
   }

   .global-header1-menu-area-main-menu ul li.global-header1-menu-item-has-children>a.active:after {
      color: var(--theme);
   }

   .global-header1-menu-area-main-menu ul li:last-child {
      margin-right: 0 !important;
   }

   .global-header1-menu-area-main-menu ul li:first-child {
      margin-left: 0 !important;
   }

   .global-header1-menu-area-main-menu ul li:hover>ul.sub-menu {
      visibility: visible;
      opacity: 1;
      transform: scaleY(1);
      z-index: 9;
   }

   .global-header1-menu-area-main-menu ul .sub-menu {
      position: absolute;
      text-align: left;
      top: 100%;
      left: 0;
      background-color: var(--white);
      visibility: hidden;
      min-width: 230px;
      width: -moz-max-content;
      width: max-content;
      opacity: 0;
      z-index: -1;
      box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
      border-radius: 10px;
      transform: scaleY(0);
      transform-origin: top center;
      transition: all 0.4s ease 0s;
      padding: 19px 11px 17px 11px;
      left: -27px;
   }

   .global-header1-menu-area-main-menu ul .sub-menu a {
      font-size: 16px;
      line-height: 30px;
      color: var(--title);
   }

   .global-header1-menu-area-main-menu ul .sub-menu li {
      display: block;
      margin: 0 0;
      padding: 0px 9px;
   }

   .global-header1-menu-area-main-menu ul .sub-menu li:not(:last-child) {
      margin-bottom: 5px;
   }

   .global-header1-menu-area-main-menu ul .sub-menu li.menu-item-has-children>a:after {
      content: "\f105";
      top: 1px;
      display: inline-block;
      color: var(--title);
   }

   .global-header1-menu-area-main-menu ul .sub-menu li.menu-item-has-children>a :hover:after {
      content: "\f105";
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
   }

   .global-header1-menu-area-main-menu ul .sub-menu li a {
      position: relative;
      text-transform: capitalize;
   }

   .global-header1-menu-area-main-menu ul .sub-menu li a:before {
      content: "\f111";
      position: absolute;
      font-family: var(--icon-font);
      top: 7px;
      left: 0px;
      text-align: center;
      display: inline-block;
      font-size: 15px;
      line-height: 1;
      color: var(--theme);
      font-weight: 400;
      transition: 0.3s ease-in-out;
      opacity: 0;
   }

   .global-header1-menu-area-main-menu ul .sub-menu li a.active {
      color: var(--theme);
   }

   .global-header1-menu-area-main-menu ul .sub-menu li a:hover {
      color: var(--theme);
      padding-left: 27px;
   }

   .global-header1-menu-area-main-menu ul .sub-menu li a:hover:before {
      visibility: visible;
      opacity: 1;
      left: 0;
   }

   .global-header1-menu-area-main-menu ul .sub-menu li ul.sub-menu {
      left: 100%;
      right: auto;
      top: 0;
      margin: 0 0;
      margin-left: 8px;
   }

   .global-header1-menu-area-main-menu ul .sub-menu li ul.sub-menu li ul {
      left: 100%;
      right: auto;
   }

   .global-header1-social-button__list {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 6px;
      margin-right: -90px;
   }

   @media (max-width: 1399px) {
      .global-header1-social-button__list {
         margin-right: 0;
      }
   }

   .global-header1-social-button__list li a {
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.1);
      line-height: 30px;
      display: block;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .global-header1-social-button__list li a i {
      color: var(--white);
      font-size: 14px;
   }

   .global-header1-header-button .theme-btn {
      border: 1px solid var(--text);
   }

   .global-header-menu-area {
      border-radius: 999px;
      border: 1px solid rgba(209, 209, 209, 0.2);
      background: rgba(35, 35, 35, 0.2);
      backdrop-filter: blur(27px);
      padding: 16px 40px;
   }

   .global-header-menu-area-main-menu a {
      display: block;
      position: relative;
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
   }

   .global-header-menu-area-main-menu a:hover,
   .global-header-menu-area-main-menu a.active {
      color: var(--theme) !important;
   }

   .global-header-menu-area-main-menu>ul>li {
      margin: 0 15px;
   }

   .global-header-menu-area-main-menu>ul>li>a {
      padding: 22px 0;
   }

   .global-header-menu-area-main-menu>ul>li>a:hover {
      color: var(--theme);
   }

   .global-header-menu-area-main-menu ul {
      margin: 0;
      padding: 0;
   }

   .global-header-menu-area-main-menu ul li {
      list-style-type: none;
      display: inline-block;
      position: relative;
   }

   .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a:after {
      content: "\f107";
      display: inline-block;
      font-family: var(--icon-font);
      position: relative;
      margin-left: 4px;
      font-weight: 400;
      top: 0;
      font-size: 0.9em;
      color: var(--title);
      transition: 0.3s ease-in-out;
   }

   .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a:hover:after {
      content: "\f106";
      transform: rotate(180deg);
      color: var(--theme);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      color: var(--theme) !important;
   }

   .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a.active:after {
      color: var(--theme) !important;
   }

   .global-header-menu-area-main-menu ul li:last-child {
      margin-right: 0 !important;
   }

   .global-header-menu-area-main-menu ul li:first-child {
      margin-left: 0 !important;
   }

   .global-header-menu-area-main-menu ul li:hover>ul.sub-menu {
      visibility: visible;
      opacity: 1;
      transform: scaleY(1);
      z-index: 9;
   }

   .global-header-menu-area-main-menu ul .sub-menu {
      position: absolute;
      text-align: left;
      top: 100%;
      left: 0;
      background-color: var(--white);
      visibility: hidden;
      min-width: 230px;
      width: -moz-max-content;
      width: max-content;
      opacity: 0;
      z-index: -1;
      box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
      border-radius: 10px;
      transform: scaleY(0);
      transform-origin: top center;
      transition: all 0.4s ease 0s;
      padding: 19px 11px 17px 11px;
      left: -27px;
   }

   .global-header-menu-area-main-menu ul .sub-menu a {
      font-size: 16px;
      line-height: 30px;
      color: var(--title);
   }

   .global-header-menu-area-main-menu ul .sub-menu li {
      display: block;
      margin: 0 0;
      padding: 0px 9px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li:not(:last-child) {
      margin-bottom: 5px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li.menu-item-has-children>a:after {
      content: "\f105";
      top: 1px;
      display: inline-block;
      color: var(--title);
   }

   .global-header-menu-area-main-menu ul .sub-menu li.menu-item-has-children>a :hover:after {
      content: "\f105";
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
   }

   .global-header-menu-area-main-menu ul .sub-menu li a {
      position: relative;
      text-transform: capitalize;
   }

   .global-header-menu-area-main-menu ul .sub-menu li a:before {
      content: "\f111";
      position: absolute;
      font-family: var(--icon-font);
      top: 7px;
      left: 0px;
      text-align: center;
      display: inline-block;
      font-size: 15px;
      line-height: 1;
      color: var(--theme);
      font-weight: 400;
      transition: 0.3s ease-in-out;
      opacity: 0;
   }

   .global-header-menu-area-main-menu ul .sub-menu li a.active {
      color: var(--theme);
   }

   .global-header-menu-area-main-menu ul .sub-menu li a:hover {
      color: var(--theme);
      padding-left: 27px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li a:hover:before {
      visibility: visible;
      opacity: 1;
      left: 0;
   }

   .global-header-menu-area-main-menu ul .sub-menu li ul.sub-menu {
      left: 100%;
      right: auto;
      top: 0;
      margin: 0 0;
      margin-left: 8px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li ul.sub-menu li ul {
      left: 100%;
      right: auto;
   }

   .global-header .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a:after {
      content: "\f107";
      display: inline-block;
      font-family: var(--icon-font);
      position: relative;
      margin-left: 4px;
      font-weight: 400;
      top: 0;
      font-size: 0.9em;
      color: var(--title) !important;
      transition: 0.3s ease-in-out;
   }

   .global-mobile-menu {
      overflow-y: scroll;
      max-height: calc(100vh - 200px);
      padding-bottom: 40px;
      margin-top: 33px;
      text-align: left;
      position: relative;
      z-index: 41;
      /***scroll-bar***/
   }

   .global-mobile-menu ul {
      margin: 0;
      padding: 0 0;
   }

   .global-mobile-menu ul li {
      border-bottom: 1px solid #fdedf1;
      list-style-type: none;
   }

   .global-mobile-menu ul li li:first-child {
      border-top: 1px solid #fdedf1;
   }

   .global-mobile-menu ul li.menu-item-has-children {
      position: relative;
   }

   .global-mobile-menu ul li.menu-item-has-children:before {
      opacity: 1;
      visibility: visible;
      position: absolute;
      content: "+";
      font-family: var(--icon-font);
      position: absolute;
      right: 0;
      top: 12px;
      margin-right: 10px;
      display: inline-block;
      color: var(--title);
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
   }

   .global-mobile-menu ul li.menu-item-has-children.global-active:before {
      opacity: 0;
      visibility: hidden;
   }

   .global-mobile-menu ul li.menu-item-has-children.global-active:after {
      opacity: 1;
      visibility: visible;
   }

   .global-mobile-menu ul li.menu-item-has-children:after {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      content: "\f068";
      font-family: var(--icon-font);
      position: absolute;
      right: 0;
      top: 12px;
      margin-right: 10px;
      display: inline-block;
      color: var(--title);
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
   }

   .global-mobile-menu ul li.menu-item-has-children a {
      padding-right: 18px;
   }

   .global-mobile-menu ul li a {
      display: block;
      position: relative;
      padding: 12px 0;
      line-height: 1.4;
      font-size: 16px;
      text-transform: capitalize;
      color: var(--title);
   }

   .global-mobile-menu ul li.global-active>a {
      color: var(--theme);
   }

   .global-mobile-menu ul li.global-active>a:before {
      transform: rotate(90deg);
   }

   .global-mobile-menu ul li ul li {
      padding-left: 20px;
   }

   .global-mobile-menu ul li ul li:last-child {
      border-bottom: none;
   }

   .global-mobile-menu>ul {
      padding: 0 20px;
   }

   .global-mobile-menu>ul>li:last-child {
      border-bottom: none;
   }

   .global-mobile-menu::-webkit-scrollbar {
      width: 5px;
      height: 5px;
   }

   .global-mobile-menu::-webkit-scrollbar-track {
      background: rgba(252, 0, 18, 0.1);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   }

   .global-mobile-menu::-webkit-scrollbar-thumb {
      background-color: var(--theme);
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
   }

   .global-menu-toggle {
      width: 50px;
      height: 50px;
      padding: 0;
      font-size: 20px;
      line-height: 52px;
      border: none;
      background-color: var(--theme);
      color: var(--white);
      display: inline-block;
      border-radius: 0px;
   }

   .global-menu-toggle:hover {
      background-color: var(--white);
   }

   .global-menu-toggle.style-text,
   .global-menu-toggle.style-text-white {
      width: auto;
      height: auto;
      background-color: transparent;
      color: var(--title);
      font-size: 20px;
   }

   .global-menu-toggle.style-text i,
   .global-menu-toggle.style-text-white i {
      margin-right: 10px;
   }

   .global-menu-toggle.style-text-white {
      color: var(--white);
   }

   @media (max-width: 1199px) {
      .global-menu-toggle {
         background-color: transparent;
      }
   }

   @media (max-width: 400px) {
      .global-menu-wrapper .global-menu-area {
         width: 100%;
         max-width: 270px;
      }

      .global-mobile-menu>ul {
         padding: 0 20px;
      }
   }

   .sticky-wrapper {
      transition: 0.4s ease-in-out;
   }

   .sticky-wrapper.sticky {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      background-color: var(--theme);
      filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
      animation: stickyAni 0.4s ease-in-out;
      z-index: 999;
   }

   .sidebar-btn .line {
      display: block;
      height: 2px;
      width: 10px;
      background: var(--theme);
      margin: auto;
      transition: 0.4s;
   }

   .sidebar-btn .line:not(:last-child) {
      margin-bottom: 9px;
   }

   .sidebar-btn .line:nth-child(2) {
      width: 20px;
   }

   .sidebar-btn:hover .line:nth-child(2) {
      width: 32px;
   }

   .sidebar-btn.style2 .line {
      margin-right: 0;
   }

   .sidebar-btn.style2 .line:first-child {
      width: 20px;
   }

   .sidebar-btn.style2 .line:nth-child(2) {
      width: 27px;
   }

   .sidebar-btn.style2:hover .line:first-child {
      width: 32px;
   }

   .sidebar-btn.style2:hover .line:nth-child(2) {
      width: 32px;
   }

   .header-layout2 {
      position: absolute;
      margin-top: 20px;
      width: 100%;
      z-index: 999;
   }

   @media (max-width: 1199px) {
      .header-layout2 {
         position: fixed;
         left: 0;
         right: 0;
         top: 0;
      }
   }

   .header-layout2 .sticky-wrapper.sticky {
      background: var(--white);
   }

   .header-layout2 .sticky-wrapper.sticky .global-header-menu-area {
      box-shadow: none;
      background-color: transparent;
      border: none;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
   }

   .header-layout2 .global-header-menu-area {
      border: 1px solid var(--border);
      background-color: transparent;
      padding: 10px 30px;
   }

   .header-layout2 .global-header-menu-area-main-menu>ul>li>a {
      padding: 22px 0;
      color: var(--theme2);
   }

   .global-menu-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 999999;
      width: 0;
      width: 100%;
      height: 100%;
      transition: all ease 0.8s;
      opacity: 0;
      visibility: hidden;
   }

   .global-menu-wrapper .mobile-logo {
      padding-bottom: 30px;
      padding-top: 40px;
      display: block;
      text-align: center;
      background-color: var(--title);
   }

   .global-menu-wrapper .mobile-logo svg {
      max-width: 185px;
   }

   .global-menu-wrapper .global-menu-toggle {
      border: none;
      font-size: 22px;
      position: absolute;
      right: -16.5px;
      top: 25px;
      padding: 0;
      line-height: 1;
      width: 33px;
      height: 33px;
      line-height: 36px;
      font-size: 18px;
      z-index: 1;
      color: var(--white);
      background-color: var(--theme);
      border-radius: 50%;
   }

   .global-menu-wrapper .global-menu-toggle:hover {
      background-color: var(--title);
      color: var(--white);
   }

   .global-menu-wrapper .global-menu-area {
      width: 100%;
      max-width: 310px;
      background-color: #fff;
      border-right: 3px solid var(--theme);
      height: 100%;
      position: relative;
      left: -110%;
      opacity: 0;
      visibility: hidden;
      transition: all ease 1s;
      z-index: 1;
   }

   .global-menu-wrapper.global-body-visible {
      opacity: 1;
      visibility: visible;
   }

   .global-menu-wrapper.global-body-visible .global-menu-area {
      left: 0;
      opacity: 1;
      visibility: visible;
   }

   .global-header-menu-area {
      border-radius: 999px;
      border: 1px solid rgba(209, 209, 209, 0.2);
      background: rgba(35, 35, 35, 0.2);
      backdrop-filter: blur(27px);
      padding: 10px 40px;
   }

   .global-header-menu-area-main-menu a {
      display: block;
      position: relative;
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
   }

   .global-header-menu-area-main-menu a:hover,
   .global-header-menu-area-main-menu a.active {
      color: var(--theme) !important;
   }

   .global-header-menu-area-main-menu>ul>li {
      margin: 0 15px;
   }

   .global-header-menu-area-main-menu>ul>li>a {
      padding: 22px 0;
   }

   .global-header-menu-area-main-menu>ul>li>a:hover {
      color: var(--theme);
   }

   .global-header-menu-area-main-menu ul {
      margin: 0;
      padding: 0;
   }

   .global-header-menu-area-main-menu ul li {
      list-style-type: none;
      display: inline-block;
      position: relative;
   }

   .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a:after {
      content: "\f107";
      display: inline-block;
      font-family: var(--icon-font);
      position: relative;
      margin-left: 4px;
      font-weight: 400;
      top: 0;
      font-size: 0.9em;
      color: var(--title);
      transition: 0.3s ease-in-out;
   }

   .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a:hover:after {
      content: "\f106";
      transform: rotate(180deg);
      color: var(--theme);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
   }

   .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a.active:after {
      color: var(--theme);
   }

   .global-header-menu-area-main-menu ul li:last-child {
      margin-right: 0 !important;
   }

   .global-header-menu-area-main-menu ul li:first-child {
      margin-left: 0 !important;
   }

   .global-header-menu-area-main-menu ul li:hover>ul.sub-menu {
      visibility: visible;
      opacity: 1;
      transform: scaleY(1);
      z-index: 9;
   }

   .global-header-menu-area-main-menu ul .sub-menu {
      position: absolute;
      text-align: left;
      top: 100%;
      left: 0;
      background-color: var(--white);
      visibility: hidden;
      min-width: 230px;
      width: -moz-max-content;
      width: max-content;
      opacity: 0;
      z-index: -1;
      box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
      border-radius: 10px;
      transform: scaleY(0);
      transform-origin: top center;
      transition: all 0.4s ease 0s;
      padding: 19px 11px 17px 11px;
      left: -27px;
   }

   .global-header-menu-area-main-menu ul .sub-menu a {
      font-size: 16px;
      line-height: 30px;
      color: var(--title);
   }

   .global-header-menu-area-main-menu ul .sub-menu li {
      display: block;
      margin: 0 0;
      padding: 0px 9px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li:not(:last-child) {
      margin-bottom: 5px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li.menu-item-has-children>a:after {
      content: "\f111";
      top: 1px;
      display: inline-block;
      color: var(--title);
   }

   .global-header-menu-area-main-menu ul .sub-menu li.menu-item-has-children>a :hover:after {
      content: "\f111";
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
   }

   .global-header-menu-area-main-menu ul .sub-menu li a {
      position: relative;
      text-transform: capitalize;
   }

   .global-header-menu-area-main-menu ul .sub-menu li a:before {
      content: "\f111";
      position: absolute;
      font-family: var(--icon-font);
      top: 7px;
      left: 0px;
      text-align: center;
      display: inline-block;
      font-size: 15px;
      line-height: 1;
      color: var(--theme);
      font-weight: 400;
      transition: 0.3s ease-in-out;
      opacity: 0;
   }

   .global-header-menu-area-main-menu ul .sub-menu li a.active {
      color: var(--theme);
   }

   .global-header-menu-area-main-menu ul .sub-menu li a:hover {
      color: var(--theme);
      padding-left: 27px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li a:hover:before {
      visibility: visible;
      opacity: 1;
      left: 0;
   }

   .global-header-menu-area-main-menu ul .sub-menu li ul.sub-menu {
      left: 100%;
      right: auto;
      top: 0;
      margin: 0 0;
      margin-left: 8px;
   }

   .global-header-menu-area-main-menu ul .sub-menu li ul.sub-menu li ul {
      left: 100%;
      right: auto;
   }

   .global-mobile-menu {
      overflow-y: scroll;
      max-height: calc(100vh - 200px);
      padding-bottom: 40px;
      margin-top: 33px;
      text-align: left;
      position: relative;
      z-index: 41;
      /***scroll-bar***/
   }

   .global-mobile-menu ul {
      margin: 0;
      padding: 0 0;
   }

   .global-mobile-menu ul li {
      border-bottom: 1px solid #fdedf1;
      list-style-type: none;
   }

   .global-mobile-menu ul li li:first-child {
      border-top: 1px solid #fdedf1;
   }

   .global-mobile-menu ul li.menu-item-has-children {
      position: relative;
   }

   .global-mobile-menu ul li.menu-item-has-children:before {
      opacity: 1;
      visibility: visible;
      position: absolute;
      content: "+";
      font-family: var(--icon-font);
      position: absolute;
      right: 0;
      top: 12px;
      margin-right: 10px;
      display: inline-block;
      color: var(--title);
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
   }

   .global-mobile-menu ul li.menu-item-has-children.global-active:before {
      opacity: 0;
      visibility: hidden;
   }

   .global-mobile-menu ul li.menu-item-has-children.global-active:after {
      opacity: 1;
      visibility: visible;
   }

   .global-mobile-menu ul li.menu-item-has-children:after {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      content: "\f068";
      font-family: var(--icon-font);
      position: absolute;
      right: 0;
      top: 12px;
      margin-right: 10px;
      display: inline-block;
      color: var(--title);
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
   }

   .global-mobile-menu ul li.menu-item-has-children a {
      padding-right: 18px;
   }

   .global-mobile-menu ul li a {
      display: block;
      position: relative;
      padding: 12px 0;
      line-height: 1.4;
      font-size: 16px;
      text-transform: capitalize;
      color: var(--title);
   }

   .global-mobile-menu ul li.global-active>a {
      color: var(--theme);
   }

   .global-mobile-menu ul li.global-active>a:before {
      transform: rotate(90deg);
   }

   .global-mobile-menu ul li ul li {
      padding-left: 20px;
   }

   .global-mobile-menu ul li ul li:last-child {
      border-bottom: none;
   }

   .global-mobile-menu ul .global-item-has-children>a .global-mean-expand {
      position: absolute;
      right: 0;
      top: 50%;
      font-weight: 400;
      font-size: 12px;
      width: 25px;
      height: 25px;
      line-height: 25px;
      margin-top: -12.5px;
      display: inline-block;
      text-align: center;
      background-color: var(--gray1);
      color: var(--title);
      box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
      border-radius: 50%;
   }

   .global-mobile-menu ul .global-item-has-children>a .global-mean-expand:before {
      content: "\f067";
   }

   .global-mobile-menu ul .global-item-has-children>a:after {
      content: "\f067";
      display: inline-block;
      text-align: center;
      font-size: 12px;
      border-radius: 50px;
      background-color: var(--gray1);
      float: right;
      margin-top: 1px;
   }

   .global-mobile-menu ul .global-item-has-children.global-active>a .global-mean-expand:before {
      content: "\f068";
   }

   .global-mobile-menu ul .global-item-has-children.global-active>a:after {
      content: "\f068";
   }

   .global-mobile-menu>ul {
      padding: 0 20px;
   }

   .global-mobile-menu>ul>li:last-child {
      border-bottom: none;
   }

   .global-mobile-menu::-webkit-scrollbar {
      width: 5px;
      height: 5px;
   }

   .global-mobile-menu::-webkit-scrollbar-track {
      background: rgba(252, 0, 18, 0.1);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   }

   .global-mobile-menu::-webkit-scrollbar-thumb {
      background-color: var(--theme);
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
   }

   .global-menu-toggle {
      width: 50px;
      height: 50px;
      padding: 0;
      font-size: 20px;
      line-height: 52px;
      border: none;
      background-color: var(--theme);
      color: var(--white);
      display: inline-block;
      border-radius: 0px;
   }

   .global-menu-toggle:hover {
      background-color: var(--white);
   }

   .global-menu-toggle.style-text,
   .global-menu-toggle.style-text-white {
      width: auto;
      height: auto;
      background-color: transparent;
      color: var(--title);
      font-size: 20px;
   }

   .global-menu-toggle.style-text i,
   .global-menu-toggle.style-text-white i {
      margin-right: 10px;
   }

   .global-menu-toggle.style-text-white {
      color: var(--white);
   }

   @media (max-width: 1199px) {
      .global-menu-toggle {
         background-color: transparent;
      }
   }

   @media (max-width: 400px) {
      .global-menu-wrapper .global-menu-area {
         width: 100%;
         max-width: 270px;
      }

      .global-mobile-menu>ul {
         padding: 0 20px;
      }
   }

   .sticky-wrapper {
      transition: 0.4s ease-in-out;
   }

   .sticky-wrapper.sticky {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      background-color: var(--theme);
      filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
      animation: stickyAni 0.4s ease-in-out;
      z-index: 999;
   }

   .sidebar-btn .line {
      display: block;
      height: 2px;
      width: 10px;
      background: var(--theme);
      margin: auto;
      transition: 0.4s;
   }

   .sidebar-btn .line:not(:last-child) {
      margin-bottom: 9px;
   }

   .sidebar-btn .line:nth-child(2) {
      width: 20px;
   }

   .sidebar-btn:hover .line:nth-child(2) {
      width: 32px;
   }

   .sidebar-btn.style2 .line {
      margin-right: 0;
   }

   .sidebar-btn.style2 .line:first-child {
      width: 20px;
   }

   .sidebar-btn.style2 .line:nth-child(2) {
      width: 27px;
   }

   .sidebar-btn.style2:hover .line:first-child {
      width: 32px;
   }

   .sidebar-btn.style2:hover .line:nth-child(2) {
      width: 32px;
   }

   .header-layout3 {
      position: absolute;
      margin-top: 20px;
      width: 100%;
      z-index: 999;
   }

   @media (max-width: 1199px) {
      .header-layout3 {
         position: fixed;
         left: 0;
         right: 0;
         top: 0;
      }
   }

   .header-layout3 .sticky-wrapper.sticky {
      background: var(--theme2);
   }

   .header-layout3 .sticky-wrapper.sticky .global-header-menu-area {
      box-shadow: none;
      background-color: transparent;
      border: none;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
   }

   .header-layout3 .global-header-menu-area-main-menu ul li.global-header-menu-item-has-children>a:after {
      content: "\f107";
      display: inline-block;
      font-family: var(--icon-font);
      position: relative;
      margin-left: 4px;
      font-weight: 400;
      top: 0;
      font-size: 0.9em;
      color: var(--white) !important;
      transition: 0.3s ease-in-out;
      display: none;
   }

   .global-menu-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 999999;
      width: 0;
      width: 100%;
      height: 100%;
      transition: all ease 0.8s;
      opacity: 0;
      visibility: hidden;
   }

   .global-menu-wrapper .mobile-logo {
      padding-bottom: 30px;
      padding-top: 40px;
      display: block;
      text-align: center;
      background-color: var(--title);
   }

   .global-menu-wrapper .mobile-logo svg {
      max-width: 185px;
   }

   .global-menu-wrapper .global-menu-toggle {
      border: none;
      font-size: 22px;
      position: absolute;
      right: -16.5px;
      top: 25px;
      padding: 0;
      line-height: 1;
      width: 33px;
      height: 33px;
      line-height: 36px;
      font-size: 18px;
      z-index: 1;
      color: var(--white);
      background-color: var(--theme);
      border-radius: 50%;
   }

   .global-menu-wrapper .global-menu-toggle:hover {
      background-color: var(--title);
      color: var(--white);
   }

   .global-menu-wrapper .global-menu-area {
      width: 100%;
      max-width: 310px;
      background-color: #fff;
      border-right: 3px solid var(--theme);
      height: 100%;
      position: relative;
      left: -110%;
      opacity: 0;
      visibility: hidden;
      transition: all ease 1s;
      z-index: 1;
   }

   .global-menu-wrapper.global-body-visible {
      opacity: 1;
      visibility: visible;
   }

   .global-menu-wrapper.global-body-visible .global-menu-area {
      left: 0;
      opacity: 1;
      visibility: visible;
   }

   /* 13.Title */
   /*----------------------------------------------
    # Title style here
----------------------------------------------*/
   .section-title.style1 {
      text-align: center;
   }

   .section-title.style1 .subtitle {
      color: var(--title);
      text-align: center;
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
   }

   .section-title.style1 .title {
      color: var(--title);
      text-align: center;
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   .section-title.style1 .title .color-text {
      color: #008f71;
   }

   /* 14.Intro */
   /*----------------------------------------------
    # Intro style here
----------------------------------------------*/
   .intro1-wrapper-content {
      position: relative;
      padding: 200px 0px 127px;
      z-index: 9;
   }

   @media (max-width: 1199px) {
      .intro1-wrapper-content {
         padding-bottom: 0;
         padding-top: 120px;
      }
   }

   .intro1-wrapper-content__title {
      color: var(--white);
      -webkit-text-stroke-width: 1.2320058346;
      -webkit-text-stroke-color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 140px;
      font-style: normal;
      font-weight: 600;
      line-height: 129.8px;
      letter-spacing: -7.2px;
      text-transform: uppercase;
      margin-bottom: 20px;
   }

   @media (max-width: 1399px) {
      .intro1-wrapper-content__title {
         font-size: 100px;
         line-height: 100px;
      }
   }

   @media (max-width: 991px) {
      .intro1-wrapper-content__title {
         font-size: 80px;
         line-height: 90px;
      }
   }

   @media (max-width: 767px) {
      .intro1-wrapper-content__title {
         font-size: 60px;
         line-height: 70px;
         letter-spacing: 0;
      }
   }

   @media (max-width: 450px) {
      .intro1-wrapper-content__title {
         font-size: 48px;
         line-height: 57px;
      }
   }

   .intro1-wrapper-content__title i {
      color: var(--theme);
   }

   @media (max-width: 767px) {
      .intro1-wrapper-content__title i {
         padding: 0 16px;
      }
   }

   .intro1-wrapper-content__subtitle {
      -webkit-text-stroke-width: 1.2320058346;
      -webkit-text-stroke-color: var(--theme);
      -webkit-text-stroke: 1px var(--white);
      -webkit-text-fill-color: rgba(255, 255, 255, 0);
      font-family: "Outfit", sans-serif;
      font-size: 140px;
      font-style: normal;
      font-weight: 600;
      line-height: 119.8px;
      letter-spacing: -7.2px;
      text-transform: uppercase;
      margin-right: 7px;
   }

   @media (max-width: 1399px) {
      .intro1-wrapper-content__subtitle {
         font-size: 100px;
         line-height: 100px;
      }
   }

   @media (max-width: 991px) {
      .intro1-wrapper-content__subtitle {
         font-size: 80px;
         line-height: 90px;
      }
   }

   @media (max-width: 767px) {
      .intro1-wrapper-content__subtitle {
         font-size: 60px;
         line-height: 70px;
         letter-spacing: 0;
      }
   }

   @media (max-width: 450px) {
      .intro1-wrapper-content__subtitle {
         font-size: 48px;
         line-height: 57px;
      }
   }

   .intro1-wrapper-content__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 40px;
   }

   @media (max-width: 450px) {
      .intro1-wrapper-content__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .intro1-wrapper-content-video__btn {
      background-color: var(--theme);
      color: var(--white);
      display: inline-block;
      font-size: 16px;
      height: 50px;
      width: 50px;
      line-height: 50px;
      border-radius: 50%;
      text-align: center;
      position: relative;
      border-radius: 25px;
   }

   .intro1-wrapper-content-video__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .intro1-wrapper-content-video__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .intro1-wrapper-thumb {
      position: relative;
   }

   .intro1-wrapper-thumb__thumb1 {
      position: relative;
      z-index: 6;
      bottom: -190px;
      left: -190px;
   }

   @media (max-width: 1399px) {
      .intro1-wrapper-thumb__thumb1 {
         bottom: -88px;
      }
   }

   @media (max-width: 1199px) {
      .intro1-wrapper-thumb__thumb1 {
         bottom: 0px;
         right: 0;
      }
   }

   @media (max-width: 767px) {
      .intro1-wrapper-thumb__thumb1 {
         position: initial;
      }

      .intro1-wrapper-thumb__thumb1 img {
         width: 100%;
      }
   }

   .intro1-wrapper-thumb__shape {
      position: absolute;
      bottom: -190px;
      left: 60px;
      z-index: 1;
   }

   @media (max-width: 1399px) {
      .intro1-wrapper-thumb__shape {
         bottom: -88px;
      }
   }

   @media (max-width: 1199px) {
      .intro1-wrapper-thumb__shape {
         display: none;
      }
   }

   .intro2-bg {
      background-color: var(--white);
      border-radius: 0px 0px 60px 60px;
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
      max-width: 1756px;
      margin: 0 auto;
      padding: 172px 0 40px 0;
      position: relative;
      z-index: 3;
   }

   @media (max-width: 575px) {
      .intro2-bg {
         border-radius: 0;
      }
   }

   .intro2__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 120px;
      font-style: normal;
      font-weight: 600;
      line-height: 119.8px;
      letter-spacing: -7.2px;
      text-transform: uppercase;
      padding-bottom: 14px;
   }

   @media (max-width: 1199px) {
      .intro2__title {
         font-size: 92px;
         line-height: 100px;
      }
   }

   @media (max-width: 991px) {
      .intro2__title {
         font-size: 66px;
         line-height: 76px;
         letter-spacing: 0.29px;
      }
   }

   @media (max-width: 767px) {
      .intro2__title {
         font-size: 46px;
         line-height: 56px;
         letter-spacing: 0.29px;
      }
   }

   @media (max-width: 500px) {
      .intro2__title {
         font-size: 30px;
         line-height: 40px;
         letter-spacing: 0.29px;
      }
   }

   .intro2__title span {
      color: var(--theme);
   }

   .intro2__shape {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 1;
      border-bottom-right-radius: 60px;
   }

   @media (max-width: 575px) {
      .intro2__shape {
         display: none;
      }
   }

   .intro2__shape img {
      border-bottom-right-radius: 60px;
   }

   .intro2__content {
      position: relative;
      z-index: 3;
   }

   .intro2__content-btn {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase;
      position: absolute;
      right: 30px;
      bottom: 0;
   }

   @media (max-width: 1399px) {
      .intro2__content-btn {
         position: initial;
      }
   }

   .intro2__content-text {
      color: var(--text);
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-bottom: 20px;
   }

   @media (max-width: 500px) {
      .intro2__content-text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   @media (max-width: 1399px) {
      .intro2__content-thumb {
         margin-bottom: 20px;
      }
   }

   .intro2__content-thumb img {
      width: 100%;
   }

   .intro2__thumb img {
      width: 100%;
   }

   .intro3 {
      position: relative;
   }

   .intro3-content {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 250px 0;
      text-align: center;
   }

   @media (max-width: 767px) {
      .intro3-content {
         padding: 200px 0 150px 0;
      }
   }

   .intro3-content__title {
      max-width: 1213px;
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 110px;
      font-style: normal;
      font-weight: 600;
      line-height: 99.8px;
      letter-spacing: -3.2px;
      text-transform: uppercase;
      margin: 0 auto;
      padding-bottom: 36px;
   }

   @media (max-width: 1199px) {
      .intro3-content__title {
         font-size: 94px;
      }
   }

   @media (max-width: 991px) {
      .intro3-content__title {
         font-size: 74px;
         line-height: 84px;
      }
   }

   @media (max-width: 767px) {
      .intro3-content__title {
         font-size: 52px;
         line-height: 64px;
      }
   }

   @media (max-width: 500px) {
      .intro3-content__title {
         font-size: 36px;
         line-height: 44px;
         font-weight: 500;
         letter-spacing: 0.29px;
      }
   }

   @media (max-width: 450px) {
      .intro3-content__title {
         font-size: 30px;
      }
   }

   .intro3-content__title span {
      font-weight: 300;
   }

   .intro3-content__btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
   }

   @media (max-width: 500px) {
      .intro3-content__btn {
         flex-wrap: wrap;
         gap: 16px;
      }
   }

   .intro3 .swiper-arrow {
      display: flex;
      align-items: center;
      position: absolute;
      left: 300px;
      bottom: 126px;
      z-index: 9;
      gap: 60px;
   }

   @media (max-width: 767px) {
      .intro3 .swiper-arrow {
         display: none;
      }
   }

   .intro3 .swiper-arrow .swiper-nav {
      transition: 0.4s all ease-in-out;
   }

   .intro3 .swiper-arrow .swiper-nav:hover svg {
      fill: var(--theme) !important;
      stroke: var(--theme) !important;
      stop-color: var(--theme) !important;
   }

   .intro3__shape3_1 {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 9;
   }

   @media (max-width: 1399px) {
      .intro3__shape3_1 {
         max-width: 400px;
      }
   }

   @media (max-width: 1399px) {
      .intro3__shape3_1 img {
         width: 100%;
      }
   }

   @media (max-width: 767px) {
      .intro3__shape3_1 img {
         display: none;
      }
   }

   .intro3__shape3_2 {
      position: absolute;
      top: 140px;
      left: 160px;
      z-index: 9;
   }

   /* 15.Services */
   .service1-card {
      padding: 40px;
      border-radius: 0px 20px 0px 0px;
      border-top: 1px solid var(--gray1);
      border-right: 1px solid var(--gray1);
   }

   @media (max-width: 450px) {
      .service1-card {
         padding: 30px 16px;
      }
   }

   .service1-card__title {
      position: relative;
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-left: 90px;
      margin-bottom: 20px;
   }

   @media (max-width: 1399px) {
      .service1-card__title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   @media (max-width: 450px) {
      .service1-card__title {
         margin-left: 0;
      }
   }

   .service1-card__title:before {
      position: absolute;
      content: "";
      top: 20px;
      left: -90px;
      width: 70px;
      height: 2px;
      background-color: var(--title);
   }

   @media (max-width: 450px) {
      .service1-card__title:before {
         display: none;
      }
   }

   .service1-card__desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 35px;
   }

   @media (max-width: 450px) {
      .service1-card__desc {
         font-size: 16px;
         line-height: 28px;
      }
   }

   /* 16.About */
   .about1-title-thumb {
      border-radius: 20px;
   }

   .about1-title-thumb img {
      border-radius: 20px;
      width: 100%;
   }

   .about1-details {
      display: flex;
      align-items: center;
      gap: 78px;
   }

   @media (max-width: 1600px) {
      .about1-details {
         flex-wrap: wrap;
         gap: 16px;
      }
   }

   .about1-details__left {
      display: flex;
      align-items: center;
      gap: 68px;
   }

   @media (max-width: 575px) {
      .about1-details__left {
         gap: 16px;
         flex-wrap: wrap;
      }
   }

   .about1-details__thumb img {
      border-radius: 20px;
   }

   .about1-details__desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .about1-details__desc {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .about1-achievement {
      margin-top: 170px;
   }

   @media (max-width: 991px) {
      .about1-achievement {
         margin-top: 50px;
      }
   }

   .about1-achievement__thumb {
      border-radius: 999px;
   }

   @media (max-width: 1600px) {
      .about1-achievement__thumb {
         margin-bottom: 24px;
      }
   }

   .about1-achievement__thumb img {
      border-radius: 999px;
      width: 100%;
   }

   .about1-achievement__card {
      border-radius: 999px;
      background-color: var(--white);
      padding: 20px;
   }

   @media (max-width: 767px) {
      .about1-achievement__card {
         margin-bottom: 24px;
      }
   }

   .about1-achievement__counter {
      color: var(--title);
      text-align: center;
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 450px) {
      .about1-achievement__counter {
         font-size: 48px;
         line-height: 57px;
      }
   }

   .about1-achievement__desc {
      color: var(--text);
      text-align: center;
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .about2-card-left__item {
      display: flex;
      align-items: center;
      gap: 30px;
      margin-bottom: 30px;
   }

   .about2-card-left__item:last-child {
      margin-bottom: 0;
   }

   @media (max-width: 450px) {
      .about2-card-left__item {
         flex-wrap: wrap;
         gap: 20px;
      }
   }

   .about2-card-left__item-thumb {
      height: 80px;
      width: 80px;
      border-radius: 50%;
      border: 1px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .about2-card-left__item-thumb img {
      max-width: 100%;
   }

   .about2-card-left__item-content {
      width: 77%;
   }

   @media (max-width: 450px) {
      .about2-card-left__item-content {
         width: 100%;
      }
   }

   .about2-card-left__item-content-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
   }

   .about2-card-left__item-content-desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      padding-top: 4px;
   }

   .about2-card__thumb img {
      max-width: 100%;
   }

   @media (max-width: 1199px) {
      .about2-card__thumb {
         margin-top: 40px;
      }
   }

   @media (max-width: 575px) {
      .about2-card p {
         font-size: 16px;
      }
   }

   .about3 {
      background-color: var(--white);
   }

   .about3-left__list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
   }

   @media (max-width: 1399px) {
      .about3-left__list {
         grid-template-columns: repeat(1, 1fr);
      }
   }

   .about3-left__list li {
      color: var(--text);
      font-family: "Outfit", sans-serif;
      font-size: 18px;
	  padding-right: 5px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-bottom: 16px;
   }

   @media (max-width: 450px) {
      .about3-left__list li {
         font-size: 18px;
         padding-bottom: 8px;
      }
   }

   .about3-left__list li img {
      padding-right: 14px;
   }

   .about3-left__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-top: 10px;
   }

   @media (max-width: 450px) {
      .about3-left__text {
         font-size: 16px;
         line-height: 28px;
         padding-bottom: 0px;
      }
   }

   .about3-left__btn {
      margin-top: 34px;
   }

   .about3-left__btn .theme-btn {
      border: 1px solid transparent;
   }

   .about3-left__btn .theme-btn svg {
      transition: 0.4s all ease-in-out;
   }

   .about3-left__btn .theme-btn:hover svg {
      filter: sepia(100) saturate(1000%) hue-rotate(-10deg) brightness(100);
   }

   .about3-right {
      position: relative;
   }

   @media (max-width: 991px) {
      .about3-right {
         margin-top: 30px;
      }
   }

   @media (max-width: 1399px) {
      .about3-right__thumb img {
         max-width: 100%;
      }
   }

   .about3-right__shape {
      position: absolute;
      bottom: 60px;
      left: -40px;
   }

   @media (max-width: 767px) {
      .about3-right__shape {
         left: 0;
         bottom: 0;
      }
   }

   .about3-right__client {
      position: absolute;
      height: 150px;
      width: 150px;
      border-radius: 50%;
      background-color: var(--theme);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 0px;
      top: 125px;
      right: 60px;
   }

   @media (max-width: 1199px) {
      .about3-right__client {
         right: -30px;
      }
   }

   @media (max-width: 991px) {
      .about3-right__client {
         right: 80px;
      }
   }

   @media (max-width: 767px) {
      .about3-right__client {
         right: 0px;
      }
   }

   .about3-right__client-count {
      display: block;
      color: var(--white);
      text-align: center;
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
   }

   .about3-right__client-text {
      color: var(--white);
      text-align: center;
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   /* 17.Feature */
   .feature1-items {
      display: flex;
      flex-flow: row;
      align-items: center;
      gap: 20px;
   }

   @media (max-width: 1199px) {
      .feature1-items {
         flex-wrap: wrap;
         justify-content: center;
      }
   }

   .feature1-items__thumb img {
      border-radius: 20px;
   }

   @media (max-width: 1199px) {
      .feature1-items__thumb img {
         width: 100%;
      }
   }

   .feature1-items__list {
      position: relative;
      transform: rotate(-90deg);
      width: 200px;
      height: 200px;
   }

   @media (max-width: 1199px) {
      .feature1-items__list {
         transform: rotate(0);
         width: 100%;
         height: 100%;
      }
   }

   .feature1-items__list-item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      padding: 60px 62px;
      max-width: 500px;
      color: var(--text);
      font-family: "Outfit", sans-serif;
      font-size: 45px;
      font-style: normal;
      font-weight: 600;
      line-height: 61.1px;
      letter-spacing: -3.2px;
      white-space: nowrap;
      border-bottom: 1px solid var(--border);
      transition: all 0.3s;
   }

   @media (max-width: 1199px) {
      .feature1-items__list-item {
         position: initial;
         transform: translate(0);
         margin: 0 auto;
         padding: 30px 20px;
      }
   }

   @media (max-width: 575px) {
      .feature1-items__list-item {
         font-size: 36px;
         line-height: 46px;
         letter-spacing: 0;
      }
   }

   @media (max-width: 450px) {
      .feature1-items__list-item {
         font-size: 24px;
         line-height: 34px;
         letter-spacing: 0;
         padding: 16px 10px;
      }
   }

   .feature1-items__list:hover .feature1-items__list-item {
      color: var(--title);
   }

   .feature3__thumb {
      position: relative;
   }

   .feature3__thumb-img1 {
      position: absolute;
      top: -20px;
      left: 0;
      z-index: 1;
   }

   @media (max-width: 450px) {
      .feature3__thumb-img1 {
         display: none;
      }
   }

   @media (max-width: 450px) {
      .feature3__thumb-img2 img {
         width: 100%;
      }
   }

   @media (max-width: 1199px) {
      .feature3__thumb {
         margin-bottom: 50px;
      }
   }

   .feature3__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 0px;
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      margin-bottom: 40px;
   }

   .feature3__item:last-child {
      margin-bottom: 0;
   }

   @media (max-width: 575px) {
      .feature3__item {
/*          flex-wrap: wrap; */
         gap: 20px;
      }
   }

   .feature3__item-title {
      display: flex;
      gap: 16px;
   }

   .feature3__item-title span {
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: var(--text);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      color: transparent;
   }

   .feature3__item-title a {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   .feature3__item-title a:hover {
      color: var(--theme) !important;
   }

   @media (max-width: 767px) {
      .feature3__item-title a {
         font-size: 26px;
         line-height: 34px;
      }
   }

   @media (max-width: 450px) {
      .feature3__item-title a {
         font-size: 20px;
         line-height: 30px;
      }

      .feature3__item-title a br {
         display: none;
      }
   }

   .feature3__item-btn a svg {
      z-index: 9;
      transition: 0.4s all ease-in-out;
      transform: translateX(-5px);
   }

   .feature3__item-btn:hover a svg {
      transform: translateX(0);
   }

   /* 18.Achievement */
   .achievement2-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      text-align: center;
      padding-bottom: 60px;
   }

   @media (max-width: 1199px) {
      .achievement2-title {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .achievement2-title {
         font-size: 40px;
         line-height: 50px;
      }
   }

   @media (max-width: 450px) {
      .achievement2-title {
         font-size: 36px;
         line-height: 40px;
         padding-bottom: 40px;
      }
   }

   @media (max-width: 500px) {
      .achievement2-title__img-1 {
         display: none;
      }
   }

   .achievement2-title__img-2 .avatar {
      margin-left: -30px;
   }

   .achievement2-title__img-2 .avatar:first-child {
      margin-left: 0px;
   }

   @media (max-width: 500px) {
      .achievement2-title__img-2 {
         display: none;
      }
   }

   .achievement2-card {
      padding: 20px;
      border-radius: 20px;
      background-color: var(--white);
   }

   @media (max-width: 1199px) {
      .achievement2-card {
         margin-bottom: 24px;
      }
   }

   .achievement2-card__counter {
      text-align: center;
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      margin-bottom: 10px;
      -webkit-text-stroke: 2px var(--text);
      -webkit-text-fill-color: transparent;
   }

   @media (max-width: 500px) {
      .achievement2-card__counter {
         font-size: 50px;
         line-height: 70px;
         padding-bottom: 4;
      }
   }

   .achievement2-card__desc {
      color: var(--text);
      text-align: center;
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .achievement3-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 50px 20px 50px 30px;
      background-color: var(--white);
      border: 1px solid var(--theme);
      border-radius: 20px;
      margin-bottom: 40px;
   }

   @media (max-width: 575px) {
      .achievement3-top {
         flex-wrap: wrap;
         padding: 20px;
      }
   }

   .achievement3-top-counter__count {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 61.1px;
      letter-spacing: -3.2px;
   }

   .achievement3-top-counter__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .achievement3-top-counter__text {
         font-size: 16px;
      }
   }

   .achievement3-input {
      background-color: var(--white);
      padding: 40px;
      border-radius: 20px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 9;
   }

   @media (max-width: 991px) {
      .achievement3-input {
         position: initial;
         margin-bottom: 30px;
      }
   }

   @media (max-width: 450px) {
      .achievement3-input {
         padding: 30px 20px;
      }
   }

   .achievement3-input__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      padding-bottom: 26px;
   }

   @media (max-width: 1199px) {
      .achievement3-input__title {
         font-size: 65px;
         line-height: 65px;
      }
   }

   @media (max-width: 575px) {
      .achievement3-input__title {
         font-size: 48px;
         line-height: 50px;
      }
   }

	.bpo-form-wrapper {
		max-width: 80%;
		padding: 70px 60px!important;
		background-color: white;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
		margin: 0 auto;
		border-radius: 20px;
	}
	@media (max-width: 575px) {
		.bpo-form-wrapper {
			max-width: 100%;
			padding: 40px 30px!important;
			background-color: white;
			box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
			margin: 0 auto;
		}
	}
	.form-sub-hedings {
		text-align: left;
		margin-bottom: 25px;
		font-weight: 600;
		margin-top: 20px;
		color: #cfb72a;
		padding-bottom: 10px;
		border-bottom: 1px solid #cfb72a;
	}
	.wpcf7-not-valid-tip {
	    font-size: 14px!important;
		margin-bottom: 10px;
		text-align: left;
	}

   .achievement3-input__form-control {
	   width: 100%;
	   border: none;
	   border: 1px solid var(--border);
	   border-radius: 100px;
	   height: 60px;
	   padding: 14px 30px;
	   margin-bottom: 30px;
	   font-size: 16px;
	}
	select.achievement3-input__form-control {
		/* Appearance for custom arrow */
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><polygon points='0,0 10,0 5,5' fill='%23333'/></svg>");
		background-repeat: no-repeat;
		background-position: right 20px center; /* arrow margin-right: 10px */
		background-size: 10px 10px;
	}



   .achievement3-input__form-control::placeholder {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }
	@media (max-width: 575px) {
		.achievement3-input__form-control::placeholder {
			font-size: 14px;
			line-height: 18px;
		}
		.achievement3-input__form-control {
		   font-size: 14px;
		}
	}

   .achievement3-input__form textarea {
      height: 120px;
      border-radius: 20px !important;
      margin-bottom: 10px;
	  font-size: 16px;
   }
	@media (max-width: 575px) {
		.achievement3-input__form-control::placeholder {
			font-size: 14px;
			line-height: 18px;
		}
		.achievement3-input__form textarea,
		.achievement3-input__form-control {
			font-size: 14px;
		}
		.mt-zero-on-mob {
			margin-top: 0!important;
		}
	}
   .achievement3-input__btn {
      width: 245px;
   }

   .achievement3-input__btn a {
      background-color: var(--theme);
      padding: 15px 30px 30px 30px;
      border-radius: 100px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      gap: 15px;
      flex-shrink: 0;
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase;
   }
   .theme-btn.style1:hover {
      color: black!important;
   }

   .achievement3-video {
      position: relative;
   }

   .achievement3-video__thumb {
      border-radius: 20px 0px 0px 20px;
   }

   .achievement3-video__thumb img {
      border-radius: 20px 0px 0px 20px;
   }

   @media (max-width: 767px) {
      .achievement3-video__thumb img {
         width: 100%;
         border-radius: 20px;
      }
   }

   .achievement3-video__box {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 200px;
   }

   @media (max-width: 575px) {
      .achievement3-video__box {
         display: none;
      }
   }

   .achievement3-video__box-bg {
      background-color: var(--theme);
      padding: 10px;
      border-radius: 50%;
   }

   .achievement3-video__box-bg .play-btn {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border: 1px solid var(--white);
      height: 45px;
      width: 45px;
      border-radius: 50%;
      line-height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .achievement3-video__box-bg .play-btn i {
      color: var(--white);
   }

   .achievement3-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      text-align: center;
      padding-top: 60px;
   }

   @media (max-width: 1199px) {
      .achievement3-title {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .achievement3-title {
         font-size: 40px;
         line-height: 50px;
      }
   }

   @media (max-width: 450px) {
      .achievement3-title {
         font-size: 36px;
         line-height: 40px;
         padding-bottom: 40px;
      }
   }

   @media (max-width: 500px) {
      .achievement3-title__img-1 {
         display: none;
      }
   }

   .achievement3-title__img-2 .avatar {
      margin-left: -30px;
   }

   .achievement3-title__img-2 .avatar:first-child {
      margin-left: 0px;
   }

   @media (max-width: 500px) {
      .achievement3-title__img-2 {
         display: none;
      }
   }

   /* 19.Work Process */
   .work-process2 {
      background-color: var(--white);
   }

   .work-process2-card {
      border-radius: 20px;
      border: 1px solid var(--border);
      background: var(--white);
      padding: 40px 50px 40px 40px;
   }

   @media (max-width: 1199px) {
      .work-process2-card {
         margin-bottom: 24px;
      }
   }

   @media (max-width: 575px) {
      .work-process2-card {
         padding: 30px;
      }
   }

   .work-process2-card__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      padding-bottom: 12px;
   }

   .work-process2-card__title a {
      font-size: 36px;
   }

   @media (max-width: 1399px) {
      .work-process2-card__title a {
         font-size: 30px;
      }
   }

   .work-process2-card__desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .work-process2-card__desc {
         font-size: 16px;
         line-height: 26px;
      }
   }

   .work-process2-card__bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 48px;
   }

   @media (max-width: 575px) {
      .work-process2-card__bottom {
         margin-top: 30px;
      }
   }

   .work-process2-card__bottom-thumb img {
      max-width: 100%;
      height: auto;
   }

   .work-process2-card__bottom-link {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
   }

   .work-process2-card__bottom-link .svg {
      margin-left: 15px;
      transition: transform 0.3s ease;
   }

   .work-process3-card {
      position: relative;
      padding: 40px;
   }

   @media (max-width: 1199px) {
      .work-process3-card {
         margin-bottom: 30px;
      }
   }

   @media (max-width: 450px) {
      .work-process3-card {
		  padding: 40px 30px;
      }
   }

   .work-process3-card::before,
   .work-process3-card::after {
      content: "";
      position: absolute;
      border: 2px solid var(--border);
      width: 105px;
      height: 105px;
      transition: 0.4s all ease-in-out;
   }

   .work-process3-card::before {
      top: 0;
      left: 0;
      border-right: none;
      border-bottom: none;
      border-top-left-radius: 20px;
   }

   .work-process3-card::after {
      bottom: 0;
      right: 0;
      border-left: none;
      border-top: none;
      border-bottom-right-radius: 20px;
   }

   .work-process3-card__icon {
      background-color: var(--white);
      height: 80px;
      width: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.4s all ease-in-out;
   }

   .work-process3-card__icon img {
      width: 40px;
      transition: 0.4s all ease-in-out;
   }

   .work-process3-card__title a {
      color: var(--text);;
      font-family: "Outfit", sans-serif;
	  font-size: 26px;
	  font-style: normal;
	  font-weight: 500;
	  line-height: 34px;
	  letter-spacing: 0;
	  padding: 10px 0;
   }

   @media (max-width: 1399px) {
      .work-process3-card__title a {
         font-size: 20px;
         line-height: 26px;
      }
   }

   .work-process3-card__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-bottom: 30px;
   }

   @media (max-width: 1399px) {
      .work-process3-card__text {
		  font-size: 16px;
		  line-height: 26px;
      }
   }

   .work-process3-card:hover::before {
      border: 2px solid var(--theme);
      border-right: none;
      border-bottom: none;
   }

   .work-process3-card:hover::after {
      border: 2px solid var(--theme);
      border-left: none;
      border-top: none;
   }

   .work-process3-card:hover .work-process3-card__icon {
      background-color: var(--theme);
   }

   .work-process3-card:hover .work-process3-card__icon .svg {
      filter: brightness(0) invert(1);
   }

   /* 20.Projects */
   .project1__content-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .project1-wrapper__thumb {
      position: relative;
   }

   .project1-wrapper__thumb img {
      max-width: 100%;
      border-radius: 20px;
   }

   .project1-wrapper__thumb-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: 0.4s all ease-in-out;
   }

   .project1-wrapper__thumb:hover .project1-wrapper__thumb-icon {
      opacity: 1;
   }

   .project1-wrapper-info-items1__thumb {
      position: relative;
   }

   .project1-wrapper-info-items1__thumb img {
      max-width: 100%;
      border-radius: 20px;
   }

   .project1-wrapper-info-items1__thumb-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: 0.4s all ease-in-out;
   }

   .project1-wrapper-info-items1__thumb:hover .project1-wrapper-info-items1__thumb-icon {
      opacity: 1;
   }

   .project1-wrapper-info-items2__thumb {
      position: relative;
   }

   .project1-wrapper-info-items2__thumb img {
      max-width: 100%;
      border-radius: 20px;
   }

   .project1-wrapper-info-items2__thumb-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: 0.4s all ease-in-out;
   }

   .project1-wrapper-info-items2__thumb:hover .project1-wrapper-info-items2__thumb-icon {
      opacity: 1;
   }

   .project1-wrapper-info__btn-button {
      margin-top: 60px;
   }

   .project1-wrapper__btn-button {
      margin-top: 50px;
   }

   .project1-wrapper__btn-button .svg {
      transition: 0.4s all ease-in-out;
   }

   .project2-card__thumb {
      border-radius: 12px;
      position: relative;
   }

   .project2-card__thumb .img {
      width: 100%;
      border-radius: 20px;
   }

   .project2-card__thumb-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -30%);
      opacity: 1;
      transition: opacity 0.3s ease;
      transition: 0.4s all ease-in-out;
      opacity: 0;
      visibility: hidden;
      z-index: 9;
   }

   .project2-card__thumb::after {
      position: absolute;
      border: 1px solid var(--border);
      left: 50%;
      top: 50%;
      content: "";
      height: 92%;
      width: 95%;
      border-radius: 20px;
      transform: translate(-50%, -50%);
      transition: 0.4s all ease-in-out;
      opacity: 0;
   }

   .project2-card__thumb:hover .project2-card__thumb-icon {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, -50%);
   }

   .project2-card__thumb:hover::after {
      opacity: 1;
   }

   .project2-card-content {
      padding-bottom: 50px;
   }

   @media (max-width: 991px) {
      .project2-card-content {
         padding-bottom: 30px;
      }
   }

   .project2-card-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   .project2-card-content__title h3 {
      padding-top: 20px;
      font-size: 36px;
      padding-bottom: 10px;
   }

   @media (max-width: 500px) {
      .project2-card-content__title h3 {
         font-size: 30px;
         line-height: 40px;
      }
   }

   @media (max-width: 450px) {
      .project2-card-content__title h3 {
         font-size: 26px;
         line-height: 36px;
      }
   }

   .project2-card-content__desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 500px) {
      .project2-card-content__desc {
         font-size: 18px;
         line-height: 26px;
      }
   }

   @media (max-width: 450px) {
      .project2-card-content__desc {
         font-size: 16px;
         line-height: 26px;
      }
   }

   .project2-card:hover__thumb {
      display: none;
   }

   .project3-item {
      position: relative;
   }

   @media (max-width: 767px) {
      .project3-item {
         margin-bottom: 30px;
      }
   }

   .project3-item__thumb {
      border-radius: 20px;
   }

   .project3-item__thumb img {
      width: 100%;
      border-radius: 20px;
	  height: 370px;
      object-fit: cover; 
   }

   .project3-item__content {
      position: absolute;
      left: 30px;
      bottom: 40px;
      transform: translateY(20px);
      opacity: 0;
      visibility: hidden;
      transition: 0.4s all ease-in-out;
   }

   @media (max-width: 450px) {
      .project3-item__content {
         left: 10px;
      }
   }

   .project3-item__content-subtitle {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      background-color: var(--white);
      padding: 20px;
      border-radius: 20px 20px 0px 0px;
      background: var(--white);
      display: inline-block;
   }

   @media (max-width: 1399px) {
      .project3-item__content-subtitle {
         font-size: 18px;
         line-height: 18px;
      }
   }

   @media (max-width: 991px) {
      .project3-item__content-subtitle {
         font-size: 15px;
         line-height: 15px;
      }
   }

   .project3-item__content-title a {
      border-radius: 0px 20px 20px 20px;
      background: var(--theme);
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      padding: 20px 30px 20px 20px;
      display: inline-block;
   }

   @media (max-width: 1399px) {
      .project3-item__content-title a {
         font-size: 26px;
         line-height: 26px;
      }
   }

   @media (max-width: 991px) {
      .project3-item__content-title a {
         font-size: 20px;
         line-height: 20px;
      }
   }

   @media (max-width: 450px) {
      .project3-item__content-title a {
         padding: 20px 10px;
      }
   }

   .project3-item__content-title a:hover {
      color: var(--white) !important;
   }

   .project3-item:hover .project3-item__content {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
   }

   /* 21.FAQ */
   .faq2-main-content .accordion .global-accordion-item .global-accordion-header {
      margin: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-button {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
      padding: 16px 0px 10px 0px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      border-top: 1px solid var(--theme);
   }

   @media (max-width: 1399px) {
      .faq2-main-content .accordion .global-accordion-item .global-accordion-button {
         font-size: 20px;
      }
   }

   @media (max-width: 575px) {
      .faq2-main-content .accordion .global-accordion-item .global-accordion-button {
         font-size: 16px;
         padding-top: 8px;
      }
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-button .number {
      margin-right: 18px;
   }

   @media (max-width: 1399px) {
      .faq2-main-content .accordion .global-accordion-item .global-accordion-button .number {
         margin-right: 8px;
      }
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-button .icon {
      z-index: 11;
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-button .icon i {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      color: var(--title);
      border: 1px solid var(--theme);
      font-size: 16px;
      display: inline-block;
   }

   @media (max-width: 575px) {
      .faq2-main-content .accordion .global-accordion-item .global-accordion-button .icon i {
         width: 30px;
         height: 30px;
         line-height: 30px;
      }
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-button.collapsed {
      border-top: 1px solid var(--border);
      padding-bottom: 26px;
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-button.collapsed .icon {
      transform: rotate(-90deg);
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-button.collapsed .icon i {
      border: 1px solid var(--border);
      color: var(--title);
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-body {
      padding: 0 0px 24px 0px;
      border-top: 0;
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .faq2-main-content .accordion .global-accordion-item .global-accordion-body p {
      font-size: 16px;
   }

   @media (max-width: 575px) {
      .faq2-main-content .accordion .global-accordion-item .global-accordion-body p {
         font-size: 15px;
      }
   }

   .faq2-right-content {
      background-color: var(--white);
      border-radius: 20px;
      margin-left: 60px;
      text-align: center;
      padding: 40px 30px 50px 30px;
   }

   @media (max-width: 1199px) {
      .faq2-right-content {
         margin-left: 20px;
      }
   }

   @media (max-width: 991px) {
      .faq2-right-content {
         margin-left: 0px;
         margin-top: 30px;
      }
   }

   @media (max-width: 500px) {
      .faq2-right-content {
         padding: 30px 15px;
      }
   }

   .faq2-right-content__thumb {
      background-color: var(--theme);
      height: 80px;
      width: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
   }

   .faq2-right-content__title {
      color: var(--title);
      font-size: 36px;
      font-family: "Outfit", sans-serif;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      padding: 20px 0 10px 0;
   }

   @media (max-width: 767px) {
      .faq2-right-content__title {
         font-size: 32px;
         line-height: 40px;
      }
   }

   @media (max-width: 500px) {
      .faq2-right-content__title {
         font-size: 24px;
         line-height: 30px;
      }
   }

   .faq2-right-content__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding: 0 5px 26px 5px;
   }

   @media (max-width: 500px) {
      .faq2-right-content__text {
         font-size: 16px;
         padding: 0 0 20px 0;
      }
   }

   .faq3-thumb {
      position: relative;
      display: flex;
      align-items: flex-start;
      gap: 30px;
   }

   .faq3-thumb__one {
      margin-top: 101px;
   }

   .faq3-thumb__one img {
      border-radius: 20px;
      width: 100%;
   }

   .faq3-thumb__two img {
      border-radius: 20px;
      width: 100%;
   }

   .faq3-thumb .counter-box3 {
      position: absolute;
      bottom: 20px;
      left: 35%;
   }

   @media (max-width: 450px) {
      .faq3-thumb .counter-box3 {
         left: auto;
         right: 0;
      }
   }

   /* 22.Blog */
   @media (max-width: 1399px) {
      .blog1-card {
         margin-bottom: 30px;
      }
   }

   .blog1-card__thumb {
      border-radius: 20px;
   }

   .blog1-card__thumb img {
      border-radius: 20px;
      width: 100%;
   }

   .blog1-card-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-top: 10px;
      margin-bottom: 20px;
   }

   @media (max-width: 991px) {
      .blog1-card-content__title {
         font-size: 32px;
      }
   }

   @media (max-width: 450px) {
      .blog1-card-content__title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .blog1-card-content__meta {
      display: flex;
      gap: 20px;
      margin-bottom: 33px;
   }

   @media (max-width: 450px) {
      .blog1-card-content__meta {
         margin-bottom: 20px;
      }
   }

   .blog1-card-content__author {
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid var(--border);
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
   }

   .blog1-card-content__author-icon {
      color: var(--title);
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .blog1-card-content__author-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
   }

   .blog1-card-content__calendar {
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid var(--border);
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
   }

   .blog1-card-content__calendar-icon {
      color: var(--title);
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .blog1-card-content__calendar-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
   }

   .blog1-card-content__link .svg {
      margin-left: 10px;
   }

   .blog2 {
      background-color: var(--white);
   }

   .blog2__thumb {
      border-radius: 20px;
   }

   @media (max-width: 1199px) {
      .blog2__thumb {
         margin-bottom: 30px;
      }
   }

   .blog2__thumb img {
      width: 100%;
      border-radius: 20px;
   }

   .blog2__item {
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 30px;
      transition: 0.4s all ease-in-out;
      margin-bottom: 30px;
   }

   @media (max-width: 575px) {
      .blog2__item {
         padding: 20px 0 20px 16px;
      }
   }

   .blog2__item:last-child {
      margin-bottom: 0;
   }

   .blog2__item-top {
      display: flex;
      align-items: center;
      gap: 20px;
   }

   @media (max-width: 575px) {
      .blog2__item-top {
         flex-wrap: wrap;
         gap: 16px;
      }
   }

   .blog2__item-top-user {
      border-radius: 100px;
      border: 1px solid var(--border);
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
      padding: 6px 22px;
   }

   .blog2__item-top-user span {
      color: var(--title);
      font-size: 13px;
      padding-right: 4px;
   }

   .blog2__item-top-date {
      border-radius: 100px;
      border: 1px solid var(--border);
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
      padding: 6px 22px;
   }

   .blog2__item-top-date span {
      color: var(--title);
      font-size: 13px;
      padding-right: 4px;
   }

   .blog2__item-title {
      padding-top: 24px;
   }

   @media (max-width: 1399px) {
      .blog2__item-title {
         padding: 20px 0 16px 0;
      }
   }

   .blog2__item-title a {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      transition: 0.4s all ease-in-out;
   }

   .blog2__item-title a:hover {
      color: var(--theme) !important;
   }

   @media (max-width: 767px) {
      .blog2__item-title a {
         font-size: 32px;
         line-height: 40px;
      }
   }

   @media (max-width: 450px) {
      .blog2__item-title a {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .blog2__item-link {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase;
   }

   .blog2__item-link span {
      padding-left: 10px;
   }

   .blog2__item-link:hover svg circle {
      stroke: var(--theme);
   }

   .blog2__item:hover {
      border: 1px solid var(--theme);
   }

   .blog3-card {
      background-color: var(--white);
      border-bottom: 3px solid transparent;
      transition: all 0.3s linear;
   }

   @media (max-width: 1199px) {
      .blog3-card {
         margin-bottom: 30px;
      }
   }

   .blog3-card__thumb {
      position: relative;
   }

   .blog3-card__thumb img {
      position: relative;
      width: 100%;
   }

   .blog3-card__meta {
      position: absolute;
      bottom: 20px;
      left: 20px;
      display: flex;
      gap: 20px;
   }

   .blog3-card__author {
      padding: 5px 10px;
      background-color: var(--white);
      border-radius: 999px;
      border: 1px solid var(--border);
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
   }

   .blog3-card__author-icon {
      color: var(--title);
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .blog3-card__author-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
   }

   .blog3-card__calendar {
      padding: 5px 10px;
      background-color: var(--white);
      border-radius: 999px;
      border: 1px solid var(--border);
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
   }

   .blog3-card__calendar-icon {
      color: var(--title);
      font-size: 14px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .blog3-card__calendar-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
   }

   .blog3-card-content {
      padding: 20px 30px 30px 30px;
   }

   .blog3-card-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 26px;
      font-style: normal;
      font-weight: 600;
      line-height: 31.8px;
      letter-spacing: -0.72px;
      margin-bottom: 30px;
   }

   @media (max-width: 991px) {
      .blog3-card-content__title {
         font-size: 22px;
         margin-bottom: 20px;
      }
   }

   @media (max-width: 450px) {
      .blog3-card-content__title {
         font-size: 20px;
         line-height: 28px;
      }
   }

   .blog3-card-content__link .svg {
      margin-left: 10px;
   }

   .blog3-card:hover {
      border-bottom: 3px solid var(--theme);
   }

   .blog-page-wrapper-items__thumb {
      position: relative;
   }

   .blog-page-wrapper-items__thumb img {
      max-width: 100%;
   }

   .blog-page-wrapper-items__thumb-post-date {
      position: absolute;
      bottom: 27px;
      left: 26px;
      display: inline-flex;
      padding: 8px 28px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      background-color: var(--white) !important;
   }

   @media (max-width: 575px) {
      .blog-page-wrapper-items__thumb-post-date {
         bottom: 27px;
         left: 12px;
         padding: 8px 12px;
         gap: 8px;
      }
   }

   @media (max-width: 470px) {
      .blog-page-wrapper-items__thumb-post-date {
         bottom: 27px;
         left: 12px;
         padding: 8px 12px;
         gap: 8px;
      }
   }

   @media (max-width: 450px) {
      .blog-page-wrapper-items__thumb-post-date {
         background-color: transparent;
         position: initial;
         display: flex;
         flex-wrap: wrap;
         gap: 4px;
      }
   }

   .blog-page-wrapper-items__thumb-post-date ul {
      display: flex;
      align-items: center;
      gap: 16px;
   }

   @media (max-width: 450px) {
      .blog-page-wrapper-items__thumb-post-date ul {
         flex-wrap: wrap;
         justify-content: left;
      }
   }

   @media (max-width: 1199px) {
      .blog-page-wrapper-items__thumb-post-date ul {
         gap: 16px;
      }
   }

   .blog-page-wrapper-items__thumb-post-date ul li {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   @media (max-width: 575px) {
      .blog-page-wrapper-items__thumb-post-date ul li {
         font-size: 14px;
      }
   }

   @media (max-width: 470px) {
      .blog-page-wrapper-items__thumb-post-date ul li {
         font-size: 12px;
      }
   }

   .blog-page-wrapper-items__thumb-post-date ul li i {
      color: var(--theme);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-right: 10px;
   }

   @media (max-width: 575px) {
      .blog-page-wrapper-items__thumb-post-date ul li i {
         font-size: 10px;
      }
   }

   .blog-page-wrapper-items__content {
      padding: 15px 0px 75px 0px;
   }

   .blog-page-wrapper-items__content-title {
      margin-bottom: 13px;
   }

   .blog-page-wrapper-items__content-title a {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   @media (max-width: 991px) {
      .blog-page-wrapper-items__content-title a {
         font-size: 31px;
      }
   }

   @media (max-width: 450px) {
      .blog-page-wrapper-items__content-title a {
         font-size: 24px;
         line-height: 36px;
      }
   }

   .blog-page-wrapper-items__content-title a:hover {
      color: var(--theme);
   }

   .blog-page-wrapper-items__content-subtitle {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 40px;
   }

   @media (max-width: 450px) {
      .blog-page-wrapper-items__content-subtitle {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-page-wrapper-items__content-button .theme-btn.style3 {
      border: 1px solid var(--border);
      color: var(--title);
   }

   .blog-page-wrapper-items__content-button .theme-btn svg {
      margin-left: 20px;
   }

   .blog-details-wrapper-items__thumb {
      position: relative;
      margin-bottom: 12px;
   }

   .blog-details-wrapper-items__thumb img {
      max-width: 100%;
   }

   .blog-details-wrapper-items__thumb-date {
      position: absolute;
      bottom: 27px;
      left: 27px;
      display: inline-flex;
      padding: 8px 28px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      background-color: var(--white) !important;
   }

   @media (max-width: 500px) {
      .blog-details-wrapper-items__thumb-date {
         background-color: transparent;
         position: initial;
      }
   }

   .blog-details-wrapper-items__thumb-date ul {
      display: flex;
      align-items: center;
      gap: 16px;
   }

   @media (max-width: 500px) {
      .blog-details-wrapper-items__thumb-date ul {
         flex-wrap: wrap;
         justify-content: left;
         gap: 6px;
      }
   }

   @media (max-width: 1199px) {
      .blog-details-wrapper-items__thumb-date ul {
         gap: 16px;
      }
   }

   .blog-details-wrapper-items__thumb-date ul li {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .blog-details-wrapper-items__thumb-date ul li i {
      color: var(--theme);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-right: 10px;
   }

   .blog-details-wrapper-items-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      margin-bottom: 9px;
   }

   @media (max-width: 767px) {
      .blog-details-wrapper-items-content__title {
         font-size: 52px;
         line-height: 62px;
      }
   }

   @media (max-width: 500px) {
      .blog-details-wrapper-items-content__title {
         font-size: 36px;
         line-height: 40px;
         letter-spacing: 0.1px;
      }
   }

   .blog-details-wrapper-items-content__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 9px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-content__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-content__subtext {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 20px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-content__subtext {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-content-area {
      display: flex;
      gap: 60px;
      margin-bottom: 20px;
   }

   @media (max-width: 767px) {
      .blog-details-wrapper-items-content-area {
         flex-wrap: wrap;
         gap: 0px;
      }
   }

   .blog-details-wrapper-items-content-area__items1-sublist li {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 10px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-content-area__items1-sublist li {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-content-area__items1-sublist li i {
      color: var(--theme);
      font-size: 16px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .blog-details-wrapper-items-content__subtitle {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-bottom: 12px;
   }

   @media (max-width: 500px) {
      .blog-details-wrapper-items-content__subtitle {
         font-size: 28px;
         line-height: 38px;
      }
   }

   .blog-details-wrapper-items-content__title1 {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 30px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-content__title1 {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-client {
      padding: 32px 40px 32px 30px;
      display: flex;
      gap: 26px;
      border-radius: 20px;
      border-left: 2px solid var(--theme);
      background: var(--white);
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
      margin-bottom: 38px;
   }

   @media (max-width: 500px) {
      .blog-details-wrapper-items-client {
         flex-wrap: wrap;
         gap: 16px;
      }
   }

   .blog-details-wrapper-items-client-author {
      position: relative;
      justify-content: center;
   }

   .blog-details-wrapper-items-client-author__designation {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 10px;
   }

   .blog-details-wrapper-items-client-author__start {
      position: absolute;
      right: 2%;
      top: -1%;
   }

   .blog-details-wrapper-items-client-author__start i {
      color: var(--orange1);
      font-size: 16px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .blog-details-wrapper-items-client-author__start i.color-2 {
      color: var(--bg);
   }

   .blog-details-wrapper-items-client-author__name {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-bottom: 14px;
   }

   .blog-details-wrapper-items-client-author__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px;
   }

   .blog-details-wrapper-items-info-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-bottom: 13px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-info-content__title {
         font-size: 24px;
         line-height: 32px;
      }
   }

   .blog-details-wrapper-items-info-content__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 14px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-info-content__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-info-content__subtext {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 27px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-info-content__subtext {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-info__thumb {
      display: flex;
      gap: 39px;
   }

   .blog-details-wrapper-items-info__thumb img {
      max-width: 100%;
   }

   .blog-details-wrapper-items-tag {
      margin-top: 40px;
   }

   .blog-details-wrapper-items-tag__tagcloud {
      display: flex;
      align-items: center;
      gap: 10px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      text-align: center;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-tag__tagcloud {
         flex-wrap: wrap;
         gap: 6px;
         justify-content: left;
      }
   }

   .blog-details-wrapper-items-tag__tagcloud-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-tag__tagcloud-title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .blog-details-wrapper-items-tag__tagcloud a {
      display: inline-flex;
      padding: 5px 10px;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 10px;
      border-radius: 999px;
      border: 1px solid var(--gray1);
      background: var(--white);
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
      margin-top: 10px;
   }

   .blog-details-wrapper-items-tag__social {
      gap: 15px;
      position: relative;
      z-index: 9;
   }

   .blog-details-wrapper-items-tag__social a {
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-size: 16px;
      display: block;
      color: var(--white);
      transition: all 0.4s ease-in-out;
      text-align: center;
      border-radius: 999px;
      background: var(--bg);
   }

   .blog-details-wrapper-items-tag__social a i {
      color: var(--theme);
      font-size: 16px;
   }

   .blog-details-wrapper-items-tag-button {
      display: flex;
      gap: 10px;
      justify-content: space-between;
      max-width: 850px;
      height: 90px;
      border-radius: 20px;
      border: 1px solid var(--gray1);
      background: var(--white);
      margin-top: 33px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-tag-button {
         flex-wrap: wrap;
         gap: 10px;
      }
   }

   .blog-details-wrapper-items-tag-button__arry-prev {
      margin-left: 35px;
      cursor: pointer;
      display: flex;
      align-items: center;
   }

   .blog-details-wrapper-items-tag-button__arry-prev-icon {
      width: 50px;
      height: 50px;
      line-height: 50px;
      display: inline-block;
      text-align: center;
      border-radius: 999px;
      background: var(--bg);
   }

   .blog-details-wrapper-items-tag-button__arry-prev-icon i {
      color: var(--title);
      font-size: 20px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-tag-button__arry-prev-icon {
         display: none;
      }
   }

   .blog-details-wrapper-items-tag-button__arry-prev-text {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-left: 17px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-tag-button__arry-prev-text {
         font-size: 20px;
      }
   }

   .blog-details-wrapper-items-tag-button__arry-next {
      display: flex;
      align-items: center;
      margin-right: 35px;
      cursor: pointer;
   }

   .blog-details-wrapper-items-tag-button__arry-next-text {
      color: var(--title);
      text-align: right;
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-right: 17px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-tag-button__arry-next-text {
         font-size: 20px;
      }
   }

   .blog-details-wrapper-items-tag-button__arry-next-icon {
      width: 50px;
      height: 50px;
      line-height: 50px;
      display: inline-block;
      text-align: center;
      border-radius: 999px;
      background: var(--theme);
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-tag-button__arry-next-icon {
         display: none;
      }
   }

   .blog-details-wrapper-items-tag-button__arry-next-icon i {
      color: var(--title);
      font-size: 20px;
   }

   .blog-details-wrapper-items-tag-button__arry-next-icon:hover {
      background: var(--bg);
      transition: all 0.4s ease-in-out;
   }

   .blog-details-wrapper-items-tag-button__arry-next-icon:hover i {
      color: var(--theme);
   }

   .blog-details-wrapper-items-comments {
      margin-top: 56px;
   }

   .blog-details-wrapper-items-comments__heading {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-bottom: 30px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-comments__heading {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .blog-details-wrapper-items-comments-single-comment {
      position: relative;
   }

   .blog-details-wrapper-items-comments-single-comment__thumb {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
   }

   .blog-details-wrapper-items-comments-single-comment__thumb img {
      max-width: 100%;
      border-radius: 20px;
   }

   @media (max-width: 500px) {
      .blog-details-wrapper-items-comments-single-comment__thumb img {
         display: none;
      }
   }

   .blog-details-wrapper-items-comments-single-comment-content {
      padding: 30px 35px 30px 90px;
      border: 1px solid var(--border);
      border-radius: 20px;
      margin-left: 64px;
   }

   @media (max-width: 500px) {
      .blog-details-wrapper-items-comments-single-comment-content {
         padding: 20px;
         margin-left: 0;
      }
   }

   .blog-details-wrapper-items-comments-single-comment-content-head__con-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
      margin-bottom: 10px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-comments-single-comment-content-head__con-title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .blog-details-wrapper-items-comments-single-comment-content-head__con-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-comments-single-comment-content-head__con-text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-comments-single-comment-content-head__star i {
      color: var(--orange1);
      font-size: 16px;
   }

   .blog-details-wrapper-items-comments-single-comment-content-head__star i.color-2 {
      color: var(--bg);
   }

   .blog-details-wrapper-items-comments-single-comment-content__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px;
      margin-top: 10px;
   }

   .blog-details-wrapper-items-comments-single-comment-content__reply {
      display: inline-flex;
      height: 40px;
      padding: 10px 20px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 999px;
      background: var(--theme);
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase;
      margin-top: 14px;
   }

   .blog-details-wrapper-items-form {
      margin-top: 25px;
   }

   .blog-details-wrapper-items-form__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-bottom: 30px;
   }

   @media (max-width: 450px) {
      .blog-details-wrapper-items-form__title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .blog-details-wrapper-items-form__contact-form-clt input,
   .blog-details-wrapper-items-form__contact-form-clt textarea {
      width: 100%;
      outline: none;
      padding: 14px 30px;
      font-weight: 500;
      border-radius: 20px;
      background: var(--bg);
      border: none;
   }

   .blog-details-wrapper-items-form__contact-form-clt input::placeholder,
   .blog-details-wrapper-items-form__contact-form-clt textarea::placeholder {
      color: var(--text);
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {

      .blog-details-wrapper-items-form__contact-form-clt input::placeholder,
      .blog-details-wrapper-items-form__contact-form-clt textarea::placeholder {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .blog-details-wrapper-items-form__contact-form-clt textarea {
      padding-bottom: 100px;
   }

   /* 23.contact */
   .contact2-input {
      background-color: var(--white);
      padding: 60px;
      border-radius: 20px;
   }

   @media (max-width: 991px) {
      .contact2-input {
         margin-bottom: 30px;
      }
   }

   @media (max-width: 575px) {
      .contact2-input {
         padding: 30px 20px;
      }
   }

   .contact2-input__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 300;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 1199px) {
      .contact2-input__title {
         font-size: 65px;
         line-height: 65px;
      }
   }

   @media (max-width: 575px) {
      .contact2-input__title {
         font-size: 48px;
         line-height: 50px;
      }
   }

   .contact2-input__form-control {
      width: 100%;
      border: none;
      border-bottom: 1px solid var(--border);
      padding: 36px 0 15px 0;
   }

   @media (max-width: 450px) {
      .contact2-input__form-control {
         padding: 20px 0 10px 0;
      }
   }

   .contact2-input__form-control::placeholder {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .contact2-input__form-control::placeholder {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .contact2-input__form textarea {
      padding-bottom: 0;
   }

   .contact2-input__btn {
      display: inline-block;
      margin-top: 30px;
   }

   .contact2-input__btn a {
      background-color: var(--theme);
      padding: 15px 30px 30px 30px;
      border-radius: 100px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      gap: 15px;
      flex-shrink: 0;
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 14px;
      text-transform: uppercase;
   }

   .contact2-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      padding-bottom: 10px;
   }

   @media (max-width: 1199px) {
      .contact2-content__title {
         font-size: 65px;
         line-height: 65px;
      }
   }

   @media (max-width: 767px) {
      .contact2-content__title {
         font-size: 48px;
         line-height: 60px;
      }
   }

   @media (max-width: 450px) {
      .contact2-content__title {
         font-size: 36px;
         line-height: 40px;
      }
   }

   .contact2-content__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 30px;
   }

   @media (max-width: 450px) {
      .contact2-content__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .contact2-content__map {
      max-width: 600px;
      height: 270px;
      border-radius: 20px;
      filter: grayscale(100%) invert(7%) contrast(83%);
   }

   .contact2-content__map iframe {
      width: 100%;
      height: 100%;
      border-radius: 20px;
   }

   @media (max-width: 1199px) {
      .contact1 {
         padding-top: 0;
      }
   }

   .contact1-wrapper-content {
      position: relative;
      padding: 40px 40px;
      border-radius: 20px;
      background: var(--white);
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
      z-index: 5;
   }

   @media (max-width: 450px) {
      .contact1-wrapper-content {
         padding: 30px 20px;
      }
   }

   .contact1-wrapper-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 767px) {
      .contact1-wrapper-content__title {
         font-size: 54px;
         line-height: 54px;
         letter-spacing: 0;
      }
   }

   @media (max-width: 450px) {
      .contact1-wrapper-content__title {
         font-size: 40px;
         line-height: 42px;
      }
   }

   .contact1-wrapper-content__items {
      margin-top: 20px;
   }

   .contact1-wrapper-content__items-form-clt input,
   .contact1-wrapper-content__items-form-clt textarea {
      border: none;
      color: var(--text);
      padding: 13px 30px;
      border-radius: 5px;
      width: 100%;
      border-radius: 999px;
      background: var(--bg);
      margin-bottom: 16px;
   }

   .contact1-wrapper-content__items-form-clt input::placeholder,
   .contact1-wrapper-content__items-form-clt textarea::placeholder {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .contact1-wrapper-content__items-form-clt textarea {
      padding-bottom: 150px;
      border-radius: 20px;
      background: var(--bg);
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .contact1-wrapper-items {
      position: relative;
   }

   .contact1-wrapper-items__thumb {
      margin-left: -300px;
      margin-top: -150px;
      z-index: 1;
   }

   @media (max-width: 1199px) {
      .contact1-wrapper-items__thumb {
         margin-left: 0;
         margin-top: 24px;
      }
   }

   .contact1-wrapper-items__thumb img {
      border-radius: 20px;
   }

   @media (max-width: 1199px) {
      .contact1-wrapper-items__thumb img {
         width: 100%;
      }
   }

   .contact1-wrapper-items__circle {
      position: absolute;
      top: 26%;
      left: 50%;
   }

   @media (max-width: 450px) {
      .contact1-wrapper-items__circle {
         display: none;
      }
   }

   .contact1-wrapper-items__circle-video-buttton {
      width: 187px;
      height: 187px;
      line-height: 187px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--theme);
      background-color: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(45px);
      display: inline-block;
      z-index: 9;
      font-size: 24px;
      color: var(--white);
   }

   .contact1-wrapper-items__circle-video-buttton .text-circle {
      position: absolute;
      top: 3%;
      left: 2%;
      -webkit-animation: cir36 10s linear infinite;
      animation: cir36 10s linear infinite;
   }

   .contact4-wrapper__left-items__info-area__contact-section-title__subtitle {
      color: var(--theme);
      font-family: "Outfit", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: 0.8px;
      text-transform: uppercase;
   }

   .contact4-wrapper__left-items__info-area__contact-section-title__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      margin-bottom: 10px;
   }

   @media (max-width: 767px) {
      .contact4-wrapper__left-items__info-area__contact-section-title__title {
         font-size: 52px;
         line-height: 60px;
      }
   }

   @media (max-width: 450px) {
      .contact4-wrapper__left-items__info-area__contact-section-title__title {
         font-size: 36px;
         line-height: 46px;
         letter-spacing: 0px;
      }
   }

   .contact4-wrapper__left-items__info-area__contact-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 30px;
   }

   @media (max-width: 450px) {
      .contact4-wrapper__left-items__info-area__contact-text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .contact4-wrapper__left-items__info-area__address {
      display: flex;
      align-items: center;
      gap: 25px;
      margin-bottom: 46px;
   }

   @media (max-width: 450px) {
      .contact4-wrapper__left-items__info-area__address {
         gap: 16px;
         margin-bottom: 26px;
      }
   }

   .contact4-wrapper__left-items__info-area__address__social-icon {
      width: 60px;
      height: 60px;
      line-height: 60px;
      border-radius: 50%;
      text-align: center;
      color: var(--white);
      border-radius: 999px;
      background: var(--bg);
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .contact4-wrapper__left-items__info-area__address__social-icon a i {
      color: var(--theme);
      font-size: 24px;
      font-weight: 900;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .contact4-wrapper__left-items__info-area__address__contact-subtitle {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-bottom: 5px;
   }

   @media (max-width: 767px) {
      .contact4-wrapper__left-items__info-area__address__contact-subtitle {
         font-size: 28px;
         line-height: 36px;
      }
   }

   @media (max-width: 450px) {
      .contact4-wrapper__left-items__info-area__address__contact-subtitle {
         font-size: 22px;
         line-height: 30px;
      }
   }

   .contact4-wrapper__left-items__info-area__address__contact-title {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .contact4-wrapper__left-items__info-area__address__contact-title {
         font-size: 16px;
      }
   }

   .contact4-wrapper__contact-content {
      padding: 40px 40px;
      border-radius: 20px;
      background: var(--white);
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
   }

   @media (max-width: 450px) {
      .contact4-wrapper__contact-content {
         padding: 30px 20px;
      }
   }

   .contact4-wrapper__contact-content-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 767px) {
      .contact4-wrapper__contact-content-title {
         font-size: 52px;
         line-height: 60px;
      }
   }

   @media (max-width: 450px) {
      .contact4-wrapper__contact-content-title {
         font-size: 36px;
         line-height: 46px;
         letter-spacing: 0;
      }
   }

   .contact4-wrapper__contact-content .content-form-items {
      margin-top: 20px;
   }

   .contact4-wrapper__contact-content .content-form-items .form-clt input,
   .contact4-wrapper__contact-content .content-form-items .form-clt textarea {
      border: none;
      color: var(--text);
      padding: 13px 30px;
      border-radius: 5px;
      width: 100%;
      border-radius: 999px;
      background: var(--bg);
      margin-bottom: 16px;
   }

   .contact4-wrapper__contact-content .content-form-items .form-clt input::placeholder,
   .contact4-wrapper__contact-content .content-form-items .form-clt textarea::placeholder {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .contact4-wrapper__contact-content .content-form-items .form-clt textarea {
      padding-bottom: 150px;
      border-radius: 20px;
      background: var(--bg);
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   /* 24.Partner */
   .patner1-client {
      position: relative;
      left: 23%;
      top: -120px;
      padding: 30px 0px 30px 40px;
      width: 502px;
      height: 119px;
      border-radius: 20px;
      display: inline-block;
      border: 1px solid var(--theme);
      background: var(--white);
   }

   @media (max-width: 1399px) {
      .patner1-client {
         width: 420px;
         left: 26%;
      }
   }

   @media (max-width: 1199px) {
      .patner1-client {
         left: 0;
      }
   }

   @media (max-width: 450px) {
      .patner1-client {
         padding-top: 14px;
         width: 300px;
      }
   }

   .patner1-client__thumb1 {
      position: absolute;
      left: 10px;
   }

   .patner1-client__thumb2 {
      position: absolute;
      left: 60px;
   }

   .patner1-client__thumb3 {
      position: absolute;
      left: 110px;
   }

   .patner1-client-counter {
      position: absolute;
      left: 160px;
   }

   .patner1-client-counter__text {
      color: var(--title);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      justify-content: center;
      display: inline-block;
      border: 1px solid var(--theme);
      border-radius: 36px;
      background-color: var(--white);
   }

   .patner1-client__subtext {
      position: absolute;
      left: 53%;
      top: 50px;
      color: var(--title);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      text-align: center;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .patner1-client__subtext {
         position: initial;
         margin-top: 60px;
         text-align: left;
      }
   }

   .patner1 .patner1-items__thumb1 img {
      max-width: 100%;
   }

   .patner1 .patner1-items-content {
      padding: 30px 29px 27px 30px;
      max-width: 520px;
      height: 285px;
      border-radius: 20px;
      margin-top: 37px;
   }

   @media (max-width: 450px) {
      .patner1 .patner1-items-content {
         height: 220px;
         padding: 20px 10px;
      }
   }

   @media (max-width: 1199px) {
      .patner1 .patner1-items-content {
         background-color: var(--theme);
         margin-bottom: 30px;
      }
   }

   .patner1 .patner1-items-content__title {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-bottom: 15px;
   }

   @media (max-width: 450px) {
      .patner1 .patner1-items-content__title {
         font-size: 30px;
         line-height: 28px;
      }
   }

   .patner1 .patner1-items-content__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 56px;
   }

   @media (max-width: 450px) {
      .patner1 .patner1-items-content__text {
         font-size: 16px;
         line-height: 28px;
         margin-bottom: 30px;
      }
   }

   .patner1 .patner1-items-content a:hover {
      color: var(--white) !important;
   }

   .patner1__thumb2 img {
      max-width: 100%;
   }

   .partner2 {
      background-color: var(--white);
      padding: 80px 0;
   }

   .partner2-logo-slider1 {
      margin-bottom: 20px;
   }

   .partner2-logo-slider1__item {
      text-align: center;
   }

   .partner2-logo-slider2__item {
      text-align: center;
   }

   .partner2.about-bg {
      background-color: var(--bg);
   }

   /* 25.Testimonial */
   .testimonial1-card {
      padding: 20px;
      margin: 20px 30px;
      border-radius: 20px;
      border: 1px solid var(--border);
   }

   @media (max-width: 450px) {
      .testimonial1-card {
         margin: 0;
      }
   }

   .testimonial1-card-header__name {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-bottom: 15px;
   }

   @media (max-width: 1199px) {
      .testimonial1-card-header__name {
         font-size: 28px;
         line-height: 34px;
         margin-bottom: 8px;
      }
   }

   .testimonial1-card-header__designation {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .testimonial1-card-header__designation {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .testimonial1-card__desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 30px;
      font-style: normal;
      font-weight: 500;
      line-height: 42px;
      margin-top: 20px;
      margin-bottom: 30px;
   }

   @media (max-width: 1199px) {
      .testimonial1-card__desc {
         font-size: 20px;
         line-height: 28px;
      }
   }

   @media (max-width: 450px) {
      .testimonial1-card__desc {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .testimonial1-card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .testimonialSlider1 .swiper-slide.swiper-slide-prev {
      margin-top: 60px;
      position: relative;
   }

   .testimonialSlider1 .swiper-slide.swiper-slide-prev:before {
      position: absolute;
      content: "";
      border-radius: 20px;
      background: linear-gradient(274deg, rgba(255, 255, 255, 0) 6.47%, rgba(255, 255, 255, 0.98) 61.34%);
      bottom: 0;
      left: 0;
      width: 630px;
      height: 380px;
   }

   .testimonialSlider1 .swiper-slide.swiper-slide-next {
      margin-top: 60px;
      position: relative;
   }

   .testimonialSlider1 .swiper-slide.swiper-slide-next:before {
      position: absolute;
      content: "";
      border-radius: 20px;
      background: linear-gradient(95deg, rgba(255, 255, 255, 0) 12.49%, rgba(255, 255, 255, 0.96) 61.51%);
      bottom: 0;
      right: 0;
      width: 630px;
      height: 380px;
   }

   .testimonial2-slider {
      width: 410px;
      border-radius: 20px;
      margin-left: auto;
   }

   @media (max-width: 991px) {
      .testimonial2-slider {
         margin: 0 auto;
      }
   }

   @media (max-width: 500px) {
      .testimonial2-slider {
         width: 300px;
      }
   }

   .testimonial2-slider .swiper-slide:nth-child(1n) {
      border-radius: 20px;
   }

   .testimonial2-slider .swiper-slide:nth-child(2n) {
      border-radius: 20px;
   }

   .testimonial2-slider .swiper-slide:nth-child(3n) {
      border-radius: 20px;
   }

   .testimonial2-slider .swiper-slide:nth-child(4n) {
      border-radius: 20px;
   }

   .testimonial2-slider__item {
      padding: 18px;
      border-radius: 20px;
      background-color: var(--title);
   }

   @media (max-width: 500px) {
      .testimonial2-slider__item {
         padding: 0;
      }
   }

   .testimonial2-slider__item-content {
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 20px;
      padding: 18px;
   }

   .testimonial2-slider__item-content-title {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      padding-bottom: 6px;
   }

   @media (max-width: 500px) {
      .testimonial2-slider__item-content-title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .testimonial2-slider__item-content-subtitle {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 30px;
   }

   .testimonial2-slider__item-content-subtitle span {
      display: block;
   }

   .testimonial2-slider__item-content-text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 500px) {
      .testimonial2-slider__item-content-text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .testimonial2-slider-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 20px;
   }

   .testimonial2-slider-bottom__ratings {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 4px;
   }

   .testimonial2-slider-bottom__ratings li a {
      color: #FFB124;
      font-size: 16px;
   }

   .testimonial2 .swiper-arrow {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 26px;
   }

   .testimonial2 .swiper-arrow .swiper-nav:hover svg circle {
      stroke: var(--theme);
   }

   @media (max-width: 991px) {
      .testimonial2 .swiper-arrow {
         margin-bottom: 30px;
      }
   }

   /* 26.Team */
   .team1 .swiper-arrow {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 20px;
      padding-bottom: 30px;
   }

   @media (max-width: 991px) {
      .team1 .swiper-arrow {
         justify-content: left;
      }
   }

   @media (max-width: 767px) {
      .team1 .swiper-arrow {
         display: none;
      }
   }

   .team1 .swiper-arrow .swiper-nav {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      line-height: 60px;
      background-color: rgba(228, 79, 57, 0.2);
      color: var(--theme);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.4s all ease-in-out;
   }

   .team1 .swiper-arrow .swiper-nav:hover {
      background-color: var(--theme);
      color: var(--white);
   }

   .team1 .team1-card {
      position: relative;
      max-width: 410px;
      max-height: 402px;
      border-radius: 20px;
      background: var(--white);
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
   }

   .team1 .team1-card-content {
      padding: 30px 0px 30px 30px;
      z-index: 99;
   }

   .team1 .team1-card-content__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 30px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   .team1 .team1-card-content__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   .team1 .team1-card-content__social {
      position: absolute;
      left: 30px;
      bottom: 30px;
      content: "";
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      z-index: 2;
      display: inline-block;
      overflow: hidden;
      z-index: 99;
   }

   .team1 .team1-card-content__social ul {
      transform: translateY(100px);
      transition: all 0.6s ease-in-out;
      opacity: 0;
      visibility: hidden;
   }

   .team1 .team1-card-content__social ul li {
      margin-bottom: 10px;
   }

   .team1 .team1-card-content__social ul li a {
      text-align: center;
      font-size: 18px;
      display: block;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      text-align: center;
      margin: 0 auto;
      border-radius: 50%;
   }

   .team1 .team1-card-content__social-plus {
      z-index: 2;
      cursor: pointer;
      text-align: center;
      font-size: 18px;
      display: inline-block;
      border-radius: 50%;
      display: flex;
      width: 40px;
      height: 40px;
      line-height: 40px;
      padding: 8px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 20px;
      color: var(--title);
      background: var(--bg);
      transition: all 0.4s ease-in-out;
   }

   .team1 .team1-card-content__social-plus:hover {
      background: var(--theme);
      color: var(--white);
   }

   .team1 .team1-card-content__social:hover ul {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
   }

   .team1 .team1-card__thumb {
      position: relative;
      z-index: 8;
      margin-left: 130px;
      margin-top: -75px;
   }

   @media (max-width: 1399px) {
      .team1 .team1-card__thumb {
         margin-top: 0;
      }
   }

   .team1 .team1-card__thumb img {
      max-width: 100%;
   }

   .team1 .team1-card__thumb-shape {
      position: absolute;
      right: 0px;
      top: -59px;
      bottom: 0px;
      z-index: -1;
   }

   .team2 .swiper-arrow {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 20px;
      padding-bottom: 30px;
   }

   @media (max-width: 991px) {
      .team2 .swiper-arrow {
         justify-content: left;
      }
   }

   @media (max-width: 767px) {
      .team2 .swiper-arrow {
         display: none;
      }
   }

   .team2 .swiper-arrow .swiper-nav {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      line-height: 60px;
      background-color: rgba(228, 79, 57, 0.2);
      color: var(--theme);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.4s all ease-in-out;
   }

   .team2 .swiper-arrow .swiper-nav:hover {
      background-color: var(--theme);
      color: var(--white);
   }

   .team2-card {
      text-align: center;
   }

   .team2-card-thumb {
      background-color: var(--white);
      border-top-left-radius: 150px;
      border-top-right-radius: 150px;
      display: flex;
      justify-content: space-between;
      align-items: end;
      padding: 0 30px 0px 30px;
      position: relative;
      gap: 20px;
   }

   @media (max-width: 1199px) {
      .team2-card-thumb {
         border-radius: 0;
         padding-top: 30px;
      }
   }

   .team2-card-thumb__social-list {
      margin-bottom: 6px;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      display: flex;
      flex-direction: column;
      align-items: center;
      opacity: 0;
      visibility: hidden;
      transition: 0.4s all ease-in-out;
      transform: translateY(20px);
   }

   .team2-card-thumb__social-list li:hover a {
      color: var(--theme) !important;
   }

   .team2-card-thumb__social-share {
      display: block;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      background: var(--bg);
      line-height: 40px;
      text-align: center;
      margin: auto;
      margin-bottom: 30px;
   }

   .team2-card-thumb__social-share:hover {
      background-color: var(--theme);
      color: var(--white) !important;
   }

   .team2-card-thumb__item {
      margin-bottom: 0px;
      margin-top: -30px;
   }

   @media (max-width: 1399px) {
      .team2-card-thumb__item img {
         width: 100%;
      }
   }

   @media (max-width: 1199px) {
      .team2-card-thumb__item {
         margin-top: 0;
      }
   }

   .team2-card__name a {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      padding-top: 24px;
   }

   @media (max-width: 767px) {
      .team2-card__name a {
         font-size: 28px;
         line-height: 38px;
         padding-top: 16px;
      }
   }

   .team2-card__title {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-top: 6px;
   }

   @media (max-width: 767px) {
      .team2-card__title {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .team2-card-thumb__social:hover .team2-card-thumb__social-list {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
   }

   .team3 {
      background-color: var(--white);
   }

   .team3-item {
      border-top: 1px solid var(--border);
      padding: 4px 0;
      transition: 0.4s all ease-in-out;
   }

   .team3-item:hover {
      border-top: 1px solid var(--theme);
   }

   .team3-item__left {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   @media (max-width: 991px) {
      .team3-item__left {
         flex-wrap: wrap;
      }
   }

   .team3-item__left-name {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   @media (max-width: 450px) {
      .team3-item__left-name {
         font-size: 30px;
      }
   }

   .team3-item__left-title {
      max-width: 100px;
      margin: 0 auto;
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 991px) {
      .team3-item__left-title {
         max-width: 100%;
      }
   }

   @media (max-width: 575px) {
      .team3-item__left-title {
         margin: 0;
      }
   }

   .team3-item__right {
      display: flex;
      align-items: center;
   }

   @media (max-width: 575px) {
      .team3-item__right {
         flex-wrap: wrap;
      }
   }

   .team3-item__right-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
   }

   .team3-item__right-item {
      display: flex;
      align-items: center;
      gap: 40px;
      opacity: 0;
      visibility: hidden;
      transition: 0.4s all ease-in-out;
      transform: translateX(40px);
   }

   @media (max-width: 575px) {
      .team3-item__right-item {
         opacity: 1;
         visibility: visible;
         transform: translateX(0);
      }
   }

   .team3-item__right-item a {
      transform: translateX(-10px);
   }

   .team3-item__right-item a:hover {
      transform: translateX(0);
   }

   .team3-item:hover .team3-item__right-item {
      visibility: visible;
      opacity: 1;
      transform: translateX(0);
   }

   /* 27.marquee */
   .marquee2-scrolling {
      overflow: hidden;
      white-space: nowrap;
      display: flex;
      gap: 150px;
      position: relative;
      background-color: var(--theme);
      padding: 20px 0;
   }

   .marquee2-scrolling__item {
      display: flex;
      align-items: center;
      animation: scroll 20s linear infinite;
      gap: 40px;
      cursor: pointer;
   }

   .marquee2-scrolling__item-text {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 991px) {
      .marquee2-scrolling__item-text {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee2-scrolling__item-text {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

   .marquee2-scrolling__item-text-2 {
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      color: transparent;
   }

   @media (max-width: 991px) {
      .marquee2-scrolling__item-text-2 {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee2-scrolling__item-text-2 {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

   .marquee2-scrolling.style2 {
      background-color: var(--white);
      transform: rotate(-6deg);
      z-index: -1;
   }

   @media (max-width: 767px) {
      .marquee2-scrolling.style2 {
         transform: rotate(0);
         margin-top: 20px;
      }
   }

   .marquee2-scrolling.style2 .marquee2-scrolling__item {
      display: flex;
      align-items: center;
      animation: scroll 20s linear infinite;
      gap: 40px;
      cursor: pointer;
   }

   .marquee2-scrolling.style2 .marquee2-scrolling__item-text {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 991px) {
      .marquee2-scrolling.style2 .marquee2-scrolling__item-text {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee2-scrolling.style2 .marquee2-scrolling__item-text {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

   .marquee2-scrolling.style2 .marquee2-scrolling__item-text-2 {
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: var(--text);
      font-family: "Outfit", sans-serif;
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      color: transparent;
   }

   @media (max-width: 991px) {
      .marquee2-scrolling.style2 .marquee2-scrolling__item-text-2 {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee2-scrolling.style2 .marquee2-scrolling__item-text-2 {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

	@keyframes scroll {
	  0% {
		transform: translateX(0);
	  }
	  100% {
		transform: translateX(-50%);
	  }
	}

   .marquee3-scrolling {
      overflow: hidden;
      white-space: nowrap;
      display: flex;
      gap: 50px;
      position: relative;
      background-color: var(--white);
      padding: 20px 0;
   }

   .marquee3-scrolling__item {
      display: flex;
      align-items: center;
      animation: scroll 20s linear infinite;
      gap: 40px;
      cursor: pointer;
   }

   .marquee3-scrolling__item-text {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 991px) {
      .marquee3-scrolling__item-text {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee3-scrolling__item-text {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

   .marquee3-scrolling__item-text-2 {
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      color: transparent;
   }

   @media (max-width: 991px) {
      .marquee3-scrolling__item-text-2 {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee3-scrolling__item-text-2 {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

   .marquee3-scrolling.style3_2 {
      background-color: var(--theme);
      transform: rotate(-6deg);
      z-index: -1;
   }

   @media (max-width: 767px) {
      .marquee3-scrolling.style3_2 {
         transform: rotate(0);
         margin-top: 20px;
      }
   }

   .marquee3-scrolling.style3_2 .marquee3-scrolling__item {
      display: flex;
      align-items: center;
      animation: scroll 80s linear infinite;
      gap: 40px;
      cursor: pointer;
   }

   .marquee3-scrolling.style3_2 .marquee3-scrolling__item-text {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 991px) {
      .marquee3-scrolling.style3_2 .marquee3-scrolling__item-text {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee3-scrolling.style3_2 .marquee3-scrolling__item-text {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

   .marquee3-scrolling.style3_2 .marquee3-scrolling__item-text-2 {
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      color: transparent;
   }

   @media (max-width: 991px) {
      .marquee3-scrolling.style3_2 .marquee3-scrolling__item-text-2 {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 767px) {
      .marquee3-scrolling.style3_2 .marquee3-scrolling__item-text-2 {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0.1px;
      }
   }

   @keyframes scroll {
      0% {
         transform: translateX(0);
      }

      100% {
         transform: translateX(-100%);
      }
   }

   /* 28.Projects */
   .project-details-wrapper-header {
      display: flex;
      gap: 80px;
   }

   @media (max-width: 1199px) {
      .project-details-wrapper-header {
         flex-wrap: wrap;
         gap: 30px;
      }
   }

   .project-details-wrapper-header__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      width: 672px;
   }

   @media (max-width: 991px) {
      .project-details-wrapper-header__title {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 500px) {
      .project-details-wrapper-header__title {
         font-size: 42px;
         line-height: 52px;
         letter-spacing: 0;
      }
   }

   @media (max-width: 450px) {
      .project-details-wrapper-header__title {
         font-size: 30px;
         line-height: 40px;
         letter-spacing: 0;
      }
   }

   .project-details-wrapper-header-left {
      display: flex;
      gap: 100px;
   }

   @media (max-width: 500px) {
      .project-details-wrapper-header-left {
         gap: 24px;
      }
   }

   .project-details-wrapper-header-left-items__content {
      margin-bottom: 50px;
   }

   .project-details-wrapper-header-left-items__content-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-bottom: 6px;
   }

   @media (max-width: 500px) {
      .project-details-wrapper-header-left-items__content-title {
         font-size: 24px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-header-left-items__content-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px;
   }

   .project-details-wrapper-info__thumb {
      margin-bottom: 29px;
   }

   .project-details-wrapper-info__thumb img {
      max-width: 100%;
   }

   .project-details-wrapper-info__content-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 27px;
   }

   @media (max-width: 450px) {
      .project-details-wrapper-info__content-text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-info__content-subtext {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 58px;
   }

   @media (max-width: 767px) {
      .project-details-wrapper-info__content-subtext {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-info__thumb1 {
      display: flex;
      gap: 30px;
      margin-bottom: 23px;
   }

   @media (max-width: 1399px) {
      .project-details-wrapper-info__thumb1 {
         flex-wrap: wrap;
      }
   }

   .project-details-wrapper-info__thumb1 img {
      width: 100%;
   }

   .project-details-wrapper-footer__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
      margin-bottom: 18px;
   }

   @media (max-width: 1399px) {
      .project-details-wrapper-footer__title {
         font-size: 60px;
         line-height: 80px;
      }
   }

   @media (max-width: 991px) {
      .project-details-wrapper-footer__title {
         font-size: 40px;
         line-height: 50px;
         letter-spacing: 0;
      }
   }

   @media (max-width: 450px) {
      .project-details-wrapper-footer__title {
         font-size: 30px;
         line-height: 40px;
         letter-spacing: 0;
      }
   }

   .project-details-wrapper-footer__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 24px;
   }

   @media (max-width: 450px) {
      .project-details-wrapper-footer__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-footer-area {
      display: flex;
      gap: 60px;
      margin-bottom: 20px;
   }

   @media (max-width: 1199px) {
      .project-details-wrapper-footer-area {
         flex-wrap: wrap;
         gap: 20px;
      }
   }

   .project-details-wrapper-footer-area__items1-sublist li {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .project-details-wrapper-footer-area__items1-sublist li {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-footer-area__items1-sublist li i {
      color: var(--theme);
      font-size: 16px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .project-details-wrapper-footer-desc__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-bottom: 16px;
   }

   @media (max-width: 450px) {
      .project-details-wrapper-footer-desc__title {
         font-size: 24px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-footer-desc__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 16px;
   }

   @media (max-width: 767px) {
      .project-details-wrapper-footer-desc__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-footer-desc__subtext {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 58px;
   }

   @media (max-width: 767px) {
      .project-details-wrapper-footer-desc__subtext {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .project-details-wrapper-footer-button {
      display: flex;
      gap: 10px;
      justify-content: space-between;
      max-width: 1290px;
      height: 80px;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: var(--white);
   }

   .project-details-wrapper-footer-button__arry-prev {
      margin-left: 65px;
   }

   .project-details-wrapper-footer-button__arry-prev i {
      color: var(--title);
      font-size: 36px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .project-details-wrapper-footer-button__arry-prev span {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-left: 17px;
   }

   @media (max-width: 767px) {
      .project-details-wrapper-footer-button__arry-prev span {
         font-size: 24px;
         line-height: 28px;
         margin-left: 10px;
      }
   }

   @media (max-width: 450px) {
      .project-details-wrapper-footer-button__arry-prev span {
         display: none;
      }
   }

   .project-details-wrapper-footer-button__arry-next {
      margin-right: 65px;
   }

   .project-details-wrapper-footer-button__arry-next i {
      color: var(--title);
      font-size: 36px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .project-details-wrapper-footer-button__arry-next span {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-right: 17px;
   }

   @media (max-width: 767px) {
      .project-details-wrapper-footer-button__arry-next span {
         font-size: 24px;
         line-height: 28px;
         margin-right: 10px;
      }
   }

   @media (max-width: 450px) {
      .project-details-wrapper-footer-button__arry-next span {
         display: none;
      }
   }

   /* 29.Map */
   .map-section__map-items-googpemap {
      filter: grayscale(100%) invert(7%) contrast(83%);
   }

   .map-section__map-items-googpemap iframe {
      width: 100%;
      height: 548px;
      margin-bottom: -9px;
   }

   @media (max-width: 575px) {
      .map-section__map-items-googpemap iframe {
         height: 400px;
      }
   }

   /* 30.Service */
   .service1-card {
      padding: 40px;
      border-radius: 0px 20px 0px 0px;
      border-top: 1px solid var(--gray1);
      border-right: 1px solid var(--gray1);
   }

   @media (max-width: 450px) {
      .service1-card {
         padding: 30px 16px;
      }
   }

   .service1-card__title {
      position: relative;
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-left: 90px;
      margin-bottom: 20px;
   }

   @media (max-width: 1399px) {
      .service1-card__title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   @media (max-width: 450px) {
      .service1-card__title {
         margin-left: 0;
      }
   }

   .service1-card__title:before {
      position: absolute;
      content: "";
      top: 20px;
      left: -90px;
      width: 70px;
      height: 2px;
      background-color: var(--title);
   }

   @media (max-width: 450px) {
      .service1-card__title:before {
         display: none;
      }
   }

   .service1-card__desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 35px;
   }

   @media (max-width: 450px) {
      .service1-card__desc {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details__content {
      display: flex;
      gap: 10px;
      align-items: end;
      margin-bottom: 29px;
   }

   @media (max-width: 1199px) {
      .service-details__content {
         flex-wrap: wrap;
      }
   }

   .service-details__content-title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 1199px) {
      .service-details__content-title {
         font-size: 50px;
         line-height: 60px;
         letter-spacing: 0;
      }
   }

   @media (max-width: 450px) {
      .service-details__content-title {
         font-size: 30px;
         line-height: 36px;
      }
   }

   .service-details__content-text {
      max-width: 535px;
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .service-details__content-text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-items {
      display: flex;
      align-items: center;
      gap: 51px;
      margin-bottom: 60px;
   }

   @media (max-width: 1199px) {
      .service-details-items {
         flex-wrap: wrap;
         gap: 16px;
         margin-bottom: 40px;
      }
   }

   .service-details-items__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
   }

   @media (max-width: 450px) {
      .service-details-items__title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .service-details-items__list {
      display: flex;
      align-items: center;
      gap: 50px;
   }

   @media (max-width: 1399px) {
      .service-details-items__list {
         flex-wrap: wrap;
         gap: 10px;
      }
   }

   .service-details-items__list li a {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .service-details-items__list li a {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-items__list li span {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-left: 36px;
   }

   @media (max-width: 450px) {
      .service-details-items__list li span {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-info__thumb {
      margin-bottom: 29px;
   }

   .service-details-info__thumb img {
      max-width: 100%;
   }

   .service-details-info__contact-text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 23px;
   }

   @media (max-width: 450px) {
      .service-details-info__contact-text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-info__contact-subtext {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .service-details-info__contact-subtext {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-cards {
      display: flex;
      gap: 0;
      padding: 40px;
      border-radius: 0px 20px 0px 0px;
   }

   @media (max-width: 1399px) {
      .service-details-cards {
         flex-wrap: wrap;
      }
   }

   @media (max-width: 450px) {
      .service-details-cards {
         padding: 20px 0;
      }
   }

   .service-details-cards__title {
      position: relative;
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-left: 90px;
      margin-bottom: 20px;
   }

   @media (max-width: 450px) {
      .service-details-cards__title {
         font-size: 28px;
         line-height: 38px;
         margin-left: 0;
      }
   }

   .service-details-cards__title:before {
      position: absolute;
      content: "";
      top: 20px;
      left: -90px;
      width: 70px;
      height: 2px;
      background-color: var(--title);
   }

   @media (max-width: 450px) {
      .service-details-cards__title:before {
         display: none !important;
      }
   }

   .service-details-cards__desc {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 35px;
   }

   @media (max-width: 450px) {
      .service-details-cards__desc {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-area__title {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      margin-bottom: 20px;
   }

   @media (max-width: 450px) {
      .service-details-area__title {
         font-size: 28px;
         line-height: 36px;
      }
   }

   .service-details-area__text {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 25px;
   }

   @media (max-width: 450px) {
      .service-details-area__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-area-list1 {
      display: flex;
      gap: 60px;
      margin-bottom: 11px;
   }

   @media (max-width: 1399px) {
      .service-details-area-list1 {
         flex-wrap: wrap;
         gap: 24px;
      }
   }

   .service-details-area-list1__items1-sublist li {
      color: var(--text);
      font-family: "Outfit", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 11px;
   }

   @media (max-width: 450px) {
      .service-details-area-list1__items1-sublist li {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-area-list1__items1-sublist li i {
      color: var(--theme);
      font-size: 16px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
      margin-right: 8px;
   }

   .service-details-area__subtext {
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 50px;
   }

   @media (max-width: 450px) {
      .service-details-area__subtext {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .service-details-area-button {
      display: flex;
      gap: 10px;
      justify-content: space-between;
      max-width: 1290px;
      height: 80px;
      border-radius: 999px;
      border: 1px solid var(--border);
      background: var(--white);
   }

   .service-details-area-button__arry-prev {
      margin-left: 65px;
   }

   .service-details-area-button__arry-prev i {
      color: var(--title);
      font-size: 36px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .service-details-area-button__arry-prev span {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-left: 17px;
   }

   @media (max-width: 767px) {
      .service-details-area-button__arry-prev span {
         font-size: 28px;
         line-height: 36px;
      }
   }

   @media (max-width: 500px) {
      .service-details-area-button__arry-prev span {
         display: none;
      }
   }

   .service-details-area-button__arry-next {
      margin-right: 65px;
   }

   .service-details-area-button__arry-next i {
      color: var(--title);
      font-size: 36px;
      font-style: normal;
      font-weight: 900;
      line-height: normal;
   }

   .service-details-area-button__arry-next span {
      color: var(--title);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
      letter-spacing: -0.64px;
      margin-right: 17px;
   }

   @media (max-width: 767px) {
      .service-details-area-button__arry-next span {
         font-size: 28px;
         line-height: 36px;
      }
   }

   @media (max-width: 500px) {
      .service-details-area-button__arry-next span {
         display: none;
      }
   }

   /* 31.Footer */
   .footer2 {
      padding-top: 70px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }

   .footer2-top {
      padding-bottom: 70px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
   }

   .footer2-top__title {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 1399px) {
      .footer2-top__title {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 575px) {
      .footer2-top__title {
         font-size: 30px;
         line-height: 40px;
         letter-spacing: 0.1px;
      }
   }

   .footer2-top__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-top: 16px;
   }

   @media (max-width: 1399px) {
      .footer2-top__text br {
         display: none;
      }
   }

   @media (max-width: 575px) {
      .footer2-top__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .footer2-top .theme-btn {
      width: 202px;
      margin-left: auto;
   }

   @media (max-width: 991px) {
      .footer2-top .theme-btn {
         margin-left: 0;
         margin-top: 20px;
      }
   }

   .footer2-widget__item {
      padding-top: 40px;
      position: relative;
   }

   @media (max-width: 1199px) {
      .footer2-widget__item {
         padding-left: 0;
      }
   }

   .footer2-widget__item:after {
      position: absolute;
      right: 0;
      top: 40px;
      height: 280px;
      width: 1px;
      content: "";
      background-color: rgba(255, 255, 255, 0.4);
   }

   @media (max-width: 1399px) {
      .footer2-widget__item:after {
         display: none;
      }
   }

   .footer2-widget__item-logo {
      padding-bottom: 30px;
   }

   .footer2-widget__item-contact {
      padding-bottom: 20px;
   }

   .footer2-widget__item-contact-title {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .footer2-widget__item-contact-link {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
   }

   .footer2-widget__item-contact-link:hover {
      color: var(--theme) !important;
   }

   .footer2-widget__item-title {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 41.76px;
      letter-spacing: -0.72px;
      padding-bottom: 20px;
   }

   @media (max-width: 575px) {
      .footer2-widget__item-title {
         font-size: 30px;
         line-height: 40px;
         letter-spacing: 0.1px;
      }
   }

   .footer2-widget__item-list li {
      padding-bottom: 13px;
   }

   .footer2-widget__item-list li a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .footer2-widget__item-list li a span {
      padding-right: 10px;
   }

   .footer2-widget__item-list li a:hover {
      color: var(--theme) !important;
   }

   .footer2-widget__item-input .form-control {
      background-color: transparent;
      border: 1px solid var(--white);
      border-radius: 100px;
      height: 70px;
      margin-bottom: 20px;
      color: var(--white);
      padding-left: 30px;
   }

   @media (max-width: 575px) {
      .footer2-widget__item-input .form-control {
         height: 58px;
      }
   }

   .footer2-widget__item-input .form-control::placeholder {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 575px) {
      .footer2-widget__item-input .form-control::placeholder {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .footer2-widget__item-input .form-control:focus {
      box-shadow: none;
   }

   .footer2-widget__item-input .theme-btn {
      background-color: var(--title);
      height: 70px;
      width: 100%;
   }

   .footer2 .last-item::after {
      display: none;
   }

   .footer2-bottom {
      border-top: 1px solid var(--border);
      margin-top: 60px;
   }

   .footer2-bottom-item {
      padding: 30px 0;
   }

   @media (max-width: 991px) {
      .footer2-bottom-item {
         flex-wrap: wrap;
         justify-content: center !important;
         text-align: center;
      }
   }

   .footer2-bottom-item__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .footer2-bottom-item__text {
         font-size: 16px;
      }
   }

   .footer2-bottom-item__text a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
   }

   .footer2-bottom-item__text a:hover {
      color: var(--theme) !important;
   }

   .footer2-bottom-item__list {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 30px;
   }

   @media (max-width: 450px) {
      .footer2-bottom-item__list {
         flex-wrap: wrap;
         gap: 10px;
         justify-content: center;
      }
   }

   .footer2-bottom-item__list li a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .footer2-bottom-item__list li a {
         font-size: 16px;
      }
   }

   .footer2-bottom-item__list li a:hover {
      color: var(--theme) !important;
   }

   .footer3 {
      padding-top: 70px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }

   .footer3-top {
      padding-bottom: 70px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
   }

   .footer3-top__title {
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--text);
      color: transparent;
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 1199px) {
      .footer3-top__title {
         font-size: 70px;
         line-height: 80px;
      }
   }

   @media (max-width: 575px) {
      .footer3-top__title {
         font-size: 58px;
         line-height: 58px;
      }
   }

   @media (max-width: 450px) {
      .footer3-top__title {
         font-size: 50px;
         line-height: 50px;
      }
   }

   .footer3-top__input {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      margin-top: 24px;
   }

   @media (max-width: 991px) {
      .footer3-top__input {
         flex-wrap: wrap;
         gap: 20px;
      }
   }

   @media (max-width: 450px) {
      .footer3-top__input {
         margin-bottom: 16px;
      }
   }

   .footer3-top__input .form-control {
      max-width: 400px;
      height: 60px;
      border-radius: 100px;
      background: #2E2E2E;
      border: none;
      padding: 14px 30px;
      color: var(--white) !important;
   }

   @media (max-width: 450px) {
      .footer3-top__input .form-control {
         height: 50px;
      }
   }

   .footer3-top__input .form-control::placeholder {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 450px) {
      .footer3-top__input .form-control::placeholder {
         font-size: 14px;
         font-weight: 400;
         line-height: 28px;
      }
   }

   .footer3-top__input .form-control:focus {
      box-shadow: none;
   }

   .footer3-top .theme-btn {
      width: 250px;
   }

   .footer3-widget__item {
      padding-top: 40px;
      position: relative;
   }

   @media (max-width: 991px) {
      .footer3-widget__item {
         padding-left: 0;
      }
   }

   .footer3-widget__item-logo {
      padding-bottom: 30px;
   }

   .footer3-widget__item-contact {
      padding-bottom: 20px;
   }

   .footer3-widget__item-contact-title {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .footer3-widget__item-contact-link {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
   }

   .footer3-widget__item-contact-link:hover {
      color: var(--theme) !important;
   }

   .footer3-widget__item-list li {
      padding-bottom: 13px;
   }

   .footer3-widget__item-list li a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .footer3-widget__item-list li a span {
      padding-right: 10px;
   }

   .footer3-widget__item-list li a:hover {
      color: var(--theme) !important;
   }

   .footer3-widget__item-single {
      display: flex;
      align-items: center;
      gap: 15px;
   }

   .footer3-widget__item-single-thumb {
      border-radius: 8px;
   }

   .footer3-widget__item-single-thumb img {
      border-radius: 8px;
   }

   .footer3-widget__item-single-date {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-bottom: 4px;
   }

   .footer3-widget__item-single-date i {
      font-size: 12px;
      padding-left: 4px;
   }

   @media (max-width: 450px) {
      .footer3-widget__item-single-date {
         font-size: 18px;
         line-height: 28px;
      }
	   .footer3-widget__item-contact-link {
		  font-size: 18px;
		  line-height: 18px;
	   }
	   .footer-overlay > .container {
		   padding: 0 30px;
	   }
   }

   .footer3-widget__item-single-text {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
   }

   .footer3-widget__item-single-text:hover {
      color: var(--theme) !important;
   }

   @media (max-width: 450px) {
      .footer3-widget__item-single-text {
         font-size: 18px;
         font-weight: 500;
      }
   }

   .footer3-widget__item-single.style3 {
      padding-bottom: 40px;
      position: relative;
   }

   .footer3-widget__item-single.style3::after {
      position: absolute;
      left: 0;
      bottom: 20px;
      height: 1px;
      width: 350px;
      content: "";
      background: rgba(255, 255, 255, 0.4);
   }

   .footer3-bottom {
      border-top: 1px solid var(--border);
      margin-top: 60px;
   }

   .footer3-bottom-item {
      padding: 30px 0;
   }

   @media (max-width: 991px) {
      .footer3-bottom-item {
         flex-wrap: wrap;
         justify-content: center !important;
         text-align: center;
      }
   }

   .footer3-bottom-item__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .footer3-bottom-item__text {
         font-size: 16px;
      }
   }

   .footer3-bottom-item__text a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
   }

   .footer3-bottom-item__text a:hover {
      color: var(--theme) !important;
   }

   .footer3-bottom-item__list {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 30px;
   }

   @media (max-width: 450px) {
      .footer3-bottom-item__list {
         flex-wrap: wrap;
         gap: 10px;
         justify-content: center;
      }
   }

   .footer3-bottom-item__list li a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .footer3-bottom-item__list li a {
         font-size: 16px;
      }
   }

   .footer3-bottom-item__list li a:hover {
      color: var(--theme) !important;
   }

   .footer1 {
      background-color: var(--theme2);
      padding-top: 70px;
   }

   .footer1-top {
      padding-bottom: 70px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
   }

   .footer1-top__title {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 80px;
      font-style: normal;
      font-weight: 600;
      line-height: 91.12px;
      letter-spacing: -3.2px;
   }

   @media (max-width: 1399px) {
      .footer1-top__title {
         font-size: 60px;
         line-height: 70px;
      }
   }

   @media (max-width: 575px) {
      .footer1-top__title {
         font-size: 30px;
         line-height: 40px;
         letter-spacing: 0.1px;
      }
   }

   .footer1-top__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      padding-top: 16px;
   }

   @media (max-width: 1399px) {
      .footer1-top__text br {
         display: none;
      }
   }

   @media (max-width: 991px) {
      .footer1-top__text {
         margin-bottom: 24px;
      }
   }

   @media (max-width: 575px) {
      .footer1-top__text {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .footer1-top .theme-btn {
      width: 202px;
      margin-left: auto;
   }

   @media (max-width: 991px) {
      .footer1-top .theme-btn {
         margin-left: 0;
         margin-top: 20px;
      }
   }

   .footer1-widget__item {
      padding-top: 60px;
      position: relative;
   }

   @media (max-width: 1199px) {
      .footer1-widget__item {
         padding-left: 0;
      }
   }

   .footer1-widget__item-logo {
      padding-bottom: 30px;
   }

   .footer1-widget__item-contact {
      padding-bottom: 20px;
   }

   .footer1-widget__item-contact-title {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .footer1-widget__item-contact-link {
      color: var(--white);
      font-family: "Outfit", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px;
      letter-spacing: -0.64px;
   }

   @media (max-width: 991px) {
      .footer1-widget__item-contact-link {
         font-size: 24px;
      }
   }

   @media (max-width: 450px) {
      .footer1-widget__item-contact-link {
         font-size: 20px;
      }
   }

   .footer1-widget__item-contact-link:hover {
      color: var(--theme) !important;
   }

   .footer1-widget__item-list li {
      padding-bottom: 13px;
   }

   .footer1-widget__item-list li a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 28px;
   }

   .footer1-widget__item-list li a span {
      padding-right: 10px;
   }

   .footer1-widget__item-list li a:hover {
      color: var(--theme) !important;
   }

   .footer1-widget__item-input {
      margin-top: 60px;
   }

   @media (max-width: 1199px) {
      .footer1-widget__item-input {
         margin-top: 0;
      }
   }

   .footer1-widget__item-input .form-control {
      background-color: #2E2E2E;
      border: none;
      border-radius: 100px;
      height: 70px;
      margin-bottom: 20px;
      color: var(--white) !important;
      padding-left: 30px;
   }

   @media (max-width: 575px) {
      .footer1-widget__item-input .form-control {
         height: 58px;
      }
   }

   .footer1-widget__item-input .form-control::placeholder {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 575px) {
      .footer1-widget__item-input .form-control::placeholder {
         font-size: 16px;
         line-height: 28px;
      }
   }

   .footer1-widget__item-input .form-control:focus {
      box-shadow: none;
   }

   .footer1-widget__item-input .theme-btn {
      background-color: var(--title);
      position: absolute;
      bottom: 10px;
      right: 10px;
      height: 50px;
   }

   @media (max-width: 575px) {
      .footer1-widget__item-input .theme-btn {
         bottom: 4px;
         right: 4px;
      }
   }

   @media (max-width: 450px) {
      .footer1-widget__item-input .theme-btn {
         position: initial;
         border: 1px solid var(--border);
      }
   }

   .footer1-widget__item-icon {
      height: 60px;
      width: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 60px;
      display: block;
      background-color: #2E2E2E;
      text-align: center;
   }

   .footer1-widget__item-icon i {
      font-size: 18px;
      color: var(--theme);
   }

   .footer1-widget__item.style1 {
      display: flex;
      align-items: center;
      gap: 20px;
   }

   .footer1 .last-item::after {
      display: none;
   }

   .footer1-bottom {
      border-top: 1px solid var(--border);
      margin-top: 60px;
   }

   .footer1-bottom-item {
      padding: 30px 0;
   }

   @media (max-width: 991px) {
      .footer1-bottom-item {
         flex-wrap: wrap;
         justify-content: center !important;
         text-align: center;
      }
   }

   .footer1-bottom-item__text {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .footer1-bottom-item__text {
         font-size: 16px;
      }
   }

   .footer1-bottom-item__text a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
   }

   .footer1-bottom-item__text a:hover {
      color: var(--theme) !important;
   }

   .footer1-bottom-item__list {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 30px;
   }

   @media (max-width: 450px) {
      .footer1-bottom-item__list {
         flex-wrap: wrap;
         gap: 10px;
         justify-content: center;
      }
   }

   .footer1-bottom-item__list li a {
      color: var(--white);
      font-family: "Poppins", sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
   }

   @media (max-width: 1199px) {
      .footer1-bottom-item__list li a {
         font-size: 16px;
      }
   }

   .footer1-bottom-item__list li a:hover {
      color: var(--theme) !important;
   }

   /*# sourceMappingURL=main.css.map */
   .custom-title {
    display: flex;
    align-items: center;
   }

   .custom-title a {
      font-size: 30px !important;
      line-height: 32px;
      padding-bottom: 20px;
      border-bottom: 1px solid #00000050;
      /* color: var(--theme)!important; */
   }

   .custom-title .theme-btn {
    font-size: 16px!important; 
    padding: 0!important;
    min-width: 50px!important;
    height: 50px!important;
    margin: 0!important;
   }
.roomshapes-wrapper .about3-right .text-center + br + .section-title2__subtitle {
	display: -webkit-box;
	min-height: 65px!important;
	  -webkit-line-clamp: 3; /* Limit to 2 lines */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
}
   .rooms-box {
      /* border-bottom: 1px solid #ccc; */
      padding: 30px 0px;
   }
   .project3-item .project3-item__content {
      opacity: 1;
      visibility: visible;
   }
   .project3-item__content-title > a {
      opacity: 0;
      visibility: hidden;
      font-size: 24px;
      font-weight: 600;
      line-height:  0px;
      padding: 0px 30px 0px 20px;
	   width: 95%;
   }
   .project3-item__content-subtitle {
      border-radius: 50px;
      padding: 10px 30px;
      font-size: 26px;
   }
   .project3-item .about3-left__btn {
      margin: 0;
   }
   .project3-item:hover .project3-item__content-title > a {
      opacity: 1;
      visibility: visible;
      line-height: 26px;
      padding: 20px 30px 20px 20px;
      margin-bottom: 20px;
	  margin-top: 20px;
   }
   .roomsliderbuttons {
      display: flex;
      filter: invert(1);
      gap: 20px;
      justify-content: flex-end;
   }
   .course-card {
      flex-direction: column;
      justify-content: flex-start;
      gap: 5px;
      padding: 35px 35px;
      border: 0;
      margin: 20px 0;
      height: 94%;
      border-radius: 10px;
      background-color: #ffffff50;
   }
   .course-card p {
      font-size: 18px;
      margin-bottom: 20px;
	   display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
   }
   .course-card .course-card-footer {
      width: 100%;
      margin-top: auto;
      border-top: 1px solid #00000050;
      margin-right: auto;
      font-size: 16px;
      align-items: center;
      padding-top: 15px;
      font-weight: 600;
      color: var(--theme);
      display: flex;
      justify-content: space-between;
   }
   .course-card .theme-btn {
      margin-top: auto;
      margin-bottom: 15px;
      /* width: 100%; */
      margin-right: auto;
   }

   .masonry {
      column-count: 1;
      column-gap: 5px;
      
      }
       .brick {
         box-sizing: border-box;
         -webkit-column-break-inside: avoid;
         page-break-inside: avoid;
         break-inside: avoid;
         counter-increment: brick-counter;
      }
      .brick img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }
      @media (min-width: 768px) {
          .masonry {
         column-count: 1;
      }
         
      }
      @media (min-width: 992px) {
         .masonry {
         column-count: 1;
      }
      }
      @media (min-width: 1199px) {
         .masonry {
         column-count: 1;
      }
      }
   
.absoultevideo {
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: 1;
}

.intro3-content {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.videooverlay::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00000090;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.intro3-content__btn,
.intro3-content__title {
	z-index: 3;
	position: relative;
}


.footer-overlay {
	position: relative;
}
.footer-overlay:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000bf;
}
.footer-overlay > .container {
	position: relative;
	z-index: 1;
}
.overlaybreadcrumbs {
			position: relative;
		}
		.overlaybreadcrumbs:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #000000bf;
			z-index: 1;
		}
		.overlaybreadcrumbs .container {
			z-index: 2;
			position: relative;
		}

.non-active-course {
	display: inline-block;
	padding: 4px 20px;
	color: white;
	background-color: #cfb72a;
	border-radius: 30px;
	font-size: 14px;
}
.active-course {
	display: inline-block;
	padding: 4px 20px;
	color: white;
	background-color: #56bb56;
	border-radius: 30px;
	font-size: 14px;
}

/* parent */
.menu-category {
	position: relative; /* needed for absolute positioning of submenu */
}

/* hide initially */
.submenu-courses {
	position: absolute;
	top: 50%;       /* directly below the category link */
	left: 100%;
	min-width: 220px;/* change as needed */
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: max-height 0.28s ease, opacity 0.18s ease;
	z-index: 50;
	border-radius: 10px;
	padding: 19px 15px 17px 15px !important;
	white-space: nowrap;	
	background: #fff; /* optional */
	box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* reveal when hovering the whole li */
.menu-category:hover .submenu-courses {
	max-height: 1000px; /* large enough to show items */
	opacity: 1;
	visibility: visible;
}

.show-on-mobile {
	display: none!important;
}
/* Small devices (large phones, 576px to 767px) */
@media (max-width: 767px) {
	.section-padding {
		padding: 40px 20px;
	}
	.header-logo img {
		max-width: 115px!important;
	}
	.course-card {
		padding: 35px 15px;
	}
	.about-image {
		height: 190px;
    	width: 100%;
	}
	.about3-left__list {
		grid-template-columns: repeat(1, 1fr)!important;
	}
	.client-video {
		width: 100%!important;
	}
	.custom-title a {
		font-size: 26px !important;
		line-height: 28px;
	}
	.show-on-mobile {
		display: block!important;
	}
	.hide-on-mobile {
		display: none!important;
	}
}



.default-banner {
	background-size: 100%;
	background-position: center center;
	position: relative;
}
.default-banner:before  {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	background-color: #232323e3;
	z-index: 1;
}
.default-banner .container {
	z-index: 2;
	position: relative;
}







.zoom-150 .intro3-content__title {
	font-size: 60px;
    line-height: 64px;
	max-width: 900px;
}
.zoom-150 .theme-btn {
	padding: 7px 22px;
	font-size: 12px;
}
.zoom-150 .about3-left__list {
	grid-template-columns: repeat(2, 1fr);
}
.zoom-150 .section-padding {
	padding: 50px 0px;
}
.zoom-150 .header-logo img {
	max-width: 115px!important;
}
.zoom-150 .global-header-menu-area-main-menu>ul>li>a {
	padding: 10px 0;
	font-size: 10px;
}
.zoom-150 .intro3 .swiper-arrow {
    left: 190px;
    bottom: 60px;
	gap: 35px;
	transform: scale(0.8);
}
.zoom-150 .breadcrumb-wrapper-page-heading__breadcrumb-items li a,
.zoom-150 .breadcrumb-wrapper-page-heading__breadcrumb-items li {
	font-size: 16px!important;
	line-height: 25px;
}
.zoom-150 .footer3-bottom-item__text,
.zoom-150 .footer3-bottom-item__text a,
.zoom-150 .footer3-widget__item-contact-link,
.zoom-150 .footer3-bottom-item__list li a {
	font-size: 14px;
    line-height: 24px;
}

.zoom-150 .achievement3-input__title {
    font-size: 46px;
    line-height: 54px;
    padding-bottom: 0px;
}
.zoom-150 .achievement3-top-counter__text {
	font-size: 16px;
}

.zoom-150 .section-title2__title {
	font-size: 44px;
	line-height: 56px;
}

.wpcf7-not-valid-tip {
	letter-spacing: 0;
}