/* ---------------------
   [Master Stylesheet]
   Template Name: Lawgis - Law Firm and Attorney HTML Template
   Version: 1.0.0
   Author: Nano Theme
--------------------- */
/* ---------------------
   [Table of Contents]

   1. Global Elements
      1.1 Responsive Breakpoint (rs)
      1.2 Color Variables (color)
      1.3 Reboot (reboot)
   2. UI Components
      2.1 Shortcodes (shortcode)
      2.2 Preloader (preloader)
      2.3 Jarallax (jarallax)
   3. Sections
      3.1 Header (header)
      3.2 Hero (hero)
      3.3 About (about)
      3.4 Services (service)
      3.5 Pricing (pricing)
      3.6 Mission (mission)
      3.7 Timeline (timeline)
      3.8 Team (team)
      3.9 Partner (partner)
      3.10 Case Study (case-study)
      3.11 Testimonial (testimonial)
      3.12 Video (video)
      3.13 Blog (blog)
      3.14 Footer (footer)
      3.15 CTA (cta)
      3.16 Cookie (cookie)
      3.17 Contact (contact)
      3.18 Process (process)
      3.19 Awards (awards)
   4. Auxiliary Pages
      4.1 FAQ (faq)
      4.2 Breadcrumb (breadcrumb)
--------------------- */
/* Reboot CSS */
* {
  margin: 0;
  padding: 0;
}

body,
html {
  color: #262629;
  scroll-behavior: smooth;
  font-family: "Manrope", sans-serif;
  overflow-x: hidden;
  background-color: #1C1D20;
  padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1C1D20;
  font-weight: 400;
  line-height: 1.3;
  font-family: "DM Serif Display", serif;
  letter-spacing: -1.04px;
}

h5,
h6 {
  letter-spacing: -0.48px;
}

p {
  font-size: 16px;
  line-height: 1.67;
  color: #262629;
}
@media only screen and (min-width:1200px) {
  p {
    font-size: 18px;
  }
}

a,
a:hover,
a:focus {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #1C1D20;
}

ul,
ol {
  margin-bottom: 0;
}

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

