@charset "UTF-8";
/* LawSight Law HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Main Slider
6. Services Section / Two
7. About Section
8. Counter Section
9. Team Section
10. Portfolio Section
11. Form Section
12. News Section
13. Subscribe Section
14. Main Footer
15. Banner Section Two
16. Feature Section / Two
17. Contact Form Section
18. Page Title
19. Services Detail Section
20. Portfolio Masonry
21. Blog Sidebar Widget
22. Map Section
23. Contact Form Section

**********************************************/
@import url("https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/*font-family: 'Poppins', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Open Sans', sans-serif;*/
/*** 


====================================================================
	Reset
====================================================================

 ***/
/* line 47, app/assets/stylesheets/main.scss */
:root {
  --bs-primary: #0d6efd;
  /* Remplacez par votre couleur préférée */
  --bs-primary-dark: #0b5ed7;
  /* Variation plus foncée */
}

/* line 52, app/assets/stylesheets/main.scss */
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/
/* line 67, app/assets/stylesheets/main.scss */
body {
  color: #777777;
  line-height: 1.7em;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

/* line 77, app/assets/stylesheets/main.scss */
.bordered-layout .page-wrapper {
  padding: 0px 50px 0px;
}

/* line 81, app/assets/stylesheets/main.scss */
a {
  text-decoration: none !important;
  cursor: pointer;
  color: #4835ce;
}

/* line 87, app/assets/stylesheets/main.scss */
button,
a:hover, a:focus, a:visited {
  text-decoration: none;
  outline: none !important;
}

/* line 93, app/assets/stylesheets/main.scss */
h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: 'Poppins', sans-serif;
}

/* Typography */
/* line 104, app/assets/stylesheets/main.scss */
h1 {
  font-size: 60px;
}

/* line 108, app/assets/stylesheets/main.scss */
h2 {
  font-size: 40px;
}

/* line 112, app/assets/stylesheets/main.scss */
h3 {
  font-size: 30px;
}

/* line 116, app/assets/stylesheets/main.scss */
h4 {
  font-size: 24px;
}

/* line 120, app/assets/stylesheets/main.scss */
h5 {
  font-size: 20px;
}

/* line 124, app/assets/stylesheets/main.scss */
h6 {
  font-size: 18px;
}

/* line 132, app/assets/stylesheets/main.scss */
textarea {
  overflow: hidden;
}

/* line 136, app/assets/stylesheets/main.scss */
p {
  position: relative;
  line-height: 1.8em;
  font-family: 'Muli', sans-serif;
}

/* line 142, app/assets/stylesheets/main.scss */
.container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

/* line 149, app/assets/stylesheets/main.scss */
.medium-container {
  max-width: 850px;
}

/* line 153, app/assets/stylesheets/main.scss */
.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

/* line 160, app/assets/stylesheets/main.scss */
ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/* line 166, app/assets/stylesheets/main.scss */
img {
  display: inline-block;
  max-width: 100%;
}

/* line 171, app/assets/stylesheets/main.scss */
.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* line 180, app/assets/stylesheets/main.scss */
.centered {
  text-align: center;
}

/*Btn Style One*/
/* line 186, app/assets/stylesheets/main.scss */
.btn-style-one {
  position: relative;
  line-height: 24px;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 50px;
  background-color: #0b5ed7;
  text-transform: uppercase;
  padding: 16px 36px 16px 36px;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0px 10px 20px rgba(212, 169, 109, 0.15);
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 207, app/assets/stylesheets/main.scss */
.btn-style-one:hover {
  color: #ffffff;
  background-image: -ms-linear-gradient(left, #9d7146 0%, #0d6efd 100%);
  background-image: -moz-linear-gradient(left, #9d7146 0%, #0d6efd 100%);
  background-image: -o-linear-gradient(left, #9d7146 0%, #0d6efd 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9d7146), color-stop(100, #0d6efd));
  background-image: -webkit-linear-gradient(left, #9d7146 0%, #0d6efd 100%);
  background-image: linear-gradient(to right, #9d7146 0%, #0d6efd 100%);
}

/*Btn Style Two*/
/* line 219, app/assets/stylesheets/main.scss */
.btn-style-two {
  position: relative;
  padding: 11px 32px 11px;
  line-height: 24px;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  font-weight: 400;
  border-radius: 50px;
  text-transform: capitalize;
  background-color: #191514;
  box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.15);
}

/* line 233, app/assets/stylesheets/main.scss */
.btn-style-two:hover {
  background-color: #9d7146;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
  color: #ffffff;
}

/* Btn Style Three */
/* line 246, app/assets/stylesheets/main.scss */
.btn-style-three {
  position: relative;
  padding: 11px 32px 11px;
  line-height: 24px;
  color: #333333;
  font-size: 15px;
  cursor: pointer;
  font-weight: 400;
  border-radius: 50px;
  text-transform: capitalize;
  background-color: #eeeef6;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

/* line 260, app/assets/stylesheets/main.scss */
.btn-style-three:hover {
  background-color: #9d7146;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
  color: #ffffff;
}

/* line 271, app/assets/stylesheets/main.scss */
.theme_color {
  color: #0d6efd;
}

/* line 275, app/assets/stylesheets/main.scss */
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/../images/logo.jpg);
  background-size: 100px;
}

/* line 277, app/assets/stylesheets/main.scss */
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/*** 

====================================================================
	Section Title
====================================================================

***/
/* line 291, app/assets/stylesheets/main.scss */
.mj-about-section {
  padding: 5rem 0;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/* line 296, app/assets/stylesheets/main.scss */
.mj-about-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* line 302, app/assets/stylesheets/main.scss */
.mj-about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

/* line 309, app/assets/stylesheets/main.scss */
.mj-about-content {
  padding: 2rem;
}

/* line 313, app/assets/stylesheets/main.scss */
.mj-about-header {
  margin-bottom: 2rem;
}

/* line 317, app/assets/stylesheets/main.scss */
.mj-about-tag {
  display: inline-block;
  background: #667eea;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* line 328, app/assets/stylesheets/main.scss */
.mj-about-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #222;
}

/* line 335, app/assets/stylesheets/main.scss */
.mj-about-highlight {
  color: #667eea;
}

/* line 339, app/assets/stylesheets/main.scss */
.mj-about-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #555;
  margin-bottom: 1.5rem;
}

/* line 346, app/assets/stylesheets/main.scss */
.mj-about-icons {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}

/* line 352, app/assets/stylesheets/main.scss */
.mj-about-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #667eea;
}

/* line 360, app/assets/stylesheets/main.scss */
.mj-about-icon-item i {
  font-size: 1.5rem;
}

/* line 364, app/assets/stylesheets/main.scss */
.mj-about-cta {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 369, app/assets/stylesheets/main.scss */
.mj-about-btn {
  background: #25d366;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: filter 0.2s;
}

/* line 378, app/assets/stylesheets/main.scss */
.mj-about-btn:hover {
  filter: brightness(1.1);
}

/* line 381, app/assets/stylesheets/main.scss */
.mj-about-phone {
  font-weight: 600;
  color: #222;
}

/* line 386, app/assets/stylesheets/main.scss */
.mj-about-image {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  max-height: 600px;
}

/* line 393, app/assets/stylesheets/main.scss */
.mj-about-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 398, app/assets/stylesheets/main.scss */
.mj-about-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 406, app/assets/stylesheets/main.scss */
.mj-about-stat {
  text-align: center;
  color: #fff;
}

/* line 410, app/assets/stylesheets/main.scss */
.mj-about-stat-number {
  font-size: 3rem;
  font-weight: 700;
}

/* line 414, app/assets/stylesheets/main.scss */
.mj-about-stat-text {
  font-size: 1rem;
  letter-spacing: 1px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  /* line 421, app/assets/stylesheets/main.scss */
  .mj-about-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
  /* line 425, app/assets/stylesheets/main.scss */
  .mj-about-icons {
    justify-content: center;
  }
  /* line 428, app/assets/stylesheets/main.scss */
  .mj-about-cta {
    flex-direction: column;
    gap: 1rem;
  }
}

/* line 434, app/assets/stylesheets/main.scss */
.section-title {
  position: relative;
  z-index: 1;
  margin-bottom: 35px;
}

/* line 440, app/assets/stylesheets/main.scss */
.section-title .title {
  position: relative;
  font-size: 14px;
  color: #0b5ed7;
  font-weight: 400;
  letter-spacing: 3px;
  margin-bottom: 12px;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}

/* line 451, app/assets/stylesheets/main.scss */
.section-title h3 {
  position: relative;
  color: #191514;
  font-weight: 700;
  line-height: 1.4em;
  padding-bottom: 22px;
  font-family: 'Poppins', sans-serif;
}

/* line 460, app/assets/stylesheets/main.scss */
.section-title h3 span {
  position: relative;
  color: #0d6efd;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  background: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 470, app/assets/stylesheets/main.scss */
.section-title h3:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 40px;
  height: 3px;
  background-color: #d4a86c;
}

/* line 480, app/assets/stylesheets/main.scss */
.section-title .text {
  position: relative;
  font-size: 14px;
  line-height: 1.9em;
  color: #555555;
  margin-top: 10px;
}

/* line 488, app/assets/stylesheets/main.scss */
.section-title.centered .big-title,
.section-title.centered {
  text-align: center;
}

/* line 493, app/assets/stylesheets/main.scss */
.section-title.centered h3:after {
  left: 50%;
  margin-left: -20px;
}

/* line 498, app/assets/stylesheets/main.scss */
.section-title.light .text {
  color: #999999;
}

/* line 502, app/assets/stylesheets/main.scss */
.section-title.light h3 {
  color: #ffffff;
}

/* List Style One */
/* line 508, app/assets/stylesheets/main.scss */
.list-style-one {
  position: relative;
  z-index: 1;
}

/* line 513, app/assets/stylesheets/main.scss */
.list-style-one li {
  position: relative;
  color: #191514;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-left: 30px;
  line-height: 1.5em;
  font-family: 'Muli', sans-serif;
}

/* line 524, app/assets/stylesheets/main.scss */
.list-style-one li:before {
  position: absolute;
  content: "\f16a";
  left: 0px;
  top: 0px;
  color: #191514;
  font-family: "Flaticon";
}

/* List Style Two */
/* line 535, app/assets/stylesheets/main.scss */
.list-style-two {
  position: relative;
  z-index: 1;
}

/* line 540, app/assets/stylesheets/main.scss */
.list-style-two li {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.7em;
  padding-left: 52px;
}

/* line 550, app/assets/stylesheets/main.scss */
.list-style-two li .icon {
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 28px;
  color: #0d6efd;
  margin-right: 15px;
  background: linear-gradient(to left, #0d6efd 0%, #0b5ed7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 562, app/assets/stylesheets/main.scss */
.list-style-two.style-two li {
  color: #191514;
  font-size: 16px;
}

/* List Style Three */
/* line 569, app/assets/stylesheets/main.scss */
.list-style-three {
  position: relative;
}

/* line 573, app/assets/stylesheets/main.scss */
.list-style-three li {
  position: relative;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  padding-left: 25px;
}

/* line 582, app/assets/stylesheets/main.scss */
.list-style-three li .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #999999;
  font-size: 14px;
}

/* List Style Four */
/* line 592, app/assets/stylesheets/main.scss */
.list-style-four {
  position: relative;
  z-index: 1;
}

/* line 597, app/assets/stylesheets/main.scss */
.list-style-four li {
  position: relative;
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
  padding-left: 60px;
  line-height: 1.5em;
}

/* line 607, app/assets/stylesheets/main.scss */
.list-style-four li strong {
  position: relative;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 2px;
}

/* line 616, app/assets/stylesheets/main.scss */
.list-style-four li .icon {
  position: absolute;
  left: 0px;
  top: 10px;
  color: #9f7348;
  font-size: 40px;
}

/* List Style Five */
/* line 626, app/assets/stylesheets/main.scss */
.list-style-five {
  position: relative;
}

/* line 630, app/assets/stylesheets/main.scss */
.list-style-five li {
  position: relative;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 25px;
}

/* line 639, app/assets/stylesheets/main.scss */
.list-style-five li:before {
  position: absolute;
  content: "\f042";
  left: 0px;
  top: 1px;
  font-size: 14px;
  color: #666666;
  font-family: 'FontAwesome';
}

/* List Style Six */
/* line 651, app/assets/stylesheets/main.scss */
.list-style-six {
  position: relative;
}

/* line 655, app/assets/stylesheets/main.scss */
.list-style-six li {
  position: relative;
  color: #666666;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
  padding-left: 32px;
  line-height: 1.7em;
}

/* line 665, app/assets/stylesheets/main.scss */
.list-style-six li .icon {
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 22px;
  color: #0d6efd;
  line-height: 1em;
  background: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* List Style Seven */
/* line 679, app/assets/stylesheets/main.scss */
.list-style-seven {
  position: relative;
}

/* line 683, app/assets/stylesheets/main.scss */
.list-style-seven li {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
  padding-left: 35px;
  line-height: 1.7em;
}

/* line 693, app/assets/stylesheets/main.scss */
.list-style-seven li .icon {
  position: absolute;
  left: 0px;
  top: 2px;
  color: #b38856;
  font-size: 25px;
}

/*** 

====================================================================
	Servuces Section
====================================================================

***/
/* line 709, app/assets/stylesheets/main.scss */
.services-section {
  position: relative;
  padding: 90px 0px 50px;
  background-color: #191514;
}

/* line 715, app/assets/stylesheets/main.scss */
.services-section .icon-one {
  position: absolute;
  left: 30px;
  bottom: 0px;
  width: 350px;
  height: 224px;
  background-repeat: no-repeat;
}

/* line 724, app/assets/stylesheets/main.scss */
.services-section .icon-two {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 146px;
  height: 317px;
  background-repeat: no-repeat;
}

/* Services Block */
/* line 735, app/assets/stylesheets/main.scss */
.services-block {
  position: relative;
  margin-bottom: 35px;
}

/* line 740, app/assets/stylesheets/main.scss */
.services-block .inner-box {
  position: relative;
  padding: 30px 35px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 750, app/assets/stylesheets/main.scss */
.services-block .inner-box .border-one:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 0px;
  height: 2px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 765, app/assets/stylesheets/main.scss */
.services-block .inner-box .border-one:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 2px;
  height: 0px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 780, app/assets/stylesheets/main.scss */
.services-block .inner-box:hover .border-one:before {
  width: 100%;
}

/* line 784, app/assets/stylesheets/main.scss */
.services-block .inner-box:hover .border-one:after {
  height: 100%;
}

/* line 788, app/assets/stylesheets/main.scss */
.services-block .inner-box .border-two:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 2px;
  height: 0px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 803, app/assets/stylesheets/main.scss */
.services-block .inner-box .border-two:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 818, app/assets/stylesheets/main.scss */
.services-block .inner-box:hover .border-two:before {
  height: 100%;
}

/* line 822, app/assets/stylesheets/main.scss */
.services-block .inner-box:hover .border-two:after {
  width: 100%;
}

/* line 826, app/assets/stylesheets/main.scss */
.services-block .inner-box .content {
  position: relative;
  padding-left: 60px;
}

/* line 831, app/assets/stylesheets/main.scss */
.services-block .inner-box .icon-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  color: #ffffff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  font-weight: 400;
  background-color: #9a7f59;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 851, app/assets/stylesheets/main.scss */
.services-block .inner-box .content h6 {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 10px;
}

/* line 859, app/assets/stylesheets/main.scss */
.services-block .inner-box .content h6 a {
  position: relative;
  color: #ffffff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* line 869, app/assets/stylesheets/main.scss */
.services-block .inner-box .content h6 a:hover {
  color: #d4a96d;
}

/* line 873, app/assets/stylesheets/main.scss */
.services-block .inner-box .content .text {
  position: relative;
  color: #999999;
  font-size: 14px;
  line-height: 1.8em;
}

/* line 880, app/assets/stylesheets/main.scss */
.services-block.style-two .inner-box {
  background-color: #252120;
}

/*** 

====================================================================
	About Section
====================================================================

***/
/* line 892, app/assets/stylesheets/main.scss */
.about-section {
  position: relative;
  padding: 110px 0px 80px;
}

/* line 897, app/assets/stylesheets/main.scss */
.about-section .image-layer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 846px;
  height: 638px;
}

/* line 905, app/assets/stylesheets/main.scss */
.about-section .image-layer:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 914, app/assets/stylesheets/main.scss */
.about-section .content-column {
  position: relative;
}

/* line 918, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column {
  position: relative;
  margin-bottom: 40px;
}

/* line 923, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .section-title {
  margin-bottom: 30px;
}

/* line 927, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .text {
  position: relative;
  margin-bottom: 35px;
}

/* line 932, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .text p {
  position: relative;
  font-size: 16px;
  color: #191514;
  line-height: 1.6em;
  margin-bottom: 18px;
}

/* line 940, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .text p span {
  color: #a17448;
  text-decoration: underline;
}

/* line 945, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .text p a {
  text-decoration: underline;
}

/* line 949, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .text p:last-child {
  margin-bottom: 0px;
}

/* line 953, app/assets/stylesheets/main.scss */
.about-section .content-column .question {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #191514;
  margin-top: 22px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #b7b7b7;
}

/* line 964, app/assets/stylesheets/main.scss */
.about-section .content-column .question a {
  position: relative;
  color: #191514;
  text-decoration: underline;
}

/* line 970, app/assets/stylesheets/main.scss */
.about-section .content-column .question strong {
  position: relative;
  color: #191514;
  font-size: 24px;
  font-weight: 700;
  margin-left: 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
}

/* line 981, app/assets/stylesheets/main.scss */
.about-section .content-column .question .or {
  position: relative;
  margin-left: 5px;
  color: #191514;
  display: inline-block;
}

/* line 988, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .signature {
  position: relative;
  padding-left: 165px;
  padding-top: 20px;
  min-height: 105px;
}

/* line 995, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .signature .signature-img {
  position: absolute;
  left: 0px;
  top: 0px;
}

/* line 1001, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .signature h5 {
  position: relative;
  color: #191514;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
}

/* line 1009, app/assets/stylesheets/main.scss */
.about-section .content-column .inner-column .signature .designation {
  position: relative;
  color: #7a7a7a;
  font-size: 16px;
  margin-top: 4px;
}

/* line 1016, app/assets/stylesheets/main.scss */
.about-section .image-column {
  position: relative;
  margin-bottom: 40px;
}

/* line 1021, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column {
  position: relative;
  margin-left: 60px;
  padding-top: 120px;
}

/* line 1027, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column.style-two {
  padding-top: 60px;
}

/* line 1031, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column .image {
  position: relative;
  max-width: 300px;
  width: 100%;
}

/* line 1037, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

/* line 1043, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column .image .overlay-box {
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  padding: 0px 30px 60px;
  background-color: rgba(255, 255, 255, 0.9);
}

/* line 1053, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column .image .overlay-box .content {
  position: absolute;
  left: 20px;
  bottom: 60px;
}

/* line 1059, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column .image .overlay-box .content h2 {
  position: relative;
  font-weight: 700;
  font-size: 120px;
  line-height: 80px;
  color: #000000;
}

/* line 1067, app/assets/stylesheets/main.scss */
.about-section .image-column .inner-column .image .overlay-box .content h2 span {
  font-weight: 400;
  display: block;
  font-size: 24px;
  color: #000000;
}

/*** 

====================================================================
	Servuces Section Two
====================================================================

***/
/* line 1082, app/assets/stylesheets/main.scss */
.services-section-two {
  position: relative;
  padding-top: 105px;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* line 1090, app/assets/stylesheets/main.scss */
.services-section-two:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 1100, app/assets/stylesheets/main.scss */
.services-section-two .row {
  margin: 0px -17px;
}

/* line 1104, app/assets/stylesheets/main.scss */
.services-section-two .services-block-two {
  padding: 0px 17px;
}

/* line 1108, app/assets/stylesheets/main.scss */
.services-block-two {
  position: relative;
  margin-bottom: 35px;
}

/* line 1113, app/assets/stylesheets/main.scss */
.services-block-two .inner-box {
  position: relative;
  text-align: center;
  padding: 35px 30px 35px;
  border: 2px dotted rgba(255, 255, 255, 0.15);
}

/* line 1120, app/assets/stylesheets/main.scss */
.services-block-two.style-two .inner-box {
  border-color: #c9c9c9;
}

/* line 1124, app/assets/stylesheets/main.scss */
.services-block-two.style-two .inner-box h3 {
  color: #191514;
}

/* line 1128, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .icon-box {
  position: relative;
}

/* line 1132, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .icon-box .icon {
  position: relative;
  font-size: 52px;
  color: #0d6efd;
  line-height: 1em;
  background: linear-gradient(to top, #0d6efd 0%, #0b5ed7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 1142, app/assets/stylesheets/main.scss */
.services-block-two .inner-box h3 {
  position: relative;
  font-size: 20px;
  color: #f9f8f8;
  font-weight: 600;
  line-height: 1.4em;
  margin: 20px 0px 15px;
  letter-spacing: 1px;
}

/* line 1152, app/assets/stylesheets/main.scss */
.services-block-two .inner-box h3 a {
  position: relative;
  color: #f9f8f8;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* line 1162, app/assets/stylesheets/main.scss */
.services-block-two .inner-box h3 a:hover {
  color: #d2a76b;
}

/* line 1166, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .text {
  position: relative;
  color: #999999;
  font-size: 14px;
  line-height: 1.9em;
}

/* line 1173, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box {
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background-image: -ms-linear-gradient(top, #87E067 0%, #1bda99 100%);
  background-image: -moz-linear-gradient(top, #87E067 0%, #1bda99 100%);
  background-image: -o-linear-gradient(top, #87E067 0%, #1bda99 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87E067), color-stop(100, #1bda99));
  background-image: -webkit-linear-gradient(top, #87E067 0%, #1bda99 100%);
  background-image: linear-gradient(to bottom, #87E067 0%, #1bda99 100%);
}

/* line 1199, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 1209, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 30px;
}

/* line 1220, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

/* line 1226, app/assets/stylesheets/main.scss */
.services-block-two .inner-box:hover .overlay-box {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
  visibility: visible;
}

/* line 1236, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box .icon {
  position: relative;
  font-size: 52px;
  color: #0d6efd;
  line-height: 1em;
  background: linear-gradient(to top, #0d6efd 0%, #0b5ed7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 1246, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box h4 {
  position: relative;
  font-size: 20px;
  color: #f9f8f8;
  font-weight: 600;
  line-height: 1.4em;
  margin: 20px 0px 22px;
  letter-spacing: 1px;
}

/* line 1256, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box h4 a {
  position: relative;
  color: #f9f8f8;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* line 1266, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box h4 a:hover {
  color: #d2a76b;
}

/* line 1270, app/assets/stylesheets/main.scss */
.services-block-two .inner-box .overlay-box .overlay-text {
  position: relative;
  color: #999999;
  font-size: 14px;
  line-height: 1.9em;
  margin-bottom: 20px;
}

/* line 1278, app/assets/stylesheets/main.scss */
.services-section-two .lower-section {
  position: relative;
  padding-top: 80px;
  padding-bottom: 120px;
}

/* line 1284, app/assets/stylesheets/main.scss */
.services-section-two .lower-section .image {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

/* line 1290, app/assets/stylesheets/main.scss */
.services-section-two .lower-section .carousel-box {
  position: relative;
  max-width: 780px;
  width: 100%;
  display: block;
  z-index: 1;
}

/* line 1298, app/assets/stylesheets/main.scss */
.services-section-two .lower-section .carousel-box .content {
  position: relative;
  padding: 60px 70px 70px;
  background-image: -ms-linear-gradient(left, #0F0F0F 0%, #383838 100%);
  background-image: -moz-linear-gradient(left, #0F0F0F 0%, #383838 100%);
  background-image: -o-linear-gradient(left, #0F0F0F 0%, #383838 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0F0F0F), color-stop(100, #383838));
  background-image: -webkit-linear-gradient(left, #0F0F0F 0%, #383838 100%);
  background-image: linear-gradient(to right, #0F0F0F 0%, #383838 100%);
}

/* line 1309, app/assets/stylesheets/main.scss */
.services-section-two .lower-section .owl-carousel .owl-stage-outer {
  padding-top: 35px;
}

/*** 

====================================================================
	Counter Section
====================================================================

***/
/* line 1323, app/assets/stylesheets/main.scss */
.counter-section {
  position: relative;
  padding: 110px 0px 80px;
}

/* line 1328, app/assets/stylesheets/main.scss */
.counter-section.style-two {
  padding-top: 0px;
}

/* line 1332, app/assets/stylesheets/main.scss */
.counter-section .icon-one {
  position: absolute;
  left: 30px;
  bottom: 0px;
  width: 313px;
  height: 212px;
  background-repeat: no-repeat;
}

/* line 1341, app/assets/stylesheets/main.scss */
.counter-section .icon-two {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 301px;
  height: 495px;
  background-repeat: no-repeat;
}

/* line 1350, app/assets/stylesheets/main.scss */
.counter-section .title-box {
  position: relative;
}

/* line 1354, app/assets/stylesheets/main.scss */
.counter-section .title-box p {
  position: relative;
  color: #191514;
  font-size: 16px;
  line-height: 1.8em;
  padding-top: 30px;
}

/*Fact Counter*/
/* line 1364, app/assets/stylesheets/main.scss */
.fact-counter {
  position: relative;
}

/* line 1368, app/assets/stylesheets/main.scss */
.fact-counter .column {
  position: relative;
  z-index: 5;
  margin-bottom: 30px;
}

/* line 1374, app/assets/stylesheets/main.scss */
.fact-counter .column .inner {
  position: relative;
  text-align: center;
  padding: 40px 10px;
  background-color: #191514;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

/* line 1386, app/assets/stylesheets/main.scss */
.fact-counter .column:nth-child(1) .inner,
.fact-counter .column:nth-child(3) .inner {
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #9d7146));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 1396, app/assets/stylesheets/main.scss */
.fact-counter .count-outer {
  position: relative;
  font-weight: 700;
  color: #f4f4f4;
  font-size: 30px;
  font-family: 'Poppins', sans-serif;
}

/* line 1404, app/assets/stylesheets/main.scss */
.fact-counter .count-outer .count-text {
  position: relative;
  font-weight: 700;
  color: #f4f4f4;
  font-size: 30px;
  font-family: 'Poppins', sans-serif;
}

/* line 1412, app/assets/stylesheets/main.scss */
.fact-counter .column .counter-title {
  position: relative;
  font-size: 22px;
  font-weight: 400;
  color: #f4f4f4;
  margin-top: 14px;
  text-transform: capitalize;
  display: block;
}

/* line 1422, app/assets/stylesheets/main.scss */
.fact-counter .count-outer .text {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  margin-top: 6px;
  font-weight: 400;
}

/* line 1430, app/assets/stylesheets/main.scss */
.fact-counter.style-two {
  padding-top: 50px;
}

/* line 1434, app/assets/stylesheets/main.scss */
.fact-counter.style-two .column .inner {
  background: none;
  padding: 0px;
}

/* line 1439, app/assets/stylesheets/main.scss */
.fact-counter.style-two .count-outer {
  color: #9d7146;
}

/* line 1443, app/assets/stylesheets/main.scss */
.fact-counter.style-two .count-outer .count-text {
  color: #0d6efd;
  background: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 1450, app/assets/stylesheets/main.scss */
.fact-counter.style-two .column .counter-title {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}

/* line 1456, app/assets/stylesheets/main.scss */
.fact-counter.style-two .count-outer .text {
  color: #999999;
  font-size: 15px;
}

/* Style Three */
/* line 1463, app/assets/stylesheets/main.scss */
.fact-counter.style-three .column .inner {
  background: none;
  padding: 0px;
}

/* line 1468, app/assets/stylesheets/main.scss */
.fact-counter.style-three .count-outer .icon {
  display: block;
  color: #0d6efd;
  line-height: 1em;
  margin-bottom: 22px;
  font-size: 34px;
  font-weight: 400;
  background: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 1480, app/assets/stylesheets/main.scss */
.fact-counter.style-three .count-outer {
  color: #191514;
}

/* line 1484, app/assets/stylesheets/main.scss */
.fact-counter.style-three .count-outer .count-text {
  color: #191514;
}

/* line 1488, app/assets/stylesheets/main.scss */
.fact-counter.style-three .column .counter-title {
  color: #999999;
  font-size: 18px;
}

/*** 

====================================================================
	News Section
====================================================================

***/
/* line 1502, app/assets/stylesheets/main.scss */
.news-section {
  position: relative;
  padding-top: 110px;
}

/* line 1507, app/assets/stylesheets/main.scss */
.news-section.style-two {
  padding-top: 80px;
}

/* line 1511, app/assets/stylesheets/main.scss */
.news-section .section-title .text {
  max-width: 560px;
  padding-top: 30px;
  padding-left: 15px;
}

/* line 1517, app/assets/stylesheets/main.scss */
.news-section .section-title {
  margin-bottom: 60px;
}

/* line 1521, app/assets/stylesheets/main.scss */
.news-block {
  position: relative;
  margin-bottom: 30px;
}

/* line 1526, app/assets/stylesheets/main.scss */
.news-block .inner-box {
  position: relative;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

/* line 1536, app/assets/stylesheets/main.scss */
.news-block .inner-box .image {
  position: relative;
  overflow: hidden;
}

/* line 1541, app/assets/stylesheets/main.scss */
.news-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

/* line 1547, app/assets/stylesheets/main.scss */
.news-block .inner-box .image .overlay-box {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

/* line 1562, app/assets/stylesheets/main.scss */
.news-block .inner-box .image .overlay-box .plus {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 54px;
  color: #ffffff;
  font-size: 18px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  margin-left: -27px;
  margin-top: -27px;
  transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  display: inline-block;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #9d7146));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #9d7146 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 1595, app/assets/stylesheets/main.scss */
.news-block .inner-box:hover .image .overlay-box .plus {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}

/* line 1603, app/assets/stylesheets/main.scss */
.news-block .inner-box .image .overlay-box:before {
  position: absolute;
  content: '';
  left: -100%;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  display: block;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: rgba(0, 0, 0, 0.85);
}

/* line 1620, app/assets/stylesheets/main.scss */
.news-block .inner-box:hover .image .overlay-box:before {
  left: 0%;
}

/* line 1624, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content {
  position: relative;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  padding: 30px 30px 35px;
}

/* line 1634, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content .post-meta {
  position: relative;
}

/* line 1638, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content .post-meta li {
  position: relative;
  margin-right: 20px;
  color: #999999;
  font-size: 14px;
  padding-left: 22px;
  display: inline-block;
}

/* line 1647, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content .post-meta li:last-child {
  margin-right: 0px;
}

/* line 1651, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content .post-meta li .fa {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #999999;
  font-size: 14px;
}

/* line 1659, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content h5 {
  position: relative;
  font-weight: 700;
  line-height: 1.6em;
  margin-top: 8px;
  margin-bottom: 24px;
}

/* line 1667, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content h5 a {
  position: relative;
  color: #373434;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

/* line 1677, app/assets/stylesheets/main.scss */
.news-block .inner-box .lower-content h5 a:hover {
  color: #0d6efd;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/
/* line 1690, app/assets/stylesheets/main.scss */
.main-footer {
  position: relative;
  padding: 95px 0px 0px;
  background-color: #191514;
}

/* line 1696, app/assets/stylesheets/main.scss */
.main-footer .footer-widget {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

/* line 1702, app/assets/stylesheets/main.scss */
.main-footer .widgets-section {
  position: relative;
  padding-bottom: 40px;
}

/* line 1707, app/assets/stylesheets/main.scss */
.main-footer .footer-widget h4 {
  position: relative;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2em;
  margin-bottom: 25px;
  text-transform: uppercase;
}

/* line 1716, app/assets/stylesheets/main.scss */
.main-footer .logo-widget {
  position: relative;
}

/* line 1720, app/assets/stylesheets/main.scss */
.main-footer .logo-widget .logo {
  position: relative;
  margin-bottom: 25px;
}

/* line 1725, app/assets/stylesheets/main.scss */
.main-footer .logo-widget .text {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.9em;
  margin-bottom: 30px;
}

/* List Link */
/* line 1736, app/assets/stylesheets/main.scss */
.list-link {
  position: relative;
}

/* line 1740, app/assets/stylesheets/main.scss */
.list-link li {
  position: relative;
  margin-bottom: 15px;
}

/* line 1745, app/assets/stylesheets/main.scss */
.list-link li a {
  position: relative;
  color: #999999;
  font-size: 14px;
  padding-left: 15px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* line 1757, app/assets/stylesheets/main.scss */
.list-link li a:hover {
  color: #ffffff;
  margin-left: 8px;
  text-decoration: underline;
}

/* line 1763, app/assets/stylesheets/main.scss */
.list-link li a:before {
  position: absolute;
  content: "\f105";
  left: 0px;
  top: -3px;
  font-family: 'FontAwesome';
}

/*Gallery Widget*/
/* line 1773, app/assets/stylesheets/main.scss */
.main-footer .gallery-widget {
  position: relative;
}

/* line 1777, app/assets/stylesheets/main.scss */
.main-footer .gallery-widget .images-outer {
  position: relative;
  margin: 0px -3px;
}

/* line 1782, app/assets/stylesheets/main.scss */
.main-footer .gallery-widget .image-box {
  position: relative;
  float: left;
  width: 33.333%;
  padding: 0px 3px;
  margin-bottom: 6px;
}

/* line 1790, app/assets/stylesheets/main.scss */
.main-footer .gallery-widget .image-box img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* line 1801, app/assets/stylesheets/main.scss */
.main-footer .gallery-widget .image-box img:hover {
  opacity: 0.70;
}

/* line 1805, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom {
  position: relative;
  padding: 18px 0px;
  background-color: #0b0505;
}

/* line 1811, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .copyright-column {
  position: relative;
}

/* line 1815, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .copyright-column .copyright {
  position: relative;
  color: #999999;
  font-size: 14px;
}

/* line 1821, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .copyright-column .copyright a {
  color: #ffffff;
}

/* line 1825, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .social-column {
  position: relative;
  text-align: right;
}

/* line 1830, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .social-column ul {
  position: relative;
}

/* line 1834, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .social-column ul li {
  position: relative;
  margin-left: 8px;
  display: inline-block;
}

/* line 1840, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .social-column ul li.follow {
  color: #999999;
  font-size: 14px;
}

/* line 1845, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .social-column ul li a {
  position: relative;
  color: #999999;
  font-size: 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* line 1856, app/assets/stylesheets/main.scss */
.main-footer .footer-bottom .social-column ul li a:hover {
  color: #0d6efd;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/
/* line 1868, app/assets/stylesheets/main.scss */
.banner-section-two {
  position: relative;
  padding-top: 150px;
}

/* line 1873, app/assets/stylesheets/main.scss */
.banner-section-two .left-side {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30%;
  height: 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 1889, app/assets/stylesheets/main.scss */
.banner-section-two .left-side .icon-image {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 417px;
  height: 334px;
  z-index: 1;
  background: url(/../images/icons/icon-5.png) no-repeat;
}

/* line 1899, app/assets/stylesheets/main.scss */
.banner-section-two .image-column {
  position: relative;
  z-index: 1;
}

/* line 1904, app/assets/stylesheets/main.scss */
.banner-section-two .image-column .image {
  position: relative;
}

/* line 1908, app/assets/stylesheets/main.scss */
.banner-section-two .image-column .image img {
  position: relative;
}

/* line 1912, app/assets/stylesheets/main.scss */
.banner-section-two .content-column {
  position: relative;
}

/* line 1916, app/assets/stylesheets/main.scss */
.banner-section-two .content-column .inner-column {
  position: relative;
  padding-top: 115px;
}

/* line 1921, app/assets/stylesheets/main.scss */
.banner-section-two .content-column h2 {
  position: relative;
  color: #ffffff;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2em;
  padding-bottom: 15px;
}

/* line 1930, app/assets/stylesheets/main.scss */
.banner-section-two .content-column h2:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 75px;
  height: 3px;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 1945, app/assets/stylesheets/main.scss */
.banner-section-two .content-column h2:after {
  position: absolute;
  content: '';
  left: 85px;
  bottom: 0px;
  right: 80px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 1955, app/assets/stylesheets/main.scss */
.banner-section-two .content-column .text {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.7em;
  margin-top: 35px;
  margin-bottom: 35px;
}

/* line 1964, app/assets/stylesheets/main.scss */
.banner-section-two .owl-dots {
  display: none;
}

/* line 1968, app/assets/stylesheets/main.scss */
.banner-section-two .owl-nav {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 99;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* line 1981, app/assets/stylesheets/main.scss */
.banner-section-two:hover .owl-nav {
  opacity: 1;
}

/* line 1985, app/assets/stylesheets/main.scss */
.banner-section-two .owl-prev,
.banner-section-two .owl-next {
  position: relative;
  height: 60px;
  width: 60px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  line-height: 58px;
  margin-left: 4px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* line 2006, app/assets/stylesheets/main.scss */
.banner-section-two .owl-prev:hover,
.banner-section-two .owl-next:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #d3a86c;
}

/*** 

====================================================================
	Feature Section
====================================================================

***/
/* line 2021, app/assets/stylesheets/main.scss */
.feature-section {
  position: relative;
}

/* line 2025, app/assets/stylesheets/main.scss */
.feature-section .inner-container {
  position: relative;
  margin-top: -95px;
}

/* line 2030, app/assets/stylesheets/main.scss */
.feature-section .feature-block {
  float: left;
  z-index: 1;
  padding: 0px;
}

/* line 2036, app/assets/stylesheets/main.scss */
.feature-block {
  position: relative;
}

/* line 2040, app/assets/stylesheets/main.scss */
.feature-block .inner-box {
  position: relative;
  padding: 50px 40px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

/* line 2048, app/assets/stylesheets/main.scss */
.feature-block .inner-box:before {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  width: 0px;
  height: 100%;
  background-color: #191514;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

/* line 2063, app/assets/stylesheets/main.scss */
.feature-block .inner-box:hover:before {
  width: 100%;
}

/* line 2067, app/assets/stylesheets/main.scss */
.feature-block .inner-box .big-icon {
  position: absolute;
  right: -120px;
  top: -10px;
  line-height: 1em;
  font-size: 90px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

/* line 2081, app/assets/stylesheets/main.scss */
.feature-block .inner-box:hover .big-icon {
  right: -20px;
  transition-delay: 500ms;
}

/* line 2086, app/assets/stylesheets/main.scss */
.feature-block .inner-box .content {
  position: relative;
  padding-left: 62px;
}

/* line 2091, app/assets/stylesheets/main.scss */
.feature-block .inner-box .content .icon-box {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 36px;
  line-height: 1em;
  color: #0d6efd;
  line-height: 1em;
  background: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 2104, app/assets/stylesheets/main.scss */
.feature-block .inner-box .content .title {
  position: relative;
  color: #999999;
  font-size: 18px;
  font-weight: 500;
}

/* line 2111, app/assets/stylesheets/main.scss */
.feature-block .inner-box .content h4 {
  position: relative;
  color: #191514;
  font-size: 26px;
  font-weight: 700;
  margin-top: 4px;
  line-height: 1.3em;
  display: inline-block;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

/* line 2126, app/assets/stylesheets/main.scss */
.feature-block .inner-box:hover .content h4 {
  color: #ffffff;
}

/*** 

====================================================================
	Feature Section Two
====================================================================

***/
/* line 2138, app/assets/stylesheets/main.scss */
.feature-section-two {
  position: relative;
  padding-bottom: 80px;
}

/* line 2143, app/assets/stylesheets/main.scss */
.feature-section-two .inner-container {
  position: relative;
  padding-top: 45px;
  border-top: 5px solid #e1e1e1;
}

/* line 2149, app/assets/stylesheets/main.scss */
.feature-block-two .fill-line {
  position: absolute;
  left: 15px;
  top: -50px;
  width: 0px;
  height: 5px;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 2168, app/assets/stylesheets/main.scss */
.feature-block-two:hover .fill-line {
  width: 50%;
  margin-left: -11px;
}

/* line 2173, app/assets/stylesheets/main.scss */
.feature-block-two {
  position: relative;
  margin-bottom: 30px;
}

/* line 2178, app/assets/stylesheets/main.scss */
.feature-block-two .inner-box {
  position: relative;
  text-align: center;
}

/* line 2183, app/assets/stylesheets/main.scss */
.feature-block-two .inner-box .year {
  position: absolute;
  top: -90px;
  left: 0px;
  right: 0px;
  text-align: center;
  color: #191514;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3em;
}

/* line 2195, app/assets/stylesheets/main.scss */
.feature-block-two .inner-box .year:before {
  position: absolute;
  content: '';
  width: 22px;
  height: 22px;
  left: 50%;
  bottom: -35px;
  border-radius: 50%;
  margin-left: -11px;
  background-color: #e1e1e1;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

/* line 2208, app/assets/stylesheets/main.scss */
.feature-block-two .inner-box h3 {
  position: relative;
  color: #191514;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3em;
  opacity: 0.4;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* line 2222, app/assets/stylesheets/main.scss */
.feature-block-two .inner-box .text {
  position: relative;
  color: #191514;
  font-size: 14px;
  line-height: 1.9em;
  margin-top: 12px;
  opacity: 0.4;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* line 2236, app/assets/stylesheets/main.scss */
.feature-block-two .inner-box:hover h3,
.feature-block-two .inner-box:hover .text {
  opacity: 1;
}

/* Services Block */
/* line 2243, app/assets/stylesheets/main.scss */
.services-block-three {
  position: relative;
  margin-bottom: 35px;
}

/* line 2248, app/assets/stylesheets/main.scss */
.services-block-three .inner-box {
  position: relative;
  padding: 30px 35px;
  background-color: #252120;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 2259, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .border-one:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 0px;
  height: 2px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 2274, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .border-one:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 2px;
  height: 0px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 2289, app/assets/stylesheets/main.scss */
.services-block-three .inner-box:hover .border-one:before {
  width: 100%;
}

/* line 2293, app/assets/stylesheets/main.scss */
.services-block-three .inner-box:hover .border-one:after {
  height: 100%;
}

/* line 2297, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .border-two:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 2px;
  height: 0px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 2312, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .border-two:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background-color: #d4a96d;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

/* line 2327, app/assets/stylesheets/main.scss */
.services-block-three .inner-box:hover .border-two:before {
  height: 100%;
}

/* line 2331, app/assets/stylesheets/main.scss */
.services-block-three .inner-box:hover .border-two:after {
  width: 100%;
}

/* line 2335, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .content {
  position: relative;
  padding-left: 60px;
}

/* line 2340, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .icon-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  color: #ffffff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  font-weight: 400;
  background-color: #9a7f59;
  background-image: -ms-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -moz-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -o-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d6efd), color-stop(100, #0b5ed7));
  background-image: -webkit-linear-gradient(left, #0d6efd 0%, #0b5ed7 100%);
  background-image: linear-gradient(to right, #0d6efd 0%, #0a58ca 100%);
}

/* line 2360, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .content h6 {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 10px;
}

/* line 2368, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .content h6 a {
  position: relative;
  color: #ffffff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* line 2378, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .content h6 a:hover {
  color: #d4a96d;
}

/* line 2382, app/assets/stylesheets/main.scss */
.services-block-three .inner-box .content .text {
  position: relative;
  color: #999999;
  font-size: 14px;
  line-height: 1.8em;
}

/* line 2389, app/assets/stylesheets/main.scss */
.services-block-three .inner-box:hover {
  background: none;
}

/* line 2393, app/assets/stylesheets/main.scss */
.services-section-three .image-column {
  position: relative;
  margin-bottom: 40px;
}

/* line 2398, app/assets/stylesheets/main.scss */
.services-section-three .image-column .inner-column {
  position: relative;
  margin-left: -30px;
}

/* line 2403, app/assets/stylesheets/main.scss */
.services-section-three .image-column .inner-column .image {
  position: relative;
  max-width: 300px;
  width: 100%;
  float: right;
}

/* line 2410, app/assets/stylesheets/main.scss */
.services-section-three .image-column .inner-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

/* line 2416, app/assets/stylesheets/main.scss */
.services-section-three .image-column .inner-column .image .overlay-box {
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  padding: 0px 30px 60px;
  background-color: rgba(255, 255, 255, 0.95);
}

/* line 2426, app/assets/stylesheets/main.scss */
.services-section-three .image-column .inner-column .image .overlay-box .content {
  position: absolute;
  left: 20px;
  bottom: 60px;
}

/* line 2432, app/assets/stylesheets/main.scss */
.services-section-three .image-column .inner-column .image .overlay-box .content h2 {
  position: relative;
  font-weight: 700;
  font-size: 120px;
  line-height: 80px;
  color: #000000;
}

/* line 2440, app/assets/stylesheets/main.scss */
.services-section-three .image-column .inner-column .image .overlay-box .content h2 span {
  font-weight: 400;
  display: block;
  font-size: 24px;
  color: #000000;
  font-family: 'Playfair Display', serif;
}

/*** 

====================================================================
	Page Title
====================================================================

***/
/* line 2456, app/assets/stylesheets/main.scss */
.page-title {
  position: relative;
  padding: 210px 0px 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}

/* line 2465, app/assets/stylesheets/main.scss */
.page-title:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(10, 18, 20, 0.24);
}

/* line 2475, app/assets/stylesheets/main.scss */
.page-title .content {
  position: relative;
  text-align: center;
}

/* line 2480, app/assets/stylesheets/main.scss */
.page-title .content h1 {
  position: relative;
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 15px;
  text-transform: capitalize;
}

/* line 2490, app/assets/stylesheets/main.scss */
.page-title .page-breadcrumb {
  position: relative;
}

/* line 2494, app/assets/stylesheets/main.scss */
.page-title .page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  color: #0d6efd;
  font-weight: 400;
  font-size: 16px;
}

/* line 2504, app/assets/stylesheets/main.scss */
.page-title .page-breadcrumb li:after {
  position: absolute;
  content: "\f105";
  right: -4px;
  top: 1px;
  color: #ffffff;
  font-family: 'FontAwesome';
}

/* line 2513, app/assets/stylesheets/main.scss */
.page-title .page-breadcrumb li:last-child::after {
  display: none;
}

/* line 2517, app/assets/stylesheets/main.scss */
.page-title .page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

/* line 2522, app/assets/stylesheets/main.scss */
.page-title .page-breadcrumb li a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* line 2534, app/assets/stylesheets/main.scss */
.page-title .page-breadcrumb li a:hover {
  color: #0d6efd;
}

/* ---------------  VARIABLES AMÉLIORÉES  --------------- */
/* line 2, app/assets/stylesheets/home.scss */
:root {
  --magjury-gold: #c9a96e;
  --magjury-gold-light: #e6d6b8;
  --magjury-gold-dark: #a8874c;
  --magjury-blue: #1a365d;
  --magjury-blue-light: #2d4a7c;
  --magjury-dark: #0a0a12;
  --magjury-dark-light: #1a1a24;
  --magjury-light: #f8f9fa;
  --magjury-gray: #e9ecef;
  --magjury-glass: rgba(26, 26, 36, 0.85);
  --magjury-glass-light: rgba(26, 26, 36, 0.7);
  --magjury-radius: 12px;
  --magjury-radius-lg: 20px;
  --magjury-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --magjury-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  --magjury-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.25);
}

/* ---------------  BASE LAYOUT  --------------- */
/* line 22, app/assets/stylesheets/home.scss */
body:not(.ux-body) {
  padding-top: 80px;
  /* Hauteur du header */
}

/* ---------------  HEADER AMÉLIORÉ  --------------- */
/* line 28, app/assets/stylesheets/home.scss */
.magjury-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: var(--magjury-glass);
  backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(201, 169, 110, 0.2);
  transition: all var(--magjury-transition);
}

/* line 40, app/assets/stylesheets/home.scss */
.magjury-header.scrolled {
  background: var(--magjury-glass-light);
  box-shadow: var(--magjury-shadow);
}

/* line 45, app/assets/stylesheets/home.scss */
.magjury-header__inner {
  max-width: 1400px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px;
}

/* ---------------  LOGO AMÉLIORÉ  --------------- */
/* line 55, app/assets/stylesheets/home.scss */
.magjury-logo a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

/* line 62, app/assets/stylesheets/home.scss */
.magjury-logo img {
  height: 50px;
  transition: transform var(--magjury-transition);
}

/* line 67, app/assets/stylesheets/home.scss */
.magjury-logo:hover img {
  transform: scale(1.05);
}

/* line 71, app/assets/stylesheets/home.scss */
.magjury-logo__text {
  color: var(--magjury-gold);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  opacity: 0.9;
}

/* ---------------  NAVIGATION AMÉLIORÉE  --------------- */
/* line 81, app/assets/stylesheets/home.scss */
.magjury-nav__list {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 89, app/assets/stylesheets/home.scss */
.magjury-nav__link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--magjury-light);
  font-weight: 500;
  text-decoration: none;
  padding: 12px 18px;
  border-radius: var(--magjury-radius);
  transition: all var(--magjury-transition);
  position: relative;
  overflow: hidden;
}

/* line 103, app/assets/stylesheets/home.scss */
.magjury-nav__link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.1), transparent);
  transition: left 0.7s ease;
}

/* line 114, app/assets/stylesheets/home.scss */
.magjury-nav__link:hover::before {
  left: 100%;
}

/* line 118, app/assets/stylesheets/home.scss */
.magjury-nav__link:hover,
.magjury-nav__link.active {
  color: var(--magjury-gold);
  background: rgba(201, 169, 110, 0.05);
}

/* line 124, app/assets/stylesheets/home.scss */
.magjury-nav__link.active {
  color: #3b82f6 !important;
  /* Blue color like in the screenshot */
  font-weight: 700;
}

/* line 130, app/assets/stylesheets/home.scss */
.magjury-arrow {
  transition: transform var(--magjury-transition);
}

/* ---------------  DROPDOWN AMÉLIORÉ  --------------- */
/* line 135, app/assets/stylesheets/home.scss */
.magjury-dropdown {
  position: relative;
}

/* line 139, app/assets/stylesheets/home.scss */
.magjury-dropdown:hover .magjury-arrow {
  transform: rotate(180deg);
}

/* line 143, app/assets/stylesheets/home.scss */
.magjury-dropdown__container {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all var(--magjury-transition);
  z-index: 100;
}

/* line 154, app/assets/stylesheets/home.scss */
.magjury-dropdown:hover .magjury-dropdown__container {
  opacity: 1;
  visibility: visible;
  transform: translateY(5px);
}

/* line 160, app/assets/stylesheets/home.scss */
.magjury-dropdown__menu {
  background: var(--magjury-glass);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(201, 169, 110, 0.2);
  border-radius: var(--magjury-radius-lg);
  padding: 15px 0;
  min-width: 240px;
  list-style: none;
  margin: 0;
  box-shadow: var(--magjury-shadow-lg);
}

/* line 172, app/assets/stylesheets/home.scss */
.magjury-dropdown__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  color: var(--magjury-light);
  text-decoration: none;
  font-size: 0.95rem;
  transition: all var(--magjury-transition);
}

/* line 183, app/assets/stylesheets/home.scss */
.magjury-dropdown__link:hover {
  color: var(--magjury-gold);
  background: rgba(201, 169, 110, 0.05);
}

/* line 188, app/assets/stylesheets/home.scss */
.magjury-dropdown__link svg {
  opacity: 0.7;
}

/* ---------------  ACTIONS (RECHERCHE + COMPTE)  --------------- */
/* line 193, app/assets/stylesheets/home.scss */
.magjury-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Recherche */
/* line 200, app/assets/stylesheets/home.scss */
.magjury-search {
  position: relative;
}

/* line 204, app/assets/stylesheets/home.scss */
.magjury-search__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid rgba(201, 169, 110, 0.3);
  border-radius: 50%;
  color: var(--magjury-gold);
  cursor: pointer;
  transition: all var(--magjury-transition);
}

/* line 218, app/assets/stylesheets/home.scss */
.magjury-search__toggle:hover {
  background: rgba(201, 169, 110, 0.1);
  border-color: var(--magjury-gold);
}

/* line 223, app/assets/stylesheets/home.scss */
.magjury-search__panel {
  position: absolute;
  top: 100%;
  right: 0;
  width: 320px;
  background: var(--magjury-glass);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(201, 169, 110, 0.2);
  border-radius: var(--magjury-radius-lg);
  padding: 20px;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all var(--magjury-transition);
  box-shadow: var(--magjury-shadow-lg);
}

/* line 241, app/assets/stylesheets/home.scss */
.magjury-search.active .magjury-search__panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 247, app/assets/stylesheets/home.scss */
.magjury-search__form {
  display: flex;
  gap: 10px;
}

/* line 252, app/assets/stylesheets/home.scss */
.magjury-search__input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(201, 169, 110, 0.2);
  border-radius: var(--magjury-radius);
  padding: 12px 15px;
  color: var(--magjury-light);
  font-size: 0.95rem;
  transition: all var(--magjury-transition);
}

/* line 263, app/assets/stylesheets/home.scss */
.magjury-search__input:focus {
  outline: none;
  border-color: var(--magjury-gold);
  background: rgba(255, 255, 255, 0.08);
}

/* line 269, app/assets/stylesheets/home.scss */
.magjury-search__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--magjury-gold);
  border: none;
  border-radius: var(--magjury-radius);
  color: var(--magjury-dark);
  cursor: pointer;
  transition: all var(--magjury-transition);
}

/* line 283, app/assets/stylesheets/home.scss */
.magjury-search__submit:hover {
  background: var(--magjury-gold-light);
  transform: translateY(-2px);
}

/* Compte */
/* line 289, app/assets/stylesheets/home.scss */
.magjury-account__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  border: 1px solid var(--magjury-gold);
  color: var(--magjury-gold);
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  position: relative;
  transition: all var(--magjury-transition);
  overflow: hidden;
}

/* line 304, app/assets/stylesheets/home.scss */
.magjury-account__btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.2), transparent);
  transition: left 0.7s ease;
}

/* line 315, app/assets/stylesheets/home.scss */
.magjury-account__btn:hover::before {
  left: 100%;
}

/* line 319, app/assets/stylesheets/home.scss */
.magjury-account__btn:hover {
  background: var(--magjury-gold);
  color: var(--magjury-dark);
  box-shadow: 0 5px 15px rgba(201, 169, 110, 0.3);
  transform: translateY(-2px);
}

/* line 326, app/assets/stylesheets/home.scss */
.magjury-account__icon {
  width: 20px;
  height: 20px;
}

/* line 331, app/assets/stylesheets/home.scss */
.magjury-account__dot {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  background: #4ade80;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%,
100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.6;
  }
}

/* line 356, app/assets/stylesheets/home.scss */
.magjury-account__avatar {
  width: 28px;
  height: 28px;
  max-width: 28px;
  max-height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(201, 169, 110, 0.5);
}

/* line 366, app/assets/stylesheets/home.scss */
.magjury-canvas__avatar {
  width: 28px;
  height: 28px;
  max-width: 28px;
  max-height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(201, 169, 110, 0.3);
}

/* ---------------  BURGER AMÉLIORÉ  --------------- */
/* line 377, app/assets/stylesheets/home.scss */
.magjury-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 3000;
  padding: 10px;
}

/* line 391, app/assets/stylesheets/home.scss */
.magjury-burger__line {
  width: 100%;
  height: 2px;
  background: var(--magjury-gold);
  border-radius: 2px;
  margin-bottom: 5px;
  transition: all var(--magjury-transition);
  transform-origin: center;
}

/* line 401, app/assets/stylesheets/home.scss */
.magjury-burger__line:last-child {
  margin-bottom: 0;
}

/* ---------------  OFF-CANVAS AMÉLIORÉ  --------------- */
/* line 407, app/assets/stylesheets/home.scss */
.magjury-canvas {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  background: var(--magjury-dark);
  background: linear-gradient(135deg, var(--magjury-dark) 0%, var(--magjury-dark-light) 100%);
  border-left: 1px solid rgba(201, 169, 110, 0.2);
  z-index: 1300;
  display: flex;
  flex-direction: column;
  transition: right var(--magjury-transition);
  box-shadow: -10px 0 50px rgba(0, 0, 0, 0.3);
}

/* line 423, app/assets/stylesheets/home.scss */
.magjury-canvas.active {
  right: 0;
}

/* line 427, app/assets/stylesheets/home.scss */
.magjury-canvas__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: all var(--magjury-transition);
  z-index: -1;
  pointer-events: none;
}

/* line 438, app/assets/stylesheets/home.scss */
.magjury-canvas__overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1290;
}

/* En-tête */
/* line 446, app/assets/stylesheets/home.scss */
.magjury-canvas__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 30px;
  border-bottom: 1px solid rgba(201, 169, 110, 0.2);
}

/* line 454, app/assets/stylesheets/home.scss */
.magjury-canvas__logo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--magjury-gold);
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 463, app/assets/stylesheets/home.scss */
.magjury-canvas__logo img {
  height: 40px;
}

/* line 467, app/assets/stylesheets/home.scss */
.magjury-canvas__close {
  background: none;
  border: none;
  color: var(--magjury-gold);
  cursor: pointer;
  transition: transform var(--magjury-transition);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

/* line 481, app/assets/stylesheets/home.scss */
.magjury-canvas__close:hover {
  transform: rotate(90deg);
  background: rgba(201, 169, 110, 0.1);
}

/* Recherche */
/* line 487, app/assets/stylesheets/home.scss */
.magjury-canvas__search {
  padding: 20px 30px;
  border-bottom: 1px solid rgba(201, 169, 110, 0.1);
}

/* line 492, app/assets/stylesheets/home.scss */
.magjury-canvas__search-form {
  display: flex;
  gap: 10px;
}

/* line 497, app/assets/stylesheets/home.scss */
.magjury-canvas__search-input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(201, 169, 110, 0.2);
  border-radius: var(--magjury-radius);
  padding: 12px 15px;
  color: var(--magjury-light);
  font-size: 0.95rem;
  transition: all var(--magjury-transition);
}

/* line 508, app/assets/stylesheets/home.scss */
.magjury-canvas__search-input:focus {
  outline: none;
  border-color: var(--magjury-gold);
  background: rgba(255, 255, 255, 0.08);
}

/* line 514, app/assets/stylesheets/home.scss */
.magjury-canvas__search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--magjury-gold);
  border: none;
  border-radius: var(--magjury-radius);
  color: var(--magjury-dark);
  cursor: pointer;
  transition: all var(--magjury-transition);
}

/* line 528, app/assets/stylesheets/home.scss */
.magjury-canvas__search-btn:hover {
  background: var(--magjury-gold-light);
}

/* Navigation */
/* line 533, app/assets/stylesheets/home.scss */
.magjury-canvas__nav {
  flex: 1;
  padding: 20px 0;
  overflow-y: auto;
}

/* line 539, app/assets/stylesheets/home.scss */
#magjury-canvas-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 545, app/assets/stylesheets/home.scss */
#magjury-canvas-list > li {
  margin-bottom: 5px;
}

/* line 549, app/assets/stylesheets/home.scss */
.magjury-canvas__link {
  display: block;
  padding: 15px 30px;
  color: var(--magjury-light);
  text-decoration: none;
  font-size: 1.05rem;
  transition: all var(--magjury-transition);
}

/* line 558, app/assets/stylesheets/home.scss */
.magjury-canvas__link:hover,
.magjury-canvas__link.active {
  color: var(--magjury-gold);
  background: rgba(201, 169, 110, 0.05);
}

/* line 564, app/assets/stylesheets/home.scss */
.magjury-canvas__link.active {
  border-left: 4px solid var(--magjury-gold);
}

/* Dropdown mobile */
/* line 569, app/assets/stylesheets/home.scss */
.magjury-canvas-dropdown__toggle {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  color: var(--magjury-light);
  font-size: 1.05rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  transition: color var(--magjury-transition);
}

/* line 584, app/assets/stylesheets/home.scss */
.magjury-canvas-dropdown__toggle[aria-expanded="true"] {
  color: var(--magjury-gold);
}

/* line 588, app/assets/stylesheets/home.scss */
.magjury-canvas-arrow {
  transition: transform var(--magjury-transition);
}

/* line 592, app/assets/stylesheets/home.scss */
.magjury-canvas-dropdown__toggle[aria-expanded="true"] .magjury-canvas-arrow {
  transform: rotate(180deg);
}

/* line 596, app/assets/stylesheets/home.scss */
.magjury-canvas-dropdown__menu {
  list-style: none;
  padding: 0 0 0 40px;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--magjury-transition), opacity var(--magjury-transition);
  opacity: 0;
}

/* line 606, app/assets/stylesheets/home.scss */
.magjury-canvas-dropdown__menu.open {
  max-height: 300px;
  opacity: 1;
}

/* line 611, app/assets/stylesheets/home.scss */
.magjury-canvas-dropdown__menu a {
  display: block;
  padding: 12px 0;
  color: var(--magjury-light);
  text-decoration: none;
  font-size: 0.95rem;
  transition: color var(--magjury-transition);
}

/* line 620, app/assets/stylesheets/home.scss */
.magjury-canvas-dropdown__menu a:hover {
  color: var(--magjury-gold);
}

/* Actions */
/* line 625, app/assets/stylesheets/home.scss */
.magjury-canvas__actions {
  padding: 20px 30px;
  border-top: 1px solid rgba(201, 169, 110, 0.1);
}

/* line 630, app/assets/stylesheets/home.scss */
.magjury-canvas__account-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--magjury-gold);
  color: var(--magjury-dark);
  padding: 15px;
  border-radius: var(--magjury-radius);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--magjury-transition);
}

/* line 644, app/assets/stylesheets/home.scss */
.magjury-canvas__account-btn:hover {
  background: var(--magjury-gold-light);
  transform: translateY(-2px);
}

/* Pied de page */
/* line 650, app/assets/stylesheets/home.scss */
.magjury-canvas__foot {
  padding: 25px 30px;
  border-top: 1px solid rgba(201, 169, 110, 0.2);
}

/* line 655, app/assets/stylesheets/home.scss */
.magjury-canvas__contact {
  margin-bottom: 20px;
}

/* line 659, app/assets/stylesheets/home.scss */
.magjury-canvas__contact h5 {
  color: var(--magjury-gold);
  margin: 0 0 10px 0;
  font-size: 1rem;
}

/* line 665, app/assets/stylesheets/home.scss */
.magjury-canvas__contact p {
  color: var(--magjury-light);
  margin: 5px 0;
  font-size: 0.9rem;
  opacity: 0.8;
}

/* line 672, app/assets/stylesheets/home.scss */
.magjury-canvas__social {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}

/* line 679, app/assets/stylesheets/home.scss */
.magjury-canvas__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(201, 169, 110, 0.3);
  border-radius: 50%;
  color: var(--magjury-gold);
  text-decoration: none;
  transition: all var(--magjury-transition);
}

/* line 692, app/assets/stylesheets/home.scss */
.magjury-canvas__social a:hover {
  background: rgba(201, 169, 110, 0.1);
  border-color: var(--magjury-gold);
  transform: translateY(-2px);
}

/* line 698, app/assets/stylesheets/home.scss */
.magjury-canvas__copyright {
  text-align: center;
  font-size: 0.8rem;
  color: var(--magjury-light);
  opacity: 0.6;
  margin: 0;
}

/* line 706, app/assets/stylesheets/home.scss */
.magjury-mobile-controls {
  display: none;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

/* line 713, app/assets/stylesheets/home.scss */
.magjury-mobile-login {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--magjury-dark) !important;
  background: var(--magjury-gold);
  padding: 8px 18px;
  border-radius: 50px;
  box-shadow: 0 4px 12px rgba(201, 169, 110, 0.2);
  white-space: nowrap;
  transition: all var(--magjury-transition);
}

/* line 731, app/assets/stylesheets/home.scss */
.magjury-mobile-login:hover {
  background: var(--magjury-gold-light);
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(201, 169, 110, 0.3);
}

/* ---------------  RESPONSIVE  --------------- */
@media (max-width: 1024px) {
  /* line 739, app/assets/stylesheets/home.scss */
  .magjury-nav__list {
    gap: 5px;
  }
  /* line 743, app/assets/stylesheets/home.scss */
  .magjury-nav__link {
    padding: 10px 15px;
    font-size: 0.9rem;
  }
}

@media (max-width: 1024px) {
  /* line 751, app/assets/stylesheets/home.scss */
  .magjury-nav,
.magjury-actions {
    display: none;
  }
  /* line 756, app/assets/stylesheets/home.scss */
  .magjury-mobile-controls {
    display: flex;
  }
  /* line 760, app/assets/stylesheets/home.scss */
  .magjury-burger {
    display: flex;
  }
  /* line 764, app/assets/stylesheets/home.scss */
  .magjury-header__inner {
    padding: 12px 20px;
  }
}

@media (max-width: 480px) {
  /* line 770, app/assets/stylesheets/home.scss */
  .magjury-canvas {
    width: 100%;
    right: -100%;
  }
  /* line 775, app/assets/stylesheets/home.scss */
  .magjury-header__inner {
    padding: 10px 15px;
  }
  /* line 779, app/assets/stylesheets/home.scss */
  .magjury-logo__text {
    display: none;
  }
}

/*FIN MENUUUUUUUUUUUUUUUUUUUUUUUUUUUU*/
/*DEBUT HEADERRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR*/
/* ---------------  BANNER SECTION  --------------- */
/* line 789, app/assets/stylesheets/home.scss */
.banner-section {
  position: relative;
  height: 100vh;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--magjury-dark);
}

/* line 800, app/assets/stylesheets/home.scss */
.banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0.4;
}

/* line 811, app/assets/stylesheets/home.scss */
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 10, 18, 0.85) 0%, rgba(26, 54, 93, 0.7) 100%);
  z-index: 2;
}

/* line 823, app/assets/stylesheets/home.scss */
.banner-content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: var(--magjury-light);
  max-width: 1200px;
  padding: 0 20px;
}

/* line 832, app/assets/stylesheets/home.scss */
.banner-subtitle {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--magjury-gold);
  margin-bottom: 20px;
  display: block;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.8s ease 0.2s forwards;
}

/* line 845, app/assets/stylesheets/home.scss */
.banner-title {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.8s ease 0.4s forwards;
}

/* line 855, app/assets/stylesheets/home.scss */
.banner-title span {
  color: var(--magjury-gold);
  position: relative;
  display: inline-block;
}

/* line 861, app/assets/stylesheets/home.scss */
.banner-title span::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--magjury-gold);
  transform: scaleX(0);
  transform-origin: right;
  animation: underlineExpand 1s ease 1s forwards;
}

