@charset "UTF-8";
/*----------------------------------------------------------------------
    Template Name: Ygency - Web Agency HTML Template
    Template URI: https://webtend.net/demo/html/ygency/
    Author: WebTend
    Author URI:  https://webtend.net/
    Version: 1.0

    Note: This is Main Style CSS File. */
/*----------------------------------------------------------------------
	CSS INDEX
	----------------------

    ## Default Style
    ## Common Classes
    ## Repeat Style
    ## Padding Margin
    ## Custom Animation
    ## Header style
    ## Hero Area
    ## Headline Text
    ## Page Banner
    ## About Area
    ## Service Area
    ## Blog Area
    ## Contact Forms
    ## Counter Area
    ## Videos Area
    ## Team Member
    ## Pricing Area
    ## Project Grid Area
    ## FAQs Area
    ## Features Area
    ## Shop Area
    ## Work Process Area
    ## Skills Area
    ## CTA Area
    ## Testimonials Area
    ## Client Logo Area
    ## Sidebar Widgets
    ## Error Area
    ## Main Footer */
/* -------------------------------------------------------------- */
/*******************************************************/
/******************* ## Default Style ******************/
/*******************************************************/
/*
/*.sub-title, .sub-title-green, .sub-title-beige, label, .social-style-four span, h4, .h4-title {
/*  font-family: 'Great' !important;
/*  font-size: 30px !important;
/*  letter-spacing: 1.3px;
/*}*/

.slog-h1 {
  display: block;
  font-size: 0.6em;
  margin-top: 5px; /* ajuste ici */
}

.slide-content h1 {
  line-height: 1.1; /* ajuste globalement */
}
.path-membre #block-drupalet-ygency-content {
    padding-top: 250px;
    display: flex;
    justify-content: center;
}

.path-membre #edit-submit {
  background: #b89774 !important;
}
    
.doctolib-bubble {
    position: fixed;
    bottom: 150px;
    right: 43px;
    width: 80px;
    height: 80px;
    background-color: #0F2F47;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;
    overflow: hidden;
    border: 1px solid #E7E5DE;
}

.doctolib-bubble {
  display: flex;
  align-items: center;
}

.doctolib-bubble img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.doctolib-bubble span {
    color: #FFFAF0;
    font-size: 14px;
    margin-left: 10px;
    white-space: nowrap;
    transition: opacity 0.3s ease;
}

.doctolib-bubble img {
  margin-bottom: 0;
}

.resa-btn {
background: #E7E5DE !important;
    color: #b89774 !important;
    font-weight: 600 !important;
}

.resa-btn .fa-arrow-right:before {
  color: #b89774;
}

.main-menu .navbar-collapse li {
      padding: 23px 10px !important;
}


.resa-lock {
text-align: center;
    background-color: #b89774 !important;
    border-radius: 2rem !important;
    color: #F7F1EE !important;
    padding: 0.5rem 2rem !important;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1) !important;
    width: fit-content !important;
}
  .osm-wrapper {
    position: relative;
    margin: auto;
    border-radius: 16px;
    overflow: hidden;
  }
  
  .osm-popup {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: #E7E5DE;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    z-index: 10;
    text-align: center;
    width: 300px;
  }

  .osm-popup img {
    width: 60%;
    border-radius: 0 !important;
  }

.osm-popup strong {
    font-size: 21px;
    display: block;
    color: #b89774;
}

  .osm-popup p {
    margin: 5px 0 15px;
    font-size: 14px;
    color: #0F2F47;
  }

  .osm-popup a button {
    background: #b89774;
    color: white;
    border: none;
    padding: 10px 16px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 2rem;
    cursor: pointer;
  }

  .osm-iframe {
    width: 100%;
    height: 600px;
    border: none;
  }

.fa-long-arrow-right {
  margin-right: 0.5rem;
}

/* Liens de langue */

.slog-h1 {
  font-size: 40px;    
}

#block-drupalet-ygency-logofooterdark {
    text-align: center;
}

.language-switcher-wrapper a {
    text-decoration: none;
    font-size: 14px;
    color: #333; /* Couleur neutre */
    padding: 0px 10px;	
    border: none;
	gap: 0.2rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in-out;
}
.language-switcher-wrapper nav {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 0.25rem;
}

.language-switcher-wrapper .nav-link {
  margin: 0 !important;
  padding: 0 !important;
}

.region-navigation-other {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.language-switcher-wrapper a:hover {
  color: #22435E;
}

.language-switcher-wrapper .is-active a {
    font-weight: bold;
    color: #b89774 !important;
}

/* Style des drapeaux */
.language-switcher-wrapper img {
    width: 20px; /* Taille des drapeaux */
    height: auto;
    margin-right: 8px; /* Espacement entre le drapeau et le texte */
}

@media (max-width: 768px) {
    .language-switcher-wrapper ul {
        flex-direction: column; /* Affichage vertical sur mobile */
    }

    .language-switcher-wrapper a {
        width: 100%; /* Largeur complète sur mobile */
        text-align: left; /* Alignement à gauche */
    }
}
.language-switcher-wrapper a::before {
    content: "";
    width: 24px;
    height: 16px;
    background-size: cover;
    display: flex;
    align-items: center;
    width: 0.8rem;
    height: 0.8rem;
}

/* Drapeau anglais */
.language-switcher-wrapper .en a::before {
    background-image: url('/sites/default/files/en.png'); /* Chemin de l'image */
}

/* Drapeau français */
.language-switcher-wrapper .fr a::before {
    background-image: url('/sites/default/files/fr.png');
}

.language-switcher-wrapper .es a::before {
    background-image: url('/sites/default/files/es.png');
}

.language-switcher {
    text-align: center;
    background-color: rgb(255 255 255 / 51%);
    border-radius: 2rem;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); /* Ombre douce */
    width: fit-content;
    margin: 10px auto;
}

/* Liste des langues */
.language-switcher-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 10px; /* Espacement horizontal */
}

.language-switcher-wrapper li {
    display: flex;
    align-items: center;
}

.size-guide-section {
  background-color: #b89774;
  padding: 4rem 2rem;
  text-align: center;
}

.section-title {
  font-size: 2.5rem;
  color: #103c2e;
  font-weight: bold;
  margin-bottom: 2rem;
}

.size-card h3 {
  font-size: 25px;
}

.dim-img {
  font-weight: 700;
}

.size-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto;
}

.size-card {
  background: #E7E5DE;
  border-radius: 3rem;
  padding: 1.5rem;
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
  transition: transform 0.2s;
}

.size-card img {
  height: 120px;
  object-fit: contain;
  margin-bottom: 1rem;
  border-radius: 4rem;
}

.size-card h3 {
  color: #0F2F47;
  margin-bottom: 0.5rem;
}

.size-card p {
  color: #b89774;
  font-size: 0.95rem;
}



.slick-arrow {
    position: unset !important;
    height: 42px;
    border: 0;
    -webkit-transform: unset !important;
}

.bg-bagages {
    background-image: url(/sites/default/files/bagages.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
    position: relative;
}

.overlay {
    background-color: rgba(32, 77, 50, 0.4);
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1 !important;
}

.background-section .content {
    position: relative;
    z-index: 2;
}

.price-fw {
  font-size: 25px;
}

.bg-cles {
    background-image: url(/sites/default/files/vendee/20.webp) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
    position: relative !important;
}

.border-bot-green {
  border-bottom: 1px solid #b89774;
}

.container-fluid {
  padding: 0 !important;
}

.bg-blue2 {
  background:#0F2F47;
}

.accordion-item .accordion-button:after {
  color: white !important;
}

.h4-title2 {
  line-height: 1.4;
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: 600;
    color: var(--ygency-secondary-color);
    font-family: var(--ygency-secondary-font);
    margin-top: 0;
        display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
        margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.h4-title2 a {
  color: white;
}

.social-style-four a {
    background: #b89774;
    padding: 18px 30px;
    border-radius: 2rem;
    color: white;
}

.accordion-item .accordion-button {
  font-weight: 600;
}

.item-green {
  background: #0F2F47 !important;
  padding: 1rem;
  border-radius: 2rem;
  color: white;
}

.accordion-item .accordion-header {
    padding-bottom: unset !important;
    margin-bottom: unset !important;
    border-bottom: unset !important;
}

.accordion-item:first-of-type {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
}

.accordion-item .accordion-body p {
    margin-bottom: 10px;
    font-size: 19px;
    color: white !important;
    margin-top: 2rem;
}

.item-green p {
  color: white;
}

.tarif-section {
  background: #093d27;
  color: #fff;
  padding: 60px 20px;
  text-align: center;
  max-width: 1200px; /* optionnel */
  margin: 0 auto;
}

.slick-dots {
  bottom: 25px !important;
}

.tarif-section h2 {
  font-size: 2rem;
  margin-bottom: 40px;
  color: #fff;
}

.tarif-grid {
  display: flex;
  justify-content: center;
}

.tarif-card {
  color: #093d27;
  border-radius: 20px;
  padding: 25px;
  position: relative;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

.tarif-header {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  background: #093d27;
  color: #fff;
  display: inline-block;
  padding: 5px 12px;
  border-radius: 8px;
}

.slick-list img {
  width: 100%;
}

.tarif-illustration img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ou contain si tu ne veux rien rogner */
  display: block;
}

.tarif-illustration {
  position: relative;
  overflow: hidden;
}

.slider-wrapper {
  max-width: 100%;
  padding: 0;
  background: none;
  overflow: hidden;
}

::-webkit-scrollbar-thumb {
  background-color: #b89774;
  border-radius: 10px;
}

::-webkit-scrollbar {
  width: 8px;
}

.slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: auto;
}

.tarif-card {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
}

.slick-track {
  display: flex !important;
}

.slick-slide > div {
  width: 100%;
}

.dimensions {
  background: #093d27;
  color: #fff;
  padding: 0.3rem 2rem;
  border-radius: 3rem;
}

.tarif-price {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
}

.note {
  font-size: 0.85rem;
  font-weight: normal;
  color: #555;
}

.tarif-separator {
  margin: 12px 0;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3); /* ou #ccc si fond clair */
  width: 100%;
}

.timeline-container1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.timeline-item2 {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 700px;
  width: 100%;
}

.timeline-item2.left {
  align-self: flex-start;
  flex-direction: row;
}

.timeline-item2.right {
  align-self: flex-end;
  flex-direction: row-reverse;
}

.timeline-icon1 {
  background-color: #0F2F47;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 20px;
  flex-shrink: 0;
}

.timeline-content1 {
  background-color: #E7E5DE;
  border-radius: 20px;
  padding: 20px 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 35rem;
}

/* Ligne de liaison visuelle */
.timeline-item2::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    top: 30%;
    transform: translateY(-50%);
}

.accordion-button:not(.collapsed) {
  box-shadow: unset !important;
}

.timeline-item2.left::after {
  left: 100%;
  border-left: none;
  border-top: none;
}

.timeline-item2.right::after {
  right: 100%;
  border-right: none;
  border-top: none;
}

.no-time.timeline-item2::after {
  content: unset !important;
}

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

body {
  color: var(--ygency-body-color);
  background: black;
  font-weight: 400;
  line-height: 32px;
  font-size: 16px;
  font-family: var(--ygency-primary-font);
  --ygency-primary-font: Inter;
  --ygency-secondary-font: Inter;
  --ygency-primary-color: #b89774;
  --ygency-secondary-color: #ffffff;
  --ygency-tertiary-color: #16161c;
  --ygency-body-color: rgba(255, 255, 255, 0.75);
  --ygency-headline-color: #ffffff;
  --ygency-border-color: rgba(255, 255, 255, 0.1);
  --ygency-dark-color: #02050A;
  --ygency-primary-rgb: 85,230,165;
  --ygency-secondary-rgb: 255,255,255;
  --ygency-tertiary-rgb: 22,22,28; }

a {
  color: var(--ygency-body-color);
  cursor: pointer;
  outline: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none; }
  a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    color: var(--ygency-secondary-color); }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--ygency-secondary-color); }

.text-white h1, .text-white h1 a,
.text-white h2, .text-white h2 a,
.text-white h3, .text-white h3 a,
.text-white h4, .text-white h4 a,
.text-white h5, .text-white h5 a,
.text-white h6, .text-white h6 a,
.text-white .h1, .text-white .h1 a,
.text-white .h2, .text-white .h2 a,
.text-white .h3, .text-white .h3 a,
.text-white .h4, .text-white .h4 a,
.text-white .h5, .text-white .h5 a,
.text-white .h6, .text-white .h6 a {
  color: white; }

ul, li {
  padding: 0;
  margin: 0; }
iframe {
  width: 100%;
  border-radius: 3rem;
}
img {
  max-width: 100%;
  border-radius: 3rem;
  display: inline-block; }

mark {
  color: var(--ygency-primary-color);
  background: transparent;
  text-decoration: underline; }

header:after, section:after, footer:after {
  display: block;
  clear: both;
  content: ""; }

/*======= Input Styles =======*/
input,
select,
textarea,
.nice-select,
.form-control {
  width: 100%;
  height: auto;
  border-radius: 5px;
  padding: 15px 30px;
  background-color: #fff;
  border: 1px solid var(--ygency-border-color); }

.nice-select {
  font-size: 18px;
  line-height: 1.3; }
  .nice-select:after {
    height: 8px;
    width: 8px;
    right: 25px;
    border-color: var(--ygency-secondary-color); }
  .nice-select .current {
    font-weight: 500;.bottom-border}
  .nice-select .list {
    width: 100%;
    border-radius: 0; }

textarea {
  display: inherit;
  padding-top: 20px; }

.bg-green {
  background: #0F2F47;    
}

.text-green {
  color: #0F2F47 !important;
}

.h4-title {
font-weight: 600;
    color: #0F2F47 !important;
    margin-top: 0;
    font-size: 30px;
}

.text-left-border-white {
    padding-left: 40px !important;
    max-width: 615px;
    color: white;
    border-left: 4px solid #E7E5DE;
}

label {
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--ygency-body-color); }

.form-group {
  position: relative;
  margin-bottom: 20px; }

input:focus,
button:focus,
.form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #cfdbf1; }

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none; }

input[type=checkbox], input[type=radio] {
  height: auto;
  width: auto; }

/*******************************************************/
/******************  ## Common Classes *****************/
/*******************************************************/
.page-wrapper {
  position: relative;
  z-index: 9;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  min-width: 300px; }

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1355px;
    padding-left: 15px;
    padding-right: 15px; }
    .container.container-1620 {
      max-width: 1650px; }
    .container.container-1590 {
      max-width: 1620px; }
    .container.container-1290 {
      max-width: 1320px; }
    .container.container-1260 {
      max-width: 1290px; }
    .container.container-1210 {
      max-width: 1240px; } }

@media only screen and (min-width: 576px) {
  .container-fluid {
    padding-left: 25px;
    padding-right: 25px; } }

@media only screen and (min-width: 1400px) {
  .container-fluid {
    padding-left: 70px !important;
    padding-right: 70px !important; } }

@media only screen and (max-width: 375px) {
  .col-small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

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

.no-gap {
  --bs-gutter-x: 0; }

@media only screen and (min-width: 1400px) {
  .gap-10 {
    --bs-gutter-x: 10px; } }

@media only screen and (min-width: 1400px) {
  .gap-20 {
    --bs-gutter-x: 20px; } }

@media only screen and (min-width: 1400px) {
  .gap-30 {
    --bs-gutter-x: 30px; } }

@media only screen and (min-width: 1400px) {
  .gap-40 {
    --bs-gutter-x: 40px; } }

@media only screen and (min-width: 1400px) {
  .gap-50 {
    --bs-gutter-x: 50px; } }

@media only screen and (min-width: 1400px) {
  .gap-60 {
    --bs-gutter-x: 60px; } }

@media only screen and (min-width: 1400px) {
  .gap-70 {
    --bs-gutter-x: 70px; } }

@media only screen and (min-width: 1400px) {
  .gap-80 {
    --bs-gutter-x: 80px; } }

@media only screen and (min-width: 1400px) {
  .gap-90 {
    --bs-gutter-x: 90px; } }

@media only screen and (min-width: 1400px) {
  .gap-100 {
    --bs-gutter-x: 100px; } }

@media only screen and (min-width: 1400px) {
  .gap-110 {
    --bs-gutter-x: 110px; } }

@media only screen and (min-width: 1400px) {
  .gap-120 {
    --bs-gutter-x: 120px; } }

@media only screen and (min-width: 1400px) {
  .gap-130 {
    --bs-gutter-x: 130px; } }

@media only screen and (min-width: 1400px) {
  .gap-140 {
    --bs-gutter-x: 140px; } }

@media only screen and (min-width: 1400px) {
  .gap-150 {
    --bs-gutter-x: 150px; } }

@media only screen and (min-width: 1200px) {
  .row-cols-xl-7 > * {
    width: 14.2857%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; } }

/** Section Title style **/
.section-title {
  margin-top: -7px;
  position: relative; }
  .section-title .sub-title {
    font-size: 18px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--ygency-primary-color);
    text-transform: capitalize; }
    .section-title .sub-title:before {
      content: '';
      width: 36px;
      height: 10px;
      margin-right: 10px;
      background: url(../images/icons/sub-title-beige.svg) no-repeat 100% 100%; }
    @media only screen and (max-width: 767px) {
      .section-title h2 {
        font-size: 40px; } }
    @media only screen and (max-width: 575px) {
      .section-title h2 {
        font-size: 35px; } }
    @media only screen and (max-width: 375px) {
      .section-title h2 {
        font-size: 33px; } }
    .section-title h2 i {
      color: var(--ygency-primary-color); }
  .section-title.style-two h2 {
    background: -webkit-radial-gradient(16.45% 50%, 87.11% 3413.79%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(16.45% 50%, 87.11% 3413.79%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(87.11% 3413.79% at 16.45% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .section-title.style-two h2 i {
      font-weight: 400;
      -webkit-text-fill-color: var(--ygency-primary-color); }

/* Big Text */
.big-text {
  color: white;
  display: block;
  font-size: 10vw;
  font-weight: 500;
  text-align: center; }
  .big-text.light-opacity {
    z-index: -1;
    opacity: 0.03;
    position: relative;
    margin-top: -100px; }

/** Button style **/
.theme-btn,
a.theme-btn {
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: 600;
  text-align: center;
  padding: 13px 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: transparent;
  color: var(--ygency-secondary-color);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--ygency-border-color); }
  .theme-btn i,
  a.theme-btn i {
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    margin-left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .theme-btn:hover,
  a.theme-btn:hover {
    color: var(--ygency-dark-color);
    background: var(--ygency-primary-color);
    border-color: var(--ygency-primary-color); }
    .theme-btn:hover i,
    a.theme-btn:hover i {
      margin-left: 13px;
      margin-right: -3px; }
  @media only screen and (max-width: 575px) {
    .theme-btn,
    a.theme-btn {
      padding: 10px 25px; } }
  .theme-btn.style-two,
  a.theme-btn.style-two {
    color: var(--ygency-dark-color);
    background: var(--ygency-primary-color);
    border-color: var(--ygency-primary-color); }
    .theme-btn.style-two:hover,
    a.theme-btn.style-two:hover {
      color: var(--ygency-primary-color);
      background: transparent; }
  .theme-btn.style-three,
  a.theme-btn.style-three {
    font-size: 24px;
    font-weight: 400;
    border-radius: 30px; }
    @media only screen and (min-width: 992px) {
      .theme-btn.style-three,
      a.theme-btn.style-three {
        padding: 18px 50px; } }

/* Details Btn */
.details-btn {
  width: 100px;
  height: 100px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 24px;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  display: inline-block;
  color: var(--ygency-secondary-color);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 1px solid var(--ygency-border-color); }
  .details-btn:hover {
    color: white;
    background: var(--ygency-primary-color);
    border-color: var(--ygency-primary-color); }
  @media only screen and (max-width: 479px) {
    .details-btn {
      width: 65px;
      height: 65px;
      font-size: 16px;
      line-height: 65px; } }

/* Explore Btn */
.explore-more {
  width: 165px;
  height: 165px;
  font-size: 18px;
  text-align: left;
  color: var(--ygency-dark-color);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 35px 44px 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--ygency-primary-color); }
  .explore-more i {
    text-align: center;
    -webkit-transform: rotate(-45deg) translate(-10px, -20px);
    -ms-transform: rotate(-45deg) translate(-10px, -20px);
    transform: rotate(-45deg) translate(-10px, -20px); }
  .explore-more span {
    font-weight: 600;
    line-height: 1.5; }
  @media only screen and (max-width: 479px) {
    .explore-more {
      width: 100px;
      height: 100px;
      font-size: 14px;
      padding: 15px 20px; }
      .explore-more i {
        -webkit-transform: rotate(-45deg) translate(-10px, -15px);
        -ms-transform: rotate(-45deg) translate(-10px, -15px);
        transform: rotate(-45deg) translate(-10px, -15px); }
      .explore-more span {
        line-height: 1.2; } }

/* Read More */
.read-more {
  font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: underline;
  text-underline-position: under; }
  .read-more i {
    float: right;
    font-weight: 400;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-left: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .read-more:hover {
    color: white;
    text-decoration: underline; }
    .read-more:hover i {
      margin-left: 13px; }
  .read-more.style-two {
    position: relative;
    padding-right: 28px; }
    .read-more.style-two span {
      opacity: 0;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-transform: translate(20px);
      -ms-transform: translate(20px);
      transform: translate(20px); }
    .read-more.style-two i {
      left: 0;
      margin-left: 0;
      font-size: 22px;
      position: absolute; }
    .read-more.style-two:hover span {
      opacity: 1;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); }
    .read-more.style-two:hover i {
      font-size: 16px;
      margin-left: 13px;
      left: calc(100% - 28px); }
  .read-more.color-primary {
    color: var(--ygency-primary-color); }

/*** BG Lines ** */
.bg-lines span {
  top: 0;
  z-index: -1;
  width: 1px;
  height: 100%;
  position: absolute;
  background: var(--ygency-border-color);
  -webkit-animation: leftRightOne 18s infinite;
  animation: leftRightOne 18s infinite; }
  .bg-lines span:nth-child(1) {
    left: 20%; }
  .bg-lines span:nth-child(2) {
    left: 40%; }
  .bg-lines span:nth-child(3) {
    left: 60%; }
  .bg-lines span:nth-child(4) {
    left: 80%; }
  .bg-lines span:nth-child(5) {
    left: 100%; }
  .bg-lines span:nth-child(6) {
    left: 120%; }
  .bg-lines span:nth-child(7) {
    left: 140%; }
  .bg-lines span:nth-child(8) {
    left: 160%; }
  .bg-lines span:nth-child(9) {
    left: 180%; }

.bg-lines.for-black-bg span {
  background: rgba(255, 255, 255, 0.1); }

/* List style One */
.list-style-one li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  color: var(--ygency-secondary-color); }
  .list-style-one li:not(:last-child) {
    margin-bottom: 8px; }
  .list-style-one li:before {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    font-size: 11px;
    margin-top: 6px;
    content: "\f00c";
    font-weight: 600;
    line-height: 16px;
    border: 2px solid;
    text-align: center;
    margin-right: 12px;
    border-radius: 50%;
    color: var(--ygency-primary-color);
    font-family: 'Font Awesome 5 Pro'; }

/* List style Two */
.list-style-two li {
  font-size: 18px; }
  .list-style-two li:not(:last-child) {
    margin-bottom: 8px; }
  .list-style-two li a:hover {
    color: var(--ygency-primary-color);
    text-decoration: underline;
    text-underline-position: under; }

/* List style Three */
.list-style-three {
  color: white; }
  .list-style-three li:not(:last-child) {
    margin-bottom: 8px; }
  .list-style-three li:before {
    content: "\f560";
    font-size: 1.2em;
    margin-right: 15px;
    color: var(--ygency-primary-color);
    font-family: 'Font Awesome 5 Pro'; }

/** Social Link One **/
.social-style-one {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: -10px;
  margin-right: -10px; }
  .social-style-one a {
    margin-left: 10px;
    margin-right: 10px; }

/** Social Link Two **/
.social-style-two {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: -5px;
  margin-right: -5px; }
  .social-style-two a {
    margin-left: 5px;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    background: transparent;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1); }
    .social-style-two a:hover {
      color: var(--ygency-dark-color);
      background: var(--ygency-primary-color); }

/** Social Link Three **/
.social-style-three {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: -7.5px;
  margin-right: -7.5px; }
  .social-style-three a {
    margin-left: 7.5px;
    margin-right: 7.5px; }
    .social-style-three a:hover {
      color: var(--ygency-primary-color); }

/** Social Link Four **/
.social-style-four {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: -35px;
  margin-right: -35px; }
  .social-style-four a {
    margin-left: 35px;
    margin-right: 35px; }
    .social-style-four a i {
      margin-right: 10px; }

/** Tab Style One **/
.tab-style-one {
  border-bottom: 1px solid var(--ygency-border-color); }
  .tab-style-one .nav-link {
    font-size: 18px;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -1px;
    background: transparent;
    border-bottom: 2px solid transparent; }
    @media only screen and (min-width: 1200px) {
      .tab-style-one .nav-link {
        padding-bottom: 25px; } }
    @media only screen and (max-width: 575px) {
      .tab-style-one .nav-link {
        font-size: 16px; } }
    .tab-style-one .nav-link.active {
      color: var(--ygency-primary-color);
      border-bottom-color: var(--ygency-primary-color); }
  .tab-style-one .nav-item:not(:last-child) {
    margin-right: 40px; }
    @media only screen and (max-width: 767px) {
      .tab-style-one .nav-item:not(:last-child) {
        margin-right: 20px; } }

/*** Preloader style ** */
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--ygency-dark-color);
  background-repeat: no-repeat;
  background-position: center center; }
  .preloader .custom-loader {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid white;
    border-top: 2px solid var(--ygency-primary-color);
    border-bottom: 2px solid var(--ygency-primary-color);
    -webkit-animation: 1s preloader linear infinite;
    animation: 1s preloader linear infinite; }

/* Pagination */
.pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px; }
  .pagination li {
    margin: 10px 5px 0; }
    .pagination li a,
    .pagination li .page-link {
      padding: 0;
      color: white;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-weight: 600;
      width: 60px;
      height: 60px;
      background: #0A1019;
      line-height: 60px;
      border-radius: 50%;
      text-align: center; }
    .pagination li.disabled .page-link, .pagination li:last-child .page-link {
      background: #0A1019;
      border-radius: 50%; }
    .pagination li.active .page-link, .pagination li:hover:not(.disabled) .page-link {
      color: var(--ygency-dark-color);
      background: var(--ygency-primary-color);
      border-color: var(--ygency-primary-color); }
    .pagination li:first-child .page-link, .pagination li:last-child .page-link {
      color: var(--ygency-primary-color); }
    .pagination li.dot {
      width: 7px;
      height: 7px;
      background: white;
      border-radius: 50%; }

/* Rating */
.ratting {
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .ratting i {
    margin: 3px;
    color: #f1b000;
    font-size: 14px; }
  .ratting.style-two i {
    margin: 6px;
    font-size: 18px;
    color: var(--ygency-primary-color); }

.slider-arrow .slick-arrow {
  border: 1px solid var(--ygency-border-color); }
  .slider-arrow .slick-arrow:not(:last-child) {
    margin-right: 5px; }
  .slider-arrow .slick-arrow:focus, .slider-arrow .slick-arrow:hover {
    color: white;
    background: var(--ygency-primary-color);
    border-color: var(--ygency-primary-color); }

/*** Slick Dots ***/
.slick-dots {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .slick-dots li {
    position: relative;
    cursor: pointer;
    width: 7px;
    height: 7px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: 0 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.65); }
    .slick-dots li button {
      opacity: 0; }
    .slick-dots li.slick-active {
      background: white; }

/*** Scroll Top style ***/
.scroll-top {
  position: fixed;
bottom: 35px;
    right: 50px;
    width: 50px;
    height: 50px;
  z-index: 99;
  display: none;
    font-size: 14px;
    cursor: pointer;
    line-height: 40px;
    color: white;
    border-radius: 5px;
    background: var(--ygency-primary-color);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    }

/* Text White */
.text-white *, .text-white a,
.text-white .sub-title,
.text-white .read-more,
.text-white .list-style-one li,
.text-white .list-style-one li:before,
.text-white .counter-text-wrap .count-text,
.text-white .hotline .content a:not(:hover) {
  color: white; }

.text-white .service-two-item .icon i {
  color: var(--ygency-primary-color); }

.text-white .service-two-item .content p {
  opacity: 0.6; }

.text-white .hotline > i {
  background: white; }

.text-white .hotline > i {
  border-color: white; }
  
.far, ul li {
  color: b89774;
}

.text-sapin {
  color: #b89774;
}

.bg-beige {
  background: #E7E5DE;
}

/* Wave Shapes */
.wave-shapes {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -100px;
  width: calc(100% + 100px);
  height: 100%; }
  .wave-shapes .shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-animation: leftRightOne 6s infinite;
    animation: leftRightOne 6s infinite; }
    .wave-shapes .shape.two {
      -webkit-animation-delay: 3s;
      animation-delay: 3s; }

/*Project Filter*/
.filter-btns-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px; }
  .filter-btns-one li {
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 500;
    padding: 4px 20px;
    border-radius: 5px;
    margin: 0 5px 10px;
    color: var(--ygency-secondary-color); }
    @media only screen and (max-width: 375px) {
      .filter-btns-one li {
        padding-left: 15px;
        padding-right: 15px; } }
    .filter-btns-one li.current {
      background: white;
      color: var(--ygency-primary-color);
      text-decoration: underline;
      -webkit-box-shadow: 10px 0 60px rgba(195, 195, 195, 0.5);
      box-shadow: 10px 0 60px rgba(195, 195, 195, 0.5); }

.filter-btns-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 500;
  margin-left: -18px;
  margin-right: -18px; }
  @media only screen and (min-width: 768px) {
    .filter-btns-two {
      font-size: 18px; } }
  @media only screen and (max-width: 575px) {
    .filter-btns-two {
      margin-left: -8px;
      margin-right: -8px; } }
  .filter-btns-two li {
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: 0 18px 10px;
    border-bottom: 3px solid transparent; }
    @media only screen and (max-width: 575px) {
      .filter-btns-two li {
        margin-left: 8px;
        margin-right: 8px; } }
    .filter-btns-two li.current {
      color: var(--ygency-primary-color);
      border-color: var(--ygency-primary-color); }

/* Position */
.rel {
  position: relative; }

.z-0 {
  z-index: 0; }

.z-1 {
  z-index: 1; }

.z-2 {
  z-index: 2; }

.z-3 {
  z-index: 3; }

.z-4 {
  z-index: 4; }

.z-5 {
  z-index: 5; }

.overlay {
  z-index: 1;
  position: relative; }
  .overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.75;
    	background: linear-gradient(
		90deg,
		rgba(11, 52, 72, 0.88) 0%,
		rgba(11, 52, 72, 0.62) 45%,
		rgba(11, 52, 72, 0.20) 100%
	); }

/* Backgruond Size */
.bgs-cover {
  background-size: cover;
  background-position: center; }

/* Color + Background */
.bgc-black {
  background-color: #0f1425; }

.bgc-gray {
  background-color: var(--ygency-secondary-color); }

.bgc-primary {
  background-color: var(--ygency-primary-color); }

.bgc-secondary {
  background-color: var(--ygency-primary-color); }

.bgc-lighter {
  background-color: var(--ygency-tertiary-color); }

.color-secondary {
  color: var(--ygency-primary-color); }

.bgc-black-with-lighting {
  background: #1e1e22; }
  .bgc-black-with-lighting:after, .bgc-black-with-lighting:before {
    position: absolute;
    width: 450px;
    height: 450px;
    z-index: -1;
    content: '';
    border-radius: 50%;
    background: var(--ygency-primary-color);
    -webkit-animation: zoomInOut 5s infinite;
    animation: zoomInOut 5s infinite; }
  .bgc-black-with-lighting:after {
    right: -8%;
    top: -15%;
    -webkit-filter: blur(110px);
    filter: blur(110px); }
  .bgc-black-with-lighting:before {
    left: -10%;
    top: 20%;
    -webkit-filter: blur(350px);
    filter: blur(350px);
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s; }

/* Border Radius */
.br-5 {
  border-radius: 5px; }

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

.br-15 {
  border-radius: 15px; }

.br-20 {
  border-radius: 20px; }

.br-25 {
  border-radius: 25px; }

.br-30 {
  border-radius: 30px; }

/*******************************************************/
/******************* ## Repeat Style ******************/
/*******************************************************/
.heading,
.tab-style-one .nav-link,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 600;
  color: var(--ygency-secondary-color);
  font-family: var(--ygency-secondary-font); }

h1, .h1 {
  font-size: 80px; }

h2, .h2 {
  font-size: 48px; }

h3, .h3 {
  font-size: 30px; }

h4, .h4 {
  line-height: 1.4;
  font-size: 24px; }

h5, .h5 {
  line-height: 1.45;
  font-size: 20px; }

h6, .h6 {
  font-size: 16px; }

/*******************************************************/
/************** ## Padding Margin Spacing *************/
/*******************************************************/
/* Padding Around */
.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

.p-55 {
  padding: 55px; }

.p-60 {
  padding: 60px; }

.p-65 {
  padding: 65px; }

.p-70 {
  padding: 70px; }

.p-75 {
  padding: 75px; }

.p-80 {
  padding: 80px; }

.p-85 {
  padding: 85px; }

.p-90 {
  padding: 90px; }

.p-95 {
  padding: 95px; }

.p-100 {
  padding: 100px; }

.p-105 {
  padding: 105px; }

.p-110 {
  padding: 110px; }

.p-115 {
  padding: 115px; }

.p-120 {
  padding: 120px; }

.p-125 {
  padding: 125px; }

.p-130 {
  padding: 130px; }

.p-135 {
  padding: 135px; }

.p-140 {
  padding: 140px; }

.p-145 {
  padding: 145px; }

.p-150 {
  padding: 150px; }

.p-155 {
  padding: 155px; }

.p-160 {
  padding: 160px; }

.p-165 {
  padding: 165px; }

.p-170 {
  padding: 170px; }

.p-175 {
  padding: 175px; }

.p-180 {
  padding: 180px; }

.p-185 {
  padding: 185px; }

.p-190 {
  padding: 190px; }

.p-195 {
  padding: 195px; }

.p-200 {
  padding: 200px; }

.p-205 {
  padding: 205px; }

.p-210 {
  padding: 210px; }

.p-215 {
  padding: 215px; }

.p-220 {
  padding: 220px; }

.p-225 {
  padding: 225px; }

.p-230 {
  padding: 230px; }

.p-235 {
  padding: 235px; }

.p-240 {
  padding: 240px; }

.p-245 {
  padding: 245px; }

.p-250 {
  padding: 250px; }

/* Padding Top */
.pt-5,
.py-5 {
  padding-top: 5px !important; }

.pt-10,
.py-10 {
  padding-top: 10px; }

.pt-15,
.py-15 {
  padding-top: 15px; }

.pt-20,
.py-20 {
  padding-top: 20px; }

.pt-25,
.py-25 {
  padding-top: 25px; }

.pt-30,
.py-30 {
  padding-top: 30px; }

.pt-35,
.py-35 {
  padding-top: 35px; }

.pt-40,
.py-40 {
  padding-top: 40px; }

.pt-45,
.py-45 {
  padding-top: 45px; }

.pt-50,
.py-50 {
  padding-top: 50px; }

.pt-55,
.py-55 {
  padding-top: 55px; }

.pt-60,
.py-60 {
  padding-top: 60px; }

.pt-65,
.py-65 {
  padding-top: 65px; }

.pt-70,
.py-70 {
  padding-top: 70px; }

.pt-75,
.py-75 {
  padding-top: 75px; }

.pt-80,
.py-80 {
  padding-top: 80px; }

.pt-85,
.py-85 {
  padding-top: 85px; }

.pt-90,
.py-90 {
  padding-top: 90px; }

.pt-95,
.py-95 {
  padding-top: 95px; }

.pt-100,
.py-100 {
  padding-top: 100px; }

.pt-105,
.py-105 {
  padding-top: 105px; }

.pt-110,
.py-110 {
  padding-top: 110px; }

.pt-115,
.py-115 {
  padding-top: 115px; }

.pt-120,
.py-120 {
  padding-top: 120px; }

.pt-125,
.py-125 {
  padding-top: 125px; }

.pt-130,
.py-130 {
  padding-top: 130px; }

.pt-135,
.py-135 {
  padding-top: 135px; }

.pt-140,
.py-140 {
  padding-top: 140px; }

.pt-145,
.py-145 {
  padding-top: 145px; }

.pt-150,
.py-150 {
  padding-top: 150px; }

.pt-155,
.py-155 {
  padding-top: 155px; }

.pt-160,
.py-160 {
  padding-top: 160px; }

.pt-165,
.py-165 {
  padding-top: 165px; }

.pt-170,
.py-170 {
  padding-top: 170px; }

.pt-175,
.py-175 {
  padding-top: 175px; }

.pt-180,
.py-180 {
  padding-top: 180px; }

.pt-185,
.py-185 {
  padding-top: 185px; }

.pt-190,
.py-190 {
  padding-top: 190px; }

.pt-195,
.py-195 {
  padding-top: 195px; }

.pt-200,
.py-200 {
  padding-top: 200px; }

.pt-205,
.py-205 {
  padding-top: 205px; }

.pt-210,
.py-210 {
  padding-top: 210px; }

.pt-215,
.py-215 {
  padding-top: 215px; }

.pt-220,
.py-220 {
  padding-top: 220px; }

.pt-225,
.py-225 {
  padding-top: 225px; }

.pt-230,
.py-230 {
  padding-top: 230px; }

.pt-235,
.py-235 {
  padding-top: 235px; }

.pt-240,
.py-240 {
  padding-top: 240px; }

.pt-245,
.py-245 {
  padding-top: 245px; }

.pt-250,
.py-250 {
  padding-top: 250px; }

/* Padding Bottom */
.pb-5,
.py-5 {
  padding-bottom: 5px !important; }

.pb-10,
.py-10 {
  padding-bottom: 10px; }

.pb-15,
.py-15 {
  padding-bottom: 15px; }

.pb-20,
.py-20 {
  padding-bottom: 20px; }

.pb-25,
.py-25 {
  padding-bottom: 25px; }

.pb-30,
.py-30 {
  padding-bottom: 30px; }

.pb-35,
.py-35 {
  padding-bottom: 35px; }

.pb-40,
.py-40 {
  padding-bottom: 40px; }

.pb-45,
.py-45 {
  padding-bottom: 45px; }

.pb-50,
.py-50 {
  padding-bottom: 50px; }

.pb-55,
.py-55 {
  padding-bottom: 55px; }

.pb-60,
.py-60 {
  padding-bottom: 60px; }

.pb-65,
.py-65 {
  padding-bottom: 65px; }

.pb-70,
.py-70 {
  padding-bottom: 70px; }

.pb-75,
.py-75 {
  padding-bottom: 75px; }

.pb-80,
.py-80 {
  padding-bottom: 80px; }

.pb-85,
.py-85 {
  padding-bottom: 85px; }

.pb-90,
.py-90 {
  padding-bottom: 90px; }

.pb-95,
.py-95 {
  padding-bottom: 95px; }

.pb-100,
.py-100 {
  padding-bottom: 100px; }

.pb-105,
.py-105 {
  padding-bottom: 105px; }

.pb-110,
.py-110 {
  padding-bottom: 110px; }

.pb-115,
.py-115 {
  padding-bottom: 115px; }

.pb-120,
.py-120 {
  padding-bottom: 120px; }

.pb-125,
.py-125 {
  padding-bottom: 125px; }

.pb-130,
.py-130 {
  padding-bottom: 130px; }

.pb-135,
.py-135 {
  padding-bottom: 135px; }

.pb-140,
.py-140 {
  padding-bottom: 140px; }

.pb-145,
.py-145 {
  padding-bottom: 145px; }

.pb-150,
.py-150 {
  padding-bottom: 150px; }

.pb-155,
.py-155 {
  padding-bottom: 155px; }

.pb-160,
.py-160 {
  padding-bottom: 160px; }

.pb-165,
.py-165 {
  padding-bottom: 165px; }

.pb-170,
.py-170 {
  padding-bottom: 170px; }

.pb-175,
.py-175 {
  padding-bottom: 175px; }

.pb-180,
.py-180 {
  padding-bottom: 180px; }

.pb-185,
.py-185 {
  padding-bottom: 185px; }

.pb-190,
.py-190 {
  padding-bottom: 190px; }

.pb-195,
.py-195 {
  padding-bottom: 195px; }

.pb-200,
.py-200 {
  padding-bottom: 200px; }

.pb-205,
.py-205 {
  padding-bottom: 205px; }

.pb-210,
.py-210 {
  padding-bottom: 210px; }

.pb-215,
.py-215 {
  padding-bottom: 215px; }

.pb-220,
.py-220 {
  padding-bottom: 220px; }

.pb-225,
.py-225 {
  padding-bottom: 225px; }

.pb-230,
.py-230 {
  padding-bottom: 230px; }

.pb-235,
.py-235 {
  padding-bottom: 235px; }

.pb-240,
.py-240 {
  padding-bottom: 240px; }

.pb-245,
.py-245 {
  padding-bottom: 245px; }

.pb-250,
.py-250 {
  padding-bottom: 250px; }

/* Margin Around */
.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px; }

.m-15 {
  margin: 15px; }

.m-20 {
  margin: 20px; }

.m-25 {
  margin: 25px; }

.m-30 {
  margin: 30px; }

.m-35 {
  margin: 35px; }

.m-40 {
  margin: 40px; }

.m-45 {
  margin: 45px; }

.m-50 {
  margin: 50px; }

.m-55 {
  margin: 55px; }

.m-60 {
  margin: 60px; }

.m-65 {
  margin: 65px; }

.m-70 {
  margin: 70px; }

.m-75 {
  margin: 75px; }

.m-80 {
  margin: 80px; }

.m-85 {
  margin: 85px; }

.m-90 {
  margin: 90px; }

.m-95 {
  margin: 95px; }

.m-100 {
  margin: 100px; }

.m-105 {
  margin: 105px; }

.m-110 {
  margin: 110px; }

.m-115 {
  margin: 115px; }

.m-120 {
  margin: 120px; }

.m-125 {
  margin: 125px; }

.m-130 {
  margin: 130px; }

.m-135 {
  margin: 135px; }

.m-140 {
  margin: 140px; }

.m-145 {
  margin: 145px; }

.m-150 {
  margin: 150px; }

.m-155 {
  margin: 155px; }

.m-160 {
  margin: 160px; }

.m-165 {
  margin: 165px; }

.m-170 {
  margin: 170px; }

.m-175 {
  margin: 175px; }

.m-180 {
  margin: 180px; }

.m-185 {
  margin: 185px; }

.m-190 {
  margin: 190px; }

.m-195 {
  margin: 195px; }

.m-200 {
  margin: 200px; }

.m-205 {
  margin: 205px; }

.m-210 {
  margin: 210px; }

.m-215 {
  margin: 215px; }

.m-220 {
  margin: 220px; }

.m-225 {
  margin: 225px; }

.m-230 {
  margin: 230px; }

.m-235 {
  margin: 235px; }

.m-240 {
  margin: 240px; }

.m-245 {
  margin: 245px; }

.m-250 {
  margin: 250px; }

/* Margin Top */
.mt-5,
.my-5 {
  margin-top: 5px !important; }

.mt-10,
.my-10 {
  margin-top: 10px; }

.mt-15,
.my-15 {
  margin-top: 15px; }

.mt-20,
.my-20 {
  margin-top: 20px; }

.mt-25,
.my-25 {
  margin-top: 25px; }

.mt-30,
.my-30 {
  margin-top: 30px; }

.mt-35,
.my-35 {
  margin-top: 35px; }

.mt-40,
.my-40 {
  margin-top: 40px; }

.mt-45,
.my-45 {
  margin-top: 45px; }

.mt-50,
.my-50 {
  margin-top: 50px; }

.mt-55,
.my-55 {
  margin-top: 55px; }

.mt-60,
.my-60 {
  margin-top: 60px; }

.mt-65,
.my-65 {
  margin-top: 65px; }

.mt-70,
.my-70 {
  margin-top: 70px; }

.mt-75,
.my-75 {
  margin-top: 75px; }

.mt-80,
.my-80 {
  margin-top: 80px; }

.mt-85,
.my-85 {
  margin-top: 85px; }

.mt-90,
.my-90 {
  margin-top: 90px; }

.mt-95,
.my-95 {
  margin-top: 95px; }

.mt-100,
.my-100 {
  margin-top: 100px; }

.mt-105,
.my-105 {
  margin-top: 105px; }

.mt-110,
.my-110 {
  margin-top: 110px; }

.mt-115,
.my-115 {
  margin-top: 115px; }

.mt-120,
.my-120 {
  margin-top: 120px; }

.mt-125,
.my-125 {
  margin-top: 125px; }

.mt-130,
.my-130 {
  margin-top: 130px; }

.mt-135,
.my-135 {
  margin-top: 135px; }

.mt-140,
.my-140 {
  margin-top: 140px; }

.mt-145,
.my-145 {
  margin-top: 145px; }

.mt-150,
.my-150 {
  margin-top: 150px; }

.mt-155,
.my-155 {
  margin-top: 155px; }

.mt-160,
.my-160 {
  margin-top: 160px; }

.mt-165,
.my-165 {
  margin-top: 165px; }

.mt-170,
.my-170 {
  margin-top: 170px; }

.mt-175,
.my-175 {
  margin-top: 175px; }

.mt-180,
.my-180 {
  margin-top: 180px; }

.mt-185,
.my-185 {
  margin-top: 185px; }

.mt-190,
.my-190 {
  margin-top: 190px; }

.mt-195,
.my-195 {
  margin-top: 195px; }

.mt-200,
.my-200 {
  margin-top: 200px; }

.mt-205,
.my-205 {
  margin-top: 205px; }

.mt-210,
.my-210 {
  margin-top: 210px; }

.mt-215,
.my-215 {
  margin-top: 215px; }

.mt-220,
.my-220 {
  margin-top: 220px; }

.mt-225,
.my-225 {
  margin-top: 225px; }

.mt-230,
.my-230 {
  margin-top: 230px; }

.mt-235,
.my-235 {
  margin-top: 235px; }

.mt-240,
.my-240 {
  margin-top: 240px; }

.mt-245,
.my-245 {
  margin-top: 245px; }

.mt-250,
.my-250 {
  margin-top: 250px; }

/* Margin Bottom */
.mb-5,
.my-5 {
  margin-bottom: 5px !important; }

.mb-10,
.my-10 {
  margin-bottom: 10px; }

.mb-15,
.my-15 {
  margin-bottom: 15px; }

.mb-20,
.my-20 {
  margin-bottom: 20px; }

.mb-25,
.my-25 {
  margin-bottom: 25px; }

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

.mb-35,
.my-35 {
  margin-bottom: 35px; }

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

.mb-45,
.my-45 {
  margin-bottom: 45px; }

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

.mb-55,
.my-55 {
  margin-bottom: 55px; }

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

.mb-65,
.my-65 {
  margin-bottom: 65px; }

.mb-70,
.my-70 {
  margin-bottom: 70px; }

.mb-75,
.my-75 {
  margin-bottom: 75px; }

.mb-80,
.my-80 {
  margin-bottom: 80px; }

.mb-85,
.my-85 {
  margin-bottom: 85px; }

.mb-90,
.my-90 {
  margin-bottom: 90px; }

.mb-95,
.my-95 {
  margin-bottom: 95px; }

.mb-100,
.my-100 {
  margin-bottom: 100px; }

.mb-105,
.my-105 {
  margin-bottom: 105px; }

.mb-110,
.my-110 {
  margin-bottom: 110px; }

.mb-115,
.my-115 {
  margin-bottom: 115px; }

.mb-120,
.my-120 {
  margin-bottom: 120px; }

.mb-125,
.my-125 {
  margin-bottom: 125px; }

.mb-130,
.my-130 {
  margin-bottom: 130px; }

.mb-135,
.my-135 {
  margin-bottom: 135px; }

.mb-140,
.my-140 {
  margin-bottom: 140px; }

.mb-145,
.my-145 {
  margin-bottom: 145px; }

.mb-150,
.my-150 {
  margin-bottom: 150px; }

.mb-155,
.my-155 {
  margin-bottom: 155px; }

.mb-160,
.my-160 {
  margin-bottom: 160px; }

.mb-165,
.my-165 {
  margin-bottom: 165px; }

.mb-170,
.my-170 {
  margin-bottom: 170px; }

.mb-175,
.my-175 {
  margin-bottom: 175px; }

.mb-180,
.my-180 {
  margin-bottom: 180px; }

.mb-185,
.my-185 {
  margin-bottom: 185px; }

.mb-190,
.my-190 {
  margin-bottom: 190px; }

.mb-195,
.my-195 {
  margin-bottom: 195px; }

.mb-200,
.my-200 {
  margin-bottom: 200px; }

.mb-205,
.my-205 {
  margin-bottom: 205px; }

.mb-210,
.my-210 {
  margin-bottom: 210px; }

.mb-215,
.my-215 {
  margin-bottom: 215px; }

.mb-220,
.my-220 {
  margin-bottom: 220px; }

.mb-225,
.my-225 {
  margin-bottom: 225px; }

.mb-230,
.my-230 {
  margin-bottom: 230px; }

.mb-235,
.my-235 {
  margin-bottom: 235px; }

.mb-240,
.my-240 {
  margin-bottom: 240px; }

.mb-245,
.my-245 {
  margin-bottom: 245px; }

.mb-250,
.my-250 {
  margin-bottom: 250px; }

/* Responsive Padding Margin */
@media only screen and (max-width: 991px) {
  /* Padding Around */
  .rp-0 {
    padding: 0px !important; }
  .rp-5 {
    padding: 5px !important; }
  .rp-10 {
    padding: 10px; }
  .rp-15 {
    padding: 15px; }
  .rp-20 {
    padding: 20px; }
  .rp-25 {
    padding: 25px; }
  .rp-30 {
    padding: 30px; }
  .rp-35 {
    padding: 35px; }
  .rp-40 {
    padding: 40px; }
  .rp-45 {
    padding: 45px; }
  .rp-50 {
    padding: 50px; }
  .rp-55 {
    padding: 55px; }
  .rp-60 {
    padding: 60px; }
  .rp-65 {
    padding: 65px; }
  .rp-70 {
    padding: 70px; }
  .rp-75 {
    padding: 75px; }
  .rp-80 {
    padding: 80px; }
  .rp-85 {
    padding: 85px; }
  .rp-90 {
    padding: 90px; }
  .rp-95 {
    padding: 95px; }
  .rp-100 {
    padding: 100px; }
  .rp-105 {
    padding: 105px; }
  .rp-110 {
    padding: 110px; }
  .rp-115 {
    padding: 115px; }
  .rp-120 {
    padding: 120px; }
  .rp-125 {
    padding: 125px; }
  .rp-130 {
    padding: 130px; }
  .rp-135 {
    padding: 135px; }
  .rp-140 {
    padding: 140px; }
  .rp-145 {
    padding: 145px; }
  .rp-150 {
    padding: 150px; }
  /* Padding Top */
  .rpt-0,
  .rpy-0 {
    padding-top: 0px !important; }
  .rpt-5,
  .rpy-5 {
    padding-top: 5px !important; }
  .rpt-10,
  .rpy-10 {
    padding-top: 10px; }
  .rpt-15,
  .rpy-15 {
    padding-top: 15px; }
  .rpt-20,
  .rpy-20 {
    padding-top: 20px; }
  .rpt-25,
  .rpy-25 {
    padding-top: 25px; }
  .rpt-30,
  .rpy-30 {
    padding-top: 30px; }
  .rpt-35,
  .rpy-35 {
    padding-top: 35px; }
  .rpt-40,
  .rpy-40 {
    padding-top: 40px; }
  .rpt-45,
  .rpy-45 {
    padding-top: 45px; }
  .rpt-50,
  .rpy-50 {
    padding-top: 50px; }
  .rpt-55,
  .rpy-55 {
    padding-top: 55px; }
  .rpt-60,
  .rpy-60 {
    padding-top: 60px; }
  .rpt-65,
  .rpy-65 {
    padding-top: 65px; }
  .rpt-70,
  .rpy-70 {
    padding-top: 70px; }
  .rpt-75,
  .rpy-75 {
    padding-top: 75px; }
  .rpt-80,
  .rpy-80 {
    padding-top: 80px; }
  .rpt-85,
  .rpy-85 {
    padding-top: 85px; }
  .rpt-90,
  .rpy-90 {
    padding-top: 90px; }
  .rpt-95,
  .rpy-95 {
    padding-top: 95px; }
  .rpt-100,
  .rpy-100 {
    padding-top: 100px; }
  .rpt-105,
  .rpy-105 {
    padding-top: 105px; }
  .rpt-110,
  .rpy-110 {
    padding-top: 110px; }
  .rpt-115,
  .rpy-115 {
    padding-top: 115px; }
  .rpt-120,
  .rpy-120 {
    padding-top: 120px; }
  .rpt-125,
  .rpy-125 {
    padding-top: 125px; }
  .rpt-130,
  .rpy-130 {
    padding-top: 130px; }
  .rpt-135,
  .rpy-135 {
    padding-top: 135px; }
  .rpt-140,
  .rpy-140 {
    padding-top: 140px; }
  .rpt-145,
  .rpy-145 {
    padding-top: 145px; }
  .rpt-150,
  .rpy-150 {
    padding-top: 150px; }
  /* Padding Bottom */
  .rpb-0,
  .rpy-0 {
    padding-bottom: 0px !important; }
  .rpb-5,
  .rpy-5 {
    padding-bottom: 5px !important; }
  .rpb-10,
  .rpy-10 {
    padding-bottom: 10px; }
  .rpb-15,
  .rpy-15 {
    padding-bottom: 15px; }
  .rpb-20,
  .rpy-20 {
    padding-bottom: 20px; }
  .rpb-25,
  .rpy-25 {
    padding-bottom: 25px; }
  .rpb-30,
  .rpy-30 {
    padding-bottom: 30px; }
  .rpb-35,
  .rpy-35 {
    padding-bottom: 35px; }
  .rpb-40,
  .rpy-40 {
    padding-bottom: 40px; }
  .rpb-45,
  .rpy-45 {
    padding-bottom: 45px; }
  .rpb-50,
  .rpy-50 {
    padding-bottom: 50px; }
  .rpb-55,
  .rpy-55 {
    padding-bottom: 55px; }
  .rpb-60,
  .rpy-60 {
    padding-bottom: 60px; }
  .rpb-65,
  .rpy-65 {
    padding-bottom: 65px; }
  .rpb-70,
  .rpy-70 {
    padding-bottom: 70px; }
  .rpb-75,
  .rpy-75 {
    padding-bottom: 75px; }
  .rpb-80,
  .rpy-80 {
    padding-bottom: 80px; }
  .rpb-85,
  .rpy-85 {
    padding-bottom: 85px; }
  .rpb-90,
  .rpy-90 {
    padding-bottom: 90px; }
  .rpb-95,
  .rpy-95 {
    padding-bottom: 95px; }
  .rpb-100,
  .rpy-100 {
    padding-bottom: 100px; }
  .rpb-105,
  .rpy-105 {
    padding-bottom: 105px; }
  .rpb-110,
  .rpy-110 {
    padding-bottom: 110px; }
  .rpb-115,
  .rpy-115 {
    padding-bottom: 115px; }
  .rpb-120,
  .rpy-120 {
    padding-bottom: 120px; }
  .rpb-125,
  .rpy-125 {
    padding-bottom: 125px; }
  .rpb-130,
  .rpy-130 {
    padding-bottom: 130px; }
  .rpb-135,
  .rpy-135 {
    padding-bottom: 135px; }
  .rpb-140,
  .rpy-140 {
    padding-bottom: 140px; }
  .rpy-145 {
    padding-bottom: 145px; }
  .rpb-150,
  .rpy-150 {
    padding-bottom: 150px; }
  /* Margin Around */
  .rm-0 {
    margin: 0px !important; }
  .rm-5 {
    margin: 5px !important; }
  .rm-10 {
    margin: 10px; }
  .rm-15 {
    margin: 15px; }
  .rm-20 {
    margin: 20px; }
  .rm-25 {
    margin: 25px; }
  .rm-30 {
    margin: 30px; }
  .rm-35 {
    margin: 35px; }
  .rm-40 {
    margin: 40px; }
  .rm-45 {
    margin: 45px; }
  .rm-50 {
    margin: 50px; }
  .rm-55 {
    margin: 55px; }
  .rm-60 {
    margin: 60px; }
  .rm-65 {
    margin: 65px; }
  .rm-70 {
    margin: 70px; }
  .rm-75 {
    margin: 75px; }
  .rm-80 {
    margin: 80px; }
  .rm-85 {
    margin: 85px; }
  .rm-90 {
    margin: 90px; }
  .rm-95 {
    margin: 95px; }
  .rm-100 {
    margin: 100px; }
  .rm-105 {
    margin: 105px; }
  .rm-110 {
    margin: 110px; }
  .rm-115 {
    margin: 115px; }
  .rm-120 {
    margin: 120px; }
  .rm-125 {
    margin: 125px; }
  .rm-130 {
    margin: 130px; }
  .rm-135 {
    margin: 135px; }
  .rm-140 {
    margin: 140px; }
  .rm-145 {
    margin: 145px; }
  .rm-150 {
    margin: 150px; }
  /* Margin Top */
  .rmt-0,
  .rmy-0 {
    margin-top: 0px !important; }
  .rmt-5,
  .rmy-5 {
    margin-top: 5px !important; }
  .rmt-10,
  .rmy-10 {
    margin-top: 10px; }
  .rmt-15,
  .rmy-15 {
    margin-top: 15px; }
  .rmt-20,
  .rmy-20 {
    margin-top: 20px; }
  .rmt-25,
  .rmy-25 {
    margin-top: 25px; }
  .rmt-30,
  .rmy-30 {
    margin-top: 30px; }
  .rmt-35,
  .rmy-35 {
    margin-top: 35px; }
  .rmt-40,
  .rmy-40 {
    margin-top: 40px; }
  .rmt-45,
  .rmy-45 {
    margin-top: 45px; }
  .rmt-50,
  .rmy-50 {
    margin-top: 50px; }
  .rmt-55,
  .rmy-55 {
    margin-top: 55px; }
  .rmt-60,
  .rmy-60 {
    margin-top: 60px; }
  .rmt-65,
  .rmy-65 {
    margin-top: 65px; }
  .rmt-70,
  .rmy-70 {
    margin-top: 70px; }
  .rmt-75,
  .rmy-75 {
    margin-top: 75px; }
  .rmt-80,
  .rmy-80 {
    margin-top: 80px; }
  .rmt-85,
  .rmy-85 {
    margin-top: 85px; }
  .rmt-90,
  .rmy-90 {
    margin-top: 90px; }
  .rmt-95,
  .rmy-95 {
    margin-top: 95px; }
  .rmt-100,
  .rmy-100 {
    margin-top: 100px; }
  .rmt-105,
  .rmy-105 {
    margin-top: 105px; }
  .rmt-110,
  .rmy-110 {
    margin-top: 110px; }
  .rmt-115,
  .rmy-115 {
    margin-top: 115px; }
  .rmt-120,
  .rmy-120 {
    margin-top: 120px; }
  .rmt-125,
  .rmy-125 {
    margin-top: 125px; }
  .rmt-130,
  .rmy-130 {
    margin-top: 130px; }
  .rmt-135,
  .rmy-135 {
    margin-top: 135px; }
  .rmt-140,
  .rmy-140 {
    margin-top: 140px; }
  .rmt-145,
  .rmy-145 {
    margin-top: 145px; }
  .rmt-150,
  .rmy-150 {
    margin-top: 150px; }
  /* Margin Bottom */
  .rmb-0,
  .rmy-0 {
    margin-bottom: 0px !important; }
  .rmb-5,
  .rmy-5 {
    margin-bottom: 5px !important; }
  .rmb-10,
  .rmy-10 {
    margin-bottom: 10px; }
  .rmb-15,
  .rmy-15 {
    margin-bottom: 15px; }
  .rmb-20,
  .rmy-20 {
    margin-bottom: 20px; }
  .rmb-25,
  .rmy-25 {
    margin-bottom: 25px; }
  .rmb-30,
  .rmy-30 {
    margin-bottom: 30px; }
  .rmb-35,
  .rmy-35 {
    margin-bottom: 35px; }
  .rmb-40,
  .rmy-40 {
    margin-bottom: 40px; }
  .rmb-45,
  .rmy-45 {
    margin-bottom: 45px; }
  .rmb-50,
  .rmy-50 {
    margin-bottom: 50px; }
  .rmb-55,
  .rmy-55 {
    margin-bottom: 55px; }
  .rmb-60,
  .rmy-60 {
    margin-bottom: 60px; }
  .rmb-65,
  .rmy-65 {
    margin-bottom: 65px; }
  .rmb-70,
  .rmy-70 {
    margin-bottom: 70px; }
  .rmb-75,
  .rmy-75 {
    margin-bottom: 75px; }
  .rmb-80,
  .rmy-80 {
    margin-bottom: 80px; }
  .rmb-85,
  .rmy-85 {
    margin-bottom: 85px; }
  .rmb-90,
  .rmy-90 {
    margin-bottom: 90px; }
  .rmb-95,
  .rmy-95 {
    margin-bottom: 95px; }
  .rmb-100,
  .rmy-100 {
    margin-bottom: 100px; }
  .rmb-105,
  .rmy-105 {
    margin-bottom: 105px; }
  .rmb-110,
  .rmy-110 {
    margin-bottom: 110px; }
  .rmb-115,
  .rmy-115 {
    margin-bottom: 115px; }
  .rmb-120,
  .rmy-120 {
    margin-bottom: 120px; }
  .rmb-125,
  .rmy-125 {
    margin-bottom: 125px; }
  .rmb-130,
  .rmy-130 {
    margin-bottom: 130px; }
  .rmb-135,
  .rmy-135 {
    margin-bottom: 135px; }
  .rmb-140,
  .rmy-140 {
    margin-bottom: 140px; }
  .rmb-145,
  .rmy-145 {
    margin-bottom: 145px; }
  .rmb-150,
  .rmy-150 {
    margin-bottom: 150px; } }

/*******************************************************/
/***************** ## Custom Animation ****************/
/*******************************************************/
/* Animation Delay */
.delay-1-0s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.delay-2-0s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.delay-0-1s {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.delay-0-2s {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.delay-0-3s {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.delay-0-4s {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.delay-0-5s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.delay-0-6s {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.delay-0-7s {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.delay-0-8s {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.delay-0-9s {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

.delay-1-1s {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s; }

.delay-1-2s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.delay-1-3s {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s; }

.delay-1-4s {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.delay-1-6s {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.delay-1-7s {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s; }

.delay-1-8s {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }

.delay-1-9s {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s; }

/* Menu Sticky */
@-webkit-keyframes sticky {
  0% {
    top: -100px; }
  100% {
    top: 0; } }

@keyframes sticky {
  0% {
    top: -100px; }
  100% {
    top: 0; } }

/* Rotated Circle */
@-webkit-keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

/* Rotated Man */
@-webkit-keyframes semi_rotated {
  0%,
  100% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg); }
  50% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg); } }
@keyframes semi_rotated {
  0%,
  100% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg); }
  50% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg); } }

/* BG Shape Rotated */
@-webkit-keyframes semi_rotated_two {
  0%,
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg); }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg); } }
@keyframes semi_rotated_two {
  0%,
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg); }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg); } }

@-webkit-keyframes move_arround {
  0% {
    top: 20px;
    left: 20px; }
  25% {
    top: 20px;
    left: -20px; }
  50% {
    top: -20px;
    left: -20px; }
  75% {
    top: -20px;
    left: 20px; }
  100% {
    top: 20px;
    left: 20px; } }

@keyframes move_arround {
  0% {
    top: 20px;
    left: 20px; }
  25% {
    top: 20px;
    left: -20px; }
  50% {
    top: -20px;
    left: -20px; }
  75% {
    top: -20px;
    left: 20px; }
  100% {
    top: 20px;
    left: 20px; } }

/* Hero Circle */
@-webkit-keyframes upDownLeft {
  0%,
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  25%,
  75% {
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px); }
  50% {
    -webkit-transform: translate(-50px, 50px);
    transform: translate(-50px, 50px); } }
@keyframes upDownLeft {
  0%,
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  25%,
  75% {
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px); }
  50% {
    -webkit-transform: translate(-50px, 50px);
    transform: translate(-50px, 50px); } }

@-webkit-keyframes shapeAnimationOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(0px, 150px) rotate(90deg);
    transform: translate(0px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 0px) rotate(270deg);
    transform: translate(150px, 0px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(0px, 150px) rotate(90deg);
    transform: translate(0px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 0px) rotate(270deg);
    transform: translate(150px, 0px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px, 0px) rotate(270deg);
    transform: translate(-150px, 0px) rotate(270deg); }
  50% {
    -webkit-transform: translate(-150px, 150px) rotate(180deg);
    transform: translate(-150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(0px, 150px) rotate(90deg);
    transform: translate(0px, 150px) rotate(90deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px, 0px) rotate(270deg);
    transform: translate(-150px, 0px) rotate(270deg); }
  50% {
    -webkit-transform: translate(-150px, 150px) rotate(180deg);
    transform: translate(-150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(0px, 150px) rotate(90deg);
    transform: translate(0px, 150px) rotate(90deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationThree {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(50px, 150px) rotate(90deg);
    transform: translate(50px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 50px) rotate(270deg);
    transform: translate(150px, 50px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationThree {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(50px, 150px) rotate(90deg);
    transform: translate(50px, 150px) rotate(90deg); }
  50% {
    -webkit-transform: translate(150px, 150px) rotate(180deg);
    transform: translate(150px, 150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(150px, 50px) rotate(270deg);
    transform: translate(150px, 50px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationFour {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px -50px) rotate(90deg);
    transform: translate(-150px -50px) rotate(90deg); }
  50% {
    -webkit-transform: translate(-150px, -150px) rotate(180deg);
    transform: translate(-150px, -150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-50px, -150px) rotate(270deg);
    transform: translate(-50px, -150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationFour {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-150px -50px) rotate(90deg);
    transform: translate(-150px -50px) rotate(90deg); }
  50% {
    -webkit-transform: translate(-150px, -150px) rotate(180deg);
    transform: translate(-150px, -150px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-50px, -150px) rotate(270deg);
    transform: translate(-50px, -150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes shapeAnimationFive {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-100px -100px) rotate(90deg);
    transform: translate(-100px -100px) rotate(90deg); }
  50% {
    -webkit-transform: translate(100px, 50px) rotate(180deg);
    transform: translate(100px, 50px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-100px, 150px) rotate(270deg);
    transform: translate(-100px, 150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@keyframes shapeAnimationFive {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  25% {
    -webkit-transform: translate(-100px -100px) rotate(90deg);
    transform: translate(-100px -100px) rotate(90deg); }
  50% {
    -webkit-transform: translate(100px, 50px) rotate(180deg);
    transform: translate(100px, 50px) rotate(180deg); }
  75% {
    -webkit-transform: translate(-100px, 150px) rotate(270deg);
    transform: translate(-100px, 150px) rotate(270deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(360deg);
    transform: translate(0px, 0px) rotate(360deg); } }

@-webkit-keyframes down-up-one {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(25px);
    transform: rotateX(0deg) translateY(25px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); } }

@keyframes down-up-one {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(25px);
    transform: rotateX(0deg) translateY(25px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); } }

@-webkit-keyframes down-up-two {
  0% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translate(0, -25px);
    transform: rotateX(0deg) translate(0, -25px); }
  100% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); } }

@keyframes down-up-two {
  0% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translate(0, -25px);
    transform: rotateX(0deg) translate(0, -25px); }
  100% {
    -webkit-transform: rotateX(0deg) translate(0px);
    transform: rotateX(0deg) translate(0px); } }

@-webkit-keyframes leftRightOne {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px); } }

@keyframes leftRightOne {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px); } }

@-webkit-keyframes zoomInOut {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

@keyframes zoomInOut {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

/* Preloader */
@-webkit-keyframes preloader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes preloader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Headline */
@-webkit-keyframes marquee {
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }
@keyframes marquee {
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }

@-webkit-keyframes marquee_right {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes marquee_right {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes marquee_left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes marquee_left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

/*******************************************************/
/******************* ## Header style ******************/
/*******************************************************/
.main-header {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 999;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }
  .main-header .header-upper {
    z-index: 5;
    width: 100%;
    position: relative;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
  .main-header .logo-outer {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none; }
    @media only screen and (max-width: 991px) {
      .main-header .logo-outer {
        display: none; } }
  .main-header .logo {
    z-index: 9;
    padding: 2px 0;
    position: relative; }
  .main-header.menu-absolute .header-upper {
    position: absolute; }
  .main-header.fixed-header .header-upper {
    top: 0;
    left: 0;
    position: fixed;
    background: #0A1019;
    -webkit-animation: sticky  1s;
    animation: sticky  1s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.2); }
  @media only screen and (min-width: 992px) {
    .main-header.fixed-header .main-menu .navbar-collapse > ul > li {
      padding-top: 25px;
      padding-bottom: 25px; } }
      .main-menu .navbar-collapse li a:hover, .main-menu .navbar-collapse .is-active {
            color: #F7F1EE !important;}
@media only screen and (max-width: 991px) {
  .nav-outer {
    width: 100%; } }
  .mobile-logo img {
   width: 6rem; 
  }
  .main-menu .navbar-collapse li .resa-lock:hover {
    background: #0F2F47 !important;
    border:1px solid #b89774;
  }
/** Header Main Menu **/
@media only screen and (max-width: 991px) {
  .main-menu {
    width: 100%; } }

.main-menu .mobile-logo {
  margin-right: auto; }
  @media only screen and (max-width: 575px) {
    .main-menu .mobile-logo {
      max-width: 150px; } }

@media only screen and (max-width: 991px) {
  .main-menu .collapse {
    overflow: auto; } }

.main-menu .navbar-collapse {
  padding: 0px; }
  .main-menu .navbar-collapse > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 991px) {
      .main-menu .navbar-collapse > ul {
        display: block;
        padding: 25px 0;
        background: #222222; }
        .main-menu .navbar-collapse > ul > li:last-child {
          border-bottom: 1px solid var(--ygency-border-color); } }
    @media only screen and (min-width: 992px) {
      .main-menu .navbar-collapse > ul > li > a:before {
        opacity: 0;
        content: "\f061";
        position: absolute;
        left: 50%;
        top: 85%;
        font-weight: 300;
        font-size: 0.8em;
        -webkit-transition: 0.35s;
        -o-transition: 0.35s;
        transition: 0.35s;
        font-family: 'Font Awesome 5 Pro';
        color: var(--ygency-primary-color);
        -webkit-transform: translateX(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg); }
      .main-menu .navbar-collapse > ul > li > a:hover:before {
        opacity: 1; } }
  @media only screen and (max-width: 991px) {
    .main-menu .navbar-collapse {
      left: 0;
      width: 100%;
      position: absolute;
              background: #b89774;
      max-height: calc(100vh - 80px); } }
  .main-menu .navbar-collapse li {
    padding: 35px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 1399px) {
      .main-menu .navbar-collapse li {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 991px) {
      .main-menu .navbar-collapse li {
        display: block;
        padding: 0 15px;
        border-top: 1px solid var(--ygency-border-color); } }
    .main-menu .navbar-collapse li.dropdown .dropdown-btn {
      cursor: pointer;
      font-size: 12px;
      margin-left: 5px;
      color: var(--ygency-secondary-color); }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li.dropdown .dropdown-btn {
          position: absolute;
          right: 10px;
          top: 0;
          width: 50px;
          height: 43px;
          border-left: 1px solid var(--ygency-border-color);
          text-align: center;
          line-height: 43px; } }
    .main-menu .navbar-collapse li a {
      display: block;
      opacity: 1;
      font-weight: 600;
      position: relative;
      color: var(--ygency-secondary-color);
      font-family: var(--ygency-secondary-font);
      -webkit-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease; }
      @media only screen and (min-width: 376px) {
        .main-menu .navbar-collapse li a {
          font-size: 18px; } }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li a {
          padding: 10px 10px;
          line-height: 22px; } }
    .main-menu .navbar-collapse li.current > a, .main-menu .navbar-collapse li.current-menu-item > a {
      font-weight: 500; }
    .main-menu .navbar-collapse li li {
      border-top: 1px solid var(--ygency-border-color); }
      .main-menu .navbar-collapse li li a { }
        .main-menu .navbar-collapse li li a:before {
          display: none; }
    .main-menu .navbar-collapse li .megamenu {
      position: absolute;
      left: 0px;
      top: 100%;
      width: 100%;
      z-index: 100;
      display: none;
      padding: 20px 0;
      background: #ffffff;
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }
      .main-menu .navbar-collapse li .megamenu:after {
        display: block;
        clear: both;
        content: ""; }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li .megamenu {
          position: relative;
          -webkit-box-shadow: none;
          box-shadow: none;
          width: 100%; }
          .main-menu .navbar-collapse li .megamenu .container {
            max-width: 100%; }
          .main-menu .navbar-collapse li .megamenu .row {
            margin: 0px; } }
      .main-menu .navbar-collapse li .megamenu ul {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .main-menu .navbar-collapse li ul {
      position: absolute;
      left: inherit;
      top: 100%;
      border-radius: 2rem;
      min-width: 250px;
      z-index: 100;
      display: none;
      background: #0F2F47;
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 991px) {
        .main-menu .navbar-collapse li ul {
          position: relative;
          display: none;
          width: 100%;
          -webkit-box-shadow: none;
          box-shadow: none;
          background: transparent; }
          .main-menu .navbar-collapse li ul:after {
            display: block;
            clear: both;
            content: ""; } }
  @media only screen and (max-width: 991px) and (max-width: 375px) {
    .main-menu .navbar-collapse li ul {
      min-width: auto; } }
      .main-menu .navbar-collapse li ul li {
        width: 100%;
        padding: 7px 20px; }
        @media only screen and (max-width: 991px) {
          .main-menu .navbar-collapse li ul li {
            padding: 0 15px; } }
        .main-menu .navbar-collapse li ul li ul {
          left: 100%;
          top: 0%; }
          @media only screen and (max-width: 991px) {
            .main-menu .navbar-collapse li ul li ul {
              left: auto; } }

.main-menu .navbar-header {
  display: none; }
  @media only screen and (max-width: 991px) {
    .main-menu .navbar-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start; } }
  .main-menu .navbar-header .navbar-toggle {
    float: right;
    padding: 4px 0;
    cursor: pointer;
    background: transparent; }
    .main-menu .navbar-header .navbar-toggle .icon-bar {
      background: var(--ygency-body-color);
      height: 2px;
      width: 30px;
      display: block;
      margin: 7px 0; }

/* Menu Btns */
.menu-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .menu-btns .theme-btn {
    padding-top: 9px;
    padding-bottom: 9px; }
    @media only screen and (max-width: 1199px) {
      .menu-btns .theme-btn {
        display: none; } }

/* Header Search */
.nav-search {
  position: relative;
  margin-right: 50px;
  margin-left: 25px; }
  @media only screen and (max-width: 1199px) {
    .nav-search {
      margin-right: 25px; } }
  @media only screen and (max-width: 479px) {
    .nav-search {
      display: none; } }
  .nav-search > button {
    color: white;
    background: transparent; }
  .nav-search form {
    position: absolute;
    width: 320px;
    top: 100%;
    right: 0;
    z-index: 777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 375px) {
      .nav-search form {
        width: 275px; } }
    .nav-search form.hide {
      display: none; }
    .nav-search form input {
      border: none;
      padding: 15px 5px 15px 25px; }
    .nav-search form button {
      background: transparent;
      padding: 15px 20px 15px 0; }

/* Menu Sidebar */
.menu-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 479px) {
    .menu-sidebar {
      margin-left: 25px; } }
  .menu-sidebar button {
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: var(--ygency-primary-color);
    line-height: 50px;
    border-radius: 50%;
    text-align: center; }
    .menu-sidebar button img {
      margin-top: -4px; }

/** hidden-sidebar * */
.hidden-bar {
  position: fixed;
  right: -350px;
  top: 0px;
  opacity: 0;
  width: 350px;
  height: 100%;
  z-index: 99999;
  overflow-y: auto;
  visibility: hidden;
  background-color: #222222;
  border-left: 1px solid #231b26;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media only screen and (max-width: 375px) {
    .hidden-bar {
      width: 300px; } }
  .hidden-bar .social-style-one a {
    width: 40px;
    height: 40px;
    line-height: 40px; }

.side-content-visible .hidden-bar {
  right: 0px;
  opacity: 1;
  visibility: visible; }

.hidden-bar .inner-box {
  position: relative;
  padding: 100px 40px 50px; }
  @media only screen and (max-width: 375px) {
    .hidden-bar .inner-box {
      padding-left: 25px;
      padding-right: 25px; } }
  .hidden-bar .inner-box .cross-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
  .hidden-bar .inner-box h4 {
    position: relative;
    color: #ffffff;
    margin-bottom: 35px; }

/*Appointment Form */
.hidden-bar .appointment-form {
  position: relative; }
  .hidden-bar .appointment-form .form-group {
    position: relative;
    margin-bottom: 20px; }
  .hidden-bar .appointment-form input[type="text"], .hidden-bar .appointment-form input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 23px;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 16px;
    background: none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .hidden-bar .appointment-form textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 23px;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    resize: none; }
  .hidden-bar .appointment-form input::-webkit-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form input:-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form input::-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form input::placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea::-ms-input-placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form textarea::placeholder {
    font-size: 14px;
    color: #bdbdbd; }
  .hidden-bar .appointment-form .form-group button {
    width: 100%;
    font-size: 16px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-color: white; }

.form-back-drop {
  position: fixed;
  left: 100%;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  z-index: 9990;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.side-content-visible .form-back-drop {
  opacity: 1;
  left: 0;
  visibility: visible; }

.header-top {
  padding-top: 9px;
  padding-bottom: 9px;
  color: var(--ygency-tertiary-color); }
  @media only screen and (max-width: 767px) {
    .header-top {
      padding-top: 5px;
      padding-bottom: 5px; } }
  .header-top .top-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -25px;
    margin-right: -25px; }
    @media only screen and (max-width: 991px) {
      .header-top .top-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media only screen and (max-width: 767px) {
      .header-top .top-left {
        display: none; } }
    .header-top .top-left li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 500;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 25px;
      margin-right: 25px; }
      .header-top .top-left li i {
        margin-right: 10px; }
  .header-top .top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (min-width: 992px) {
      .header-top .top-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    .header-top .top-right .lang-select {
      margin-right: 20px;
      margin-left: -10px; }
    .header-top .top-right .nice-select {
      border: none;
      line-height: 1;
      font-size: 16px;
      color: var(--ygency-tertiary-color);
      background: transparent;
      padding: 10px 40px 10px 10px; }
      .header-top .top-right .nice-select:after {
        border-color: var(--ygency-tertiary-color); }
    .header-top .top-right .social-style-two a {
      width: 30px;
      height: 30px;
      border: none;
      font-size: 12px;
      line-height: 30px;
      margin-left: 3px;
      margin-right: 3px;
      background: rgba(2, 5, 10, 0.15); }
      .header-top .top-right .social-style-two a:hover {
        color: white;
        background: #0F2F47; }

.call-anytime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .call-anytime .icon {
    font-size: 35px;
    margin-right: 20px;
    color: var(--ygency-primary-color); }
  .call-anytime .content {
    line-height: 1.75; }
    .call-anytime .content span {
      display: block;
      font-size: 14px; }
    .call-anytime .content a {
      color: white;
      font-weight: 600; }

@media only screen and (min-width: 1200px) {
  .main-header.header-two .nav-search {
    margin-right: 30px; } }

.main-header.header-two .call-anytime {
  margin-right: 30px; }
  @media only screen and (max-width: 1199px) {
    .main-header.header-two .call-anytime {
      display: none; } }

.main-header.header-two .menu-btns > button {
  color: white;
  font-size: 22px;
  margin-right: 30px;
  background: transparent; }
  @media only screen and (max-width: 1399px) {
    .main-header.header-two .menu-btns > button {
      display: none; } }

.main-header.header-two .menu-sidebar > button {
  border-radius: 0;
  background: #0A1019; }

/*******************************************************/
/******************** ## Hero Area ********************/
/*******************************************************/
.hero-area:after {
  z-index: -1;
  width: 900px;
  height: 900px;
  opacity: 0.2;
  border-radius: 50%;
  -webkit-filter: blur(200px);
  filter: blur(200px);
  position: absolute;
  right: -250px;
  top: -130px;
  background: var(--ygency-primary-color);
  -webkit-animation: zoomInOut 5s infinite;
  animation: zoomInOut 5s infinite; }

.hero-bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 12%;
  opacity: 0.1;
  max-width: 100%; }

.hero-content h1 {
  line-height: 1;
  font-size: 180px;
  font-weight: 700;
  position: relative;
  margin-bottom: -85px;
  text-transform: uppercase; }
  @media only screen and (max-width: 1399px) {
    .hero-content h1 {
      font-size: 150px; } }
  @media only screen and (max-width: 991px) {
    .hero-content h1 {
      font-size: 115px; } }
  @media only screen and (max-width: 767px) {
    .hero-content h1 {
      font-size: 85px;
      margin-bottom: -30px; } }
  @media only screen and (max-width: 479px) {
    .hero-content h1 {
      font-size: 70px; } }
  @media only screen and (max-width: 375px) {
    .hero-content h1 {
      font-size: 50px;
      max-width: 250px; } }
  .hero-content h1 span {
    color: transparent;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: white; }

@media only screen and (max-width: 991px) {
  .hero-right-image {
    z-index: -1;
    position: absolute;
    right: 3%;
    top: 5%;
    max-width: 30%; } }

.hero-bottom-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .hero-bottom-image img {
    max-width: calc(100% - 70px); }
    @media only screen and (max-width: 575px) {
      .hero-bottom-image img {
        max-width: calc(100% - 50px); } }

.hero-social {
  margin-left: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  @media only screen and (max-width: 1199px) {
    .hero-social {
      padding-top: 0;
      padding-bottom: 0; } }
  @media only screen and (max-width: 575px) {
    .hero-social {
      margin-left: 20px; } }
  .hero-social a {
    color: var(--ygency-secondary-color);
    text-transform: capitalize;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr; }
    .hero-social a:hover {
      color: var(--ygency-primary-color);
      text-decoration: underline; }
    .hero-social a i {
      margin-bottom: 5px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    @media only screen and (max-width: 991px) {
      .hero-social a span {
        display: none; } }

/* Hero Area Two */
.hero-title {
  line-height: 1;
  font-weight: 700;
  font-size: 150px;
  font-family: var(--ygency-primary-font); }
  @media only screen and (max-width: 1399px) {
    .hero-title {
      font-size: 140px; } }
  @media only screen and (max-width: 1199px) {
    .hero-title {
      font-size: 110px; } }
  @media only screen and (max-width: 991px) {
    .hero-title {
      font-size: 85px;
      line-height: 1.2; } }
  @media only screen and (max-width: 767px) {
    .hero-title {
      font-size: 60px; } }
  @media only screen and (max-width: 575px) {
    .hero-title {
      font-size: 52px;
      line-height: 1.3; } }
  @media only screen and (max-width: 479px) {
    .hero-title {
      font-size: 42px;
      line-height: 1.5; } }
  @media only screen and (max-width: 375px) {
    .hero-title {
      font-size: 33px; } }
  .hero-title .arrow {
    max-width: 40%;
    position: relative;
    display: inline-block; }
    .hero-title .arrow:before {
      content: '';
      left: 28%;
      width: 130px;
      height: 130px;
      position: absolute;
      border-radius: 50%;
      border: 33px solid;
      top: calc(50% - 50px);
      -webkit-animation: rotated_circle linear 10s infinite;
      animation: rotated_circle linear 10s infinite;
      border-color: var(--ygency-primary-color) var(--ygency-primary-color) transparent transparent; }
      @media only screen and (max-width: 991px) {
        .hero-title .arrow:before {
          width: 100px;
          height: 100px;
          border-width: 22px; } }
      @media only screen and (max-width: 991px) {
        .hero-title .arrow:before {
          width: 70px;
          height: 70px;
          border-width: 15px;
          top: calc(50% - 33px); } }
  .hero-title img {
    border-radius: 50px; }
    .hero-title img.mxw-10 {
      max-width: 10%; }
    .hero-title img.mxw-20 {
      max-width: 20%; }
    .hero-title img.mxw-40 {
      max-width: 40%; }
    .hero-title img.leaf {
      border-radius: 0;
      -webkit-transform: translateY(-25%);
      -ms-transform: translateY(-25%);
      transform: translateY(-25%); }
  .hero-title.style-two {
    display: inline-block; }
    @media only screen and (min-width: 992px) {
      .hero-title.style-two {
        font-size: 85px; }
        .hero-title.style-two .leaf {
          -webkit-transform: translateY(-70%);
          -ms-transform: translateY(-70%);
          transform: translateY(-70%); } }

.authors-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .authors-text img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: -20px; }
    @media only screen and (max-width: 375px) {
      .authors-text img {
        margin-right: -30px; } }
  .authors-text i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 20px;
    color: var(--ygency-dark-color);
    width: 50px;
    height: 50px;
    background: var(--ygency-primary-color);
    line-height: 50px;
    border-radius: 50%;
    text-align: center; }
  .authors-text .text {
    font-weight: 600;
    line-height: 1.6; }

/* Hero Area Three */
.hero-three-content {
  max-width: 730px; }
  .hero-three-content h1 {
    margin-bottom: 28px; }
    @media only screen and (max-width: 1199px) {
      .hero-three-content h1 {
        font-size: 66px; } }
    @media only screen and (max-width: 767px) {
      .hero-three-content h1 {
        font-size: 50px; } }
    @media only screen and (max-width: 575px) {
      .hero-three-content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 479px) {
      .hero-three-content h1 {
        font-size: 40px; } }
    @media only screen and (max-width: 375px) {
      .hero-three-content h1 {
        font-size: 35px; } }
    .hero-three-content h1 i {
      font-weight: 400;
      color: var(--ygency-primary-color); }
  .hero-three-content p {
    color: white;
    font-size: 20px; }
    @media only screen and (max-width: 767px) {
      .hero-three-content p {
        font-size: 18px; } }
    @media only screen and (max-width: 479px) {
      .hero-three-content p {
        font-size: 16px; } }
  .hero-three-content .read-more {
    margin-top: 15px;
    color: var(--ygency-primary-color); }

.hero-three-shape {
  z-index: -1;
  max-width: 20%;
  position: absolute;
  right: -8%;
  bottom: 75%;
  -webkit-animation: 10s zoomInOut infinite;
  animation: 10s zoomInOut infinite; }
  .hero-three-shape img {
    border-radius: 50%; }

/* Hero Four */
.hero-four-content h1 {
  font-weight: 700; }
  @media only screen and (min-width: 1400px) {
    .hero-four-content h1 {
      font-size: 120px; } }
  @media only screen and (max-width: 767px) {
    .hero-four-content h1 {
      font-size: 60px; } }
  @media only screen and (max-width: 575px) {
    .hero-four-content h1 {
      font-size: 40px; } }
  @media only screen and (max-width: 375px) {
    .hero-four-content h1 {
      font-size: 35px; } }
  .hero-four-content h1 .marquee-inner span {
    color: transparent;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: white; }

.hero-four-content .rotated-man-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 35%; }

.hero-shapes .shape {
  z-index: -1;
  max-width: 5%;
  position: absolute; }
  .hero-shapes .shape.one {
    top: 15%;
    left: 25%;
    -webkit-animation: upDownLeft 30s infinite;
    animation: upDownLeft 30s infinite; }
  .hero-shapes .shape.two {
    top: 15%;
    left: 65%;
    -webkit-animation: down-up-two 10s infinite;
    animation: down-up-two 10s infinite; }

/* Rotated Image */
.rotated-man {
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  -webkit-animation: semi_rotated 10s infinite;
  animation: semi_rotated 10s infinite; }
  @media only screen and (max-width: 767px) {
    .rotated-man {
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (max-width: 479px) {
    .rotated-man {
      padding-left: 5px;
      padding-right: 5px; } }
  .rotated-man:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 94%;
    background: var(--ygency-primary-color);
    border-radius: 250px 250px 0 0; }

/* Hero Home Six */
.hero-area-six {
  z-index: 1;
  position: relative; }
  .hero-area-six:after, .hero-area-six:before {
    content: '';
    z-index: -1;
    width: 900px;
    height: 900px;
    opacity: 0.2;
    border-radius: 50%;
    -webkit-filter: blur(200px);
    filter: blur(200px);
    position: absolute;
    right: -250px;
    top: -130px;
    background: var(--ygency-primary-color);
    -webkit-animation: zoomInOut 5s infinite;
    animation: zoomInOut 5s infinite; }
  .hero-area-six:before {
    left: -250px; }

.hero-six-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .hero-six-wrapper .hero-social {
    margin-left: 0;
    margin-right: 5%;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media only screen and (max-width: 991px) {
      .hero-six-wrapper .hero-social {
        margin-top: 10px; } }
    @media only screen and (max-width: 375px) {
      .hero-six-wrapper .hero-social {
        display: none; } }
    .hero-six-wrapper .hero-social a:not(:last-child) {
      margin-bottom: 90px; }
      @media only screen and (max-width: 1599px) {
        .hero-six-wrapper .hero-social a:not(:last-child) {
          margin-bottom: 35px; } }
      @media only screen and (max-width: 1199px) {
        .hero-six-wrapper .hero-social a:not(:last-child) {
          margin-bottom: 25px; } }
  @media only screen and (min-width: 1200px) {
    .hero-six-wrapper .left-image {
      margin-bottom: 22%; } }
  @media only screen and (max-width: 1199px) {
    .hero-six-wrapper .left-image {
      position: absolute;
      left: 8%;
      top: 0;
      max-width: 35%;
      max-height: 100%; } }
  @media only screen and (max-width: 991px) {
    .hero-six-wrapper .left-image {
      display: none; } }
  .hero-six-wrapper .hero-six-content {
    padding: 10%; }
    @media only screen and (max-width: 1199px) {
      .hero-six-wrapper .hero-six-content {
        z-index: 5;
        padding: 50px;
        position: relative; } }
  @media only screen and (max-width: 1199px) and (max-width: 991px) {
    .hero-six-wrapper .hero-six-content {
      padding: 0; } }
    .hero-six-wrapper .hero-six-content h1 {
      line-height: 1;
      font-weight: 700;
      font-size: 150px;
      position: relative;
      letter-spacing: -6px;
      margin-bottom: 15%; }
      @media only screen and (min-width: 1200px) {
        .hero-six-wrapper .hero-six-content h1 {
          margin-left: -50%;
          margin-right: -140%; } }
      @media only screen and (max-width: 1599px) {
        .hero-six-wrapper .hero-six-content h1 {
          font-size: 120px; } }
      @media only screen and (max-width: 1299px) {
        .hero-six-wrapper .hero-six-content h1 {
          font-size: 100px; } }
      @media only screen and (max-width: 1199px) {
        .hero-six-wrapper .hero-six-content h1 {
          font-size: 80px;
          margin-bottom: 25px; } }
      @media only screen and (max-width: 991px) {
        .hero-six-wrapper .hero-six-content h1 {
          font-size: 66px;
          letter-spacing: -2px; } }
      @media only screen and (max-width: 767px) {
        .hero-six-wrapper .hero-six-content h1 {
          font-size: 50px;
          line-height: 1.2; } }
      @media only screen and (max-width: 479px) {
        .hero-six-wrapper .hero-six-content h1 {
          font-size: 45px; } }
      @media only screen and (max-width: 375px) {
        .hero-six-wrapper .hero-six-content h1 {
          font-size: 40px; } }
    .hero-six-wrapper .hero-six-content p {
      margin-bottom: 10%; }
      @media only screen and (min-width: 768px) {
        .hero-six-wrapper .hero-six-content p {
          font-size: 18px; } }
      @media only screen and (max-width: 1199px) {
        .hero-six-wrapper .hero-six-content p {
          margin-bottom: 25px; } }
  @media only screen and (min-width: 1200px) {
    .hero-six-wrapper .right-image {
      margin-top: 50%; } }
  @media only screen and (max-width: 1199px) {
    .hero-six-wrapper .right-image {
      position: absolute;
      right: 8%;
      bottom: 0;
      max-width: 30%; } }
  @media only screen and (max-width: 991px) {
    .hero-six-wrapper .right-image {
      display: none; } }
  .hero-six-wrapper .down-arrow {
    margin-left: 3%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
    @media only screen and (max-width: 479px) {
      .hero-six-wrapper .down-arrow {
        display: none; } }
    .hero-six-wrapper .down-arrow a {
      color: white;
      font-weight: 600;
      padding: 30px 5px;
      border-radius: 50px;
      display: inline-block;
      background: var(--ygency-tertiary-color);
      -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
      -webkit-writing-mode: vertical-lr; }
      .hero-six-wrapper .down-arrow a i {
        font-size: 12px;
        margin-top: 5px; }

/*******************************************************/
/******************* ## Slider Area ********************/
/*******************************************************/
.slider-item {
  padding-top: 215px;
  padding-bottom: 185px;
  z-index: 1;
  position: relative;
  background-size: cover;
  background-position: center; }
  .slider-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.8;
    background-color: #0A1019; }
  @media only screen and (max-width: 1399px) {
    .slider-item {
      padding-top: 170px; } }
  @media only screen and (max-width: 991px) {
    .slider-item {
      padding-top: 160px; } }
  .slider-item:before {
    mix-blend-mode: multiply; }

.service-item {
    position: relative;
}


@media (max-width: 74.999rem) {
  .doctolib-bubble {
    right: 15px !important;
  }
  .scroll-top {
    right: 21px;
  }
  #block-drupalet-ygency-main-menu {
    background: #0F2F47;
    align-content: flex-end;
  }
  .h1-subtitle {
    display: none;
  }
  .copyright-text p {
  font-size: 12px;
}
  .copyright-text {
  text-align: center;
}
  h1, .h1 {
    font-size: 50px;
  }
  
  .main-slider-arrows button.main-slider-prev {
    padding-left: 12px !important;
  }
      .main-slider-arrows button.main-slider-next {
        padding-left: 5px !important;
    }
      .social-style-four a {
        margin-bottom: 1rem;
    }
  
  .form-style-two {
    margin: 0rem 0rem 1rem 0rem;
  }
  
  #block-drupalet-ygency-footer4 {
    text-align: center;
  }
  
   .social-style-four {
     display: flex;
     justify-content: center;
    }
    
    .social-style-four a {
        margin-left: 5px;
        margin-right: 5px;
    }
  
  .gap-mobile .row.gx-lg-8.gx-xl-12.gy-10 {
    gap: 1rem;
  }
  
    .service-item a::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: " ";
        z-index: 0;
    }

  .navbar-header, .header-inner  {
    padding: 0;
  }
  #block-drupalet-ygency-main-menu a {
    color: white;
  }
  .navbar-collapse {
    background: #0A1019;
    border-radius: 0rem 0rem 2rem 2rem;
  }
}

@media (min-width: 75rem) {
  .tarif-card {
    height: 50rem;
  }
  .h1-subtitle {
    font-size: 30px;
  }
  .copyright-text p {
    font-size: 14px;
  }
  .lets-work span {
    font-size: 54px !important;
  }
}

.doctolib-bubble {
    position: fixed;
bottom: 100px;
    right: 46px;
    width: 60px;
    height: 60px;
    background-color: #b89774;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;
    overflow: hidden;
}

.doctolib-bubble img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.doctolib-bubble span {
    color: white;
    font-size: 11px;
    margin-left: 6px;
    opacity: 0;
    white-space: nowrap;
    transition: opacity 0.3s ease;
    letter-spacing: 2px;
}

.doctolib-bubble:hover {
    width: 200px; /* Largeur de la bulle lors du survol */
    border-radius: 30px; /* Changé pour un look plus rectangulaire */
}

.doctolib-bubble:hover span {
    opacity: 1; /* Rend le texte visible au survol */
}

.doctolib-bubble:hover img {
    width: 60px;
    height: 60px;
}

.doctolib-bubble img {
  margin-bottom: 0;
}


.slide-content {
  max-width: 740px; }
  .slide-content .sub-title {
    font-size: 25px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--ygency-primary-color); }
  .slide-content h2 {
    font-size: 65px;
    line-height: 1.1;
    margin-bottom: 35px; }
    @media only screen and (max-width: 991px) {
      .slide-content h2 {
        font-size: 55px; } }
    @media only screen and (max-width: 767px) {
      .slide-content h2 {
        font-size: 45px; } }
    @media only screen and (max-width: 575px) {
      .slide-content h2 {
        font-size: 40px; } }
    @media only screen and (max-width: 479px) {
      .slide-content h2 {
        font-size: 38px; } }
    @media only screen and (max-width: 375px) {
      .slide-content h2 {
        font-size: 33px; } }
    .slide-content h2 span {
      font-weight: 300; }
  .slide-content .ratting-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -50px; }
    .slide-content .ratting-btns .quyality-ratting {
      margin-top: 20px;
      margin-right: 50px; }
      .slide-content .ratting-btns .quyality-ratting span {
        display: block;
        font-size: 14px;
        line-height: 1.5; }
      .slide-content .ratting-btns .quyality-ratting .ratting i {
        font-size: 16px;
        color: var(--ygency-primary-color); }
    .slide-content .ratting-btns .theme-btn {
      border-radius: 2rem;
      margin-top: 20px;
      margin-right: 50px; }
    .slide-content .ratting-btns .read-more {
      margin-top: 20px; }
  .slide-content > * {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.slick-active .slide-content > * {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.slick-active .slide-content .sub-title {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.slick-active .slide-content h2 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.slick-active .slide-content hr {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.slick-active .slide-content .ratting-btns {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

/* Main Slider Arrows */
.main-slider-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }

.main-slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .main-slider-arrows button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 22px;
    padding-bottom: 22px;
    color: var(--ygency-tertiary-color);
    text-transform: uppercase;
    background: var(--ygency-primary-color); }
    @media only screen and (max-width: 575px) {
      .main-slider-arrows button {
        font-size: 16px;
        padding-top: 12px;
        padding-bottom: 12px; } }
    .main-slider-arrows button:focus, .main-slider-arrows button:hover {
      color: rgba(2, 5, 10, 0.3); }
    .main-slider-arrows button.main-slider-prev {
          padding-left: 40px;
    padding-right: 45px; }
      @media only screen and (max-width: 575px) {
        .main-slider-arrows button.main-slider-prev {
          padding-left: 30px;
          padding-right: 15px; } }
      .main-slider-arrows button.main-slider-prev i {
        font-size: 22px;
        margin-right: 10px; }
    .main-slider-arrows button.main-slider-next {
      padding-left: 25px;
      padding-right: 60px; }
      @media only screen and (max-width: 575px) {
        .main-slider-arrows button.main-slider-next {
          padding-left: 15px;
          padding-right: 30px; } }
      .main-slider-arrows button.main-slider-next i {
        font-size: 22px;
        margin-left: 10px; }

/*******************************************************/
/******************* ## Headline Text *******************/
/*******************************************************/
.headline-text {
  line-height: 1;
  font-size: 250px;
  font-weight: 700;
  color: var(--ygency-headline-color);
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  white-space: nowrap; }
  @media only screen and (max-width: 1399px) {
    .headline-text {
      font-size: 200px; } }
  @media only screen and (max-width: 1199px) {
    .headline-text {
      font-size: 150px; } }
  @media only screen and (max-width: 991px) {
    .headline-text {
      font-size: 100px; } }
  @media only screen and (max-width: 767px) {
    .headline-text {
      font-size: 100px; } }
  @media only screen and (max-width: 575px) {
    .headline-text {
      font-size: 100px; } }
  @media only screen and (max-width: 479px) {
    .headline-text {
      font-size: 100px; } }
  @media only screen and (max-width: 375px) {
    .headline-text {
      font-size: 100px; } }
  .headline-text > span {
    padding-left: 100%;
    -webkit-animation: marquee 15s linear infinite;
    animation: marquee 15s linear infinite; }
    .headline-text > span span {
    opacity: 0.5;
    color: transparent;
    -webkit-text-stroke: 2px;
      -webkit-text-stroke-color: #b89774; }
  @media only screen and (min-width: 1400px) {
    .headline-text.style-two {
      font-size: 220px; } }
  .headline-text.style-two > span span {
    opacity: 1;
    text-transform: capitalize;
    background: -webkit-radial-gradient(50.02% 64.91%, 42.25% 8948.61%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(50.02% 64.91%, 42.25% 8948.61%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(42.25% 8948.61% at 50.02% 64.91%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: transparent; }
  @media only screen and (min-width: 992px) {
    .headline-text.style-three {
      font-size: 120px; } }

.headline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  white-space: nowrap; }
  .headline-wrap > span {
    -webkit-animation: marquee 15s linear infinite;
    animation: marquee 15s linear infinite; }
    .headline-wrap > span .marquee-item {
      margin-right: 50px;
      line-height: 1.2;
      font-size: 65px;
      font-weight: 300;
      color: var(--ygency-dark-color); }
      @media only screen and (max-width: 1399px) {
        .headline-wrap > span .marquee-item {
          font-size: 55px; } }
      @media only screen and (max-width: 1199px) {
        .headline-wrap > span .marquee-item {
          font-size: 48px; } }
      @media only screen and (max-width: 991px) {
        .headline-wrap > span .marquee-item {
          font-size: 40px; } }
      @media only screen and (max-width: 575px) {
        .headline-wrap > span .marquee-item {
          font-size: 35px; } }
      @media only screen and (max-width: 375px) {
        .headline-wrap > span .marquee-item {
          font-size: 30px; } }
      .headline-wrap > span .marquee-item i {
        margin-right: 40px; }

.headline-wrap-two .marquee-wrap {
  margin-top: 0; }

.headline-wrap-two .marquee-item {
  margin-right: 60px;
  line-height: 1.2;
  font-size: 30px;
  font-weight: 300;
  color: var(--ygency-dark-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .headline-wrap-two .marquee-item i {
    font-size: 0.8em;
    margin-right: 30px; }
  .headline-wrap-two .marquee-item b {
    font-weight: 400; }
  @media only screen and (max-width: 1199px) {
    .headline-wrap-two .marquee-item {
      font-size: 25px;
      margin-right: 35px; }
      .headline-wrap-two .marquee-item i {
        margin-right: 15px; } }
  @media only screen and (max-width: 575px) {
    .headline-wrap-two .marquee-item {
      font-size: 20px;
      margin-right: 25px; }
      .headline-wrap-two .marquee-item i {
        margin-right: 10px; } }

.headline-wrap-two.style-two .marquee-inner {
  padding-right: 0; }

.headline-wrap-two.style-two .marquee-item {
  font-size: 24px; }
  @media only screen and (max-width: 991px) {
    .headline-wrap-two.style-two .marquee-item {
      font-size: 20px; } }
  @media only screen and (max-width: 575px) {
    .headline-wrap-two.style-two .marquee-item {
      font-size: 18px; } }
  .headline-wrap-two.style-two .marquee-item i {
    margin-top: 6px;
    font-size: 1.1em;
    margin-right: 10px; }
  .headline-wrap-two.style-two .marquee-item b {
    font-weight: 600; }

.marquee-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  white-space: nowrap; }
  @media only screen and (min-width: 1400px) {
    .marquee-wrap {
      margin-top: -20px; } }

.marquee-inner {
  padding-right: 50px; }
  @media only screen and (max-width: 767px) {
    .marquee-inner {
      padding-right: 15px; } }
  .marquee-inner.one {
    -webkit-animation: marquee_left 32s linear infinite;
    animation: marquee_left 32s linear infinite; }
  .marquee-inner.two {
    -webkit-animation: marquee_right 24s linear infinite;
    animation: marquee_right 24s linear infinite; }
  .marquee-inner.three {
    -webkit-animation: marquee_left 48s linear infinite;
    animation: marquee_left 48s linear infinite; }
  .marquee-inner.left {
    -webkit-animation: marquee_left 20s linear infinite;
    animation: marquee_left 20s linear infinite; }
  .marquee-inner.right {
    -webkit-animation: marquee_right 20s linear infinite;
    animation: marquee_right 20s linear infinite; }

/* Marquee Headline Six */
.headline-area-six {
  width: 110%;
  margin-left: -5%;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg); }

/* Header under top section */
.headline-area.move-top {
  margin-top: -135px;
  z-index: -1; }
  @media only screen and (max-width: 991px) {
    .headline-area.move-top {
      margin-top: -90px; } }
  @media only screen and (max-width: 767px) {
    .headline-area.move-top {
      margin-top: -50px; } }

.headline-area.move-top-two {
  margin-top: -30px;
  z-index: -1; }

/*******************************************************/
/******************* ## Page Banner *******************/
/*******************************************************/
.page-banner-area {
  z-index: 1 !important;
  position: relative !important; }
  .page-banner-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.9;
    background-color: #111111; }
  .page-banner-area:before {
    mix-blend-mode: multiply; }

.banner-inner h2 {
  margin-bottom: 20px; }
  @media only screen and (min-width: 992px) {
    .banner-inner h2 {
      font-size: 55px; } }
  @media only screen and (max-width: 767px) {
    .banner-inner h2 {
      font-size: 40px;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 575px) {
    .banner-inner h2 {
      font-size: 36px; } }

@media only screen and (min-width: 576px) {
  .banner-text {
    font-size: 18px; } }

.breadcrumb {
  padding: 0;
  margin: 0;
  font-size: 20px;
  background: transparent;
  text-transform: capitalize; }
  @media only screen and (max-width: 575px) {
    .breadcrumb {
      font-size: 18px; } }
  @media only screen and (max-width: 375px) {
    .breadcrumb {
      font-size: 16px; } }
  .breadcrumb .breadcrumb-item {
    padding: 0;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .breadcrumb .breadcrumb-item.active {
      color: var(--ygency-primary-color);
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-thickness: 1px; }
    .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      margin-left: 15px;
      margin-right: 15px;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      color: white;
      content: "\f105";
      font-family: "Font Awesome 5 Pro"; }

/* Advertise Banner */
.advertise-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  height: calc(100% - 30px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .advertise-banner.style-one {
    color: var(--ygency-dark-color);
    background-size: cover;
    padding: 25px 50px 0 40px;
    background-position: center; }
    @media only screen and (max-width: 575px) {
      .advertise-banner.style-one {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .advertise-banner.style-one .image {
      -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end; }
    .advertise-banner.style-one .content {
      max-width: 215px; }
      @media only screen and (max-width: 575px) {
        .advertise-banner.style-one .content {
          max-width: none;
          margin-bottom: 20px; } }
      .advertise-banner.style-one .content .number {
        line-height: 1;
        display: block;
        font-size: 85px;
        font-weight: 700;
        margin-bottom: 8px; }
        @media only screen and (max-width: 375px) {
          .advertise-banner.style-one .content .number {
            font-size: 60px; } }
      .advertise-banner.style-one .content h6 {
        font-size: 20px;
        font-weight: 600;
        color: var(--ygency-dark-color); }
      .advertise-banner.style-one .content hr {
        height: 2px;
        background-color: var(--ygency-dark-color);
        opacity: 1;
        margin-top: 35px; }
      .advertise-banner.style-one .content p {
        font-weight: 500; }
  .advertise-banner.style-two {
    color: var(--ygency-dark-color);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-repeat: no-repeat;
    padding: 50px 60px 35px 60px;
    background-position: top right; }
    @media only screen and (max-width: 479px) {
      .advertise-banner.style-two {
        padding-left: 35px;
        padding-right: 35px; } }
    .advertise-banner.style-two h3 {
      font-size: 27px;
      color: var(--ygency-dark-color);
      margin-bottom: 20px; }
      @media only screen and (max-width: 375px) {
        .advertise-banner.style-two h3 {
          font-size: 25px; } }
    .advertise-banner.style-two hr {
      height: 2px;
      background-color: var(--ygency-dark-color);
      opacity: 1; }
    .advertise-banner.style-two .authors-text {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: auto; }
      .advertise-banner.style-two .authors-text .text {
        font-weight: 400;
        max-width: 202px;
        margin-top: 15px;
        margin-bottom: 15px; }

/*******************************************************/
/******************* ## About Area ********************/
/*******************************************************/
@media only screen and (min-width: 576px) {
  .about-content .content {
    margin-left: 60px; } }

.about-image img {
  display: inline-block;
  -webkit-animation: rotated_circle 30s infinite;
  animation: rotated_circle 30s infinite; }

.text-left-border {
  padding-left: 40px;
  max-width: 615px;
  color: white;
  border-left: 4px solid var(--ygency-primary-color); }
  @media only screen and (min-width: 376px) {
    .text-left-border {
      font-size: 18px; } }
  @media only screen and (max-width: 375px) {
    .text-left-border {
      padding-left: 30px; } }

.about-counter {
  padding-left: 40px; }
  @media only screen and (max-width: 375px) {
    .about-counter {
      padding-left: 30px; } }

/* About Three */
@media only screen and (max-width: 479px) {
  .about-area-three .section-title h2 {
    font-size: 33px; } }

@media only screen and (max-width: 375px) {
  .about-area-three .section-title h2 {
    font-size: 28px; } }

.about-three-content h4 {
  margin-top: 55px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 376px) {
    .about-three-content h4 {
      font-size: 27px; } }
  .about-three-content h4 i {
    font-weight: 400;
    color: var(--ygency-primary-color); }

/* About Shape */
.about-three-shapes .year {
  line-height: 1;
  font-weight: 700;
  font-size: 180px;
  background: -webkit-radial-gradient(4.84% 56.94%, 83.27% 520.46%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%);
  background: -o-radial-gradient(4.84% 56.94%, 83.27% 520.46%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%);
  background: radial-gradient(83.27% 520.46% at 4.84% 56.94%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 5%;
  bottom: 5%;
  z-index: -1; }

.about-three-shapes .leaf {
  z-index: -1;
  position: absolute;
  right: 5%;
  top: 25%;
  max-width: 25%; }

/* About Four */
.about-four-wrap {
  background: #0A1019; }

.about-four-content .list-style-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .about-four-content .list-style-three li {
    width: 48%;
    font-weight: 600;
    margin-bottom: 18px; }
    @media only screen and (min-width: 1200px) {
      .about-four-content .list-style-three li {
        font-size: 20px; } }
    @media only screen and (max-width: 479px) {
      .about-four-content .list-style-three li {
        width: 100%; } }
    .about-four-content .list-style-three li:before {
      content: '\f00c'; }

/* Awards */
.award-image {
  z-index: 1;
  position: relative;
  display: inline-block;
  -webkit-animation: semi_rotated 10s infinite;
  animation: semi_rotated 10s infinite; }
  .award-image img {
    border-radius: 250px 250px 0 0; }
  .award-image:before {
    content: '';
    z-index: -1;
    width: 135%;
    opacity: 0.1;
    position: absolute;
    left: 50%;
    bottom: -8%;
    background: white;
    padding-bottom: 135%;
    border-radius: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

.awards-tabs .nav-link {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: left;
  border-radius: 0;
  padding: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .awards-tabs .nav-link .left .h3 {
    display: block; }
    @media only screen and (max-width: 1199px) {
      .awards-tabs .nav-link .left .h3 {
        font-size: 25px; } }
    @media only screen and (max-width: 375px) {
      .awards-tabs .nav-link .left .h3 {
        font-size: 20px; } }
  .awards-tabs .nav-link .left .award-type {
    color: var(--ygency-body-color); }
  .awards-tabs .nav-link .details-btn {
    width: 65px;
    height: 65px;
    border: none;
    line-height: 65px;
    background: #0A1019; }
    .awards-tabs .nav-link .details-btn:hover {
      color: var(--ygency-dark-color);
      background: var(--ygency-primary-color); }
  .awards-tabs .nav-link:not(:last-child) {
    margin-bottom: 45px; }
  .awards-tabs .nav-link.active {
    border-color: white;
    background-color: transparent; }

/* About Five */
.about-area-five {
  position: relative;
  z-index: 1; }
  .about-area-five:before {
    content: '';
    z-index: -1;
    position: absolute;
    left: 70px;
    top: 0;
    background: #0A1019;
    width: calc(100% - 140px);
    height: 100%; }
    @media only screen and (max-width: 1599px) {
      .about-area-five:before {
        left: 0;
        width: 100%; } }

.about-content-five {
  max-width: 560px; }
  .about-content-five .authors-text {
    border-top: 1px solid var(--ygency-border-color); }
    @media only screen and (max-width: 479px) {
      .about-content-five .authors-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .about-content-five .authors-text img {
      width: 60px;
      height: 60px;
      margin-right: -10px; }
      @media only screen and (max-width: 575px) {
        .about-content-five .authors-text img {
          margin-right: -30px; } }
    .about-content-five .authors-text .text {
      color: white; }
      @media only screen and (min-width: 480px) {
        .about-content-five .authors-text .text {
          margin-left: 60px; } }
      @media only screen and (max-width: 479px) {
        .about-content-five .authors-text .text {
          margin-top: 20px; } }
      .about-content-five .authors-text .text span {
        color: var(--ygency-primary-color); }

.about-five-images {
  position: relative; }
  .about-five-images .image-one,
  .about-five-images .image-two {
    max-width: 56.2%; }
    .about-five-images .image-one img,
    .about-five-images .image-two img {
      width: 100%; }
  .about-five-images .image-two {
    margin-left: auto; }
  .about-five-images .about-five-shape {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 65.5%; }
    .about-five-images .about-five-shape img {
      width: 100%; }

/* Work With Us */
.work-with-us-area {
  position: relative;
  z-index: 1; }
  .work-with-us-area:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    z-index: -1;
    width: 100%;
    height: 140px;
    background: #E7E5DE; }

.main-slider-arrows button {
  border-radius: 1rem 1rem 0rem 0rem;
}

.main-slider-arrows {
  gap: 0.5rem
}

.work-with-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 120px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media only screen and (max-width: 1199px) {
    .work-with-content {
      padding: 100px; } }
  @media only screen and (max-width: 991px) {
    .work-with-content {
      padding: 50px; } }
  @media only screen and (max-width: 479px) {
    .work-with-content {
      padding-left: 25px;
      padding-right: 25px; } }
  .work-with-content .sub-title:before {
    background-image: url(../images/icons/sub-title-black.svg); }
  .work-with-content p,
  .work-with-content h2,
  .work-with-content .theme-btn,
  .work-with-content .sub-title {
    color: var(--ygency-dark-color); }
  .work-with-content .theme-btn {
    border-color: var(--ygency-dark-color); }
    .work-with-content .theme-btn:hover {
      border-color: var(--ygency-dark-color); }

/*******************************************************/
/****************** ## Service Area ********************/
/*******************************************************/
.service-item {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  padding: 50px 50px 30px;
  background-color: #b89774;
  text-align: center}
  @media only screen and (max-width: 767px) {
    .service-item {
      margin-top: 0; } }
  @media only screen and (max-width: 375px) {
    .service-item {
      padding-left: 25px;
      padding-right: 25px; } }
  .service-item .icon {
    line-height: 1;
    font-size: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 30px;
    color: var(--ygency-primary-color); }
  .service-item h5 {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 20px; }
  .service-item p {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .service-item:hover {
    background-color: var(--ygency-primary-color); }
    .service-item:hover p, .service-item:hover h5, .service-item:hover h5 a, .service-item:hover .icon {
      color: var(--ygency-dark-color); }
  .service-item.style-two {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 35px; }
    @media only screen and (min-width: 376px) {
      .service-item.style-two {
        padding-left: 40px;
        padding-right: 40px; } }
    .service-item.style-two .icon {
      font-size: 35px;
      margin-bottom: 25px; }
    @media only screen and (min-width: 376px) {
      .service-item.style-two h5 {
        font-size: 22px; } }
    .service-item.style-two .read-more {
      padding-right: 0; }
      .service-item.style-two .read-more i {
        left: 50%;
        -webkit-transform: rotate(-45deg) translate(-50%);
        -ms-transform: rotate(-45deg) translate(-50%);
        transform: rotate(-45deg) translate(-50%); }
      .service-item.style-two .read-more:hover i {
        left: calc(100% - 20px);
        -webkit-transform: rotate(-45deg) translate(0);
        -ms-transform: rotate(-45deg) translate(0);
        transform: rotate(-45deg) translate(0); }
      .service-item.style-two .read-more:hover span {
        -webkit-transform: translate(-20px);
        -ms-transform: translate(-20px);
        transform: translate(-20px); }
    .service-item.style-two:hover {
      background-image: url(../images/services/service-bg.png); }
      .service-item.style-two:hover .read-more {
        color: var(--ygency-dark-color); }
  .service-item.style-three {
      border-radius: 3rem;
    border: 2px solid #b89774;
    height: 17rem;}
    @media only screen and (min-width: 376px) {
      .service-item.style-three {
        padding-left: 40px;
        padding-right: 40px; } }
    .service-item.style-three .icon {
        color: white;
      font-size: 60px; }
    .service-item.style-three .number {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      margin-top: -10px;
      margin-bottom: 20px;
      color: rgba(255, 255, 255, 0.3); }
    .service-item.style-three h4 {
      margin-bottom: 18px; }
      @media only screen and (max-width: 479px) {
        .service-item.style-three h4 {
          font-size: 20px; } }
      .service-item.style-three h4 a:hover {
        text-decoration: underline; }
      .service-item.style-three:hover .icon {
        color: var(--ygency-primary-color); }
      .service-item.style-three:hover .number {
        color: white; }
      .service-item.style-three:hover p {
        color: var(--ygency-body-color); }

    .service-item a::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: " ";
        z-index: 150;
    }

.form-style-two {
    background: #22435E;
    padding: 40px 50px;
    border-radius: 2rem;
        height: 37.5rem;
}
    
.service-item.style-three:hover, .main-slider-arrows button:hover {
  background: white;
  border-color: var(--ygency-primary-color); 
}

.service-item.style-three:hover a, .service-item.style-three:hover .far, .main-slider-arrows:hover i,  .service-item:hover .h4-title2 {
    color: var(--ygency-primary-color);
}

.bg-green-border {
  background: #b89774;
  border-radius: 2rem;
}

/* Service Style Three */
.service-three-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  background: #0A1019;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 35px 35px 30px;
  height: calc(100% - 30px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 375px) {
    .service-three-item {
      padding-left: 25px;
      padding-right: 25px; } }
  .service-three-item .title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .service-three-item .title-icon h5 {
      max-width: 60%; }
  .service-three-item:hover {
    -webkit-box-shadow: 0px 4px 60px rgba(85, 230, 165, 0.2);
    box-shadow: 0px 4px 60px rgba(85, 230, 165, 0.2); }

.service-three-area:after {
  z-index: -1;
  width: 900px;
  height: 900px;
  opacity: 0.2;
  border-radius: 50%;
  -webkit-filter: blur(200px);
  filter: blur(200px);
  position: absolute;
  left: -300px;
  bottom: -400px;
  background: var(--ygency-primary-color);
  -webkit-animation: zoomInOut 5s infinite;
  animation: zoomInOut 5s infinite; }

/* Service Style Four */
.service-four-item {
  z-index: 1;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  background: #0A1019;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 30px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .service-four-item .content {
    height: 100%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .service-four-item .content h5 {
      margin-bottom: 0;
      margin-top: 18px; }
  .service-four-item .icon-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .service-four-item .icon-btn > i {
      line-height: 1;
      font-size: 60px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      color: var(--ygency-primary-color); }
    .service-four-item .icon-btn .more-btn {
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      background: black;
      color: var(--ygency-primary-color);
      -webkit-transform: translate(30px, -30px);
      -ms-transform: translate(30px, -30px);
      transform: translate(30px, -30px); }
      .service-four-item .icon-btn .more-btn > i {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .service-four-item .image img {
    width: 100%; }
  .service-four-item:after, .service-four-item:before {
    content: '';
    z-index: -1;
    width: 110px;
    height: 110px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    right: 30px;
    top: 35px;
    border-radius: 50%; }
  .service-four-item:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%); }
  .service-four-item:after {
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 9, 9, 0.2)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(9, 9, 9, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(9, 9, 9, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.2) 0%, rgba(255, 255, 255, 0) 100%); }
  .service-four-item:hover {
    background: var(--ygency-primary-color); }
    .service-four-item:hover .content h5 a,
    .service-four-item:hover .content .icon-btn > i {
      color: var(--ygency-dark-color); }
    .service-four-item:hover:before {
      opacity: 0; }
    .service-four-item:hover:after {
      opacity: 1; }

/* Services Home Six */
.services-five-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -70px; }
  @media only screen and (max-width: 1199px) {
    .services-five-wrapper {
      margin-right: -25px; } }
  .services-five-wrapper .service-five-item {
    margin-right: 70px; }
    @media only screen and (max-width: 1199px) {
      .services-five-wrapper .service-five-item {
        margin-right: 25px; } }

.service-five-item {
  opacity: 0.2;
  color: black;
  font-size: 48px;
  font-weight: 600;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  letter-spacing: -0.96px; }
  @media only screen and (max-width: 1399px) {
    .service-five-item {
      font-size: 40px; } }
  @media only screen and (max-width: 991px) {
    .service-five-item {
      font-size: 30px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 575px) {
    .service-five-item {
      font-size: 25px; } }
  .service-five-item span {
    z-index: 1;
    position: relative; }
  .service-five-item i {
    float: right;
    font-size: 0.8em;
    margin-left: 50px; }
    @media only screen and (max-width: 1199px) {
      .service-five-item i {
        margin-left: 15px; } }
  .service-five-item .image {
    z-index: -1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    max-width: 300px;
    position: absolute;
    right: -222px;
    top: -75%;
    -webkit-transform: scale(0) rotate(-30deg);
    -ms-transform: scale(0) rotate(-30deg);
    transform: scale(0) rotate(-30deg); }
    @media only screen and (max-width: 991px) {
      .service-five-item .image {
        right: -50px;
        max-width: 200px; } }
  .service-five-item:hover {
    opacity: 1;
    color: black;
    text-decoration: underline; }
    .service-five-item:hover .image {
      z-index: 2;
      -webkit-transform: scale(1) rotate(6.2deg);
      -ms-transform: scale(1) rotate(6.2deg);
      transform: scale(1) rotate(6.2deg); }

.services-area-six:after, .services-area-six:before {
  content: '';
  z-index: -1;
  width: 850px;
  height: 850px;
  opacity: 0.2;
  border-radius: 50%;
  -webkit-filter: blur(300px);
  filter: blur(300px);
  position: absolute;
  right: -250px;
  top: -130px;
  background: var(--ygency-primary-color);
  -webkit-animation: zoomInOut 5s infinite;
  animation: zoomInOut 5s infinite; }

.services-area-six:before {
  left: -250px; }

.service-six-item {
  margin-bottom: 30px;
  background: #0A1019;
  padding: 30px 30px 30px 40px;
  border: 1px solid var(--ygency-border-color);
  -webkit-box-shadow: 0px 4px 60px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 60px 30px rgba(0, 0, 0, 0.05); }
  @media only screen and (min-width: 480px) {
    .service-six-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .service-six-item .icon {
    z-index: 1;
    width: 50px;
    height: 50px;
    font-size: 40px;
    margin-right: 38px;
    position: relative;
    color: var(--ygency-primary-color); }
    .service-six-item .icon:after {
      content: '';
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: 0.07;
      border-radius: 50%;
      background: white;
      position: absolute;
      right: -8px;
      bottom: -12px; }
  .service-six-item .content {
    margin-right: 10px; }
    @media only screen and (max-width: 479px) {
      .service-six-item .content {
        margin: 30px 0 20px; } }
    .service-six-item .content h5 {
      margin-bottom: 8px; }
    .service-six-item .content p {
      opacity: 0.75;
      margin-bottom: 0;
      line-height: 1.5; }
  .service-six-item .details-btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50px;
    height: 50px;
    font-size: 16px;
    margin-left: auto;
    line-height: 50px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .service-six-item:hover .content h5 a {
    text-decoration: underline; }
  .service-six-item:hover .details-btn {
    color: #0A1019;
    background: var(--ygency-primary-color);
    border-color: var(--ygency-primary-color); }

/* Why Choose Us */
.why-choose-right {
  position: relative;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }
  @media only screen and (min-width: 1200px) {
    .why-choose-right {
      margin-left: auto; } }
  .why-choose-right .why-choose-border-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 100px solid var(--ygency-primary-color);
    border-radius: 50%;
    z-index: -1; }
    @media only screen and (max-width: 479px) {
      .why-choose-right .why-choose-border-shape {
        border-width: 60px; } }
  .why-choose-right .text-shape {
    position: absolute;
    right: 2.5%;
    top: 8.5%;
    width: 44%; }
  @media only screen and (max-width: 1599px) {
    .why-choose-right.style-two {
      margin-left: 0; } }
  .why-choose-right.style-two .why-choose-border-shape {
    padding-bottom: 66%;
    height: auto;
    width: 110%;
    right: -34%;
    top: 50%;
    left: auto;
    z-index: 1;
    -webkit-transform: translateY(-50%) rotate(46deg);
    -ms-transform: translateY(-50%) rotate(46deg);
    transform: translateY(-50%) rotate(46deg);
    border-color: var(--ygency-primary-color) var(--ygency-primary-color) transparent transparent; }
    @media only screen and (max-width: 767px) {
      .why-choose-right.style-two .why-choose-border-shape {
        right: -5%; } }
    @media only screen and (max-width: 479px) {
      .why-choose-right.style-two .why-choose-border-shape {
        right: 0;
        padding-bottom: 82%; } }
    @media only screen and (max-width: 375px) {
      .why-choose-right.style-two .why-choose-border-shape {
        padding-bottom: 72%; } }
  .why-choose-right.style-two .text-shape {
    top: 50%;
    width: 48%;
    right: -30%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media only screen and (max-width: 767px) {
      .why-choose-right.style-two .text-shape {
        right: 0; } }
  .why-choose-right.style-three {
    max-width: 540px;
    padding-right: 15%; }
    .why-choose-right.style-three .image-one {
      margin-right: 22%; }
    .why-choose-right.style-three .image-two {
      margin-left: 22%; }
    .why-choose-right.style-three .why-choose-border-shape {
      top: 55%;
      width: 100%; }
      @media only screen and (min-width: 576px) {
        .why-choose-right.style-three .why-choose-border-shape {
          right: -3%; } }
      @media only screen and (max-width: 479px) {
        .why-choose-right.style-three .why-choose-border-shape {
          padding-bottom: 75%; } }
      @media only screen and (max-width: 375px) {
        .why-choose-right.style-three .why-choose-border-shape {
          padding-bottom: 64%; } }
    .why-choose-right.style-three .text-shape {
      top: 55%; }
      @media only screen and (min-width: 576px) {
        .why-choose-right.style-three .text-shape {
          right: -6%; } }

@media only screen and (min-width: 376px) {
  .why-choose-left-content h5 {
    font-size: 22px; } }

/* Service Details */
.service-about-image {
  padding-bottom: 15%;
  padding-right: 15%; }

.service-about-box {
  max-width: 70%;
  padding: 50px 60px;
  position: absolute;
  right: 0;
  bottom: 0; }
  @media only screen and (max-width: 1199px) {
    .service-about-box {
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (max-width: 479px) {
    .service-about-box {
      padding: 30px 25px; } }
  @media only screen and (max-width: 375px) {
    .service-about-box {
      max-width: 85%; } }
  .service-about-box .read-more {
    font-size: 55px;
    margin-left: -10px;
    color: var(--ygency-dark-color);
    margin-bottom: 30px; }
    @media only screen and (max-width: 479px) {
      .service-about-box .read-more {
        font-size: 35px; } }
    .service-about-box .read-more i {
      font-weight: 300; }
  .service-about-box h3 {
    margin-bottom: 0; }
    @media only screen and (min-width: 1200px) {
      .service-about-box h3 {
        font-size: 35px; } }
    @media only screen and (max-width: 479px) {
      .service-about-box h3 {
        font-size: 25px; } }
    .service-about-box h3 a {
      color: var(--ygency-dark-color); }

/*******************************************************/
/******************** ## Blog Area ********************/
/*******************************************************/
.blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .blog-meta li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 991px) {
      .blog-meta li {
        font-size: 15px; } }
    .blog-meta li i {
      color: white;
      margin: -3px 10px 0 0; }
      @media only screen and (max-width: 375px) {
        .blog-meta li i {
          display: none; } }
    .blog-meta li:not(:last-child):after {
      content: '';
      width: 5px;
      height: 5px;
      border-radius: 50%;
      margin-left: 30px;
      margin-right: 30px;
      background: white; }
      @media only screen and (max-width: 991px) {
        .blog-meta li:not(:last-child):after {
          margin-left: 14px;
          margin-right: 14px; } }

.blog-meta-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--ygency-secondary-font); }
  .blog-meta-two .tag {
    font-weight: 600;
    padding: 1px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid var(--ygency-border-color); }
    .blog-meta-two .tag:hover {
      color: var(--ygency-secondary-color);
      background: var(--ygency-primary-color);
      border-color: var(--ygency-primary-color); }
  .blog-meta-two .author {
    font-weight: 600;
    color: var(--ygency-primary-color);
    text-transform: uppercase; }
  .blog-meta-two a {
    margin-bottom: 10px; }
    .blog-meta-two a i {
      margin-right: 5px; }
    .blog-meta-two a:not(:last-child) {
      margin-right: 40px; }
      @media only screen and (max-width: 767px) {
        .blog-meta-two a:not(:last-child) {
          margin-right: 15px; } }

.blog-item {
  margin-bottom: 50px; }
  .blog-item .image {
    margin-bottom: 38px; }
    .blog-item .image img {
      width: 100%; }
  .blog-item hr {
    margin-top: 20px;
    margin-bottom: 25px; }
  @media only screen and (max-width: 375px) {
    .blog-item h4 {
      font-size: 20px; } }
  .blog-item h4 a:hover {
    text-decoration: underline; }
  .blog-item .read-more {
    color: var(--ygency-primary-color);
    margin-top: 15px;
    text-decoration: none; }
  .blog-item.style-two {
    margin-bottom: 45px; }
    .blog-item.style-two .tags {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -12px;
      margin-bottom: 20px; }
      .blog-item.style-two .tags a {
        opacity: 0.5;
        border: 1px solid;
        padding: 2px 20px;
        border-radius: 14px;
        margin: 0 12px 12px 0; }
        .blog-item.style-two .tags a:hover {
          opacity: 1; }
        .blog-item.style-two .tags a.more i {
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .blog-item.style-two .tags a.more:hover {
          color: var(--ygency-dark-color);
          background: var(--ygency-primary-color);
          border-color: var(--ygency-primary-color); }
    .blog-item.style-two .image {
      margin-bottom: 33px; }
    .blog-item.style-two hr {
      margin-top: 30px;
      margin-bottom: 28px; }
    .blog-item.style-two h4 a:hover {
      color: var(--ygency-primary-color); }
  .blog-item.style-three {
    background: #0A1019;
    margin-bottom: 30px; }
    .blog-item.style-three .image {
      margin-bottom: 0;
      position: relative; }
      .blog-item.style-three .image .category {
        position: absolute;
        right: 30px;
        bottom: 0;
        font-size: 14px;
        font-weight: 500;
        padding: 2px 20px;
        color: var(--ygency-dark-color);
        text-transform: uppercase;
        background: var(--ygency-primary-color);
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%); }
    .blog-item.style-three .content {
      padding: 35px 40px; }
      @media only screen and (max-width: 375px) {
        .blog-item.style-three .content {
          padding-left: 25px;
          padding-right: 25px; } }
      .blog-item.style-three .content h5 {
        margin-top: 5px;
        margin-bottom: 15px; }
        @media only screen and (min-width: 480px) {
          .blog-item.style-three .content h5 {
            font-size: 23px; } }
      .blog-item.style-three .content .author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .blog-item.style-three .content .author img {
          width: 35px;
          border-radius: 50%;
          margin-right: 15px; }
  .blog-item.style-four {
    padding: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    background: #0A1019;
    border: 4px solid #0A1019;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (min-width: 576px) {
      .blog-item.style-four {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .blog-item.style-four .content {
      max-width: 300px;
      padding-left: 30px; }
      @media only screen and (min-width: 576px) {
        .blog-item.style-four .content {
          width: 56%; } }
      @media only screen and (max-width: 1199px) {
        .blog-item.style-four .content {
          padding-left: 15px; } }
      @media only screen and (max-width: 575px) {
        .blog-item.style-four .content {
          padding: 15px 15px 35px; } }
      @media only screen and (max-width: 375px) {
        .blog-item.style-four .content {
          padding-left: 0;
          padding-right: 0; } }
      .blog-item.style-four .content h5 {
        margin-bottom: 15px; }
        @media only screen and (min-width: 376px) {
          .blog-item.style-four .content h5 {
            font-size: 22px; } }
        .blog-item.style-four .content h5 a:hover {
          text-decoration: underline; }
      .blog-item.style-four .content .author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .blog-item.style-four .content .author img {
          width: 35px;
          height: 35px;
          margin-right: 15px;
          border-radius: 50%; }
        .blog-item.style-four .content .author .name {
          color: rgba(255, 255, 255, 0.65); }
    .blog-item.style-four .image {
      margin-bottom: 0; }
      @media only screen and (min-width: 576px) {
        .blog-item.style-four .image {
          width: 41%; } }
    .blog-item.style-four:hover {
      border-color: var(--ygency-primary-color); }
  .blog-item.style-five .image {
    margin-bottom: 0; }
  .blog-item.style-five .content {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    background: #0A1019;
    padding: 25px 40px 15px;
    margin: -60px 20px 0 0;
    border: 1px solid var(--ygency-border-color); }
    @media only screen and (max-width: 375px) {
      .blog-item.style-five .content {
        padding-left: 25px;
        padding-right: 25px; } }
    .blog-item.style-five .content .blog-meta li i {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      color: var(--ygency-body-color); }
    .blog-item.style-five .content hr {
      margin-top: 5px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .blog-item.style-five .content h5 {
      letter-spacing: -0.4px; }
      @media only screen and (max-width: 375px) {
        .blog-item.style-five .content h5 {
          font-size: 18px; } }
  .blog-item.style-five:hover .content {
    background: var(--ygency-primary-color); }
    .blog-item.style-five:hover .content .blog-meta li i, .blog-item.style-five:hover .content .blog-meta li a {
      color: var(--ygency-dark-color); }
    .blog-item.style-five:hover .content h5 a {
      color: var(--ygency-dark-color); }
      .blog-item.style-five:hover .content h5 a:hover {
        text-decoration: underline; }
    .blog-item.style-five:hover .content hr {
      opacity: 1;
      background: rgba(10, 16, 25, 0.1); }

/* Blog Standard */
.blog-item.blog-standard h3 {
  margin-top: 10px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .blog-item.blog-standard h3 {
      font-size: 25px;
      line-height: 1.3; } }
  @media only screen and (max-width: 479px) {
    .blog-item.blog-standard h3 {
      font-size: 22px; } }

.blog-item.blog-standard .read-more {
  text-decoration: underline;
  margin-top: 5px; }

.blog-item.blog-standard.blog-blockquote {
  background: #16161C;
  padding: 50px 70px;
  border-left: 3px solid var(--ygency-primary-color); }
  @media only screen and (max-width: 767px) {
    .blog-item.blog-standard.blog-blockquote {
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (max-width: 479px) {
    .blog-item.blog-standard.blog-blockquote {
      padding: 30px 15px; } }

.blog-item.blog-standard.blog-video .image {
  z-index: 1;
  position: relative; }
  .blog-item.blog-standard.blog-video .image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.4;
    background-color: #000000; }
  .blog-item.blog-standard.blog-video .image:before {
    z-index: 1; }
  .blog-item.blog-standard.blog-video .image .video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    color: var(--ygency-dark-color);
    background: var(--ygency-primary-color); }
    @media only screen and (min-width: 768px) {
      .blog-item.blog-standard.blog-video .image .video-play {
        width: 100px;
        height: 100px;
        line-height: 100px; } }

/* Blog Details */
.blog-single-content h1, .blog-single-content h2, .blog-single-content h3, .blog-single-content h4, .blog-single-content h5, .blog-single-content h6, .blog-single-content p {
  margin-bottom: 22px; }

.blog-single-content .big-first-letter:first-letter {
  float: left;
  color: white;
  line-height: 0.8;
  font-size: 250px;
  font-weight: 500;
  margin-right: 50px; }
  @media only screen and (max-width: 767px) {
    .blog-single-content .big-first-letter:first-letter {
      font-size: 150px; } }
  @media only screen and (max-width: 479px) {
    .blog-single-content .big-first-letter:first-letter {
      font-size: 100px;
      margin-right: 25px; } }

blockquote {
  color: white;
  font-size: 27px;
  line-height: 1.5;
  font-weight: 500;
  position: relative;
  padding-left: 150px;
  border-left: 5px solid var(--ygency-primary-color); }
  blockquote:before {
    content: "";
    color: white;
    line-height: 1;
    position: absolute;
    left: 50px;
    top: 3px;
    font-size: 60px;
    font-family: "flaticon_ygency"; }
  @media only screen and (max-width: 767px) {
    blockquote {
      font-size: 22px;
      padding-left: 100px; }
      blockquote:before {
        left: 30px;
        font-size: 40px; } }
  @media only screen and (max-width: 479px) {
    blockquote {
      font-size: 18px;
      padding-left: 50px; }
      blockquote:before {
        left: 10px;
        font-size: 25px; } }
  blockquote .blockquote-footer {
    color: white;
    display: block;
    font-size: 0.6em;
    margin-bottom: 0;
    margin-top: 15px; }
    blockquote .blockquote-footer:before {
      content: '———';
      margin-right: 20px;
      color: var(--ygency-primary-color); }

.tag-share {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .tag-share .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px; }
  .tag-share .social-style-two a {
    width: 50px;
    height: 50px;
    line-height: 50px; }

/* Next Prev Blog */
.next-prev-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .next-prev-blog .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 310px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
    .next-prev-blog .item .image {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      max-width: 100px;
      margin-right: 30px; }
      @media only screen and (max-width: 375px) {
        .next-prev-blog .item .image {
          max-width: 90px; } }
    .next-prev-blog .item h6 {
      line-height: 1.65;
      margin-bottom: 5px; }
      @media only screen and (min-width: 376px) {
        .next-prev-blog .item h6 {
          font-size: 18px; } }

/* Comments */
@media only screen and (min-width: 376px) {
  .comment-title {
    font-size: 35px; } }

.comment-body {
  margin-bottom: 55px; }
  @media only screen and (min-width: 480px) {
    .comment-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .comment-body .author-thumb {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 100px;
    margin-right: 40px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 575px) {
      .comment-body .author-thumb {
        margin-right: 25px; } }
    .comment-body .author-thumb img {
      border-radius: 50%; }
  .comment-body .content .blog-meta {
    margin-bottom: 5px; }
    .comment-body .content .blog-meta li {
      text-transform: capitalize; }
  .comment-body .content h6 {
    margin-bottom: 0; }
    @media only screen and (min-width: 376px) {
      .comment-body .content h6 {
        font-size: 18px; } }
  @media only screen and (min-width: 376px) {
    .comment-body .content p {
      font-size: 18px; } }
  .comment-body .content .read-more {
    color: var(--ygency-primary-color); }
  .comment-body.comment-child {
    margin-left: 50px; }
    @media only screen and (max-width: 575px) {
      .comment-body.comment-child {
        margin-left: 30px; } }

.admin-comment .comment-body {
  border: none;
  padding: 40px 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .admin-comment .comment-body {
      padding-left: 25px;
      padding-right: 25px; } }
  .admin-comment .comment-body .author-thumb {
    max-width: 160px; }
    @media only screen and (min-width: 576px) {
      .admin-comment .comment-body .author-thumb {
        margin-bottom: 0;
        margin-right: 50px; } }
  @media only screen and (min-width: 376px) {
    .admin-comment .comment-body .content h5 {
      font-size: 22px; } }
  .admin-comment .comment-body .content p {
    font-size: 16px; }
  .admin-comment .comment-body .content .social-style-one a {
    margin-right: 25px; }
    .admin-comment .comment-body .content .social-style-one a:hover {
      color: var(--ygency-primary-color); }

/* Comment Form */
.comment-form {
  padding: 40px 60px 50px; }
  @media only screen and (max-width: 479px) {
    .comment-form {
      padding-left: 25px;
      padding-right: 25px; } }
  .comment-form h4 {
    margin-bottom: 5px; }
  .comment-form .form-group {
    margin-bottom: 30px; }
  .comment-form .form-control {
    color: white;
    border: none;
    border-radius: 0;
    padding: 18px 30px;
    background: rgba(255, 255, 255, 0.05); }
    .comment-form .form-control::-webkit-input-placeholder {
      color: var(--ygency-body-color); }
    .comment-form .form-control:-ms-input-placeholder {
      color: var(--ygency-body-color); }
    .comment-form .form-control::-ms-input-placeholder {
      color: var(--ygency-body-color); }
    .comment-form .form-control::placeholder {
      color: var(--ygency-body-color); }
    .comment-form .form-control:focus {
      background: black; }

/*******************************************************/
/****************** ## Contact Forms ******************/
/*******************************************************/
.form-style-one .form-group {
  margin-bottom: 50px; }
  .form-style-one .form-group label {
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    font-size: 18px; }

.form-style-one .nice-select,
.form-style-one .form-control {
  color: white;
  font-size: 18px;
  font-weight: 500;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 1px;
  padding: 1px 0 20px 33px;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.1); }
  .form-style-one .nice-select::-webkit-input-placeholder,
  .form-style-one .form-control::-webkit-input-placeholder {
    color: white; }
  .form-style-one .nice-select:-ms-input-placeholder,
  .form-style-one .form-control:-ms-input-placeholder {
    color: white; }
  .form-style-one .nice-select::-ms-input-placeholder,
  .form-style-one .form-control::-ms-input-placeholder {
    color: white; }
  .form-style-one .nice-select::placeholder,
  .form-style-one .form-control::placeholder {
    color: white; }
  .form-style-one .nice-select:focus,
  .form-style-one .form-control:focus {
    border-color: var(--ygency-secondary-color); }

.form-style-one .nice-select {
  line-height: 1.5; }
  .form-style-one .nice-select:after {
    left: 0;
    top: 12px;
    width: 10px;
    height: 10px; }
  .form-style-one .nice-select .list {
    background: #222222; }
    .form-style-one .nice-select .list .selected,
    .form-style-one .nice-select .list .option:hover {
      background: #333333; }

  @media only screen and (max-width: 375px) {
    .form-style-two {
      padding-left: 25px;
      padding-right: 25px; } }
  .form-style-two .form-group {
    margin-bottom: 35px; }
  .form-style-two .nice-select,
  .form-style-two .form-control {
    color: white;
    font-weight: 500;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 1px 0 15px;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1); }
    .form-style-two .nice-select:focus,
    .form-style-two .form-control:focus {
      border-color: var(--ygency-secondary-color); }
  .form-style-two .nice-select {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--ygency-body-color); }
    .form-style-two .nice-select:after {
      right: 0;
      top: 12px; }
    .form-style-two .nice-select .current {
      font-weight: 400; }
    .form-style-two .nice-select .list {
      background: #222222; }
      .form-style-two .nice-select .list .selected,
      .form-style-two .nice-select .list .option:hover {
        background: #333333; }

.drop-me-image-part:after {
  content: '';
  z-index: -1;
  width: 115%;
  position: absolute;
  left: 50%;
  bottom: -8%;
  background: #0A1019;
  padding-bottom: 115%;
  border-radius: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%); }

.contact-form {
  -webkit-box-shadow: 10px 0 60px rgba(102, 83, 232, 0.1);
  box-shadow: 10px 0 60px rgba(102, 83, 232, 0.1); }
  @media only screen and (max-width: 479px) {
    .contact-form {
      padding-left: 25px;
      padding-right: 25px; } }

.contact-info-part {
  max-width: 415px;
  padding: 40px 60px; }
  @media only screen and (max-width: 479px) {
    .contact-info-part {
      padding-left: 25px;
      padding-right: 25px; } }

.contact-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .contact-info-item .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 20px;
    color: var(--ygency-dark-color);
    margin-right: 25px;
    width: 60px;
    height: 60px;
    background: var(--ygency-primary-color);
    line-height: 60px;
    border-radius: 50%;
    text-align: center; }
  .contact-info-item .content .title {
    color: white;
    display: block; }
  .contact-info-item:not(:last-child) {
    margin-bottom: 35px; }

/* Contact Info Box */
.contact-info-box {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: white;
  margin-bottom: 30px;
  padding: 50px 40px 45px;
  border: 1px solid var(--ygency-border-color); }
  @media only screen and (min-width: 376px) {
    .contact-info-box {
      font-size: 18px; } }
  .contact-info-box .icon {
    font-size: 55px;
    margin-bottom: 30px;
    color: var(--ygency-primary-color); }
    @media only screen and (max-width: 375px) {
      .contact-info-box .icon {
        font-size: 40px; } }
  .contact-info-box h4 {
    margin-bottom: 15px; }
    @media only screen and (min-width: 376px) {
      .contact-info-box h4 {
        font-size: 24px; } }
  .contact-info-box > a,
  .contact-info-box > span {
    display: inline-block; }
  .contact-info-box > b {
    font-weight: 500;
    color: var(--ygency-primary-color); }
  .contact-info-box:hover {
    border-color: white;
    -webkit-box-shadow: 3px 0 60px rgba(85, 230, 165, 0.2);
    box-shadow: 3px 0 60px rgba(85, 230, 165, 0.2); }

/* Location Map */
.our-location iframe {
  height: 720px; }
  @media only screen and (max-width: 1399px) {
    .our-location iframe {
      height: 600px; } }
  @media only screen and (max-width: 991px) {
    .our-location iframe {
      height: 500px; } }
  @media only screen and (max-width: 575px) {
    .our-location iframe {
      height: 400px; } }

/* Contact Page Form */
.our-location-address .social-style-two a {
  width: 40px;
  height: 40px;
  border: none;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.1); }
  .our-location-address .social-style-two a:hover {
    background: var(--ygency-primary-color); }

.our-location-address {
  color: white; }
  .our-location-address h5 {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid white; }
    @media only screen and (min-width: 376px) {
      .our-location-address h5 {
        font-size: 22px; } }
  .our-location-address .mailto {
    color: var(--ygency-primary-color); }
  .our-location-address .callto {
    color: white;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .our-location-address .callto i {
      font-size: 12px;
      color: var(--ygency-dark-color);
      margin-right: 10px;
      width: 30px;
      height: 30px;
      background: var(--ygency-primary-color);
      line-height: 30px;
      border-radius: 50%;
      text-align: center; }

.contact-page-form {
  padding: 60px;
  background: #0A1019; }
  @media only screen and (max-width: 479px) {
    .contact-page-form {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 375px) {
    .contact-page-form {
      padding-left: 25px;
      padding-right: 25px; } }
  .contact-page-form .form-group {
    margin-bottom: 30px; }
    .contact-page-form .form-group label,
    .contact-page-form .form-group .form-control {
      font-size: 16px; }

/* Contact Form Validation */
.has-error .with-errors {
  color: red;
  margin-top: 5px;
  margin-bottom: -15px; }

#msgSubmit {
  margin-bottom: 0;
  margin-top: 10px; }

/*******************************************************/
/******************* ## Counter Area *******************/
/*******************************************************/
.counter-item {
  margin-bottom: 50px; }
  .counter-item > i {
    line-height: 1;
    font-size: 22px;
    margin-bottom: 15px;
    display: inline-block;
    color: var(--ygency-primary-color); }
  .counter-item .count-text {
    display: block;
    line-height: 1;
    font-size: 120px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    font-weight: 700;
    color: transparent;
    margin-bottom: 15px;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.2); }
    @media only screen and (max-width: 375px) {
      .counter-item .count-text {
        font-size: 85px; } }
  .counter-item .counter-title {
    font-size: 18px;
    font-weight: 500; }
  .counter-item:hover .count-text {
    color: var(--ygency-primary-color);
    -webkit-text-stroke-color: var(--ygency-primary-color); }
  .counter-item.style-two {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 60px 70px;
    height: calc(100% - 50px);
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
    @media only screen and (max-width: 767px) {
      .counter-item.style-two {
        padding: 30px; } }
    .counter-item.style-two.bordered-top {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .counter-item.style-two.bordered-bottom {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .counter-item.style-two.bordered-right {
      border-right: 1px solid rgba(255, 255, 255, 0.1); }
    .counter-item.style-two:hover {
      border-color: var(--ygency-primary-color); }

.count-text.k:after {
  content: 'k'; }

.count-text.plus:after {
  content: '+'; }

.count-text.percent:after {
  content: '%'; }

/* Counter style Two */
.counter-item-two {
  margin-bottom: 30px;
  color: var(--ygency-secondary-color); }
  .counter-item-two .count-text {
    display: block;
    line-height: 1;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 5px; }

/* Counter with Circle Progress */
.circle-progress-item {
  text-align: center;
  margin-bottom: 40px; }
  .circle-progress-item h5 {
    margin-top: 15px;
    margin-bottom: 8px; }

/* Skill Area */
@media only screen and (min-width: 576px) {
  .skill-content p {
    font-size: 18px; } }

/* Counter Three */
.counter-section-three {
  background: #0A1019; }

.counter-item-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 479px) {
    .counter-item-three {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .counter-item-three > i {
    line-height: 1;
    font-size: 45px;
    margin-right: 25px;
    color: var(--ygency-primary-color); }
  .counter-item-three .count-text {
    font-size: 80px;
    font-weight: 600;
    margin-right: 25px;
    line-height: 1;
    color: white; }
    @media only screen and (max-width: 375px) {
      .counter-item-three .count-text {
        font-size: 60px; } }
  @media only screen and (min-width: 480px) {
    .counter-item-three .counter-title {
      max-width: 130px; } }
  @media only screen and (min-width: 376px) {
    .counter-item-three.style-two {
      -ms-flex-wrap: inherit;
      flex-wrap: inherit; } }
  .counter-item-three.style-two > i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: var(--ygency-dark-color);
    width: 115px;
    height: 110px;
    line-height: 115px;
    padding-left: 25px;
    margin-right: 20px;
    background: var(--ygency-primary-color);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%); }
    @media only screen and (max-width: 991px) {
      .counter-item-three.style-two > i {
        font-size: 35px;
        width: 80px;
        height: 75px;
        line-height: 80px;
        padding-left: 15px; } }
  .counter-item-three.style-two .count-text {
    margin-right: 30px; }
    @media only screen and (max-width: 991px) {
      .counter-item-three.style-two .count-text {
        font-size: 60px; } }
    .counter-item-three.style-two .count-text:after {
      font-size: 30px; }
  @media only screen and (min-width: 376px) {
    .counter-item-three.style-two .counter-title {
      max-width: 130px; } }
  @media only screen and (max-width: 375px) {
    .counter-item-three.style-two .counter-title {
      margin-top: 20px; } }

/*******************************************************/
/****************** ## Videos Area ********************/
/*******************************************************/
/* Video Play */
.video-play {
  color: orange;
  font-size: 18px;
  display: inline-block;
  width: 120px;
  height: 120px;
  background: white;
  line-height: 120px;
  border-radius: 50%;
  text-align: center; }
  .video-play:hover {
    color: var(--ygency-primary-color); }
  @media only screen and (max-width: 767px) {
    .video-play {
      width: 80px;
      height: 80px;
      font-size: 16px;
      line-height: 80px; } }

/* Video Play With Text */
.video-play-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .video-play-text i {
    color: white;
    font-size: 14px;
    margin-right: 15px;
    width: 55px;
    height: 55px;
    background: var(--ygency-primary-color);
    line-height: 55px;
    border-radius: 50%;
    text-align: center; }
  .video-play-text span {
    font-weight: 500;
    color: var(--ygency-secondary-color);
    text-decoration: underline; }

/* Video Area */
.video-part {
  z-index: 1;
  position: relative; }
  .video-part::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.3;
    background-color: #02050A; }
  .video-part:before {
    z-index: 1; }
  .video-part .video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3; }
  .video-part .bg-text {
    line-height: 1;
    font-size: 180px;
    font-weight: 800;
    background: -webkit-radial-gradient(11.78% 57.78%, 46.77% 292.3%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
    background: -o-radial-gradient(11.78% 57.78%, 46.77% 292.3%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
    background: radial-gradient(46.77% 292.3% at 11.78% 57.78%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 5%;
    bottom: -18%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .video-part .bg-text {
        font-size: 120px; } }
    @media only screen and (max-width: 575px) {
      .video-part .bg-text {
        font-size: 80px; } }
    @media only screen and (max-width: 375px) {
      .video-part .bg-text {
        font-size: 50px; } }
  .video-part.style-two:before {
    opacity: 0.1; }
  .video-part.style-two .video-play {
    color: var(--ygency-primary-color); }
    @media only screen and (min-width: 1200px) {
      .video-part.style-two .video-play {
        width: 150px;
        height: 150px;
        font-size: 25px;
        line-height: 150px; } }
  .video-part.style-three:before {
    opacity: 0.5; }
  .video-part.style-three .video-play {
    color: var(--ygency-primary-color); }

@media only screen and (min-width: 1200px) {
  .video-content-part {
    max-width: 300px; } }

@media only screen and (min-width: 1200px) {
  .video-content-part .section-title {
    margin-left: -200px; } }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .video-content-part .section-title h2 {
    font-size: 44px; } }

.video-content-part .read-more {
  color: var(--ygency-primary-color); }

/* Video Year */
.video-year {
  line-height: 1;
  font-size: 230px;
  font-weight: 600;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.2); }
  @media only screen and (max-width: 1199px) {
    .video-year {
      font-size: 150px; } }
  @media only screen and (max-width: 575px) {
    .video-year {
      font-size: 100px; } }
  @media only screen and (max-width: 479px) {
    .video-year {
      font-size: 80px; } }
  .video-year .leaf-shape {
    max-width: 25%;
    position: absolute;
    right: -30px;
    bottom: 25%; }

/* Video Home Six */
.video-area-six {
  z-index: 1;
  position: relative; }
  .video-area-six::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.65;
    background-color: var(--ygency-dark-color); }
  .video-area-six:before {
    mix-blend-mode: multiply; }

.video-six-content .video-title {
  color: white;
  display: block;
  line-height: 1;
  font-size: 180px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -5.4px;
  text-decoration: underline;
  text-underline-offset: 15px;
  text-decoration-thickness: 10px; }
  @media only screen and (max-width: 1199px) {
    .video-six-content .video-title {
      font-size: 150px; } }
  @media only screen and (max-width: 991px) {
    .video-six-content .video-title {
      font-size: 120px; } }
  @media only screen and (max-width: 767px) {
    .video-six-content .video-title {
      font-size: 80px;
      letter-spacing: -3px;
      text-decoration-thickness: 5px; } }
  @media only screen and (max-width: 575px) {
    .video-six-content .video-title {
      font-size: 60px;
      letter-spacing: -3px;
      text-underline-offset: 8px;
      text-decoration-thickness: 3px; } }
  @media only screen and (max-width: 375px) {
    .video-six-content .video-title {
      font-size: 50px; } }

.video-six-content .text {
  max-width: 260px;
  margin-left: auto; }
  @media only screen and (max-width: 991px) {
    .video-six-content .text {
      margin-right: auto;
      text-align: center; } }

@media only screen and (min-width: 768px) {
  .video-six-content .video-play {
    width: 140px;
    height: 140px; } }

.video-six-content .video-text {
  line-height: 1;
  display: block;
  font-size: 150px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -4.5px;
  color: var(--ygency-primary-color); }
  @media only screen and (max-width: 1199px) {
    .video-six-content .video-text {
      font-size: 120px; } }
  @media only screen and (max-width: 767px) {
    .video-six-content .video-text {
      font-size: 80px;
      letter-spacing: -3px; } }

/*******************************************************/
/******************* ## Team Member ********************/
/*******************************************************/
.team-member {
  position: relative;
  margin-bottom: 30px; }
  .team-member .image {
    margin-bottom: 30px; }
    .team-member .image img {
      width: 100%; }
  .team-member .btn-social {
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    background: black; }
    .team-member .btn-social .read-more {
      color: var(--ygency-primary-color); }
      .team-member .btn-social .read-more i {
        margin-left: 10px; }
    .team-member .btn-social .social-style-two {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 10px; }
  .team-member .content {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    position: relative;
    padding-right: 30px; }
    .team-member .content h4 {
      font-size: 22px; }
    .team-member .content .read-more {
      position: absolute;
      right: 0;
      top: 15px;
      font-size: 30px; }
      .team-member .content .read-more i {
        font-weight: 300; }
  .team-member:hover .btn-social {
    opacity: 1; }
  .team-member:hover .content {
    opacity: 0; }
  .team-member.style-two {
    margin-bottom: 60px; }
    @media only screen and (min-width: 1200px) {
      .team-member.style-two .content {
        padding-left: 30px;
        padding-right: 60px; }
        .team-member.style-two .content .read-more {
          right: 30px; } }
    @media only screen and (min-width: 1200px) {
      .team-member.style-two .btn-social {
        padding-left: 30px;
        padding-right: 30px; } }
  .team-member.style-three .image {
    z-index: 1;
    position: relative; }
    .team-member.style-three .image::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      opacity: 0;
      background-color: #02050A; }
    .team-member.style-three .image .social-style-two {
      opacity: 0;
      z-index: 2;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      position: absolute;
      left: 25px;
      bottom: 40px;
      padding: 10px 15px;
      background: var(--ygency-primary-color); }
      .team-member.style-three .image .social-style-two a {
        width: 30px;
        height: 30px;
        margin: 0 4px;
        font-size: 14px;
        line-height: 30px;
        background: rgba(2, 5, 10, 0.15); }
        .team-member.style-three .image .social-style-two a:hover {
          color: white;
          background: var(--ygency-dark-color); }
    .team-member.style-three .image:before {
      z-index: 1;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
  .team-member.style-three .content {
    opacity: 1; }
    .team-member.style-three .content h4 {
      margin-bottom: 0; }
    .team-member.style-three .content > span {
      opacity: 0.5; }
  .team-member.style-three:hover .image .social-style-two {
    bottom: 20px;
    opacity: 1; }
  .team-member.style-three:hover .image:before {
    opacity: 0.3; }
  .team-member.style-four .image {
    margin-bottom: 0; }
  .team-member.style-four .content {
    z-index: 1;
    position: relative;
    padding: 20px 25px;
    margin: -30px 15px 0; }
    .team-member.style-four .content > h5 {
      font-size: 18px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      margin-bottom: 0; }
    .team-member.style-four .content > span {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .team-member.style-four .content .team-social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: absolute;
      right: 20px;
      bottom: calc(100% - 15px); }
      .team-member.style-four .content .team-social .social-style-two {
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .team-member.style-four .content .team-social .social-style-two a {
          width: 30px;
          height: 30px;
          border: none;
          display: none;
          color: #696969;
          font-size: 13px;
          line-height: 30px;
          background: white;
          margin: 0 0 7px; }
          .team-member.style-four .content .team-social .social-style-two a:hover {
            color: var(--ygency-dark-color);
            background: var(--ygency-primary-color); }
      .team-member.style-four .content .team-social button {
        font-size: 13px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        width: 30px;
        height: 30px;
        background: var(--ygency-primary-color);
        line-height: 30px;
        border-radius: 50%;
        text-align: center; }
    .team-member.style-four .content:before {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: -1;
      content: '';
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      background: #0A1019;
      width: 100%;
      height: calc(100% + 22px);
      -webkit-clip-path: polygon(0 0, 100% 22px, 100% 100%, 0% 100%);
      clip-path: polygon(0 0, 100% 22px, 100% 100%, 0% 100%); }
  .team-member.style-four:hover .content {
    opacity: 1; }
    .team-member.style-four:hover .content > h5, .team-member.style-four:hover .content > span {
      color: var(--ygency-dark-color); }
    .team-member.style-four:hover .content .team-social button {
      color: white;
      background: var(--ygency-dark-color); }
    .team-member.style-four:hover .content .team-social:hover .social-style-two {
      opacity: 1; }
      .team-member.style-four:hover .content .team-social:hover .social-style-two a {
        display: block; }
    .team-member.style-four:hover .content:before {
      background: var(--ygency-primary-color); }

/* Team Page */
.team-page-area {
  background-repeat: repeat-x; }

/* Team Details */
.team-profile-content h2 {
  margin-bottom: 20px; }
  @media only screen and (min-width: 1200px) {
    .team-profile-content h2 {
      font-size: 65px; } }
  @media only screen and (max-width: 767px) {
    .team-profile-content h2 {
      font-size: 40px; } }
  @media only screen and (max-width: 575px) {
    .team-profile-content h2 {
      font-size: 35px; } }
  @media only screen and (max-width: 375px) {
    .team-profile-content h2 {
      font-size: 30px; } }

.team-profile-content .designation {
  display: block;
  font-size: 24px;
  margin-bottom: 50px; }
  @media only screen and (max-width: 575px) {
    .team-profile-content .designation {
      font-size: 20px;
      margin-bottom: 35px; } }

@media only screen and (min-width: 376px) {
  .team-profile-content p {
    font-size: 18px; } }

/*******************************************************/
/****************** ## Pricing Area ********************/
/*******************************************************/
.pricing-plan-item {
  z-index: 2;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  padding: 40px 50px;
  margin-bottom: 40px;
  background: #0A1019; }
  @media only screen and (max-width: 375px) {
    .pricing-plan-item {
      padding-left: 25px;
      padding-right: 25px; } }
  .pricing-plan-item .badge {
    width: 100%;
    opacity: 0;
    padding: 8px;
    font-size: 14px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 0;
    font-weight: 700;
    text-align: center;
    color: var(--ygency-dark-color);
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: calc(100% - 30px);
    background: var(--ygency-primary-color); }
    .pricing-plan-item .badge i {
      margin-left: 5px;
      margin-right: 5px; }
  .pricing-plan-item .icon {
    line-height: 1;
    font-size: 60px;
    margin-bottom: 28px;
    color: var(--ygency-primary-color); }
  .pricing-plan-item .price-text {
    color: white;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px; }
    .pricing-plan-item .price-text .before {
      font-weight: 600; }
    .pricing-plan-item .price-text .price {
      font-size: 48px;
      font-weight: 600; }
      @media only screen and (max-width: 375px) {
        .pricing-plan-item .price-text .price {
          font-size: 35px; } }
  .pricing-plan-item .list-style-one {
    padding-bottom: 30px; }
    .pricing-plan-item .list-style-one li {
      margin-bottom: 15px; }
      .pricing-plan-item .list-style-one li:before {
        font-size: 8px; }
    .pricing-plan-item .list-style-one.two-column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 50px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .pricing-plan-item .list-style-one.two-column li {
        width: 100%;
        opacity: 0.75; }
        @media only screen and (min-width: 1200px) {
          .pricing-plan-item .list-style-one.two-column li {
            width: 48%; } }
  .pricing-plan-item .icon-title-price {
    margin-bottom: 65px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--ygency-border-color); }
    @media only screen and (min-width: 480px) {
      .pricing-plan-item .icon-title-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .pricing-plan-item .icon-title-price .icon {
      margin-right: 60px; }
      @media only screen and (min-width: 376px) {
        .pricing-plan-item .icon-title-price .icon {
          font-size: 80px;
          margin-top: 10px; } }
      @media only screen and (max-width: 1199px) {
        .pricing-plan-item .icon-title-price .icon {
          margin-right: 28px; } }
  .pricing-plan-item .icon-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .pricing-plan-item .icon-title .icon {
      margin-bottom: 0;
      margin-right: 20px;
      width: 60px;
      height: 60px;
      background: var(--ygency-primary-color);
      line-height: 60px;
      border-radius: 50%;
      text-align: center;
      line-height: 50px; }
    .pricing-plan-item .icon-title h5 {
      margin-bottom: 0; }
  .pricing-plan-item .price-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .pricing-plan-item .price-offer .price-text {
      line-height: 1;
      margin-top: 30px;
      margin-bottom: 30px; }
    .pricing-plan-item .price-offer .offer-text {
      color: white;
      max-width: 45px;
      font-size: 18px;
      line-height: 1.4;
      font-weight: 500; }
  .pricing-plan-item:hover {
    z-index: 1;
    -webkit-box-shadow: 0px 4px 60px 30px rgba(85, 230, 165, 0.15);
    box-shadow: 0px 4px 60px 30px rgba(85, 230, 165, 0.15); }
    .pricing-plan-item:hover .badge {
      opacity: 1;
      bottom: 100%; }
  .pricing-plan-item.style-two {
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media only screen and (min-width: 576px) {
      .pricing-plan-item.style-two {
        padding: 50px 70px; } }
  .pricing-plan-item.style-three {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .pricing-plan-item.style-three .list-style-one {
      padding-top: 15px;
      padding-bottom: 0;
      margin-bottom: -15px; }

.pricing-banner {
  height: calc(100% - 40px);
  min-height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 40px;
  position: relative;
  z-index: 1;
  margin-bottom: 40px; }
  @media only screen and (max-width: 375px) {
    .pricing-banner {
      padding-left: 25px;
      padding-right: 25px; } }
  .pricing-banner .join-us {
    font-size: 14px;
    font-weight: 600;
    color: white; }
  .pricing-banner h4 {
    font-size: 27px;
    margin-bottom: 20px; }
  .pricing-banner .details-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px; }
    .pricing-banner .details-btn:not(:hover) {
      border-color: white; }
  .pricing-banner .hand-shape {
    position: absolute;
    right: 42px;
    top: 120px;
    z-index: -1; }

/*******************************************************/
/**************** ## Project Grid Area *****************/
/*******************************************************/
.project-item {
  margin-bottom: 120px; }
  @media only screen and (max-width: 991px) {
    .project-item {
      margin-bottom: 70px; } }
  .project-item .image {
    z-index: 1;
    position: relative; }
    .project-item .image::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      opacity: 0;
      background-color: var(--ygency-primary-color); }
    .project-item .image:before {
      z-index: 1;
      -webkit-transition: 0.35s linear;
      -o-transition: 0.35s linear;
      transition: 0.35s linear;
      mix-blend-mode: multiply;
      -webkit-transform: scale3d(0.5, 1, 0.5);
      transform: scale3d(0.5, 1, 0.5); }
    .project-item .image img {
      width: 100%; }
    .project-item .image .project-btn {
      z-index: 2;
      opacity: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 30px;
      color: var(--ygency-dark-color);
      width: 90px;
      height: 90px;
      background: white;
      line-height: 90px;
      border-radius: 50%;
      text-align: center;
      -webkit-transition: 0.35s linear;
      -o-transition: 0.35s linear;
      transition: 0.35s linear; }
      @media only screen and (max-width: 479px) {
        .project-item .image .project-btn {
          width: 60px;
          height: 60px;
          font-size: 20px;
          line-height: 60px; } }
      .project-item .image .project-btn i {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .project-item .content {
    padding: 30px 50px 0; }
    @media only screen and (max-width: 1199px) {
      .project-item .content {
        padding-left: 30px;
        padding-right: 30px; } }
    @media only screen and (max-width: 375px) {
      .project-item .content {
        padding-left: 0;
        padding-right: 0; } }
    .project-item .content .category {
      font-size: 20px;
      margin-bottom: 14px;
      display: inline-block;
      text-decoration: underline; }
    @media only screen and (max-width: 1199px) {
      .project-item .content h2 {
        font-size: 40px; } }
    @media only screen and (max-width: 479px) {
      .project-item .content h2 {
        font-size: 35px; } }
    @media only screen and (max-width: 375px) {
      .project-item .content h2 {
        font-size: 30px; } }
    .project-item .content h2 a i {
      color: var(--ygency-primary-color);
      font-weight: 400; }
    .project-item .content h2 a:hover {
      text-decoration: underline;
      text-underline-offset: 11px;
      text-decoration-thickness: 3px; }
      @media only screen and (max-width: 479px) {
        .project-item .content h2 a:hover {
          text-underline-offset: 8px;
          text-decoration-thickness: 2px; } }
      .project-item .content h2 a:hover i {
        text-decoration: underline;
        text-decoration-thickness: 3px;
        -webkit-text-decoration-color: var(--ygency-primary-color);
        text-decoration-color: var(--ygency-primary-color); }
        @media only screen and (max-width: 479px) {
          .project-item .content h2 a:hover i {
            text-underline-offset: 8px;
            text-decoration-thickness: 2px; } }
    .project-item .content h4 a i {
      color: var(--ygency-primary-color);
      font-weight: 400; }
    .project-item .content h4 a:hover {
      text-decoration: underline;
      text-underline-offset: 5px;
      text-decoration-thickness: 1px; }
      .project-item .content h4 a:hover i {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        -webkit-text-decoration-color: var(--ygency-primary-color);
        text-decoration-color: var(--ygency-primary-color); }
  .project-item:hover .image:before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .project-item:hover .image .project-btn {
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .project-item.style-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 991px) {
      .project-item.style-two {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .project-item.style-two .content {
      padding: 0;
      max-width: 440px; }
      .project-item.style-two .content:first-child {
        margin-left: auto;
        margin-right: 80px; }
        @media only screen and (max-width: 991px) {
          .project-item.style-two .content:first-child {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            margin: 35px 50px 0; } }
        @media only screen and (max-width: 575px) {
          .project-item.style-two .content:first-child {
            margin-left: 0;
            margin-right: 0; } }
      .project-item.style-two .content:last-child {
        margin-left: 80px; }
        @media only screen and (max-width: 991px) {
          .project-item.style-two .content:last-child {
            margin: 35px 50px 0; } }
        @media only screen and (max-width: 575px) {
          .project-item.style-two .content:last-child {
            margin-left: 0;
            margin-right: 0; } }
      .project-item.style-two .content hr {
        margin-top: 65px;
        margin-bottom: 55px; }
        @media only screen and (max-width: 991px) {
          .project-item.style-two .content hr {
            margin-top: 35px;
            margin-bottom: 25px; } }
      .project-item.style-two .content .read-more {
        margin-top: 10px; }
  .project-item.style-three {
    margin-bottom: 55px; }
    @media only screen and (min-width: 768px) {
      .project-item.style-three {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .project-item.style-three .image {
      overflow: hidden;
      border-radius: 50%; }
      .project-item.style-three .image:before {
        border-radius: 50%; }
    @media only screen and (min-width: 768px) {
      .project-item.style-three .content {
        padding-top: 0; } }
    .project-item.style-three .content h4 {
      margin-top: 10px;
      margin-bottom: 20px; }
  .project-item.style-four {
    margin-bottom: 60px; }
    .project-item.style-four .image {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      overflow: hidden;
      padding-bottom: 92%; }
      .project-item.style-four .image img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .project-item.style-four .image .project-btn {
        background: var(--ygency-primary-color); }
      .project-item.style-four .image:before {
        background: var(--ygency-dark-color); }
    .project-item.style-four .content {
      padding-left: 0;
      padding-right: 0; }
      .project-item.style-four .content .category {
        font-size: 18px; }
      .project-item.style-four .content h4 a:hover {
        color: var(--ygency-primary-color); }
    .project-item.style-four:hover .image {
      padding-bottom: 80%; }
      .project-item.style-four:hover .image:before {
        opacity: 0.85; }
  .project-item.style-five {
    margin-bottom: 80px; }
    .project-item.style-five .image img {
      width: 100%; }
    .project-item.style-five .image .project-btn {
      left: auto;
      top: 30px;
      right: 30px;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); }
      @media only screen and (min-width: 480px) {
        .project-item.style-five .image .project-btn {
          width: 80px;
          height: 80px;
          line-height: 80px; } }
    .project-item.style-five .content {
      padding: 0;
      z-index: 2;
      position: absolute;
      left: 35px;
      bottom: 35px; }
      @media only screen and (max-width: 375px) {
        .project-item.style-five .content {
          left: 15px;
          bottom: 15px; } }
      .project-item.style-five .content .category {
        opacity: 0;
        font-size: 18px;
        margin-bottom: 0;
        background: white;
        padding: 5px 22px;
        color: var(--ygency-dark-color);
        text-decoration: none; }
      .project-item.style-five .content h4 {
        margin-bottom: 0; }
        @media only screen and (max-width: 1599px) {
          .project-item.style-five .content h4 {
            font-size: 22px; } }
        @media only screen and (max-width: 375px) {
          .project-item.style-five .content h4 {
            font-size: 20px; } }
        .project-item.style-five .content h4 a {
          opacity: 0;
          color: white;
          padding: 11px 22px;
          display: inline-block;
          text-decoration: none;
          background: var(--ygency-dark-color); }
    .project-item.style-five:hover .content .category {
      opacity: 1;
      -webkit-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
      transition-delay: 0.5s; }
    .project-item.style-five:hover .content h4 a {
      opacity: 1;
      -webkit-transition-delay: 0.25s;
      -o-transition-delay: 0.25s;
      transition-delay: 0.25s; }
  .project-item.style-six .content {
    padding-left: 0;
    padding-right: 0; }
    .project-item.style-six .content .category {
      font-size: 16px;
      margin-bottom: 5px;
      text-decoration: none; }
    .project-item.style-six .content h4 {
      letter-spacing: -0.48px; }
      @media only screen and (max-width: 375px) {
        .project-item.style-six .content h4 {
          font-size: 20px; } }
      .project-item.style-six .content h4 a {
        text-decoration: none; }

.gallery-five-active {
  margin-left: -15px;
  margin-right: -15px; }
  .gallery-five-active .project-item {
    margin-left: 15px;
    margin-right: 15px; }

.project-slider-two-active {
  margin-left: -15px;
  margin-right: -300px; }
  @media only screen and (max-width: 991px) {
    .project-slider-two-active {
      margin-right: -15px; } }
  .project-slider-two-active .slick-list {
    padding-right: 300px; }
    @media only screen and (max-width: 991px) {
      .project-slider-two-active .slick-list {
        padding-right: 0; } }
  .project-slider-two-active .project-item {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px; }
  .project-slider-two-active .slick-dots {
    padding-right: 310px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media only screen and (max-width: 991px) {
      .project-slider-two-active .slick-dots {
        padding-right: 10px; } }
    .project-slider-two-active .slick-dots .slick-active {
      background: var(--ygency-primary-color); }

/* Project Home Six */
.project-area-six .project-item {
  margin-bottom: 30px; }
  .project-area-six .project-item .image:before {
    background-color: #0A1019; }
  .project-area-six .project-item .content h4 a {
    color: var(--ygency-dark-color);
    background: var(--ygency-primary-color); }
  .project-area-six .project-item:hover .image:before {
    opacity: 0.65; }

@media only screen and (min-width: 1600px) {
  .project-area-six .row-cols-xl-4 > * {
    width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; } }

/* Work Gallery */
.work-gallery-active {
  margin-left: -40px;
  margin-right: -40px; }
  @media only screen and (max-width: 1399px) {
    .work-gallery-active {
      margin-left: -15px;
      margin-right: -15px; } }
  .work-gallery-active .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .work-gallery-active .project-item {
    height: auto;
    margin-left: 40px;
    margin-right: 40px; }
    @media only screen and (max-width: 1399px) {
      .work-gallery-active .project-item {
        margin-left: 15px;
        margin-right: 15px; } }

.work-gallery-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .work-gallery-controls .slick-arrow {
    color: rgba(255, 255, 255, 0.65);
    font-size: 30px;
    background: transparent; }
    .work-gallery-controls .slick-arrow:focus, .work-gallery-controls .slick-arrow:hover {
      color: var(--ygency-primary-color); }
  .work-gallery-controls .work-gallery-dots {
    margin-left: 30px;
    margin-right: 30px; }

.slider-arrow-btns .slick-arrow {
  width: 60px;
  height: 60px;
  font-size: 22px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  color: var(--ygency-secondary-color);
  -webkit-box-shadow: 3px 0 60px rgba(85, 230, 165, 0.2);
  box-shadow: 3px 0 60px rgba(85, 230, 165, 0.2);
  background: var(--ygency-tertiary-color); }
  .slider-arrow-btns .slick-arrow:focus, .slider-arrow-btns .slick-arrow:hover {
    color: var(--ygency-dark-color);
    background: var(--ygency-primary-color); }
  .slider-arrow-btns .slick-arrow:first-child {
    margin-right: 10px; }

.project-timeline {
  border-bottom: 1px solid var(--ygency-border-color);
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  @media only screen and (max-width: 767px) {
    .project-timeline {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .project-timeline .content {
    max-width: 350px;
    margin-right: 20px; }
    .project-timeline .content .serial-number {
      color: white;
      font-weight: 300;
      font-size: 50px;
      margin-bottom: 45px;
      display: block;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .project-timeline .content h4 {
      line-height: 1.4; }
  .project-timeline .image {
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 991px) {
      .project-timeline .image {
        margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .project-timeline .image {
        margin-left: 0;
        margin-top: 30px; } }
  @media only screen and (max-width: 991px) {
    .project-timeline .right-btn {
      display: none; } }
  .project-timeline:hover {
    border-color: var(--ygency-primary-color); }
    .project-timeline:hover .content .serial-number,
    .project-timeline:hover .content h4 a {
      color: var(--ygency-primary-color); }
    .project-timeline:hover .content h4 a {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 5px; }
    .project-timeline:hover .right-btn .details-btn {
      background: var(--ygency-primary-color);
      color: var(--ygency-dark-color); }

.project-timeline-two {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 35px;
  border-bottom: 1px solid #222222;
  margin-bottom: 55px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  @media only screen and (max-width: 479px) {
    .project-timeline-two {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .project-timeline-two .serial-number {
    font-size: 22px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .project-timeline-two h4 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.43;
    max-width: 300px;
    margin-left: 100px;
    margin-right: auto; }
    @media only screen and (max-width: 1199px) {
      .project-timeline-two h4 {
        margin-left: 50px; } }
    @media only screen and (max-width: 479px) {
      .project-timeline-two h4 {
        margin-left: 0;
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: 0; } }
  .project-timeline-two .image {
    position: absolute;
    right: -50px;
    top: -40%;
    max-width: 50%;
    -webkit-transform: scale(0) rotate(-30deg);
    -ms-transform: scale(0) rotate(-30deg);
    transform: scale(0) rotate(-30deg);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
    @media only screen and (max-width: 1399px) {
      .project-timeline-two .image {
        right: 0; } }
    @media only screen and (max-width: 575px) {
      .project-timeline-two .image {
        top: 0; } }
  .project-timeline-two .right-btn {
    margin-left: 20px; }
    @media only screen and (max-width: 479px) {
      .project-timeline-two .right-btn {
        position: absolute;
        right: 0;
        top: 0; } }
    .project-timeline-two .right-btn a {
      font-size: 30px;
      display: inline-block;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      color: rgba(255, 255, 255, 0.2); }
  .project-timeline-two:hover {
    border-color: white;
    z-index: 9; }
    .project-timeline-two:hover .serial-number,
    .project-timeline-two:hover .right-btn a {
      color: white; }
    .project-timeline-two:hover h4 a {
      color: var(--ygency-primary-color);
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 5px; }
    .project-timeline-two:hover .image {
      visibility: visible;
      opacity: 1;
      -webkit-transform: scale(1) rotate(13.43deg);
      -ms-transform: scale(1) rotate(13.43deg);
      transform: scale(1) rotate(13.43deg); }

/* Project Details */
.project-details-area .text {
  color: rgba(255, 255, 255, 0.65); }
  @media only screen and (min-width: 576px) {
    .project-details-area .text {
      font-size: 18px; } }

.big-letter:first-letter {
  float: left;
  font-size: 24px;
  margin-top: 8px;
  font-weight: 700;
  padding: 6px 11px;
  margin-right: 30px;
  color: var(--ygency-dark-color);
  text-transform: uppercase;
  background: var(--ygency-primary-color); }

.next-prev-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 1199px) {
    .next-prev-post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .next-prev-post .prev-post,
  .next-prev-post .next-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -25px;
    margin-right: -25px; }
    @media only screen and (max-width: 479px) {
      .next-prev-post .prev-post,
      .next-prev-post .next-post {
        margin-left: -10px;
        margin-right: -10px; } }
    .next-prev-post .prev-post .image,
    .next-prev-post .prev-post .content,
    .next-prev-post .next-post .image,
    .next-prev-post .next-post .content {
      padding-left: 25px;
      padding-right: 25px; }
      @media only screen and (max-width: 479px) {
        .next-prev-post .prev-post .image,
        .next-prev-post .prev-post .content,
        .next-prev-post .next-post .image,
        .next-prev-post .next-post .content {
          padding-left: 10px;
          padding-right: 10px; } }
    .next-prev-post .prev-post h4,
    .next-prev-post .next-post h4 {
      margin-bottom: 15px; }
      @media only screen and (max-width: 575px) {
        .next-prev-post .prev-post h4,
        .next-prev-post .next-post h4 {
          font-size: 20px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 375px) {
        .next-prev-post .prev-post h4,
        .next-prev-post .next-post h4 {
          font-size: 18px; } }
      .next-prev-post .prev-post h4 a:hover,
      .next-prev-post .next-post h4 a:hover {
        text-decoration: underline; }
    @media only screen and (max-width: 575px) {
      .next-prev-post .prev-post .image,
      .next-prev-post .next-post .image {
        max-width: 30%; } }
  .next-prev-post .next-post {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

/*******************************************************/
/******************** ## FAQs Area *********************/
/*******************************************************/
.accordion-item {
  background: transparent; }
  .accordion-item:not(:last-child) {
    margin-bottom: 15px; }
  .accordion-item .accordion-header {
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid var(--ygency-border-color); }
  .accordion-item .accordion-button {
    background: transparent;
    font-size: 20px;
    padding: 0;
    color: white; }
    @media only screen and (max-width: 375px) {
      .accordion-item .accordion-button {
        font-size: 18px; } }
    .accordion-item .accordion-button:focus {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .accordion-item .accordion-button:after {
      color: var(--ygency-primary-color);
      font-size: 18px;
      background: none;
      content: "\f061";
      font-family: "Font Awesome 5 Pro"; }
    .accordion-item .accordion-button:not(.collapsed):after {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  .accordion-item .accordion-body {
    padding: 0; }
    .accordion-item .accordion-body p {
      margin-bottom: 10px;
      font-size: 18px;
      color: rgba(255, 255, 255, 0.65); }

.faq-shapes .shape {
  z-index: -1;
  max-width: 10%;
  position: absolute;
  -webkit-animation: rotated_circle 10s linear infinite;
  animation: rotated_circle 10s linear infinite; }
  .faq-shapes .shape.left {
    left: 5%;
    top: 25%; }
  .faq-shapes .shape.right {
    right: 5%;
    bottom: 35%; }

/* FAQ Four */
.faq-four-iamge {
  z-index: 1;
  position: relative;
  display: inline-block;
  -webkit-animation: semi_rotated 10s infinite;
  animation: semi_rotated 10s infinite; }
  .faq-four-iamge img {
    border-radius: 250px 250px 0 0; }
  .faq-four-iamge:before {
    content: '';
    z-index: -1;
    width: 135%;
    opacity: 0.1;
    position: absolute;
    left: 50%;
    bottom: -8%;
    background: white;
    padding-bottom: 135%;
    border-radius: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

/*******************************************************/
/****************** ## Features Area *******************/
/*******************************************************/
/* What We Do */
.what-we-do-item {
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  @media only screen and (min-width: 376px) {
    .what-we-do-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .what-we-do-item:not(:last-child) {
    margin-bottom: 45px; }
  .what-we-do-item .number {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 135px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 479px) {
      .what-we-do-item .number {
        width: 75px; } }
    .what-we-do-item .number span {
      width: 45px;
      height: 45px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      font-weight: 600;
      line-height: 45px;
      text-align: center;
      border-radius: 50%;
      display: inline-block;
      border: 1px solid rgba(255, 255, 255, 0.1); }
  .what-we-do-item .content p {
    opacity: 0.75; }
  .what-we-do-item:hover {
    border-bottom-color: var(--ygency-primary-color); }
    .what-we-do-item:hover .number span {
      color: black;
      background: var(--ygency-primary-color);
      border-color: var(--ygency-primary-color); }

.what-we-do-area:after {
  z-index: -1;
  width: 900px;
  height: 900px;
  opacity: 0.3;
  border-radius: 50%;
  -webkit-filter: blur(200px);
  filter: blur(200px);
  position: absolute;
  right: -300px;
  top: -130px;
  background: var(--ygency-primary-color);
  -webkit-animation: zoomInOut 5s infinite;
  animation: zoomInOut 5s infinite; }

.what-we-do-area:before {
  z-index: -1;
  content: '';
  width: 555px;
  height: 555px;
  opacity: 0.3;
  position: absolute;
  right: -100px;
  bottom: 20%;
  -webkit-animation: zoomInOut 5s 2s infinite;
  animation: zoomInOut 5s 2s infinite;
  background: url(../images/shapes/circle-lines.png) no-repeat 100% 100%; }
  @media only screen and (max-width: 575px) {
    .what-we-do-area:before {
      width: 300px;
      height: 300px; } }

/* Why Choose Us */
.why-choose-item {
  margin-bottom: 50px; }
  .why-choose-item .why-choose-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px solid var(--ygency-border-color);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .why-choose-item .why-choose-header i {
      font-size: 22px;
      margin-right: 15px;
      color: var(--ygency-primary-color); }
    .why-choose-item .why-choose-header h5 {
      margin-bottom: 0; }
  .why-choose-item:hover .why-choose-header {
    border-color: white; }
  .why-choose-item.style-two .why-choose-header i {
    font-size: 80px;
    margin-right: 20px; }
    @media only screen and (max-width: 375px) {
      .why-choose-item.style-two .why-choose-header i {
        font-size: 60px; } }
  @media only screen and (min-width: 376px) {
    .why-choose-item.style-two .why-choose-header h5 {
      font-size: 22px; } }
  .why-choose-item.style-two p {
    color: rgba(255, 255, 255, 0.65); }
    @media only screen and (min-width: 376px) {
      .why-choose-item.style-two p {
        font-size: 18px; } }
  .why-choose-item.style-three {
    padding: 20px 30px;
    margin-bottom: 30px;
    background: #0A1019;
    border: 1px solid var(--ygency-border-color); }
    .why-choose-item.style-three .why-choose-header {
      margin-bottom: 15px;
      padding-bottom: 20px;
      border-color: var(--ygency-border-color); }
    .why-choose-item.style-three p {
      margin-bottom: 0; }

/* Why Choose Us Two */
.why-choose-two-wrap {
  max-width: 480px; }

.why-choose-item-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
  .why-choose-item-two .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px; }
    .why-choose-item-two .icon i {
      width: 35px;
      height: 35px;
      background: var(--ygency-primary-color);
      line-height: 35px;
      border-radius: 50%;
      text-align: center;
      margin-bottom: 20px; }
    .why-choose-item-two .icon .icon-bottom-shape {
      height: 80px;
      width: 2px;
      background: -webkit-gradient(linear, left top, left bottom, from(#55E6A5), to(rgba(255, 255, 255, 0)));
      background: -webkit-linear-gradient(top, #b89774 0%, rgba(255, 255, 255, 0) 100%);
      background: -o-linear-gradient(top, #b89774 0%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(180deg, #b89774 0%, rgba(255, 255, 255, 0) 100%); }
  .why-choose-item-two .content h4 {
    font-size: 22px;
    margin-bottom: 13px; }

/* Features Three */
.feature-item-three {
  padding-bottom: 35px;
  border-bottom: 2px solid var(--ygency-border-color);
  margin-bottom: 80px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .feature-item-three .top-part {
    margin-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .feature-item-three .top-part .serial-number {
      color: rgba(255, 255, 255, 0.1);
      font-size: 55px;
      font-weight: 300;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .feature-item-three .top-part .details-btn {
      width: 85px;
      height: 85px;
      background: #0B111A;
      color: var(--ygency-primary-color);
      border: none;
      line-height: 85px; }
  .feature-item-three .content h4 {
    margin-bottom: 20px; }
  .feature-item-three:hover {
    border-color: var(--ygency-primary-color); }
    .feature-item-three:hover .top-part .serial-number {
      color: white; }
    .feature-item-three:hover .top-part .details-btn {
      background: var(--ygency-primary-color);
      color: var(--ygency-dark-color); }
    .feature-item-three:hover .content h4 a {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 5px; }

/* Features Home Six */
@media only screen and (min-width: 1200px) {
  .about-image-six {
    margin-left: auto;
    margin-right: -30px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content; } }

.about-features {
  max-width: 325px; }
  @media only screen and (min-width: 1200px) {
    .about-features {
      margin-left: auto; } }

.feature-six-item .icon {
  font-size: 22px;
  color: var(--ygency-dark-color);
  margin-bottom: 25px;
  width: 50px;
  height: 50px;
  background: var(--ygency-primary-color);
  line-height: 50px;
  border-radius: 50%;
  text-align: center; }

.feature-six-item h5 {
  margin-bottom: 15px; }

.feature-six-item:not(:last-child) {
  margin-bottom: 45px; }

/* What We Provide */
.we-provide-item {
  padding: 50px;
  margin-bottom: 30px;
  background: #0A101A; }
  @media only screen and (max-width: 991px) {
    .we-provide-item {
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (max-width: 375px) {
    .we-provide-item {
      padding-left: 25px;
      padding-right: 25px; } }
  .we-provide-item .serial-number {
    font-size: 20px;
    border: 2px solid var(--ygency-primary-color);
    border-radius: 15px;
    padding: 1px 18px;
    color: white;
    margin-bottom: 30px;
    display: inline-block;
    margin-bottom: 32px; }
  .we-provide-item h3 {
    line-height: 1.4;
    margin-bottom: 25px; }
    @media only screen and (max-width: 375px) {
      .we-provide-item h3 {
        font-size: 25px; } }
    .we-provide-item h3 span {
      font-style: italic;
      font-weight: 300;
      color: var(--ygency-primary-color); }
  .we-provide-item .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 5px;
    margin-left: -5px;
    margin-right: -5px; }
    .we-provide-item .tags a {
      -webkit-box-flex: 1;
      -ms-flex: 1 1;
      flex: 1 1;
      padding: 1px 10px;
      text-align: center;
      margin: 10px 5px 0;
      border-radius: 14px;
      border: 2px solid rgba(255, 255, 255, 0.1); }

/*******************************************************/
/******************** ## Shop Area *********************/
/*******************************************************/
.product-item {
  background: #0A1019;
  margin-bottom: 30px; }
  .product-item .image img {
    width: 100%; }
  .product-item .content {
    padding: 28px 40px 40px 50px; }
    @media only screen and (max-width: 375px) {
      .product-item .content {
        padding-left: 25px;
        padding-right: 25px; } }
    .product-item .content h5 {
      font-size: 22px;
      line-height: 1.58; }
    .product-item .content .ratting-price .ratting i {
      color: #FF7425; }
    .product-item .content .ratting-price .ratting .price {
      font-size: 22px;
      font-weight: 600;
      color: var(--ygency-primary-color);
      margin-left: 10px; }
    .product-item .content .theme-btn {
      margin-top: 34px;
      padding-top: 9px;
      padding-bottom: 9px; }

/* Shop Shorter */
.shop-shorter {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .shop-shorter .sort-text {
    margin-right: 25px; }
    @media only screen and (min-width: 376px) {
      .shop-shorter .sort-text {
        font-size: 18px; } }
  .shop-shorter .products-dropdown .nice-select {
    border: none;
    font-size: 16px;
    border-radius: 0;
    min-width: 300px;
    padding: 0 0 20px;
    background: transparent;
    border-bottom: 2px solid white; }
    @media only screen and (max-width: 375px) {
      .shop-shorter .products-dropdown .nice-select {
        min-width: 250px; } }
    .shop-shorter .products-dropdown .nice-select:after {
      right: 0;
      top: 11px; }
    .shop-shorter .products-dropdown .nice-select .list {
      background: #222222; }
      .shop-shorter .products-dropdown .nice-select .list .selected,
      .shop-shorter .products-dropdown .nice-select .list .option:hover {
        background-color: #111111; }

/* Product Details */
.preview-images {
  margin-bottom: 30px; }
  .preview-images img {
    width: 100%; }

.thumb-images {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .thumb-images .thumb-item {
    width: calc(33.3333% - 20px); }
    .thumb-images .thumb-item img {
      width: 100%; }

.product-details-content .section-title h2 {
  margin-bottom: 15px; }

.product-details-content .ratting-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .product-details-content .ratting-price .price {
    font-size: 24px;
    font-weight: 500;
    color: var(--ygency-primary-color);
    margin-left: 10px; }
    .product-details-content .ratting-price .price:before {
      content: '$'; }

.product-details-content .category-tags li:not(:last-child) {
  margin-bottom: 8px; }

.product-details-content .category-tags li b {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin-right: 20px;
  margin-bottom: 10px; }
  @media only screen and (min-width: 576px) {
    .product-details-content .category-tags li b {
      min-width: 100px;
      display: inline-block; } }

.product-details-content .category-tags li a {
  color: white;
  padding: 2px 25px;
  margin-bottom: 10px;
  display: inline-block;
  border: 1px solid var(--ygency-border-color); }
  @media only screen and (max-width: 375px) {
    .product-details-content .category-tags li a {
      padding-left: 20px;
      padding-right: 20px; } }
  .product-details-content .category-tags li a:not(:last-child) {
    margin-right: 10px; }
  .product-details-content .category-tags li a:hover {
    color: var(--ygency-dark-color);
    background: var(--ygency-primary-color); }

.product-details-content .add-to-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .product-details-content .add-to-cart input {
    width: 90px;
    color: white;
    font-size: 20px;
    border-radius: 0;
    padding: 8px 20px;
    margin: 10px 10px 0 0;
    background: transparent;
    border: 2px solid var(--ygency-border-color); }
  .product-details-content .add-to-cart .theme-btn {
    padding-top: 9px;
    padding-bottom: 9px;
    margin: 10px 10px 0 0; }
  .product-details-content .add-to-cart .wishlist {
    margin-top: 10px;
    padding: 8px 20px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid var(--ygency-border-color); }

.product-information-tab li:not(:last-child) {
  margin-right: 30px; }
  @media only screen and (max-width: 575px) {
    .product-information-tab li:not(:last-child) {
      margin-right: 15px; } }

.product-information-tab li a {
  font-weight: 700;
  background: white;
  color: var(--ygency-dark-color);
  padding: 11px 40px;
  margin-bottom: 15px;
  display: inline-block; }
  @media only screen and (max-width: 479px) {
    .product-information-tab li a {
      padding: 8px 25px; } }
  .product-information-tab li a i {
    margin-left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .product-information-tab li a.active {
    background: var(--ygency-primary-color); }

.review-form .ratting b {
  font-size: 20px;
  font-weight: 400;
  margin-right: 20px; }

.review-form .form-group {
  margin-bottom: 30px; }
  .review-form .form-group .nice-select,
  .review-form .form-group .form-control {
    line-height: 1.4;
    background: red;
    border-color: red; }
    @media only screen and (min-width: 480px) {
      .review-form .form-group .nice-select,
      .review-form .form-group .form-control {
        font-size: 20px; } }
    .review-form .form-group .nice-select::-webkit-input-placeholder,
    .review-form .form-group .form-control::-webkit-input-placeholder {
      color: red; }
    .review-form .form-group .nice-select:-ms-input-placeholder,
    .review-form .form-group .form-control:-ms-input-placeholder {
      color: red; }
    .review-form .form-group .nice-select::-ms-input-placeholder,
    .review-form .form-group .form-control::-ms-input-placeholder {
      color: red; }
    .review-form .form-group .nice-select::placeholder,
    .review-form .form-group .form-control::placeholder {
      color: red; }
    .review-form .form-group .nice-select:focus,
    .review-form .form-group .form-control:focus {
      background: transparent;
      border-color: red; }
    .review-form .form-group .nice-select .current,
    .review-form .form-group .form-control .current {
      font-weight: 400; }

@media only screen and (min-width: 768px) {
  .review-form .theme-btn {
    padding: 14px 55px; } }

/*******************************************************/
/**************** ## Work Process Area *****************/
/*******************************************************/
.work-step-item {
  padding: 32px 21px 16px;
  background: #E7E5DE;
  height: 24rem;
  border-radius: 3rem;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 1; }

    @media only screen and (max-width: 1199px) {
      .work-step-item:after {
        content: none; } }
  .work-step-item.arrow-none:after {
    content: none; }
  .work-step-item.bg-shape-none:before {
    background-image: none; }
  .work-step-item .step-number {
    font-size: 18px;
    font-weight: 500;
    color: var(--ygency-primary-color);
    display: inline-block;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .work-step-item .title {
    font-size: 22px;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .work-step-item .content {
    line-height: 30px;
    padding-top: 20px;
    border-top: 1px solid #b89774;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }

.work-step-item p {
  font-size: 19px;
    font-weight: 500;
    text-align: justify;
}

.bg-line-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  top: 44%; }
  @media only screen and (min-width: 1600px) {
    .bg-line-shape {
      width: 118%; } }
  @media only screen and (max-width: 1199px) {
    .bg-line-shape {
      display: none; } }

.work-step-item.style-two {
  width: 270px;
  height: 270px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .work-step-item.style-two {
      margin-top: 0; } }
  .work-step-item.style-two:before {
    border-radius: 50%; }
  .work-step-item.style-two:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .work-step-item.style-two:hover:after {
    visibility: visible;
    opacity: 1;
    left: 10px;
    top: 10px; }

.work-step-item.style-three {
  width: 270px;
  height: 270px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 50%;
  border: 1px solid var(--ygency-border-color);
  background: transparent; }
  .work-step-item.style-three:before {
    content: none; }
  .work-step-item.style-three .step-number {
    color: var(--ygency-primary-color); }
  .work-step-item.style-three .title {
    color: white; }
  .work-step-item.style-three .content {
    color: var(--ygency-body-color);
    border-color: var(--ygency-border-color); }
  .work-step-item.style-three .image {
    position: absolute;
    right: 30%;
    bottom: 30%;
    -webkit-transform: scale(0) rotate(15deg);
    -ms-transform: scale(0) rotate(15deg);
    transform: scale(0) rotate(15deg);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
    .work-step-item.style-three .image img {
      border-radius: 12px; }
  .work-step-item.style-three:hover {
    z-index: 3; }
    .work-step-item.style-three:hover .image {
      visibility: visible;
      opacity: 1;
      right: -27px;
      bottom: -29%;
      -webkit-transform: scale(1) rotate(-15deg);
      -ms-transform: scale(1) rotate(-15deg);
      transform: scale(1) rotate(-15deg); }
      @media only screen and (max-width: 375px) {
        .work-step-item.style-three:hover .image {
          right: 0; } }

/* Work Process Five */
.work-process-five-area {
  position: relative;
  z-index: 1; }
  .work-process-five-area:before {
    content: '';
    z-index: -1;
    position: absolute;
    left: 70px;
    top: 0;
    background: #0A1019;
    width: calc(100% - 140px);
    height: 100%; }
    @media only screen and (max-width: 1599px) {
      .work-process-five-area:before {
        left: 0;
        width: 100%; } }

.work-process-five {
  margin-bottom: 30px; }
  .work-process-five .icon-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px; }
    .work-process-five .icon-title i {
      font-size: 65px;
      margin-right: 25px;
      color: var(--ygency-primary-color); }
  .work-process-five .read-more {
    margin-top: 10px;
    text-decoration: none; }
    .work-process-five .read-more:not(:hover) {
      color: white; }

/*******************************************************/
/******************* ## Skills Area ********************/
/*******************************************************/
.skills-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.skill-item {
  padding: 17px 40px;
  border-radius: 40px;
  background: white;
  margin-bottom: 35px;
  margin-left: 15px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  -webkit-box-shadow: 0 5px 0 0 var(--ygency-primary-color);
  box-shadow: 0 5px 0 0 var(--ygency-primary-color); }
  @media only screen and (max-width: 767px) {
    .skill-item {
      padding: 8px 15px;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .skill-item img {
      max-width: 20px; } }
  .skill-item .text {
    color: #181818;
    font-size: 20px;
    font-weight: 600;
    margin-left: 15px; }
    @media only screen and (max-width: 767px) {
      .skill-item .text {
        font-size: 15px;
        margin-left: 8px; } }

/* My Skills */
.my-skill-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 40px 20px;
  background: var(--ygency-primary-color); }
  @media only screen and (max-width: 575px) {
    .my-skill-images {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 30px; } }
  .my-skill-images .skill-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 10px 20px;
    border: 2px solid var(--ygency-dark-color); }
    @media only screen and (min-width: 768px) {
      .my-skill-images .skill-item {
        padding: 15px 28px; } }
    @media only screen and (max-width: 575px) {
      .my-skill-images .skill-item {
        margin: 0 5px 10px; } }
    @media only screen and (max-width: 375px) {
      .my-skill-images .skill-item {
        padding: 5px 10px; } }

/*******************************************************/
/********************* ## CTA Area *********************/
/*******************************************************/
.cta-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px; }
  .cta-wrap > * {
    margin: 0 15px 15px; }
  .cta-wrap h4 {
    text-align: center;
    color: var(--ygency-dark-color); }
    @media only screen and (min-width: 576px) {
      .cta-wrap h4 {
        font-size: 27px; } }
  .cta-wrap .theme-btn {
    color: var(--ygency-dark-color);
    padding-top: 4px;
    padding-bottom: 4px;
    border: 2px solid var(--ygency-dark-color); }
    .cta-wrap .theme-btn:hover {
      border: 2px solid var(--ygency-dark-color); }

.cta-shapes .shape {
  z-index: -1;
  max-width: 5%;
  position: absolute; }
  .cta-shapes .shape.one {
    left: 5%;
    bottom: 20px; }
  .cta-shapes .shape.two {
    left: 15%;
    top: 25px; }
  .cta-shapes .shape.three {
    left: 25%;
    top: 30px; }
  .cta-shapes .shape.four {
    right: 15%;
    bottom: 20px; }
  .cta-shapes .shape.five {
    right: 25%;
    top: 30px; }
  .cta-shapes .shape.six {
    right: 5%;
    top: 30px; }

/*******************************************************/
/**************** ## Testimonials Area *****************/
/*******************************************************/
.author-speech {
  color: white;
  font-size: 27px;
  font-weight: 500;
  line-height: 1.67; }
  @media only screen and (max-width: 767px) {
    .author-speech {
      font-size: 20px; } }
  .author-speech .quote {
    font-size: 65px;
    font-weight: 300;
    line-height: 0;
    vertical-align: -4px;
    display: inline-block;
    margin-right: 5px; }
    @media only screen and (max-width: 767px) {
      .author-speech .quote {
        font-size: 50px; } }
    .author-speech .quote.right-quote {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      vertical-align: -20px;
      margin-right: 0;
      margin-left: 5px; }

.testimonial-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
  max-width: 575px; }

.testimonial-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .testimonial-author .author-image {
    margin-right: 25px; }
    .testimonial-author .author-image img {
      width: 65px;
      height: 65px;
      border-radius: 50%; }
  @media only screen and (max-width: 375px) {
    .testimonial-author .author-info {
      width: 100%;
      margin-top: 10px; } }
  .testimonial-author .author-info h4 {
    font-size: 22px;
    margin-bottom: 2px; }
  .testimonial-author .author-info .designation {
    color: white; }

.testimonial-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .testimonial-controls .slick-arrow {
    color: rgba(255, 255, 255, 0.65);
    font-size: 30px;
    background: transparent; }
    .testimonial-controls .slick-arrow:focus, .testimonial-controls .slick-arrow:hover {
      color: var(--ygency-primary-color); }
  .testimonial-controls .testimonial-dots {
    margin-left: 30px;
    margin-right: 30px; }

.testimonials-active .slick-list {
  padding-top: 15px; }

.testimonial-item.style-two .author-speech {
  font-weight: 400;
  text-align: center;
  padding-bottom: 15px; }
  @media only screen and (min-width: 992px) {
    .testimonial-item.style-two .author-speech {
      font-size: 32px; } }

.testimonial-item.style-two hr {
  background: -webkit-radial-gradient(50.43% 100.01%, 49.57% 329259.92%, #b89774 20%, rgba(85, 230, 165, 0) 100%);
  background: -o-radial-gradient(50.43% 100.01%, 49.57% 329259.92%, #b89774 20%, rgba(85, 230, 165, 0) 100%);
  background: radial-gradient(49.57% 329259.92% at 50.43% 100.01%, #b89774 20%, rgba(85, 230, 165, 0) 100%);
  height: 2px; }

.testimonial-item.style-two .testimonial-footer {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px; }

.testimonial-item.style-two .testimonial-author .author-info .designation {
  color: rgba(255, 255, 255, 0.65); }

.testimonials-two-active {
  padding-left: 220px;
  padding-right: 220px; }
  @media only screen and (max-width: 1199px) {
    .testimonials-two-active {
      padding-left: 120px;
      padding-right: 120px; } }
  @media only screen and (max-width: 991px) {
    .testimonials-two-active {
      padding-left: 60px;
      padding-right: 60px; } }
  @media only screen and (max-width: 767px) {
    .testimonials-two-active {
      padding-left: 30px;
      padding-right: 30px; } }
  @media only screen and (max-width: 479px) {
    .testimonials-two-active {
      padding-left: 0;
      padding-right: 0; } }
  .testimonials-two-active .slick-list {
    padding-top: 10px; }
  .testimonials-two-active .slick-arrow {
    top: 12%;
    color: white;
    opacity: 0.2;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 120px;
    position: absolute;
    background: transparent;
    z-index: 9; }
    @media only screen and (max-width: 1199px) {
      .testimonials-two-active .slick-arrow {
        top: 20%; } }
    @media only screen and (max-width: 991px) {
      .testimonials-two-active .slick-arrow {
        font-size: 80px; } }
    @media only screen and (max-width: 767px) {
      .testimonials-two-active .slick-arrow {
        top: 15%;
        font-size: 50px; } }
    @media only screen and (max-width: 479px) {
      .testimonials-two-active .slick-arrow {
        top: 20%; } }
    .testimonials-two-active .slick-arrow.prev-arrow {
      left: -50px; }
      @media only screen and (max-width: 1599px) {
        .testimonials-two-active .slick-arrow.prev-arrow {
          left: 0; } }
    .testimonials-two-active .slick-arrow.next-arrow {
      right: -50px; }
      @media only screen and (max-width: 1599px) {
        .testimonials-two-active .slick-arrow.next-arrow {
          right: 0; } }
    .testimonials-two-active .slick-arrow:hover, .testimonials-two-active .slick-arrow:focus {
      opacity: 1; }

.testimonial-two-dots .slick-dots li.slick-active,
.testimonial-three-dots .slick-dots li.slick-active {
  background: var(--ygency-primary-color); }

.testimonial-item.style-three .ratting {
  margin-left: -5px;
  margin-bottom: 20px; }

@media only screen and (min-width: 992px) {
  .testimonial-item.style-three .author-speech {
    font-size: 30px;
    line-height: 1.5; } }

.testimonial-item.style-three .middle-quote {
  border-bottom: 1px solid var(--ygency-border-color);
  position: relative;
  margin-top: 70px;
  margin-bottom: 70px; }
  .testimonial-item.style-three .middle-quote .icon {
    width: 65px;
    height: 65px;
    background: black;
    line-height: 65px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    color: var(--ygency-primary-color);
    line-height: 70px;
    border: 1px solid var(--ygency-border-color);
    position: absolute;
    left: 40px;
    top: -32px; }
    @media only screen and (max-width: 375px) {
      .testimonial-item.style-three .middle-quote .icon {
        left: 20px; } }

.testimonial-item.style-three .testimonial-author {
  margin-left: 40px; }
  @media only screen and (max-width: 375px) {
    .testimonial-item.style-three .testimonial-author {
      margin-left: 20px; } }
  .testimonial-item.style-three .testimonial-author .author-info .designation {
    color: var(--ygency-body-color); }

.testimonial-controls.style-three .slick-arrow:focus, .testimonial-controls.style-three .slick-arrow:hover {
  color: white; }

.testimonial-three-dots {
  margin-left: 35px;
  margin-right: 35px; }
  .testimonial-three-dots .slick-dots li {
    margin-left: 7px;
    margin-right: 7px; }

.testimonial-three-prev i,
.testimonial-three-next i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.testimonials-three-image {
  position: relative;
  z-index: 1; }
  .testimonials-three-image img {
    width: 100%; }
  .testimonials-three-image:after {
    content: '';
    z-index: -1;
    position: absolute;
    right: -50px;
    top: -50px;
    width: 65%;
    height: 85%;
    background: url(../images/testimonials/testi-three-bg-shape.png) no-repeat center/cover; }

.image-border-shape {
  position: relative;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }
  .image-border-shape .bottom-border {
    position: absolute;
    right: -15px;
    bottom: 50px;
    z-index: -1;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }
    @media only screen and (max-width: 479px) {
      .image-border-shape .bottom-border {
        right: 0; } }

.bottom-border {
  width: 330px;
  height: 330px;
  border: 60px solid;
  border-radius: 50%;
  border-color: #E7E5DE #E7E5DE #E7E5DE transparent; }
  @media only screen and (max-width: 479px) {
    .bottom-border {
      width: 250px;
      height: 250px;
      border-width: 40px; } }

/* Testimonial Five */
.testimonial-section-five {
  background: #0A1019; }

.testimonial-five-image {
  height: 100%;
  min-height: 500px;
  background-size: cover; }

@media only screen and (max-width: 575px) {
  .testimonial-five-right {
    padding-left: 35px;
    padding-right: 35px; } }

@media only screen and (max-width: 375px) {
  .testimonial-five-right {
    padding-left: 25px;
    padding-right: 25px; } }

.testimonial-five-right .author-speech {
  font-weight: 400; }
  @media only screen and (min-width: 992px) {
    .testimonial-five-right .author-speech {
      font-size: 30px; } }

.testimonial-five-right hr {
  opacity: 1;
  height: 2px;
  border: none;
  margin-top: 40px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.86%, #b89774), to(rgba(85, 230, 165, 0)));
  background: -webkit-linear-gradient(left, #b89774 0.86%, rgba(85, 230, 165, 0) 100%);
  background: -o-linear-gradient(left, #b89774 0.86%, rgba(85, 230, 165, 0) 100%);
  background: linear-gradient(90deg, #b89774 0.86%, rgba(85, 230, 165, 0) 100%); }

.testimonial-five-right .testimonial-footer {
  margin-top: 40px; }

/*******************************************************/
/**************** ## Client Logo Area ******************/
/*******************************************************/
.client-logo-wrap {
  margin-left: -30px;
  margin-right: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 1199px) {
    .client-logo-wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .client-logo-wrap .client-logo-item {
    max-width: 40%;
    margin: 0 30px 30px;
    -webkit-filter: grayscale(1) opacity(0.2);
    filter: grayscale(1) opacity(0.2); }
    .client-logo-wrap .client-logo-item:hover {
      -webkit-filter: grayscale(0) opacity(1);
      filter: grayscale(0) opacity(1); }

@media only screen and (min-width: 480px) {
  .client-text {
    font-size: 18px; } }

.client-logo-wrap-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }
  .client-logo-wrap-two .client-logo-item {
    padding: 30px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0A1019;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(20% - 30px);
    border: 1px solid var(--ygency-border-color); }
    @media only screen and (max-width: 1199px) {
      .client-logo-wrap-two .client-logo-item {
        width: calc(25% - 30px); } }
    @media only screen and (max-width: 991px) {
      .client-logo-wrap-two .client-logo-item {
        width: calc(33.333% - 30px); } }
    @media only screen and (max-width: 575px) {
      .client-logo-wrap-two .client-logo-item {
        width: calc(50% - 30px); } }
    .client-logo-wrap-two .client-logo-item img {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    .client-logo-wrap-two .client-logo-item:hover {
      background: var(--ygency-primary-color); }
      .client-logo-wrap-two .client-logo-item:hover img {
        -webkit-filter: brightness(1) invert(0);
        filter: brightness(1) invert(0); }

/*******************************************************/
/***************** ## Sidebar Widgets *****************/
/*******************************************************/
.widget:not(:last-child) {
  margin-bottom: 50px; }

.widget-title {
  color: var(--ygency-primary-color);
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

.widget-search .widget-title {
  margin-bottom: 0;
  border-bottom: none; }

.widget-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid white; }
  .widget-search form input {
    padding: 0;
    color: white;
    border: none;
    font-size: 22px;
    background: transparent; }
    .widget-search form input::-webkit-input-placeholder {
      color: white; }
    .widget-search form input:-ms-input-placeholder {
      color: white; }
    .widget-search form input::-ms-input-placeholder {
      color: white; }
    .widget-search form input::placeholder {
      color: white; }
  .widget-search form button {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: white;
    font-size: 20px;
    background: transparent; }

.widget-author {
  text-align: center; }
  .widget-author img {
    border-radius: 50%;
    margin-bottom: 33px; }
  .widget-author h5 {
    margin-bottom: 15px; }
    @media only screen and (min-width: 376px) {
      .widget-author h5 {
        font-size: 22px; } }
  .widget-author p {
    max-width: 315px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px; }
  .widget-author .social-style-one a {
    font-size: 20px;
    margin-left: 15px;
    margin-right: 15px; }
    .widget-author .social-style-one a:hover {
      color: var(--ygency-primary-color); }

.widget-category ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .widget-category ul li:not(:last-child) {
    margin-bottom: 15px; }
  .widget-category ul li span {
    margin-left: 6px;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px); }

.widget-recent-news ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .widget-recent-news ul li:not(:last-child) {
    margin-bottom: 30px; }
  .widget-recent-news ul li .image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 100px;
    margin-right: 35px; }
    @media only screen and (max-width: 375px) {
      .widget-recent-news ul li .image {
        max-width: 70px;
        margin-right: 15px; } }
  .widget-recent-news ul li h5 {
    margin-bottom: 0;
    line-height: 1.65;
    font-size: 18px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .widget-recent-news ul li h5 {
        font-size: 16px; } }
    @media only screen and (max-width: 375px) {
      .widget-recent-news ul li h5 {
        font-size: 15px;
        line-height: 1.3; } }
  .widget-recent-news ul li .date {
    font-size: 14px;
    text-transform: uppercase; }
    .widget-recent-news ul li .date i {
      margin-right: 7px; }

.tag-coulds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px -7.5px 0; }
  .tag-coulds a {
    font-size: 16px;
    font-weight: 500;
    padding: 7px 22px;
    margin: 15px 7.5px 0;
    background: transparent;
    border: 1px solid var(--ygency-border-color); }
    .tag-coulds a:hover {
      background: #16161C;
      border-color: #16161C; }

.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0; }
  .gallery a {
    margin: 20px 10px 0;
    z-index: 1;
    position: relative;
    max-width: calc(33.333% - 20px); }
    .gallery a::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0;
      left: 0;
      opacity: 0;
      background-color: #000000; }
    .gallery a:before {
      z-index: 1;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .gallery a i {
      z-index: 2;
      position: absolute;
      left: 50%;
      top: 50%;
      opacity: 0;
      font-size: 20px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg); }
    .gallery a:hover:before {
      opacity: 0.75; }
    .gallery a:hover i {
      opacity: 1; }

/*******************************************************/
/******************** ## Error Area ********************/
/*******************************************************/
.error-header.fixed-header .header-inner {
  padding-top: 10px;
  padding-bottom: 10px; }

.error-section {
  min-height: 100vh; }

.error-content h1 {
  margin-bottom: 20px; }
  @media only screen and (min-width: 1200px) {
    .error-content h1 {
      font-size: 100px; } }
  @media only screen and (max-width: 767px) {
    .error-content h1 {
      font-size: 60px; } }
  @media only screen and (max-width: 375px) {
    .error-content h1 {
      font-size: 50px; } }

@media only screen and (min-width: 1400px) {
  .error-image {
    margin-right: -150px; } }

/*******************************************************/
/******************* ## Main Footer *******************/
/*******************************************************/
.main-footer {
  background-color: #0F2F47;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.footer-top {
  border-bottom: 1px solid var(--ygency-border-color); }

.lets-work img {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 20px; }
  @media only screen and (max-width: 575px) {
    .lets-work img {
      width: 50px;
      height: 50px; } }

.lets-work span {
  color: white;
  font-size: 65px;
  font-weight: 600;
  line-height: 1.1; }
  @media only screen and (max-width: 1199px) {
    .lets-work span {
      font-size: 65px; } }
  @media only screen and (max-width: 575px) {
    .lets-work span {
      font-size: 50px; } }
  @media only screen and (max-width: 375px) {
    .lets-work span {
      font-size: 40px; } }

.footer-contact-info .theme-btn.style-three {
  margin-top: 15px; }
  @media only screen and (max-width: 375px) {
    .footer-contact-info .theme-btn.style-three {
      font-size: 20px; } }
  .footer-contact-info .theme-btn.style-three:not(:last-child) {
    margin-right: 30px; }

.footer-contact-info .phone-number {
  color: var(--ygency-dark-color);
  background: var(--ygency-primary-color);
  border-color: var(--ygency-primary-color); }
  .footer-contact-info .phone-number:hover {
    color: var(--ygency-secondary-color);
    background: transparent;
    border-color: var(--ygency-border-color); }

@media only screen and (min-width: 1400px) {
  .footer-right-content {
    border-left: 1px solid var(--ygency-border-color);
    padding-left: 60px;
    padding-top: 75px;
    padding-bottom: 75px; } }

@media only screen and (max-width: 1399px) {
  .footer-right-content {
    padding-top: 75px; } }

.footer-right-content .widget_nav_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.footer-title {
  margin-bottom: 28px; }

.footer-bottom-menu ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: -30px; }
  .footer-bottom-menu ul li {
    margin: 0 30px 5px 0; }
    .footer-bottom-menu ul li a {
      color: white; }

.copyright-text {
  border-top: 1px solid var(--ygency-border-color);
  border-left: 1px solid var(--ygency-border-color); }
  @media only screen and (max-width: 1399px) {
    .copyright-text {
      border: none; } }
  .copyright-text p {
    margin-bottom: 5px; }
  .copyright-text a {
    color: var(--ygency-primary-color); }

/* Footer Two */
.footer-widget {
  margin-bottom: 50px; }

@media only screen and (min-width: 376px) {
  .footer-two .footer-title {
    font-size: 22px; } }

.footer-two p a {
  color: var(--ygency-primary-color); }

.footer-two .widget_nav_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .footer-two .widget_nav_menu .list-style-two li {
    font-size: 16px; }
    .footer-two .widget_nav_menu .list-style-two li:not(:last-child) {
      margin-bottom: 5px; }

.footer-left-title {
  font-size: 65px;
  font-weight: 500;
  color: white;
  line-height: 1.1; }
  @media only screen and (max-width: 1199px) {
    .footer-left-title {
      font-size: 55px; } }
  @media only screen and (max-width: 575px) {
    .footer-left-title {
      font-size: 45px; } }
  @media only screen and (max-width: 575px) {
    .footer-left-title {
      font-size: 40px; } }
  @media only screen and (max-width: 375px) {
    .footer-left-title {
      font-size: 35px; } }

.footer-text {
  max-width: 250px; }
  .footer-text a {
    margin-bottom: 8px;
    display: inline-block;
    text-decoration: underline; }
    .footer-text a:hover {
      color: var(--ygency-primary-color);
      text-decoration: none; }

.footer-newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65); }
  .footer-newsletter input {
    padding: 0;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.65); }
    .footer-newsletter input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.65); }
    .footer-newsletter input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.65); }
    .footer-newsletter input::-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.65); }
    .footer-newsletter input::placeholder {
      color: rgba(255, 255, 255, 0.65); }
  .footer-newsletter button {
    background: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: rgba(255, 255, 255, 0.65); }

.newsletter-widget .policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .newsletter-widget .policy input {
    margin-top: 3px;
    margin-right: 15px; }
  .newsletter-widget .policy label {
    margin-bottom: 0; }
    .newsletter-widget .policy label a {
      text-decoration: underline; }

/* Footer top two */
.footer-three .copyright-area a {
  color: var(--ygency-primary-color); }

.footer-top-two .footer-logo {
  max-width: 160px; }

.footer-top-two .social-style-four a:hover {
  color: var(--ygency-primary-color);
  text-decoration: underline; }

/* Footer Four */
.footer-four .social-style-four {
  margin-left: -15px;
  margin-right: -15px; }
  .footer-four .social-style-four a {
    margin-left: 15px;
    margin-right: 15px; }
    .footer-four .social-style-four a:hover {
      color: var(--ygency-primary-color); }

.footer-four .list-style-two li {
  font-size: 16px; }
  .footer-four .list-style-two li:not(:last-child) {
    margin-bottom: 10px; }

.footer-four .footer-logo {
  max-width: 160px; }

.footer-four .copyright-area {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .footer-four .copyright-area a {
    color: var(--ygency-primary-color); }

/* Footer Five */
.footer-five .footer-bottom-menu ul li a:hover,
.footer-five .footer-copyright-text a {
  color: var(--ygency-primary-color); }

.footer-five .copyright-area {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

.footer-five .footer-info .list-style-two li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .footer-five .footer-info .list-style-two li:not(:last-child) {
    margin-bottom: 15px; }
  .footer-five .footer-info .list-style-two li i {
    margin-top: 7px;
    margin-right: 13px;
    color: var(--ygency-primary-color); }
  .footer-five .footer-info .list-style-two li a:hover {
    font-size: 24px; }

/* Footer Six */
.footer-six {
  color: #64748B; }
  .footer-six a {
    color: #64748B; }
  .footer-six .footer-logo img {
    max-width: 160px; }
  .footer-six .footer-newsletter {
    border: none;
    background: white;
    padding: 5px 5px 5px 20px; }
    .footer-six .footer-newsletter input {
      color: #64748B; }
      .footer-six .footer-newsletter input::-webkit-input-placeholder {
        color: #64748B; }
      .footer-six .footer-newsletter input:-ms-input-placeholder {
        color: #64748B; }
      .footer-six .footer-newsletter input::-ms-input-placeholder {
        color: #64748B; }
      .footer-six .footer-newsletter input::placeholder {
        color: #64748B; }
    .footer-six .footer-newsletter button {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 45px;
      height: 45px;
      color: black;
      font-size: 20px;
      line-height: 45px;
      text-align: center;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      background: var(--ygency-primary-color); }
      .footer-six .footer-newsletter button i {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .footer-six .list-style-two li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px; }
    .footer-six .list-style-two li i {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 20px;
      font-size: 20px;
      margin-top: 10px;
      margin-right: 12px;
      color: var(--ygency-primary-color); }
  .footer-six .widget_nav_menu .list-style-two li {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative; }
    .footer-six .widget_nav_menu .list-style-two li a:before {
      left: 0;
      top: 2px;
      opacity: 0;
      color: white;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      content: "\f105";
      position: absolute;
      font-family: "Font Awesome 5 Pro"; }
    .footer-six .widget_nav_menu .list-style-two li a:hover {
      color: white;
      padding-left: 18px; }
      .footer-six .widget_nav_menu .list-style-two li a:hover:before {
        opacity: 1; }
  .footer-six .footer-info .list-style-two li:not(:last-child) {
    margin-bottom: 15px; }
  .footer-six .copyright-area {
    border-top: 1px solid var(--ygency-border-color); }
    .footer-six .copyright-area .footer-copyright-text a {
      color: var(--ygency-primary-color); }
    .footer-six .copyright-area .scroll-top {
      border-radius: 50%;
      position: absolute;
      left: calc(50% - 20px);
      top: -20px; }
      @media only screen and (min-width: 768px) {
        .footer-six .copyright-area .scroll-top {
          top: -30px;
          width: 60px;
          height: 60px;
          font-size: 20px;
          line-height: 60px;
          left: calc(50% - 30px); } }
          
.main-header.fixed-header .header-upper {
  background: #0F2F47;
}

.main-menu .nav-link {
  position: relative;
  text-decoration: none;
}

.main-menu .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px; /* ajuste la position */
  width: 0;
  height: 2px;
  background: #b89774; /* couleur du trait */
  transition: width 0.3s ease;
}

.main-menu .nav-link:hover::after {
  width: 100%;
}
.main-menu .navbar-collapse li a.resa-lock::after,
.language-switcher-wrapper a::after {
  display: none !important;
}

.main-menu .navbar-collapse li a.resa-lock,
.language-switcher-wrapper a {
  text-decoration: none !important;
}
.language-switcher-wrapper .nav-link::after {
  display: none !important;
}

.language-switcher-wrapper .nav-link {
  text-decoration: none !important;
}

.toju-services-head {
  max-width: 720px;
  margin-bottom: 42px;
}

.toju-kicker {
  color: #b88b61;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

section h2 {
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.05;
  margin: 0 0 18px;
  color: #082f49;
  font-weight: 800;
}

.toju-services-head p {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(8, 47, 73, 0.78);
  margin: 0;
}

.toju-services-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}

.toju-service-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: 38px;
  background: #f7f1ee;
  border: 1px solid rgba(184, 139, 97, 0.22);
  box-shadow: 0 24px 70px rgba(8, 47, 73, 0.10);
}

.toju-service-card::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: rgba(184, 139, 97, 0.13);
}

.toju-service-card.dark {
  background: #082f49;
  color: #fff;
}

.toju-service-card.dark p,
.toju-service-card.dark li {
  color: rgba(255,255,255,0.82);
}

.toju-service-card.dark .toju-card-title,
.toju-service-card.dark .toju-card-subtitle {
  color: #fff;
}

.toju-card-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(184, 139, 97, 0.18);
  color: #b88b61;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}

.toju-card-icon svg {
  width: 30px;
  height: 30px;
  stroke-width: 1.7;
}

.toju-card-title {
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 10px;
  color: #082f49;
  font-weight: 800;
}

.toju-card-subtitle {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(8, 47, 73, 0.7);
  margin: 0 0 26px;
}

.toju-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.toju-list li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 15.5px;
  line-height: 1.55;
  color: rgba(8, 47, 73, 0.82);
  margin-bottom: 14px;
}

.toju-list li::before {
  content: "✓";
  color: #b88b61;
  font-weight: 900;
  margin-top: 1px;
}

.toju-card-cta {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid rgba(184, 139, 97, 0.25);
  font-size: 14px;
  font-weight: 700;
  color: #b88b61;
}

@media (max-width: 850px) {
  .toju-services-grid {
    grid-template-columns: 1fr;
  }

  .toju-service-card {
    padding: 30px;
  }
}

.toju-pricing-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 42px;
}

.toju-pricing-kicker {
  color: #b88b61;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}

.toju-pricing-head p {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(8, 47, 73, 0.75);
  margin: 0;
}

.toju-pricing-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 26px;
}

.toju-main-price {
  background: #082f49;
  color: #fff;
  border-radius: 32px;
  padding: 46px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(8, 47, 73, 0.18);
}

.toju-main-price::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(184, 139, 97, 0.18);
}

.toju-main-price h3 {
  font-size: 28px;
  margin: 0 0 18px;
  font-weight: 800;
}

.toju-price-number {
  font-size: clamp(72px, 10vw, 115px);
  line-height: 0.9;
  font-weight: 900;
  color: #b88b61;
  margin: 18px 0 12px;
}

.toju-main-price p {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.82);
  max-width: 520px;
  margin: 0;
}

.toju-price-note {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.18);
  color: #fff;
  font-weight: 700;
}

.toju-price-list {
  display: grid;
  gap: 18px;
}

.toju-price-item {
  background: #f7f1ee;
  border: 1px solid rgba(184, 139, 97, 0.22);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  box-shadow: 0 16px 45px rgba(8, 47, 73, 0.08);
}

.toju-price-item strong {
  font-size: 19px;
  display: block;
  margin-bottom: 6px;
}

.toju-price-item span {
  font-size: 14.5px;
  color: rgba(8, 47, 73, 0.65);
}

.toju-price-tag {
  color: #b88b61;
  font-size: 26px;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 850px) {
  .toju-pricing-grid {
    grid-template-columns: 1fr;
  }

  .toju-main-price {
    padding: 34px;
  }

  .toju-price-item {
    align-items: flex-start;
    flex-direction: column;
  }
}

.toju-benefits-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 28px;
  align-items: stretch;
}

.toju-benefits-intro {
  background: #082f49;
  color: #fff;
  border-radius: 32px;
  padding: 44px;
  box-shadow: 0 24px 70px rgba(8, 47, 73, 0.16);
}

.toju-kicker {
  color: #b88b61;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 14px;
}

.toju-benefits-intro h2 {
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.05;
  margin: 0 0 20px;
  font-weight: 800;
}

.toju-benefits-intro p {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.82);
  margin: 0;
}

.toju-benefits-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.toju-benefit-card {
  background: #f7f1ee;
  border: 1px solid rgba(184, 139, 97, 0.22);
  border-radius: 26px;
  padding: 28px;
  box-shadow: 0 16px 45px rgba(8, 47, 73, 0.08);
}

.toju-benefit-number {
  color: #b88b61;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 14px;
}

.toju-benefit-card h3 {
  margin: 0 0 10px;
  font-size: 21px;
  font-weight: 800;
}

.toju-benefit-card p {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.6;
  color: rgba(8, 47, 73, 0.72);
}

@media (max-width: 900px) {
  .toju-benefits-layout,
  .toju-benefits-grid {
    grid-template-columns: 1fr;
  }

  .toju-benefits-intro {
    padding: 34px;
  }
}

.toju-faq-modern {
  max-width: 800px;
  margin: 80px auto;
  padding: 0 20px;
  font-family: "Montserrat", sans-serif;
}

.toju-faq-title {
  text-align: center;
  margin-bottom: 40px;
}

.toju-faq-title h2 {
  font-size: 40px;
  margin: 0;
  font-weight: 800;
  color: #082f49;
}

.toju-faq-item {
  border-bottom: 1px solid rgba(184,139,97,0.3);
}

.toju-faq-question {
  width: 100%;
  background: none;
  border: none;
  padding: 20px 0;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #082f49;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.toju-faq-question::after {
  content: "+";
  font-size: 22px;
  color: #b88b61;
  transition: 0.3s;
}

.toju-faq-item.active .toju-faq-question::after {
  content: "–";
}

.toju-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.toju-faq-answer p {
  margin: 0 0 20px;
  font-size: 15.5px;
  line-height: 1.6;
  color: rgba(8,47,73,0.7);
}

.fs54 {
font-size: 54px;
}

.language-switcher-wrapper a[hreflang="es"],
.language-switcher-wrapper span[hreflang="es"] {
  display: none !important;
}

.webform-submission-form {
  max-width: 980px !important;
  margin: 120px auto 80px !important;
  padding: 58px 64px !important;
  background: #f7f1ee !important;
  border-radius: 34px !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.28) !important;
  color: #082f49 !important;
  font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
}

/* cacher le petit crayon édition si affiché */
.contextual,
.contextual-region .contextual {
  display: none !important;
}

/* barre progression */
.webform-progress {
  margin-bottom: 70px !important;
}

.webform-progress-tracker {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 18px !important;
  padding: 0 !important;
}

.progress-step {
  text-align: center !important;
  position: relative !important;
}

.progress-marker {
  width: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  border-radius: 50% !important;
  background: #d7c0aa !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin: 0 auto 12px !important;
  box-shadow: none !important;
}

.progress-step.is-active .progress-marker,
.progress-step.is-complete .progress-marker {
  background: #b88b61 !important;
}

.progress-title {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: rgba(8,47,73,.58) !important;
  font-weight: 700 !important;
}

.progress-step.is-active .progress-title {
  color: #082f49 !important;
}

/* titres */
.webform-submission-form h1 {
  color: #082f49 !important;
  font-size: clamp(36px, 5vw, 53px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  margin: 0 0 22px !important;
}

.webform-submission-form h1 span,
.webform-submission-form .text-primary {
  color: #b88b61 !important;
}

.webform-submission-form p {
  max-width: 740px !important;
  color: rgba(8,47,73,.72) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

/* titres de champs */
.webform-submission-form label,
.webform-submission-form legend,
.webform-submission-form .fieldset-legend {
  color: #082f49 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

/* groupes */
.webform-submission-form .form-item,
.webform-submission-form .form-wrapper,
.webform-submission-form fieldset {
  margin-bottom: 30px !important;
}

/* champs texte */
.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form input[type="tel"],
.webform-submission-form input[type="url"],
.webform-submission-form input[type="number"],
.webform-submission-form input[type="date"],
.webform-submission-form input[type="time"],
.webform-submission-form textarea,
.webform-submission-form select {
  width: 100% !important;
  height: auto !important;
  background: #fff !important;
  border: 1px solid rgba(8,47,73,.12) !important;
  border-radius: 16px !important;
  padding: 15px 18px !important;
  color: #082f49 !important;
  font-size: 15.5px !important;
  box-shadow: 0 10px 28px rgba(8,47,73,.06) !important;
}

.webform-submission-form input:focus,
.webform-submission-form textarea:focus,
.webform-submission-form select:focus {
  outline: none !important;
  border-color: #b88b61 !important;
  box-shadow: 0 0 0 4px rgba(184,139,97,.18) !important;
}

/* flexbox Drupal */
.webform-submission-form .webform-flexbox {
  gap: 24px !important;
  align-items: flex-start !important;
}

/* radios / checkboxes en cartes */
.webform-submission-form .form-radios,
.webform-submission-form .form-checkboxes {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-top: 16px !important;
}

.webform-submission-form .form-type-radio,
.webform-submission-form .form-type-checkbox,
.webform-submission-form .form-check {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #fff !important;
  border: 1px solid rgba(184,139,97,.24) !important;
  border-radius: 18px !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  box-shadow: 0 10px 28px rgba(8,47,73,.05) !important;
}

/* radio propre */
.webform-submission-form input[type="radio"],
.webform-submission-form input[type="checkbox"] {
  appearance: auto !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  accent-color: #b88b61 !important;
}

.webform-submission-form .form-check-input {
  float: none !important;
  margin-left: 0 !important;
}

.webform-submission-form .form-check-label,
.webform-submission-form .option {
  color: #082f49 !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

/* bouton actions */
.webform-submission-form .form-actions {
  display: flex !important;
  gap: 16px !important;
  margin-top: 46px !important;
}

.webform-submission-form .form-actions input,
.webform-submission-form .form-actions button,
.webform-submission-form .form-actions .button {
  flex: 1 !important;
  border-radius: 999px !important;
  padding: 18px 28px !important;
  border: none !important;
  background: #b88b61 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-shadow: 0 15px 35px rgba(184,139,97,.26) !important;
}

.webform-submission-form .webform-button--previous {
  background: #082f49 !important;
}

/* descriptions */
.webform-submission-form .description {
  color: rgba(8,47,73,.55) !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

/* responsive */
@media (max-width: 768px) {
  .webform-submission-form {
    margin: 90px 16px 50px !important;
    padding: 32px 22px !important;
    border-radius: 26px !important;
  }

  .webform-progress-tracker {
    grid-template-columns: repeat(5, 120px) !important;
    overflow-x: auto !important;
    padding-bottom: 10px !important;
  }

  .webform-submission-form .form-radios,
  .webform-submission-form .form-checkboxes {
    grid-template-columns: 1fr !important;
  }

  .webform-submission-form .webform-flexbox {
    display: block !important;
  }

  .webform-submission-form .form-actions {
    flex-direction: column !important;
  }
}

.webform-button--submit, .webform-submission-form input {
  color: #0F2F47 !important;   
}

.progress-step.is-active .progress-marker::before, .path-webform #block-drupalet-ygency-content, .path-webform .page-wrapper {
  background-color: #0F2F47 !important;
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before, .webform-progress-tracker .progress-step:hover .progress-marker::before, .webform-progress-tracker .progress-step .progress-marker::after {
  background-color: transparent !important;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
      background-color: #b89774 !important;
    border-color: #b89774 !important;
}

.btn-primary:hover {
    color: #fff !important;
    font-weight: 800 !important;
    background-color: #0F2F47 !important;
    border-color: #0F2F47 !important;
}

.webform-submission-form .webform-button--previous {
    color: white !important;
}

.location-toju {
font-size: 16px;
    font-weight: 100;
    line-height: 25px;  
}

.paragraph .webform-submission-form {
    margin: 0 !important;
}

.color-cta-btn {
    background: #082f49 !important;
    color: white !important;
}

.cta-btn {
  text-align: center;
  margin-top: 2em;
}

.intro-toju {
margin-bottom: 1rem !important;
    font-size: 17px !important;
    font-weight: 800;
}

.text-gold {
  color: #b89774;
}
.toju-estimation-area {
	position: relative;
	overflow: hidden;
}

.toju-estimation-area .container {
	position: relative;
	z-index: 2;
}

.toju-estimation-area .section-title {
	margin-bottom: 38px;
}

.toju-estimation-area .section-title h2 {
	color: #ffffff;
	font-size: 48px;
	line-height: 1.05;
	margin-bottom: 18px;
}

.toju-estimation-intro {
	max-width: 820px;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	line-height: 1.7;
	font-weight: 400;
}

.toju-estimation-area .toju-kicker {
	color: #c49b6c;
}

.toju-estimation-highlight {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 22px;
	margin-bottom: 42px;
}

.toju-estimation-highlight span {
	display: inline-flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.14);
	padding: 11px 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	backdrop-filter: blur(6px);
}

.toju-estimation-highlight span:before {
	content: "•";
	color: #c49b6c;
	font-size: 18px;
	line-height: 1;
	margin-right: 8px;
}

/* GRID */
.toju-estimation-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
	align-items: stretch;
}

/* CARD */
.toju-estimation-card {
	position: relative;
	background: #ffffff;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
	transition: transform 0.45s ease, box-shadow 0.45s ease;
	height: 100%;
}

.toju-estimation-card:hover {
	transform: translateY(-12px);
	box-shadow: 0 34px 85px rgba(0, 0, 0, 0.28);
}

.toju-estimation-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 28px;
	width: 90px;
	height: 4px;
	background: linear-gradient(90deg, #c49b6c 0%, rgba(196, 155, 108, 0.15) 100%);
	border-radius: 0 0 10px 10px;
	z-index: 5;
}

.toju-card-featured {
	box-shadow: 0 24px 65px rgba(0, 0, 0, 0.22);
}

.toju-card-featured .toju-card-arrow {
	background: #c49b6c;
	color: #ffffff;
}

/* MEDIA */
.toju-card-media {
	position: relative;
	height: 270px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	transition: transform 0.55s ease;
}

.toju-estimation-card:hover .toju-card-media {
	transform: scale(1.04);
}

/* Nouveau traitement image : juste un fondu en bas */
.toju-card-media:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 90px;
	background: linear-gradient(
		180deg,
		rgba(11, 52, 72, 0) 0%,
		rgba(11, 52, 72, 0.14) 35%,
		rgba(11, 52, 72, 0.45) 100%
	);
	z-index: 1;
}

.toju-badge {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
	background: rgba(196, 155, 108, 0.95);
	color: #ffffff;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	padding: 9px 14px;
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.toju-card-price {
	position: absolute;
	left: 24px;
	bottom: 22px;
	z-index: 3;
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	width: auto;
	max-width: max-content;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(10px);
	border-radius: 18px;
	padding: 14px 18px;
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.14);
}

.toju-card-price strong {
	color: #0F2F47;
	font-size: 31px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
}

.toju-card-price span {
	color: #52615c;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

/* CONTENT */
.toju-card-content {
	padding: 28px 28px 30px;
	position: relative;
}

.toju-card-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.toju-card-type {
	display: inline-block;
	color: #c49b6c;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.toju-card-arrow {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f1ea;
	color: #0F2F47;
	font-size: 14px;
	box-shadow: inset 0 0 0 1px rgba(11, 52, 72, 0.06);
	transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
	flex-shrink: 0;
}

.toju-estimation-card:hover .toju-card-arrow {
	transform: translateX(3px) rotate(-8deg);
	background: #0F2F47;
	color: #ffffff;
}

.toju-card-content h3 {
	color: #0F2F47;
	font-size: 30px;
	line-height: 1.08;
	margin-bottom: 16px;
}

.toju-card-content p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 22px;
}

.toju-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.toju-card-tags span {
	background: #f7f4ee;
	color: #0F2F47;
	font-size: 12px;
	font-weight: 800;
	padding: 9px 12px;
	border-radius: 999px;
	border: 1px solid rgba(11, 52, 72, 0.05);
	transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.toju-estimation-card:hover .toju-card-tags span {
	background: #f1eadf;
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05);
}

/* NOTE */
.toju-estimation-note {
	background: #ffffff;
	border-radius: 26px;
	padding: 34px 36px;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
	border-left: 5px solid #c49b6c;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-top: 52px;
}

.toju-note-content {
	max-width: 690px;
}

.toju-note-kicker {
	display: inline-block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin-bottom: 10px;
}

.toju-estimation-note h3 {
	color: #0F2F47;
	font-size: 31px;
	line-height: 1.15;
	margin-bottom: 10px;
}

.toju-estimation-note p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
	.toju-card-media {
		height: 250px;
	}

	.toju-card-content h3 {
		font-size: 28px;
	}
}

@media (max-width: 991px) {
	.toju-estimation-area .section-title h2 {
		font-size: 40px;
	}

	.toju-estimation-grid {
		grid-template-columns: 1fr;
	}

	.toju-estimation-note {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.toju-estimation-area {
		padding-top: 85px;
		padding-bottom: 75px;
	}

	.toju-estimation-area .section-title h2 {
		font-size: 32px;
	}

	.toju-estimation-intro {
		font-size: 16px;
	}

	.toju-card-media {
		height: 220px;
	}

	.toju-card-price {
		left: 18px;
		bottom: 18px;
		padding: 12px 15px;
	}

	.toju-card-price strong {
		font-size: 24px;
	}

	.toju-card-price span {
		font-size: 13px;
	}

	.toju-card-content {
		padding: 22px 22px 24px;
	}

	.toju-card-content h3 {
		font-size: 24px;
	}

	.toju-estimation-note {
		padding: 24px 20px;
	}

	.toju-estimation-note h3 {
		font-size: 24px;
	}
}
.toju-engagements-title {
	color: #0F2F47;
	font-size: 30px;
	line-height: 1.2;
	margin: 48px 0 26px;
	text-align: center;
}

.toju-engagements-bar {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin: 0 0 38px;
}

.toju-engagement-item {
	background: #ffffff;
	border-radius: 20px;
	padding: 24px 22px;
	box-shadow: 0 16px 38px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.16);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.toju-engagement-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 22px;
	width: 58px;
	height: 3px;
	background: #c49b6c;
	border-radius: 0 0 8px 8px;
}

.toju-engagement-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 55px rgba(11, 52, 72, 0.13);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-engagement-icon {
	width: 54px;
	height: 54px;
	border-radius: 16px;
	background: linear-gradient(180deg, #f4eadf 0%, #efdfcd 100%);
	color: #0F2F47;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 18px;
	box-shadow: inset 0 0 0 1px rgba(196, 155, 108, 0.15);
}

.toju-engagement-icon i {
	line-height: 1;
}

.toju-engagement-item h4 {
	color: #0F2F47;
	font-size: 17px;
	line-height: 1.25;
	margin-bottom: 9px;
	font-weight: 800;
}

.toju-engagement-item p {
	margin: 0;
	color: #52615c;
	font-size: 14px;
	line-height: 1.55;
	font-weight: 500;
}

@media (max-width: 991px) {
	.toju-engagements-bar {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.toju-engagements-title {
		font-size: 24px;
	}

	.toju-engagements-bar {
		grid-template-columns: 1fr;
	}

	.toju-engagement-item {
		padding: 22px 20px;
	}
}

.toju-section-intro {
	max-width: 760px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.7;
}

/* COMMENT ÇA MARCHE */

.toju-process-area {
	position: relative;
	overflow: hidden;
}

.toju-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

.toju-process-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 34px 28px 32px;
	box-shadow: 0 18px 45px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.16);
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}

.toju-process-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 26px 60px rgba(11, 52, 72, 0.13);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-process-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 28px;
	width: 70px;
	height: 4px;
	background: #c49b6c;
	border-radius: 0 0 10px 10px;
}

.toju-process-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 16px;
	background: #0F2F47;
	color: #ffffff;
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 24px;
}

.toju-process-card h3 {
	color: #0F2F47;
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 14px;
}

.toju-process-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 0;
}

/* AUDIT GRATUIT */

.toju-audit-area {
	position: relative;
}

.toju-audit-box {
	display: grid;
	grid-template-columns: 1.4fr 0.8fr;
	gap: 34px;
	align-items: stretch;
}

.toju-audit-content {
	background: #ffffff;
	border-radius: 30px;
	padding: 46px 44px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
	position: relative;
	overflow: hidden;
}

.toju-audit-content h2 {
	color: #0F2F47;
	font-size: 42px;
	line-height: 1.08;
	margin-bottom: 18px;
}

.toju-audit-content p {
	color: #52615c;
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 28px;
}

.toju-audit-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.toju-audit-item {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #f7f4ee;
	border-radius: 16px;
	padding: 15px 16px;
	border: 1px solid rgba(11, 52, 72, 0.05);
}

.toju-audit-item span {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #c49b6c;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 900;
	flex-shrink: 0;
}

.toju-audit-item p {
	margin: 0;
	color: #0F2F47;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 800;
}

.toju-audit-panel {
	background: linear-gradient(180deg, #c49b6c 0%, #ad8659 100%);
	color: #ffffff;
	border-radius: 30px;
	padding: 42px 36px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.toju-audit-panel:after {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
}

.toju-audit-label {
	display: inline-block;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
	position: relative;
	z-index: 2;
}

.toju-audit-panel h3 {
	color: #ffffff;
	font-size: 42px;
	line-height: 1.05;
	margin-bottom: 18px;
	position: relative;
	z-index: 2;
}

.toju-audit-panel p {
	color: rgba(255, 255, 255, 0.9);
	font-size: 17px;
	line-height: 1.65;
	margin-bottom: 28px;
	position: relative;
	z-index: 2;
}

.toju-audit-panel .theme-btn {
	position: relative;
	z-index: 2;
	align-self: flex-start;
}

/* FAQ */

.toju-faq-area {
	position: relative;
	overflow: hidden;
}

.toju-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.toju-faq-item {
	background: #ffffff;
	border-radius: 22px;
	padding: 28px 30px;
	box-shadow: 0 16px 40px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.16);
	position: relative;
	transition: all 0.3s ease;
}

.toju-faq-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 24px 55px rgba(11, 52, 72, 0.13);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-faq-item:before {
	content: "?";
	position: absolute;
	top: 24px;
	right: 26px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #f4eadf;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
}

.toju-faq-item h3 {
	color: #0F2F47;
	font-size: 20px;
	line-height: 1.25;
	margin-bottom: 12px;
	padding-right: 46px;
}

.toju-faq-item p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 0;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
	.toju-process-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.toju-audit-box {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.toju-process-grid,
	.toju-audit-list,
	.toju-faq-grid {
		grid-template-columns: 1fr;
	}

	.toju-audit-content {
		padding: 34px 24px;
	}

	.toju-audit-content h2,
	.toju-audit-panel h3 {
		font-size: 32px;
	}

	.toju-audit-panel {
		padding: 34px 24px;
	}

	.toju-section-intro {
		font-size: 16px;
	}

	.toju-process-card,
	.toju-faq-item {
		padding: 26px 22px;
	}
}

.bg-estimation {
    background-image: url(/sites/default/files/vendee/23.webp) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
    position: relative !important;
}

.toju-process-area .section-title h2 {
	color: #ffffff;
	font-size: 58px;
	line-height: 1.05;
	margin-bottom: 18px;
}

.toju-process-area .toju-kicker {
	color: #c49b6c;
}

.toju-process-area .toju-section-intro {
	max-width: 760px;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	line-height: 1.7;
}

/* GRID */
.toju-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	position: relative;
	align-items: stretch;
}

/* CARD */
.toju-process-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 30px 24px 26px;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
	border: 1px solid rgba(196, 155, 108, 0.14);
	position: relative;
	overflow: visible;
	transition: all 0.3s ease;
	min-height: 100%;
}

.toju-process-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 26px 60px rgba(0, 0, 0, 0.22);
}

.toju-process-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 24px;
	width: 58px;
	height: 4px;
	background: #c49b6c;
	border-radius: 0 0 8px 8px;
}

/* FLÈCHE ENTRE LES CARTES */
.toju-process-card:not(:last-child):after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	position: absolute;
	top: 50%;
	right: -30px;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #ffffff;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
	border: 1px solid rgba(196, 155, 108, 0.18);
	z-index: 5;
	transition: all 0.3s ease;
}

.toju-process-card:hover:after {
	transform: translateY(-50%) translateX(4px);
	background: #c49b6c;
	color: #ffffff;
}

.toju-process-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: #0F2F47;
	color: #ffffff;
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 18px;
}

.toju-process-card h3 {
	color: #0F2F47;
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 14px;
}

.toju-process-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.75;
	margin-bottom: 0;
}

/* TABLET */
@media (max-width: 1199px) {
	.toju-process-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.toju-process-card:not(:last-child):after {
		display: none;
	}
}

/* MOBILE */
@media (max-width: 767px) {
	.toju-process-area .section-title h2 {
		font-size: 38px;
	}

	.toju-process-area .toju-section-intro {
		font-size: 16px;
	}

	.toju-process-grid {
		grid-template-columns: 1fr;
	}

	.toju-process-card {
		padding: 26px 20px 24px;
	}

	.toju-process-number {
		width: 42px;
		height: 42px;
		font-size: 18px;
	}

	.toju-process-card h3 {
		font-size: 20px;
	}
}

.toju-city-hero {
	background: #0F2F47;
	position: relative;
	overflow: hidden;
	padding: 120px 0 100px;
}

.toju-city-hero:before {
	content: "";
	position: absolute;
	top: -160px;
	right: -120px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.12);
}

.toju-city-hero:after {
	content: "";
	position: absolute;
	bottom: -180px;
	left: -140px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.toju-city-hero .container {
	position: relative;
	z-index: 2;
}

.toju-city-hero-inner {
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	gap: 70px;
	align-items: center;
}

.toju-city-hero .toju-kicker {
	color: #c49b6c;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	margin-bottom: 22px;
}

.toju-city-hero h1 {
	color: #ffffff;
	font-size: 62px;
	line-height: 1.02;
	margin-bottom: 22px;
	letter-spacing: -1px;
}

.toju-city-hero h2 {
	color: rgba(255, 255, 255, 0.88);
	font-size: 24px;
	line-height: 1.35;
	font-weight: 700;
	margin-bottom: 26px;
	max-width: 760px;
}

.toju-city-hero-text,
.toju-city-hero-objective {
	color: rgba(255, 255, 255, 0.78);
	font-size: 17px;
	line-height: 1.8;
	margin-bottom: 20px;
	max-width: 760px;
}

.toju-city-hero-objective {
	border-left: 3px solid #c49b6c;
	padding-left: 20px;
	color: #ffffff;
	font-weight: 700;
}

.toju-city-hero-actions {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-top: 34px;
	flex-wrap: wrap;
}

.toju-city-hero-note {
	display: flex;
	flex-direction: column;
	gap: 2px;
	color: #ffffff;
}

.toju-city-hero-note span {
	font-size: 15px;
	font-weight: 800;
}

.toju-city-hero-note small {
	color: rgba(255, 255, 255, 0.65);
	font-size: 13px;
}

.toju-city-hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 34px;
}

.toju-city-hero-tags span {
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 9px 13px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	backdrop-filter: blur(6px);
}

.toju-city-hero-visual {
	position: relative;
}

.toju-city-image {
	min-height: 620px;
	border-radius: 36px;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.32);
}

.toju-city-image:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(11, 52, 72, 0.05) 0%,
		rgba(11, 52, 72, 0.12) 45%,
		rgba(11, 52, 72, 0.66) 100%
	);
}

.toju-city-image-card {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(10px);
	border-radius: 24px;
	padding: 22px 24px;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.toju-city-image-card span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	margin-bottom: 7px;
}

.toju-city-image-card strong {
	display: block;
	color: #0F2F47;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 900;
}

.toju-city-floating-card {
	position: absolute;
	top: 42px;
	left: -34px;
	background: #ffffff;
	border-radius: 24px;
	padding: 22px 24px;
	box-shadow: 0 20px 55px rgba(0, 0, 0, 0.22);
	border-left: 5px solid #c49b6c;
	min-width: 210px;
}

.toju-city-floating-card div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 6px;
}

.toju-city-floating-card span {
	color: #52615c;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.toju-city-floating-card strong {
	color: #0F2F47;
	font-size: 42px;
	line-height: 1;
	font-weight: 900;
}

.toju-city-floating-card p {
	margin: 0;
	color: #52615c;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 600;
}

@media (max-width: 1199px) {
	.toju-city-hero h1 {
		font-size: 52px;
	}

	.toju-city-image {
		min-height: 540px;
	}
}

@media (max-width: 991px) {
	.toju-city-hero {
		padding: 95px 0 80px;
	}

	.toju-city-hero-inner {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.toju-city-image {
		min-height: 460px;
	}

	.toju-city-floating-card {
		left: 24px;
		top: 24px;
	}
}

@media (max-width: 767px) {
	.toju-city-hero {
		padding: 80px 0 70px;
	}

	.toju-city-hero h1 {
		font-size: 38px;
	}

	.toju-city-hero h2 {
		font-size: 20px;
	}

	.toju-city-hero-text,
	.toju-city-hero-objective {
		font-size: 16px;
	}

	.toju-city-image {
		min-height: 360px;
		border-radius: 26px;
	}

	.toju-city-image-card {
		left: 18px;
		right: 18px;
		bottom: 18px;
		padding: 18px;
		border-radius: 20px;
	}

	.toju-city-image-card strong {
		font-size: 21px;
	}

	.toju-city-floating-card {
		position: relative;
		top: auto;
		left: auto;
		margin-top: 18px;
	}

	.toju-city-hero-actions {
		align-items: flex-start;
	}
}
.toju-city-section-intro {
	max-width: 780px;
	margin: 0 auto;
	color: #52615c;
	font-size: 18px;
	line-height: 1.7;
}

/* LOCAL */

.toju-city-local-area {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-city-local-content h2,
.toju-city-services-area h2,
.toju-city-property-area h2,
.toju-city-potential-content h2,
.toju-city-audit-content h2,
.toju-city-process-area h2,
.toju-city-why-area h2,
.toju-city-pricing-area h2,
.toju-city-faq-area h2,
.toju-city-final-box h2 {
	color: #0F2F47;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 24px;
}

.toju-city-local-content p,
.toju-city-potential-content p,
.toju-city-audit-content p,
.toju-city-final-box p {
	color: #52615c;
	font-size: 17px;
	line-height: 1.75;
	margin-bottom: 18px;
}

.toju-city-local-image {
	min-height: 520px;
	border-radius: 32px;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	box-shadow: 0 24px 70px rgba(11, 52, 72, 0.18);
}

.toju-city-local-image:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 52, 72, 0.06) 0%, rgba(11, 52, 72, 0.58) 100%);
}

.toju-city-local-card {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 26px;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(10px);
	border-radius: 22px;
	padding: 22px 24px;
}

.toju-city-local-card span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 6px;
}

.toju-city-local-card strong {
	color: #0F2F47;
	font-size: 24px;
	line-height: 1.2;
}

/* SERVICES */

.toju-city-services-area {
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

.toju-city-services-box {
	background: #0F2F47;
	border-radius: 32px;
	padding: 48px;
	box-shadow: 0 24px 70px rgba(11, 52, 72, 0.2);
}

.toju-city-services-content h3 {
	color: #ffffff;
	font-size: 34px;
	line-height: 1.15;
	margin-bottom: 18px;
}

.toju-city-services-content p {
	color: rgba(255,255,255,0.82);
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 24px;
}

.toju-city-services-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	margin-bottom: 28px;
}

.toju-city-services-list div {
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 16px;
	padding: 14px 16px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
}

.toju-city-services-list span {
	color: #c49b6c;
	font-weight: 900;
	margin-right: 8px;
}

.toju-city-owner-note {
	border-left: 4px solid #c49b6c;
	padding-left: 18px;
	color: #ffffff !important;
	font-weight: 800;
}

/* PROPERTY */

.toju-city-property-area {
	background: #f3f1ea;
}

.toju-city-property-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

.toju-city-property-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 30px 26px;
	box-shadow: 0 16px 42px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.16);
	transition: all 0.3s ease;
}

.toju-city-property-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 24px 60px rgba(11, 52, 72, 0.14);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-property-icon {
	width: 54px;
	height: 54px;
	border-radius: 16px;
	background: #0F2F47;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 22px;
}

.toju-city-property-card h3 {
	color: #0F2F47;
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 14px;
}

.toju-city-property-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 0;
}

/* POTENTIAL */

.toju-city-potential-area {
	background: #0F2F47;
	position: relative;
	overflow: hidden;
}

.toju-city-potential-content h2,
.toju-city-potential-content p {
	color: #ffffff;
}

.toju-city-potential-content p {
	color: rgba(255,255,255,0.78);
}

.toju-city-price-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.toju-city-price-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 30px 28px;
	box-shadow: 0 18px 55px rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
}

.toju-city-price-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 28px;
	width: 72px;
	height: 4px;
	background: #c49b6c;
	border-radius: 0 0 10px 10px;
}

.toju-city-price-card span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 14px;
}

.toju-city-price-card strong {
	display: block;
	color: #0F2F47;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 8px;
}

.toju-city-price-card small {
	color: #52615c;
	font-size: 15px;
	font-weight: 700;
}

.toju-city-price-card-featured {
	border: 1px solid rgba(196, 155, 108, 0.8);
}

/* AUDIT */

.toju-city-audit-area {
	background: #f3f1ea;
}

.toju-city-audit-box {
	display: grid;
	grid-template-columns: 1.35fr 0.85fr;
	gap: 34px;
	align-items: stretch;
}

.toju-city-audit-content,
.toju-city-audit-cta {
	background: #ffffff;
	border-radius: 30px;
	padding: 44px;
	box-shadow: 0 20px 60px rgba(11, 52, 72, 0.1);
}

.toju-city-audit-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	margin-top: 28px;
}

.toju-city-audit-list div {
	background: #f7f4ee;
	border-radius: 16px;
	padding: 15px 16px;
	color: #0F2F47;
	font-weight: 800;
	font-size: 14px;
	line-height: 1.45;
}

.toju-city-audit-list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #c49b6c;
	color: #ffffff;
	margin-right: 8px;
	font-size: 12px;
}

.toju-city-audit-cta {
	background: linear-gradient(180deg, #c49b6c 0%, #ad8659 100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.toju-city-audit-cta span {
	color: #ffffff;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.toju-city-audit-cta h3 {
	color: #ffffff;
	font-size: 36px;
	line-height: 1.08;
	margin-bottom: 18px;
}

.toju-city-audit-cta p {
	color: rgba(255,255,255,0.88);
	font-size: 17px;
	line-height: 1.65;
	margin-bottom: 28px;
}

/* PROCESS */

.toju-city-process-area {
	background: #ffffff;
}

.toju-city-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

.toju-city-process-card {
	background: #f3f1ea;
	border-radius: 24px;
	padding: 32px 26px;
	position: relative;
	transition: all 0.3s ease;
}

.toju-city-process-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 20px 50px rgba(11, 52, 72, 0.12);
}

.toju-city-process-card span {
	display: inline-flex;
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: #0F2F47;
	color: #ffffff;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	font-size: 18px;
	margin-bottom: 22px;
}

.toju-city-process-card h3 {
	color: #0F2F47;
	font-size: 21px;
	line-height: 1.2;
	margin-bottom: 14px;
}

.toju-city-process-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 0;
}

/* WHY */

.toju-city-why-area {
	background: #f3f1ea;
}

.toju-city-why-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.toju-city-why-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 30px;
	box-shadow: 0 16px 42px rgba(11, 52, 72, 0.08);
	border-left: 4px solid #c49b6c;
}

.toju-city-why-card-wide {
	grid-column: span 2;
}

.toju-city-why-card h3 {
	color: #0F2F47;
	font-size: 23px;
	line-height: 1.2;
	margin-bottom: 12px;
}

.toju-city-why-card p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 0;
}

/* PRICING */

.toju-city-pricing-area {
	background: #ffffff;
}

.toju-city-pricing-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
}

.toju-city-pricing-card {
	background: #f3f1ea;
	border-radius: 24px;
	padding: 28px 24px;
	position: relative;
	overflow: hidden;
}

.toju-city-pricing-main {
	background: #0F2F47;
}

.toju-city-pricing-card span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 16px;
}

.toju-city-pricing-card strong {
	display: block;
	color: #0F2F47;
	font-size: 32px;
	line-height: 1;
	margin-bottom: 10px;
}

.toju-city-pricing-main strong,
.toju-city-pricing-main p,
.toju-city-pricing-main small {
	color: #ffffff;
}

.toju-city-pricing-card p {
	color: #0F2F47;
	font-size: 15px;
	font-weight: 800;
	margin-bottom: 14px;
}

.toju-city-pricing-card small {
	color: #52615c;
	font-size: 14px;
	line-height: 1.55;
}

/* FAQ */

.toju-city-faq-area {
	background: #f3f1ea;
}

.toju-city-faq-list {
	max-width: 980px;
	margin: 0 auto;
}

.toju-city-faq-item {
	background: #ffffff;
	border-radius: 18px;
	margin-bottom: 14px;
	box-shadow: 0 12px 35px rgba(11, 52, 72, 0.07);
	overflow: hidden;
}

.toju-city-faq-item button {
	width: 100%;
	background: transparent;
	border: none;
	text-align: left;
	padding: 22px 28px;
	color: #0F2F47;
	font-size: 18px;
	font-weight: 900;
	cursor: pointer;
	position: relative;
}

.toju-city-faq-item button:after {
	content: "+";
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	color: #c49b6c;
	font-size: 26px;
	font-weight: 900;
}

.toju-city-faq-item.active button:after {
	content: "−";
}

.toju-city-faq-item > div {
	display: none;
	padding: 0 28px 24px;
}

.toju-city-faq-item.active > div {
	display: block;
}

.toju-city-faq-item p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
}

/* FINAL CTA */

.toju-city-final-cta {
	background: #0F2F47;
}

.toju-city-final-box {
	background: #ffffff;
	border-radius: 32px;
	padding: 58px 46px;
	box-shadow: 0 28px 80px rgba(0,0,0,0.22);
}

.toju-city-final-box p {
	max-width: 780px;
	margin: 0 auto 30px;
}

.toju-city-final-box span {
	display: block;
	margin-top: 18px;
	color: #52615c;
	font-size: 15px;
	font-weight: 700;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
	.toju-city-property-grid,
	.toju-city-process-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.toju-city-pricing-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.toju-city-audit-box {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 991px) {
	.toju-city-price-grid,
	.toju-city-why-grid,
	.toju-city-services-list,
	.toju-city-audit-list {
		grid-template-columns: 1fr;
	}

	.toju-city-why-card-wide {
		grid-column: span 1;
	}
}

@media (max-width: 767px) {
	.toju-city-local-content h2,
	.toju-city-services-area h2,
	.toju-city-property-area h2,
	.toju-city-potential-content h2,
	.toju-city-audit-content h2,
	.toju-city-process-area h2,
	.toju-city-why-area h2,
	.toju-city-pricing-area h2,
	.toju-city-faq-area h2,
	.toju-city-final-box h2 {
		font-size: 32px;
	}

	.toju-city-property-grid,
	.toju-city-process-grid,
	.toju-city-pricing-grid {
		grid-template-columns: 1fr;
	}

	.toju-city-local-image {
		min-height: 360px;
		margin-top: 35px;
	}

	.toju-city-services-box,
	.toju-city-audit-content,
	.toju-city-audit-cta,
	.toju-city-final-box {
		padding: 30px 22px;
		border-radius: 24px;
	}

	.toju-city-faq-item button {
		font-size: 16px;
		padding: 20px 50px 20px 22px;
	}

	.toju-city-faq-item button:after {
		right: 22px;
	}
}

.toju-city-services-area {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-city-services-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
	align-items: stretch;
}

.toju-city-service-card {
	border-radius: 28px;
	padding: 38px 36px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 22px 60px rgba(11, 52, 72, 0.12);
}

.toju-city-service-card:before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 190px;
	height: 190px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.12);
}

.toju-city-service-card-dark {
	background: #0b3448;
	color: #ffffff;
}

.toju-city-service-card-light {
	background: #fff8f3;
	color: #0b3448;
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-service-icon {
	width: 52px;
	height: 52px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 26px;
	font-size: 22px;
	position: relative;
	z-index: 2;
}

.toju-city-service-card-dark .toju-service-icon {
	background: rgba(255, 255, 255, 0.10);
	color: #c49b6c;
}

.toju-city-service-card-light .toju-service-icon {
	background: #f4eadf;
	color: #c49b6c;
}

.toju-city-service-card h3 {
	font-size: 28px;
	line-height: 1.15;
	margin-bottom: 14px;
	position: relative;
	z-index: 2;
}

.toju-city-service-card-dark h3 {
	color: #ffffff;
}

.toju-city-service-card-light h3 {
	color: #0b3448;
}

.toju-service-lead {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 26px;
	position: relative;
	z-index: 2;
}

.toju-city-service-card-dark .toju-service-lead {
	color: rgba(255, 255, 255, 0.86);
}

.toju-city-service-card-light .toju-service-lead {
	color: #52615c;
}

.toju-city-service-card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 28px;
	position: relative;
	z-index: 2;
}

.toju-city-service-card li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 13px;
	font-size: 15px;
	line-height: 1.55;
	font-weight: 700;
}

.toju-city-service-card li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #c49b6c;
	font-weight: 900;
}

.toju-city-service-card-dark li {
	color: rgba(255, 255, 255, 0.90);
}

.toju-city-service-card-light li {
	color: #52615c;
}

.toju-service-objective {
	border-top: 1px solid rgba(196, 155, 108, 0.35);
	padding-top: 22px;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.6;
	position: relative;
	z-index: 2;
}

.toju-city-service-card-dark .toju-service-objective {
	color: #c49b6c;
}

.toju-city-service-card-light .toju-service-objective {
	color: #b17f4a;
}

.toju-city-owner-reassurance {
	margin-top: 38px;
	background: #ffffff;
	border-radius: 24px;
	padding: 28px 32px;
	box-shadow: 0 18px 45px rgba(11, 52, 72, 0.08);
	border-left: 5px solid #c49b6c;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.toju-city-owner-reassurance p {
	margin: 0;
	color: #0b3448;
	font-size: 18px;
	line-height: 1.55;
	font-weight: 800;
	max-width: 760px;
}

@media (max-width: 991px) {
	.toju-city-services-cards {
		grid-template-columns: 1fr;
	}

	.toju-city-owner-reassurance {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.toju-city-service-card {
		padding: 30px 24px;
		border-radius: 24px;
	}

	.toju-city-service-card h3 {
		font-size: 24px;
	}

	.toju-city-owner-reassurance {
		padding: 24px 20px;
	}

	.toju-city-owner-reassurance p {
		font-size: 16px;
	}
}

.toju-city-local-area {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-city-local-content h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 24px;
}

.toju-city-local-content p {
	color: #52615c;
	font-size: 17px;
	line-height: 1.8;
	margin-bottom: 18px;
}

.toju-city-local-image {
	min-height: 520px;
	border-radius: 34px;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	box-shadow: 0 26px 70px rgba(11, 52, 72, 0.16);
}

.toju-city-local-image:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(11, 52, 72, 0.08) 0%,
		rgba(11, 52, 72, 0.18) 45%,
		rgba(11, 52, 72, 0.58) 100%
	);
}

.toju-city-local-badge {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 2;
}

.toju-city-local-badge span {
	display: inline-flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	padding: 10px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.9px;
}

.toju-city-local-card {
	position: absolute;
	left: 24px;
	bottom: 24px;
	z-index: 2;
	max-width: 430px;
	width: calc(100% - 48px);
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 22px;
	padding: 22px 24px;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.55);
}

.toju-city-local-card span {
	display: block;
	color: #c49b6c;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin-bottom: 8px;
}

.toju-city-local-card strong {
	display: block;
	color: #0b3448;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 900;
}

@media (max-width: 991px) {
	.toju-city-local-image {
		min-height: 440px;
		margin-bottom: 35px;
	}

	.toju-city-local-content h2 {
		font-size: 40px;
	}
}

@media (max-width: 767px) {
	.toju-city-local-image {
		min-height: 340px;
		border-radius: 26px;
	}

	.toju-city-local-content h2 {
		font-size: 32px;
	}

	.toju-city-local-content p {
		font-size: 16px;
	}

	.toju-city-local-badge {
		top: 18px;
		left: 18px;
	}

	.toju-city-local-card {
		left: 18px;
		right: 18px;
		bottom: 18px;
		width: auto;
		max-width: none;
		padding: 18px 18px;
		border-radius: 18px;
	}

	.toju-city-local-card strong {
		font-size: 18px;
	}
}

.toju-city-local-area {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-city-local-area:before {
	content: "";
	position: absolute;
	top: -120px;
	right: -120px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.10);
}

.toju-city-local-area:after {
	content: "";
	position: absolute;
	bottom: -160px;
	left: -140px;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.05);
}

.toju-city-local-area .container {
	position: relative;
	z-index: 2;
}

.toju-city-local-area .section-title h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 20px;
}

.toju-city-section-intro {
	max-width: 780px;
	margin: 0 auto;
	color: #52615c;
	font-size: 18px;
	line-height: 1.7;
}

.toju-local-editorial {
	display: grid;
	grid-template-columns: 1.35fr 0.65fr;
	gap: 28px;
	align-items: stretch;
	margin-bottom: 32px;
}

.toju-local-content {
	background: #ffffff;
	border-radius: 28px;
	padding: 38px 40px;
	box-shadow: 0 18px 45px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.14);
	position: relative;
	overflow: hidden;
}

.toju-local-content:before {
	content: "";
	position: absolute;
	top: 0;
	left: 40px;
	width: 90px;
	height: 4px;
	background: #c49b6c;
	border-radius: 0 0 10px 10px;
}

.toju-local-content p {
	color: #52615c;
	font-size: 17px;
	line-height: 1.85;
	margin-bottom: 18px;
}

.toju-local-content p:last-child {
	margin-bottom: 0;
}

.toju-local-highlight {
	background: #0b3448;
	border-radius: 28px;
	padding: 38px 34px;
	box-shadow: 0 22px 55px rgba(11, 52, 72, 0.18);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.toju-local-highlight:before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.16);
}

.toju-local-highlight span {
	position: relative;
	z-index: 2;
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin-bottom: 12px;
}

.toju-local-highlight strong {
	position: relative;
	z-index: 2;
	display: block;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.12;
	font-weight: 900;
	margin-bottom: 18px;
}

.toju-local-highlight p {
	position: relative;
	z-index: 2;
	color: rgba(255, 255, 255, 0.78);
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
}

.toju-local-points {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.toju-local-point {
	background: #ffffff;
	border-radius: 24px;
	padding: 30px 28px;
	box-shadow: 0 16px 42px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.14);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.toju-local-point:hover {
	transform: translateY(-7px);
	box-shadow: 0 24px 58px rgba(11, 52, 72, 0.13);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-local-point:before {
	content: "";
	position: absolute;
	top: 0;
	left: 28px;
	width: 58px;
	height: 3px;
	background: #c49b6c;
	border-radius: 0 0 8px 8px;
}

.toju-local-point-icon {
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: #f4eadf;
	color: #0b3448;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 22px;
}

.toju-local-point h3 {
	color: #0b3448;
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 13px;
}

.toju-local-point p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.toju-local-editorial {
		grid-template-columns: 1fr;
	}

	.toju-local-points {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.toju-city-local-area .section-title h2 {
		font-size: 32px;
	}

	.toju-city-section-intro {
		font-size: 16px;
	}

	.toju-local-content,
	.toju-local-highlight {
		padding: 30px 24px;
		border-radius: 24px;
	}

	.toju-local-highlight strong {
		font-size: 25px;
	}

	.toju-local-content p {
		font-size: 16px;
	}

	.toju-local-point {
		padding: 26px 22px;
	}
}
.toju-local-point-icon {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 23px;
	margin-bottom: 22px;
	box-shadow: 0 12px 26px rgba(11, 52, 72, 0.16);
}
.toju-city-visual-strip {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-city-visual-grid {
	display: grid;
	grid-template-columns: 1.35fr 0.8fr;
	grid-template-rows: repeat(2, 250px);
	gap: 24px;
}

.toju-city-visual-card {
	position: relative;
	border-radius: 28px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-shadow: 0 22px 60px rgba(11, 52, 72, 0.14);
	transition: all 0.35s ease;
}

.toju-city-visual-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 30px 75px rgba(11, 52, 72, 0.20);
}

.toju-city-visual-large {
	grid-row: span 2;
}

.toju-city-visual-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(11, 52, 72, 0.08) 0%,
		rgba(11, 52, 72, 0.28) 42%,
		rgba(11, 52, 72, 0.82) 100%
	);
}

.toju-city-visual-content {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 26px;
	z-index: 2;
}

.toju-city-visual-content span {
	display: inline-block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	margin-bottom: 10px;
}

.toju-city-visual-content h3 {
	color: #ffffff;
	font-size: 28px;
	line-height: 1.12;
	margin-bottom: 10px;
}

.toju-city-visual-large .toju-city-visual-content h3 {
	font-size: 38px;
	max-width: 620px;
}

.toju-city-visual-content p {
	color: rgba(255, 255, 255, 0.86);
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 0;
	max-width: 620px;
}

@media (max-width: 991px) {
	.toju-city-visual-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.toju-city-visual-card,
	.toju-city-visual-large {
		min-height: 320px;
		grid-row: auto;
	}
}

@media (max-width: 767px) {
	.toju-city-visual-card,
	.toju-city-visual-large {
		min-height: 280px;
		border-radius: 24px;
	}

	.toju-city-visual-content {
		left: 22px;
		right: 22px;
		bottom: 22px;
	}

	.toju-city-visual-content h3,
	.toju-city-visual-large .toju-city-visual-content h3 {
		font-size: 25px;
	}
}

.toju-city-separator {
	background: #f3f1ea;
	padding: 20px 0 90px;
	position: relative;
	overflow: hidden;
}

.toju-city-separator-box {
	position: relative;
	min-height: 360px;
	border-radius: 34px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-shadow: 0 28px 80px rgba(11, 52, 72, 0.18);
}

.toju-city-separator-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(11, 52, 72, 0.88) 0%,
		rgba(11, 52, 72, 0.62) 45%,
		rgba(11, 52, 72, 0.20) 100%
	);
}

.toju-city-separator-content {
	position: relative;
	z-index: 2;
	min-height: 360px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 34px;
	padding: 44px;
}

.toju-city-separator-text {
	max-width: 560px;
}

.toju-city-separator-text span {
	display: inline-block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin-bottom: 12px;
}

.toju-city-separator-text h2 {
	color: #ffffff;
	font-size: 42px;
	line-height: 1.08;
	margin-bottom: 0;
}

.toju-city-separator-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	min-width: 430px;
}

.toju-city-separator-stats div {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 18px;
	padding: 18px 20px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
}

.toju-city-separator-stats strong {
	display: block;
	color: #0b3448;
	font-size: 20px;
	line-height: 1.1;
	margin-bottom: 6px;
	font-weight: 900;
}

.toju-city-separator-stats span {
	display: block;
	color: #52615c;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 800;
}

@media (max-width: 991px) {
	.toju-city-separator-content {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}

	.toju-city-separator-stats {
		width: 100%;
		min-width: 0;
	}
}

@media (max-width: 767px) {
	.toju-city-separator {
		padding: 10px 0 70px;
	}

	.toju-city-separator-box {
		min-height: 420px;
		border-radius: 26px;
	}

	.toju-city-separator-content {
		min-height: 420px;
		padding: 28px 22px;
	}

	.toju-city-separator-text h2 {
		font-size: 30px;
	}

	.toju-city-separator-stats {
		grid-template-columns: 1fr;
	}

	.toju-city-separator-stats div {
		padding: 16px 18px;
	}
}

.toju-sg-services {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-sg-services .section-title h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 18px;
}

.toju-sg-intro {
	max-width: 760px;
	margin: 0 auto;
	color: #52615c;
	font-size: 18px;
	line-height: 1.7;
}

.toju-sg-services-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
}

.toju-sg-service-card {
	border-radius: 28px;
	padding: 38px 36px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 22px 60px rgba(11, 52, 72, 0.12);
}

.toju-sg-service-card:before {
	content: "";
	position: absolute;
	top: -85px;
	right: -85px;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-sg-service-dark {
	background: #0b3448;
	color: #ffffff;
}

.toju-sg-service-light {
	background: #fff8f3;
	color: #0b3448;
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-sg-service-icon {
	width: 52px;
	height: 52px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 26px;
	font-size: 22px;
	position: relative;
	z-index: 2;
}

.toju-sg-service-dark .toju-sg-service-icon {
	background: rgba(255, 255, 255, 0.10);
	color: #c49b6c;
}

.toju-sg-service-light .toju-sg-service-icon {
	background: #f4eadf;
	color: #c49b6c;
}

.toju-sg-service-card h3 {
	font-size: 28px;
	line-height: 1.15;
	margin-bottom: 14px;
	position: relative;
	z-index: 2;
}

.toju-sg-service-dark h3 {
	color: #ffffff;
}

.toju-sg-service-light h3 {
	color: #0b3448;
}

.toju-sg-service-card p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 24px;
	position: relative;
	z-index: 2;
}

.toju-sg-service-dark p {
	color: rgba(255, 255, 255, 0.86);
}

.toju-sg-service-light p {
	color: #52615c;
}

.toju-sg-service-card ul {
	list-style: none;
	padding: 0;
	margin: 0 0 28px;
	position: relative;
	z-index: 2;
}

.toju-sg-service-card li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.55;
	font-weight: 700;
}

.toju-sg-service-card li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #c49b6c;
	font-weight: 900;
}

.toju-sg-service-dark li {
	color: rgba(255, 255, 255, 0.90);
}

.toju-sg-service-light li {
	color: #52615c;
}

.toju-sg-service-note {
	border-top: 1px solid rgba(196, 155, 108, 0.35);
	padding-top: 20px;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.6;
	position: relative;
	z-index: 2;
}

.toju-sg-service-dark .toju-sg-service-note {
	color: #c49b6c;
}

.toju-sg-service-light .toju-sg-service-note {
	color: #b17f4a;
}

.toju-sg-services-cta {
	margin-top: 34px;
	background: #ffffff;
	border-radius: 24px;
	padding: 28px 32px;
	box-shadow: 0 18px 45px rgba(11, 52, 72, 0.08);
	border-left: 5px solid #c49b6c;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.toju-sg-services-cta p {
	margin: 0;
	color: #0b3448;
	font-size: 17px;
	line-height: 1.55;
	font-weight: 800;
	max-width: 760px;
}

@media (max-width: 991px) {
	.toju-sg-services-grid {
		grid-template-columns: 1fr;
	}

	.toju-sg-services-cta {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.toju-sg-services .section-title h2 {
		font-size: 32px;
	}

	.toju-sg-service-card {
		padding: 30px 24px;
		border-radius: 24px;
	}

	.toju-sg-service-card h3 {
		font-size: 24px;
	}

	.toju-sg-services-cta {
		padding: 24px 20px;
	}

	.toju-sg-services-cta p {
		font-size: 16px;
	}
}

.toju-sg-properties {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-sg-properties .section-title h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 18px;
}

.toju-sg-property-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.toju-sg-property-card {
	background: #ffffff;
	border-radius: 26px;
	overflow: hidden;
	box-shadow: 0 18px 48px rgba(11, 52, 72, 0.10);
	border: 1px solid rgba(196, 155, 108, 0.14);
	transition: all 0.35s ease;
}

.toju-sg-property-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 28px 70px rgba(11, 52, 72, 0.16);
	border-color: rgba(196, 155, 108, 0.40);
}

.toju-sg-property-image {
	height: 230px;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}

.toju-sg-property-image:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(11, 52, 72, 0.02) 0%,
		rgba(11, 52, 72, 0.20) 45%,
		rgba(11, 52, 72, 0.70) 100%
	);
}

.toju-sg-property-image span {
	position: absolute;
	left: 18px;
	bottom: 18px;
	z-index: 2;
	display: inline-flex;
	background: rgba(255, 255, 255, 0.94);
	color: #0b3448;
	padding: 9px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.toju-sg-property-content {
	padding: 26px 24px 28px;
}

.toju-sg-property-content h3 {
	color: #0b3448;
	font-size: 23px;
	line-height: 1.2;
	margin-bottom: 14px;
}

.toju-sg-property-content p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 0;
}

@media (max-width: 1199px) {
	.toju-sg-property-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.toju-sg-properties .section-title h2 {
		font-size: 32px;
	}

	.toju-sg-property-grid {
		grid-template-columns: 1fr;
	}

	.toju-sg-property-image {
		height: 240px;
	}

	.toju-sg-property-content {
		padding: 24px 22px;
	}
}
.toju-sg-service-path {
	position: relative;
	overflow: hidden;
}

.toju-sg-service-path .section-title h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 18px;
}

.toju-sg-service-path-intro {
	max-width: 780px;
	margin: 0 auto;
	color: #52615c;
	font-size: 18px;
	line-height: 1.7;
}

.toju-sg-service-path-wrapper {
	display: grid;
	grid-template-columns: 0.9fr 1.3fr;
	gap: 28px;
	align-items: stretch;
}

.toju-sg-service-path-main {
	border-radius: 30px;
	padding: 42px 38px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 24px 65px rgba(11, 52, 72, 0.18);
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.toju-sg-service-path-main:after {
	content: "";
	position: absolute;
	top: -90px;
	right: -90px;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.16);
}

.toju-sg-service-path-number {
	color: rgba(255, 255, 255, 0.08);
	font-size: 90px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 70px;
	position: relative;
	z-index: 2;
}

.toju-sg-service-path-main span {
	position: relative;
	z-index: 2;
	display: inline-block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	margin-bottom: 12px;
}

.toju-sg-service-path-main h3 {
	position: relative;
	z-index: 2;
	color: #ffffff;
	font-size: 34px;
	line-height: 1.12;
	margin-bottom: 16px;
}

.toju-sg-service-path-main p {
	position: relative;
	z-index: 2;
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 0;
}

.toju-sg-service-path-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.toju-sg-service-path-item {
	background: #ffffff;
	border-radius: 24px;
	padding: 28px 26px;
	box-shadow: 0 16px 42px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.14);
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}

.toju-sg-service-path-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 58px rgba(11, 52, 72, 0.13);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-sg-service-path-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 26px;
	width: 60px;
	height: 3px;
	background: #c49b6c;
	border-radius: 0 0 8px 8px;
}

.toju-sg-service-path-icon {
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-bottom: 22px;
	box-shadow: 0 12px 26px rgba(11, 52, 72, 0.14);
}

.toju-sg-service-path-icon i,
.toju-sg-service-path-icon svg {
	color: #c49b6c;
	stroke: currentColor;
	width: 22px;
	height: 22px;
}

.toju-sg-service-path-item h4 {
	color: #0b3448;
	font-size: 21px;
	line-height: 1.2;
	margin-bottom: 12px;
}

.toju-sg-service-path-item p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.65;
	margin-bottom: 0;
}

.toju-sg-service-path-cta {
	margin-top: 30px;
	background: #ffffff;
	border-radius: 24px;
	padding: 28px 32px;
	box-shadow: 0 18px 45px rgba(11, 52, 72, 0.08);
	border-left: 5px solid #c49b6c;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.toju-sg-service-path-cta strong {
	display: block;
	color: #0b3448;
	font-size: 18px;
	line-height: 1.35;
	margin-bottom: 4px;
}

.toju-sg-service-path-cta span {
	display: block;
	color: #52615c;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 700;
}

@media (max-width: 991px) {
	.toju-sg-service-path-wrapper {
		grid-template-columns: 1fr;
	}

	.toju-sg-service-path-cta {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.toju-sg-service-path .section-title h2 {
		font-size: 32px;
	}

	.toju-sg-service-path-intro {
		font-size: 16px;
	}

	.toju-sg-service-path-main {
		padding: 34px 24px;
		border-radius: 24px;
	}

	.toju-sg-service-path-number {
		font-size: 64px;
		margin-bottom: 45px;
	}

	.toju-sg-service-path-main h3 {
		font-size: 27px;
	}

	.toju-sg-service-path-list {
		grid-template-columns: 1fr;
	}

	.toju-sg-service-path-item {
		padding: 26px 22px;
	}

	.toju-sg-service-path-cta {
		padding: 24px 20px;
	}
}

.toju-city-hero-zone {
	margin-top: 18px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 15px;
	line-height: 1.6;
	font-weight: 700;
	max-width: 720px;
}
.toju-zones-vendee-area {
	position: relative;
}

.toju-zones-vendee-area .section-title h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 18px;
}

.toju-zones-vendee-intro {
	max-width: 760px;
	margin: 0 auto;
	color: #52615c;
	font-size: 18px;
	line-height: 1.7;
}

.toju-zones-vendee-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.toju-zones-vendee-card {
	background: #0b3448;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 22px 58px rgba(11, 52, 72, 0.14);
	transition: all 0.3s ease;
}

.toju-zones-vendee-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 30px 76px rgba(11, 52, 72, 0.22);
}

.toju-zones-vendee-img {
	position: relative;
	height: 220px;
	overflow: hidden;
	background: #0b3448;
}

.toju-zones-vendee-img img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	transition: transform 0.45s ease;
}

.toju-zones-vendee-card:hover .toju-zones-vendee-img img {
	transform: scale(1.08);
}

.toju-zones-vendee-img:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60%;
	background: linear-gradient(180deg, rgba(11, 52, 72, 0) 0%, rgba(11, 52, 72, 0.72) 100%);
	z-index: 2;
}

.toju-zones-vendee-img span {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 3;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: #ffffff;
	color: #0b3448;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 900;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.toju-zones-vendee-content {
	padding: 28px 24px 30px;
	background: #0b3448;
}

.toju-zones-vendee-content small {
	display: block !important;
	background: transparent !important;
	color: #c49b6c !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding: 0 !important;
	border-radius: 0 !important;
}

.toju-zones-vendee-content h3 {
	background: transparent !important;
	color: #ffffff !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	border-radius: 0 !important;
	font-weight: 900 !important;
}

.toju-zones-vendee-content p {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.82) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

.toju-zones-vendee-content a {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-decoration: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	transition: all 0.3s ease;
}

.toju-zones-vendee-content a:hover {
	color: #c49b6c !important;
	gap: 12px;
}

@media (max-width: 1199px) {
	.toju-zones-vendee-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.toju-zones-vendee-area {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.toju-zones-vendee-area .section-title h2 {
		font-size: 32px;
	}

	.toju-zones-vendee-intro {
		font-size: 16px;
	}

	.toju-zones-vendee-grid {
		grid-template-columns: 1fr;
	}

	.toju-zones-vendee-img {
		height: 240px;
	}
}
.toju-zones-vendee-card {
	cursor: pointer;
}

.toju-zones-vendee-link {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-decoration: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	transition: all 0.3s ease;
}

.toju-zones-vendee-card:hover .toju-zones-vendee-link {
	color: #c49b6c !important;
	gap: 12px;
}

.toju-zones-vendee-card {
	position: relative;
	background: #0b3448;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.18);
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.08);
	cursor: pointer;
}

.toju-zones-vendee-card:hover {
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.24);
	border-color: rgba(196, 155, 108, 0.55);
}

.toju-zones-vendee-img img {
	transition: filter 0.3s ease;
}

.toju-zones-vendee-card:hover .toju-zones-vendee-img img {
	filter: brightness(1.08) contrast(1.04);
	transform: none !important;
}

.toju-zones-vendee-img:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(196, 155, 108, 0.22) 0%,
		rgba(196, 155, 108, 0.06) 35%,
		rgba(11, 52, 72, 0) 70%
	);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 3;
	pointer-events: none;
}

.toju-zones-vendee-card:hover .toju-zones-vendee-img:before {
	opacity: 1;
}

.toju-zones-vendee-card:hover .toju-zones-vendee-content {
	background: #0b3448;
}

.toju-zones-vendee-link {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-decoration: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	transition: color 0.25s ease;
}

.toju-zones-vendee-card:hover .toju-zones-vendee-link {
	color: #c49b6c !important;
	gap: 8px !important;
	padding: 0 !important;
	background: transparent !important;
}

/* Dropdown principal */
.rd-navbar-submenu .sub-menu {
	background: rgba(255, 255, 255, 0.98) !important;
	border-radius: 16px !important;
	padding: 8px !important;
	box-shadow: 0 18px 45px rgba(11, 52, 72, 0.18) !important;
	border: 1px solid rgba(196, 155, 108, 0.18) !important;
	min-width: 245px !important;
	overflow: hidden !important;
}

/* Supprime les gros espacements hérités */
.rd-navbar-submenu .sub-menu li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Liens */
.rd-navbar-submenu .sub-menu li a {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
	color: #0b3448 !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	padding: 11px 12px !important;
	border-radius: 11px !important;
	text-decoration: none !important;
	transition: all 0.22s ease !important;
	white-space: normal !important;
}

/* Petit point doré */
.rd-navbar-submenu .sub-menu li a:before {
	content: "";
	width: 7px;
	height: 7px;
	min-width: 7px;
	border-radius: 50%;
	background: #c49b6c;
	opacity: 0.55;
	transition: all 0.22s ease;
}

/* Hover propre */
.rd-navbar-submenu .sub-menu li a:hover {
	background: #f3f1ea !important;
	color: #0b3448 !important;
	padding-left: 15px !important;
}

.rd-navbar-submenu .sub-menu li a:hover:before {
	opacity: 1;
	transform: scale(1.25);
}

/* Lien actif */
.rd-navbar-submenu .sub-menu li a.is-active,
.rd-navbar-submenu .sub-menu li a.active {
	background: #0b3448 !important;
	color: #ffffff !important;
}

.rd-navbar-submenu .sub-menu li a.is-active:before,
.rd-navbar-submenu .sub-menu li a.active:before {
	background: #c49b6c;
	opacity: 1;
}

/* Petite animation d'apparition */
.rd-navbar-submenu .sub-menu {
	transform: translateY(8px);
	opacity: 0;
	transition: opacity 0.22s ease, transform 0.22s ease;
}

.rd-navbar-submenu:hover > .sub-menu,
.rd-navbar-submenu.focus > .sub-menu,
.rd-navbar-submenu.opened > .sub-menu {
	transform: translateY(0);
	opacity: 1;
}

.footer-title-zones {
	margin-top: 34px;
	font-size: 22px;
}

.footer-city-links li a {
	font-size: 16px;
	line-height: 1.45;
}

.footer-city-links li a:before {
	content: "→";
	color: #c49b6c;
	margin-right: 8px;
	font-weight: 900;
	transition: margin-right 0.25s ease;
}

.footer-city-links li a:hover:before {
	margin-right: 12px;
}

.toju-city-bottom-area {
	background: #0F2F47;
	position: relative;
	overflow: hidden;
}

.toju-city-bottom-grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 28px;
	align-items: stretch;
}

.toju-city-bottom-card {
	background: #ffffff;
	border-radius: 28px;
	padding: 40px 36px;
	box-shadow: 0 18px 48px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.16);
}

.toju-city-bottom-card h2 {
	color: #0b3448;
	font-size: 32px;
	line-height: 1.15;
	margin-bottom: 16px;
}

.toju-city-bottom-card p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 26px;
}

.toju-city-bottom-link-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.toju-city-bottom-link-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: #f3f1ea;
	color: #0b3448;
	padding: 14px 16px;
	border-radius: 14px;
	font-size: 15px;
	font-weight: 900;
	text-decoration: none;
	transition: all 0.25s ease;
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-city-bottom-link-list a:hover {
	background: #0b3448;
	color: #ffffff;
	text-decoration: none;
	border-color: #0b3448;
}

.toju-city-bottom-link-list a i {
	color: #c49b6c;
	transition: transform 0.25s ease;
}

.toju-city-bottom-link-list a:hover i {
	transform: translateX(4px);
}

.toju-city-bottom-cta {
	background: #0b3448;
	position: relative;
	overflow: hidden;
}

.toju-city-bottom-cta:before {
	content: "";
	position: absolute;
	top: -90px;
	right: -90px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-city-bottom-cta > * {
	position: relative;
	z-index: 2;
}

.toju-city-bottom-cta h2 {
	color: #ffffff;
}

.toju-city-bottom-cta p {
	color: rgba(255, 255, 255, 0.82);
}

.toju-city-bottom-cta span {
	display: block;
	margin-top: 18px;
	color: rgba(255, 255, 255, 0.68);
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
}

@media (max-width: 991px) {
	.toju-city-bottom-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.toju-city-bottom-area {
		padding-top: 70px;
		padding-bottom: 80px;
	}

	.toju-city-bottom-card {
		padding: 32px 22px;
		border-radius: 24px;
	}

	.toju-city-bottom-card h2 {
		font-size: 27px;
	}

	.toju-city-bottom-card p {
		font-size: 15px;
	}
}

/* Dropdown zones d'intervention */
.rd-navbar-submenu .sub-menu {
	background: rgba(255, 255, 255, 0.97) !important;
	border-radius: 16px !important;
	padding: 10px !important;
	box-shadow: 0 18px 45px rgba(11, 52, 72, 0.22) !important;
	border: 1px solid rgba(196, 155, 108, 0.22) !important;
	min-width: 265px !important;
	overflow: hidden !important;
}

/* Items */
.rd-navbar-submenu .sub-menu li {
	margin: 0 !important;
	padding: 0 !important;
}

/* Liens */
.rd-navbar-submenu .sub-menu li a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	color: #0b3448 !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	padding: 12px 14px !important;
	border-radius: 11px !important;
	text-decoration: none !important;
	transition: background 0.22s ease, color 0.22s ease !important;
}

/* Flèche discrète */
.rd-navbar-submenu .sub-menu li a:after {
	content: "→";
	color: #c49b6c;
	font-size: 14px;
	font-weight: 900;
	opacity: 0;
	transition: opacity 0.22s ease;
}

/* Hover stable, sans décalage */
.rd-navbar-submenu .sub-menu li a:hover {
	background: #f3f1ea !important;
	color: #0b3448 !important;
}

.rd-navbar-submenu .sub-menu li a:hover:after {
	opacity: 1;
}

/* Actif */
.rd-navbar-submenu .sub-menu li a.is-active,
.rd-navbar-submenu .sub-menu li a.active {
	background: #0b3448 !important;
	color: #ffffff !important;
}

.rd-navbar-submenu .sub-menu li a.is-active:after,
.rd-navbar-submenu .sub-menu li a.active:after {
	opacity: 1;
	color: #c49b6c;
}

.toju-owner-target {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-owner-target-box {
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: 34px;
	align-items: stretch;
}

.toju-owner-target-left {
	background: #0b3448;
	border-radius: 30px;
	padding: 48px 42px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 22px 58px rgba(11, 52, 72, 0.14);
}

.toju-owner-target-left:before {
	content: "";
	position: absolute;
	top: -90px;
	right: -90px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.16);
}

.toju-owner-target-left > * {
	position: relative;
	z-index: 2;
}

.toju-owner-target-left h2 {
	color: #ffffff;
	font-size: 42px;
	line-height: 1.08;
	margin-bottom: 22px;
	letter-spacing: -0.5px;
}

.toju-owner-target-left p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 30px;
}

.toju-owner-target-right {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.toju-owner-target-item {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 18px;
	align-items: center;
	background: #ffffff;
	border-radius: 20px;
	padding: 20px 24px;
	border: 1px solid rgba(196, 155, 108, 0.16);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-owner-target-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 42px rgba(11, 52, 72, 0.1);
	border-color: rgba(196, 155, 108, 0.38);
}

.toju-owner-target-item span {
	width: 54px;
	height: 54px;
	border-radius: 17px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 900;
}

.toju-owner-target-item p {
	color: #0b3448;
	font-size: 16px;
	line-height: 1.55;
	font-weight: 800;
	margin: 0;
}

@media (max-width: 991px) {
	.toju-owner-target-box {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.toju-owner-target {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.toju-owner-target-left {
		padding: 38px 24px;
		border-radius: 24px;
	}

	.toju-owner-target-left h2 {
		font-size: 31px;
	}

	.toju-owner-target-left p {
		font-size: 15px;
	}

	.toju-owner-target-item {
		grid-template-columns: 44px 1fr;
		gap: 14px;
		padding: 17px 16px;
		border-radius: 18px;
	}

	.toju-owner-target-item span {
		width: 44px;
		height: 44px;
		border-radius: 14px;
		font-size: 14px;
	}

	.toju-owner-target-item p {
		font-size: 14px;
	}
}


.toju-services-clean-head {
	max-width: 820px;
	margin: 0 auto 48px;
}

.toju-services-clean-head h2 {
	color: #0b3448 !important;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 16px;
	letter-spacing: -0.6px;
}

.toju-services-clean-head p {
	color: #52615c !important;
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
	font-weight: 600;
}

/* GRILLE */
.toju-services-clean-grid {
	display: grid !important;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 26px;
	align-items: stretch;
}

/* COLONNE GAUCHE */
.toju-services-clean-left {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 18px;
}

/* CARTES SERVICES */
.toju-service-focus-card {
	background: #ffffff !important;
	border-radius: 24px !important;
	padding: 30px !important;
	border: 1px solid rgba(196, 155, 108, 0.16) !important;
	box-shadow: 0 16px 38px rgba(11, 52, 72, 0.06) !important;
	min-height: 245px;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	opacity: 1 !important;
}

.toju-service-focus-card.active {
	background: #0b3448 !important;
	border-color: #0b3448 !important;
	box-shadow: 0 20px 48px rgba(11, 52, 72, 0.18) !important;
}

.toju-service-focus-top {
	display: grid !important;
	grid-template-columns: 58px 1fr;
	gap: 18px;
	align-items: center;
	margin-bottom: 18px;
}

.toju-service-line-icon {
	width: 58px !important;
	height: 58px !important;
	border-radius: 18px !important;
	background: #f3f1ea !important;
	color: #c49b6c !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

.toju-service-focus-card.active .toju-service-line-icon {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #c49b6c !important;
}

.toju-service-focus-top span {
	display: block;
	color: #c49b6c !important;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 6px;
}

.toju-service-focus-card h3 {
	color: #0b3448 !important;
	font-size: 25px;
	line-height: 1.12;
	margin: 0;
	font-weight: 900;
}

.toju-service-focus-card p {
	color: #52615c !important;
	font-size: 15px;
	line-height: 1.65;
	margin: 0 0 22px;
	font-weight: 600;
}

.toju-service-focus-card ul {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 9px 12px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.toju-service-focus-card ul li {
	position: relative;
	color: #0b3448 !important;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 850;
	padding-left: 18px;
	margin: 0 !important;
}

.toju-service-focus-card ul li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #c49b6c;
	font-weight: 900;
}

.toju-service-focus-card.active h3 {
	color: #ffffff !important;
}

.toju-service-focus-card.active p {
	color: rgba(255, 255, 255, 0.82) !important;
}

.toju-service-focus-card.active ul li {
	color: rgba(255, 255, 255, 0.9) !important;
}

/* COLONNE DROITE */
.toju-services-clean-right {
	background: #ffffff !important;
	border-radius: 26px !important;
	padding: 38px 36px !important;
	border: 1px solid rgba(196, 155, 108, 0.16) !important;
	box-shadow: 0 16px 38px rgba(11, 52, 72, 0.06) !important;
	opacity: 1 !important;
}

.toju-services-clean-right h3 {
	color: #0b3448 !important;
	font-size: 34px;
	line-height: 1.12;
	margin-bottom: 26px;
	font-weight: 900;
	letter-spacing: -0.4px;
}

.toju-owner-mini-list {
	display: grid !important;
	gap: 0;
	margin-bottom: 30px;
}

.toju-owner-mini-list div {
	display: grid !important;
	grid-template-columns: 38px 1fr;
	gap: 14px;
	align-items: center;
	padding: 14px 0;
	border-bottom: 1px solid rgba(11, 52, 72, 0.08);
}

.toju-owner-mini-list div:last-child {
	border-bottom: 0;
}

.toju-owner-mini-list span {
	width: 38px;
	height: 38px;
	border-radius: 13px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 900;
}

.toju-owner-mini-list p {
	color: #0b3448 !important;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 800;
	margin: 0 !important;
}

/* BARRE ENGAGEMENTS */
.toju-services-clean-proof {
	margin-top: 28px;
	background: #0b3448 !important;
	border-radius: 22px;
	padding: 18px 22px;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	box-shadow: 0 18px 42px rgba(11, 52, 72, 0.14);
}

.toju-proof-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 850;
	text-align: center;
	padding: 8px;
}

.toju-proof-item i {
	color: #c49b6c !important;
	font-size: 16px;
}

.toju-proof-item span {
	color: #ffffff !important;
}

/* RESPONSIVE */
@media (max-width: 991px) {
	.toju-services-clean-grid {
		grid-template-columns: 1fr !important;
	}

	.toju-services-clean-proof {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.toju-services-clean {
		padding-top: 70px;
		padding-bottom: 75px;
	}

	.toju-services-clean-head {
		margin-bottom: 34px;
	}

	.toju-services-clean-head h2 {
		font-size: 32px;
	}

	.toju-service-focus-card {
		min-height: auto;
		padding: 24px 20px !important;
	}

	.toju-service-focus-top {
		grid-template-columns: 48px 1fr;
		gap: 15px;
	}

	.toju-service-line-icon {
		width: 48px !important;
		height: 48px !important;
		border-radius: 15px !important;
		font-size: 17px;
	}

	.toju-service-focus-card h3 {
		font-size: 21px;
	}

	.toju-service-focus-card p {
		font-size: 14px;
	}

	.toju-service-focus-card ul {
		grid-template-columns: 1fr;
	}

	.toju-services-clean-right {
		padding: 30px 22px !important;
		border-radius: 24px !important;
	}

	.toju-services-clean-right h3 {
		font-size: 27px;
	}

	.toju-services-clean-proof {
		grid-template-columns: 1fr;
		padding: 16px;
	}
}

.toju-inline-link-light {
	color: rgba(255, 255, 255, 0.92) !important;
	font-weight: 800;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(196, 155, 108, 0.55);
	transition: color 0.25s ease, border-color 0.25s ease;
}

.toju-inline-link-light:hover {
	color: #c49b6c !important;
	border-color: #c49b6c;
	text-decoration: none !important;
}

.toju-process-roadmap .section-title h2 {
	color: #ffffff;
}

.toju-process-roadmap .toju-section-intro {
	color: rgba(255, 255, 255, 0.78);
}

.toju-roadmap-wrap {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	display: grid;
	gap: 22px;
}

.toju-roadmap-line {
	position: absolute;
	left: 38px;
	top: 18px;
	bottom: 18px;
	width: 2px;
	background: linear-gradient(
		180deg,
		rgba(196, 155, 108, 0.1),
		rgba(196, 155, 108, 0.8),
		rgba(196, 155, 108, 0.1)
	);
	z-index: 1;
}

.toju-roadmap-item {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 76px 1fr;
	gap: 26px;
	align-items: stretch;
}

.toju-roadmap-number {
	width: 76px;
	height: 76px;
	border-radius: 24px;
	background: #c49b6c;
	color: #0b3448;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 950;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
	border: 6px solid #0b3448;
}

.toju-roadmap-content {
	background: rgba(255, 255, 255, 0.96);
	border-radius: 24px;
	padding: 26px 32px;
	border: 1px solid rgba(196, 155, 108, 0.2);
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.14);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.toju-roadmap-item:hover .toju-roadmap-content {
	transform: translateX(6px);
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.2);
}

.toju-roadmap-content span {
	display: inline-flex;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.toju-roadmap-content h3 {
	color: #0b3448;
	font-size: 26px;
	line-height: 1.15;
	margin-bottom: 10px;
	font-weight: 950;
}

.toju-roadmap-content p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
	font-weight: 650;
	max-width: 760px;
}

@media (min-width: 992px) {
	.toju-roadmap-item:nth-child(odd) .toju-roadmap-content {
		margin-right: 70px;
	}

	.toju-roadmap-item:nth-child(even) .toju-roadmap-content {
		margin-left: 70px;
	}
}

@media (max-width: 767px) {
	.toju-process-roadmap {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-roadmap-wrap {
		gap: 18px;
	}

	.toju-roadmap-line {
		left: 27px;
	}

	.toju-roadmap-item {
		grid-template-columns: 56px 1fr;
		gap: 16px;
	}

	.toju-roadmap-number {
		width: 56px;
		height: 56px;
		border-radius: 18px;
		font-size: 18px;
		border-width: 4px;
	}

	.toju-roadmap-content {
		padding: 22px 20px;
		border-radius: 20px;
	}

	.toju-roadmap-content h3 {
		font-size: 21px;
	}

	.toju-roadmap-content p {
		font-size: 14px;
	}
}

.toju-roadmap-line {
	position: absolute;
	left: 38px;
	top: 18px;
	bottom: 18px;
	width: 2px;
	background: rgba(196, 155, 108, 0.18);
	z-index: 1;
	overflow: hidden;
}

.toju-roadmap-line:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		180deg,
		rgba(196, 155, 108, 0.15),
		rgba(196, 155, 108, 0.95),
		rgba(196, 155, 108, 0.25)
	);
	transform: scaleY(0);
	transform-origin: top;
	animation: tojuRoadmapLineDraw 1.8s ease forwards;
	animation-delay: 0.35s;
}

@keyframes tojuRoadmapLineDraw {
	from {
		transform: scaleY(0);
	}
	to {
		transform: scaleY(1);
	}
}

.toju-roadmap-item {
	opacity: 0;
	transform: translateY(24px);
	animation: tojuRoadmapItemIn 0.7s ease forwards;
}

.toju-roadmap-item:nth-of-type(2) {
	animation-delay: 0.25s;
}

.toju-roadmap-item:nth-of-type(3) {
	animation-delay: 0.55s;
}

.toju-roadmap-item:nth-of-type(4) {
	animation-delay: 0.85s;
}

.toju-roadmap-item:nth-of-type(5) {
	animation-delay: 1.15s;
}

@keyframes tojuRoadmapItemIn {
	from {
		opacity: 0;
		transform: translateY(24px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@media (max-width: 767px) {
	.toju-roadmap-line {
		left: 27px;
	}
}

/* Langue active en blanc - version Drupal précise */
#block-drupalet-ygency-selecteurdelangue .language-switcher-wrapper span.is-active > a,
#block-drupalet-ygency-selecteurdelangue .language-switcher-wrapper span[aria-current="page"] > a,
#block-drupalet-ygency-selecteurdelangue .language-switcher-wrapper .nav-link.is-active > a,
#block-drupalet-ygency-selecteurdelangue .language-switcher-wrapper .nav-link[aria-current="page"] > a {
	color: #ffffff !important;
}

.toju-airbnb-pro-hero {
	background: #0b3448;
	position: relative;
	overflow: hidden;
}

.toju-airbnb-pro-hero:before {
	content: "";
	position: absolute;
	right: -160px;
	top: -160px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.12);
}

.toju-airbnb-pro-hero-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: 74px;
	align-items: center;
}

.toju-airbnb-pro-hero-content h1 {
	color: #ffffff;
	font-size: 60px;
	line-height: 1.02;
	letter-spacing: -1.2px;
	margin-bottom: 26px;
	max-width: 720px;
}

.toju-airbnb-pro-hero-content p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 18px;
	line-height: 1.75;
	max-width: 680px;
	margin-bottom: 34px;
	font-weight: 650;
}

.toju-airbnb-pro-hero-actions {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.toju-airbnb-secondary-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, 0.82) !important;
	font-size: 15px;
	font-weight: 900;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(196, 155, 108, 0.55);
	transition: color 0.25s ease, border-color 0.25s ease;
}

.toju-airbnb-secondary-link:hover {
	color: #c49b6c !important;
	border-color: #c49b6c;
}

.toju-airbnb-pro-hero-visual {
	position: relative;
	padding: 34px 34px 58px;
}

.toju-airbnb-pro-hero-image {
	position: relative;
	border-radius: 34px;
	overflow: hidden;
	box-shadow: 0 34px 85px rgba(0, 0, 0, 0.3);
}

.toju-airbnb-pro-hero-image:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(11, 52, 72, 0.04) 0%,
		rgba(11, 52, 72, 0.35) 100%
	);
}

.toju-airbnb-pro-hero-image img {
	display: block;
	width: 100%;
	height: 430px;
	object-fit: cover;
}

.toju-airbnb-pro-hero-floating {
	position: absolute;
	left: 0;
	bottom: 18px;
	background: #ffffff;
	border-radius: 26px;
	padding: 24px 28px;
	width: 230px;
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-airbnb-pro-hero-floating span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.toju-airbnb-pro-hero-floating strong {
	display: block;
	color: #0b3448;
	font-size: 58px;
	line-height: 0.9;
	font-weight: 950;
}

.toju-airbnb-pro-hero-floating small {
	color: #52615c;
	font-size: 14px;
	font-weight: 750;
}

.toju-airbnb-pro-hero-checklist {
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 24px;
	padding: 18px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-airbnb-pro-hero-checklist div {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #0b3448;
	font-size: 14px;
	font-weight: 900;
	white-space: nowrap;
}

.toju-airbnb-pro-hero-checklist i {
	color: #c49b6c;
}

@media (max-width: 991px) {
	.toju-airbnb-pro-hero-grid {
		grid-template-columns: 1fr;
		gap: 46px;
	}

	.toju-airbnb-pro-hero-visual {
		padding: 0 0 72px;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-pro-hero {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.toju-airbnb-pro-hero-content h1 {
		font-size: 38px;
	}

	.toju-airbnb-pro-hero-content p {
		font-size: 16px;
	}

	.toju-airbnb-pro-hero-image img {
		height: 310px;
	}

	.toju-airbnb-pro-hero-floating {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		margin-top: 16px;
	}

	.toju-airbnb-pro-hero-checklist {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 14px;
		grid-template-columns: 1fr 1fr;
	}
}

.toju-airbnb-pro-included {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-airbnb-pro-head {
	max-width: 840px;
	margin: 0 auto 50px;
}

.toju-airbnb-pro-head h2 {
	color: #0b3448;
	font-size: 44px;
	line-height: 1.1;
	margin-bottom: 16px;
	font-weight: 950;
	letter-spacing: -0.6px;
}

.toju-airbnb-pro-head p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 650;
	margin: 0;
}

.toju-airbnb-pro-included-grid {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
	align-items: stretch;
}

.toju-airbnb-pro-included-card {
	position: relative;
	border-radius: 30px;
	padding: 40px 38px;
	box-shadow: 0 18px 46px rgba(11, 52, 72, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.18);
	min-height: 100%;
}

.toju-airbnb-pro-included-card.dark {
	background: #0b3448;
}

.toju-airbnb-pro-included-card.light {
	background: #ffffff;
}

.toju-airbnb-pro-card-top span {
	display: inline-flex;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.toju-airbnb-pro-card-top h3 {
	font-size: 32px;
	line-height: 1.12;
	margin-bottom: 24px;
	font-weight: 950;
	letter-spacing: -0.3px;
}

.toju-airbnb-pro-included-card.dark h3 {
	color: #ffffff;
}

.toju-airbnb-pro-included-card.light h3 {
	color: #0b3448;
}

.toju-airbnb-pro-included-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 13px;
}

.toju-airbnb-pro-included-card li {
	position: relative;
	padding-left: 24px;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 800;
}

.toju-airbnb-pro-included-card li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #c49b6c;
	font-weight: 950;
}

.toju-airbnb-pro-included-card.dark li {
	color: rgba(255, 255, 255, 0.88);
}

.toju-airbnb-pro-included-card.light li {
	color: #0b3448;
}

.toju-airbnb-pro-included-card.light p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 650;
	margin: 24px 0 0;
	padding-top: 22px;
	border-top: 1px solid rgba(11, 52, 72, 0.08);
}

.toju-airbnb-pro-center-badge {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	background: #c49b6c;
	color: #0b3448;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 18px 42px rgba(11, 52, 72, 0.18);
	border: 7px solid #f3f1ea;
}

.toju-airbnb-pro-center-badge strong {
	display: block;
	font-size: 31px;
	line-height: 1;
	font-weight: 950;
}

.toju-airbnb-pro-center-badge span {
	display: block;
	max-width: 82px;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 950;
	text-transform: uppercase;
	margin-top: 5px;
	letter-spacing: 0.3px;
}

.toju-airbnb-pro-included-note {
	max-width: 900px;
	margin: 30px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: rgba(255, 255, 255, 0.75);
	border: 1px solid rgba(196, 155, 108, 0.18);
	border-radius: 999px;
	padding: 14px 22px;
	color: #52615c;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 750;
	text-align: center;
	box-shadow: 0 12px 30px rgba(11, 52, 72, 0.05);
}

.toju-airbnb-pro-included-note i {
	color: #c49b6c;
	font-size: 16px;
	flex-shrink: 0;
}

.toju-airbnb-pro-included-note span {
	display: inline-block;
}

@media (max-width: 991px) {
	.toju-airbnb-pro-included-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.toju-airbnb-pro-center-badge {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		margin: -4px auto;
		width: 108px;
		height: 108px;
	}

	.toju-airbnb-pro-included-note {
		border-radius: 22px;
		align-items: flex-start;
		text-align: left;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-pro-included {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-airbnb-pro-head {
		margin-bottom: 36px;
	}

	.toju-airbnb-pro-head h2 {
		font-size: 32px;
	}

	.toju-airbnb-pro-head p {
		font-size: 15px;
	}

	.toju-airbnb-pro-included-card {
		padding: 32px 24px;
		border-radius: 24px;
	}

	.toju-airbnb-pro-card-top h3 {
		font-size: 26px;
	}

	.toju-airbnb-pro-included-card li {
		font-size: 14px;
	}

	.toju-airbnb-pro-center-badge {
		width: 100px;
		height: 100px;
		border-width: 6px;
	}

	.toju-airbnb-pro-center-badge strong {
		font-size: 28px;
	}

	.toju-airbnb-pro-center-badge span {
		font-size: 9px;
	}

	.toju-airbnb-pro-included-note {
		padding: 14px 16px;
		font-size: 13px;
	}
}
.toju-airbnb-pro-stay {
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

.toju-airbnb-pro-stay-head {
	max-width: 820px;
	margin: 0 auto 54px;
}

.toju-airbnb-pro-stay-head h2 {
	color: #0b3448 !important;
	font-size: 44px;
	line-height: 1.1;
	margin-bottom: 16px;
	font-weight: 950;
	letter-spacing: -0.5px;
}

.toju-airbnb-pro-stay-head p {
	color: #52615c !important;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 650;
	margin: 0;
}

.toju-airbnb-pro-stay-box {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 58px;
	align-items: center;
}

.toju-airbnb-pro-stay-visual {
	position: relative;
}

.toju-airbnb-pro-stay-visual img {
	display: block !important;
	width: 100% !important;
	height: 520px !important;
	object-fit: cover !important;
	border-radius: 32px !important;
	box-shadow: 0 26px 70px rgba(11, 52, 72, 0.16);
}

.toju-airbnb-pro-stay-visual-note {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	background: rgba(255, 255, 255, 0.94);
	border-radius: 22px;
	padding: 20px 22px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-airbnb-pro-stay-visual-note strong {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 6px;
}

.toju-airbnb-pro-stay-visual-note span {
	display: block;
	color: #0b3448;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 850;
}

.toju-airbnb-pro-stay-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
}

.toju-airbnb-pro-stay-step {
	display: grid !important;
	grid-template-columns: 64px 1fr !important;
	gap: 20px !important;
	align-items: flex-start !important;
	background: #f3f1ea;
	border-radius: 24px;
	padding: 26px 28px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-airbnb-pro-stay-step:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 46px rgba(11, 52, 72, 0.1);
	border-color: rgba(196, 155, 108, 0.36);
}

.toju-airbnb-pro-stay-number {
	width: 64px !important;
	height: 64px !important;
	min-width: 64px !important;
	border-radius: 20px;
	background: #0b3448;
	color: #ffffff;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 20px;
	font-weight: 950;
	line-height: 1;
	box-shadow: 0 12px 28px rgba(11, 52, 72, 0.14);
}

.toju-airbnb-pro-stay-content {
	min-width: 0 !important;
	width: 100% !important;
}

.toju-airbnb-pro-stay-content span {
	display: inline-flex !important;
	color: #c49b6c !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
	line-height: 1.2;
}

.toju-airbnb-pro-stay-content h3 {
	color: #0b3448 !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	margin: 0 0 10px !important;
	font-weight: 950 !important;
	letter-spacing: -0.2px;
}

.toju-airbnb-pro-stay-content p {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	color: #52615c !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
	font-weight: 650 !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-align: left !important;
}

@media (max-width: 991px) {
	.toju-airbnb-pro-stay-box {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.toju-airbnb-pro-stay-visual img {
		height: 420px !important;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-pro-stay {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-airbnb-pro-stay-head {
		margin-bottom: 34px;
	}

	.toju-airbnb-pro-stay-head h2 {
		font-size: 32px;
	}

	.toju-airbnb-pro-stay-head p {
		font-size: 15px;
	}

	.toju-airbnb-pro-stay-visual img {
		height: 300px !important;
		border-radius: 24px !important;
	}

	.toju-airbnb-pro-stay-visual-note {
		position: static;
		margin-top: 16px;
		border-radius: 20px;
	}

	.toju-airbnb-pro-stay-step {
		grid-template-columns: 48px 1fr !important;
		gap: 15px !important;
		padding: 22px 18px;
		border-radius: 20px;
	}

	.toju-airbnb-pro-stay-number {
		width: 48px !important;
		height: 48px !important;
		min-width: 48px !important;
		border-radius: 16px;
		font-size: 16px;
	}

	.toju-airbnb-pro-stay-content h3 {
		font-size: 21px !important;
	}

	.toju-airbnb-pro-stay-content p {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
}
.toju-airbnb-case {
	background: #0b3448;
	position: relative;
	overflow: hidden;
}

.toju-airbnb-case:before {
	content: "";
	position: absolute;
	top: -180px;
	left: -160px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.12);
}

.toju-airbnb-case:after {
	content: "";
	position: absolute;
	right: -180px;
	bottom: -180px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.toju-airbnb-case .container {
	position: relative;
	z-index: 2;
}

.toju-airbnb-case-head {
	max-width: 850px;
	margin: 0 auto 56px;
}

.toju-airbnb-case-head h2 {
	color: #ffffff;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 16px;
	font-weight: 950;
	letter-spacing: -0.6px;
}

.toju-airbnb-case-head p {
	color: rgba(255, 255, 255, 0.76);
	font-size: 16px;
	line-height: 1.7;
	font-weight: 650;
	margin: 0;
}

.toju-airbnb-case-grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 42px;
	align-items: stretch;
	margin-bottom: 34px;
}

.toju-airbnb-case-left {
	position: relative;
	border-radius: 34px;
	overflow: hidden;
	min-height: 430px;
	box-shadow: 0 30px 75px rgba(0, 0, 0, 0.26);
}

.toju-airbnb-case-left img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
}

.toju-airbnb-case-left:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(11, 52, 72, 0) 0%,
		rgba(11, 52, 72, 0.78) 100%
	);
	z-index: 1;
}

.toju-airbnb-case-photo-card {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	z-index: 2;
	background: rgba(255, 255, 255, 0.94);
	border-radius: 24px;
	padding: 22px 24px;
	border: 1px solid rgba(196, 155, 108, 0.22);
	box-shadow: 0 20px 46px rgba(0, 0, 0, 0.18);
}

.toju-airbnb-case-photo-card span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 6px;
}

.toju-airbnb-case-photo-card strong {
	display: block;
	color: #0b3448;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 950;
	margin-bottom: 6px;
}

.toju-airbnb-case-photo-card small {
	display: block;
	color: #52615c;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 750;
}

.toju-airbnb-case-right {
	background: rgba(255, 255, 255, 0.96);
	border-radius: 34px;
	padding: 42px 40px;
	border: 1px solid rgba(196, 155, 108, 0.22);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.18);
}

.toju-airbnb-case-summary span,
.toju-airbnb-case-result-main span {
	display: inline-flex;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.toju-airbnb-case-summary h3 {
	color: #0b3448;
	font-size: 35px;
	line-height: 1.1;
	font-weight: 950;
	letter-spacing: -0.4px;
	margin-bottom: 16px;
}

.toju-airbnb-case-summary p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0 0 30px;
}

.toju-airbnb-case-facts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.toju-airbnb-case-facts div {
	background: #f3f1ea;
	border-radius: 18px;
	padding: 18px;
	border: 1px solid rgba(196, 155, 108, 0.16);
}

.toju-airbnb-case-facts strong {
	display: block;
	color: #c49b6c;
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 6px;
}

.toju-airbnb-case-facts span {
	display: block;
	color: #0b3448;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 850;
}

.toju-airbnb-case-plan {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(196, 155, 108, 0.22);
	border-radius: 34px;
	padding: 38px;
	margin-bottom: 28px;
}

.toju-airbnb-case-plan-title {
	display: grid;
	grid-template-columns: 0.75fr 1.25fr;
	gap: 28px;
	align-items: end;
	margin-bottom: 30px;
}

.toju-airbnb-case-plan-title h3 {
	color: #ffffff;
	font-size: 38px;
	line-height: 1.08;
	font-weight: 950;
	letter-spacing: -0.5px;
	margin: 0;
}

.toju-airbnb-case-plan-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.toju-airbnb-case-step {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 18px;
	align-items: flex-start;
	background: rgba(255, 255, 255, 0.92);
	border-radius: 22px;
	padding: 24px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.toju-airbnb-case-step:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 46px rgba(0, 0, 0, 0.16);
}

.toju-airbnb-case-step > span {
	width: 54px;
	height: 54px;
	border-radius: 17px;
	background: #0b3448;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 950;
	box-shadow: 0 12px 26px rgba(11, 52, 72, 0.14);
}

.toju-airbnb-case-step h4 {
	color: #0b3448;
	font-size: 20px;
	line-height: 1.15;
	margin: 0 0 8px;
	font-weight: 950;
}

.toju-airbnb-case-step p {
	color: #52615c;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

.toju-airbnb-case-result {
	background: #ffffff;
	border-radius: 30px;
	padding: 34px 36px;
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 34px;
	align-items: center;
	border: 1px solid rgba(196, 155, 108, 0.2);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.toju-airbnb-case-result-main h3 {
	color: #0b3448;
	font-size: 34px;
	line-height: 1.1;
	font-weight: 950;
	letter-spacing: -0.4px;
	margin: 0;
}

.toju-airbnb-case-result-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.toju-airbnb-case-result-items div {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #f3f1ea;
	border-radius: 16px;
	padding: 14px 15px;
	border: 1px solid rgba(196, 155, 108, 0.16);
}

.toju-airbnb-case-result-items i {
	color: #c49b6c;
	font-size: 14px;
}

.toju-airbnb-case-result-items p {
	color: #0b3448;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 850;
	margin: 0;
}

.toju-airbnb-case-disclaimer {
	max-width: 900px;
	margin: 26px auto 0;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.2);
	border-radius: 22px;
	padding: 18px 22px;
}

.toju-airbnb-case-disclaimer i {
	color: #c49b6c;
	font-size: 16px;
	margin-top: 3px;
}

.toju-airbnb-case-disclaimer p {
	color: rgba(255, 255, 255, 0.76);
	font-size: 14px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

@media (max-width: 991px) {
	.toju-airbnb-case-grid,
	.toju-airbnb-case-plan-title,
	.toju-airbnb-case-result {
		grid-template-columns: 1fr;
	}

	.toju-airbnb-case-plan-list {
		grid-template-columns: 1fr;
	}

	.toju-airbnb-case-left {
		min-height: 420px;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-case {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-airbnb-case-head {
		margin-bottom: 36px;
	}

	.toju-airbnb-case-head h2,
	.toju-airbnb-case-plan-title h3,
	.toju-airbnb-case-result-main h3 {
		font-size: 31px;
	}

	.toju-airbnb-case-head p {
		font-size: 15px;
	}

	.toju-airbnb-case-left {
		min-height: 320px;
		border-radius: 24px;
	}

	.toju-airbnb-case-photo-card {
		position: static;
		margin: 16px 0 0;
		border-radius: 20px;
	}

	.toju-airbnb-case-right,
	.toju-airbnb-case-plan,
	.toju-airbnb-case-result {
		padding: 30px 22px;
		border-radius: 24px;
	}

	.toju-airbnb-case-summary h3 {
		font-size: 27px;
	}

	.toju-airbnb-case-facts,
	.toju-airbnb-case-result-items {
		grid-template-columns: 1fr;
	}

	.toju-airbnb-case-step {
		grid-template-columns: 44px 1fr;
		gap: 14px;
		padding: 18px 16px;
	}

	.toju-airbnb-case-step > span {
		width: 44px;
		height: 44px;
		border-radius: 14px;
		font-size: 14px;
	}
}

.toju-airbnb-pro-control:before {
	content: "";
	position: absolute;
	left: -180px;
	top: -180px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.1);
}

.toju-airbnb-pro-control:after {
	content: "";
	position: absolute;
	right: -160px;
	bottom: -160px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.06);
}

.toju-airbnb-pro-control .container {
	position: relative;
	z-index: 2;
}

.toju-airbnb-pro-control-shell {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 0;
	background: #ffffff;
	border-radius: 36px;
	overflow: hidden;
	box-shadow: 0 28px 80px rgba(11, 52, 72, 0.1);
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-airbnb-pro-control-left {
	background: #0b3448;
	padding: 58px 52px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.toju-airbnb-pro-control-left:before {
	content: "";
	position: absolute;
	right: -100px;
	top: -100px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-airbnb-pro-control-left > * {
	position: relative;
	z-index: 2;
}

.toju-airbnb-pro-control-left h2 {
	color: #ffffff;
	font-size: 48px;
	line-height: 1.05;
	margin-bottom: 24px;
	font-weight: 950;
	letter-spacing: -0.8px;
}

.toju-airbnb-pro-control-left p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	line-height: 1.78;
	font-weight: 650;
	margin: 0 0 34px;
	max-width: 620px;
}

.toju-airbnb-pro-control-statement {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.26);
	border-radius: 24px;
	padding: 24px 26px;
}

.toju-airbnb-pro-control-statement span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.toju-airbnb-pro-control-statement strong {
	display: block;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 900;
}

.toju-airbnb-pro-control-right {
	padding: 42px 46px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

.toju-airbnb-pro-control-line {
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 20px;
	align-items: flex-start;
	padding: 26px 0;
	border-bottom: 1px solid rgba(11, 52, 72, 0.09);
	transition: transform 0.25s ease;
}

.toju-airbnb-pro-control-line:first-child {
	padding-top: 0;
}

.toju-airbnb-pro-control-line:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.toju-airbnb-pro-control-line:hover {
	transform: translateX(5px);
}

.toju-airbnb-pro-control-icon {
	width: 58px;
	height: 58px;
	border-radius: 18px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-airbnb-pro-control-line span {
	display: inline-flex;
	color: #c49b6c;
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	margin-bottom: 6px;
}

.toju-airbnb-pro-control-line h3 {
	color: #0b3448;
	font-size: 23px;
	line-height: 1.16;
	margin: 0 0 8px;
	font-weight: 950;
	letter-spacing: -0.2px;
}

.toju-airbnb-pro-control-line p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
	max-width: 620px;
}

@media (max-width: 991px) {
	.toju-airbnb-pro-control-shell {
		grid-template-columns: 1fr;
	}

	.toju-airbnb-pro-control-left {
		padding: 46px 36px;
	}

	.toju-airbnb-pro-control-right {
		padding: 36px;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-pro-control {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-airbnb-pro-control-shell {
		border-radius: 26px;
	}

	.toju-airbnb-pro-control-left {
		padding: 38px 24px;
	}

	.toju-airbnb-pro-control-left h2 {
		font-size: 33px;
	}

	.toju-airbnb-pro-control-left p {
		font-size: 15px;
	}

	.toju-airbnb-pro-control-statement {
		padding: 20px;
		border-radius: 20px;
	}

	.toju-airbnb-pro-control-statement strong {
		font-size: 17px;
	}

	.toju-airbnb-pro-control-right {
		padding: 28px 22px;
	}

	.toju-airbnb-pro-control-line {
		grid-template-columns: 46px 1fr;
		gap: 15px;
		padding: 22px 0;
	}

	.toju-airbnb-pro-control-icon {
		width: 46px;
		height: 46px;
		border-radius: 15px;
		font-size: 16px;
	}

	.toju-airbnb-pro-control-line h3 {
		font-size: 19px;
	}

	.toju-airbnb-pro-control-line p {
		font-size: 14px;
	}
}

.toju-airbnb-pro-local {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-airbnb-pro-local:before {
	content: "";
	position: absolute;
	left: -160px;
	bottom: -160px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.1);
}

.toju-airbnb-pro-local:after {
	content: "";
	position: absolute;
	right: -150px;
	top: -150px;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.06);
}

.toju-airbnb-pro-local .container {
	position: relative;
	z-index: 2;
}

.toju-airbnb-pro-local-grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 42px;
	align-items: stretch;
}

.toju-airbnb-pro-local-left {
	background: #0b3448;
	border-radius: 34px;
	padding: 48px 44px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 24px 65px rgba(11, 52, 72, 0.16);
}

.toju-airbnb-pro-local-left:before {
	content: "";
	position: absolute;
	right: -90px;
	top: -90px;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-airbnb-pro-local-left > * {
	position: relative;
	z-index: 2;
}

.toju-airbnb-pro-local-left h2 {
	color: #ffffff;
	font-size: 44px;
	line-height: 1.08;
	margin-bottom: 22px;
	font-weight: 950;
	letter-spacing: -0.6px;
}

.toju-airbnb-pro-local-left p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	line-height: 1.78;
	font-weight: 650;
	margin: 0 0 32px;
}

.toju-airbnb-pro-local-cta {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #0b3448 !important;
	background: #ffffff;
	border-radius: 999px;
	padding: 15px 22px;
	font-size: 14px;
	font-weight: 950;
	text-decoration: none !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
	transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.toju-airbnb-pro-local-cta i {
	color: #c49b6c;
}

.toju-airbnb-pro-local-cta:hover {
	background: #c49b6c;
	color: #0b3448 !important;
	transform: translateY(-2px);
	text-decoration: none !important;
}

.toju-airbnb-pro-local-cta:hover i {
	color: #0b3448;
}

.toju-airbnb-pro-local-right {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.toju-airbnb-pro-local-city {
	display: grid;
	grid-template-columns: 52px 1fr 34px;
	gap: 18px;
	align-items: center;
	background: #ffffff;
	border-radius: 24px;
	padding: 22px 24px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 36px rgba(11, 52, 72, 0.06);
	text-decoration: none !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.toju-airbnb-pro-local-city:hover {
	transform: translateX(6px);
	box-shadow: 0 20px 48px rgba(11, 52, 72, 0.12);
	border-color: rgba(196, 155, 108, 0.4);
	background: #fffaf4;
	text-decoration: none !important;
}

.toju-airbnb-pro-local-city > span {
	width: 52px;
	height: 52px;
	border-radius: 17px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 950;
	border: 1px solid rgba(196, 155, 108, 0.2);
}

.toju-airbnb-pro-local-city h3 {
	color: #0b3448;
	font-size: 22px;
	line-height: 1.15;
	margin: 0 0 7px;
	font-weight: 950;
}

.toju-airbnb-pro-local-city p {
	color: #52615c;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 650;
	margin: 0;
}

.toju-airbnb-pro-local-city > i {
	color: #c49b6c;
	font-size: 17px;
	justify-self: end;
	transition: transform 0.25s ease;
}

.toju-airbnb-pro-local-city:hover > i {
	transform: translateX(4px);
}

@media (max-width: 991px) {
	.toju-airbnb-pro-local-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-pro-local {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-airbnb-pro-local-left {
		padding: 38px 24px;
		border-radius: 26px;
	}

	.toju-airbnb-pro-local-left h2 {
		font-size: 32px;
	}

	.toju-airbnb-pro-local-left p {
		font-size: 15px;
	}

	.toju-airbnb-pro-local-cta {
		width: 100%;
		justify-content: center;
		text-align: center;
		padding: 15px 18px;
	}

	.toju-airbnb-pro-local-city {
		grid-template-columns: 44px 1fr;
		gap: 14px;
		padding: 20px 18px;
		border-radius: 20px;
	}

	.toju-airbnb-pro-local-city > span {
		width: 44px;
		height: 44px;
		border-radius: 14px;
		font-size: 13px;
	}

	.toju-airbnb-pro-local-city h3 {
		font-size: 19px;
	}

	.toju-airbnb-pro-local-city p {
		font-size: 13px;
	}

	.toju-airbnb-pro-local-city > i {
		display: none;
	}
}
.toju-airbnb-pro-faq {
	background: #f3f1ea;
	position: relative;
	overflow: hidden;
}

.toju-airbnb-pro-faq:before {
	content: "";
	position: absolute;
	left: -160px;
	top: -160px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.1);
}

.toju-airbnb-pro-faq:after {
	content: "";
	position: absolute;
	right: -160px;
	bottom: -160px;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.06);
}

.toju-airbnb-pro-faq .container {
	position: relative;
	z-index: 2;
}

.toju-airbnb-pro-faq-head {
	max-width: 860px;
	margin: 0 auto 48px;
}

.toju-airbnb-pro-faq-head h2 {
	color: #0b3448;
	font-size: 44px;
	line-height: 1.1;
	margin-bottom: 16px;
	font-weight: 950;
	letter-spacing: -0.6px;
}

.toju-airbnb-pro-faq-head p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 650;
	margin: 0;
}

.toju-airbnb-pro-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	max-width: 1080px;
	margin: 0 auto;
}

.toju-airbnb-pro-faq-item {
	background: #ffffff;
	border-radius: 22px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-airbnb-pro-faq-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 46px rgba(11, 52, 72, 0.1);
	border-color: rgba(196, 155, 108, 0.38);
}

.toju-airbnb-pro-faq-item summary {
	position: relative;
	display: grid;
	grid-template-columns: 42px 1fr 28px;
	gap: 14px;
	align-items: center;
	cursor: pointer;
	padding: 22px 24px;
	list-style: none;
	color: #0b3448;
}

.toju-airbnb-pro-faq-item summary::-webkit-details-marker {
	display: none;
}

.toju-airbnb-pro-faq-item summary span {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 950;
	border: 1px solid rgba(196, 155, 108, 0.2);
}

.toju-airbnb-pro-faq-item summary strong {
	color: #0b3448;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 950;
}

.toju-airbnb-pro-faq-item summary:after {
	content: "+";
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	transition: transform 0.25s ease, background 0.25s ease;
}

.toju-airbnb-pro-faq-item[open] summary:after {
	content: "−";
	background: #c49b6c;
	color: #0b3448;
	transform: rotate(180deg);
}

.toju-airbnb-pro-faq-item[open] summary {
	padding-bottom: 16px;
}

.toju-airbnb-pro-faq-item p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 650;
	margin: 0;
	padding: 0 24px 24px 80px;
}

.toju-airbnb-pro-faq-item[open] {
	border-color: rgba(196, 155, 108, 0.42);
}

@media (max-width: 991px) {
	.toju-airbnb-pro-faq-grid {
		grid-template-columns: 1fr;
		max-width: 760px;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-pro-faq {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-airbnb-pro-faq-head {
		margin-bottom: 34px;
	}

	.toju-airbnb-pro-faq-head h2 {
		font-size: 32px;
	}

	.toju-airbnb-pro-faq-head p {
		font-size: 15px;
	}

	.toju-airbnb-pro-faq-item {
		border-radius: 20px;
	}

	.toju-airbnb-pro-faq-item summary {
		grid-template-columns: 38px 1fr 26px;
		gap: 12px;
		padding: 20px 18px;
	}

	.toju-airbnb-pro-faq-item summary span {
		width: 38px;
		height: 38px;
		border-radius: 13px;
		font-size: 12px;
	}

	.toju-airbnb-pro-faq-item summary strong {
		font-size: 15px;
	}

	.toju-airbnb-pro-faq-item summary:after {
		width: 26px;
		height: 26px;
		font-size: 17px;
	}

	.toju-airbnb-pro-faq-item p {
		padding: 0 18px 22px 68px;
		font-size: 14px;
	}
}

.toju-airbnb-pro-final {
	background: #0F2F47;
	position: relative;
}

.toju-airbnb-pro-final:before {
	content: "";
	position: absolute;
	left: -170px;
	top: -170px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.11);
}

.toju-airbnb-pro-final:after {
	content: "";
	position: absolute;
	right: -160px;
	bottom: -160px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.toju-airbnb-pro-final .container {
	position: relative;
	z-index: 2;
}

.toju-airbnb-pro-final-box {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 44px;
	align-items: center;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(196, 155, 108, 0.24);
	border-radius: 36px;
	padding: 56px 54px;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
	position: relative;
	overflow: hidden;
}

.toju-airbnb-pro-final-box:before {
	content: "";
	position: absolute;
	top: -90px;
	right: 38%;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.09);
}

.toju-airbnb-pro-final-content,
.toju-airbnb-pro-final-side {
	position: relative;
	z-index: 2;
}

.toju-airbnb-pro-final-content h2 {
	color: #ffffff;
	font-size: 48px;
	line-height: 1.06;
	margin-bottom: 20px;
	font-weight: 950;
	letter-spacing: -0.7px;
}

.toju-airbnb-pro-final-content p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 16px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0 0 32px;
	max-width: 720px;
}

.toju-airbnb-pro-final-actions {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.toju-airbnb-pro-final-actions span {
	color: rgba(255, 255, 255, 0.68);
	font-size: 14px;
	line-height: 1.4;
	font-weight: 750;
}

.toju-airbnb-pro-final-side {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.toju-airbnb-pro-final-item {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 16px;
	align-items: flex-start;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(196, 155, 108, 0.22);
	border-radius: 22px;
	padding: 20px 22px;
	transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.toju-airbnb-pro-final-item:hover {
	transform: translateX(5px);
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-airbnb-pro-final-item i {
	width: 52px;
	height: 52px;
	border-radius: 17px;
	background: rgba(196, 155, 108, 0.16);
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.toju-airbnb-pro-final-item strong {
	display: block;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.25;
	font-weight: 950;
	margin-bottom: 6px;
}

.toju-airbnb-pro-final-item span {
	display: block;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	line-height: 1.5;
	font-weight: 650;
}

@media (max-width: 991px) {
	.toju-airbnb-pro-final-box {
		grid-template-columns: 1fr;
		padding: 46px 38px;
	}

	.toju-airbnb-pro-final-content h2 {
		font-size: 40px;
	}
}

@media (max-width: 767px) {
	.toju-airbnb-pro-final {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-airbnb-pro-final-box {
		padding: 36px 22px;
		border-radius: 26px;
		gap: 30px;
	}

	.toju-airbnb-pro-final-content h2 {
		font-size: 31px;
	}

	.toju-airbnb-pro-final-content p {
		font-size: 15px;
	}

	.toju-airbnb-pro-final-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.toju-airbnb-pro-final-actions .theme-btn {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.toju-airbnb-pro-final-actions span {
		text-align: center;
	}

	.toju-airbnb-pro-final-item {
		grid-template-columns: 46px 1fr;
		gap: 14px;
		padding: 18px 16px;
		border-radius: 20px;
	}

	.toju-airbnb-pro-final-item i {
		width: 46px;
		height: 46px;
		border-radius: 15px;
		font-size: 16px;
	}

	.toju-airbnb-pro-final-item strong {
		font-size: 16px;
	}

	.toju-airbnb-pro-final-item span {
		font-size: 13px;
	}
}

.toju-services-clean {
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
}

.toju-services-clean-head {
	max-width: 820px;
	margin: 0 auto 48px;
}

.toju-services-clean-head h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	margin-bottom: 16px;
	letter-spacing: -0.6px;
	font-weight: 950;
}

.toju-services-clean-head p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	margin: 0;
	font-weight: 600;
}

.toju-services-clean-grid {
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: 26px;
	align-items: stretch;
}

.toju-services-clean-left {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
}

.toju-service-focus-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 30px;
	border: 1px solid rgba(196, 155, 108, 0.16);
	box-shadow: 0 16px 38px rgba(11, 52, 72, 0.06);
	min-height: 245px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-service-focus-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 46px rgba(11, 52, 72, 0.1);
	border-color: rgba(196, 155, 108, 0.36);
}

.toju-service-focus-card.active {
	background: #0b3448;
	border-color: #0b3448;
	box-shadow: 0 20px 48px rgba(11, 52, 72, 0.18);
}

.toju-service-focus-top {
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 18px;
	align-items: center;
	margin-bottom: 18px;
}

.toju-service-line-icon {
	width: 58px;
	height: 58px;
	border-radius: 18px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

.toju-service-focus-card.active .toju-service-line-icon {
	background: rgba(255, 255, 255, 0.1);
	color: #c49b6c;
}

.toju-service-focus-top span {
	display: block;
	color: #c49b6c;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 6px;
}

.toju-service-focus-card h3 {
	color: #0b3448;
	font-size: 25px;
	line-height: 1.12;
	margin: 0;
	font-weight: 900;
}

.toju-service-focus-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.65;
	margin: 0 0 22px;
	font-weight: 600;
}

.toju-service-focus-card ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 9px 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.toju-service-focus-card ul li {
	position: relative;
	color: #0b3448;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 850;
	padding-left: 18px;
}

.toju-service-focus-card ul li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #c49b6c;
	font-weight: 900;
}

.toju-service-focus-card.active h3 {
	color: #ffffff;
}

.toju-service-focus-card.active p {
	color: rgba(255, 255, 255, 0.82);
}

.toju-service-focus-card.active ul li {
	color: rgba(255, 255, 255, 0.9);
}

.toju-service-focus-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	margin-top: 24px;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 950;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(196, 155, 108, 0.6);
	transition: color 0.25s ease, border-color 0.25s ease, gap 0.25s ease;
}

.toju-service-focus-link i {
	color: #c49b6c;
	font-size: 13px;
	transition: transform 0.25s ease;
}

.toju-service-focus-link:hover {
	color: #c49b6c !important;
	border-color: #c49b6c;
	gap: 11px;
	text-decoration: none !important;
}

.toju-service-focus-link:hover i {
	transform: translateX(3px);
}

.toju-services-clean-right {
	background: #ffffff;
	border-radius: 26px;
	padding: 38px 36px;
	border: 1px solid rgba(196, 155, 108, 0.16);
	box-shadow: 0 16px 38px rgba(11, 52, 72, 0.06);
}

.toju-services-clean-right h3 {
	color: #0b3448;
	font-size: 34px;
	line-height: 1.12;
	margin-bottom: 26px;
	font-weight: 900;
	letter-spacing: -0.4px;
}

.toju-owner-mini-list {
	display: grid;
	gap: 0;
	margin-bottom: 30px;
}

.toju-owner-mini-list div {
	display: grid;
	grid-template-columns: 38px 1fr;
	gap: 14px;
	align-items: center;
	padding: 14px 0;
	border-bottom: 1px solid rgba(11, 52, 72, 0.08);
}

.toju-owner-mini-list div:last-child {
	border-bottom: 0;
}

.toju-owner-mini-list span {
	width: 38px;
	height: 38px;
	border-radius: 13px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 900;
}

.toju-owner-mini-list p {
	color: #0b3448;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 800;
	margin: 0;
}

.toju-services-clean-proof {
	margin-top: 28px;
	background: #0b3448;
	border-radius: 22px;
	padding: 18px 22px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	box-shadow: 0 18px 42px rgba(11, 52, 72, 0.14);
}

.toju-proof-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 850;
	text-align: center;
	padding: 8px;
}

.toju-proof-item i {
	color: #c49b6c;
	font-size: 16px;
}

.toju-proof-item span {
	color: #ffffff;
}

@media (max-width: 991px) {
	.toju-services-clean-grid {
		grid-template-columns: 1fr;
	}

	.toju-services-clean-proof {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.toju-services-clean {
		padding-top: 70px;
		padding-bottom: 75px;
	}

	.toju-services-clean-head {
		margin-bottom: 34px;
	}

	.toju-services-clean-head h2 {
		font-size: 32px;
	}

	.toju-service-focus-card {
		min-height: auto;
		padding: 24px 20px;
	}

	.toju-service-focus-top {
		grid-template-columns: 48px 1fr;
		gap: 15px;
	}

	.toju-service-line-icon {
		width: 48px;
		height: 48px;
		border-radius: 15px;
		font-size: 17px;
	}

	.toju-service-focus-card h3 {
		font-size: 21px;
	}

	.toju-service-focus-card p {
		font-size: 14px;
	}

	.toju-service-focus-card ul {
		grid-template-columns: 1fr;
	}

	.toju-service-focus-link {
		font-size: 13px;
		margin-top: 20px;
	}

	.toju-services-clean-right {
		padding: 30px 22px;
		border-radius: 24px;
	}

	.toju-services-clean-right h3 {
		font-size: 27px;
	}

	.toju-owner-mini-list div {
		grid-template-columns: 34px 1fr;
		gap: 12px;
	}

	.toju-owner-mini-list span {
		width: 34px;
		height: 34px;
		font-size: 12px;
	}

	.toju-owner-mini-list p {
		font-size: 14px;
	}

	.toju-services-clean-proof {
		grid-template-columns: 1fr;
		padding: 16px;
	}
}

.toju-city-hero-service-link {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0 0 20px;
	padding: 14px 18px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.28);
	border-radius: 18px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	line-height: 1.55;
	font-weight: 650;
}

.toju-city-hero-service-link a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #c49b6c !important;
	font-weight: 950;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(196, 155, 108, 0.55);
	transition: color 0.25s ease, border-color 0.25s ease, gap 0.25s ease;
}

.toju-city-hero-service-link a i {
	font-size: 13px;
	transition: transform 0.25s ease;
}

.toju-city-hero-service-link a:hover {
	color: #ffffff !important;
	border-color: #ffffff;
	gap: 10px;
	text-decoration: none !important;
}

.toju-city-hero-service-link a:hover i {
	transform: translateX(3px);
}

@media (max-width: 767px) {
	.toju-city-hero-service-link {
		display: block;
		padding: 14px 16px;
		font-size: 14px;
		border-radius: 16px;
	}

	.toju-city-hero-service-link a {
		margin-top: 4px;
	}
}
.toju-b2b-premium-hero,
.toju-b2b-agency-benefits-v2,
.toju-b2b-recommend,
.toju-b2b-case-study,
.toju-b2b-process-v2,
.toju-b2b-flexible,
.toju-b2b-faq-clean,
.toju-b2b-final-cta {
	position: relative;
	overflow: hidden;
}

.toju-b2b-section-head,
.toju-b2b-agency-benefits-v2-head,
.toju-b2b-recommend-head,
.toju-b2b-case-study-head,
.toju-b2b-faq-clean-head {
	max-width: 920px;
	margin: 0 auto 50px;
}

.toju-b2b-section-head h2,
.toju-b2b-agency-benefits-v2-head h2,
.toju-b2b-recommend-head h2,
.toju-b2b-case-study-head h2,
.toju-b2b-faq-clean-head h2 {
	color: #0b3448;
	font-size: 46px;
	line-height: 1.08;
	font-weight: 950;
	letter-spacing: -0.7px;
	margin: 0 0 18px;
}

.toju-b2b-section-head p,
.toju-b2b-agency-benefits-v2-head p,
.toju-b2b-recommend-head p,
.toju-b2b-case-study-head p,
.toju-b2b-faq-clean-head p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 650;
	margin: 0;
}

/* HERO */

.toju-b2b-premium-hero {
	background: #0b3448;
	padding: 135px 0 115px;
}

.toju-b2b-premium-hero:before {
	content: "";
	position: absolute;
	left: -190px;
	top: -190px;
	width: 460px;
	height: 460px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.12);
}

.toju-b2b-premium-hero:after {
	content: "";
	position: absolute;
	right: -170px;
	bottom: -170px;
	width: 410px;
	height: 410px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.toju-b2b-premium-hero .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-premium-hero-grid {
	display: grid;
	grid-template-columns: 1.02fr 0.98fr;
	gap: 64px;
	align-items: center;
}

.toju-b2b-premium-hero-content h1 {
	color: #ffffff;
	font-size: 62px;
	line-height: 1.02;
	font-weight: 950;
	letter-spacing: -1.2px;
	margin: 0 0 26px;
	max-width: 760px;
}

.toju-b2b-premium-hero-lead {
	color: rgba(255, 255, 255, 0.9);
	font-size: 20px;
	line-height: 1.55;
	font-weight: 800;
	margin: 0 0 18px;
	max-width: 760px;
}

.toju-b2b-premium-hero-text {
	color: rgba(255, 255, 255, 0.76);
	font-size: 16px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0 0 34px;
	max-width: 780px;
}

.toju-b2b-premium-hero-actions {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom: 36px;
}

.toju-b2b-premium-hero-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #c49b6c !important;
	font-size: 15px;
	font-weight: 950;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(196, 155, 108, 0.58);
	transition: color 0.25s ease, border-color 0.25s ease, gap 0.25s ease;
}

.toju-b2b-premium-hero-link:hover {
	color: #ffffff !important;
	border-color: #ffffff;
	gap: 11px;
	text-decoration: none !important;
}

.toju-b2b-premium-hero-points {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	max-width: 820px;
}

.toju-b2b-premium-hero-points div {
	background: rgba(255, 255, 255, 0.075);
	border: 1px solid rgba(196, 155, 108, 0.22);
	border-radius: 22px;
	padding: 20px 20px 22px;
	transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-premium-hero-points div:hover {
	background: rgba(255, 255, 255, 0.11);
	transform: translateY(-3px);
	border-color: rgba(196, 155, 108, 0.4);
}

.toju-b2b-premium-hero-points span {
	display: inline-flex;
	color: #c49b6c;
	font-size: 13px;
	font-weight: 950;
	margin-bottom: 10px;
}

.toju-b2b-premium-hero-points strong {
	display: block;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.25;
	font-weight: 950;
	margin-bottom: 7px;
}

.toju-b2b-premium-hero-points p {
	color: rgba(255, 255, 255, 0.68);
	font-size: 13px;
	line-height: 1.45;
	font-weight: 650;
	margin: 0;
}

.toju-b2b-premium-hero-visual {
	position: relative;
}

.toju-b2b-premium-hero-visual-inner {
	position: relative;
	padding-top: 28px;
	padding-right: 36px;
}

.toju-b2b-premium-hero-image-frame {
	position: relative;
	height: 560px;
	border-radius: 38px;
	overflow: hidden;
	isolation: isolate;
	background: #0f3d53;
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.26);
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-b2b-premium-hero-image-frame:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
	pointer-events: none;
	z-index: 4;
}

.toju-b2b-premium-hero-image {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: scale(1.001);
}

.toju-b2b-premium-hero-image-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 52, 72, 0.04) 0%, rgba(11, 52, 72, 0.70) 100%);
	z-index: 1;
}

.toju-b2b-premium-hero-card {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	z-index: 3;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(196, 155, 108, 0.24);
	border-radius: 26px;
	padding: 26px 28px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
}

.toju-b2b-premium-hero-card span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 9px;
}

.toju-b2b-premium-hero-card strong {
	display: block;
	color: #0b3448;
	font-size: 25px;
	line-height: 1.22;
	font-weight: 950;
	margin-bottom: 12px;
}

.toju-b2b-premium-hero-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

.toju-b2b-premium-hero-floating {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 285px;
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 16px;
	align-items: center;
	background: #ffffff;
	border-radius: 24px;
	padding: 18px 20px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(196, 155, 108, 0.2);
}

.toju-b2b-premium-hero-floating-icon {
	width: 58px;
	height: 58px;
	border-radius: 18px;
	background: #0b3448;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #c49b6c;
	font-size: 20px;
	flex-shrink: 0;
}

.toju-b2b-premium-hero-floating-content strong {
	display: block;
	color: #0b3448;
	font-size: 17px;
	line-height: 1.2;
	font-weight: 950;
	margin-bottom: 6px;
}

.toju-b2b-premium-hero-floating-content span {
	display: block;
	color: #52615c;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 650;
}

/* LEVIER AGENCE */

.toju-b2b-agency-benefits-v2 {
	background: #f3f1ea;
}

.toju-b2b-agency-benefits-v2:before {
	content: "";
	position: absolute;
	left: -170px;
	top: -170px;
	width: 390px;
	height: 390px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.1);
}

.toju-b2b-agency-benefits-v2:after {
	content: "";
	position: absolute;
	right: -150px;
	bottom: -150px;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.06);
}

.toju-b2b-agency-benefits-v2 .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-agency-benefits-v2-box {
	display: grid;
	grid-template-columns: 1fr;
	gap: 26px;
}

.toju-b2b-agency-benefits-v2-main {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 22px;
	align-items: stretch;
}

.toju-b2b-agency-benefits-v2-main-content {
	background: #0b3448;
	border-radius: 34px;
	padding: 46px 46px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 24px 65px rgba(11, 52, 72, 0.16);
}

.toju-b2b-agency-benefits-v2-main-content:before {
	content: "";
	position: absolute;
	right: -90px;
	top: -90px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-agency-benefits-v2-main-content > * {
	position: relative;
	z-index: 2;
}

.toju-b2b-agency-benefits-v2-main-content span {
	display: inline-flex;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 14px;
}

.toju-b2b-agency-benefits-v2-main-content h3 {
	color: #ffffff;
	font-size: 36px;
	line-height: 1.12;
	font-weight: 950;
	letter-spacing: -0.5px;
	margin: 0 0 20px;
}

.toju-b2b-agency-benefits-v2-main-content p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 16px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0;
}

.toju-b2b-agency-benefits-v2-main-card {
	background: #ffffff;
	border-radius: 34px;
	padding: 38px 38px;
	border: 1px solid rgba(196, 155, 108, 0.2);
	box-shadow: 0 18px 48px rgba(11, 52, 72, 0.08);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.toju-b2b-agency-benefits-v2-main-card strong {
	display: block;
	color: #0b3448;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 950;
	margin-bottom: 22px;
}

.toju-b2b-agency-benefits-v2-main-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 13px;
}

.toju-b2b-agency-benefits-v2-main-card li {
	position: relative;
	color: #52615c;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 750;
	padding-left: 30px;
}

.toju-b2b-agency-benefits-v2-main-card li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #c49b6c;
	color: #0b3448;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 950;
}

.toju-b2b-agency-benefits-v2-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.toju-b2b-agency-benefits-v2-card {
	background: #ffffff;
	border-radius: 26px;
	padding: 30px 28px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	min-height: 245px;
}

.toju-b2b-agency-benefits-v2-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(11, 52, 72, 0.11);
	border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-agency-benefits-v2-icon {
	width: 56px;
	height: 56px;
	border-radius: 18px;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	margin-bottom: 22px;
}

.toju-b2b-agency-benefits-v2-card h3 {
	color: #0b3448;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 950;
	margin: 0 0 12px;
	letter-spacing: -0.2px;
}

.toju-b2b-agency-benefits-v2-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

.toju-b2b-agency-benefits-v2-card-dark {
	background: #0b3448;
	border-color: rgba(196, 155, 108, 0.28);
}

.toju-b2b-agency-benefits-v2-card-dark .toju-b2b-agency-benefits-v2-icon {
	background: #ffffff;
	color: #c49b6c;
}

.toju-b2b-agency-benefits-v2-card-dark h3 {
	color: #ffffff;
}

.toju-b2b-agency-benefits-v2-card-dark p {
	color: rgba(255, 255, 255, 0.76);
}

/* QUAND RECOMMANDER */

.toju-b2b-recommend {
	background: #0b3448;
}

.toju-b2b-recommend:before {
	content: "";
	position: absolute;
	left: -170px;
	bottom: -170px;
	width: 390px;
	height: 390px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.08);
}

.toju-b2b-recommend .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-recommend-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.toju-b2b-recommend-card {
	background: #f3f1ea;
	border-radius: 26px;
	padding: 30px 26px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-recommend-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(11, 52, 72, 0.1);
	border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-recommend-card span {
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 950;
	margin-bottom: 22px;
}

.toju-b2b-recommend-card h3 {
	color: #0b3448;
	font-size: 22px;
	line-height: 1.18;
	font-weight: 950;
	margin: 0 0 12px;
}

.toju-b2b-recommend-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

/* CAS CONCRET */

.toju-b2b-case-study {
	background: #f3f1ea;
}

.toju-b2b-case-study:before {
	content: "";
	position: absolute;
	left: -170px;
	top: -170px;
	width: 390px;
	height: 390px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.08);
}

.toju-b2b-case-study:after {
	content: "";
	position: absolute;
	right: -150px;
	bottom: -150px;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.05);
}

.toju-b2b-case-study .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-case-study-grid {
	display: grid;
	grid-template-columns: 0.92fr 1.08fr;
	gap: 42px;
	align-items: stretch;
	margin-bottom: 26px;
}

.toju-b2b-case-study-image {
	position: relative;
	height: 100%;
	min-height: 430px;
	border-radius: 34px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	box-shadow: 0 26px 70px rgba(11, 52, 72, 0.14);
	border: 1px solid rgba(196, 155, 108, 0.18);
	isolation: isolate;
}

.toju-b2b-case-study-image:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 52, 72, 0.02) 0%, rgba(11, 52, 72, 0.72) 100%);
	z-index: 1;
}

.toju-b2b-case-study-image-card {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 26px;
	z-index: 2;
	background: rgba(255, 255, 255, 0.94);
	border-radius: 24px;
	padding: 22px 24px;
	border: 1px solid rgba(196, 155, 108, 0.22);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
}

.toju-b2b-case-study-image-card span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 7px;
}

.toju-b2b-case-study-image-card strong {
	display: block;
	color: #0b3448;
	font-size: 25px;
	line-height: 1.2;
	font-weight: 950;
	margin-bottom: 6px;
}

.toju-b2b-case-study-image-card small {
	display: block;
	color: #52615c;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 750;
}

.toju-b2b-case-study-right {
	background: #ffffff;
	border-radius: 34px;
	padding: 42px 40px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 18px 48px rgba(11, 52, 72, 0.06);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.toju-b2b-case-study-context span {
	display: inline-flex;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.toju-b2b-case-study-context h3 {
	color: #0b3448;
	font-size: 36px;
	line-height: 1.1;
	font-weight: 950;
	letter-spacing: -0.5px;
	margin: 0 0 18px;
}

.toju-b2b-case-study-context p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0 0 28px;
}

.toju-b2b-case-study-facts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.toju-b2b-case-study-facts div {
	background: #f3f1ea;
	border-radius: 18px;
	padding: 18px 18px;
	border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-b2b-case-study-facts strong {
	display: block;
	color: #0b3448;
	font-size: 14px;
	line-height: 1.25;
	font-weight: 950;
	margin-bottom: 6px;
}

.toju-b2b-case-study-facts span {
	display: block;
	color: #52615c;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 700;
}

.toju-b2b-case-study-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 26px;
}

.toju-b2b-case-study-step {
	background: #ffffff;
	border-radius: 24px;
	padding: 26px 24px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-case-study-step:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(11, 52, 72, 0.11);
	border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-case-study-step > span {
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 950;
	margin-bottom: 20px;
}

.toju-b2b-case-study-step h4 {
	color: #0b3448;
	font-size: 21px;
	line-height: 1.18;
	font-weight: 950;
	margin: 0 0 10px;
}

.toju-b2b-case-study-step p {
	color: #52615c;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

.toju-b2b-case-study-result {
	margin-top: 26px;
	background: #0b3448;
	border-radius: 30px;
	padding: 38px 40px;
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 34px;
	align-items: center;
	box-shadow: 0 24px 62px rgba(11, 52, 72, 0.16);
	position: relative;
	overflow: hidden;
}

.toju-b2b-case-study-result:before {
	content: "";
	position: absolute;
	right: -90px;
	top: -90px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-case-study-result > * {
	position: relative;
	z-index: 2;
}

.toju-b2b-case-study-result-title span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 9px;
}

.toju-b2b-case-study-result-title h3 {
	color: #ffffff;
	font-size: 32px;
	line-height: 1.12;
	font-weight: 950;
	letter-spacing: -0.4px;
	margin: 0;
}

.toju-b2b-case-study-result-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.toju-b2b-case-study-result-list div {
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: 12px;
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.22);
	border-radius: 18px;
	padding: 14px 16px;
}

.toju-b2b-case-study-result-list i {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #c49b6c;
	color: #0b3448;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

.toju-b2b-case-study-result-list p {
	color: rgba(255, 255, 255, 0.84);
	font-size: 14px;
	line-height: 1.45;
	font-weight: 750;
	margin: 0;
}

/* PROCESS */

.toju-b2b-process-v2 {
	background: #ffffff;
}

.toju-b2b-process-v2 .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-process-v2-box {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	background: #f3f1ea;
	border-radius: 30px;
	padding: 42px 44px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 18px 48px rgba(11, 52, 72, 0.06);
}

.toju-b2b-process-v2-line {
	position: absolute;
	left: 68px;
	top: 74px;
	bottom: 74px;
	width: 2px;
	background: rgba(196, 155, 108, 0.25);
}

.toju-b2b-process-v2-step {
	position: relative;
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 20px;
	align-items: flex-start;
	padding: 0 0 28px;
}

.toju-b2b-process-v2-step:last-child {
	padding-bottom: 0;
}

.toju-b2b-process-v2-step > span {
	position: relative;
	z-index: 2;
	width: 52px;
	height: 52px;
	border-radius: 17px;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 950;
}

.toju-b2b-process-v2-step h3 {
	color: #0b3448;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 950;
	margin: 0 0 8px;
}

.toju-b2b-process-v2-step p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

.toju-b2b-process-v2-note {
	margin: 24px auto 0;
	max-width: 860px;
	display: flex;
	gap: 14px;
	align-items: flex-start;
	background: #f3f1ea;
	border: 1px solid rgba(196, 155, 108, 0.2);
	border-radius: 22px;
	padding: 18px 22px;
	box-shadow: 0 12px 30px rgba(11, 52, 72, 0.04);
}

.toju-b2b-process-v2-note i {
	color: #c49b6c;
	font-size: 18px;
	margin-top: 4px;
}

.toju-b2b-process-v2-note p {
	color: #52615c;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0;
}

/* PARTENARIAT SOUPLE */

.toju-b2b-flexible {
	background: #f3f1ea;
}

.toju-b2b-flexible:before {
	content: "";
	position: absolute;
	left: -160px;
	top: -160px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.1);
}

.toju-b2b-flexible:after {
	content: "";
	position: absolute;
	right: -160px;
	bottom: -160px;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.06);
}

.toju-b2b-flexible .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-flexible-box {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 42px;
	align-items: center;
}

.toju-b2b-flexible-left {
	background: #0b3448;
	border-radius: 34px;
	padding: 50px 46px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 24px 65px rgba(11, 52, 72, 0.16);
}

.toju-b2b-flexible-left:before {
	content: "";
	position: absolute;
	right: -95px;
	top: -95px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-flexible-left > * {
	position: relative;
	z-index: 2;
}

.toju-b2b-flexible-left h2 {
	color: #ffffff;
	font-size: 46px;
	line-height: 1.07;
	font-weight: 950;
	letter-spacing: -0.7px;
	margin: 0 0 22px;
}

.toju-b2b-flexible-left p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 16px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0 0 32px;
}

.toju-b2b-flexible-highlight {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.28);
	border-radius: 24px;
	padding: 24px 26px;
}

.toju-b2b-flexible-highlight span {
	display: block;
	color: #c49b6c;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.toju-b2b-flexible-highlight strong {
	display: block;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.35;
	font-weight: 900;
}

.toju-b2b-flexible-right {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.toju-b2b-flexible-card {
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 18px;
	align-items: flex-start;
	background: #ffffff;
	border-radius: 24px;
	padding: 24px 26px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-flexible-card:hover {
	transform: translateX(5px);
	box-shadow: 0 20px 48px rgba(11, 52, 72, 0.11);
	border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-flexible-icon {
	width: 58px;
	height: 58px;
	border-radius: 18px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-b2b-flexible-card h3 {
	color: #0b3448;
	font-size: 22px;
	line-height: 1.18;
	font-weight: 950;
	margin: 0 0 8px;
	letter-spacing: -0.2px;
}

.toju-b2b-flexible-card p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 650;
	margin: 0;
}

/* FAQ */

.toju-b2b-faq-clean {
	background: #0b3448;
}

.toju-b2b-faq-clean:before {
	content: "";
	position: absolute;
	left: -170px;
	top: -170px;
	width: 390px;
	height: 390px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.08);
}

.toju-b2b-faq-clean:after {
	content: "";
	position: absolute;
	right: -150px;
	bottom: -150px;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.05);
}

.toju-b2b-faq-clean .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-faq-clean-list {
	max-width: 980px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.toju-b2b-faq-clean-item {
	background: #ffffff;
	border-radius: 22px;
	border: 1px solid rgba(196, 155, 108, 0.18);
	box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-faq-clean-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 20px 48px rgba(11, 52, 72, 0.1);
	border-color: rgba(196, 155, 108, 0.35);
}

.toju-b2b-faq-clean-item[open] {
	border-color: rgba(196, 155, 108, 0.42);
	box-shadow: 0 22px 52px rgba(11, 52, 72, 0.1);
}

.toju-b2b-faq-clean-item summary {
	position: relative;
	display: grid;
	grid-template-columns: 50px 1fr 34px;
	gap: 18px;
	align-items: center;
	cursor: pointer;
	list-style: none;
	padding: 24px 28px;
	color: #0b3448;
}

.toju-b2b-faq-clean-item summary::-webkit-details-marker {
	display: none;
}

.toju-b2b-faq-clean-item summary span {
	width: 50px;
	height: 50px;
	border-radius: 16px;
	background: #f3f1ea;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 950;
	border: 1px solid rgba(196, 155, 108, 0.24);
}

.toju-b2b-faq-clean-item summary strong {
	color: #0b3448;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 950;
}

.toju-b2b-faq-clean-item summary:after {
	content: "+";
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #0b3448;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 900;
	line-height: 1;
	transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.toju-b2b-faq-clean-item[open] summary:after {
	content: "−";
	background: #c49b6c;
	color: #0b3448;
	transform: rotate(180deg);
}

.toju-b2b-faq-clean-item[open] summary {
	padding-bottom: 16px;
}

.toju-b2b-faq-clean-item p {
	color: #52615c;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0;
	padding: 0 76px 26px 96px;
	max-width: 900px;
}

/* CTA FINAL */

.toju-b2b-final-cta {
	background: #f3f1ea;
}

.toju-b2b-final-cta:before {
	content: "";
	position: absolute;
	left: -170px;
	top: -170px;
	width: 390px;
	height: 390px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.08);
}

.toju-b2b-final-cta:after {
	content: "";
	position: absolute;
	right: -150px;
	bottom: -150px;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: rgba(11, 52, 72, 0.05);
}

.toju-b2b-final-cta .container {
	position: relative;
	z-index: 2;
}

.toju-b2b-final-cta-box {
	background: #0b3448;
	border-radius: 38px;
	padding: 58px;
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	gap: 46px;
	align-items: center;
	position: relative;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(11, 52, 72, 0.18);
	border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-b2b-final-cta-box:before {
	content: "";
	position: absolute;
	right: -110px;
	top: -110px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-final-cta-box:after {
	content: "";
	position: absolute;
	left: -130px;
	bottom: -130px;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.toju-b2b-final-cta-box > * {
	position: relative;
	z-index: 2;
}

.toju-b2b-final-cta-content h2 {
	color: #ffffff;
	font-size: 48px;
	line-height: 1.06;
	font-weight: 950;
	letter-spacing: -0.7px;
	margin: 0 0 22px;
	max-width: 780px;
}

.toju-b2b-final-cta-content p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 16px;
	line-height: 1.75;
	font-weight: 650;
	margin: 0 0 34px;
	max-width: 760px;
}

.toju-b2b-final-cta-actions {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.toju-b2b-final-cta-actions span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
	max-width: 300px;
}

.toju-b2b-final-cta-side {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.toju-b2b-final-cta-item {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 16px;
	align-items: flex-start;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(196, 155, 108, 0.24);
	border-radius: 22px;
	padding: 22px 24px;
	transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-final-cta-item:hover {
	background: rgba(255, 255, 255, 0.12);
	transform: translateX(5px);
	border-color: rgba(196, 155, 108, 0.42);
}

.toju-b2b-final-cta-item i {
	width: 54px;
	height: 54px;
	border-radius: 17px;
	background: #ffffff;
	color: #c49b6c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.toju-b2b-final-cta-item strong {
	display: block;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.25;
	font-weight: 950;
	margin-bottom: 6px;
}

.toju-b2b-final-cta-item span {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	line-height: 1.5;
	font-weight: 650;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
	.toju-b2b-premium-hero-content h1 {
		font-size: 52px;
	}
}

@media (max-width: 991px) {
	.toju-b2b-premium-hero-grid,
	.toju-b2b-agency-benefits-v2-main,
	.toju-b2b-case-study-grid,
	.toju-b2b-case-study-result,
	.toju-b2b-flexible-box,
	.toju-b2b-final-cta-box {
		grid-template-columns: 1fr;
	}

	.toju-b2b-premium-hero-visual-inner {
		padding-right: 0;
		padding-top: 0;
	}

	.toju-b2b-premium-hero-floating {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin-bottom: 18px;
	}

	.toju-b2b-premium-hero-image-frame {
		height: 520px;
	}

	.toju-b2b-agency-benefits-v2-grid,
	.toju-b2b-recommend-grid,
	.toju-b2b-case-study-steps {
		grid-template-columns: repeat(2, 1fr);
	}

	.toju-b2b-case-study-image {
		height: 430px;
	}

	.toju-b2b-final-cta-box {
		padding: 48px 40px;
	}
}

@media (max-width: 767px) {
	.toju-b2b-premium-hero,
	.toju-b2b-agency-benefits-v2,
	.toju-b2b-recommend,
	.toju-b2b-case-study,
	.toju-b2b-process-v2,
	.toju-b2b-flexible,
	.toju-b2b-faq-clean,
	.toju-b2b-final-cta {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.toju-b2b-section-head,
	.toju-b2b-agency-benefits-v2-head,
	.toju-b2b-recommend-head,
	.toju-b2b-case-study-head,
	.toju-b2b-faq-clean-head {
		margin-bottom: 36px;
	}

	.toju-b2b-section-head h2,
	.toju-b2b-agency-benefits-v2-head h2,
	.toju-b2b-recommend-head h2,
	.toju-b2b-case-study-head h2,
	.toju-b2b-faq-clean-head h2 {
		font-size: 32px;
	}

	.toju-b2b-section-head p,
	.toju-b2b-agency-benefits-v2-head p,
	.toju-b2b-recommend-head p,
	.toju-b2b-case-study-head p,
	.toju-b2b-faq-clean-head p {
		font-size: 15px;
	}

	.toju-b2b-premium-hero-content h1 {
		font-size: 37px;
		letter-spacing: -0.6px;
	}

	.toju-b2b-premium-hero-lead {
		font-size: 17px;
	}

	.toju-b2b-premium-hero-text {
		font-size: 15px;
	}

	.toju-b2b-premium-hero-actions,
	.toju-b2b-final-cta-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.toju-b2b-premium-hero-actions .theme-btn,
	.toju-b2b-final-cta-actions .theme-btn {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.toju-b2b-premium-hero-points,
	.toju-b2b-agency-benefits-v2-grid,
	.toju-b2b-recommend-grid,
	.toju-b2b-case-study-steps {
		grid-template-columns: 1fr;
	}

	.toju-b2b-premium-hero-image-frame {
		height: 430px;
		border-radius: 28px;
	}

	.toju-b2b-premium-hero-card {
		left: 18px;
		right: 18px;
		bottom: 18px;
		padding: 22px 20px;
		border-radius: 22px;
	}

	.toju-b2b-premium-hero-card strong {
		font-size: 21px;
	}

	.toju-b2b-premium-hero-floating {
		grid-template-columns: 52px 1fr;
		padding: 16px;
		border-radius: 20px;
	}

	.toju-b2b-premium-hero-floating-icon {
		width: 52px;
		height: 52px;
		border-radius: 16px;
	}

	.toju-b2b-agency-benefits-v2-main-content,
	.toju-b2b-agency-benefits-v2-main-card,
	.toju-b2b-flexible-left,
	.toju-b2b-final-cta-box {
		border-radius: 26px;
		padding: 34px 24px;
	}

	.toju-b2b-agency-benefits-v2-main-content h3,
	.toju-b2b-case-study-context h3 {
		font-size: 28px;
	}

	.toju-b2b-agency-benefits-v2-main-card strong {
		font-size: 21px;
	}

	.toju-b2b-agency-benefits-v2-card,
	.toju-b2b-recommend-card,
	.toju-b2b-case-study-step {
		border-radius: 22px;
		padding: 26px 22px;
		min-height: auto;
	}

	.toju-b2b-case-study-image {
		height: 340px;
		min-height: 340px;
		border-radius: 26px;
	}

	.toju-b2b-case-study-image-card {
		left: 18px;
		right: 18px;
		bottom: 18px;
		padding: 20px;
		border-radius: 20px;
	}

	.toju-b2b-case-study-image-card strong {
		font-size: 21px;
	}

	.toju-b2b-case-study-right {
		padding: 32px 22px;
		border-radius: 26px;
	}

	.toju-b2b-case-study-facts {
		grid-template-columns: 1fr;
	}

	.toju-b2b-case-study-result {
		padding: 32px 22px;
		border-radius: 26px;
	}

	.toju-b2b-case-study-result-title h3 {
		font-size: 26px;
	}

	.toju-b2b-process-v2-box {
		padding: 30px 22px;
		border-radius: 24px;
	}

	.toju-b2b-process-v2-line {
		left: 44px;
		top: 60px;
		bottom: 60px;
	}

	.toju-b2b-process-v2-step {
		grid-template-columns: 44px 1fr;
		gap: 15px;
	}

	.toju-b2b-process-v2-step > span {
		width: 44px;
		height: 44px;
		border-radius: 14px;
		font-size: 12px;
	}

	.toju-b2b-process-v2-step h3 {
		font-size: 19px;
	}

	.toju-b2b-process-v2-step p {
		font-size: 14px;
	}

	.toju-b2b-flexible-left h2,
	.toju-b2b-final-cta-content h2 {
		font-size: 32px;
	}

	.toju-b2b-flexible-left p,
	.toju-b2b-final-cta-content p {
		font-size: 15px;
	}

	.toju-b2b-flexible-highlight {
		padding: 20px;
		border-radius: 20px;
	}

	.toju-b2b-flexible-highlight strong {
		font-size: 17px;
	}

	.toju-b2b-flexible-card,
	.toju-b2b-final-cta-item {
		grid-template-columns: 46px 1fr;
		gap: 14px;
		padding: 20px 18px;
		border-radius: 20px;
	}

	.toju-b2b-flexible-icon,
	.toju-b2b-final-cta-item i {
		width: 46px;
		height: 46px;
		border-radius: 15px;
		font-size: 16px;
	}

	.toju-b2b-flexible-card h3 {
		font-size: 19px;
	}

	.toju-b2b-flexible-card p {
		font-size: 14px;
	}

	.toju-b2b-faq-clean-item summary {
		grid-template-columns: 42px 1fr 30px;
		gap: 13px;
		padding: 20px 18px;
	}

	.toju-b2b-faq-clean-item summary span {
		width: 42px;
		height: 42px;
		border-radius: 14px;
		font-size: 12px;
	}

	.toju-b2b-faq-clean-item summary strong {
		font-size: 15px;
	}

	.toju-b2b-faq-clean-item summary:after {
		width: 30px;
		height: 30px;
		font-size: 18px;
	}

	.toju-b2b-faq-clean-item p {
		padding: 0 18px 22px 73px;
		font-size: 14px;
		line-height: 1.65;
	}

	.toju-b2b-final-cta-actions span {
		max-width: 100%;
		text-align: center;
	}

	.toju-b2b-final-cta-item strong {
		font-size: 17px;
	}

	.toju-b2b-final-cta-item span {
		font-size: 13px;
	}
}

.toju-b2b-premium-hero, .toju-b2b-agency-benefits-v2, .toju-b2b-recommend, .toju-b2b-case-study, .toju-b2b-process-v2, .toju-b2b-partner-follow, .toju-b2b-flexible, .toju-b2b-faq-clean, .toju-b2b-final-cta {
  position: relative;
  overflow: hidden;
}

.toju-b2b-section-head, .toju-b2b-agency-benefits-v2-head, .toju-b2b-recommend-head, .toju-b2b-case-study-head, .toju-b2b-faq-clean-head {
  max-width: 920px;
  margin: 0 auto 50px;
}

.toju-b2b-section-head h2, .toju-b2b-agency-benefits-v2-head h2, .toju-b2b-recommend-head h2, .toju-b2b-case-study-head h2, .toju-b2b-faq-clean-head h2 {
  color: #0b3448;
  font-size: 46px;
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -0.7px;
  margin: 0 0 18px;
}

.toju-b2b-section-head p, .toju-b2b-agency-benefits-v2-head p, .toju-b2b-recommend-head p, .toju-b2b-case-study-head p, .toju-b2b-faq-clean-head p {
  color: #52615c;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 650;
  margin: 0;
}

.toju-b2b-premium-hero .toju-kicker, .toju-b2b-recommend .toju-kicker, .toju-b2b-partner-follow-left .toju-kicker, .toju-b2b-flexible-left .toju-kicker, .toju-b2b-final-cta .toju-kicker {
  color: #c49b6c;
}

.toju-b2b-premium-hero .toju-kicker i, .toju-b2b-recommend .toju-kicker i, .toju-b2b-partner-follow-left .toju-kicker i, .toju-b2b-flexible-left .toju-kicker i, .toju-b2b-final-cta .toju-kicker i {
  color: #c49b6c;
}

/* HERO */
.toju-b2b-premium-hero {
  background: #0b3448;
  padding: 135px 0 115px;
}

.toju-b2b-premium-hero:before {
  content: "";
  position: absolute;
  left: -190px;
  top: -190px;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.12);
}

.toju-b2b-premium-hero:after {
  content: "";
  position: absolute;
  right: -170px;
  bottom: -170px;
  width: 410px;
  height: 410px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.toju-b2b-premium-hero .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-premium-hero-grid {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 64px;
  align-items: center;
}

.toju-b2b-premium-hero-content h1 {
  color: #ffffff;
  font-size: 62px;
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -1.2px;
  margin: 0 0 26px;
  max-width: 760px;
}

.toju-b2b-premium-hero-lead {
  color: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  line-height: 1.55;
  font-weight: 800;
  margin: 0 0 18px;
  max-width: 760px;
}

.toju-b2b-premium-hero-text {
  color: rgba(255, 255, 255, 0.76);
  font-size: 16px;
  line-height: 1.75;
  font-weight: 650;
  margin: 0 0 34px;
  max-width: 780px;
}

.toju-b2b-premium-hero-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.toju-b2b-premium-hero-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c49b6c !important;
  font-size: 15px;
  font-weight: 950;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(196, 155, 108, 0.58);
  transition: color 0.25s ease, border-color 0.25s ease, gap 0.25s ease;
}

.toju-b2b-premium-hero-link:hover {
  color: #ffffff !important;
  border-color: #ffffff;
  gap: 11px;
  text-decoration: none !important;
}

.toju-b2b-premium-hero-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  max-width: 820px;
}

.toju-b2b-premium-hero-points div {
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(196, 155, 108, 0.22);
  border-radius: 22px;
  padding: 20px 20px 22px;
  transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-premium-hero-points div:hover {
  background: rgba(255, 255, 255, 0.11);
  transform: translateY(-3px);
  border-color: rgba(196, 155, 108, 0.4);
}

.toju-b2b-premium-hero-points span {
  display: inline-flex;
  color: #c49b6c;
  font-size: 13px;
  font-weight: 950;
  margin-bottom: 10px;
}

.toju-b2b-premium-hero-points strong {
  display: block;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 950;
  margin-bottom: 7px;
}

.toju-b2b-premium-hero-points p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
  margin: 0;
}

.toju-b2b-premium-hero-visual {
  position: relative;
}

.toju-b2b-premium-hero-visual-inner {
  position: relative;
  padding-top: 28px;
  padding-right: 36px;
}

.toju-b2b-premium-hero-image-frame {
  position: relative;
  height: 560px;
  border-radius: 38px;
  overflow: hidden;
  isolation: isolate;
  background: #0f3d53;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-b2b-premium-hero-image-frame:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  pointer-events: none;
  z-index: 4;
}

.toju-b2b-premium-hero-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.001);
}

.toju-b2b-premium-hero-image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 52, 72, 0.04) 0%, rgba(11, 52, 72, 0.70) 100%);
  z-index: 1;
}

.toju-b2b-premium-hero-card {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(196, 155, 108, 0.24);
  border-radius: 26px;
  padding: 26px 28px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
}

.toju-b2b-premium-hero-card span {
  display: block;
  color: #c49b6c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 9px;
}

.toju-b2b-premium-hero-card strong {
  display: block;
  color: #0b3448;
  font-size: 25px;
  line-height: 1.22;
  font-weight: 950;
  margin-bottom: 12px;
}

.toju-b2b-premium-hero-card p {
  color: #52615c;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 650;
  margin: 0;
}

.toju-b2b-premium-hero-floating {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 285px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  border-radius: 24px;
  padding: 18px 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(196, 155, 108, 0.2);
}

.toju-b2b-premium-hero-floating-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #0b3448;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c49b6c;
  font-size: 20px;
  flex-shrink: 0;
}

.toju-b2b-premium-hero-floating-content strong {
  display: block;
  color: #0b3448;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 950;
  margin-bottom: 6px;
}

.toju-b2b-premium-hero-floating-content span {
  display: block;
  color: #52615c;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}

/* LEVIER AGENCE */
.toju-b2b-agency-benefits-v2 {
  background: #f3f1ea;
}

.toju-b2b-agency-benefits-v2:before {
  content: "";
  position: absolute;
  left: -170px;
  top: -170px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.1);
}

.toju-b2b-agency-benefits-v2:after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -150px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(11, 52, 72, 0.06);
}

.toju-b2b-agency-benefits-v2 .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-agency-benefits-v2-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.toju-b2b-agency-benefits-v2-main {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 22px;
  align-items: stretch;
}

.toju-b2b-agency-benefits-v2-main-content {
  background: #0b3448;
  border-radius: 34px;
  padding: 46px 46px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 65px rgba(11, 52, 72, 0.16);
}

.toju-b2b-agency-benefits-v2-main-content:before {
  content: "";
  position: absolute;
  right: -90px;
  top: -90px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-agency-benefits-v2-main-content > * {
  position: relative;
  z-index: 2;
}

.toju-b2b-agency-benefits-v2-main-content span {
  display: inline-flex;
  color: #c49b6c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.toju-b2b-agency-benefits-v2-main-content h3 {
  color: #ffffff;
  font-size: 36px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -0.5px;
  margin: 0 0 20px;
}

.toju-b2b-agency-benefits-v2-main-content p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
  font-weight: 650;
  margin: 0;
}

.toju-b2b-agency-benefits-v2-main-card {
  background: #ffffff;
  border-radius: 34px;
  padding: 38px 38px;
  border: 1px solid rgba(196, 155, 108, 0.2);
  box-shadow: 0 18px 48px rgba(11, 52, 72, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.toju-b2b-agency-benefits-v2-main-card strong {
  display: block;
  color: #0b3448;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 950;
  margin-bottom: 22px;
}

.toju-b2b-agency-benefits-v2-main-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 13px;
}

.toju-b2b-agency-benefits-v2-main-card li {
  position: relative;
  color: #52615c;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 750;
  padding-left: 30px;
}

.toju-b2b-agency-benefits-v2-main-card li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #c49b6c;
  color: #0b3448;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 950;
}

.toju-b2b-agency-benefits-v2-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.toju-b2b-agency-benefits-v2-card {
  background: #ffffff;
  border-radius: 26px;
  padding: 30px 28px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  min-height: 245px;
}

.toju-b2b-agency-benefits-v2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(11, 52, 72, 0.11);
  border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-agency-benefits-v2-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: #0b3448;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  margin-bottom: 22px;
}

.toju-b2b-agency-benefits-v2-card h3 {
  color: #0b3448;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 950;
  margin: 0 0 12px;
  letter-spacing: -0.2px;
}

.toju-b2b-agency-benefits-v2-card p {
  color: #52615c;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 650;
  margin: 0;
}

.toju-b2b-agency-benefits-v2-card-dark {
  background: #0b3448;
  border-color: rgba(196, 155, 108, 0.28);
}

.toju-b2b-agency-benefits-v2-card-dark .toju-b2b-agency-benefits-v2-icon {
  background: #ffffff;
  color: #c49b6c;
}

.toju-b2b-agency-benefits-v2-card-dark h3 {
  color: #ffffff;
}

.toju-b2b-agency-benefits-v2-card-dark p {
  color: rgba(255, 255, 255, 0.76);
}

/* QUAND RECOMMANDER */
.toju-b2b-recommend {
  background: #0b3448;
}

.toju-b2b-recommend:before {
  content: "";
  position: absolute;
  left: -170px;
  bottom: -170px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.12);
}

.toju-b2b-recommend:after {
  content: "";
  position: absolute;
  right: -150px;
  top: -150px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.toju-b2b-recommend .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-recommend-head h2 {
  color: #ffffff;
}

.toju-b2b-recommend-head p {
  color: rgba(255, 255, 255, 0.76);
}

.toju-b2b-recommend-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.toju-b2b-recommend-card {
  background: #ffffff;
  border-radius: 26px;
  padding: 30px 26px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-recommend-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.18);
  border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-recommend-card span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #f3f1ea;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
  margin-bottom: 22px;
  border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-b2b-recommend-card h3 {
  color: #0b3448;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 950;
  margin: 0 0 12px;
}

.toju-b2b-recommend-card p {
  color: #52615c;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 650;
  margin: 0;
}

/* CAS CONCRET */
.toju-b2b-case-study {
  background: #f3f1ea;
}

.toju-b2b-case-study:before {
  content: "";
  position: absolute;
  left: -170px;
  top: -170px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.08);
}

.toju-b2b-case-study:after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -150px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(11, 52, 72, 0.05);
}

.toju-b2b-case-study .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-case-study-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 42px;
  align-items: stretch;
  margin-bottom: 26px;
}

.toju-b2b-case-study-image {
  position: relative;
  height: 100%;
  min-height: 430px;
  border-radius: 34px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  box-shadow: 0 26px 70px rgba(11, 52, 72, 0.14);
  border: 1px solid rgba(196, 155, 108, 0.18);
  isolation: isolate;
}

.toju-b2b-case-study-image:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 52, 72, 0.02) 0%, rgba(11, 52, 72, 0.72) 100%);
  z-index: 1;
}

.toju-b2b-case-study-image-card {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.94);
  border-radius: 24px;
  padding: 22px 24px;
  border: 1px solid rgba(196, 155, 108, 0.22);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
}

.toju-b2b-case-study-image-card span {
  display: block;
  color: #c49b6c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 7px;
}

.toju-b2b-case-study-image-card strong {
  display: block;
  color: #0b3448;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 950;
  margin-bottom: 6px;
}

.toju-b2b-case-study-image-card small {
  display: block;
  color: #52615c;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 750;
}

.toju-b2b-case-study-right {
  background: #ffffff;
  border-radius: 34px;
  padding: 42px 40px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 18px 48px rgba(11, 52, 72, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.toju-b2b-case-study-context span {
  display: inline-flex;
  color: #c49b6c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.toju-b2b-case-study-context h3 {
  color: #0b3448;
  font-size: 36px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -0.5px;
  margin: 0 0 18px;
}

.toju-b2b-case-study-context p {
  color: #52615c;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 650;
  margin: 0 0 28px;
}

.toju-b2b-case-study-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.toju-b2b-case-study-facts div {
  background: #f3f1ea;
  border-radius: 18px;
  padding: 18px 18px;
  border: 1px solid rgba(196, 155, 108, 0.18);
}

.toju-b2b-case-study-facts strong {
  display: block;
  color: #0b3448;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 950;
  margin-bottom: 6px;
}

.toju-b2b-case-study-facts span {
  display: block;
  color: #52615c;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

.toju-b2b-case-study-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 26px;
}

.toju-b2b-case-study-step {
  background: #ffffff;
  border-radius: 24px;
  padding: 26px 24px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-case-study-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(11, 52, 72, 0.11);
  border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-case-study-step > span {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #0b3448;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
  margin-bottom: 20px;
}

.toju-b2b-case-study-step h4 {
  color: #0b3448;
  font-size: 21px;
  line-height: 1.18;
  font-weight: 950;
  margin: 0 0 10px;
}

.toju-b2b-case-study-step p {
  color: #52615c;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 650;
  margin: 0;
}

.toju-b2b-case-study-result {
  margin-top: 26px;
  background: #0b3448;
  border-radius: 30px;
  padding: 38px 40px;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 34px;
  align-items: center;
  box-shadow: 0 24px 62px rgba(11, 52, 72, 0.16);
  position: relative;
  overflow: hidden;
}

.toju-b2b-case-study-result:before {
  content: "";
  position: absolute;
  right: -90px;
  top: -90px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-case-study-result > * {
  position: relative;
  z-index: 2;
}

.toju-b2b-case-study-result-title span {
  display: block;
  color: #c49b6c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 9px;
}

.toju-b2b-case-study-result-title h3 {
  color: #ffffff;
  font-size: 32px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -0.4px;
  margin: 0;
}

.toju-b2b-case-study-result-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.toju-b2b-case-study-result-list div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(196, 155, 108, 0.22);
  border-radius: 18px;
  padding: 14px 16px;
}

.toju-b2b-case-study-result-list i {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #c49b6c;
  color: #0b3448;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.toju-b2b-case-study-result-list p {
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 750;
  margin: 0;
}

/* PROCESS */
.toju-b2b-process-v2 {
  background: #ffffff;
}

.toju-b2b-process-v2 .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-process-v2-box {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  background: #f3f1ea;
  border-radius: 30px;
  padding: 42px 44px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 18px 48px rgba(11, 52, 72, 0.06);
}

.toju-b2b-process-v2-line {
  position: absolute;
  left: 68px;
  top: 74px;
  bottom: 74px;
  width: 2px;
  background: rgba(196, 155, 108, 0.25);
}

.toju-b2b-process-v2-step {
  position: relative;
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 20px;
  align-items: flex-start;
  padding: 0 0 28px;
}

.toju-b2b-process-v2-step:last-child {
  padding-bottom: 0;
}

.toju-b2b-process-v2-step > span {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  background: #0b3448;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
}

.toju-b2b-process-v2-step h3 {
  color: #0b3448;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 950;
  margin: 0 0 8px;
}

.toju-b2b-process-v2-step p {
  color: #52615c;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 650;
  margin: 0;
}

.toju-b2b-process-v2-note {
  margin: 24px auto 0;
  max-width: 860px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: #f3f1ea;
  border: 1px solid rgba(196, 155, 108, 0.2);
  border-radius: 22px;
  padding: 18px 22px;
  box-shadow: 0 12px 30px rgba(11, 52, 72, 0.04);
}

.toju-b2b-process-v2-note i {
  color: #c49b6c;
  font-size: 18px;
  margin-top: 4px;
}

.toju-b2b-process-v2-note p {
  color: #52615c;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  margin: 0;
}

/* PARTENARIAT SUIVI */
.toju-b2b-partner-follow {
  background: #f3f1ea;
}

.toju-b2b-partner-follow:before {
  content: "";
  position: absolute;
  left: -170px;
  top: -170px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.1);
}

.toju-b2b-partner-follow:after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -150px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(11, 52, 72, 0.06);
}

.toju-b2b-partner-follow .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-partner-follow-box {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 42px;
  align-items: center;
}

.toju-b2b-partner-follow-left {
  background: #0b3448;
  border-radius: 34px;
  padding: 50px 46px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 65px rgba(11, 52, 72, 0.16);
}

.toju-b2b-partner-follow-left:before {
  content: "";
  position: absolute;
  right: -95px;
  top: -95px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-partner-follow-left > * {
  position: relative;
  z-index: 2;
}

.toju-b2b-partner-follow-left h2 {
  color: #ffffff;
  font-size: 46px;
  line-height: 1.07;
  font-weight: 950;
  letter-spacing: -0.7px;
  margin: 0 0 22px;
}

.toju-b2b-partner-follow-left p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
  font-weight: 650;
  margin: 0 0 32px;
}

.toju-b2b-partner-follow-highlight {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(196, 155, 108, 0.28);
  border-radius: 24px;
  padding: 24px 26px;
}

.toju-b2b-partner-follow-highlight span {
  display: block;
  color: #c49b6c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.toju-b2b-partner-follow-highlight strong {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
}

.toju-b2b-partner-follow-right {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.toju-b2b-partner-follow-card {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  align-items: flex-start;
  background: #ffffff;
  border-radius: 24px;
  padding: 24px 26px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-partner-follow-card:hover {
  transform: translateX(5px);
  box-shadow: 0 20px 48px rgba(11, 52, 72, 0.11);
  border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-partner-follow-card > span {
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: #f3f1ea;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
  border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-b2b-partner-follow-card h3 {
  color: #0b3448;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 950;
  margin: 0 0 8px;
  letter-spacing: -0.2px;
}

.toju-b2b-partner-follow-card p {
  color: #52615c;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 650;
  margin: 0;
}

/* PARTENARIAT SOUPLE */
.toju-b2b-flexible {
  background: #ffffff;
}

.toju-b2b-flexible:before {
  content: "";
  position: absolute;
  left: -160px;
  top: -160px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.08);
}

.toju-b2b-flexible:after {
  content: "";
  position: absolute;
  right: -160px;
  bottom: -160px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(11, 52, 72, 0.05);
}

.toju-b2b-flexible .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-flexible-box {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 42px;
  align-items: center;
}

.toju-b2b-flexible-left {
  background: #0b3448;
  border-radius: 34px;
  padding: 50px 46px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 65px rgba(11, 52, 72, 0.16);
}

.toju-b2b-flexible-left:before {
  content: "";
  position: absolute;
  right: -95px;
  top: -95px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-flexible-left > * {
  position: relative;
  z-index: 2;
}

.toju-b2b-flexible-left h2 {
  color: #ffffff;
  font-size: 46px;
  line-height: 1.07;
  font-weight: 950;
  letter-spacing: -0.7px;
  margin: 0 0 22px;
}

.toju-b2b-flexible-left p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
  font-weight: 650;
  margin: 0 0 32px;
}

.toju-b2b-flexible-highlight {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(196, 155, 108, 0.28);
  border-radius: 24px;
  padding: 24px 26px;
}

.toju-b2b-flexible-highlight span {
  display: block;
  color: #c49b6c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.toju-b2b-flexible-highlight strong {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
}

.toju-b2b-flexible-right {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.toju-b2b-flexible-card {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: flex-start;
  background: #f3f1ea;
  border-radius: 24px;
  padding: 24px 26px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 14px 34px rgba(11, 52, 72, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-flexible-card:hover {
  transform: translateX(5px);
  box-shadow: 0 20px 48px rgba(11, 52, 72, 0.11);
  border-color: rgba(196, 155, 108, 0.38);
}

.toju-b2b-flexible-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #ffffff;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-b2b-flexible-card h3 {
  color: #0b3448;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 950;
  margin: 0 0 8px;
  letter-spacing: -0.2px;
}

.toju-b2b-flexible-card p {
  color: #52615c;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 650;
  margin: 0;
}

/* FAQ */
.toju-b2b-faq-clean {
  background: #0b3448;
}

.toju-b2b-faq-clean:before {
  content: "";
  position: absolute;
  left: -170px;
  top: -170px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.12);
}

.toju-b2b-faq-clean:after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -150px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.toju-b2b-faq-clean .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-faq-clean .toju-kicker, .toju-b2b-faq-clean .toju-kicker i {
  color: #c49b6c;
}

.toju-b2b-faq-clean-head h2 {
  color: #ffffff;
}

.toju-b2b-faq-clean-head p {
  color: rgba(255, 255, 255, 0.76);
}

.toju-b2b-faq-clean-list {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.toju-b2b-faq-clean-item {
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid rgba(196, 155, 108, 0.18);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-faq-clean-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18);
  border-color: rgba(196, 155, 108, 0.35);
}

.toju-b2b-faq-clean-item[open] {
  border-color: rgba(196, 155, 108, 0.42);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.18);
}

.toju-b2b-faq-clean-item summary {
  position: relative;
  display: grid;
  grid-template-columns: 50px 1fr 34px;
  gap: 18px;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding: 24px 28px;
  color: #0b3448;
}

.toju-b2b-faq-clean-item summary::-webkit-details-marker {
  display: none;
}

.toju-b2b-faq-clean-item summary span {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: #f3f1ea;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
  border: 1px solid rgba(196, 155, 108, 0.24);
}

.toju-b2b-faq-clean-item summary strong {
  color: #0b3448;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 950;
}

.toju-b2b-faq-clean-item summary:after {
  content: "+";
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #0b3448;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.toju-b2b-faq-clean-item[open] summary:after {
  content: "−";
  background: #c49b6c;
  color: #0b3448;
  transform: rotate(180deg);
}

.toju-b2b-faq-clean-item[open] summary {
  padding-bottom: 16px;
}

.toju-b2b-faq-clean-item p {
  color: #52615c;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 650;
  margin: 0;
  padding: 0 76px 26px 96px;
  max-width: 900px;
}

/* CTA FINAL */
.toju-b2b-final-cta {
  background: #f3f1ea;
}

.toju-b2b-final-cta:before {
  content: "";
  position: absolute;
  left: -170px;
  top: -170px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.08);
}

.toju-b2b-final-cta:after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -150px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(11, 52, 72, 0.05);
}

.toju-b2b-final-cta .container {
  position: relative;
  z-index: 2;
}

.toju-b2b-final-cta-box {
  background: #0b3448;
  border-radius: 38px;
  padding: 58px;
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 46px;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(11, 52, 72, 0.18);
  border: 1px solid rgba(196, 155, 108, 0.22);
}

.toju-b2b-final-cta-box:before {
  content: "";
  position: absolute;
  right: -110px;
  top: -110px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(196, 155, 108, 0.14);
}

.toju-b2b-final-cta-box:after {
  content: "";
  position: absolute;
  left: -130px;
  bottom: -130px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}

.toju-b2b-final-cta-box > * {
  position: relative;
  z-index: 2;
}

.toju-b2b-final-cta-content h2 {
  color: #ffffff;
  font-size: 48px;
  line-height: 1.06;
  font-weight: 950;
  letter-spacing: -0.7px;
  margin: 0 0 22px;
  max-width: 780px;
}

.toju-b2b-final-cta-content p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
  font-weight: 650;
  margin: 0 0 34px;
  max-width: 760px;
}

.toju-b2b-final-cta-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.toju-b2b-final-cta-actions span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  max-width: 300px;
}

.toju-b2b-final-cta-side {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.toju-b2b-final-cta-item {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 16px;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(196, 155, 108, 0.24);
  border-radius: 22px;
  padding: 22px 24px;
  transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.toju-b2b-final-cta-item:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateX(5px);
  border-color: rgba(196, 155, 108, 0.42);
}

.toju-b2b-final-cta-item i {
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: #ffffff;
  color: #c49b6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.toju-b2b-final-cta-item strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 950;
  margin-bottom: 6px;
}

.toju-b2b-final-cta-item span {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 650;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
  .toju-b2b-premium-hero-content h1 {
    font-size: 52px;
  }

}

@media (max-width: 991px) {
  .toju-b2b-premium-hero-grid, .toju-b2b-agency-benefits-v2-main, .toju-b2b-case-study-grid, .toju-b2b-case-study-result, .toju-b2b-partner-follow-box, .toju-b2b-flexible-box, .toju-b2b-final-cta-box {
    grid-template-columns: 1fr;
  }

  .toju-b2b-premium-hero-visual-inner {
    padding-right: 0;
    padding-top: 0;
  }

  .toju-b2b-premium-hero-floating {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-bottom: 18px;
  }

  .toju-b2b-premium-hero-image-frame {
    height: 520px;
  }

  .toju-b2b-agency-benefits-v2-grid, .toju-b2b-recommend-grid, .toju-b2b-case-study-steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .toju-b2b-case-study-image {
    height: 430px;
  }

  .toju-b2b-final-cta-box {
    padding: 48px 40px;
  }

}

@media (max-width: 767px) {
  .toju-b2b-premium-hero, .toju-b2b-agency-benefits-v2, .toju-b2b-recommend, .toju-b2b-case-study, .toju-b2b-process-v2, .toju-b2b-partner-follow, .toju-b2b-flexible, .toju-b2b-faq-clean, .toju-b2b-final-cta {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .toju-b2b-section-head, .toju-b2b-agency-benefits-v2-head, .toju-b2b-recommend-head, .toju-b2b-case-study-head, .toju-b2b-faq-clean-head {
    margin-bottom: 36px;
  }

  .toju-b2b-section-head h2, .toju-b2b-agency-benefits-v2-head h2, .toju-b2b-recommend-head h2, .toju-b2b-case-study-head h2, .toju-b2b-faq-clean-head h2 {
    font-size: 32px;
  }

  .toju-b2b-section-head p, .toju-b2b-agency-benefits-v2-head p, .toju-b2b-recommend-head p, .toju-b2b-case-study-head p, .toju-b2b-faq-clean-head p {
    font-size: 15px;
  }

  .toju-b2b-premium-hero-content h1 {
    font-size: 37px;
    letter-spacing: -0.6px;
  }

  .toju-b2b-premium-hero-lead {
    font-size: 17px;
  }

  .toju-b2b-premium-hero-text {
    font-size: 15px;
  }

  .toju-b2b-premium-hero-actions, .toju-b2b-final-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .toju-b2b-premium-hero-actions .theme-btn, .toju-b2b-final-cta-actions .theme-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .toju-b2b-premium-hero-points, .toju-b2b-agency-benefits-v2-grid, .toju-b2b-recommend-grid, .toju-b2b-case-study-steps {
    grid-template-columns: 1fr;
  }

  .toju-b2b-premium-hero-image-frame {
    height: 430px;
    border-radius: 28px;
  }

  .toju-b2b-premium-hero-card {
    left: 18px;
    right: 18px;
    bottom: 18px;
    padding: 22px 20px;
    border-radius: 22px;
  }

  .toju-b2b-premium-hero-card strong {
    font-size: 21px;
  }

  .toju-b2b-premium-hero-floating {
    grid-template-columns: 52px 1fr;
    padding: 16px;
    border-radius: 20px;
  }

  .toju-b2b-premium-hero-floating-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  .toju-b2b-agency-benefits-v2-main-content, .toju-b2b-agency-benefits-v2-main-card, .toju-b2b-partner-follow-left, .toju-b2b-flexible-left, .toju-b2b-final-cta-box {
    border-radius: 26px;
    padding: 34px 24px;
  }

  .toju-b2b-agency-benefits-v2-main-content h3, .toju-b2b-case-study-context h3 {
    font-size: 28px;
  }

  .toju-b2b-agency-benefits-v2-main-content p, .toju-b2b-case-study-context p {
    font-size: 15px;
  }

  .toju-b2b-agency-benefits-v2-main-card strong {
    font-size: 21px;
  }

  .toju-b2b-agency-benefits-v2-card, .toju-b2b-recommend-card, .toju-b2b-case-study-step {
    border-radius: 22px;
    padding: 26px 22px;
    min-height: auto;
  }

  .toju-b2b-case-study-image {
    height: 340px;
    min-height: 340px;
    border-radius: 26px;
  }

  .toju-b2b-case-study-image-card {
    left: 18px;
    right: 18px;
    bottom: 18px;
    padding: 20px;
    border-radius: 20px;
  }

  .toju-b2b-case-study-image-card strong {
    font-size: 21px;
  }

  .toju-b2b-case-study-right {
    padding: 32px 22px;
    border-radius: 26px;
  }

  .toju-b2b-case-study-facts {
    grid-template-columns: 1fr;
  }

  .toju-b2b-case-study-result {
    padding: 32px 22px;
    border-radius: 26px;
  }

  .toju-b2b-case-study-result-title h3 {
    font-size: 26px;
  }

  .toju-b2b-process-v2-box {
    padding: 30px 22px;
    border-radius: 24px;
  }

  .toju-b2b-process-v2-line {
    left: 44px;
    top: 60px;
    bottom: 60px;
  }

  .toju-b2b-process-v2-step {
    grid-template-columns: 44px 1fr;
    gap: 15px;
  }

  .toju-b2b-process-v2-step > span {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    font-size: 12px;
  }

  .toju-b2b-process-v2-step h3 {
    font-size: 19px;
  }

  .toju-b2b-process-v2-step p {
    font-size: 14px;
  }

  .toju-b2b-partner-follow-left h2, .toju-b2b-flexible-left h2, .toju-b2b-final-cta-content h2 {
    font-size: 32px;
  }

  .toju-b2b-partner-follow-left p, .toju-b2b-flexible-left p, .toju-b2b-final-cta-content p {
    font-size: 15px;
  }

  .toju-b2b-partner-follow-highlight, .toju-b2b-flexible-highlight {
    padding: 20px;
    border-radius: 20px;
  }

  .toju-b2b-partner-follow-highlight strong, .toju-b2b-flexible-highlight strong {
    font-size: 17px;
  }

  .toju-b2b-partner-follow-card, .toju-b2b-flexible-card, .toju-b2b-final-cta-item {
    grid-template-columns: 46px 1fr;
    gap: 14px;
    padding: 20px 18px;
    border-radius: 20px;
  }

  .toju-b2b-partner-follow-card > span, .toju-b2b-flexible-icon, .toju-b2b-final-cta-item i {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    font-size: 16px;
  }

  .toju-b2b-partner-follow-card h3, .toju-b2b-flexible-card h3 {
    font-size: 19px;
  }

  .toju-b2b-partner-follow-card p, .toju-b2b-flexible-card p {
    font-size: 14px;
  }

  .toju-b2b-faq-clean-item summary {
    grid-template-columns: 42px 1fr 30px;
    gap: 13px;
    padding: 20px 18px;
  }

  .toju-b2b-faq-clean-item summary span {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 12px;
  }

  .toju-b2b-faq-clean-item summary strong {
    font-size: 15px;
  }

  .toju-b2b-faq-clean-item summary:after {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }

  .toju-b2b-faq-clean-item p {
    padding: 0 18px 22px 73px;
    font-size: 14px;
    line-height: 1.65;
  }

  .toju-b2b-final-cta-actions span {
    max-width: 100%;
    text-align: center;
  }

  .toju-b2b-final-cta-item strong {
    font-size: 17px;
  }

  .toju-b2b-final-cta-item span {
    font-size: 13px;
  }

}

.toju-city-bottom-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
}

.toju-city-bottom-card {
	height: auto;
	min-height: unset;
}

.toju-city-bottom-cta {
	align-self: start;
	height: auto;
	min-height: unset;
}

.toju-city-bottom-links {
	height: auto;
}

.toju-city-bottom-link-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 24px;
}

.toju-city-bottom-link-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
}

@media (max-width: 991px) {
	.toju-city-bottom-grid {
		grid-template-columns: 1fr;
	}
}

.toju-article-page-section {
	padding: 110px 0 110px;
	background: #0F2F47;
}

.toju-article-single-clean {
	margin: 0 auto;
	background: #ffffff;
	border: 1px solid rgba(198, 162, 122, 0.22);
	border-radius: 34px;
	padding: clamp(26px, 5vw, 62px);
	box-shadow: 0 26px 90px rgba(8, 47, 65, 0.10);
}

.toju-article-header-clean {
	margin-bottom: 36px;
}

.toju-article-header-clean .toju-kicker {
	color: #c6a27a;
	margin-bottom: 18px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.toju-article-header-clean h1 {
	color: #0b3448;
	font-size: clamp(38px, 5vw, 66px);
	line-height: 1.05;
	margin: 0 0 22px;
	max-width: 860px;
}

.toju-article-meta-clean {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin-bottom: 26px;
	color: #6f7d78;
	font-size: 14px;
	font-weight: 700;
}

.toju-article-meta-clean span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.toju-article-meta-clean i {
	color: #c6a27a;
}

.toju-article-summary-clean {
	max-width: 780px;
	margin: 0;
	color: #52615c;
	font-size: 19px;
	line-height: 1.75;
}

.toju-article-featured-image-clean {
	margin: 0 0 46px;
	border-radius: 28px;
	overflow: hidden;
	background: #f3eadf;
	box-shadow: 0 22px 70px rgba(8, 47, 65, 0.12);
}

.toju-article-featured-image-clean img {
	width: 100%;
	height: auto;
	display: block;
}

.toju-article-content-clean {
	color: #243c3f;
	font-size: 18px;
	line-height: 1.9;
}

.toju-article-content-clean h2,
.toju-article-content-clean h3,
.toju-article-content-clean h4 {
	color: #0b3448;
	line-height: 1.25;
	margin-top: 44px;
	margin-bottom: 18px;
}

.toju-article-content-clean h2 {
	font-size: clamp(30px, 3.2vw, 42px);
}

.toju-article-content-clean h3 {
	font-size: clamp(24px, 2.5vw, 31px);
}

.toju-article-content-clean h4 {
	font-size: 22px;
}

.toju-article-content-clean p {
	margin-bottom: 22px;
}

.toju-article-content-clean a {
	color: #0b3448;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-color: rgba(198, 162, 122, 0.75);
	text-underline-offset: 4px;
}

.toju-article-content-clean ul,
.toju-article-content-clean ol {
	margin: 24px 0 32px;
	padding-left: 26px;
}

.toju-article-content-clean li {
	margin-bottom: 11px;
}

.toju-article-content-clean img {
	max-width: 100%;
	height: auto;
	border-radius: 22px;
	margin: 30px 0;
}

.toju-article-content-clean blockquote {
	margin: 36px 0;
	padding: 28px 32px;
	border-left: 4px solid #c6a27a;
	background: #f7efe5;
	border-radius: 20px;
	color: #0b3448;
	font-size: 21px;
	line-height: 1.6;
	font-weight: 700;
}

.toju-article-tags-clean {
	padding-top: 28px;
	border-top: 1px solid rgba(198, 162, 122, 0.28);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	    align-items: baseline;
	gap: 14px;
}

.toju-article-tags-clean > span {
	color: #0b3448;
	font-weight: 800;
}

.toju-article-tags-clean div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.toju-article-tags-clean a {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	background: #f7efe5;
	color: #0b3448;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.toju-article-tags-clean a:hover {
	background: #0b3448;
	color: #ffffff;
}

.toju-article-cta-clean {
	margin-top: 56px;
	padding: clamp(28px, 4vw, 44px);
	border-radius: 30px;
	background:
		radial-gradient(circle at top right, rgba(198, 162, 122, 0.18), transparent 34%),
		linear-gradient(135deg, #0b3448, #092b3c);
	color: #ffffff;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 30px;
	align-items: center;
}

.toju-article-cta-content-clean span {
	display: block;
	color: #c6a27a;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.toju-article-cta-content-clean h2 {
	color: #ffffff;
	font-size: clamp(25px, 3vw, 36px);
	line-height: 1.15;
	margin: 0 0 14px;
}

.toju-article-cta-content-clean p {
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.75;
	margin: 0;
	max-width: 620px;
}

.toju-article-share-clean {
	margin-top: 34px;
	padding-top: 28px;
	border-top: 1px solid rgba(198, 162, 122, 0.28);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.toju-article-share-clean > span {
	color: #0b3448;
	font-weight: 800;
}

.toju-article-share-links-clean {
	display: flex;
	gap: 10px;
}

.toju-article-share-links-clean a {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #f7efe5;
	color: #0b3448;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.toju-article-share-links-clean a:hover {
	background: #0b3448;
	color: #ffffff;
	transform: translateY(-2px);
}

.toju-blog-card {
	background: #ffffff;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 0 22px 70px rgba(8, 47, 65, 0.08);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.toju-blog-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 28px 90px rgba(8, 47, 65, 0.13);
}

.toju-blog-card-image {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f7efe5;
}

.toju-blog-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}

.toju-blog-card:hover .toju-blog-card-image img {
	transform: scale(1.04);
}

.toju-blog-card-content {
	padding: 30px;
}

.toju-blog-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	margin-bottom: 15px;
	color: #6f7d78;
	font-size: 13px;
	font-weight: 700;
}

.toju-blog-card-meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.toju-blog-card-meta i {
	color: #c6a27a;
}

.toju-blog-card h2 {
	font-size: 28px;
	line-height: 1.22;
	margin: 0 0 15px;
}

.toju-blog-card h2 a {
	color: #0b3448;
	text-decoration: none;
}

.toju-blog-card h2 a:hover {
	color: #c6a27a;
}

.toju-blog-card p {
	color: #52615c;
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 22px;
}

.toju-blog-card-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #0b3448;
	font-weight: 900;
	text-decoration: none;
}

.toju-blog-card-link i {
	color: #c6a27a;
	transition: transform 0.2s ease;
}

.toju-blog-card-link:hover i {
	transform: translateX(4px);
}

@media (max-width: 991px) {
	.toju-article-page-section {
		padding: 140px 0 90px;
	}

	.toju-article-cta-clean {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.toju-article-page-section {
		padding: 57px 0 70px;
	}

	.toju-article-single-clean {
		border-radius: 24px;
		padding: 26px 20px;
	}

	.toju-article-header-clean h1 {
		font-size: 36px;
	}

	.toju-article-content-clean {
		font-size: 16px;
		line-height: 1.78;
	}

	.toju-article-cta-clean {
		border-radius: 22px;
		padding: 26px 20px;
	}

	.toju-article-share-clean {
		align-items: flex-start;
		flex-direction: column;
	}
}

.toju-article-soft-cta {
	position: relative;
	margin-top: 52px;
	padding: 30px;
	border-radius: 26px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 239, 229, 0.94));
	border: 1px solid rgba(198, 162, 122, 0.34);
	box-shadow: 0 20px 55px rgba(8, 47, 65, 0.08);
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 22px;
	align-items: center;
	overflow: hidden;
}

.toju-article-soft-cta::before {
	content: "";
	position: absolute;
	top: -70px;
	right: -70px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(198, 162, 122, 0.16);
	pointer-events: none;
}

.toju-article-soft-cta::after {
	content: "";
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, #c6a27a, rgba(198, 162, 122, 0));
	border-radius: 999px;
}

.toju-article-soft-cta-icon {
	position: relative;
	z-index: 2;
	width: 62px;
	height: 62px;
	border-radius: 18px;
	background: #0b3448;
	color: #c6a27a;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	box-shadow: 0 14px 30px rgba(8, 47, 65, 0.16);
}

.toju-article-soft-cta-content {
	position: relative;
	z-index: 2;
}

.toju-article-soft-cta-content span {
	display: block;
	margin-bottom: 6px;
	color: #c6a27a;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.9px;
}

.toju-article-soft-cta-content h2 {
	margin: 0 0 8px;
	color: #0b3448;
	font-size: clamp(23px, 2.5vw, 32px);
	line-height: 1.18;
}

.toju-article-soft-cta-content p {
	margin: 0;
	color: #52615c;
	font-size: 15px;
	line-height: 1.65;
	max-width: 620px;
}

.toju-article-soft-cta-action {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
}

.toju-article-soft-cta-action .theme-btn {
	white-space: nowrap;
}

@media (max-width: 991px) {
	.toju-article-soft-cta {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.toju-article-soft-cta-action {
		grid-column: 1 / -1;
		justify-content: flex-start;
	}
}

@media (max-width: 575px) {
	.toju-article-soft-cta {
		grid-template-columns: 1fr;
		padding: 26px 22px;
	}

	.toju-article-soft-cta-icon {
		width: 54px;
		height: 54px;
		font-size: 22px;
	}

	.toju-article-soft-cta-action .theme-btn {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}

.toju-article-share-premium {
	position: relative;
	margin-top: 34px;
	padding: 24px 26px;
	border-radius: 24px;
	background: #fbf8f3;
	border: 1px solid rgba(198, 162, 122, 0.28);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	overflow: hidden;
}

.toju-article-share-premium::before {
	content: "";
	position: absolute;
	top: -60px;
	right: -45px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: rgba(198, 162, 122, 0.14);
	pointer-events: none;
}

.toju-article-share-premium-content {
	position: relative;
	z-index: 2;
	max-width: 520px;
}

.toju-article-share-premium-content span {
	display: block;
	margin-bottom: 6px;
	color: #c6a27a;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.9px;
}

.toju-article-share-premium-content strong {
	display: block;
	color: #0b3448;
	font-size: 20px;
	line-height: 1.25;
	margin-bottom: 6px;
}

.toju-article-share-premium-content p {
	margin: 0;
	color: #52615c;
	font-size: 14px;
	line-height: 1.6;
}

.toju-article-share-premium-links {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.toju-article-share-premium-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid rgba(198, 162, 122, 0.24);
	color: #0b3448;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 10px 25px rgba(8, 47, 65, 0.06);
	transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.toju-article-share-premium-links a i {
	color: #c6a27a;
	font-size: 14px;
	transition: color 0.2s ease;
}

.toju-article-share-premium-links a:hover {
	transform: translateY(-2px);
	background: #0b3448;
	border-color: #0b3448;
	color: #ffffff;
}

.toju-article-share-premium-links a:hover i {
	color: #c6a27a;
}

@media (max-width: 767px) {
	.toju-article-share-premium {
		align-items: flex-start;
		flex-direction: column;
	}

	.toju-article-share-premium-links {
		width: 100%;
		justify-content: flex-start;
	}

	.toju-article-share-premium-links a {
		flex: 1;
		min-width: 120px;
	}
}

@media (max-width: 480px) {
	.toju-article-share-premium {
		padding: 22px 20px;
	}

	.toju-article-share-premium-links {
		flex-direction: column;
	}

	.toju-article-share-premium-links a {
		width: 100%;
	}
}
.toju-article-final-panel {
    position: relative;
    margin-top: 54px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top right,
        rgba(198, 162, 122, 0.20),
        transparent 30%),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbf8f3 54%,
            #f7efe5 100%
        );
    border: 1px solid rgba(198, 162, 122, 0.34);
    box-shadow: 0 24px 70px rgba(8, 47, 65, 0.08);
    overflow: hidden;
}

.toju-article-final-panel::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(198, 162, 122, 0.16);
    pointer-events: none;
}

.toju-article-final-panel::after {
    content: "";
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        #c6a27a,
        rgba(198, 162, 122, 0)
    );
    border-radius: 999px;
}

.toju-article-final-panel-main {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 34px 34px 28px;
}

.toju-article-final-panel-icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    background: #0b3448;
    color: #c6a27a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    box-shadow: 0 16px 34px rgba(8, 47, 65, 0.16);
}

.toju-article-final-panel-content span {
    display: block;
    margin-bottom: 8px;
    color: #c6a27a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.toju-article-final-panel-content h2 {
    margin: 0 0 10px;
    color: #0b3448;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.14;
}

.toju-article-final-panel-content p {
    margin: 0;
    color: #52615c;
    font-size: 15px;
    line-height: 1.7;
    max-width: 680px;
}

.toju-article-final-panel-action {
    display: flex;
    justify-content: flex-end;
}

.toju-article-final-panel-action .theme-btn {
    white-space: nowrap;
}

.toju-article-final-panel-share {
    position: relative;
    z-index: 2;
    margin: 0 34px 34px;
    padding: 20px 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(198, 162, 122, 0.22);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.toju-article-final-panel-share-text strong {
    display: block;
    color: #0b3448;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.toju-article-final-panel-share-text span {
    display: block;
    color: #52615c;
    font-size: 14px;
    line-height: 1.55;
}

.toju-article-final-panel-share-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.toju-article-final-panel-share-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 15px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(198, 162, 122, 0.24);
    color: #0b3448;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(8, 47, 65, 0.05);
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

.toju-article-final-panel-share-links a i {
    color: #c6a27a;
    font-size: 14px;
}

.toju-article-final-panel-share-links a:hover {
    transform: translateY(-2px);
    background: #0b3448;
    border-color: #0b3448;
    color: #ffffff;
}

@media (max-width: 991px) {
    .toju-article-final-panel-main {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .toju-article-final-panel-action {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .toju-article-final-panel-share {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .toju-article-final-panel {
        border-radius: 24px;
    }

    .toju-article-final-panel-main {
        grid-template-columns: 1fr;
        padding: 26px 22px 22px;
    }

    .toju-article-final-panel-icon {
        width: 54px;
        height: 54px;
        font-size: 22px;
    }

    .toju-article-final-panel-action .theme-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .toju-article-final-panel-share {
        margin: 0 22px 26px;
        padding: 18px;
    }

    .toju-article-final-panel-share-links {
        width: 100%;
        flex-direction: column;
    }

    .toju-article-final-panel-share-links a {
        width: 100%;
    }
}.toju-article-final-panel-share-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.toju-article-final-panel-share-links a,
.toju-article-final-panel-share-links button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 15px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid rgba(198, 162, 122, 0.24);
	color: #0b3448;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(8, 47, 65, 0.05);
	transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	cursor: pointer;
	font-family: inherit;
}

.toju-article-final-panel-share-links a i,
.toju-article-final-panel-share-links button i {
	color: #c6a27a;
	font-size: 14px;
	transition: color 0.2s ease;
}

.toju-article-final-panel-share-links a:hover,
.toju-article-final-panel-share-links button:hover {
	transform: translateY(-2px);
	background: #0b3448;
	border-color: #0b3448;
	color: #ffffff;
}

.toju-copy-link-btn.toju-copy-link-done {
	background: #0b3448;
	border-color: #0b3448;
	color: #ffffff;
}

@media (max-width: 767px) {
	.toju-article-final-panel-share-links {
		width: 100%;
		justify-content: flex-start;
	}

	.toju-article-final-panel-share-links a,
	.toju-article-final-panel-share-links button {
		flex: 1;
		min-width: 135px;
	}
}

@media (max-width: 480px) {
	.toju-article-final-panel-share-links {
		flex-direction: column;
	}

	.toju-article-final-panel-share-links a,
	.toju-article-final-panel-share-links button {
		width: 100%;
	}
}
.toju-article-header-premium {
	position: relative;
	margin-bottom: 42px;
	padding: 0 0 34px;
	border-bottom: 1px solid rgba(198, 162, 122, 0.26);
}

.toju-article-header-premium::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 120px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, #c6a27a, rgba(198, 162, 122, 0));
}

.toju-article-header-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}

.toju-article-header-kicker {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #c6a27a;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.toju-article-header-kicker i {
	font-size: 13px;
}

.toju-article-header-label {
	display: inline-flex;
	align-items: center;
	padding: 8px 13px;
	border-radius: 999px;
	background: #f7efe5;
	color: #0b3448;
	font-size: 12px;
	font-weight: 800;
	border: 1px solid rgba(198, 162, 122, 0.28);
}

.toju-article-header-premium h1 {
	position: relative;
	color: #0b3448;
	font-size: clamp(44px, 6vw, 78px);
	line-height: 1.02;
	letter-spacing: -1.8px;
	margin: 0 0 22px;
	max-width: 880px;
}

.toju-article-header-premium h1::after {
	content: "";
	display: block;
	width: 72px;
	height: 7px;
	margin-top: 20px;
	border-radius: 999px;
	background: #c6a27a;
	opacity: 0.75;
}

.toju-article-header-summary {
	max-width: 760px;
	margin: 0;
	color: #52615c;
	font-size: 18px;
	line-height: 1.75;
}

.toju-article-header-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.toju-article-header-tags span {
	display: inline-flex;
	align-items: center;
	padding: 9px 15px;
	border-radius: 999px;
	background: #fbf8f3;
	border: 1px solid rgba(198, 162, 122, 0.25);
	color: #0b3448;
	font-size: 13px;
	font-weight: 800;
}

@media (max-width: 575px) {
	.toju-article-header-top {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.toju-article-header-premium h1 {
		font-size: 42px;
		letter-spacing: -1px;
	}

	.toju-article-header-summary {
		font-size: 16px;
		line-height: 1.7;
	}

	.toju-article-header-tags span {
		font-size: 12px;
		padding: 8px 12px;
	}
}
.toju-article-header-luxury {
	position: relative;
	margin-bottom: 46px;
	border-radius: 30px;
	overflow: hidden;
	background: #0b3448;
	box-shadow: 0 26px 80px rgba(8, 47, 65, 0.16);
}

.toju-article-header-luxury-bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 88% 12%, rgba(198, 162, 122, 0.24), transparent 28%),
		linear-gradient(135deg, #0b3448 0%, #082b3c 54%, #061f2d 100%);
	pointer-events: none;
}

.toju-article-header-luxury-bg::before {
	content: "";
	position: absolute;
	left: -90px;
	bottom: -120px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.04);
}

.toju-article-header-luxury-bg::after {
	content: "";
	position: absolute;
	right: -70px;
	top: -80px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(198, 162, 122, 0.16);
}

.toju-article-header-luxury-inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 42px;
	align-items: end;
	padding: clamp(34px, 5vw, 58px);
}

.toju-article-header-luxury-kicker {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
	color: #c6a27a;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}

.toju-article-header-luxury-kicker span {
	display: block;
	width: 38px;
	height: 1px;
	background: #c6a27a;
}

.toju-article-header-luxury h1 {
	color: #ffffff;
	font-size: clamp(46px, 6vw, 82px);
	line-height: 0.98;
	letter-spacing: -2.4px;
	margin: 0;
	max-width: 820px;
}

.toju-article-header-luxury-content p {
	max-width: 720px;
	margin: 24px 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 18px;
	line-height: 1.75;
}

.toju-article-header-luxury-card {
	position: relative;
	padding: 24px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(8px);
}

.toju-article-header-luxury-card::before {
	content: "";
	position: absolute;
	top: 24px;
	left: 24px;
	width: 42px;
	height: 3px;
	border-radius: 999px;
	background: #c6a27a;
}

.toju-article-header-luxury-card span {
	display: block;
	margin-top: 20px;
	margin-bottom: 12px;
	color: #c6a27a;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.toju-article-header-luxury-card strong {
	display: block;
	color: #ffffff;
	font-size: 22px;
	line-height: 1.22;
	margin-bottom: 12px;
}

.toju-article-header-luxury-card p {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	line-height: 1.65;
}

@media (max-width: 991px) {
	.toju-article-header-luxury-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.toju-article-header-luxury-card {
		max-width: 420px;
	}
}

@media (max-width: 575px) {
	.toju-article-header-luxury {
		border-radius: 24px;
	}

	.toju-article-header-luxury-inner {
		padding: 32px 22px;
	}

	.toju-article-header-luxury h1 {
		font-size: 44px;
		letter-spacing: -1.4px;
	}

	.toju-article-header-luxury-content p {
		font-size: 16px;
		line-height: 1.7;
	}

	.toju-article-header-luxury-card {
		padding: 22px;
	}
}
.toju-blog-card-category {
	margin-bottom: 14px;

}

.toju-blog-card-category a,
.toju-blog-card-category span {

	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	background: #f7efe5;
	border: 1px solid rgba(198, 162, 122, 0.28);
	color: #0b3448;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	text-decoration: none;
}

.toju-blog-card-category a:hover {
	background: #0b3448;
	border-color: #0b3448;
	color: #ffffff;
}

.toju-article-header-luxury-kicker a {
	color: #c6a27a;
	text-decoration: none;
}

.toju-article-header-luxury-kicker a:hover {
	color: #ffffff;
}

.toju-simulator {
  color: #122c38;
  overflow: visible;
}

.toju-simulator * {
  box-sizing: border-box;
}

.toju-simulator__container {
  max-width: 1440px;
  margin: 0 auto;
  overflow: visible;
}

.toju-simulator__heading {
  padding: 74px 24px 66px;
  background: #10384b;
  color: #ffffff;
}

.toju-simulator__kicker {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 22px;
  color: #c9954d;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.toju-simulator__heading h2 {
  max-width: 930px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.45rem, 5.5vw, 5rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.toju-simulator__heading-text {
  max-width: 720px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1.05rem;
  line-height: 1.65;
}

.toju-simulator__body {
  padding: 42px 24px 66px;
  background:
    radial-gradient(circle at top left, rgba(197, 166, 104, 0.12), transparent 34%),
    linear-gradient(135deg, #f8f4ec 0%, #ffffff 48%, #eef4f6 100%);
  overflow: visible;
}

.toju-simulator__grid {
  display: grid;
  grid-template-columns: minmax(720px, 1fr) 430px;
  gap: 32px;
  align-items: start;
  overflow: visible;
}

.toju-simulator__form {
  display: grid;
  gap: 18px;
  padding: 22px;
  border: 1px solid rgba(15, 47, 63, 0.1);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 60px rgba(15, 47, 63, 0.1);
  backdrop-filter: blur(14px);
}

.toju-form-panel,
.toju-advanced {
  padding: 24px;
  border: 1px solid rgba(15, 47, 63, 0.1);
  border-radius: 24px;
  background: #ffffff;
}

.toju-form-panel__header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(15, 47, 63, 0.08);
}

.toju-form-panel__header p {
  margin: 0 0 5px;
  color: #c9954d;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.toju-form-panel__header h3 {
  margin: 0;
  color: #0f2f3f;
  font-size: 1.18rem;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.toju-form-panel__header > span {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f8f4ec;
  color: #0f2f3f;
  font-size: 0.78rem;
  font-weight: 900;
}

.toju-primary-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.9fr 1fr;
  gap: 22px;
  align-items: start;
}

.toju-field,
.toju-options {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.toju-field > legend,
.toju-options legend {
  display: block;
  margin: 0 0 12px;
  color: #0f2f3f;
  font-size: 0.92rem;
  font-weight: 900;
}

.toju-choice-grid {
  display: grid;
  gap: 10px;
}

.toju-choice-grid--cities {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.toju-choice-grid--periods,
.toju-choice-grid--property,
.toju-choice-grid--small {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.toju-choice {
  position: relative;
  display: block;
  min-width: 0;
  cursor: pointer;
}

.toju-choice input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.toju-choice span {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border: 1px solid rgba(15, 47, 63, 0.14);
  border-radius: 999px;
  background: #f8f4ec;
  color: #243c47;
  font-size: 0.82rem;
  font-weight: 850;
  text-align: center;
  line-height: 1.15;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.toju-choice:hover span {
  transform: translateY(-2px);
  background: #f1eadc;
}

.toju-choice input:checked + span {
  border-color: #0f2f3f;
  background: #0f2f3f;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(15, 47, 63, 0.18);
}

.toju-choice input:focus-visible + span {
  outline: 3px solid rgba(201, 149, 77, 0.45);
  outline-offset: 3px;
}

.toju-range-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.toju-range-card {
  padding: 18px;
  border: 1px solid rgba(15, 47, 63, 0.09);
  border-radius: 20px;
  background: #fbfaf7;
}

.toju-range-card label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  color: #0f2f3f;
  font-size: 0.9rem;
  font-weight: 900;
}

.toju-range-card label strong {
  display: inline-flex;
  min-width: 32px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f3efe7;
  color: #0f2f3f;
  font-size: 0.82rem;
  font-weight: 900;
}

.toju-range-card input[type="range"] {
  width: 100%;
  accent-color: #0f2f3f;
}

.toju-advanced {
  padding: 0;
  overflow: hidden;
}

.toju-advanced summary {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  color: #0f2f3f;
  cursor: pointer;
  list-style: none;
}

.toju-advanced summary::-webkit-details-marker {
  display: none;
}

.toju-advanced summary strong {
  display: block;
  font-size: 1.08rem;
  font-weight: 950;
  color : var(--ygency-primary-color);
}

.toju-simulator * {
  color : var(--ygency-primary-color);
}

.toju-advanced summary small {
  display: block;
  margin-top: 5px;
  color: #6b7280;
  font-size: 0.84rem;
  line-height: 1.45;
}

.toju-advanced summary b {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f8f4ec;
  font-size: 1.2rem;
}

.toju-advanced[open] summary b {
  transform: rotate(45deg);
}

.toju-advanced__content {
  display: grid;
  gap: 22px;
  padding: 0 24px 24px;
}

.toju-advanced__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  padding-top: 4px;
}

.toju-options {
  padding-top: 18px;
  border-top: 1px solid rgba(15, 47, 63, 0.08);
}

.toju-options-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.toju-options label {
  display: flex;
  gap: 9px;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 15px;
  background: #f8f4ec;
  color: #33444b;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
  cursor: pointer;
}

.toju-options input {
  flex: 0 0 auto;
  accent-color: #0f2f3f;
}


.toju-result {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(15, 47, 63, 0.1);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 60px rgba(15, 47, 63, 0.1);
  backdrop-filter: blur(14px);
}

.toju-result__top {
  padding: 28px;
  color: #ffffff;
}

.toju-result__label {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.92rem;
  font-weight: 800;
}

.toju-result__amount {
  margin: 0;
  font-size: clamp(3rem, 6vw, 4.6rem);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.06em;
}

.toju-result__range {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
}

.toju-result__main {
  padding: 18px 18px 0;
}

.toju-result__owner {
  margin: 0;
  padding: 22px;
  border-radius: 22px;
  background: #f8f4ec;
}

.toju-result__owner span {
  display: block;
  margin-bottom: 8px;
  color: #6b5b3a;
  font-size: 0.9rem;
  font-weight: 900;
}

.toju-result__owner strong {
  display: block;
  color: #0f2f3f;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: -0.04em;
}

.toju-result__owner small {
  display: block;
  margin-top: 10px;
  color: #6b7280;
  font-size: 0.84rem;
  line-height: 1.45;
}

.toju-result__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  padding: 18px;
}

.toju-result-card {
  padding: 15px;
  border: 1px solid rgba(15, 47, 63, 0.09);
  border-radius: 17px;
  background: #ffffff;
}

.toju-result-card span {
  display: block;
  margin-bottom: 7px;
  color: #66757b;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
}

.toju-result-card strong {
  color: #0f2f3f;
  font-size: 1.35rem;
}

.toju-result-card--muted {
  background: #fbfaf7;
}

.toju-result-card--muted strong {
  font-size: 1.15rem;
}

.toju-result__actions {
  display: flex;
  gap: 10px;
  padding: 0 18px 18px;
}

.toju-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 11px 17px;
  border: 0;
  border-radius: 999px;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.toju-button--primary {
  flex: 1;
  background: #0f2f3f;
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(15, 47, 63, 0.2);
}

.toju-button--secondary {
  background: #f3efe7;
  color: #0f2f3f;
}

.toju-result__notice {
  margin: 0;
  padding: 0 18px 22px;
  color: #6b7280;
  font-size: 0.78rem;
  line-height: 1.5;
}

@media (max-width: 1260px) {
  .toju-simulator__grid {
    grid-template-columns: 1fr;
  }

  .toju-result-wrap {
    position: static;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 920px) {
  .toju-primary-grid,
  .toju-advanced__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .toju-simulator__heading {
    padding: 58px 18px 52px;
  }

  .toju-simulator__heading h2 {
    font-size: clamp(2.3rem, 12vw, 3.8rem);
  }

  .toju-simulator__body {
    padding: 34px 14px 56px;
  }

  .toju-simulator__form {
    padding: 14px;
    border-radius: 24px;
  }

  .toju-form-panel,
  .toju-advanced {
    padding: 18px;
  }

  .toju-advanced {
    padding: 0;
  }

  .toju-choice-grid--cities,
  .toju-choice-grid--periods,
  .toju-choice-grid--property,
  .toju-choice-grid--small,
  .toju-range-grid,
  .toju-options-grid,
  .toju-result__cards {
    grid-template-columns: 1fr;
  }

  .toju-result__actions {
    flex-direction: column;
  }
}

/* =========================================================
   TOJU SIMULATEUR - OPTIMISATION MOBILE
   À placer tout en bas du CSS
========================================================= */

@media (max-width: 768px) {
	.toju-simulator.pt-110 {
		padding-top: 65px;
	}

	.toju-simulator.pb-110 {
		padding-bottom: 65px;
	}

	.toju-simulator .section-title {
		margin-bottom: 34px;
	}

	.toju-simulator .section-title h2,
	.toju-simulator-title,
	#toju-simulator-title {
		font-size: 2.35rem;
		line-height: 1.03;
		letter-spacing: -0.045em;
	}

	.toju-section-intro {
		font-size: 0.98rem;
		line-height: 1.6;
	}

	.toju-simulator-wrap {
		margin-left: -4px;
		margin-right: -4px;
	}

	.toju-simulator__grid {
		display: flex;
		flex-direction: column;
		gap: 18px;
	}

	.toju-simulator__form {
		order: 1;
		padding: 14px;
		border-radius: 22px;
	}

	.toju-result-wrap {
		order: 2;
		position: static;
		max-height: none;
		overflow: visible;
	}

	.toju-form-panel,
	.toju-advanced {
		padding: 16px;
		border-radius: 20px;
	}

	.toju-form-panel__header {
		display: block;
		margin-bottom: 16px;
		padding-bottom: 14px;
	}

	.toju-form-panel__header p {
		margin-bottom: 4px;
		font-size: 0.7rem;
	}

	.toju-form-panel__header h3 {
		font-size: 1.05rem;
		line-height: 1.2;
	}

	.toju-form-panel__header > span {
		display: none;
	}

	.toju-primary-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.toju-field > legend,
	.toju-options legend {
		margin-bottom: 9px;
		font-size: 0.88rem;
	}

	/* Choix en ligne scrollable pour éviter une page interminable */
	.toju-choice-grid,
	.toju-choice-grid--cities,
	.toju-choice-grid--periods,
	.toju-choice-grid--property,
	.toju-choice-grid--small {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		padding-bottom: 5px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.toju-choice-grid::-webkit-scrollbar,
	.toju-choice-grid--cities::-webkit-scrollbar,
	.toju-choice-grid--periods::-webkit-scrollbar,
	.toju-choice-grid--property::-webkit-scrollbar,
	.toju-choice-grid--small::-webkit-scrollbar {
		display: none;
	}

	.toju-choice {
		flex: 0 0 auto;
		min-width: auto;
	}

	.toju-choice span {
		min-height: 40px;
		min-width: 118px;
		padding: 9px 13px;
		font-size: 0.78rem;
		white-space: normal;
	}

	.toju-choice-grid--cities .toju-choice span {
		min-width: 142px;
	}

	.toju-choice-grid--property .toju-choice span {
		min-width: 128px;
	}

	.toju-field + .toju-field {
		margin-top: 18px;
	}

	.toju-range-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: 18px;
	}

	.toju-range-card {
		padding: 13px;
		border-radius: 16px;
	}

	.toju-range-card label {
		display: block;
		margin-bottom: 10px;
		font-size: 0.78rem;
		line-height: 1.25;
	}

	.toju-range-card label strong {
		margin-top: 6px;
		width: 28px;
		height: 24px;
		font-size: 0.78rem;
	}

	.toju-range-card input[type="range"] {
		height: 28px;
	}

	.toju-advanced {
		padding: 0;
	}

	.toju-advanced summary {
		padding: 15px 16px;
	}

	.toju-advanced summary strong {
		font-size: 0.98rem;
	}

	.toju-advanced summary small {
		font-size: 0.78rem;
		line-height: 1.35;
	}

	.toju-advanced summary b {
		width: 28px;
		height: 28px;
		flex: 0 0 28px;
	}

	.toju-advanced__content {
		padding: 0 16px 16px;
		gap: 18px;
	}

	.toju-advanced__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.toju-options-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.toju-options label {
		min-height: 40px;
		padding: 9px 10px;
		font-size: 0.76rem;
		border-radius: 13px;
	}

	/* Résultat plus compact sur mobile */
	.toju-result {
		border-radius: 22px;
	}

	.toju-result__top {
		padding: 22px;
	}

	.toju-result__label {
		font-size: 0.82rem;
	}

	.toju-result__amount {
		font-size: 3.2rem;
	}

	.toju-result__range {
		font-size: 0.82rem;
	}

	.toju-result__main {
		padding: 14px 14px 0;
	}

	.toju-result__owner {
		padding: 16px;
		border-radius: 18px;
	}

	.toju-result__owner span {
		font-size: 0.82rem;
	}

	.toju-result__owner strong {
		font-size: 2rem;
	}

	.toju-result__owner small {
		font-size: 0.78rem;
	}

	.toju-result__cards {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 9px;
		padding: 14px;
	}

	.toju-result-card {
		padding: 12px;
		border-radius: 15px;
	}

	.toju-result-card span {
		font-size: 0.7rem;
	}

	.toju-result-card strong {
		font-size: 1.12rem;
	}

	.toju-result__actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 9px;
		padding: 0 14px 14px;
	}

	.toju-button {
		min-height: 44px;
		font-size: 0.82rem;
	}

	.toju-result__notice {
		padding: 0 14px 18px;
		font-size: 0.72rem;
	}
}

@media (max-width: 420px) {
	.toju-simulator__body {
		padding-left: 10px;
		padding-right: 10px;
	}

	.toju-simulator__form {
		padding: 10px;
	}

	.toju-form-panel,
	.toju-advanced {
		border-radius: 18px;
	}

	.toju-range-grid {
		grid-template-columns: 1fr;
	}

	.toju-result__cards {
		grid-template-columns: 1fr;
	}

	.toju-choice span {
		min-width: 112px;
		font-size: 0.75rem;
	}

	.toju-choice-grid--cities .toju-choice span {
		min-width: 132px;
	}
}
.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 25px;
}

.article-tag {
  display: inline-flex;
  align-items: center;
  padding: 7px 13px;
  border-radius: 999px;
  background: #f8f4ec;
  color: #0f2f3f;
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1;
}
/* =========================================================
   TOJU - HEADER ARTICLE COMPACT BLEU
========================================================= */

.toju-article-header-compact {
  margin-bottom: 36px;
  padding: 0;
}

.toju-article-header-compact__inner {
  position: relative;
  overflow: hidden;
  padding: 34px 40px 36px;
  border-radius: 22px;
  background: linear-gradient(135deg, #0f2f3f 0%, #12394a 55%, #0b2633 100%);
  box-shadow: 0 18px 45px rgba(15, 47, 63, 0.12);
}

.toju-article-header-compact__inner::before {
  content: "";
  position: absolute;
  right: -75px;
  top: -85px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.toju-article-header-compact__inner::after {
  content: "";
  position: absolute;
  left: -55px;
  bottom: -85px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(197, 149, 77, 0.12);
}

.toju-article-header-compact__kicker,
.toju-article-header-compact h1,
.toju-article-header-compact p {
  position: relative;
  z-index: 2;
}

.toju-article-header-compact__kicker {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  color: #c9954d;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.toju-article-header-compact__kicker span {
  display: inline-block;
  width: 34px;
  height: 1px;
  background: #c9954d;
}

.toju-article-header-compact__kicker strong {
  color: #c9954d;
  font-weight: 900;
}

.toju-article-header-compact h1 {
  max-width: 850px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.2rem, 4.6vw, 4rem);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.055em;
}

.toju-article-header-compact p {
  max-width: 760px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .toju-article-header-compact {
    margin-bottom: 28px;
  }

  .toju-article-header-compact__inner {
    padding: 26px 22px 28px;
    border-radius: 18px;
  }

  .toju-article-header-compact__inner::before {
    right: -65px;
    top: -75px;
    width: 150px;
    height: 150px;
  }

  .toju-article-header-compact__inner::after {
    left: -45px;
    bottom: -70px;
    width: 120px;
    height: 120px;
  }

  .toju-article-header-compact__kicker {
    margin-bottom: 12px;
    font-size: 0.68rem;
  }

  .toju-article-header-compact__kicker span {
    width: 26px;
  }

  .toju-article-header-compact h1 {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .toju-article-header-compact p {
    margin-top: 14px;
    font-size: 0.94rem;
    line-height: 1.55;
  }
}
/* =========================================================
   TOJU - BLOG CARD PREMIUM
   Carte article cliquable + correction Drupal / Bootstrap
   ========================================================= */


/* ---------------------------------------------------------
   1) Correction des paddings / gutters Drupal + Bootstrap
   --------------------------------------------------------- */

.paragraph--type--views-reference.paragraph--view-mode--default .container,
.paragraph--type--views-reference.paragraph--view-mode--default .container-fluid {
  max-width: 1280px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paragraph--type--views-reference.paragraph--view-mode--default .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.paragraph--type--views-reference.paragraph--view-mode--default [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paragraph--type--views-reference.paragraph--view-mode--default .wap-views,
.paragraph--type--views-reference.paragraph--view-mode--default .contextual-region {
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 1rem;
}


/* ---------------------------------------------------------
   2) Conteneur des articles
   --------------------------------------------------------- */

.view-content:has(.toju-blog-card) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 34px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 55px 0 90px !important;
}

.view-content:has(.toju-blog-card) > * {
  width: 100% !important;
  max-width: 390px !important;
  flex: 0 1 390px !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ---------------------------------------------------------
   3) Carte article
   --------------------------------------------------------- */

.toju-blog-card {
  position: relative;
  display: block;
  width: 100% !important;
  max-width: 390px !important;
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(180deg, #f8f3eb 0%, #f4eee5 100%);
  color: inherit;
  text-decoration: none !important;
  box-shadow: 0 22px 55px rgba(7, 48, 68, 0.20);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Liseré discret premium */
.toju-blog-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  border: 1px solid rgba(214, 162, 103, 0.22);
  pointer-events: none;
}

/* Petite bulle dorée en bas à droite */
.toju-blog-card::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -55px;
  z-index: 1;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.13);
  pointer-events: none;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.toju-blog-card:hover {
  transform: translateY(-8px) rotate(-0.5deg);
  box-shadow: 0 28px 70px rgba(7, 48, 68, 0.34);
}

.toju-blog-card:hover::after {
  transform: scale(1.25);
  opacity: 0.9;
}


/* ---------------------------------------------------------
   4) Image pleine largeur
   --------------------------------------------------------- */

.toju-blog-card__media {
  position: relative;
  display: block;
  width: 100% !important;
  height: 250px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #073044;
  border-radius: 30px 30px 0 0;
}

.toju-blog-card__media img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: scale(1.02);
  transition: transform 0.55s ease, filter 0.55s ease;
}

.toju-blog-card:hover .toju-blog-card__media img {
  transform: scale(1.08);
  filter: saturate(1.12) contrast(1.05);
}

/* Dégradé sombre sur image */
.toju-blog-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(7, 48, 68, 0.04) 0%,
      rgba(7, 48, 68, 0.20) 45%,
      rgba(7, 48, 68, 0.70) 100%
    );
  pointer-events: none;
}


/* ---------------------------------------------------------
   5) Badge catégorie
   --------------------------------------------------------- */

.toju-blog-card__category {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 40px);
  padding: 11px 18px;
  border-radius: 999px;
  background: #d6a267;
  color: #073044;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.toju-blog-card:hover .toju-blog-card__category {
  transform: translateY(-4px);
  background: #e7b778;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.22);
}


/* ---------------------------------------------------------
   6) Contenu
   --------------------------------------------------------- */

.toju-blog-card__content {
  position: relative;
  z-index: 2;
  padding: 29px 25px 30px;
  height: 23rem;
}

.toju-blog-card__date {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #75858c;
  font-size: 13px;
  font-weight: 800;
}

.toju-blog-card__date i {
  color: #d6a267;
  font-size: 14px;
}

.toju-blog-card__title {
  margin: 0 0 14px;
  color: #073044 !important;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.05em;
  transition: color 0.25s ease, transform 0.25s ease;
}

.toju-blog-card:hover .toju-blog-card__title {
  color: #b98248;
  transform: translateX(2px);
}

.toju-blog-card__excerpt {
  margin-bottom: 27px;
  color: #405b66;
  font-size: 15.5px;
  line-height: 1.72;
}


/* ---------------------------------------------------------
   7) Bouton / CTA
   --------------------------------------------------------- */

.toju-blog-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 20px;
  border-radius: 999px;
  background: #073044;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(7, 48, 68, 0.25);
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.toju-blog-card:hover .toju-blog-card__link {
  background: #d6a267;
  color: #073044;
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(214, 162, 103, 0.32);
}

.toju-blog-card__link i {
  font-size: 13px;
  transition: transform 0.25s ease;
}

.toju-blog-card:hover .toju-blog-card__link i {
  transform: translateX(5px);
}


/* ---------------------------------------------------------
   8) Responsive tablette
   --------------------------------------------------------- */

@media (max-width: 900px) {
  .view-content:has(.toju-blog-card) > *,
  .toju-blog-card {
    max-width: 420px !important;
    flex-basis: 420px !important;
  }

  .toju-blog-card__media {
    height: 240px;
  }
}


/* ---------------------------------------------------------
   9) Responsive mobile
   --------------------------------------------------------- */

@media (max-width: 600px) {
  .view-content:has(.toju-blog-card) {
    padding: 35px 0 65px !important;
  }

  .view-content:has(.toju-blog-card) > *,
  .toju-blog-card {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .toju-blog-card {
    border-radius: 2rem;
  }

  .toju-blog-card__media {
    height: 220px;
    border-radius: 24px 24px 0 0;
  }

  .toju-blog-card__content {
    padding: 24px 21px 27px;
  }

  .toju-blog-card__title {
    font-size: 23px;
  }

  .toju-blog-card__excerpt {
    font-size: 15px;
  }
}

img {
  border-radius: 2rem !important;
}
/* =========================================================
   TOJU - BLOG CARDS + PAGE ARTICLE PREMIUM
   Version complète sans carré bleu + breadcrumb corrigé
   ========================================================= */


/* =========================================================
   1) CORRECTION DRUPAL / BOOTSTRAP GLOBALE ARTICLE
   ========================================================= */

/* Très important : ton thème enferme le node dans des containers.
   On les neutralise uniquement sur les pages article. */

body.page-node-type-article {
  background: #073044 !important;
}

body.page-node-type-article .block-system-main-block > .container,
body.page-node-type-article .block-system-main-block > .container-fluid,
body.page-node-type-article main .container,
body.page-node-type-article main .container-fluid,
body.page-node-type-article #content .container,
body.page-node-type-article #content .container-fluid {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-node-type-article .block-system-main-block .row,
body.page-node-type-article main .row,
body.page-node-type-article #content .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-node-type-article .block-system-main-block [class*="col-"],
body.page-node-type-article main [class*="col-"],
body.page-node-type-article #content [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================================================
   2) CORRECTION DRUPAL / BOOTSTRAP POUR LES VUES ARTICLES
   ========================================================= */

.paragraph--type--views-reference.paragraph--view-mode--default .container,
.paragraph--type--views-reference.paragraph--view-mode--default .container-fluid {
  max-width: 1280px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paragraph--type--views-reference.paragraph--view-mode--default .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.paragraph--type--views-reference.paragraph--view-mode--default [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paragraph--type--views-reference.paragraph--view-mode--default .wap-views,
.paragraph--type--views-reference.paragraph--view-mode--default .contextual-region {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================================================
   3) CARTES ARTICLES / LISTING
   ========================================================= */

.view-content:has(.toju-blog-card) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 34px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 55px 0 90px !important;
}

.view-content:has(.toju-blog-card) > * {
  width: 100% !important;
  max-width: 390px !important;
  flex: 0 1 390px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.toju-blog-card {
  position: relative;
  display: block;
  width: 100% !important;
  max-width: 390px !important;
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(180deg, #f8f3eb 0%, #f4eee5 100%);
  color: inherit;
  text-decoration: none !important;
  box-shadow: 0 22px 55px rgba(7, 48, 68, 0.20);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.toju-blog-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  border: 1px solid rgba(214, 162, 103, 0.22);
  pointer-events: none;
}

.toju-blog-card::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -55px;
  z-index: 1;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.13);
  pointer-events: none;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.toju-blog-card:hover {
  transform: translateY(-8px) rotate(-0.5deg);
  box-shadow: 0 28px 70px rgba(7, 48, 68, 0.34);
}

.toju-blog-card:hover::after {
  transform: scale(1.25);
  opacity: 0.9;
}

.toju-blog-card__media {
  position: relative;
  display: block;
  width: 100% !important;
  height: 250px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #073044;
  border-radius: 30px 30px 0 0;
}

.toju-blog-card__media img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: scale(1.02);
  transition: transform 0.55s ease, filter 0.55s ease;
}

.toju-blog-card:hover .toju-blog-card__media img {
  transform: scale(1.08);
  filter: saturate(1.12) contrast(1.05);
}

.toju-blog-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(7, 48, 68, 0.04) 0%,
      rgba(7, 48, 68, 0.20) 45%,
      rgba(7, 48, 68, 0.70) 100%
    );
  pointer-events: none;
}

.toju-blog-card__category {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 40px);
  padding: 11px 18px;
  border-radius: 999px;
  background: #d6a267;
  color: #073044;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.toju-blog-card:hover .toju-blog-card__category {
  transform: translateY(-4px);
  background: #e7b778;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.22);
}

.toju-blog-card__content {
  position: relative;
  z-index: 2;
  padding: 29px 25px 30px;
}

.toju-blog-card__date {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #75858c;
  font-size: 13px;
  font-weight: 800;
}

.toju-blog-card__date i {
  color: #d6a267;
  font-size: 14px;
}

.toju-blog-card__title {
  margin: 0 0 14px;
  color: #073044;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.05em;
  transition: color 0.25s ease, transform 0.25s ease;
}

.toju-blog-card:hover .toju-blog-card__title {
  color: #b98248;
  transform: translateX(2px);
}

.toju-blog-card__excerpt {
  margin: 0 0 27px;
  color: #405b66;
  font-size: 15.5px;
  line-height: 1.72;
}

.toju-blog-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 20px;
  border-radius: 999px;
  background: #073044;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(7, 48, 68, 0.25);
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.toju-blog-card:hover .toju-blog-card__link {
  background: #d6a267;
  color: #073044;
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(214, 162, 103, 0.32);
}

.toju-blog-card__link i {
  font-size: 13px;
  transition: transform 0.25s ease;
}

.toju-blog-card:hover .toju-blog-card__link i {
  transform: translateX(5px);
}


/* =========================================================
   4) PAGE ARTICLE - GLOBAL
   ========================================================= */

.toju-article-single {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #073044;
  color: #f8f3eb;
}

.toju-article-single a {
  text-decoration: none;
}


/* =========================================================
   5) PAGE ARTICLE - HAUT PREMIUM SANS CARRÉ
   ========================================================= */

.toju-article-top {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 72px 20px 0;
  background: #073044;
}

.toju-article-top::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(248, 243, 235, 0.055) 0%, rgba(248, 243, 235, 0.055) 8%, rgba(248, 243, 235, 0) 22%),
    radial-gradient(circle at 78% 37%, rgba(214, 162, 103, 0.12) 0%, rgba(214, 162, 103, 0.12) 8%, rgba(214, 162, 103, 0) 24%);
  pointer-events: none;
  z-index: 0;
}

/* Bande beige pleine largeur derrière l'image */
.toju-article-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 170px;
  background: #f8f3eb;
  z-index: 1;
}

.toju-article-top__inner {
  position: relative;
  z-index: 2;
  max-width: 1120px;
  margin: 0 auto;
}

.toju-article-top__content {
  max-width: 860px;
  margin: 0 auto 46px;
  text-align: center;
}

.toju-article-breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 22px;
  color: rgba(248, 243, 235, 0.68);
  font-size: 13px;
  font-weight: 800;
}

.toju-article-breadcrumb a {
  color: rgba(248, 243, 235, 0.68);
  transition: color 0.25s ease;
}

.toju-article-breadcrumb a:hover {
  color: #d6a267;
}

.toju-article-breadcrumb strong {
  color: #d6a267;
  font-weight: 950;
}

.toju-article-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 10px 17px;
  border: 1px solid rgba(214, 162, 103, 0.32);
  border-radius: 999px;
  background: rgba(248, 243, 235, 0.07);
  color: #d6a267;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-left: 1rem;
}

.toju-article-kicker span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #d6a267;
  box-shadow: 0 0 0 6px rgba(214, 162, 103, 0.13);
}

.toju-article-kicker a,
.toju-article-kicker strong {
  color: inherit;
}

.toju-article-top h1 {
    max-width: 850px;
    margin: 0 auto 22px;
    color: #ffffff;
    font-size: clamp(46px, 5.4vw, 48px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.07em;
    text-wrap: balance;
}

.toju-article-top__content p {
  max-width: 850px;
  margin: 0 auto;
  color: rgba(248, 243, 235, 0.82);
  font-size: 15px;
  line-height: 1.72;
  text-wrap: balance;
}

.toju-article-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 11px;
  margin-top: 30px;
}

.toju-article-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  border-radius: 999px;
  background: rgba(248, 243, 235, 0.08);
  border: 1px solid rgba(248, 243, 235, 0.10);
  color: rgba(248, 243, 235, 0.84);
  font-size: 13px;
  font-weight: 850;
}

.toju-article-meta i {
  color: #d6a267;
}

.toju-article-hero-image {
  position: relative;
  overflow: hidden;
  max-width: 1040px;
  margin: 0 auto;
  border-radius: 36px;
  background: #073044;
}

.toju-article-hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  border: 1px solid rgba(248, 243, 235, 0.16);
  pointer-events: none;
}

.toju-article-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      rgba(7, 48, 68, 0.10) 0%,
      rgba(7, 48, 68, 0.00) 44%,
      rgba(7, 48, 68, 0.10) 100%
    );
  pointer-events: none;
}

.toju-article-hero-image img {
  display: block;
  width: 100%;
  height: min(540px, 52vw);
  min-height: 340px;
  object-fit: cover;
  transform: scale(1.01);
}


/* =========================================================
   6) PAGE ARTICLE - CONTENU
   ========================================================= */

.toju-article-main {
  width: 100%;
  padding: 88px 20px 95px;
  background: #f8f3eb;
  color: #073044;
}

.toju-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 740px) 320px;
  gap: 70px;
  max-width: 1160px;
  margin: 0 auto;
  align-items: start;
  justify-content: center;
}

.toju-article-content {
  width: 100%;
  max-width: 740px;
  color: #1b3c4c;
  font-size: 18px;
  line-height: 1.85;
}

.toju-article-content > *:first-child {
  margin-top: 0;
}

.toju-article-content h2 {
  margin: 54px 0 18px;
  color: #073044;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.toju-article-content h3 {
  margin: 38px 0 14px;
  color: #073044;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -0.035em;
}

.toju-article-content p {
  margin: 0 0 24px;
  line-height: 1.6;
}

.toju-article-content a {
  color: #b98248;
  font-weight: 800;
  border-bottom: 1px solid rgba(185, 130, 72, 0.35);
}

.toju-article-content a:hover {
  color: #073044;
  border-color: #073044;
}

.toju-article-content ul,
.toju-article-content ol {
  margin: 0 0 28px;
  padding-left: 24px;
}

.toju-article-content li {
  margin-bottom: 10px;
}

.toju-article-content blockquote {
  position: relative;
  margin: 42px 0;
  padding: 30px 34px;
  border-left: 5px solid #d6a267;
  border-radius: 22px;
  background: #ffffff;
  color: #073044;
  box-shadow: 0 18px 45px rgba(7, 48, 68, 0.10);
}

.toju-article-content blockquote p {
  margin: 0;
  font-size: 20px;
  font-weight: 750;
  line-height: 1.55;
}

.toju-article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 24px;
}


/* =========================================================
   7) PAGE ARTICLE - SIDEBAR
   ========================================================= */

.toju-article-sidebar {
  position: sticky;
  top: 110px;
  width: 100%;
}

.toju-article-sidebar__box {
  position: relative;
  overflow: hidden;
  padding: 28px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(214, 162, 103, 0.20) 0%, rgba(214, 162, 103, 0) 38%),
    #073044;
  color: #ffffff;
  box-shadow: 0 24px 65px rgba(7, 48, 68, 0.22);
}

.toju-article-sidebar__box::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -48px;
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.14);
  pointer-events: none;
}

.toju-article-sidebar__label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 13px;
  border-radius: 999px;
  background: #d6a267;
  color: #073044;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.toju-article-sidebar__box h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.toju-article-sidebar__box p {
  position: relative;
  z-index: 2;
  margin: 0 0 22px;
  color: rgba(248, 243, 235, 0.82);
  font-size: 15px;
  line-height: 1.65;
}

.toju-article-sidebar__button {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 17px;
  border-radius: 999px;
  background: #f8f3eb;
  color: #073044;
  font-size: 14px;
  font-weight: 950;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
  transition: background 0.25s ease, transform 0.25s ease;
}

.toju-article-sidebar__button:hover {
  background: #d6a267;
  color: #073044;
  transform: translateY(-2px);
}


/* =========================================================
   8) PAGE ARTICLE - TAGS
   ========================================================= */

.toju-article-tags {
  margin-top: 55px;
  padding-top: 28px;
  border-top: 1px solid rgba(7, 48, 68, 0.12);
}

.toju-article-tags__title {
  display: block;
  margin-bottom: 14px;
  color: #073044;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.toju-article-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.toju-article-tags__list span {
  display: inline-flex;
  padding: 9px 13px;
  border-radius: 999px;
  background: #ffffff;
  color: #073044;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 10px 28px rgba(7, 48, 68, 0.08);
}


/* =========================================================
   9) PAGE ARTICLE - CTA FINAL
   ========================================================= */

.toju-article-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 34px;
  width: calc(100% - 40px);
  max-width: 1160px;
  margin: 0 auto;
  padding: 44px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 90% 15%, rgba(214, 162, 103, 0.20) 0%, rgba(214, 162, 103, 0) 35%),
    #073044;
  color: #ffffff;
  box-shadow: 0 28px 80px rgba(7, 48, 68, 0.24);
  transform: translateY(-45px);
}

.toju-article-cta__eyebrow {
  display: inline-flex;
  margin-bottom: 16px;
  color: #d6a267;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.toju-article-cta h2 {
  max-width: 700px;
  margin: 0 0 16px;
  color: #ffffff;
  font-size: clamp(32px, 3.4vw, 52px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.055em;
}

.toju-article-cta p {
  max-width: 740px;
  margin: 0;
  color: rgba(248, 243, 235, 0.82);
  font-size: 17px;
  line-height: 1.7;
}

.toju-article-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.toju-article-cta__primary,
.toju-article-cta__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 20px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 950;
}

.toju-article-cta__primary {
  background: #d6a267;
  color: #073044;
  box-shadow: 0 16px 34px rgba(214, 162, 103, 0.28);
}

.toju-article-cta__primary:hover {
  background: #f8f3eb;
  color: #073044;
}

.toju-article-cta__secondary {
  border: 1px solid rgba(248, 243, 235, 0.22);
  background: rgba(248, 243, 235, 0.08);
  color: #ffffff;
}

.toju-article-cta__secondary:hover {
  background: #ffffff;
  color: #073044;
}

.toju-article-cta__card {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 240px;
  padding: 26px;
  border-radius: 26px;
  background: rgba(248, 243, 235, 0.08);
  border: 1px solid rgba(248, 243, 235, 0.14);
}

.toju-article-cta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: auto;
  border-radius: 17px;
  background: #d6a267;
  color: #073044;
  font-size: 22px;
}

.toju-article-cta__card strong {
  display: block;
  margin: 24px 0 9px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.toju-article-cta__card span {
  color: rgba(248, 243, 235, 0.76);
  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   10) PAGE ARTICLE - PARTAGE
   ========================================================= */

.toju-article-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: 1160px;
  margin: -10px auto 90px;
  padding: 0 20px;
  color: #ffffff;
}

.toju-article-share__text strong {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 950;
}

.toju-article-share__text span {
  color: rgba(248, 243, 235, 0.72);
  font-size: 14px;
}

.toju-article-share__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.toju-article-share__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: rgba(248, 243, 235, 0.08);
  color: #ffffff;
  border: 1px solid rgba(248, 243, 235, 0.12);
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.toju-article-share__links a:hover {
  transform: translateY(-3px);
  background: #d6a267;
  color: #073044;
}


/* =========================================================
   11) RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
  .toju-article-layout {
    grid-template-columns: 1fr;
    gap: 42px;
    max-width: 760px;
  }

  .toju-article-sidebar {
    position: static;
    order: 2;
  }

  .toju-article-content {
    max-width: none;
  }

  .toju-article-cta {
    grid-template-columns: 1fr;
  }

  .toju-article-cta__card {
    min-height: auto;
  }
}

@media (max-width: 900px) {
  .view-content:has(.toju-blog-card) > *,
  .toju-blog-card {
    max-width: 420px !important;
    flex-basis: 420px !important;
  }

  .toju-blog-card__media {
    height: 240px;
  }

  .toju-article-top {
    padding-top: 58px;
  }

  .toju-article-top::after {
    height: 130px;
  }

  .toju-article-hero-image {
    border-radius: 28px;
  }

  .toju-article-hero-image img {
    height: 420px;
    min-height: 300px;
  }
}

@media (max-width: 700px) {
  .toju-article-top {
    padding: 46px 16px 0;
  }

  .toju-article-breadcrumb {
    display: none;
  }

  .toju-article-kicker {
    margin-bottom: 18px;
    font-size: 11px;
  }

  .toju-article-top h1 {
    font-size: 42px;
    letter-spacing: -0.055em;
  }

  .toju-article-top__content p {
    font-size: 16px;
    line-height: 1.65;
  }

  .toju-article-meta {
    gap: 8px;
    margin-top: 24px;
  }

  .toju-article-meta span {
    padding: 9px 12px;
    font-size: 12px;
  }

  .toju-article-hero-image {
    border-radius: 24px;
  }

  .toju-article-hero-image img {
    height: 320px;
    min-height: 320px;
  }

  .toju-article-main {
    padding: 68px 16px 78px;
  }

  .toju-article-content {
    font-size: 16.5px;
    line-height: 1.78;
  }

  .toju-article-content h2 {
    margin-top: 42px;
  }

  .toju-article-cta {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    padding: 30px 24px;
    border-radius: 26px;
    transform: translateY(-35px);
  }

  .toju-article-share {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 65px;
  }
}

@media (max-width: 600px) {
  .view-content:has(.toju-blog-card) {
    padding: 35px 0 65px !important;
  }

  .view-content:has(.toju-blog-card) > *,
  .toju-blog-card {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .toju-blog-card {
    border-radius: 24px;
  }

  .toju-blog-card__media {
    height: 220px;
    border-radius: 24px 24px 0 0;
  }

  .toju-blog-card__content {
    padding: 24px 21px 27px;
  }

  .toju-blog-card__title {
    font-size: 23px;
  }

  .toju-blog-card__excerpt {
    font-size: 15px;
  }
}
/* =========================================================
   TOJU - FIX SIDEBAR STICKY ARTICLE
   À coller tout en bas du CSS
   ========================================================= */


/* ---------------------------------------------------------
   2) Structure de la zone article
   --------------------------------------------------------- */

.toju-article-main {
  position: relative;
  width: 100%;
  padding: 88px 20px 95px;
  background: #f8f3eb;
  color: #073044;
}

.toju-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 740px) 340px;
  gap: 70px;
  max-width: 1160px;
  margin: 0 auto;
  align-items: start;
  justify-content: center;
}


/* ---------------------------------------------------------
   3) Sidebar sticky
   --------------------------------------------------------- */

.toju-article-sidebar {
  position: relative;
  width: 100%;
  align-self: start;
}

.toju-article-sidebar__box {
  position: sticky !important;
  top: 120px;
  overflow: hidden;
  padding: 34px;
  border-radius: 32px;
  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(214, 162, 103, 0.16) 0%,
      rgba(214, 162, 103, 0.16) 18%,
      rgba(214, 162, 103, 0) 42%
    ),
    linear-gradient(145deg, #073044 0%, #0b3b50 100%);
  color: #ffffff;
  box-shadow:
    0 28px 70px rgba(7, 48, 68, 0.24),
    0 1px 0 rgba(255, 255, 255, 0.08) inset;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

.toju-article-sidebar__box::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  border: 1px solid rgba(214, 162, 103, 0.18);
  pointer-events: none;
}

.toju-article-sidebar__box::after {
  content: "";
  position: absolute;
  right: -52px;
  bottom: -52px;
  width: 160px;
  height: 160px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.14);
  pointer-events: none;
  transition: transform 0.3s ease;
}

.toju-article-sidebar__box:hover {
  transform: translateY(-4px);
  box-shadow:
    0 34px 82px rgba(7, 48, 68, 0.30),
    0 1px 0 rgba(255, 255, 255, 0.10) inset;
}

.toju-article-sidebar__box:hover::after {
  transform: scale(1.18);
}


/* ---------------------------------------------------------
   4) Contenu de la sidebar
   --------------------------------------------------------- */

.toju-article-sidebar__label {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  margin-bottom: 22px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #d6a267;
  color: #073044;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.055em;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14);
}

.toju-article-sidebar__box h2 {
  position: relative;
  z-index: 4;
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: -0.055em;
}

.toju-article-sidebar__box p {
  position: relative;
  z-index: 4;
  margin: 0 0 28px;
  color: rgba(248, 243, 235, 0.84);
  font-size: 16px;
  line-height: 1.7;
}

.toju-article-sidebar__button {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 22px;
  border-radius: 999px;
  background: #f8f3eb;
  color: #073044;
  font-size: 15px;
  font-weight: 950;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.toju-article-sidebar__button:hover {
  background: #d6a267;
  color: #073044;
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(214, 162, 103, 0.28);
}

.toju-article-sidebar__button i {
  font-size: 14px;
  transition: transform 0.25s ease;
}

.toju-article-sidebar__button:hover i {
  transform: translateX(4px);
}


/* ---------------------------------------------------------
   5) Responsive
   --------------------------------------------------------- */

@media (max-width: 1024px) {
  .toju-article-layout {
    grid-template-columns: 1fr;
    gap: 42px;
    max-width: 760px;
  }

  .toju-article-sidebar {
    position: static;
    order: 2;
  }

  .toju-article-sidebar__box {
    position: relative !important;
    top: auto;
    padding: 30px;
  }
}

@media (max-width: 700px) {
  .toju-article-sidebar__box {
    padding: 26px 22px;
    border-radius: 26px;
  }

  .toju-article-sidebar__box h2 {
    font-size: 26px;
  }

  .toju-article-sidebar__box p {
    font-size: 15px;
  }

  .toju-article-sidebar__button {
    width: 100%;
  }
}

/* =========================================================
   PAGE ARTICLE - CTA FINAL PREMIUM
   ========================================================= */

.toju-article-cta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 42px;
  width: calc(100% - 40px);
  max-width: 1160px;
  margin: 0 auto;
  padding: 48px;
  border-radius: 36px;
  background:
    radial-gradient(circle at 88% 18%, rgba(214, 162, 103, 0.18) 0%, rgba(214, 162, 103, 0) 34%),
    radial-gradient(circle at 12% 100%, rgba(248, 243, 235, 0.06) 0%, rgba(248, 243, 235, 0) 34%),
    linear-gradient(145deg, #073044 0%, #0a3a50 100%);
  color: #ffffff;
  box-shadow: 0 28px 80px rgba(7, 48, 68, 0.26);
  transform: translateY(-45px);
  overflow: hidden;
}

.toju-article-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(214, 162, 103, 0.16);
  pointer-events: none;
}

.toju-article-cta::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 230px;
  height: 230px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.09);
  pointer-events: none;
}

.toju-article-cta__content {
  position: relative;
  z-index: 2;
}

.toju-article-cta__eyebrow {
  display: inline-flex;
  margin-bottom: 18px;
  color: #d6a267;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.toju-article-cta h2 {
  max-width: 760px;
  margin: 0 0 18px;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 950;
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.toju-article-cta p {
  max-width: 760px;
  margin: 0;
  color: rgba(248, 243, 235, 0.80);
  font-size: 18px;
  line-height: 1.72;
}

.toju-article-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 32px;
}

.toju-article-cta__primary,
.toju-article-cta__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 15px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 950;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.toju-article-cta__primary {
  background: #d6a267;
  color: #073044;
  box-shadow: 0 16px 34px rgba(214, 162, 103, 0.28);
}

.toju-article-cta__primary:hover {
  background: #f8f3eb;
  color: #073044;
  transform: translateY(-2px);
}

.toju-article-cta__primary i {
  transition: transform 0.25s ease;
}

.toju-article-cta__primary:hover i {
  transform: translateX(4px);
}

.toju-article-cta__secondary {
  border: 1px solid rgba(248, 243, 235, 0.22);
  background: rgba(248, 243, 235, 0.08);
  color: #ffffff;
}

.toju-article-cta__secondary:hover {
  background: #ffffff;
  color: #073044;
  transform: translateY(-2px);
}

.toju-article-cta__card {
  position: relative;
  z-index: 2;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 260px;
  padding: 28px;
  border-radius: 28px;
  background: rgba(248, 243, 235, 0.08);
  border: 1px solid rgba(248, 243, 235, 0.14);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.10);
}

.toju-article-cta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #d6a267;
  color: #073044;
  font-size: 23px;
}

.toju-article-cta__card strong {
  display: block;
  margin: auto 0 10px;
  color: #ffffff;
  font-size: 23px;
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.toju-article-cta__card span {
  color: rgba(248, 243, 235, 0.76);
  font-size: 15px;
  line-height: 1.62;
}


/* =========================================================
   PAGE ARTICLE - PARTAGE INTÉGRÉ
   ========================================================= */

.toju-article-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: calc(100% - 40px);
  max-width: 1160px;
  margin: -20px auto 90px;
  padding: 24px 30px;
  border-radius: 28px;
  background: rgba(248, 243, 235, 0.06);
  border: 1px solid rgba(248, 243, 235, 0.10);
  color: #ffffff;
}

.toju-article-share__text strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 950;
}

.toju-article-share__text span {
  color: rgba(248, 243, 235, 0.72);
  font-size: 14px;
  line-height: 1.5;
}

.toju-article-share__links {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.toju-article-share__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: rgba(248, 243, 235, 0.08);
  color: #ffffff;
  border: 1px solid rgba(248, 243, 235, 0.14);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.toju-article-share__links a:hover {
  transform: translateY(-3px);
  background: #d6a267;
  color: #073044;
  box-shadow: 0 14px 28px rgba(214, 162, 103, 0.22);
}


/* =========================================================
   RESPONSIVE CTA + PARTAGE
   ========================================================= */

@media (max-width: 1024px) {
  .toju-article-cta {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .toju-article-cta__card {
    min-height: auto;
  }

  .toju-article-cta__card strong {
    margin-top: 28px;
  }
}

@media (max-width: 700px) {
  .toju-article-cta {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    padding: 30px 24px;
    border-radius: 28px;
    transform: translateY(-35px);
  }

  .toju-article-cta h2 {
    font-size: 36px;
  }

  .toju-article-cta p {
    font-size: 16px;
  }

  .toju-article-cta__actions {
    flex-direction: column;
  }

  .toju-article-cta__primary,
  .toju-article-cta__secondary {
    width: 100%;
  }

  .toju-article-share {
    width: calc(100% - 32px);
    margin: -10px 16px 65px;
    padding: 22px;
    flex-direction: column;
    align-items: flex-start;
  }

  .toju-article-share__links {
    width: 100%;
  }
}

.toju-article-cta {
  grid-template-columns: minmax(0, 1fr) 290px;
}

.toju-article-cta__card {
  min-height: 210px;
  padding: 24px;
  border-radius: 24px;
}

.toju-article-cta__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  font-size: 20px;
}

.toju-article-cta__card strong {
  font-size: 19px;
  margin: 20px 0 8px;
}

.toju-article-cta__card span {
  font-size: 14px;
  line-height: 1.55;
}

/* =========================================================
   PAGE ARTICLE - CTA FINAL PREMIUM RESPONSIVE
   ========================================================= */

.toju-article-cta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 38px;
  width: calc(100% - 40px);
  max-width: 1160px;
  margin: 0 auto;
  padding: 46px;
  border-radius: 36px;
  background:
    radial-gradient(circle at 92% 20%, rgba(214, 162, 103, 0.17) 0%, rgba(214, 162, 103, 0) 34%),
    radial-gradient(circle at 10% 100%, rgba(248, 243, 235, 0.06) 0%, rgba(248, 243, 235, 0) 34%),
    linear-gradient(145deg, #073044 0%, #0a3a50 100%);
  color: #ffffff;
  box-shadow: 0 28px 80px rgba(7, 48, 68, 0.26);
  transform: translateY(-45px);
  overflow: hidden;
}

.toju-article-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(214, 162, 103, 0.16);
  pointer-events: none;
  z-index: 3;
}

.toju-article-cta::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 230px;
  height: 230px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.09);
  pointer-events: none;
  z-index: 1;
}

.toju-article-cta__content {
  position: relative;
  z-index: 2;
}

.toju-article-cta__eyebrow {
  display: inline-flex;
  margin-bottom: 18px;
  color: #d6a267;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.toju-article-cta h2 {
  max-width: 760px;
  margin: 0 0 18px;
  color: #ffffff;
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 950;
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.toju-article-cta p {
  max-width: 760px;
  margin: 0;
  color: rgba(248, 243, 235, 0.80);
  font-size: 18px;
  line-height: 1.72;
}

.toju-article-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 32px;
}

.toju-article-cta__primary,
.toju-article-cta__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 15px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 950;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.toju-article-cta__primary {
  background: #d6a267;
  color: #073044;
  box-shadow: 0 16px 34px rgba(214, 162, 103, 0.28);
}

.toju-article-cta__primary:hover {
  background: #f8f3eb;
  color: #073044;
  transform: translateY(-2px);
}

.toju-article-cta__primary i {
  transition: transform 0.25s ease;
}

.toju-article-cta__primary:hover i {
  transform: translateX(4px);
}

.toju-article-cta__secondary {
  border: 1px solid rgba(248, 243, 235, 0.22);
  background: rgba(248, 243, 235, 0.08);
  color: #ffffff;
}

.toju-article-cta__secondary:hover {
  background: #ffffff;
  color: #073044;
  transform: translateY(-2px);
}

.toju-article-cta__card {
  position: relative;
  z-index: 2;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  padding: 26px;
  border-radius: 28px;
  background: rgba(248, 243, 235, 0.08);
  border: 1px solid rgba(248, 243, 235, 0.14);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.10);
}

.toju-article-cta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 34px;
  border-radius: 17px;
  background: #d6a267;
  color: #073044;
  font-size: 22px;
}

.toju-article-cta__card-text {
  position: relative;
  z-index: 2;
}

.toju-article-cta__card strong {
  display: block;
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.toju-article-cta__card span {
  display: block;
  color: rgba(248, 243, 235, 0.76);
  font-size: 14.5px;
  line-height: 1.62;
}


/* =========================================================
   PAGE ARTICLE - PARTAGE INTÉGRÉ
   ========================================================= */

.toju-article-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: calc(100% - 40px);
  max-width: 1160px;
  margin: -20px auto 90px;
  padding: 24px 30px;
  border-radius: 28px;
  background: rgba(248, 243, 235, 0.06);
  border: 1px solid rgba(248, 243, 235, 0.10);
  color: #ffffff;
}

.toju-article-share__text strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 950;
}

.toju-article-share__text span {
  color: rgba(248, 243, 235, 0.72);
  font-size: 14px;
  line-height: 1.5;
}

.toju-article-share__links {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.toju-article-share__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: rgba(248, 243, 235, 0.08);
  color: #ffffff;
  border: 1px solid rgba(248, 243, 235, 0.14);
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.toju-article-share__links a:hover {
  transform: translateY(-3px);
  background: #d6a267;
  color: #073044;
  box-shadow: 0 14px 28px rgba(214, 162, 103, 0.22);
}


/* =========================================================
   RESPONSIVE CTA + PARTAGE
   ========================================================= */

@media (max-width: 1024px) {
  .toju-article-cta {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .toju-article-cta__card {
    min-height: auto;
  }

  .toju-article-cta__icon {
    margin-bottom: 24px;
  }
}

@media (max-width: 700px) {
  .toju-article-cta {
    display: block;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    padding: 28px 22px;
    border-radius: 28px;
    transform: translateY(-32px);
  }

  .toju-article-cta::after {
    right: -100px;
    bottom: -100px;
    width: 210px;
    height: 210px;
  }

  .toju-article-cta__eyebrow {
    margin-bottom: 15px;
    font-size: 11px;
    letter-spacing: 0.075em;
  }

  .toju-article-cta h2 {
    max-width: none;
    margin-bottom: 16px;
    font-size: 36px;
    line-height: 1.02;
    letter-spacing: -0.055em;
  }

  .toju-article-cta p {
    max-width: none;
    font-size: 15.5px;
    line-height: 1.65;
  }

  .toju-article-cta__actions {
    flex-direction: column;
    gap: 11px;
    margin-top: 26px;
  }

  .toju-article-cta__primary,
  .toju-article-cta__secondary {
    width: 100%;
    min-height: 52px;
    padding: 14px 18px;
    font-size: 14.5px;
  }

  .toju-article-cta__card {
    margin-top: 24px;
    min-height: auto;
    padding: 22px;
    border-radius: 24px;
  }

  .toju-article-cta__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    border-radius: 15px;
    font-size: 20px;
  }

  .toju-article-cta__card strong {
    font-size: 20px;
    line-height: 1.12;
  }

  .toju-article-cta__card span {
    font-size: 14px;
    line-height: 1.55;
  }

  .toju-article-share {
    width: calc(100% - 32px);
    margin: -8px 16px 65px;
    padding: 22px;
    border-radius: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .toju-article-share__text strong {
    font-size: 17px;
  }

  .toju-article-share__links {
    width: 100%;
    gap: 10px;
  }

  .toju-article-share__links a {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 420px) {
  .toju-article-cta {
    padding: 25px 20px;
  }

  .toju-article-cta h2 {
    font-size: 31px;
  }

  .toju-article-cta p {
    font-size: 15px;
  }

  .toju-article-cta__card {
    padding: 20px;
  }
}

@media (max-width: 74.999rem) {
  .toju-article-sidebar {
    display: none;
  }
}

.node--unpublished {
    padding: 0;
}
/* =========================================================
   TOJU - FILTRE BLOG / ARTICLES
   Bouton Appliquer à côté de la recherche
   Catégories en dessous
   ========================================================= */


/* =========================================================
   CONTENEUR GLOBAL
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid {
  position: relative;
  width: calc(100% - 40px);
  max-width: 1160px;
  margin: 48px auto 44px;
  padding: 28px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 92% 18%, rgba(214, 162, 103, 0.16) 0%, rgba(214, 162, 103, 0) 34%),
    linear-gradient(145deg, #073044 0%, #0b3b50 100%);
  box-shadow: 0 26px 70px rgba(7, 48, 68, 0.28);
  overflow: hidden;
}

#views-exposed-form-blogs-block-blog-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  border: 1px solid rgba(214, 162, 103, 0.18);
  pointer-events: none;
}

#views-exposed-form-blogs-block-blog-grid::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 210px;
  height: 210px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.12);
  pointer-events: none;
}

#views-exposed-form-blogs-block-blog-grid * {
  box-sizing: border-box;
}

#views-exposed-form-blogs-block-blog-grid > div,
#views-exposed-form-blogs-block-blog-grid form,
#views-exposed-form-blogs-block-blog-grid .form--inline,
#views-exposed-form-blogs-block-blog-grid .d-flex {
  position: relative;
  z-index: 2;
}


/* =========================================================
   LAYOUT DU FORMULAIRE
   Recherche + bouton sur la première ligne
   Catégories sur la deuxième ligne
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid .d-flex.flex-wrap,
#views-exposed-form-blogs-block-blog-grid .form--inline {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto;
  grid-template-areas:
    "search submit"
    "categories categories";
  gap: 22px 16px;
  align-items: end;
  width: 100%;
}

/* Recherche */
#views-exposed-form-blogs-block-blog-grid .js-form-item-combine,
#views-exposed-form-blogs-block-blog-grid .form-item-combine {
  grid-area: search;
}

/* Catégories */
#views-exposed-form-blogs-block-blog-grid fieldset {
  grid-area: categories;
}

/* Bouton appliquer */
#views-exposed-form-blogs-block-blog-grid .form-actions {
  grid-area: submit;
}


/* =========================================================
   CHAMP RECHERCHE
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid .js-form-item-combine,
#views-exposed-form-blogs-block-blog-grid .form-item-combine {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

#views-exposed-form-blogs-block-blog-grid label[for="edit-combine"] {
  display: block !important;
  margin: 0 0 11px !important;
  padding: 0 !important;
  color: #d6a267;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#views-exposed-form-blogs-block-blog-grid #edit-combine {
  display: block;
  width: 100%;
  height: 56px;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid rgba(248, 243, 235, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(248, 243, 235, 0.08) !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 750;
  outline: none !important;
  box-shadow: none !important;
}

#views-exposed-form-blogs-block-blog-grid #edit-combine::placeholder {
  color: rgba(248, 243, 235, 0.58);
  font-weight: 650;
}

#views-exposed-form-blogs-block-blog-grid #edit-combine:focus {
  border-color: rgba(214, 162, 103, 0.7) !important;
  background: rgba(248, 243, 235, 0.12) !important;
  box-shadow: 0 0 0 4px rgba(214, 162, 103, 0.13) !important;
}


/* =========================================================
   BOUTON APPLIQUER À CÔTÉ DE LA RECHERCHE
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid .form-actions {
  display: flex !important;
  align-items: end !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
}

#views-exposed-form-blogs-block-blog-grid input[type="submit"],
#views-exposed-form-blogs-block-blog-grid .form-submit,
#views-exposed-form-blogs-block-blog-grid .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 145px;
  height: 56px;
  margin: 0 !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #d6a267 !important;
  color: #073044 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(214, 162, 103, 0.28);
  cursor: pointer;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

#views-exposed-form-blogs-block-blog-grid input[type="submit"]:hover,
#views-exposed-form-blogs-block-blog-grid .form-submit:hover,
#views-exposed-form-blogs-block-blog-grid .button:hover {
  background: #f8f3eb !important;
  color: #073044 !important;
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(248, 243, 235, 0.18);
}


/* =========================================================
   FIELDSET CATÉGORIES
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid fieldset {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#views-exposed-form-blogs-block-blog-grid fieldset legend {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #d6a267 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#views-exposed-form-blogs-block-blog-grid fieldset legend span,
#views-exposed-form-blogs-block-blog-grid .fieldset-legend {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

#views-exposed-form-blogs-block-blog-grid .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   LISTE DES CATÉGORIES
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid #edit-field-blog-categories-target-id,
#views-exposed-form-blogs-block-blog-grid .form-radios,
#views-exposed-form-blogs-block-blog-grid .form-checkboxes {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   CORRECTION BOOTSTRAP FORM-CHECK
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid .form-check,
#views-exposed-form-blogs-block-blog-grid .form-type-radio,
#views-exposed-form-blogs-block-blog-grid .form-type-checkbox,
#views-exposed-form-blogs-block-blog-grid .js-form-type-radio,
#views-exposed-form-blogs-block-blog-grid .js-form-type-checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* On cache totalement les radios / checkboxs natifs */
#views-exposed-form-blogs-block-blog-grid input[type="radio"],
#views-exposed-form-blogs-block-blog-grid input[type="checkbox"],
#views-exposed-form-blogs-block-blog-grid .form-check-input {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================================
   LABELS CATÉGORIES EN BOUTONS
   ========================================================= */

#views-exposed-form-blogs-block-blog-grid .form-check-label,
#views-exposed-form-blogs-block-blog-grid .form-type-radio label,
#views-exposed-form-blogs-block-blog-grid .form-type-checkbox label,
#views-exposed-form-blogs-block-blog-grid .js-form-type-radio label,
#views-exposed-form-blogs-block-blog-grid .js-form-type-checkbox label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px;
  min-height: 44px;
  margin: 0 !important;
  padding: 12px 17px !important;
  border: 1px solid rgba(248, 243, 235, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(248, 243, 235, 0.08) !important;
  color: rgba(248, 243, 235, 0.86) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

#views-exposed-form-blogs-block-blog-grid .form-check-label::before,
#views-exposed-form-blogs-block-blog-grid .form-type-radio label::before,
#views-exposed-form-blogs-block-blog-grid .form-type-checkbox label::before,
#views-exposed-form-blogs-block-blog-grid .js-form-type-radio label::before,
#views-exposed-form-blogs-block-blog-grid .js-form-type-checkbox label::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.60);
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease;
}

#views-exposed-form-blogs-block-blog-grid .form-check-label:hover,
#views-exposed-form-blogs-block-blog-grid .form-type-radio label:hover,
#views-exposed-form-blogs-block-blog-grid .form-type-checkbox label:hover,
#views-exposed-form-blogs-block-blog-grid .js-form-type-radio label:hover,
#views-exposed-form-blogs-block-blog-grid .js-form-type-checkbox label:hover {
  transform: translateY(-2px);
  background: rgba(248, 243, 235, 0.13) !important;
  border-color: rgba(214, 162, 103, 0.38) !important;
  color: #ffffff !important;
}


/* État sélectionné */
#views-exposed-form-blogs-block-blog-grid input[type="radio"]:checked + label,
#views-exposed-form-blogs-block-blog-grid input[type="checkbox"]:checked + label,
#views-exposed-form-blogs-block-blog-grid .form-check-input:checked + .form-check-label {
  background: #d6a267 !important;
  border-color: #d6a267 !important;
  color: #073044 !important;
  box-shadow: 0 14px 30px rgba(214, 162, 103, 0.25);
}

#views-exposed-form-blogs-block-blog-grid input[type="radio"]:checked + label::before,
#views-exposed-form-blogs-block-blog-grid input[type="checkbox"]:checked + label::before,
#views-exposed-form-blogs-block-blog-grid .form-check-input:checked + .form-check-label::before {
  background: #073044;
  box-shadow: 0 0 0 4px rgba(7, 48, 68, 0.13);
}


/* =========================================================
   RESPONSIVE TABLETTE
   ========================================================= */

@media (max-width: 1024px) {
  #views-exposed-form-blogs-block-blog-grid {
    margin-top: 40px;
    padding: 26px;
  }

  #views-exposed-form-blogs-block-blog-grid .d-flex.flex-wrap,
  #views-exposed-form-blogs-block-blog-grid .form--inline {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "search submit"
      "categories categories";
    gap: 20px 14px;
  }
}


/* =========================================================
   RESPONSIVE MOBILE
   ========================================================= */

@media (max-width: 700px) {
  #views-exposed-form-blogs-block-blog-grid {
    width: calc(100% - 32px);
    margin: 32px auto 30px;
    padding: 22px;
    border-radius: 26px;
  }

  #views-exposed-form-blogs-block-blog-grid::after {
    right: -95px;
    bottom: -95px;
    width: 200px;
    height: 200px;
  }

  #views-exposed-form-blogs-block-blog-grid .d-flex.flex-wrap,
  #views-exposed-form-blogs-block-blog-grid .form--inline {
    grid-template-columns: 1fr;
    grid-template-areas:
      "search"
      "submit"
      "categories";
    gap: 18px;
  }

  #views-exposed-form-blogs-block-blog-grid label[for="edit-combine"],
  #views-exposed-form-blogs-block-blog-grid fieldset legend {
    font-size: 11px !important;
  }

  #views-exposed-form-blogs-block-blog-grid #edit-combine {
    height: 52px;
    padding: 0 17px !important;
    font-size: 14.5px;
  }

  #views-exposed-form-blogs-block-blog-grid input[type="submit"],
  #views-exposed-form-blogs-block-blog-grid .form-submit,
  #views-exposed-form-blogs-block-blog-grid .button {
    width: 100%;
    height: 52px;
    font-size: 14.5px !important;
  }

  #views-exposed-form-blogs-block-blog-grid #edit-field-blog-categories-target-id,
  #views-exposed-form-blogs-block-blog-grid .form-radios,
  #views-exposed-form-blogs-block-blog-grid .form-checkboxes {
    gap: 8px !important;
  }

  #views-exposed-form-blogs-block-blog-grid .form-check-label,
  #views-exposed-form-blogs-block-blog-grid .form-type-radio label,
  #views-exposed-form-blogs-block-blog-grid .form-type-checkbox label,
  #views-exposed-form-blogs-block-blog-grid .js-form-type-radio label,
  #views-exposed-form-blogs-block-blog-grid .js-form-type-checkbox label {
    min-height: 40px;
    padding: 10px 13px !important;
    font-size: 13px !important;
  }
}


/* =========================================================
   TRÈS PETITS ÉCRANS
   ========================================================= */

@media (max-width: 420px) {
  #views-exposed-form-blogs-block-blog-grid {
    padding: 20px;
  }

  #views-exposed-form-blogs-block-blog-grid .form-check,
  #views-exposed-form-blogs-block-blog-grid .form-type-radio,
  #views-exposed-form-blogs-block-blog-grid .form-type-checkbox,
  #views-exposed-form-blogs-block-blog-grid .js-form-type-radio,
  #views-exposed-form-blogs-block-blog-grid .js-form-type-checkbox {
    width: 100% !important;
  }

  #views-exposed-form-blogs-block-blog-grid .form-check-label,
  #views-exposed-form-blogs-block-blog-grid .form-type-radio label,
  #views-exposed-form-blogs-block-blog-grid .form-type-checkbox label,
  #views-exposed-form-blogs-block-blog-grid .js-form-type-radio label,
  #views-exposed-form-blogs-block-blog-grid .js-form-type-checkbox label {
    width: 100%;
    justify-content: flex-start !important;
  }
}
/* =========================================================
   TOJU - AUTOCOMPLÉTION RECHERCHE BLOG
   Style premium pour la liste de suggestions Drupal / jQuery UI
   ========================================================= */


/* Conteneur de la liste d'autocomplétion */
.ui-autocomplete.ui-front,
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
  z-index: 99999 !important;
  width: auto;
  max-width: 430px;
  margin-top: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(214, 162, 103, 0.28) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      circle at 92% 15%,
      rgba(214, 162, 103, 0.14) 0%,
      rgba(214, 162, 103, 0) 36%
    ),
    linear-gradient(145deg, #073044 0%, #0b3b50 100%) !important;
  box-shadow:
    0 24px 60px rgba(7, 48, 68, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
  overflow: hidden;
  font-family: inherit !important;
}


/* Supprime les styles jQuery UI par défaut */
.ui-autocomplete.ui-front,
.ui-autocomplete.ui-front *,
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete,
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete * {
  box-sizing: border-box;
}


/* Chaque ligne */
.ui-autocomplete .ui-menu-item {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
  background: transparent !important;
}


/* Texte de chaque suggestion */
.ui-autocomplete .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid transparent !important;
  border-radius: 15px !important;
  background: transparent !important;
  color: rgba(248, 243, 235, 0.88) !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  cursor: pointer;
  transition:
    background 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease,
    transform 0.22s ease;
}


/* Petit point décoratif avant chaque suggestion */
.ui-autocomplete .ui-menu-item-wrapper::before,
.ui-menu .ui-menu-item-wrapper::before {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(214, 162, 103, 0.72);
  box-shadow: 0 0 0 4px rgba(214, 162, 103, 0.10);
}


/* Hover / sélection clavier */
.ui-autocomplete .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item-wrapper.ui-state-active {
  margin: 0 !important;
  background: #d6a267 !important;
  border-color: #d6a267 !important;
  color: #073044 !important;
  transform: translateX(3px);
}


/* Point décoratif en hover */
.ui-autocomplete .ui-menu-item-wrapper:hover::before,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active::before,
.ui-menu .ui-menu-item-wrapper:hover::before,
.ui-menu .ui-menu-item-wrapper.ui-state-active::before {
  background: #073044;
  box-shadow: 0 0 0 4px rgba(7, 48, 68, 0.14);
}


/* Quand il n’y a qu’un seul résultat, éviter l’effet trop grand */
.ui-autocomplete .ui-menu-item:only-child .ui-menu-item-wrapper {
  min-height: 46px;
}


/* Corrige les bordures jQuery UI */
.ui-widget-content {
  border-color: rgba(214, 162, 103, 0.28) !important;
}


/* Corrige le texte jQuery UI par défaut */
.ui-widget {
  font-family: inherit !important;
}


/* Responsive mobile */
@media (max-width: 700px) {
  .ui-autocomplete.ui-front,
  .ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    max-width: calc(100vw - 40px);
    padding: 8px !important;
    border-radius: 18px !important;
  }

  .ui-autocomplete .ui-menu-item-wrapper,
  .ui-menu .ui-menu-item-wrapper {
    min-height: 42px;
    padding: 11px 12px !important;
    font-size: 14px !important;
    border-radius: 13px !important;
  }
}

/* =========================================================
   TOJU - BLOC "À LIRE AUSSI" / DERNIERS ARTICLES
   En bas des pages article
   Ne touche PAS au design des cartes
   ========================================================= */

/* ---------------------------------------------------------
   Conteneurs internes Drupal
   --------------------------------------------------------- */

body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .container,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .container-1290,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .container-remo {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ---------------------------------------------------------
   Titre du bloc
   --------------------------------------------------------- */

body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title-container {
  max-width: 760px;
  margin: 0 auto 38px !important;
  text-align: center !important;
}


/* Petit badge du haut : "Derniers articles" */
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title h5,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title-container h5 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 0 0 18px !important;
  padding: 10px 16px !important;
  border-radius: 999px;
  background: rgba(248, 243, 235, 0.07);
  border: 1px solid rgba(214, 162, 103, 0.26);
  color: #d6a267 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title h5::before,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title-container h5::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #d6a267;
  box-shadow: 0 0 0 5px rgba(214, 162, 103, 0.12);
}


/* Titre principal : on évite "Subtitle" énorme */
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title h2,
body.page-node-type-article #block-drupalet-ygency-views-block-blog-standard .sec-title h2,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title-container h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.055em !important;
}


/* ---------------------------------------------------------
   Masquer tous les sous-titres parasites du thème
   --------------------------------------------------------- */

body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .subtitle-section,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sub-title-section,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sub-title,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .subtitle,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .ce-sub-text,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard h2.subtitle-section,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard h2.sub-title-section,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard h6.desc-section,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .desc-section {
  display: none !important;
}


/* Ligne décorative sous le titre */
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .ce-title-line {
  display: block !important;
  width: 64px;
  height: 3px;
  margin: 22px auto 0 !important;
  border-radius: 999px;
  background: #d6a267;
}


/* ---------------------------------------------------------
   Zone de la vue
   On centre seulement, sans toucher aux cartes
   --------------------------------------------------------- */

body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .view,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .view-content,
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .wap-views {
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0.3rem;
}


/* Surtout : ne pas agrandir les cartes */
body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .toju-blog-card {
  max-width: 390px !important;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 1024px) {
  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard {
    padding: 68px 20px 80px;
  }
}

@media (max-width: 700px) {
  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard {
    padding: 54px 16px 68px;
  }

  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title,
  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title-container {
    margin-bottom: 30px !important;
  }

  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title h5,
  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title-container h5 {
    font-size: 11px !important;
  }

  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title h2,
  body.page-node-type-article #block-drupalet-ygency-views-block-blogs-block-blog-standard .sec-title-container h2 {
    font-size: 34px !important;
  }
}
/* =========================================================
   TABLEAUX ARTICLES TOJU
   ========================================================= */

.toju-table-wrap {
  width: 100%;
  margin: 35px 0;
  overflow-x: auto;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(2, 35, 62, 0.10);
  -webkit-overflow-scrolling: touch;
}

/* Table principale */
.toju-table-wrap .toju-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  color: #0b2438;
  font-size: 15.5px;
  line-height: 1.55;
}

/* En-tête */
.toju-table-wrap .toju-table thead th {
  background: #02233e;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-transform: none;
  padding: 18px 20px;
  border: none;
  vertical-align: middle;
}

/* Coins arrondis haut */
.toju-table-wrap .toju-table thead th:first-child {
  border-top-left-radius: 18px;
}

.toju-table-wrap .toju-table thead th:last-child {
  border-top-right-radius: 18px;
}

/* Cellules */
.toju-table-wrap .toju-table tbody td {
  padding: 18px 20px;
  border: none;
  border-bottom: 1px solid rgba(2, 35, 62, 0.10);
  vertical-align: top;
}

/* Première colonne */
.toju-table-wrap .toju-table tbody td:first-child {
  color: #02233e;
  font-weight: 700;
  background: rgba(207, 166, 96, 0.08);
}

/* Texte en gras dans les tableaux */
.toju-table-wrap .toju-table strong {
  color: #02233e;
  font-weight: 800;
}

/* Lignes alternées */
.toju-table-wrap .toju-table tbody tr:nth-child(even) {
  background: #faf7f2;
}

/* Effet au survol */
.toju-table-wrap .toju-table tbody tr {
  transition: background-color 0.25s ease, transform 0.25s ease;
}

.toju-table-wrap .toju-table tbody tr:hover {
  background: rgba(207, 166, 96, 0.14);
}

/* Dernière ligne sans bordure */
.toju-table-wrap .toju-table tbody tr:last-child td {
  border-bottom: none;
}

/* Coins arrondis bas */
.toju-table-wrap .toju-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 18px;
}

.toju-table-wrap .toju-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 18px;
}

/* Scrollbar discrète */
.toju-table-wrap::-webkit-scrollbar {
  height: 8px;
}

.toju-table-wrap::-webkit-scrollbar-track {
  background: #f3eee7;
  border-radius: 999px;
}

.toju-table-wrap::-webkit-scrollbar-thumb {
  background: #cfa660;
  border-radius: 999px;
}

.toju-table-wrap::-webkit-scrollbar-thumb:hover {
  background: #b98e45;
}

/* =========================================================
   RESPONSIVE MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .toju-table-wrap {
    margin: 28px 0;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(2, 35, 62, 0.12);
  }

  .toju-table-wrap .toju-table {
    min-width: 760px;
    font-size: 14px;
  }

  .toju-table-wrap .toju-table thead th {
    padding: 15px 16px;
    font-size: 13.5px;
    white-space: nowrap;
  }

  .toju-table-wrap .toju-table tbody td {
    padding: 15px 16px;
  }

  .toju-table-wrap::after {
    content: "Faites glisser le tableau →";
    display: block;
    padding: 10px 16px 13px;
    background: #faf7f2;
    color: #7b6a55;
    font-size: 13px;
    font-style: italic;
    border-top: 1px solid rgba(2, 35, 62, 0.08);
  }
}

/* Très petits écrans */
@media (max-width: 420px) {
  .toju-table-wrap .toju-table {
    min-width: 720px;
  }

  .toju-table-wrap .toju-table thead th,
  .toju-table-wrap .toju-table tbody td {
    padding: 14px;
  }
}
/* Encadrés expert TOJU */
.toju-expert-box {
  position: relative;
  margin: 36px 0;
  padding: 28px 30px 26px;
  background: linear-gradient(135deg, #fffaf2 0%, #f7f0e4 100%);
  border: 1px solid rgba(199, 161, 90, 0.35);
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(31, 47, 70, 0.08);
  overflow: hidden;
}

.toju-expert-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #1f2f46 0%, #c7a15a 55%, #ead7ad 100%);
}

.toju-expert-box::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -55px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(199, 161, 90, 0.12);
  pointer-events: none;
}

.toju-expert-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #25364f;
  font-size: 16px;
  line-height: 1.75;
}

.toju-expert-box .toju-expert-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  padding: 7px 13px;
  background: #1f2f46;
  color: #ffffff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.toju-expert-box strong {
  color: #1f2f46;
}

/* Variante erreur fréquente */
.toju-expert-box-warning {
  background: linear-gradient(135deg, #f8f5ef 0%, #ffffff 100%);
  border-color: rgba(31, 47, 70, 0.18);
}

.toju-expert-box-warning::before {
  background: linear-gradient(90deg, #1f2f46 0%, #344866 55%, #c7a15a 100%);
}

.toju-expert-box-warning .toju-expert-label {
  background: #c7a15a;
  color: #1f2f46;
}

/* Responsive */
@media (max-width: 767px) {
  .toju-expert-box {
    margin: 28px 0;
    padding: 24px 22px 22px;
    border-radius: 18px;
  }

  .toju-expert-box p {
    font-size: 15px;
    line-height: 1.7;
  }

  .toju-expert-box .toju-expert-label {
    font-size: 11px;
    padding: 7px 12px;
  }
}

#block-drupalet-ygency-footer5 li {
  list-style: none;
}
/* =========================================================
   TOJU — CARTES DES VILLES
   Survol fluide compatible avec WOW / fadeInUp
   ========================================================= */

.toju-zones-vendee-card {
  position: relative !important;
  overflow: hidden !important;

  /*
   * Ne pas définir transform ici :
   * fadeInUp l’utilise déjà.
   */
  translate: 0 0 !important;
  rotate: 0deg !important;

  box-shadow:
    0 10px 24px rgba(7, 48, 68, 0.18) !important;

  transition-property:
    translate,
    rotate,
    box-shadow !important;

  transition-duration:
    0.55s,
    0.55s,
    0.55s !important;

  transition-timing-function:
    cubic-bezier(0.22, 1, 0.36, 1),
    cubic-bezier(0.22, 1, 0.36, 1),
    cubic-bezier(0.22, 1, 0.36, 1) !important;

  transition-delay:
    0s,
    0s,
    0s !important;

  will-change:
    translate,
    rotate,
    box-shadow !important;

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

/* =========================================================
   IMAGE
   ========================================================= */

.toju-zones-vendee-card .toju-zones-vendee-img {
  position: relative !important;
  overflow: hidden !important;

  transform: scale(1.02) !important;
  transform-origin: center center !important;

  filter:
    saturate(1)
    contrast(1) !important;

  transition-property:
    transform,
    filter !important;

  transition-duration:
    0.75s,
    0.75s !important;

  transition-timing-function:
    cubic-bezier(0.22, 1, 0.36, 1),
    cubic-bezier(0.22, 1, 0.36, 1) !important;

  transition-delay:
    0s,
    0s !important;

  will-change:
    transform,
    filter !important;

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

/* =========================================================
   CONTENU
   ========================================================= */

.toju-zones-vendee-card .toju-zones-vendee-content {
  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   FLÈCHE
   ========================================================= */

.toju-zones-vendee-card .toju-zones-vendee-link i {
  display: inline-block !important;

  translate: 0 0 !important;

  transition-property: translate !important;
  transition-duration: 0.45s !important;
  transition-timing-function:
    cubic-bezier(0.22, 1, 0.36, 1) !important;
  transition-delay: 0s !important;

  will-change: translate !important;
}

/* =========================================================
   SURVOL
   ========================================================= */

@media (hover: hover) and (pointer: fine) {
  .toju-zones-vendee-card:hover {
    translate: 0 -8px !important;
    rotate: -0.5deg !important;

    box-shadow:
      0 28px 70px rgba(7, 48, 68, 0.34) !important;
  }

  .toju-zones-vendee-card:hover .toju-zones-vendee-img {
    transform: scale(1.08) !important;

    filter:
      saturate(1.12)
      contrast(1.05) !important;
  }

  .toju-zones-vendee-card:hover .toju-zones-vendee-link i {
    translate: 4px 0 !important;
  }
}

/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .toju-zones-vendee-card,
  .toju-zones-vendee-card .toju-zones-vendee-img,
  .toju-zones-vendee-card .toju-zones-vendee-link i {
    transition-duration: 0.01ms !important;
  }

  .toju-zones-vendee-card:hover {
    translate: 0 0 !important;
    rotate: 0deg !important;
  }

  .toju-zones-vendee-card:hover .toju-zones-vendee-img {
    transform: scale(1.02) !important;
    filter: none !important;
  }
}

/* =========================================================
   TOJU — SIMULATEUR D’ESTIMATION PREMIUM
   Aucun changement HTML nécessaire
   ========================================================= */

/* ---------------------------------------------------------
   DISPOSITION GÉNÉRALE
   --------------------------------------------------------- */

#revenus .toju-simulator__grid {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(350px, 0.8fr) !important;
  align-items: start !important;
  gap: 34px !important;
      align-items: center !important;
}

/* ---------------------------------------------------------
   PANNEAU DU FORMULAIRE
   --------------------------------------------------------- */

#revenus .toju-simulator__form {
  position: relative !important;
  overflow: hidden !important;

  padding: clamp(28px, 3vw, 44px) !important;

  background: #ffffff !important;

  border: 1px solid rgba(14, 54, 77, 0.1) !important;
  border-radius: 28px !important;

  box-shadow:
    0 24px 65px rgba(9, 40, 58, 0.08),
    0 6px 18px rgba(9, 40, 58, 0.04) !important;
}

/*
 * Fine ligne supérieure rappelant la couleur sable de TOJU.
 */
#revenus .toju-simulator__form::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  right: 42px !important;
  left: 42px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(210, 169, 116, 0.85),
      transparent
    ) !important;

  pointer-events: none !important;
}

/* ---------------------------------------------------------
   CONTENEUR DU RÉSULTAT
   --------------------------------------------------------- */

#revenus .toju-result-wrap {
  position: relative !important;
  min-width: 0 !important;
  align-self: start !important;
}

/* ---------------------------------------------------------
   CARTE PRINCIPALE DU RÉSULTAT
   --------------------------------------------------------- */

#revenus .toju-result {
  position: sticky !important;
  top: calc(
    var(--drupal-displace-offset-top, 0px) + 96px
  ) !important;

  overflow: hidden !important;

  width: 100% !important;
  padding: 30px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      145deg,
      #123d57 0%,
      #0d334b 55%,
      #092a3e 100%
    ) !important;

  border: 1px solid rgba(224, 188, 139, 0.28) !important;
  border-radius: 28px !important;

  box-shadow:
    0 32px 75px rgba(5, 29, 44, 0.24),
    0 10px 25px rgba(5, 29, 44, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;

  isolation: isolate !important;

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease !important;
}

/*
 * Ligne dorée très fine en haut de la carte.
 */
#revenus .toju-result::before {
  content: "" !important;

  position: absolute !important;
  z-index: 1 !important;

  top: 0 !important;
  right: 30px !important;
  left: 30px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      #d5aa72,
      transparent
    ) !important;

  pointer-events: none !important;
}

/*
 * Lumière extrêmement douce dans l’angle.
 */
#revenus .toju-result::after {
  content: "" !important;

  position: absolute !important;
  z-index: -1 !important;

  top: -180px !important;
  right: -180px !important;

  width: 420px !important;
  height: 420px !important;

  border-radius: 50% !important;

  background:
    radial-gradient(
      circle,
      rgba(224, 188, 139, 0.13) 0%,
      rgba(224, 188, 139, 0.04) 42%,
      transparent 70%
    ) !important;

  pointer-events: none !important;
}

#revenus .toju-result > * {
  position: relative !important;
  z-index: 2 !important;
}

/* ---------------------------------------------------------
   LIBELLÉ « REVENU BRUT POTENTIEL »
   --------------------------------------------------------- */

#revenus .toju-result__label {
  margin: 0 0 7px !important;

  color: rgba(255, 255, 255, 0.66) !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

/* ---------------------------------------------------------
   MONTANT PRINCIPAL
   --------------------------------------------------------- */

#revenus .toju-result__amount {
  margin: 0 !important;

  color: #e0b47a !important;

  font-size: clamp(50px, 5vw, 70px) !important;
  font-weight: 750 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;

  text-shadow:
    0 12px 35px rgba(2, 20, 31, 0.2) !important;
}

/* ---------------------------------------------------------
   FOURCHETTE ESTIMÉE
   --------------------------------------------------------- */

#revenus .toju-result__range {
  display: inline-flex !important;
  align-items: center !important;

  width: fit-content !important;
  margin: 15px 0 24px !important;
  padding: 8px 12px !important;

  color: rgba(255, 255, 255, 0.82) !important;
  background: rgba(255, 255, 255, 0.075) !important;

  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* ---------------------------------------------------------
   REVENU PROPRIÉTAIRE
   --------------------------------------------------------- */

#revenus .toju-result__owner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 3px 18px !important;

  margin: 0 0 22px !important;
  padding: 20px !important;

  color: #10364e !important;

  background:
    linear-gradient(
      135deg,
      #fbf7f0 0%,
      #f5ecdf 100%
    ) !important;

  border: 1px solid rgba(215, 175, 123, 0.28) !important;
  border-radius: 20px !important;

  box-shadow:
    0 14px 30px rgba(3, 25, 38, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

#revenus .toju-result__owner span {
  display: block !important;

  color: #35566a !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.025em !important;
}

#revenus .toju-result__owner strong {
  grid-row: 1 / span 2 !important;
  grid-column: 2 !important;

  color: #0f3a53 !important;

  font-size: clamp(27px, 2.5vw, 35px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;

  white-space: nowrap !important;
}

#revenus .toju-result__owner small {
  display: block !important;

  color: #718794 !important;

  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* ---------------------------------------------------------
   PETITES CARTES DE DONNÉES
   --------------------------------------------------------- */

#revenus .toju-result__cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;

  margin: 0 0 22px !important;
}

#revenus .toju-result-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 9px !important;

  min-width: 0 !important;
  min-height: 92px !important;
  padding: 15px !important;

  background: rgba(255, 255, 255, 0.065) !important;

  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

  transition:
    background-color 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s ease !important;
}

#revenus .toju-result-card span {
  color: rgba(255, 255, 255, 0.6) !important;

  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

#revenus .toju-result-card strong {
  display: block !important;

  color: #ffffff !important;

  font-size: 19px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

#revenus .toju-result-card--muted {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* ---------------------------------------------------------
   BOUTONS
   --------------------------------------------------------- */

#revenus .toju-result__actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
  gap: 10px !important;

  margin: 0 0 17px !important;
}

#revenus .toju-result__actions .toju-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 48px !important;
  margin: 0 !important;
  padding: 12px 17px !important;

  border-radius: 999px !important;

  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;

  text-align: center !important;
  text-decoration: none !important;

  transition:
    transform 0.35s ease,
    background-color 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease !important;
}

#revenus .toju-result__actions .toju-button--primary {
  color: #ffffff !important;
  background: #d3a466 !important;

  border: 1px solid #d3a466 !important;

  box-shadow:
    0 12px 25px rgba(3, 24, 37, 0.2) !important;
}

#revenus .toju-result__actions .toju-button--secondary {
  min-width: 88px !important;

  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.06) !important;

  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

@media (hover: hover) and (pointer: fine) {
  #revenus .toju-result__actions .toju-button:hover {
    transform: translateY(-2px) !important;
  }

  #revenus
    .toju-result__actions
    .toju-button--primary:hover {
    background: #dfb47a !important;
    border-color: #dfb47a !important;

    box-shadow:
      0 16px 31px rgba(3, 24, 37, 0.26) !important;
  }

  #revenus
    .toju-result__actions
    .toju-button--secondary:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
  }

  #revenus .toju-result-card:hover {
    transform: translateY(-2px) !important;

    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(224, 188, 139, 0.22) !important;
  }
}

/* ---------------------------------------------------------
   MENTION INDICATIVE
   --------------------------------------------------------- */

#revenus .toju-result__note {
  margin: 0 !important;
  padding: 14px 0 0 !important;

  color: rgba(255, 255, 255, 0.5) !important;

  border-top: 1px solid rgba(255, 255, 255, 0.09) !important;

  font-size: 10px !important;
  font-weight: 450 !important;
  line-height: 1.55 !important;
}

/* =========================================================
   ANIMATION LORSQUE L’ESTIMATION CHANGE
   ========================================================= */

#revenus .toju-result.is-updating {
  box-shadow:
    0 36px 85px rgba(5, 29, 44, 0.3),
    0 10px 25px rgba(5, 29, 44, 0.14),
    0 0 0 1px rgba(215, 173, 116, 0.18) !important;
}

#revenus
  .toju-result.is-updating
  .toju-result__amount,
#revenus
  .toju-result.is-updating
  .toju-result__owner strong,
#revenus
  .toju-result.is-updating
  .toju-result-card strong {
  animation:
    toju-result-value-update 0.48s
    cubic-bezier(0.22, 1, 0.36, 1) !important;
}

@keyframes toju-result-value-update {
  0% {
    opacity: 0.45;
    transform: translateY(7px);
  }

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

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 1100px) {
  #revenus .toju-simulator__grid {
    grid-template-columns:
      minmax(0, 1.3fr)
      minmax(320px, 0.8fr) !important;
    gap: 24px !important;
  }

  #revenus .toju-result {
    padding: 24px !important;
  }

  #revenus .toju-result__owner {
    grid-template-columns: 1fr !important;
  }

  #revenus .toju-result__owner strong {
    grid-row: auto !important;
    grid-column: auto !important;
    margin-top: 7px !important;
  }
}

@media screen and (max-width: 900px) {
  #revenus .toju-simulator__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #revenus .toju-result {
    position: relative !important;
    top: auto !important;
  }

  #revenus .toju-result__owner {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  #revenus .toju-result__owner strong {
    grid-row: 1 / span 2 !important;
    grid-column: 2 !important;
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 520px) {
  #revenus .toju-simulator__form,
  #revenus .toju-result {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  #revenus .toju-result__amount {
    font-size: 49px !important;
  }

  #revenus .toju-result__owner {
    grid-template-columns: 1fr !important;
  }

  #revenus .toju-result__owner strong {
    grid-row: auto !important;
    grid-column: auto !important;
    margin-top: 7px !important;
  }

  #revenus .toju-result__cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #revenus .toju-result-card {
    min-height: 76px !important;
  }

  #revenus .toju-result__actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #revenus
    .toju-result__actions
    .toju-button--secondary {
    width: 100% !important;
  }
}

/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  #revenus .toju-result,
  #revenus .toju-result-card,
  #revenus .toju-result__actions .toju-button {
    transition: none !important;
  }

  #revenus
    .toju-result.is-updating
    .toju-result__amount,
  #revenus
    .toju-result.is-updating
    .toju-result__owner strong,
  #revenus
    .toju-result.is-updating
    .toju-result-card strong {
    animation: none !important;
  }
}




/* =========================================================
   TOJU — TIMELINE PROGRESSIVE AU DÉFILEMENT
   ========================================================= */

.toju-process-roadmap {
  --toju-roadmap-progress: 0;
}

/* =========================================================
   CONTENEUR DE LA LIGNE
   ========================================================= */

.toju-process-roadmap .toju-roadmap-line {
  position: absolute !important;
  overflow: visible !important;

  background: transparent !important;

  /*
   * On ne touche pas au positionnement existant
   * de la ligne dans ta timeline.
   */
  transform-origin: top center !important;
}

/* =========================================================
   LIGNE DE FOND
   ========================================================= */

.toju-process-roadmap .toju-roadmap-line::after {
  content: "" !important;

  position: absolute !important;
  z-index: 1 !important;

  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;

  width: 2px !important;
  height: 100% !important;

  transform: translateX(-50%) !important;
  transform-origin: top center !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0.24) 50%,
      rgba(255, 255, 255, 0.08) 100%
    ) !important;

  border-radius: 999px !important;

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;

  /*
   * Annule l’ancienne animation automatique du thème.
   */
  animation: none !important;
  opacity: 1 !important;

  pointer-events: none !important;
}

/* =========================================================
   LIGNE QUI SE REMPLIT
   ========================================================= */

.toju-process-roadmap .toju-roadmap-line::before {
  content: "" !important;

  position: absolute !important;
  z-index: 2 !important;

  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;

  width: 3px !important;
  height: 100% !important;

  transform:
    translateX(-50%)
    scaleY(var(--toju-roadmap-progress, 0)) !important;

  transform-origin: top center !important;

  background:
    linear-gradient(
      180deg,
      #cda36f 0%,
      #ecd2ae 45%,
      #d5a970 100%
    ) !important;

  border-radius: 999px !important;

  box-shadow:
    0 0 8px rgba(221, 183, 135, 0.22),
    0 0 18px rgba(221, 183, 135, 0.1) !important;

  transition:
    transform 0.1s linear !important;

  will-change: transform !important;
  pointer-events: none !important;
}

/* =========================================================
   POINT LUMINEUX AU BOUT DE LA PROGRESSION
   Le point est ajouté automatiquement par le JavaScript.
   ========================================================= */

.toju-process-roadmap .toju-roadmap-progress-dot {
  position: absolute !important;
  z-index: 4 !important;

  top:
    calc(
      var(--toju-roadmap-progress, 0) * 100%
    ) !important;

  left: 50% !important;

  width: 12px !important;
  height: 12px !important;

  transform: translate(-50%, -50%) !important;

  background: #f0d6b3 !important;

  border:
    3px solid
    rgba(15, 54, 78, 0.95) !important;

  border-radius: 50% !important;

  box-shadow:
    0 0 0 4px rgba(222, 182, 132, 0.11),
    0 0 14px rgba(238, 207, 168, 0.45),
    0 0 28px rgba(222, 182, 132, 0.18) !important;

  transition:
    top 0.1s linear,
    opacity 0.3s ease !important;

  opacity: 0 !important;

  will-change: top !important;
  pointer-events: none !important;
}

/*
 * Le point devient visible dès que la progression commence.
 */
.toju-process-roadmap
  .toju-roadmap-line.is-progressing
  .toju-roadmap-progress-dot {
  opacity: 1 !important;
}

/*
 * Petit halo vivant autour du point.
 */
.toju-process-roadmap
  .toju-roadmap-progress-dot::before {
  content: "" !important;

  position: absolute !important;

  inset: -7px !important;

  border:
    1px solid
    rgba(232, 199, 157, 0.28) !important;

  border-radius: 50% !important;

  animation:
    toju-roadmap-dot-pulse
    2.4s ease-out infinite !important;

  pointer-events: none !important;
}

@keyframes toju-roadmap-dot-pulse {
  0% {
    opacity: 0;
    transform: scale(0.65);
  }

  30% {
    opacity: 0.65;
  }

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

/* =========================================================
   ÉTAPES DE LA TIMELINE
   ========================================================= */

.toju-process-roadmap .toju-roadmap-item {
  transition:
    opacity 0.55s ease,
    filter 0.55s ease !important;
}

/*
 * Les étapes qui ne sont pas encore atteintes restent
 * légèrement plus discrètes.
 */
.toju-process-roadmap
  .toju-roadmap-item:not(.is-reached) {
  opacity: 0.78 !important;
}

/*
 * Une fois atteintes, elles retrouvent toute leur présence.
 */
.toju-process-roadmap
  .toju-roadmap-item.is-reached {
  opacity: 1 !important;
  filter: none !important;
}

/* =========================================================
   NUMÉROS 01, 02, 03, 04
   ========================================================= */

.toju-process-roadmap .toju-roadmap-number {
  transition:
    color 0.45s ease,
    background-color 0.45s ease,
    border-color 0.45s ease,
    box-shadow 0.45s ease,
    transform 0.45s
      cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.toju-process-roadmap
  .toju-roadmap-item.is-reached
  .toju-roadmap-number {
  color: #123a53 !important;
  background: #e4c49b !important;

  border-color:
    rgba(238, 213, 181, 0.8) !important;

  box-shadow:
    0 8px 22px rgba(4, 28, 43, 0.17),
    0 0 0 5px rgba(224, 188, 142, 0.08) !important;

  transform: scale(1.045) !important;
}

/* =========================================================
   CARTES ATTEINTES
   Effet très léger, sans mouvement gênant.
   ========================================================= */

.toju-process-roadmap
  .toju-roadmap-item
  .toju-roadmap-content {
  transition:
    border-color 0.45s ease,
    box-shadow 0.45s ease,
    background-color 0.45s ease !important;
}

.toju-process-roadmap
  .toju-roadmap-item.is-reached
  .toju-roadmap-content {
  border-color:
    rgba(215, 177, 129, 0.18) !important;

  box-shadow:
    0 18px 45px rgba(5, 32, 48, 0.075) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {
  .toju-process-roadmap .toju-roadmap-line::after {
    width: 1px !important;
  }

  .toju-process-roadmap .toju-roadmap-line::before {
    width: 2px !important;
  }

  .toju-process-roadmap .toju-roadmap-progress-dot {
    width: 10px !important;
    height: 10px !important;

    border-width: 2px !important;
  }
}

/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .toju-process-roadmap .toju-roadmap-line::before,
  .toju-process-roadmap .toju-roadmap-progress-dot,
  .toju-process-roadmap .toju-roadmap-item,
  .toju-process-roadmap .toju-roadmap-number,
  .toju-process-roadmap .toju-roadmap-content {
    transition: none !important;
  }

  .toju-process-roadmap
    .toju-roadmap-progress-dot::before {
    animation: none !important;
  }
}
/* =========================================================
   TOJU — BLOC AUDIT PREMIUM, SOBRE ET ÉDITORIAL
   ========================================================= */

.toju-audit-box {
  position: relative !important;

  display: grid !important;
  grid-template-columns:
    minmax(0, 1.5fr)
    minmax(300px, 0.62fr) !important;
  align-items: center !important;
  gap: 28px !important;

  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 24px !important;

  overflow: hidden !important;

  background:
    rgba(250, 249, 246, 0.97) !important;

  border:
    1px solid
    rgba(255, 255, 255, 0.7) !important;
  border-radius: 30px !important;

  box-shadow:
    0 30px 75px rgba(4, 28, 43, 0.2),
    0 8px 24px rgba(4, 28, 43, 0.08) !important;

  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}

/* Petit accent de marque */
.toju-audit-box::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 68px !important;

  width: 74px !important;
  height: 4px !important;

  background:
    linear-gradient(
      90deg,
      #c89458,
      #ddb681
    ) !important;

  border-radius:
    0 0 999px 999px !important;
}

/* =========================================================
   PARTIE GAUCHE
   ========================================================= */

.toju-audit-content {
  position: relative !important;

  min-width: 0 !important;
  padding:
    38px
    32px
    36px
    44px !important;

  color: #12364e !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Surtitre */
.toju-audit-content .toju-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 0 0 17px !important;

  color: #bd854d !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Titre principal */
.toju-audit-content h2 {
  max-width: 650px !important;
  margin: 0 0 18px !important;

  color: #11344b !important;

  font-size:
    clamp(36px, 3.1vw, 48px) !important;
  font-weight: 750 !important;
  line-height: 1.07 !important;
  letter-spacing: -0.04em !important;

  text-wrap: balance !important;
}

/* Introduction */
.toju-audit-content > p {
  max-width: 700px !important;
  margin: 0 0 28px !important;

  color: #62727b !important;

  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.7 !important;
}

/* =========================================================
   LISTE
   ========================================================= */

.toju-audit-list {
  display: grid !important;
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;
  column-gap: 30px !important;
  row-gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border-top:
    1px solid
    rgba(17, 52, 75, 0.1) !important;
}

.toju-audit-item {
  display: grid !important;
  grid-template-columns: 25px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;

  min-width: 0 !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding: 13px 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-bottom:
    1px solid
    rgba(17, 52, 75, 0.1) !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  transition:
    padding-left 0.4s
    cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s ease !important;
}

/* Dernier élément sur une demi-colonne */
.toju-audit-item:last-child {
  max-width: 100% !important;
}

/* Petite coche plus fine */
.toju-audit-item > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 24px !important;
  height: 24px !important;

  color: #ffffff !important;
  background: #ce995c !important;

  border: 0 !important;
  border-radius: 50% !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow:
    0 5px 13px
    rgba(185, 127, 69, 0.18) !important;

  transition:
    transform 0.4s
    cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.toju-audit-item p {
  min-width: 0 !important;
  margin: 0 !important;

  color: #173b52 !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* ==========================================================
   TOJU — FIX MOBILE BLOC AUDIT / ESTIMATION
   ========================================================== */

@media (max-width: 767px) {

    /* ------------------------------------------------------
       SECTION
       ------------------------------------------------------ */

    .toju-audit-area {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .toju-audit-area .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .toju-audit-area .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .toju-audit-area .col-12 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* ------------------------------------------------------
       CARTE PRINCIPALE
       ------------------------------------------------------ */

    .toju-audit-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        grid-template-columns: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding: 28px 20px !important;

        gap: 26px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;

        border-radius: 24px !important;
    }


    /* ------------------------------------------------------
       CONTENU TEXTE
       ------------------------------------------------------ */

    .toju-audit-content {
        display: block !important;

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       TOUS LES ENFANTS DU CONTENU
       ------------------------------------------------------ */

    .toju-audit-content > * {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       TITRES
       Empêche le découpage lettre par lettre
       ------------------------------------------------------ */

    .toju-audit-content h1,
    .toju-audit-content h2,
    .toju-audit-content h3,
    .toju-audit-content h4 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;

        hyphens: none !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       TEXTE
       ------------------------------------------------------ */

    .toju-audit-content p,
    .toju-audit-content li,
    .toju-audit-content span {
        max-width: 100% !important;
        min-width: 0 !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       PANNEAU DE DROITE
       Passe proprement sous le contenu
       ------------------------------------------------------ */

    .toju-audit-panel {
        display: block !important;

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;

        box-sizing: border-box !important;
    }

    .toju-audit-panel > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       BOUTONS / LIENS
       ------------------------------------------------------ */

    .toju-audit-box a,
    .toju-audit-box button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       IMAGES / ICÔNES
       ------------------------------------------------------ */

    .toju-audit-box img,
    .toju-audit-box svg {
        max-width: 100% !important;
    }
}


/* ==========================================================
   TRÈS PETITS MOBILES
   ========================================================== */

@media (max-width: 390px) {

    .toju-audit-area .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .toju-audit-box {
        padding: 24px 17px !important;
        border-radius: 20px !important;
        gap: 22px !important;
    }
}

/* =========================================================
   TOJU — CORRECTION ARTICLE MOBILE
   ========================================================= */

@media (max-width: 768px) {

    /* Empêche la page entière de dépasser */
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Tous les parents de l'article doivent pouvoir rétrécir */
    .toju-article-page-clean,
    .toju-article-page-section,
    .toju-article-single,
    .toju-article-main,
    .toju-article-layout,
    .toju-article-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Container Drupal */
    .toju-article-page-section .container,
    .toju-article-page-section .container-1290 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

    /* Grille article */
    .toju-article-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Partie principale */
    .toju-article-main {
        grid-column: 1 !important;
        min-width: 0 !important;
    }

    /* Contenu de l'article */
    .toju-article-content {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        overflow: visible !important;
    }

    /* Paragraphes / titres */
    .toju-article-content p,
    .toju-article-content h1,
    .toju-article-content h2,
    .toju-article-content h3,
    .toju-article-content h4,
    .toju-article-content li,
    .toju-article-content a,
    .toju-article-content strong {
        max-width: 100% !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
    }

    /* Images */
    .toju-article-content img,
    .toju-article-content picture,
    .toju-article-content figure,
    .toju-article-content video,
    .toju-article-content iframe {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    /* Évite qu'une ancienne règle avec une largeur fixe casse le mobile */
    .toju-article-content > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Tableaux */
    .toju-article-content table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
    }

    /* Blocs de code éventuels */
    .toju-article-content pre {
        max-width: 100% !important;
        overflow-x: auto !important;
    }
}

/* =========================================================
   TOJU — TRANSITION ENTRE LES PAGES
   ========================================================= */

.toju-page-transition {
    position: fixed !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100dvh !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #103b54 !important;

    pointer-events: none !important;

    transform: translateY(-100%);

    transition:
        transform 0.58s cubic-bezier(0.76, 0, 0.24, 1);

    will-change: transform;
}


/* ---------------------------------------------------------
   Petite ligne dorée en bas du rideau
   --------------------------------------------------------- */

.toju-page-transition::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #b9915e 20%,
        #d2b17c 50%,
        #b9915e 80%,
        transparent 100%
    );

    opacity: 0.9;
}


/* ---------------------------------------------------------
   Contenu central
   --------------------------------------------------------- */

.toju-page-transition__inner {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
}


.toju-page-transition__brand {
    display: flex;
    flex-direction: column;
    align-items: center;

    transform: translateY(12px);

    opacity: 0;

    transition:
        opacity 0.28s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* TOJU */

.toju-page-transition__logo {
    display: block;

    color: #ffffff;

    font-size: clamp(30px, 4vw, 48px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: 0.24em;

    margin-right: -0.24em;

    text-transform: uppercase;
}


/* Petit trait doré */

.toju-page-transition__separator {
    display: block;

    width: 0;
    height: 1px;

    margin: 16px 0 11px;

    background: #c49a65;

    transition:
        width 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.08s;
}


/* Conciergerie */

.toju-page-transition__subtitle {
    color: rgba(255, 255, 255, 0.62);

    font-size: 9px;

    font-weight: 500;

    letter-spacing: 0.42em;

    margin-right: -0.42em;

    text-transform: uppercase;
}


/* =========================================================
   TOJU
   TRANSITION PREMIUM ENTRE LES PAGES
   ========================================================= */


/* ---------------------------------------------------------
   ÉCRAN DE TRANSITION
   --------------------------------------------------------- */

.toju-page-transition {
    position: fixed !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100dvh !important;

    z-index: 999999 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #103b54 !important;

    pointer-events: none !important;

    transform: translateY(-100%);

    transition:
        transform 0.32s cubic-bezier(0.76, 0, 0.24, 1) !important;

    will-change: transform;
}


/* ---------------------------------------------------------
   FINE LIGNE DORÉE EN BAS
   --------------------------------------------------------- */

.toju-page-transition::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(196, 154, 101, 0.3) 15%,
            #c49a65 50%,
            rgba(196, 154, 101, 0.3) 85%,
            transparent 100%
        );

    opacity: 0.85;
}


/* ---------------------------------------------------------
   CONTENU CENTRAL
   --------------------------------------------------------- */

.toju-page-transition__inner {
    width: 100%;

    display: flex;

    align-items: center;
    justify-content: center;
}


/* ---------------------------------------------------------
   BRANDING
   --------------------------------------------------------- */

.toju-page-transition__brand {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    opacity: 0;

    transform: translateY(7px);

    transition:
        opacity 0.16s ease,
        transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* ---------------------------------------------------------
   TOJU
   --------------------------------------------------------- */

.toju-page-transition__logo {
    display: block;

    color: #ffffff;

    font-size: clamp(25px, 3vw, 34px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: 0.22em;

    margin-right: -0.22em;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   SÉPARATEUR
   --------------------------------------------------------- */

.toju-page-transition__separator {
    display: block;

    width: 0;

    height: 1px;

    margin-top: 11px;
    margin-bottom: 8px;

    background: #c49a65;

    transition:
        width 0.20s cubic-bezier(0.22, 1, 0.36, 1) 0.02s !important;
}


/* ---------------------------------------------------------
   CONCIERGERIE
   --------------------------------------------------------- */

.toju-page-transition__subtitle {
    display: block;

    color: rgba(255, 255, 255, 0.55);

    font-size: 8px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.38em;

    margin-right: -0.38em;

    text-transform: uppercase;
}


/* =========================================================
   ARRIVÉE SUR UNE PAGE
   ========================================================= */

.toju-page-transition.is-entering {
    transform: translateY(0);
}


.toju-page-transition.is-entering
.toju-page-transition__brand {
    opacity: 1;

    transform: translateY(0);
}


.toju-page-transition.is-entering
.toju-page-transition__separator {
    width: 42px;
}


/* =========================================================
   DÉPART DE LA PAGE
   ========================================================= */

.toju-page-transition.is-leaving {
    transform: translateY(0);

    pointer-events: all !important;
}


.toju-page-transition.is-leaving
.toju-page-transition__brand {
    opacity: 1;

    transform: translateY(0);

    transition-delay: 0.06s !important;
}


.toju-page-transition.is-leaving
.toju-page-transition__separator {
    width: 42px;

    transition-delay: 0.07s !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .toju-page-transition {
        transition-duration: 0.29s !important;
    }


    .toju-page-transition__logo {
        font-size: 25px;
    }


    .toju-page-transition__separator {
        margin-top: 9px;

        margin-bottom: 7px;
    }


    .toju-page-transition__subtitle {
        font-size: 7px;

        letter-spacing: 0.34em;

        margin-right: -0.34em;
    }

}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .toju-page-transition,
    .toju-page-transition *,
    .toju-page-transition::before,
    .toju-page-transition::after {
        transition: none !important;

        animation: none !important;
    }

}