input:required,
textarea:required {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

input:invalid,
textarea:invalid {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 320px;
}

@media (min-width: 400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 420px;
  }
}
@media (min-width: 576px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
/* Shortcodes CSS */

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(47, 91, 234, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(47, 91, 234, 0.15) !important;
}

.border,
.border-end,
.border-start,
.border-top,
.border-bottom {
  border-color: rgba(38, 38, 41, 0.3) !important;
}

ul li,
ol li {
  line-height: 1.75;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0 !important;
  font-size: 16px;
  padding: 15px 32px;
  border-radius: 5rem;
  font-weight: 600;
  letter-spacing: -0.14px;
  position: relative;
  height: 54px;
  min-width: auto;
  text-transform: capitalize;
  overflow: hidden;
}
.btn > span {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: opacity 350ms ease, -webkit-transform 350ms ease;
  transition: opacity 350ms ease, -webkit-transform 350ms ease;
  transition: opacity 350ms ease, transform 350ms ease;
  transition: opacity 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
  position: relative;
  opacity: 1;
}
.btn > span i {
  font-size: 20px;
}
.btn > span:last-child {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.btn:hover > span:first-child {
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.btn:hover > span:last-child {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.btn-primary {
  background-color: #E8BF96;
  color: #1C1D20;
}
.btn-primary:active, .btn-primary:hover, .btn-primary:focus {
  background-color: #b78d5a;
  color: #FFFFFF;
}

.btn-link {
  position: relative;
  z-index: 1;
  color: #E8BF96;
  text-transform: capitalize;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 !important;
  min-width: 0;
  height: auto;
}
.btn-link i {
  font-size: 20px;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.btn-link:active, .btn-link:hover, .btn-link:focus {
  color: #b78d5a;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bg-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bg-secondary {
  background-color: #FAF6F3 !important;
}

.bg-dark {
  background-color: #1C1D20 !important;
}

.text-heading {
  color: #1C1D20 !important;
}

.lawgis-scrolltop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  z-index: 9999;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #E8BF96;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.25rem;
  color: #1C1D20;
  cursor: pointer;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  border-radius: 50%;
  border: 0;
}
.lawgis-scrolltop span {
  font-size: 1.75rem;
}
.lawgis-scrolltop.scrolltop-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.lawgis-scrolltop.scrolltop-hide {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
@media only screen and (min-width:992px) {
  .lawgis-scrolltop {
    width: 3rem;
    height: 3rem;
    bottom: 2rem;
    right: 2rem;
  }
}
.lawgis-scrolltop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: conic-gradient(#b78d5a var(--scroll-progress), #E8BF96 0);
  z-index: -1;
}

.divider {
  width: 100%;
  display: block;
  height: 60px;
}
@media only screen and (min-width:576px) {
  .divider {
    height: 70px;
  }
}
@media only screen and (min-width:768px) {
  .divider {
    height: 90px;
  }
}
@media only screen and (min-width:992px) {
  .divider {
    height: 100px;
  }
}
@media only screen and (min-width:1200px) {
  .divider {
    height: 110px;
  }
}
@media only screen and (min-width:1400px) {
  .divider {
    height: 130px;
  }
}

.divider-sm {
  width: 100%;
  display: block;
  height: 50px;
}

.section-heading h2 {
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.15;
  letter-spacing: -1.04px;
  margin-bottom: 32px;
}
@media only screen and (min-width:1400px) {
  .section-heading h2 {
    margin-bottom: 54px;
  }
}
.section-heading .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  gap: 6px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.magnet-link:hover,
.magnet-link:focus {
  cursor: pointer;
}

.magnet-cursor,
.magnet-circle {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
}

.magnet-cursor {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #D1B06B;
  -webkit-transform: translate(var(--x), var(--y));
  transform: translate(var(--x), var(--y));
  z-index: 1000000;
}

.magnet-circle {
  width: 2rem;
  height: 2rem;
  top: -2px;
  left: -2px;
  border: 2px solid #D1B06B;
  background-color: transparent;
  -webkit-transform: translate(var(--x), var(--y));
  transform: translate(var(--x), var(--y));
  z-index: 100000;
}

.reset .magnet-cursor {
  background-color: transparent;
}

.reset .magnet-circle {
  background-color: rgba(209, 176, 107, 0.2);
  border-color: transparent;
  width: 3rem;
  height: 3rem;
  top: -10px;
  left: -10px;
}

@font-face {
  font-family: "flaticon_structa";
  src: url("assets/fonts/flaticon_structa.woff2?f3a43082825b797447c6742318d704a2") format("woff2"), url("assets/fonts/flaticon_structa.woff?f3a43082825b797447c6742318d704a2") format("woff"), url("assets/fonts/flaticon_structa.eot?f3a43082825b797447c6742318d704a2#iefix") format("embedded-opentype"), url("assets/fonts/flaticon_structa.ttf?f3a43082825b797447c6742318d704a2") format("truetype"), url("assets/fonts/flaticon_structa.svg?f3a43082825b797447c6742318d704a2#flaticon_structa") format("svg");
}
i[class^=flaticon-]:before,
i[class*=" flaticon-"]:before {
  font-family: flaticon_structa !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Preloader CSS */
/* Preloader CSS */
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  top: 0;
  left: 0;
  background-color: #1C1D20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
#preloader .spinner-grow {
  background-color: #E8BF96;
}

/* Jarallax CSS */
.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img,
picture.jarallax-img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* Header CSS */
.header-area {
  background-color: transparent;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #1C1D20;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.header-area::after {
  -webkit-transition: all 350ms;
  transition: all 350ms;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.15);
  content: "";
  bottom: 0;
  left: 0;
  z-index: -10;
}
@media only screen and (min-width:992px) {
  .header-area {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.header-area.mobile-menu-open {
  background-color: #1C1D20;
}
.header-area .navbar-toggler {
  padding: 0;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.5rem;
  color: #FFFFFF;
  border: 0;
}
.header-area .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header-area .navbar {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
@media only screen and (min-width:992px) {
  .header-area .navbar {
    height: 110px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.header-area .navbar .navbar-brand {
  margin-right: 2rem;
  line-height: 1 !important;
}
@media only screen and (min-width:1200px) {
  .header-area .navbar .navbar-brand {
    margin-right: 3rem;
  }
}
.header-area .navbar-nav {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav {
    gap: 16px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width:1200px) {
  .header-area .navbar-nav {
    gap: 32px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width:1400px) {
  .header-area .navbar-nav {
    gap: 44px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.header-area .navbar-nav li > a {
  display: inline-block;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1rem;
  text-transform: capitalize;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.header-area .navbar-nav li > a i {
  margin-top: 3px;
}
@media only screen and (min-width:1200px) {
  .header-area .navbar-nav li > a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.header-area .navbar-nav li > a:hover {
  color: #E8BF96;
}
.header-area .navbar-nav li .lawgis-dd-menu {
  list-style: none;
  background-color: transparent;
  position: relative;
  z-index: 100;
  top: 100%;
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  display: none;
  padding-left: 0;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li .lawgis-dd-menu {
    padding: 1rem 0;
    -webkit-transition: all 350ms;
    transition: all 350ms;
    position: absolute;
    top: calc(100% + 8px);
    width: 15rem;
    background-color: #1C1D20;
    visibility: hidden;
    opacity: 0;
    display: block;
    left: -1rem;
    border: 1px solid rgba(254, 254, 254, 0.1);
  }
}
.header-area .navbar-nav li .lawgis-dd-menu li > a {
  -webkit-transition: all 350ms;
  transition: all 350ms;
  position: relative;
  font-size: 1rem;
  padding: 0.375rem 1rem;
  color: #FFFFFF;
  text-transform: capitalize;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li .lawgis-dd-menu li > a {
    padding: 0.375rem 1.5rem;
  }
}
.header-area .navbar-nav li .lawgis-dd-menu li > a:hover, .header-area .navbar-nav li .lawgis-dd-menu li > a:focus {
  background-color: transparent;
  color: #E8BF96;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li .lawgis-dd-menu li > a:hover, .header-area .navbar-nav li .lawgis-dd-menu li > a:focus {
    color: #E8BF96;
  }
}
.header-area .navbar-nav li.lawgis-dd {
  position: relative;
  z-index: 1;
}
.header-area .navbar-nav li.lawgis-dd .dropdown-toggler {
  position: absolute;
  width: 100%;
  height: 36px;
  z-index: 100;
  background-color: transparent;
  color: #E8BF96;
  top: 2px;
  cursor: pointer;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 14px;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.lawgis-dd .dropdown-toggler {
    display: none;
  }
}
.header-area .navbar-nav li.lawgis-dd > a {
  position: relative;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.lawgis-dd:hover .lawgis-dd-menu, .header-area .navbar-nav li.lawgis-dd:focus .lawgis-dd-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
  }
}
.header-area .navbar-nav li.lawgis-dd .lawgis-dd .dropdown-toggler {
  right: 1rem;
}
.header-area .navbar-nav li.lawgis-dd .lawgis-dd > a {
  position: relative;
  width: 100%;
}
.header-area .navbar-nav li.lawgis-dd .lawgis-dd .lawgis-dd-menu {
  display: none;
  padding-left: 1rem;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.lawgis-dd .lawgis-dd .lawgis-dd-menu {
    margin-left: 0.25rem;
    top: -8px;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    display: block;
  }
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.lawgis-dd .lawgis-dd:hover .lawgis-dd-menu, .header-area .navbar-nav li.lawgis-dd .lawgis-dd:focus .lawgis-dd-menu {
    visibility: visible;
    opacity: 1;
  }
}
.header-area.sticky-on {
  background-color: #1C1D20;
  -webkit-box-shadow: 0 1rem 3rem rgba(194, 199, 240, 0.175);
          box-shadow: 0 1rem 3rem rgba(194, 199, 240, 0.175);
}
.header-area.sticky-on::after {
  background-color: rgba(255, 255, 255, 0);
}
@media only screen and (min-width:992px) {
  .header-area.sticky-on .navbar {
    height: 90px;
  }
}
.header-area.style-two .header-top {
  width: 100%;
  height: 50px;
  background-color: #1C1D20;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.header-area.style-two .navbar {
  background-color: #FFFFFF;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
@media only screen and (min-width:992px) {
  .header-area.style-two .navbar {
    height: 100px;
  }
}
.header-area.style-two .navbar-toggler {
  color: #1C1D20;
}
.header-area.style-two .navbar-nav li > a {
  color: #1C1D20;
}
.header-area.style-two .navbar-nav li > a:hover {
  color: #b78d5a;
}
.header-area.style-two .navbar-nav li .lawgis-dd-menu {
  background-color: transparent;
}
@media only screen and (min-width:992px) {
  .header-area.style-two .navbar-nav li .lawgis-dd-menu {
    background-color: #1C1D20;
    border: 1px solid rgba(254, 254, 254, 0.1);
  }
}
.header-area.style-two .navbar-nav li .lawgis-dd-menu li > a {
  color: #1C1D20;
}
@media only screen and (min-width:992px) {
  .header-area.style-two .navbar-nav li .lawgis-dd-menu li > a {
    color: #FFFFFF;
  }
}
.header-area.style-two .navbar-nav li .lawgis-dd-menu li > a:hover, .header-area.style-two .navbar-nav li .lawgis-dd-menu li > a:focus {
  background-color: transparent;
  color: #E8BF96;
}
@media only screen and (min-width:992px) {
  .header-area.style-two .navbar-nav li .lawgis-dd-menu li > a:hover, .header-area.style-two .navbar-nav li .lawgis-dd-menu li > a:focus {
    color: #E8BF96;
  }
}
.header-area.style-two .navbar-nav li.lawgis-dd .dropdown-toggler {
  background-color: transparent;
  color: #E8BF96;
}
.header-area.style-two.sticky-on .header-top {
  height: 40px;
}
.header-area.style-two.sticky-on::after {
  background-color: rgba(255, 255, 255, 0);
}
@media only screen and (min-width:992px) {
  .header-area.style-two.sticky-on .navbar {
    height: 80px;
  }
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}

.header-search-btn .btn {
  min-width: 20px;
  padding: 0;
  margin-left: 0;
  margin-right: 36px;
  color: #FFFFFF;
}
.header-search-btn .btn i {
  font-size: 24px;
}
@media only screen and (min-width:992px) {
  .header-search-btn .btn {
    margin-left: 30px;
  }
}
@media only screen and (min-width:1200px) {
  .header-search-btn .btn {
    margin-left: 60px;
  }
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:576px) {
}

@media only screen and (min-width:992px) {
  .lawgis-dd-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: opacity 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
  }
  .lawgis-dd-menu li {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: opacity 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
  }
  .lawgis-dd:hover .lawgis-dd-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .lawgis-dd:hover .lawgis-dd-menu li {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(1) {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(2) {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(3) {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(4) {
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(5) {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(6) {
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(7) {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(8) {
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(9) {
    -webkit-transition-delay: 900ms;
            transition-delay: 900ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(10) {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(11) {
    -webkit-transition-delay: 1100ms;
            transition-delay: 1100ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(12) {
    -webkit-transition-delay: 1200ms;
            transition-delay: 1200ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(13) {
    -webkit-transition-delay: 1300ms;
            transition-delay: 1300ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(14) {
    -webkit-transition-delay: 1400ms;
            transition-delay: 1400ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(15) {
    -webkit-transition-delay: 1500ms;
            transition-delay: 1500ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(16) {
    -webkit-transition-delay: 1600ms;
            transition-delay: 1600ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(17) {
    -webkit-transition-delay: 1700ms;
            transition-delay: 1700ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(18) {
    -webkit-transition-delay: 1800ms;
            transition-delay: 1800ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(19) {
    -webkit-transition-delay: 1900ms;
            transition-delay: 1900ms;
  }
  .lawgis-dd:hover .lawgis-dd-menu li:nth-child(20) {
    -webkit-transition-delay: 2000ms;
            transition-delay: 2000ms;
  }
}
/* Hero CSS */
.hero-section {
  position: relative;
  z-index: 1;
  background-color: #1C1D20;
  margin-top: 68px;
  padding-top: 0;
  padding-bottom: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width:1200px) {
  .hero-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width:1400px) {
  .hero-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.hero-section::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1C1D20;
  opacity: 0.9;
  content: "";
  z-index: -10;
}
.hero-section::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: -10;
  background: radial-gradient(48.33% 39.41% at 74.75% 53.85%, rgba(28, 29, 32, 0) 0%, #1C1D20 100%);
}
@media only screen and (min-width:992px) {
  .hero-section {
    margin-top: 110px;
  }
}
.hero-section .left-side-text {
  color: transparent;
  position: absolute;
  top: 50%;
  right: -2%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("assets/img/core-img/MACIA-slider-accueil.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 15%;
  height: 100%;
  z-index: -5;
}
@media (max-width:767px) {
  .hero-section .left-side-text {
    display: none!important;
  }
}
.hero-section.style-two {
  margin-top: 115px;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width:992px) {
  .hero-section.style-two {
    margin-top: 150px;
  }
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}

.hero-content h2 {
  letter-spacing: -1.88px;
  font-size: 36px;
  line-height: 1.1;
}
@media only screen and (min-width:576px) {
  .hero-content h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width:768px) {
  .hero-content h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width:992px) {
  .hero-content h2 {
    font-size: 72px;
  }
}
@media only screen and (min-width:1400px) {
  .hero-content h2 {
    font-size: 94px;
  }
}
.hero-content p {
  font-size: 16px;
  margin-bottom: 32px;
}
@media only screen and (min-width:1200px) {
  .hero-content p {
    font-size: 18px;
    margin-bottom: 44px;
  }
}

.hero-thumbnail {
  position: relative;
  padding-right: 50px;
}
@media only screen and (min-width:1200px) {
  .hero-thumbnail {
    padding-right: 80px;
  }
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}

.hero-three-swiper {
  position: relative;
  z-index: 1;
}
.hero-three-swiper .swiper-slide {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 450px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .hero-three-swiper .swiper-slide {
    height: 550px;
  }
}
@media only screen and (min-width:992px) {
  .hero-three-swiper .swiper-slide {
    height: 650px;
  }
}
@media only screen and (min-width:1200px) {
  .hero-three-swiper .swiper-slide {
    height: 750px;
  }
}
@media only screen and (min-width:1400px) {
  .hero-three-swiper .swiper-slide {
    font-size: 860;
  }
}
.hero-three-swiper .swiper-slide::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: radial-gradient(116.72% 127.88% at 62.5% -41.34%, #1C1D20 0%, rgba(28, 29, 32, 0.6) 100%);
  z-index: -10;
}
.hero-three-swiper .swiper-slide p {
  font-size: 22px;
  font-weight: 600;
  color: #FFFFFF;
}
@media only screen and (min-width:576px) {
  .hero-three-swiper .swiper-slide p {
    font-size: 24px;
  }
}
@media only screen and (min-width:768px) {
  .hero-three-swiper .swiper-slide p {
    font-size: 26px;
  }
}
@media only screen and (min-width:992px) {
  .hero-three-swiper .swiper-slide p {
    font-size: 28px;
  }
}
@media only screen and (min-width:1400px) {
  .hero-three-swiper .swiper-slide p {
    font-size: 30px;
  }
}
.hero-three-swiper .swiper-slide h2 {
  color: #FFFFFF;
  font-size: 36px;
  line-height: 1.05;
}
@media only screen and (min-width:576px) {
  .hero-three-swiper .swiper-slide h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width:768px) {
  .hero-three-swiper .swiper-slide h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width:992px) {
  .hero-three-swiper .swiper-slide h2 {
    font-size: 72px;
  }
}
@media only screen and (min-width:1400px) {
  .hero-three-swiper .swiper-slide h2 {
    font-size: 94px;
  }
}
.hero-three-swiper .hero-three-button-prev,
.hero-three-swiper .hero-three-button-next {
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.1);
  left: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
  color: #FFFFFF;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.hero-three-swiper .hero-three-button-prev:hover,
.hero-three-swiper .hero-three-button-next:hover {
  background-color: #E8BF96;
  color: #1C1D20;
  -webkit-transform: translateY(-50%) translateX(-12px);
          transform: translateY(-50%) translateX(-12px);
}
.hero-three-swiper .hero-three-button-next {
  left: auto;
  right: 60px;
}
.hero-three-swiper .hero-three-button-next:hover {
  -webkit-transform: translateY(-50%) translateX(12px);
          transform: translateY(-50%) translateX(12px);
}

/* About CSS */

.experience-card {
  padding: 40px 30px;
  border-radius: 12px;
  background-color: #1C1D20;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.experience-card h2 {
  color: #FFFFFF;
  font-size: 48px;
  line-height: 1.1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (min-width:1200px) {
  .experience-card h2 {
    font-size: 80px;
  }
}
.experience-card p {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.experience-card:hover {
  background-color: #E8BF96;
}
.experience-card:hover h2 {
  color: #1C1D20;
}
.experience-card:hover p {
  color: #262629;
}

.about-section {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width:768px) {
}
.about-section.style-two .about-thumbnail {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 12px;
}
.about-section.style-two .about-thumbnail img {
  border-radius: 12px;
}
.about-section.style-two .about-thumbnail::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  width: 80%;
  height: 100%;
  border-radius: 12px;
  border: 2px solid #D1B06B;
  z-index: -10;
}
.about-section.style-two ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-section.style-two ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 48px);
          flex: 0 0 calc(50% - 48px);
  max-width: calc(50% - 48px);
  width: calc(50% - 48px);
}
.about-section.style-two ul li .icon {
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #E8BF96;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width:1400px) {
}

/* Happy Counts */
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}

/* Service CSS */
.service-swiper-slider {
  width: 100%;
}
@media only screen and (min-width:576px) {
  .service-swiper-slider {
    width: 120%;
  }
}
@media only screen and (min-width:992px) {
  .service-swiper-slider {
    width: 125%;
  }
}
@media only screen and (min-width:1200px) {
  .service-swiper-slider {
    width: 130%;
  }
}
@media only screen and (min-width:1400px) {
  .service-swiper-slider {
    width: 150%;
  }
}

.service-two-swiper {
  width: 100%;
}
@media only screen and (min-width:576px) {
  .service-two-swiper {
    width: 120%;
  }
}
@media only screen and (min-width:992px) {
  .service-two-swiper {
    width: 125%;
  }
}
@media only screen and (min-width:1200px) {
  .service-two-swiper {
    width: 130%;
  }
}
@media only screen and (min-width:1400px) {
  .service-two-swiper {
    width: 150%;
  }
}

.service-slide-card {
  position: relative;
  border-radius: 12px;
  background: #1C1D20;
  padding: 40px 30px;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.service-slide-card > i {
  font-size: 60px;
  color: #E8BF96;
  margin-bottom: 32px;
  display: block;
  margin-bottom: 1rem;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.service-slide-card .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  color: #FFFFFF;
  display: block;
  margin-bottom: 1rem;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.service-slide-card p {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 2rem;
  display: block;
}
.service-slide-card .btn-link {
  color: #FFFFFF;
  font-size: 16px;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.service-slide-card .btn-link i {
  font-size: 20px;
}
.service-slide-card:hover, .service-slide-card:focus {
  background-color: #E8BF96;
}
.service-slide-card:hover .title,
.service-slide-card:hover p,
.service-slide-card:hover span, .service-slide-card:focus .title,
.service-slide-card:focus p,
.service-slide-card:focus span {
  color: #1C1D20;
}
.service-slide-card:hover > i, .service-slide-card:focus > i {
  color: #1C1D20;
}
.service-slide-card:hover .btn-link, .service-slide-card:focus .btn-link {
  color: #1C1D20 !important;
}

.service-swiper-slider-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 24px;
}
.service-swiper-slider-navigation > div {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  background-color: transparent;
  border: 2px solid #E8BF96;
  border-radius: 50%;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width:1200px) {
  .service-swiper-slider-navigation > div {
    width: 60px;
    height: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
  }
}
.service-swiper-slider-navigation > div i {
  font-size: 24px;
  color: #1C1D20;
}
.service-swiper-slider-navigation > div:hover, .service-swiper-slider-navigation > div:focus {
  background-color: #E8BF96;
  border-color: #E8BF96;
}

.service-two-swiper .swiper-slide {
  border-radius: 12px;
  background: #FFFFFF;
  padding: 30px;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.service-two-swiper .swiper-slide .title {
  font-size: 24px;
  font-weight: 600;
}
.service-two-swiper .swiper-slide img {
  width: 100%;
  border-radius: 12px;
}
.service-two-swiper .swiper-slide:hover, .service-two-swiper .swiper-slide:focus {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.service-two-pagination {
  margin-top: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14px;
}
.service-two-pagination > span {
  width: 8px;
  height: 8px;
  opacity: 1;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  position: relative;
  z-index: 1;
  background-color: #1C1D20;
  border-radius: 50%;
}
.service-two-pagination > span::before {
  width: 20px;
  height: 20px;
  border: 2px solid #1C1D20;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 350ms;
  transition: all 350ms;
  content: "";
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}

.service-section {
  overflow: hidden;
}
.service-section.style-two {
  background-color: #1F2732;
}
.service-section.style-two .service-swiper-slider-navigation > div {
  background-color: transparent;
  border: 2px solid #E8BF96;
}
.service-section.style-two .service-swiper-slider-navigation > div i {
  font-size: 24px;
  color: #FFFFFF;
}
.service-section.style-two .service-swiper-slider-navigation > div:hover, .service-section.style-two .service-swiper-slider-navigation > div:focus {
  background-color: #E8BF96;
  border-color: #E8BF96;
}
.service-section.style-two .service-swiper-slider-navigation > div:hover i, .service-section.style-two .service-swiper-slider-navigation > div:focus i {
  color: #1C1D20;
}

/* Pricing CSS */
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}

/* Feature CSS */
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}

/* Timeline CSS */
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}

/* Team CSS */

.laywer-card {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  background-color: #FAF6F3;
  overflow: hidden;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.laywer-card > img {
  width: 100%;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  border-radius: 12px;
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
.laywer-card:hover, .laywer-card:focus {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.laywer-card:hover > img, .laywer-card:focus > img {
  -webkit-transform: scale(1.05) translateY(-20px);
          transform: scale(1.05) translateY(-20px);
}
.laywer-card.style-two {
  overflow: hidden;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  background-color: #1C1D20;
}
.laywer-card.style-two::after {
  border-radius: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 39, 50, 0)), to(#1F2732));
  background: linear-gradient(180deg, rgba(31, 39, 50, 0) 0%, #1F2732 100%);
  content: "";
  width: 110%;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -5%;
  opacity: 0;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.laywer-card.style-two .social-nav-trigger {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1C1D20;
  background-color: #FFFFFF;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  border: 0;
  font-size: 24px;
}
@media only screen and (min-width:992px) {
  .laywer-card.style-two .social-nav-trigger {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
  }
}
.laywer-card.style-two .social-nav-trigger i.ti-x {
  display: none;
}
.laywer-card.style-two .social-nav-trigger.active i.ti-x {
  display: block;
}
.laywer-card.style-two .social-nav-trigger:hover, .laywer-card.style-two .social-nav-trigger:focus {
  background-color: #D1B06B;
  color: #1C1D20;
}
.laywer-card.style-two .lawyer-social-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  z-index: 100;
  right: 37px;
  bottom: 90px;
}
.laywer-card.style-two .lawyer-social-nav a {
  border: 1.5px solid #FFFFFF;
  color: #FFFFFF;
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: opacity 350ms, -webkit-transform 350ms;
  transition: opacity 350ms, -webkit-transform 350ms;
  transition: opacity 350ms, transform 350ms;
  transition: opacity 350ms, transform 350ms, -webkit-transform 350ms;
}
.laywer-card.style-two .lawyer-social-nav a:hover, .laywer-card.style-two .lawyer-social-nav a:focus {
  background-color: #E8BF96;
  border-color: #E8BF96;
  color: #1C1D20;
}
.laywer-card.style-two .lawyer-social-nav a.show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.laywer-card.style-two:hover > img, .laywer-card.style-two:focus > img {
  -webkit-transform: translateY(-6px) scale(1.1);
          transform: translateY(-6px) scale(1.1);
}
.laywer-card.style-two:hover::after, .laywer-card.style-two:focus::after {
  opacity: 1;
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}

/* Partner CSS */
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}

/* Case Study CSS */

.case-study-card {
  position: relative;
  border-radius: 12px;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.case-study-card img {
  border-radius: 12px;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  width: 100%;
}
.case-study-card .video-btn {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
  left: 40px;
  bottom: 40px;
  cursor: pointer;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.case-study-card .video-btn i {
  color: #1C1D20;
  font-size: 24px;
}
.case-study-card .video-btn:hover, .case-study-card .video-btn:focus {
  background-color: #E8BF96;
}
.case-study-card .video-btn:hover i, .case-study-card .video-btn:focus i {
  color: #1C1D20;
}
.case-study-card:hover, .case-study-card:focus {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.case-study-card:hover img, .case-study-card:focus img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.case-study-card.style-two::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  border-radius: 12px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(52.38%, rgba(28, 29, 32, 0)), color-stop(91.91%, #1C1D20));
  background: linear-gradient(180deg, rgba(28, 29, 32, 0) 52.38%, #1C1D20 91.91%);
  content: "";
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width:1200px) {
}
.case-study-card.style-two:hover::after, .case-study-card.style-two:focus::after {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:576px) {
}

.case-study-two-pagination {
  margin-top: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.case-study-two-pagination > span {
  width: 16px;
  height: 16px;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  background-color: transparent;
  border-radius: 50%;
  border: 1.5px solid #FFFFFF;
  opacity: 1;
}

/* Testimonial CSS */
.testimonial-section .swiper-navigation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 24px;
  margin-bottom: 44px;
}
.testimonial-section .swiper-navigation-container > div {
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  background-color: transparent;
  border: 2px solid #1C1D20;
  border-radius: 50%;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.testimonial-section .swiper-navigation-container > div::after {
  display: none;
  opacity: 0;
}
.testimonial-section .swiper-navigation-container > div i {
  font-size: 24px;
  color: #1C1D20;
}
.testimonial-section .swiper-navigation-container > div:hover, .testimonial-section .swiper-navigation-container > div:focus {
  background-color: #E8BF96;
  border-color: #E8BF96;
}
.testimonial-section.style-two {
  background-color: #1F2732;
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
form .form-control {
  width: 100%;
  height: 60px;
  color: #262629;
  font-size: 16px;
  padding: 17px 24px;
  border-radius: 6px;
  background: #FFFFFF;
  border: 0;
}
@media only screen and (min-width:1200px) {
  form .form-control {
    font-size: 18px;
  }
}
form .form-control::-webkit-input-placeholder {
  color: #262629;
}
form .form-control::-moz-placeholder {
  color: #262629;
}
form .form-control:-ms-input-placeholder {
  color: #262629;
}
form .form-control::-ms-input-placeholder {
  color: #262629;
}
form .form-control::placeholder {
  color: #262629;
}
form .form-control:focus {
  background-color: #FAF6F3;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #262629;
  border: 0;
}
form .form-control option {
  color: #262629;
}
form textarea.form-control {
  min-height: 178px;
}
form .btn {
  height: 60px;
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}

.testimonial-card {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonial-card .testimonial-info {
  max-width: 60%;
  border-radius: 0 10px 10px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  width: 60%;
  border: 2px solid #E8BF96;
  padding: 20px;
  position: relative;
  margin-left: calc(40% - 2px);
}
@media only screen and (min-width:992px) {
  .testimonial-card .testimonial-info {
    padding: 30px;
  }
}
.testimonial-card .testimonial-info .testimonial-text {
  margin-bottom: 32px;
}
.testimonial-card .testimonial-info .name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
@media only screen and (min-width:992px) {
  .testimonial-card .testimonial-info .name {
    font-size: 20px;
  }
}
.testimonial-card .testimonial-info .designation {
  font-size: 14px;
}
@media only screen and (min-width:992px) {
  .testimonial-card .testimonial-info .designation {
    font-size: 16px;
  }
}

.testimonial-swiper {
  position: relative;
  z-index: 1;
}

.testimonial-pagination {
  margin-top: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.testimonial-pagination > span {
  width: 16px;
  height: 16px;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  background-color: transparent;
  border-radius: 50%;
  border: 1.5px solid #262629;
  opacity: 1;
}
.testimonial-pagination.style-two > span {
  border-color: #FFFFFF;
  background-color: transparent;
}

.testimonial-swiper-two .swiper-slide {
  border-radius: 12px;
  border: 2px solid #E8BF96;
  padding: 40px 30px;
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
.testimonial-swiper-two.style-two .swiper-slide {
  border-color: transparent;
  background-color: #161D27;
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}

.testimonial-three-pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(102, 107, 118, 0.5);
  border-radius: 12px;
  margin-top: 32px;
}
@media only screen and (min-width:768px) {
  .testimonial-three-pagination {
    margin-top: 48px;
  }
}
@media only screen and (min-width:992px) {
  .testimonial-three-pagination {
    margin-top: 80px;
  }
}
.testimonial-three-pagination .custom-bullet {
  -webkit-transition: all 350ms;
  transition: all 350ms;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
  background-color: transparent;
  gap: 12px;
  margin: 0 !important;
  padding: 6px;
}
@media only screen and (min-width:768px) {
  .testimonial-three-pagination .custom-bullet {
    height: 80px;
  }
}
@media only screen and (min-width:992px) {
  .testimonial-three-pagination .custom-bullet {
    height: 100px;
  }
}
@media only screen and (min-width:1200px) {
  .testimonial-three-pagination .custom-bullet {
    height: 140px;
  }
}
.testimonial-three-pagination .custom-bullet img {
  border-radius: 12px;
  width: 48px;
}
@media only screen and (min-width:768px) {
  .testimonial-three-pagination .custom-bullet img {
    width: 60px;
  }
}
@media only screen and (min-width:992px) {
  .testimonial-three-pagination .custom-bullet img {
    width: 74px;
  }
}
.testimonial-three-pagination .custom-bullet .bullet-info {
  display: none;
}
@media only screen and (min-width:768px) {
  .testimonial-three-pagination .custom-bullet .bullet-info {
    display: block;
  }
}
.testimonial-three-pagination .custom-bullet .bullet-name {
  font-size: 12px;
  font-weight: 600;
  display: block;
}
@media only screen and (min-width:992px) {
  .testimonial-three-pagination .custom-bullet .bullet-name {
    font-size: 16px;
  }
}
@media only screen and (min-width:1200px) {
  .testimonial-three-pagination .custom-bullet .bullet-name {
    font-size: 20px;
  }
}
.testimonial-three-pagination .custom-bullet .bullet-desc {
  font-size: 12px;
  display: block;
}
@media only screen and (min-width:1200px) {
  .testimonial-three-pagination .custom-bullet .bullet-desc {
    font-size: 16px;
  }
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}

/* Video CSS */

.video-section {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 700px;
}
.video-section::after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  content: "";
  top: 0;
  left: 0;
  z-index: -10;
  background-color: rgba(28, 29, 32, 0.4);
}
.video-section.style-two {
  height: 500px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 100px;
  border-radius: 12px;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
@media only screen and (min-width:992px) {
  .video-section.style-two {
    height: 600px;
  }
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
.video-section.style-two:hover, .video-section.style-two:focus {
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
}

.milestone-wrapper {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: auto;
  bottom: 0;
  left: 0;
}

.milestone-card {
  background-color: #E8BF96;
  padding: 32px 24px;
  border-radius: 10px 10px 0 0;
  width: 295px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media only screen and (min-width:992px) {
  .milestone-card {
    width: 380px;
    padding: 60px 36px;
  }
}
@media only screen and (min-width:1400px) {
  .milestone-card {
    width: 410px;
    padding: 60px 36px;
  }
}
.milestone-card .single-milestone {
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 12px;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width:992px) {
  .milestone-card .single-milestone {
    padding: 30px;
  }
}
.milestone-card .single-milestone h2 {
  color: #1C1D20;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.88px;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
@media only screen and (min-width:576px) {
  .milestone-card .single-milestone h2 {
    font-size: 56px;
  }
}
@media only screen and (min-width:768px) {
  .milestone-card .single-milestone h2 {
    font-size: 64px;
  }
}
@media only screen and (min-width:992px) {
  .milestone-card .single-milestone h2 {
    font-size: 72px;
  }
}
@media only screen and (min-width:1400px) {
  .milestone-card .single-milestone h2 {
    font-size: 94px;
  }
}
.milestone-card .single-milestone p {
  font-size: 18px;
  letter-spacing: -0.44px;
  line-height: 1.3;
}
@media only screen and (min-width:992px) {
  .milestone-card .single-milestone p {
    font-size: 22px;
  }
}

@-webkit-keyframes video-sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@keyframes video-sonar {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@media only screen and (min-width:992px) {
}

/* Blog CSS */
.blog-card {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  border-radius: 12px;
}
.blog-card img {
  border-radius: 12px;
  width: 100%;
}
.blog-card .blog-meta {
  margin-top: 28px;
  margin-bottom: 10px;
}
.blog-card .blog-meta a {
  color: #262629;
  font-size: 16px;
  font-weight: 400;
  display: block;
}
.blog-card .blog-meta a:hover, .blog-card .blog-meta a:focus {
  color: #E8BF96;
}
.blog-card .blog-meta .dot {
  width: 4px;
  height: 4px;
  background-color: #262629;
  border-radius: 50%;
}
.blog-card .post-title {
  color: #1C1D20;
  letter-spacing: -0.72px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
@media only screen and (min-width:768px) {
  .blog-card .post-title {
    font-size: 28px;
  }
}
@media only screen and (min-width:1200px) {
  .blog-card .post-title {
    font-size: 36px;
  }
}
@media only screen and (min-width:1400px) {
  .blog-card .post-title {
    font-size: 42px;
  }
}
.blog-card .post-title:hover, .blog-card .post-title:focus {
  color: #E8BF96;
}
.blog-card:hover, .blog-card:focus {
  border-color: #E8BF96;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.blog-card.style-two {
  background-color: #1F2732;
}
.blog-card.style-two .post-title {
  color: #FFFFFF;
  font-size: 18px;
}
@media only screen and (min-width:768px) {
  .blog-card.style-two .post-title {
    font-size: 24px;
  }
}
.blog-card.style-two .blog-meta a {
  color: #FFFFFF;
}
.blog-card.style-two .blog-meta a:hover, .blog-card.style-two .blog-meta a:focus {
  color: #E8BF96;
}
.blog-card.style-two .blog-meta .dot {
  background-color: #FFFFFF;
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}

.blog-section.style-two .post-title {
  color: #FFFFFF;
}
.blog-section.style-two .post-title:hover, .blog-section.style-two .post-title:focus {
  color: #E8BF96;
}
.blog-section.style-two .blog-meta a {
  color: #FFFFFF;
}
.blog-section.style-two .blog-meta a:hover, .blog-section.style-two .blog-meta a:focus {
  color: #E8BF96;
}
.blog-section.style-two .blog-meta .dot {
  background-color: #FFFFFF;
}

/* Single Blog */
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}

/* Footer CSS */
@media only screen and (min-width:1200px) {
}

.footer-line {
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 1px;
  display: block;
}

.footer-logo {
  margin-bottom: 56px;
}

.footer-contact-card p {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.48px;
}
@media only screen and (min-width:1200px) {
  .footer-contact-card p {
    font-size: 22px;
  }
}
.footer-contact-card p:last-child {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
}
@media only screen and (min-width:1200px) {
  .footer-contact-card p:last-child {
    font-size: 18px;
  }
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}

.footer-bottom-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer-bottom-content .copyright {
  font-size: 16px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.footer-bottom-content .copyright a {
  font-size: 16px;
  color: #E8BF96;
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}

/* CTA CSS */
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1200px) {
}

/* Cookie CSS */
.cookiealert {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 1000;
  max-width: 280px;
  padding: 40px 32px;
  border-radius: 12px;
  background-color: #E8BF96;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-16px);
          transform: translateY(-16px);
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
@media only screen and (min-width:768px) {
  .cookiealert {
    max-width: 450px;
    left: 2rem;
    bottom: 2rem;
  }
}
.cookiealert.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.cookiealert h2 {
  color: #1C1D20;
}
.cookiealert p {
  font-size: 12px;
  color: #1C1D20;
}
@media only screen and (min-width:768px) {
  .cookiealert p {
    font-size: 14px;
  }
}
.cookiealert a {
  color: #1C1D20;
  text-decoration: underline;
}

/* Contact CSS */
.search-bg-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #1C1D20;
  opacity: 0.7;
  top: 0;
  left: 0;
  z-index: 1200;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.search-bg-overlay.open {
  opacity: 0.8;
  visibility: visible;
}

.search-form-popup {
  position: fixed;
  z-index: 1500;
  padding: 40px 30px;
  background-color: #FFFFFF;
  left: 50%;
  top: 50%;
  min-width: 280px;
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 350ms;
  transition: all 350ms;
  -webkit-transform: scale(0.9) translate(-50%, -50%);
          transform: scale(0.9) translate(-50%, -50%);
}
@media only screen and (min-width:480px) {
  .search-form-popup {
    min-width: 360px;
  }
}
@media only screen and (min-width:768px) {
  .search-form-popup {
    min-width: 500px;
    padding: 60px 50px;
  }
}
@media only screen and (min-width:992px) {
  .search-form-popup {
    padding: 60px 50px;
    min-width: 600px;
  }
}
.search-form-popup h2 {
  color: #1C1D20;
}
.search-form-popup .close-btn {
  position: absolute;
  top: -1rem;
  right: -1rem;
  z-index: 1000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width:768px) {
  .search-form-popup .close-btn {
    width: 60px;
    height: 60px;
    top: -2rem;
    right: -2rem;
  }
}
.search-form-popup form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.search-form-popup form .form-control {
  width: 100%;
  height: 64px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
  color: #1C1D20;
  font-size: 16px;
  padding: 17px 24px;
}
@media only screen and (min-width:1200px) {
  .search-form-popup form .form-control {
    font-size: 18px;
  }
}
.search-form-popup form .form-control::-webkit-input-placeholder {
  color: #1C1D20;
}
.search-form-popup form .form-control::-moz-placeholder {
  color: #1C1D20;
}
.search-form-popup form .form-control:-ms-input-placeholder {
  color: #1C1D20;
}
.search-form-popup form .form-control::-ms-input-placeholder {
  color: #1C1D20;
}
.search-form-popup form .form-control::placeholder {
  color: #1C1D20;
}
.search-form-popup form .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search-form-popup form .btn {
  border-radius: 8px;
  height: 64px;
}
.search-form-popup.open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
}

.contact-info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media only screen and (min-width:992px) {
  .contact-info-card {
    gap: 24px;
  }
}
.contact-info-card .icon-wrapper {
  width: 74px;
  height: 74px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #E8BF96;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width:992px) {
  .contact-info-card .icon-wrapper {
    width: 84px;
    height: 84px;
  }
}
.contact-info-card p {
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.2;
}
@media only screen and (min-width:992px) {
  .contact-info-card p {
    font-size: 22px;
  }
}
.contact-info-card p:last-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.67;
}
@media only screen and (min-width:992px) {
  .contact-info-card p:last-child {
    font-size: 16px;
  }
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}

/* Progress CSS */
.progress-container {
  position: relative;
  z-index: 1;
  width: 100%;
}
.progress-container .progress-fill {
  height: 6px;
  background-color: #E8BF96;
  width: 0%;
  -webkit-transition: width 2s ease-in-out;
  transition: width 2s ease-in-out;
  border-radius: 12px;
  left: 2px;
  position: relative;
}
.progress-container .progress-fill::after {
  position: absolute;
  content: "";
  z-index: 10;
  top: -28px;
  right: 0;
  background-color: #E8BF96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22black%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M18%209c.852%200%201.297%20.986%20.783%201.623l-.076%20.084l-6%206a1%201%200%200%201%20-1.32%20.083l-.094%20-.083l-6%20-6l-.083%20-.094l-.054%20-.077l-.054%20-.096l-.017%20-.036l-.027%20-.067l-.032%20-.108l-.01%20-.053l-.01%20-.06l-.004%20-.057v-.118l.005%20-.058l.009%20-.06l.01%20-.052l.032%20-.108l.027%20-.067l.07%20-.132l.065%20-.09l.073%20-.081l.094%20-.083l.077%20-.054l.096%20-.054l.036%20-.017l.067%20-.027l.108%20-.032l.053%20-.01l.06%20-.01l.057%20-.004l12.059%20-.002z%22%20/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22black%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M18%209c.852%200%201.297%20.986%20.783%201.623l-.076%20.084l-6%206a1%201%200%200%201%20-1.32%20.083l-.094%20-.083l-6%20-6l-.083%20-.094l-.054%20-.077l-.054%20-.096l-.017%20-.036l-.027%20-.067l-.032%20-.108l-.01%20-.053l-.01%20-.06l-.004%20-.057v-.118l.005%20-.058l.009%20-.06l.01%20-.052l.032%20-.108l.027%20-.067l.07%20-.132l.065%20-.09l.073%20-.081l.094%20-.083l.077%20-.054l.096%20-.054l.036%20-.017l.067%20-.027l.108%20-.032l.053%20-.01l.06%20-.01l.057%20-.004l12.059%20-.002z%22%20/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 28px;
  height: 28px;
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:768px) {
}

/* Work Process */
.work-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.process-card {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
@media only screen and (min-width:1200px) {
  .process-card {
    gap: 41px;
  }
}
.process-card::after {
  position: absolute;
  width: 1.5px;
  height: calc(100% - 44px);
  top: 65px;
  left: 25px;
  background-color: #FFFFFF;
  content: "";
  z-index: 10;
}
.process-card:last-child::after {
  display: none;
}
.process-card .number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  max-width: 50px;
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
  color: #1C1D20;
  font-size: 18px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.process-card .process-text {
  background-color: #262629;
  padding: 24px 30px;
  border-radius: 12px;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.process-card .process-text .process-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #FFFFFF;
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
.process-card .process-text p {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  color: #FFFFFF;
}
@media only screen and (min-width:1200px) {
  .process-card .process-text {
    padding: 40px 36px;
    border-radius: 12px;
  }
}
.process-card:hover .number, .process-card:focus .number {
  background-color: #E8BF96;
  color: #1C1D20;
}
.process-card:hover .process-text, .process-card:focus .process-text {
  background-color: #E8BF96;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.process-card:hover .process-text .process-title, .process-card:focus .process-text .process-title {
  color: #1C1D20;
}
.process-card:hover .process-text p, .process-card:focus .process-text p {
  color: #1C1D20;
}

/* Award CSS */
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}

/* FAQ CSS */
.faq-accordion .accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.faq-accordion .accordion-item {
  background-color: #262629;
  border-radius: 12px;
  border: 0;
}
.faq-accordion .accordion-item .accordion-button {
  border-radius: 12px;
  background: transparent;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.4px;
  padding: 20px 30px;
}
@media only screen and (min-width:992px) {
  .faq-accordion .accordion-item .accordion-button {
    font-size: 22px;
  }
}
.faq-accordion .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.faq-accordion .accordion-item .accordion-button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTggMTIuOTk2MUgxM1YxNy45OTYxQzEzIDE4LjI2MTMgMTIuODk0NiAxOC41MTU3IDEyLjcwNzEgMTguNzAzMkMxMi41MTk2IDE4Ljg5MDcgMTIuMjY1MiAxOC45OTYxIDEyIDE4Ljk5NjFDMTEuNzM0OCAxOC45OTYxIDExLjQ4MDQgMTguODkwNyAxMS4yOTI5IDE4LjcwMzJDMTEuMTA1NCAxOC41MTU3IDExIDE4LjI2MTMgMTEgMTcuOTk2MVYxMi45OTYxSDZDNS43MzQ3OCAxMi45OTYxIDUuNDgwNDMgMTIuODkwNyA1LjI5Mjg5IDEyLjcwMzJDNS4xMDUzNiAxMi41MTU3IDUgMTIuMjYxMyA1IDExLjk5NjFDNSAxMS43MzA5IDUuMTA1MzYgMTEuNDc2NSA1LjI5Mjg5IDExLjI4OTBDNS40ODA0MyAxMS4xMDE1IDUuNzM0NzggMTAuOTk2MSA2IDEwLjk5NjFIMTFWNS45OTYwOUMxMSA1LjczMDg4IDExLjEwNTQgNS40NzY1MiAxMS4yOTI5IDUuMjg4OTlDMTEuNDgwNCA1LjEwMTQ1IDExLjczNDggNC45OTYwOSAxMiA0Ljk5NjA5QzEyLjI2NTIgNC45OTYwOSAxMi41MTk2IDUuMTAxNDUgMTIuNzA3MSA1LjI4ODk5QzEyLjg5NDYgNS40NzY1MiAxMyA1LjczMDg4IDEzIDUuOTk2MDlWMTAuOTk2MUgxOEMxOC4yNjUyIDEwLjk5NjEgMTguNTE5NiAxMS4xMDE1IDE4LjcwNzEgMTEuMjg5QzE4Ljg5NDYgMTEuNDc2NSAxOSAxMS43MzA5IDE5IDExLjk5NjFDMTkgMTIuMjYxMyAxOC44OTQ2IDEyLjUxNTcgMTguNzA3MSAxMi43MDMyQzE4LjUxOTYgMTIuODkwNyAxOC4yNjUyIDEyLjk5NjEgMTggMTIuOTk2MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 10px 10px 0 0;
  background-color: #E8BF96;
  color: #1C1D20;
}
.faq-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTggMTIuOTk2MUg2QzUuNzM0NzggMTIuOTk2MSA1LjQ4MDQzIDEyLjg5MDcgNS4yOTI4OSAxMi43MDMyQzUuMTA1MzYgMTIuNTE1NyA1IDEyLjI2MTMgNSAxMS45OTYxQzUgMTEuNzMwOSA1LjEwNTM2IDExLjQ3NjUgNS4yOTI4OSAxMS4yODkwQzUuNDgwNDMgMTEuMTAxNSA1LjczNDc4IDEwLjk5NjEgNiAxMC45OTYxSDE4QzE4LjI2NTIgMTAuOTk2MSAxOC41MTk2IDExLjEwMTUgMTguNzA3MSAxMS4yODkwQzE4Ljg5NDYgMTEuNDc2NSAxOSAxMS43MzA5IDE5IDExLjk5NjFDMTkgMTIuMjYxMyAxOC44OTQ2IDEyLjUxNTcgMTguNzA3MSAxMi43MDMyQzE4LjUxOTYgMTIuODkwNyAxOC4yNjUyIDEyLjk5NjEgMTggMTIuOTk2MVoiIGZpbGw9IiMxQzFEMjAiLz4KPC9zdmc+Cg==");
}
.faq-accordion .accordion-item .accordion-body {
  padding: 20px 30px;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 0 0 10px 10px;
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}

/* Breadcrumb CSS */
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:992px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1400px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:576px) {
}
@media only screen and (min-width:768px) {
}
/* Generated by tests/lots3-7/perf-home-css.mjs; do not edit manually. */