/* line 874, app/assets/stylesheets/home.scss */
.banner-description {
  font-size: 1.2rem;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto 40px;
  opacity: 0.9;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.8s ease 0.6s forwards;
}

/* line 885, app/assets/stylesheets/home.scss */
.banner-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.8s ease 0.8s forwards;
}

/* line 895, app/assets/stylesheets/home.scss */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  border-radius: var(--magjury-radius);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--magjury-transition);
  position: relative;
  overflow: hidden;
}

/* line 908, app/assets/stylesheets/home.scss */
.btn-primary {
  background: var(--magjury-gold);
  color: var(--magjury-dark);
  border: 2px solid var(--magjury-gold);
}

/* line 914, app/assets/stylesheets/home.scss */
.btn-primary:hover {
  background: transparent;
  color: var(--magjury-gold);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(201, 169, 110, 0.3);
}

/* line 921, app/assets/stylesheets/home.scss */
.btn-secondary {
  background: transparent;
  color: var(--magjury-light);
  border: 2px solid var(--magjury-light);
}

/* line 927, app/assets/stylesheets/home.scss */
.btn-secondary:hover {
  background: var(--magjury-light);
  color: var(--magjury-dark);
  transform: translateY(-3px);
}

/* line 933, app/assets/stylesheets/home.scss */
.btn-icon {
  width: 18px;
  height: 18px;
}

/* line 938, app/assets/stylesheets/home.scss */
.banner-scroll {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: var(--magjury-light);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  opacity: 0.7;
  transition: opacity var(--magjury-transition);
}

/* line 954, app/assets/stylesheets/home.scss */
.banner-scroll:hover {
  opacity: 1;
}

/* line 958, app/assets/stylesheets/home.scss */
.scroll-arrow {
  width: 30px;
  height: 30px;
  border: 2px solid var(--magjury-gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: bounce 2s infinite;
}

/* line 969, app/assets/stylesheets/home.scss */
.scroll-arrow::after {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--magjury-gold);
  border-bottom: 2px solid var(--magjury-gold);
  transform: rotate(45deg);
  margin-top: -4px;
}

/* ---------------  ANIMATIONS  --------------- */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes underlineExpand {
  to {
    transform: scaleX(1);
    transform-origin: left;
  }
}

@keyframes bounce {
  0%,
20%,
50%,
80%,
100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* ---------------  RESPONSIVE  --------------- */
@media (max-width: 768px) {
  /* line 1015, app/assets/stylesheets/home.scss */
  .banner-title {
    font-size: 2.5rem;
  }
  /* line 1019, app/assets/stylesheets/home.scss */
  .banner-description {
    font-size: 1.1rem;
  }
  /* line 1023, app/assets/stylesheets/home.scss */
  .banner-buttons {
    flex-direction: column;
    align-items: center;
  }
  /* line 1028, app/assets/stylesheets/home.scss */
  .btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  /* line 1036, app/assets/stylesheets/home.scss */
  .banner-title {
    font-size: 2rem;
  }
  /* line 1040, app/assets/stylesheets/home.scss */
  .banner-subtitle {
    font-size: 1rem;
  }
  /* line 1044, app/assets/stylesheets/home.scss */
  .banner-description {
    font-size: 1rem;
  }
}

/*FIN HEADERRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR*/
/*DEBUT TEAMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/
/* ---------------  STYLES GÉNÉRAUX  --------------- */
/* line 1054, app/assets/stylesheets/home.scss */
.team-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #0a0a12 0%, #1a1a24 100%);
  position: relative;
  overflow: hidden;
}

/* line 1061, app/assets/stylesheets/home.scss */
.team-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.03"><path fill="%23c9a96e" d="M500 100c110 0 200 90 200 200s-90 200-200 200-200-90-200-200 90-200 200-200zm0-100c165 0 300 135 300 300s-135 300-300 300-300-135-300-300 135-300 300-300z"/></svg>');
  background-size: 200px;
}

/* line 1072, app/assets/stylesheets/home.scss */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

/* ---------------  TITRE DE SECTION  --------------- */
/* line 1081, app/assets/stylesheets/home.scss */
.team-section {
  text-align: center;
  margin-bottom: 60px;
}

/* line 1086, app/assets/stylesheets/home.scss */
.team-section .title {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #c9a96e;
  margin-bottom: 15px;
  display: block;
}

/* line 1096, app/assets/stylesheets/home.scss */
.team-section h3 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #f8f9fa;
  margin: 0;
  line-height: 1.2;
}

/* line 1104, app/assets/stylesheets/home.scss */
.team-section h3 span {
  color: #c9a96e;
  position: relative;
}

/* line 1109, app/assets/stylesheets/home.scss */
.team-section h3 span::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #c9a96e;
  opacity: 0.5;
}

/* ---------------  SLIDER MOBILE FIRST  --------------- */
/* line 1121, app/assets/stylesheets/home.scss */
.team-slider {
  position: relative;
  overflow: visible;
}

/* line 1126, app/assets/stylesheets/home.scss */
.team-slider-container {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 20px 0;
  margin: 0 -10px;
}

/* line 1136, app/assets/stylesheets/home.scss */
.team-slider-container::-webkit-scrollbar {
  display: none;
}

/* line 1140, app/assets/stylesheets/home.scss */
.team-slider-track {
  display: flex;
  gap: 20px;
  padding: 0 10px;
}

/* ---------------  CARTE EXPERT  --------------- */
/* line 1147, app/assets/stylesheets/home.scss */
.team-card {
  flex: 0 0 calc(100% - 40px);
  min-width: 280px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(201, 169, 110, 0.2);
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

/* line 1159, app/assets/stylesheets/home.scss */
.team-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(201, 169, 110, 0.1) 0%, transparent 50%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* line 1171, app/assets/stylesheets/home.scss */
.team-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  border-color: rgba(201, 169, 110, 0.4);
}

/* line 1177, app/assets/stylesheets/home.scss */
.team-card:hover::before {
  opacity: 1;
}

/* Image de l'expert */
/* line 1182, app/assets/stylesheets/home.scss */
.team-image {
  position: relative;
  overflow: hidden;
  height: 280px;
}

/* line 1188, app/assets/stylesheets/home.scss */
.team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* line 1195, app/assets/stylesheets/home.scss */
.team-card:hover .team-image img {
  transform: scale(1.05);
}

/* line 1199, app/assets/stylesheets/home.scss */
.team-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 60%, rgba(10, 10, 18, 0.9) 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 25px;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* line 1214, app/assets/stylesheets/home.scss */
.team-card:hover .team-overlay {
  opacity: 1;
}

/* Contenu de la carte */
/* line 1219, app/assets/stylesheets/home.scss */
.team-content {
  padding: 25px;
  text-align: center;
}

/* line 1224, app/assets/stylesheets/home.scss */
.team-name {
  font-size: 1.3rem;
  font-weight: 700;
  color: #f8f9fa;
  margin: 0 0 10px 0;
  transition: color 0.3s ease;
}

/* line 1232, app/assets/stylesheets/home.scss */
.team-name a {
  color: inherit;
  text-decoration: none;
}

/* line 1237, app/assets/stylesheets/home.scss */
.team-card:hover .team-name {
  color: #c9a96e;
}

/* line 1241, app/assets/stylesheets/home.scss */
.team-role {
  font-size: 0.95rem;
  color: #c9a96e;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
}

/* line 1249, app/assets/stylesheets/home.scss */
.team-bio {
  color: #e9ecef;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
  opacity: 0.8;
}

/* Réseaux sociaux */
/* line 1258, app/assets/stylesheets/home.scss */
.team-social {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

/* line 1265, app/assets/stylesheets/home.scss */
.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(201, 169, 110, 0.3);
  border-radius: 50%;
  color: #c9a96e;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 1280, app/assets/stylesheets/home.scss */
.social-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.2), transparent);
  transition: left 0.6s ease;
}

/* line 1291, app/assets/stylesheets/home.scss */
.social-link:hover::before {
  left: 100%;
}

/* line 1295, app/assets/stylesheets/home.scss */
.social-link:hover {
  background: #c9a96e;
  color: #0a0a12;
  border-color: #c9a96e;
  transform: translateY(-2px);
}

/* line 1302, app/assets/stylesheets/home.scss */
.social-icon {
  width: 18px;
  height: 18px;
}

/* Badge de spécialité */
/* line 1308, app/assets/stylesheets/home.scss */
.team-specialty {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #c9a96e;
  color: #0a0a12;
  padding: 6px 12px;
  border-radius: 15px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 2;
}

/* ---------------  CONTROLES DU SLIDER  --------------- */
/* line 1324, app/assets/stylesheets/home.scss */
.slider-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-top: 40px;
}

/* line 1332, app/assets/stylesheets/home.scss */
.slider-dots {
  display: flex;
  gap: 8px;
}

/* line 1337, app/assets/stylesheets/home.scss */
.slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(201, 169, 110, 0.3);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 1347, app/assets/stylesheets/home.scss */
.slider-dot.active {
  background: #c9a96e;
  transform: scale(1.2);
}

/* line 1352, app/assets/stylesheets/home.scss */
.slider-arrow {
  width: 45px;
  height: 45px;
  border: 2px solid #c9a96e;
  border-radius: 50%;
  background: transparent;
  color: #c9a96e;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* line 1366, app/assets/stylesheets/home.scss */
.slider-arrow:hover {
  background: #c9a96e;
  color: #0a0a12;
  transform: scale(1.1);
}

/* line 1372, app/assets/stylesheets/home.scss */
.slider-arrow svg {
  width: 18px;
  height: 18px;
}

/* line 1377, app/assets/stylesheets/home.scss */
.slider-progress {
  width: 150px;
  height: 3px;
  background: rgba(201, 169, 110, 0.2);
  border-radius: 2px;
  overflow: hidden;
}

/* line 1385, app/assets/stylesheets/home.scss */
.slider-progress-bar {
  height: 100%;
  background: #c9a96e;
  width: 0%;
  transition: width 0.1s linear;
}

/* Indicateur de scroll pour mobile */
/* line 1393, app/assets/stylesheets/home.scss */
.scroll-indicator {
  text-align: center;
  color: #c9a96e;
  font-size: 0.9rem;
  margin-top: 15px;
  opacity: 0.7;
  display: none;
}

/* line 1402, app/assets/stylesheets/home.scss */
.scroll-indicator svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  /* line 1410, app/assets/stylesheets/home.scss */
  .slider-controls {
    display: none;
  }
}

/* ---------------  VERSION DESKTOP  --------------- */
@media (min-width: 768px) {
  /* line 1417, app/assets/stylesheets/home.scss */
  .team-section {
    padding: 100px 0;
  }
  /* line 1421, app/assets/stylesheets/home.scss */
  .team-section {
    margin-bottom: 80px;
  }
  /* line 1425, app/assets/stylesheets/home.scss */
  .team-section h3 {
    font-size: 3rem;
  }
  /* line 1429, app/assets/stylesheets/home.scss */
  .team-slider-container {
    overflow: hidden;
    padding: 20px 0;
    margin: 0;
  }
  /* line 1435, app/assets/stylesheets/home.scss */
  .team-slider-track {
    padding: 0;
    transform: translateX(0);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    gap: 30px;
  }
  /* line 1442, app/assets/stylesheets/home.scss */
  .team-card {
    flex: 0 0 calc(50% - 15px);
    min-width: 0;
  }
  /* line 1447, app/assets/stylesheets/home.scss */
  .team-image {
    height: 320px;
  }
  /* line 1451, app/assets/stylesheets/home.scss */
  .team-content {
    padding: 30px;
  }
  /* line 1455, app/assets/stylesheets/home.scss */
  .team-name {
    font-size: 1.4rem;
  }
  /* line 1459, app/assets/stylesheets/home.scss */
  .scroll-indicator {
    display: none;
  }
  /* line 1463, app/assets/stylesheets/home.scss */
  .slider-controls {
    gap: 30px;
  }
  /* line 1467, app/assets/stylesheets/home.scss */
  .slider-progress {
    width: 200px;
  }
}

@media (min-width: 1024px) {
  /* line 1473, app/assets/stylesheets/home.scss */
  .team-card {
    flex: 0 0 calc(33.333% - 20px);
  }
}

/* ---------------  ANIMATIONS  --------------- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 1491, app/assets/stylesheets/home.scss */
.team-card {
  animation: fadeInUp 0.6s ease forwards;
}

/* ---------------  RESPONSIVE SPECIFIQUE  --------------- */
@media (max-width: 480px) {
  /* line 1497, app/assets/stylesheets/home.scss */
  .team-section {
    padding: 60px 0;
  }
  /* line 1501, app/assets/stylesheets/home.scss */
  .team-section h3 {
    font-size: 2rem;
  }
  /* line 1505, app/assets/stylesheets/home.scss */
  .team-section .title {
    font-size: 0.9rem;
  }
  /* line 1509, app/assets/stylesheets/home.scss */
  .team-image {
    height: 250px;
  }
  /* line 1513, app/assets/stylesheets/home.scss */
  .team-content {
    padding: 20px;
  }
  /* line 1517, app/assets/stylesheets/home.scss */
  .team-name {
    font-size: 1.2rem;
  }
  /* line 1526, app/assets/stylesheets/home.scss */
  .scroll-indicator {
    display: block;
  }
}

/* Amélioration du touch sur mobile */
@media (hover: none) {
  /* line 1533, app/assets/stylesheets/home.scss */
  .team-card:hover {
    transform: none;
  }
  /* line 1537, app/assets/stylesheets/home.scss */
  .team-card:active {
    transform: scale(0.98);
  }
}

/*FIN TEAMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/
/*DEBUT BOUTIQUEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/* ---------------  VARIABLES  --------------- */
/* ---------------  SECTION BOUTIQUE  --------------- */
/* line 1550, app/assets/stylesheets/home.scss */
.boutique-section {
  position: relative;
  padding: 100px 0;
  background-color: white;
  overflow: hidden;
}

/* line 1557, app/assets/stylesheets/home.scss */
.boutique-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.03"><path fill="%23c9a96e" d="M500 100c110 0 200 90 200 200s-90 200-200 200-200-90-200-200 90-200 200-200zm0-100c165 0 300 135 300 300s-135 300-300 300-300-135-300-300 135-300 300-300z"/></svg>');
  background-size: 200px;
}

/* ---------------  EN-TÊTE  --------------- */
/* line 1568, app/assets/stylesheets/home.scss */
.boutique-header {
  text-align: center;
  margin-bottom: 80px;
}

/* line 1573, app/assets/stylesheets/home.scss */
.boutique-section .title {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--magjury-gold);
  margin-bottom: 20px;
  display: block;
}

/* line 1583, app/assets/stylesheets/home.scss */
.boutique-section h2 {
  font-size: 3rem;
  font-weight: 700;
  color: black;
  margin: 0;
  line-height: 1.3;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* line 1594, app/assets/stylesheets/home.scss */
.boutique-section h2 span {
  color: var(--magjury-gold);
  position: relative;
}

/* line 1599, app/assets/stylesheets/home.scss */
.boutique-section h2 span::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--magjury-gold);
  opacity: 0.5;
}

/* ---------------  GRILLE DES PRODUITS  --------------- */
/* line 1611, app/assets/stylesheets/home.scss */
.produits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  margin-bottom: 60px;
}

/* ---------------  CARTE PRODUIT  --------------- */
/* line 1619, app/assets/stylesheets/home.scss */
.produit-card {
  background: #9d7146;
  backdrop-filter: blur(20px);
  border: 3px solid rgba(201, 169, 110, 0.5);
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

/* line 1629, app/assets/stylesheets/home.scss */
.produit-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  border-color: rgba(201, 169, 110, 0.4);
}

/* Badges */
/* line 1636, app/assets/stylesheets/home.scss */
.produit-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: var(--magjury-gold);
  color: var(--dark);
  padding: 6px 12px;
  border-radius: 15px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 2;
}

/* line 1651, app/assets/stylesheets/home.scss */
.produit-badge.promo {
  left: auto;
  right: 15px;
  background: var(--danger);
  color: white;
}

/* Image du produit */
/* line 1659, app/assets/stylesheets/home.scss */
.produit-image {
  position: relative;
  overflow: hidden;
  height: 480px;
}

/* line 1665, app/assets/stylesheets/home.scss */
.produit-img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: transform 0.6s ease;
}

/* line 1672, app/assets/stylesheets/home.scss */
.produit-card:hover .produit-img {
  transform: scale(1.05);
}

/* line 1676, app/assets/stylesheets/home.scss */
.produit-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 40%, rgba(10, 10, 18, 0.95) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 30px;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* line 1692, app/assets/stylesheets/home.scss */
.produit-card:hover .produit-overlay {
  opacity: 1;
}

/* line 1696, app/assets/stylesheets/home.scss */
.btn-ajouter-panier {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--magjury-gold);
  color: var(--magjury-dark);
  border: none;
  padding: 12px 24px;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 15px;
  width: 100%;
  justify-content: center;
}

/* line 1713, app/assets/stylesheets/home.scss */
.btn-ajouter-panier:hover {
  background: var(--magjury-gold-light);
  transform: translateY(-2px);
}

/* line 1718, app/assets/stylesheets/home.scss */
.btn-details {
  color: var(--magjury-light);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
  width: 100%;
  text-align: center;
  padding: 8px 0;
}

/* line 1728, app/assets/stylesheets/home.scss */
.btn-details:hover {
  color: var(--magjury-gold);
}

/* Contenu de la carte */
/* line 1733, app/assets/stylesheets/home.scss */
.produit-content {
  padding: 25px;
}

/* line 1737, app/assets/stylesheets/home.scss */
.produit-titre {
  margin: 0 0 10px 0;
}

/* line 1741, app/assets/stylesheets/home.scss */
.produit-titre a {
  color: white;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 700;
  transition: color 0.3s ease;
}

/* line 1749, app/assets/stylesheets/home.scss */
.produit-titre a:hover {
  color: var(--gold);
}

/* line 1753, app/assets/stylesheets/home.scss */
.produit-categorie {
  color: white !important;
  font-size: 0.9rem;
  font-weight: 500;
  display: block;
  margin-bottom: 15px;
}

/* Prix */
/* line 1762, app/assets/stylesheets/home.scss */
.produit-prix {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

/* line 1769, app/assets/stylesheets/home.scss */
.prix-actuel {
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
}

/* line 1775, app/assets/stylesheets/home.scss */
.prix-original {
  font-size: 1rem;
  color: red;
  text-decoration: line-through;
  opacity: 0.7;
}

/* Rating */
/* line 1783, app/assets/stylesheets/home.scss */
.produit-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 1789, app/assets/stylesheets/home.scss */
.stars {
  display: flex;
  gap: 2px;
}

/* line 1794, app/assets/stylesheets/home.scss */
.star {
  color: #e9e6e4;
}

/* line 1798, app/assets/stylesheets/home.scss */
.star.filled {
  color: #ffc107;
}

/* line 1802, app/assets/stylesheets/home.scss */
.rating-count {
  font-size: 0.85rem;
  color: var(--magjury-gray);
  opacity: 0.8;
}

/* ---------------  BOUTON PRINCIPAL  --------------- */
/* line 1809, app/assets/stylesheets/home.scss */
.boutique-footer {
  text-align: center;
}

/* line 1813, app/assets/stylesheets/home.scss */
.btn-boutique {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  color: var(--magjury-gold);
  border: 2px solid var(--magjury-gold);
  padding: 15px 35px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1rem;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* line 1830, app/assets/stylesheets/home.scss */
.btn-boutique::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.2), transparent);
  transition: left 0.7s ease;
}

/* line 1841, app/assets/stylesheets/home.scss */
.btn-boutique:hover::before {
  left: 100%;
}

/* line 1845, app/assets/stylesheets/home.scss */
.btn-boutique:hover {
  background: var(--magjury-gold);
  color: var(--magjury-dark);
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(201, 169, 110, 0.3);
}

/* ---------------  RESPONSIVE  --------------- */
@media (max-width: 768px) {
  /* line 1854, app/assets/stylesheets/home.scss */
  .boutique-section {
    padding: 60px 0;
  }
  /* line 1858, app/assets/stylesheets/home.scss */
  .boutique-section h2 {
    font-size: 2.2rem;
  }
  /* line 1862, app/assets/stylesheets/home.scss */
  .produits-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  /* line 1868, app/assets/stylesheets/home.scss */
  .produit-content {
    padding: 20px;
  }
}

@media (max-width: 480px) {
  /* line 1874, app/assets/stylesheets/home.scss */
  .boutique-section h2 {
    font-size: 1.8rem;
  }
  /* line 1878, app/assets/stylesheets/home.scss */
  .boutique-section .title {
    font-size: 0.9rem;
  }
  /* line 1882, app/assets/stylesheets/home.scss */
  .btn-boutique {
    width: 100%;
    justify-content: center;
  }
}

/* Animation d'apparition */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 1901, app/assets/stylesheets/home.scss */
.produit-card {
  animation: fadeInUp 0.6s ease forwards;
}

/* line 1905, app/assets/stylesheets/home.scss */
.produit-card:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 1909, app/assets/stylesheets/home.scss */
.produit-card:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 1913, app/assets/stylesheets/home.scss */
.produit-card:nth-child(3) {
  animation-delay: 0.3s;
}

/*FIN BOUTIQUEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
/* Lawsight HTML Template*/
@media only screen and (max-width: 5000px) {
  /* line 4, app/assets/stylesheets/responsive.scss */
  .page-wrapper {
    overflow: hidden;
  }
}

@media only screen and (max-width: 1340px) {
  /* line 11, app/assets/stylesheets/responsive.scss */
  .page-wrapper {
    overflow: hidden;
  }
}

@media only screen and (max-width: 1140px) {
  /* line 19, app/assets/stylesheets/responsive.scss */
  .page-wrapper {
    overflow: hidden;
  }
  /* line 25, app/assets/stylesheets/responsive.scss */
  .services-section-three .image-column .inner-column,
.about-section .image-column .inner-column {
    margin-left: 0px;
  }
  /* line 30, app/assets/stylesheets/responsive.scss */
  .services-section-three .blocks-column .inner-column {
    margin-right: 0px;
  }
  /* line 34, app/assets/stylesheets/responsive.scss */
  .services-single .service-tabs .tab-btns .tab-btn {
    width: 32.9%;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 43, app/assets/stylesheets/responsive.scss */
  .main-header .main-box .logo-box {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px;
    text-align: left;
  }
  /* line 53, app/assets/stylesheets/responsive.scss */
  .feature-section-two .inner-container {
    padding-top: 0px;
    border-top: 0px;
  }
  /* line 58, app/assets/stylesheets/responsive.scss */
  .contact-page-section .inner-container h2 {
    font-size: 30px;
  }
  /* line 62, app/assets/stylesheets/responsive.scss */
  .contact-page-section .inner-container h2 br,
.feature-block-two .inner-box .year::before,
.feature-block-two .fill-line {
    display: none;
  }
  /* line 68, app/assets/stylesheets/responsive.scss */
  .about-section.style-two {
    padding-bottom: 0px;
  }
  /* line 72, app/assets/stylesheets/responsive.scss */
  .services-section-three .image-column .inner-column .image {
    float: left;
  }
  /* line 76, app/assets/stylesheets/responsive.scss */
  .feature-block-two .inner-box .year {
    position: relative;
    top: 0px;
    margin-bottom: 15px;
  }
  /* line 84, app/assets/stylesheets/responsive.scss */
  .banner-section-two {
    padding-top: 0px;
  }
  /* line 88, app/assets/stylesheets/responsive.scss */
  .about-section .image-column .inner-column {
    margin-left: 0px;
  }
  /* line 92, app/assets/stylesheets/responsive.scss */
  .news-section .sec-title .pull-left,
.news-section .sec-title .pull-right,
.team-section .sec-title .pull-left,
.team-section .sec-title .pull-right {
    width: 100%;
  }
  /* line 99, app/assets/stylesheets/responsive.scss */
  .news-section .sec-title .pull-right .text,
.team-section .sec-title .text {
    max-width: 100%;
  }
  /* line 104, app/assets/stylesheets/responsive.scss */
  .news-section .sec-title .text {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 112, app/assets/stylesheets/responsive.scss */
  .header-upper .logo-outer {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    margin: 0px;
  }
  /* line 122, app/assets/stylesheets/responsive.scss */
  .sec-title h2,
.page-title h1,
.sec-title-two h2 {
    font-size: 28px;
  }
  /* line 130, app/assets/stylesheets/responsive.scss */
  .main-footer .footer-bottom .social-column,
.main-footer .footer-bottom {
    text-align: center;
  }
  /* line 135, app/assets/stylesheets/responsive.scss */
  .sec-title .big-title {
    font-size: 80px;
  }
  /* line 139, app/assets/stylesheets/responsive.scss */
  .main-footer .footer-bottom .footer-nav {
    text-align: center;
    margin-top: 6px;
  }
  /* line 144, app/assets/stylesheets/responsive.scss */
  .sec-title-three h2,
.page-title .content h1,
.main-slider h2.style-two {
    font-size: 38px;
  }
  /* line 150, app/assets/stylesheets/responsive.scss */
  h1 {
    font-size: 50px;
  }
  /* line 154, app/assets/stylesheets/responsive.scss */
  .video-box {
    width: 100%;
  }
  /* line 158, app/assets/stylesheets/responsive.scss */
  .main-header {
    position: relative;
    margin-top: 0px;
    background-color: #222222;
  }
  /* line 164, app/assets/stylesheets/responsive.scss */
  .banner-section .slide {
    padding: 150px 0px 150px;
  }
  /* line 168, app/assets/stylesheets/responsive.scss */
  .banner-section .content h1 {
    font-size: 40px;
  }
  /* line 172, app/assets/stylesheets/responsive.scss */
  .banner-section .content .title {
    font-size: 18px;
  }
  /* line 176, app/assets/stylesheets/responsive.scss */
  .services-section-two .lower-section .carousel-box .content {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 181, app/assets/stylesheets/responsive.scss */
  .page-title {
    padding: 100px 0px;
  }
  /* line 185, app/assets/stylesheets/responsive.scss */
  .portfolio-section-two .filters li {
    padding: 0px 8px;
    margin: 0px 8px;
  }
  /* line 190, app/assets/stylesheets/responsive.scss */
  .sidebar-page-container .comments-area .comment {
    padding-left: 0px;
  }
  /* line 194, app/assets/stylesheets/responsive.scss */
  .blog-single .post-share-options {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* line 199, app/assets/stylesheets/responsive.scss */
  .blog-single .post-share-options .post-tags a {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 599px) {
  /* line 207, app/assets/stylesheets/responsive.scss */
  .main-slider .price,
.main-slider h3.light {
    font-size: 26px;
  }
  /* line 212, app/assets/stylesheets/responsive.scss */
  .contact-page-section .inner-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 217, app/assets/stylesheets/responsive.scss */
  .blog-single .inner-box .lower-content blockquote .quote-text {
    font-size: 18px;
  }
  /* line 221, app/assets/stylesheets/responsive.scss */
  .blog-single .post-share-options .social-links {
    width: 100%;
    display: block;
  }
  /* line 226, app/assets/stylesheets/responsive.scss */
  .sec-title h3 br,
.subscribe-section .inner-container h2 br {
    display: none;
  }
  /* line 231, app/assets/stylesheets/responsive.scss */
  .list-style-seven li {
    font-size: 15px;
  }
  /* line 235, app/assets/stylesheets/responsive.scss */
  .blog-single .inner-box .lower-content blockquote {
    padding-left: 30px;
  }
  /* line 239, app/assets/stylesheets/responsive.scss */
  .blog-single .inner-box .lower-content blockquote .quote-icon {
    position: relative;
    left: 0px;
  }
  /* line 244, app/assets/stylesheets/responsive.scss */
  .banner-section .content h1 {
    font-size: 34px;
  }
  /* line 248, app/assets/stylesheets/responsive.scss */
  .main-slider h2 {
    font-size: 26px;
  }
  /* line 252, app/assets/stylesheets/responsive.scss */
  .main-header .header-lower .search-box-outer .dropdown-menu {
    width: 250px;
  }
  /* line 256, app/assets/stylesheets/responsive.scss */
  .main-slider .theme-btn {
    margin-right: 10px;
  }
  /* line 260, app/assets/stylesheets/responsive.scss */
  .sec-title h2 {
    font-size: 24px !important;
  }
  /* line 264, app/assets/stylesheets/responsive.scss */
  .main-slider .theme-btn {
    font-size: 12px;
  }
  /* line 268, app/assets/stylesheets/responsive.scss */
  .sec-title-three h2 {
    font-size: 32px;
  }
  /* line 272, app/assets/stylesheets/responsive.scss */
  .main-slider .text {
    font-size: 16px;
  }
  /* line 276, app/assets/stylesheets/responsive.scss */
  .sec-title h2 br {
    display: none;
  }
  /* line 280, app/assets/stylesheets/responsive.scss */
  h1 {
    font-size: 40px;
  }
  /* line 284, app/assets/stylesheets/responsive.scss */
  h3 {
    font-size: 26px;
  }
  /* line 288, app/assets/stylesheets/responsive.scss */
  .subscribe-section .inner-container {
    padding: 20px 15px;
  }
  /* line 292, app/assets/stylesheets/responsive.scss */
  .subscribe-section .inner-container h2 {
    font-size: 20px;
  }
  /* line 296, app/assets/stylesheets/responsive.scss */
  .services-single .service-tabs .tab-btns .tab-btn {
    width: 100%;
    margin-bottom: 1px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 305, app/assets/stylesheets/responsive.scss */
  .main-header .search-box-outer .dropdown-menu {
    top: 44px;
  }
  /* line 309, app/assets/stylesheets/responsive.scss */
  .testimonial-block .inner-box .text,
.services-block .inner-box .content {
    padding-left: 0px;
  }
  /* line 314, app/assets/stylesheets/responsive.scss */
  .more-services a {
    font-size: 16px;
  }
  /* line 318, app/assets/stylesheets/responsive.scss */
  .testimonial-block .inner-box .quote-icon {
    position: relative;
    top: 0px;
    margin-bottom: 18px;
    display: block;
  }
  /* line 325, app/assets/stylesheets/responsive.scss */
  .subscribe-form .form-group {
    padding-right: 0px;
  }
  /* line 329, app/assets/stylesheets/responsive.scss */
  .subscribe-form input[type="submit"],
.subscribe-form button {
    position: relative;
    width: 100%;
    margin-top: 15px;
  }
  /* line 336, app/assets/stylesheets/responsive.scss */
  .services-block .inner-box .icon-box {
    position: relative;
    margin-bottom: 18px;
  }
  /* line 342, app/assets/stylesheets/responsive.scss */
  .about-section .content-column .inner-column .signature {
    padding: 0px;
  }
  /* line 346, app/assets/stylesheets/responsive.scss */
  .about-section .content-column .inner-column .signature .signature-img {
    position: relative;
  }
  /* line 350, app/assets/stylesheets/responsive.scss */
  .banner-section .content h1 {
    font-size: 26px;
  }
  /* line 355, app/assets/stylesheets/responsive.scss */
  .banner-section-two .content-column h2 {
    font-size: 34px;
  }
}

/* ========== BASE DASHBOARD - v1.0.1 (2026-05-02) ========== */
/* ========== BASE DASHBOARD - v1.0.1 (2026-05-02) ========== */
/* line 3, app/assets/stylesheets/dashboard.scss */
.ux-dashboard {
  min-height: 100vh;
  background: #f4f7fe;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ===== DESKTOP : sidebar fixe ===== */
@media (min-width: 992px) {
  /* line 11, app/assets/stylesheets/dashboard.scss */
  .ux-sidebar {
    width: 280px;
    background: #ffffff;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    height: 100vh;
    overflow: auto;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    z-index: 1000;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  /* line 26, app/assets/stylesheets/dashboard.scss */
  .ux-main {
    margin-left: 280px;
  }
  /* line 30, app/assets/stylesheets/dashboard.scss */
  .ux-overlay {
    display: none !important;
  }
}

/* line 35, app/assets/stylesheets/dashboard.scss */
.ux-sidebar {
  position: fixed;
  height: 100vh;
  overflow: auto;
  min-height: -webkit-fill-available;
}

/* ===== MOBILE : sidebar dessus ===== */
@media (max-width: 991px) {
  /* line 44, app/assets/stylesheets/dashboard.scss */
  .ux-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 280px;
    z-index: 2000;
    background: #ffffff;
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    box-shadow: 20px 0 50px rgba(0, 0, 0, 0.15);
  }
  /* line 59, app/assets/stylesheets/dashboard.scss */
  .ux-sidebar.show {
    transform: translateX(0);
  }
  /* line 63, app/assets/stylesheets/dashboard.scss */
  .ux-main {
    margin-left: 0;
  }
  /* line 67, app/assets/stylesheets/dashboard.scss */
  .ux-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 1999;
    display: none;
  }
  /* line 76, app/assets/stylesheets/dashboard.scss */
  .ux-overlay.show {
    display: block;
  }
}

/* line 82, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact {
  padding: 0.6rem 0.8rem !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.6rem !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 0.5rem !important;
  min-height: 50px !important;
  background: #ffffff !important;
}

/* line 93, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-sidebar-logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

/* line 102, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-sidebar-logo-link .ux-sidebar-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* line 109, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-sidebar-search {
  flex: 1 !important;
  padding: 0 !important;
}

/* line 113, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-sidebar-search form {
  position: relative !important;
  width: 100% !important;
}

/* line 117, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-sidebar-search form .ux-sidebar-search-input {
  width: 100% !important;
  height: 32px !important;
  padding: 0 10px 0 28px !important;
  border-radius: 8px !important;
  border: 1px solid #edf2f7 !important;
  background: #f1f5f9 !important;
  font-size: 0.75rem !important;
  color: #1e293b !important;
  transition: all 0.2s ease !important;
}

/* line 128, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-sidebar-search form .ux-sidebar-search-input:focus {
  border-color: #4f46e5 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1) !important;
  outline: none !important;
}

/* line 136, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-sidebar-search form .ux-sidebar-search-icon {
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #94a3b8 !important;
  font-size: 0.7rem !important;
  pointer-events: none !important;
}

/* line 148, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-sidebar-head.compact .ux-close-btn {
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  font-size: 0.8rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 160, app/assets/stylesheets/dashboard.scss */
nav.ux-sidebar .ux-brand {
  display: none !important;
}

/* line 165, app/assets/stylesheets/dashboard.scss */
.ux-close-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
}

/* line 170, app/assets/stylesheets/dashboard.scss */
.ux-nav {
  list-style: none;
  padding: 0 1rem;
  margin: 0;
  flex: 1;
}

/* line 177, app/assets/stylesheets/dashboard.scss */
.ux-nav-section {
  padding: 1.5rem 1rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* line 186, app/assets/stylesheets/dashboard.scss */
.ux-nav-item {
  margin-bottom: 0.35rem;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s;
}

/* line 194, app/assets/stylesheets/dashboard.scss */
.ux-nav-link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.85rem 1rem;
  color: #64748b;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
}

/* line 206, app/assets/stylesheets/dashboard.scss */
.ux-nav-link i {
  font-size: 1.15rem;
  width: 24px;
  text-align: center;
  transition: all 0.2s;
}

/* line 213, app/assets/stylesheets/dashboard.scss */
.ux-nav-link:hover {
  background: #f8fafc;
  color: #4f46e5;
  transform: translateX(4px);
}

/* line 219, app/assets/stylesheets/dashboard.scss */
.ux-nav-link:hover i {
  color: #4f46e5;
}

/* line 223, app/assets/stylesheets/dashboard.scss */
.ux-nav-item.active {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.2);
}

/* line 228, app/assets/stylesheets/dashboard.scss */
.ux-nav-item.active .ux-nav-link {
  color: #ffffff;
}

/* line 232, app/assets/stylesheets/dashboard.scss */
.ux-nav-item.active .ux-nav-link i {
  color: #ffffff;
}

/* Dropdown */
/* line 237, app/assets/stylesheets/dashboard.scss */
.ux-nav-item.has-dropdown .ux-nav-link .fa-chevron-down {
  font-size: 0.75rem;
  transition: transform 0.3s;
}

/* line 242, app/assets/stylesheets/dashboard.scss */
.ux-nav-item.has-dropdown.open .ux-nav-link .fa-chevron-down {
  transform: rotate(180deg);
}

/* line 246, app/assets/stylesheets/dashboard.scss */
.ux-dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
  background: rgba(241, 245, 249, 0.5);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0 0 12px 12px;
}

/* line 257, app/assets/stylesheets/dashboard.scss */
.ux-nav-item.has-dropdown.open .ux-dropdown {
  max-height: 400px;
  padding: 0.5rem 0;
}

/* line 262, app/assets/stylesheets/dashboard.scss */
.ux-dropdown a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 1rem 0.65rem 3.25rem;
  color: #64748b;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s;
}

/* line 274, app/assets/stylesheets/dashboard.scss */
.ux-dropdown a:hover {
  color: #4f46e5;
  background: #f1f5f9;
}

/* line 279, app/assets/stylesheets/dashboard.scss */
.ux-badge {
  background: #ef4444;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  margin-left: auto;
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
}

/* line 290, app/assets/stylesheets/dashboard.scss */
.ux-sidebar-foot {
  padding: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

/* line 295, app/assets/stylesheets/dashboard.scss */
.ux-btn-logout {
  width: 100%;
  border: 1px solid #fee2e2;
  background: #fef2f2;
  color: #ef4444;
  border-radius: 12px;
  padding: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.2s;
}

/* line 311, app/assets/stylesheets/dashboard.scss */
.ux-btn-logout:hover {
  background: #ef4444;
  color: #fff;
  border-color: #ef4444;
  transform: translateY(-2px);
}

/* line 318, app/assets/stylesheets/dashboard.scss */
.ux-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* line 324, app/assets/stylesheets/dashboard.scss */
.ux-topbar {
  background: #fff;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  z-index: 900;
}

/* line 335, app/assets/stylesheets/dashboard.scss */
.ux-toggle {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  font-size: 1.25rem;
  color: #64748b;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 352, app/assets/stylesheets/dashboard.scss */
.ux-toggle:active {
  background: #edf2f7 !important;
  transform: scale(0.92);
}

/* line 357, app/assets/stylesheets/dashboard.scss */
.ux-toggle:hover {
  background: #f1f5f9;
  color: #4f46e5;
  border-color: #4f46e5;
}

/* line 363, app/assets/stylesheets/dashboard.scss */
.ux-btn-ghost {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem;
  border-radius: 12px;
  background: #f8fafc;
  color: #475569;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.9rem;
  border: 1px solid #e2e8f0;
  transition: all 0.2s;
  margin-bottom: 1rem;
}

/* line 381, app/assets/stylesheets/dashboard.scss */
.ux-btn-ghost:hover {
  background: #f1f5f9;
  color: #4f46e5;
  border-color: #4f46e5;
}

/* line 387, app/assets/stylesheets/dashboard.scss */
.ux-user {
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* line 393, app/assets/stylesheets/dashboard.scss */
.ux-avatar {
  border-radius: 50%;
  width: 35px;
}

/* line 398, app/assets/stylesheets/dashboard.scss */
.ux-username {
  font-weight: 600;
}

/* line 402, app/assets/stylesheets/dashboard.scss */
.ux-content {
  flex: 1;
}

/* ===== CARTES CAPTIVANTES ===== */
/* line 407, app/assets/stylesheets/dashboard.scss */
.ux-card-new {
  background: #fff;
  border-radius: 16px;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
  transition: transform .3s, box-shadow .3s;
}

/* line 420, app/assets/stylesheets/dashboard.scss */
.ux-card-new:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* line 425, app/assets/stylesheets/dashboard.scss */
.ux-card-icon-float {
  font-size: 2.5rem;
  z-index: 1;
  background: linear-gradient(135deg, #fff 0%, #f1f0ff 100%);
  width: 70px;
  height: 70px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* line 437, app/assets/stylesheets/dashboard.scss */
.ux-card-data {
  flex: 1;
}

/* line 441, app/assets/stylesheets/dashboard.scss */
.ux-card-val {
  font-size: 1.8rem;
  font-weight: 700;
}

/* line 446, app/assets/stylesheets/dashboard.scss */
.ux-card-label {
  font-size: .8rem;
  color: #6c757d;
}

/* Glows */
/* line 452, app/assets/stylesheets/dashboard.scss */
.ux-card-glow-green .ux-card-icon-float {
  color: #28a745;
}

/* line 456, app/assets/stylesheets/dashboard.scss */
.ux-card-glow-blue .ux-card-icon-float {
  color: #0d6efd;
}

/* line 460, app/assets/stylesheets/dashboard.scss */
.ux-card-glow-orange .ux-card-icon-float {
  color: #fd7e14;
}

/* line 464, app/assets/stylesheets/dashboard.scss */
.ux-card-glow-purple .ux-card-icon-float {
  color: #8b53ff;
}

/* ===== THEME SOMBRE ===== */
/* line 469, app/assets/stylesheets/dashboard.scss */
body.ux-dark {
  background: #121212;
  color: #eee;
}

/* line 474, app/assets/stylesheets/dashboard.scss */
body.ux-dark .ux-dashboard {
  background: #121212;
}

/* line 478, app/assets/stylesheets/dashboard.scss */
body.ux-dark .ux-sidebar {
  background: #1e1e1e;
}

/* line 482, app/assets/stylesheets/dashboard.scss */
body.ux-dark .ux-topbar {
  background: #1e1e1e;
}

/* line 486, app/assets/stylesheets/dashboard.scss */
body.ux-dark .ux-card-new {
  background: #1e1e1e;
  color: #eee;
}

/* line 491, app/assets/stylesheets/dashboard.scss */
body.ux-dark .ux-card-chart {
  background: #1e1e1e;
  color: #eee;
}

/* line 496, app/assets/stylesheets/dashboard.scss */
body.ux-dark .btn-outline-primary {
  border-color: #8b53ff;
  color: #8b53ff;
}

/* line 501, app/assets/stylesheets/dashboard.scss */
body.ux-dark .btn-outline-primary:hover {
  background: #8b53ff;
  color: #fff;
}

/* line 506, app/assets/stylesheets/dashboard.scss */
body.ux-dark .bg-white {
  background: #1e1e1e !important;
  color: #eee;
}

/* line 511, app/assets/stylesheets/dashboard.scss */
body.ux-dark .ux-balance-card {
  background: linear-gradient(135deg, #1e1e1e 0%, #121212 100%);
  color: #f1f1f1;
}

/* line 516, app/assets/stylesheets/dashboard.scss */
body.ux-dark .table {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* ===== SWITCH THEME ===== */
/* line 531, app/assets/stylesheets/dashboard.scss */
.ux-theme-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 538, app/assets/stylesheets/dashboard.scss */
.ux-theme-label {
  position: relative;
  width: 60px;
  height: 30px;
  background: #ccc;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
}

/* line 551, app/assets/stylesheets/dashboard.scss */
.ux-theme-label .fa-sun {
  color: #f39c12;
}

/* line 555, app/assets/stylesheets/dashboard.scss */
.ux-theme-label .fa-moon {
  color: #8b53ff;
}

/* line 559, app/assets/stylesheets/dashboard.scss */
.ux-theme-ball {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  transition: transform .3s;
}

/* line 570, app/assets/stylesheets/dashboard.scss */
#uxThemeToggle {
  display: none;
}

/* line 574, app/assets/stylesheets/dashboard.scss */
#uxThemeToggle:checked + .ux-theme-label .ux-theme-ball {
  transform: translateX(30px);
}

/* ===== POPUP BIENVENUE + GUIRLANDE ===== */
/* line 579, app/assets/stylesheets/dashboard.scss */
.ux-welcome-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s, visibility .4s;
}

/* line 592, app/assets/stylesheets/dashboard.scss */
.ux-welcome-modal.show {
  opacity: 1;
  visibility: visible;
}

/* line 597, app/assets/stylesheets/dashboard.scss */
.ux-welcome-content {
  background: #fff;
  border-radius: 20px;
  padding: 2.5rem 2rem;
  max-width: 480px;
  width: 90%;
  text-align: center;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 1;
}

/* Guirlande (confetti) */
/* line 610, app/assets/stylesheets/dashboard.scss */
.ux-confetti {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

/* line 617, app/assets/stylesheets/dashboard.scss */
.ux-confetti::before,
.ux-confetti::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ff6b6b;
  border-radius: 50%;
  animation: confetti 3s linear infinite;
}

/* line 628, app/assets/stylesheets/dashboard.scss */
.ux-confetti::after {
  background: #8b53ff;
  left: 20%;
  animation-delay: .5s;
}

@keyframes confetti {
  0% {
    transform: translateY(-100vh) rotate(0);
  }
  100% {
    transform: translateY(100vh) rotate(720deg);
  }
}

/* line 644, app/assets/stylesheets/dashboard.scss */
.referral-card {
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  border-radius: 15px;
  padding: 2rem;
  color: white;
  box-shadow: 0 10px 30px rgba(106, 17, 203, 0.2);
}

/* line 652, app/assets/stylesheets/dashboard.scss */
.referral-code {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 15px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  margin: 20px 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 664, app/assets/stylesheets/dashboard.scss */
.social-share {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

/* line 671, app/assets/stylesheets/dashboard.scss */
.social-share .btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  background: white;
  color: #6a11cb;
  transition: all 0.3s ease;
}

/* line 684, app/assets/stylesheets/dashboard.scss */
.social-share .btn:hover {
  transform: translateY(-5px);
}

/* line 688, app/assets/stylesheets/dashboard.scss */
.floating-animation {
  animation: floating 3s ease-in-out infinite;
}

/* ===== RETRAIT – DESIGN ATTRACTIF ===== */
/* line 693, app/assets/stylesheets/dashboard.scss */
.ux-retrait-card {
  max-width: 480px;
  margin: 2rem auto;
  background: #ffffff;
  border-radius: 24px;
  padding: 2rem;
  box-shadow: 0 12px 30px rgba(139, 83, 255, 0.18);
  font-family: system-ui, sans-serif;
}

/* line 703, app/assets/stylesheets/dashboard.scss */
.ux-retrait-header {
  text-align: center;
  margin-bottom: 1.5rem;
}

/* line 708, app/assets/stylesheets/dashboard.scss */
.ux-icon-wallet {
  font-size: 2.5rem;
  background: linear-gradient(45deg, #8b53ff, #ff6b6b);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 716, app/assets/stylesheets/dashboard.scss */
.ux-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333;
  margin: .5rem 0 .2rem;
}

/* line 723, app/assets/stylesheets/dashboard.scss */
.ux-subtitle {
  font-size: .9rem;
  color: #6c757d;
}

/* line 728, app/assets/stylesheets/dashboard.scss */
.ux-retrait-form .ux-field {
  margin-bottom: 1.2rem;
}

/* line 732, app/assets/stylesheets/dashboard.scss */
.ux-label {
  font-size: .9rem;
  font-weight: 600;
  color: #444;
  margin-bottom: .4rem;
  display: block;
}

/* line 740, app/assets/stylesheets/dashboard.scss */
.ux-input,
.ux-select {
  width: 100%;
  padding: .75rem 1rem;
  border: 1.5px solid #e0e0e0;
  border-radius: 12px;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
}

/* line 750, app/assets/stylesheets/dashboard.scss */
.ux-input:focus,
.ux-select:focus {
  border-color: #8b53ff;
  box-shadow: 0 0 0 3px rgba(139, 83, 255, 0.15);
  outline: none;
}

/* line 757, app/assets/stylesheets/dashboard.scss */
.ux-select-wrapper {
  position: relative;
}

/* line 761, app/assets/stylesheets/dashboard.scss */
.ux-select-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
}

/* line 770, app/assets/stylesheets/dashboard.scss */
.ux-hint {
  font-size: .75rem;
  color: #6c757d;
  margin-top: .25rem;
  display: block;
}

/* line 777, app/assets/stylesheets/dashboard.scss */
.ux-net {
  margin-top: .5rem;
  font-size: .9rem;
  color: #444;
}

/* line 783, app/assets/stylesheets/dashboard.scss */
.ux-net-val {
  font-weight: 700;
  color: #28a745;
}

/* line 788, app/assets/stylesheets/dashboard.scss */
.ux-taux {
  font-size: .75rem;
  color: #6c757d;
  margin-left: .5rem;
}

/* line 794, app/assets/stylesheets/dashboard.scss */
.ux-actions {
  margin-top: 1.5rem;
}

/* line 798, app/assets/stylesheets/dashboard.scss */
.ux-btn-submit {
  width: 100%;
  padding: .9rem;
  border: none;
  border-radius: 12px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(45deg, #28a745, #20c997);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}

/* line 811, app/assets/stylesheets/dashboard.scss */
.ux-btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(40, 167, 69, 0.35);
}

/* line 816, app/assets/stylesheets/dashboard.scss */
.ux-btn-blocked {
  width: 100%;
  padding: .9rem;
  border: none;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(45deg, #dc3545, #ff6b6b);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}

/* line 829, app/assets/stylesheets/dashboard.scss */
.ux-btn-blocked:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(220, 53, 69, 0.35);
}

/* line 834, app/assets/stylesheets/dashboard.scss */
.ux-alert-error {
  background: #fff5f5;
  border: 1px solid #feb2b2;
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1rem;
  color: #c53030;
  font-size: .9rem;
}

/* line 844, app/assets/stylesheets/dashboard.scss */
.ux-alert-error h5 {
  font-size: 1rem;
  margin-bottom: .5rem;
}

/* line 849, app/assets/stylesheets/dashboard.scss */
.ux-alert-error ul {
  margin: 0;
  padding-left: 1.2rem;
}

/* ========== PRIVATE FORUM WORKSPACE (V11.0.15) ========== */
/* line 855, app/assets/stylesheets/dashboard.scss */
.workspace-view {
  background-color: #121212 !important;
  color: #e0e0e0;
}

/* line 860, app/assets/stylesheets/dashboard.scss */
.workspace-header {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

/* line 864, app/assets/stylesheets/dashboard.scss */
.btn-icon-ghost {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
  border: none;
  transition: all 0.2s;
}

/* line 877, app/assets/stylesheets/dashboard.scss */
.btn-icon-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 881, app/assets/stylesheets/dashboard.scss */
.transition-all {
  transition: all 0.25s ease;
}

/* line 885, app/assets/stylesheets/dashboard.scss */
.hover-text-white:hover {
  color: #ffffff !important;
}

/* line 889, app/assets/stylesheets/dashboard.scss */
.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.25;
}

@media (max-width: 576px) {
  /* line 896, app/assets/stylesheets/dashboard.scss */
  .hide-on-mobile-compact {
    display: none !important;
  }
}