h2, .h2 {font-size: 44px; line-height: 1.138em;}
h3, .h3 {font-size: 32px; line-height: 1.25em;}
h4, .h4 {font-size: 28px; line-height: 1.25em;}
h5, .h5 {font-size: 24px; line-height: 1.25em;}
h6, .h6 {font-size: 22px;}

#description {
  display: -webkit-box;
  -webkit-line-clamp: 3;     /* nombre max de lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.expanded {
    display: block;              /* enlève la coupure */
    -webkit-line-clamp: unset !important;
  }


.circular-image {
    width: 48px; /* Taille du cercle */
    height: 48px; /* Assurez-vous que width == height */
    border-radius: 50%; /* Rend l'image circulaire */
    object-fit: cover; /* Coupe l'excédent pour éviter l'ovale */
    display: block; /* Supprime les espaces indésirables */
}

.circular-image-55 {
    width: 55px; /* Taille du cercle */
    max-width: 55px; /* Taille du cercle */
    height: 55px; /* Assurez-vous que width == height */
    border-radius: 50%; /* Rend l'image circulaire */
    object-fit: cover; /* Coupe l'excédent pour éviter l'ovale */
    display: block; /* Supprime les espaces indésirables */
}

.card-style-one p {
  display: table-cell;
  vertical-align: top;
  height: unset;
  margin-bottom: 0px;
}

.card-style-one h3 {
    display: table-cell;
    vertical-align: middle;
    height: 80px; /* Ajustez selon la hauteur max d’un titre sur 2 lignes */
    text-align: center;
}

.form-select {
    height: 55px;
}
.navbar .dropdown-menu {
    right: 0px !important;
    left: auto;
}

.bg-grey {
    background-color: rgba(0, 0, 0, 0.05) !important;
}


.badge-pill {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #FF2730;
  top: 4px;
  right: -7px;
}
.text-white h2 {
    color: white !important;
}

pl-15 {
    padding-left: 15px !important;
}

.lh-inherint {
    line-height: inherit !important;
}
.btn {
  border-radius: 2rem;
}

.btn-one i {
    line-height: inherit !important;
}

.btn-one {
    font-weight: 500 !important;
    background-color: transparent !important;
    color:#1f487e !important;
    border: 2px solid #1f487e !important;
    line-height: 53px;
}

.btn-one-action, .nav-tabs li button.active {
    padding: 0 25px;
    text-align: center;
    border-radius: 10px;
    transition: all 0.3s ease-in-out 0s;
    font-weight: 500 !important;
    background-color: #1f487e !important;
    color:white !important;
    border: 2px solid #1f487e !important;
    line-height: 53px !important;
}

.btn-one:hover:not(.no-click) {
    background-color: #1f487e !important;
    color:white !important;
    border: 2px solid #1f487e !important;
}
.btn-one-action:hover:not(.no-click) {
    background-color: #0FA3B1 !important;
    color:white !important;
    border: 2px solid #0FA3B1 !important;
}

.btn-pro-action {
    background-color: #f59326 !important;
    color:white !important;
    border: 2px solid #f59326 !important;
}

.btn-part-action {
    background-color: #0aaa47 !important;
    color:white !important;
    border: 2px solid #0aaa47 !important;
}

.btn-pro {
    background-color: transparent !important;
    color:#f59326 !important;
    border: 2px solid #f59326 !important;
}

.btn-part {
    background-color: transparent !important;
    color:#0aaa47 !important;
    border: 2px solid #0aaa47 !important;
}

/* AU SURVOL */
.btn-pro-action:hover:not(.no-click) {
    background-color: transparent !important;
    color:#f59326 !important;
    border: 2px solid #f59326 !important;
}

.btn-part-action:hover:not(.no-click) {
    background-color: white !important;
    color:#0aaa47 !important;
    border: 2px solid #0aaa47 !important;
}

.btn-pro:hover:not(.no-click) {
    background-color: #f59326 !important;
    color:white !important;
    border: 2px solid #f59326 !important;
}

.btn-part:hover:not(.no-click) {
    background-color: #0aaa47 !important;
    color:white !important;
    border: 2px solid #0aaa47 !important;
}

.success {
    color:#0aaa47 !important;
}

.pricing-section-two .pr-column-wrapper ul li {
    margin-bottom: 15px !important;
}

.pr-header {
  flex-shrink: 0;
  min-height: 180px; 
  /* ou la valeur nécessaire pour égaliser */
  display: flex;
  flex-direction: column;
  justify-content: center; /* ou "space-between" selon le besoin */
}
.pr-header .price {
    line-height: 100%;
}

.btn-success {
  color:#0aaa47;
  border: 1px solid #0aaa47 !important;
}

.bg-blue {
    background-color: #1f487e !important;
}

.dash-aside-navbar .dasboard-main-nav li a.active, .dashboard-body .dash-card-one .icon {
  background-color: #f59326 !important;
  color: #fff;
}

.bg-blue .input-box-one .label {
  color: rgba(255, 255, 255, 0.55);
}

.bg-blue .input-box-one .nice-select::after {
  border-bottom-color: #fff;
  border-right-color: #fff;
}

.bg-blue .input-box-one .nice-select, .bg-blue .input-box-one .type-input, .bg-blue .input-box-one .type-input::placeholder {
  background: transparent;
  color: #fff;
}

.nice-select.open .list .option {
    color: #1f487e;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  color: white !important;
  background: #1f487e;
}

.bg-success {
    background-color: #0aaa47 !important;
}

.bg-success-subtle {
  background-color: #6cb086 !important;
}

.scroll-top {
  background-color: #f59326;
}

.btn-warning {
  color: inherit;
  background-color: #f59326;
  border: 1px solid #f59326;
}

.btn-outline-warning {
  color: #f59326;
  border: 1px solid #f59326;
}

.btn-info {
  color: #1f487e;
  background-color: #1f487e;
  border: 1px solid #1f487e;
}

.radius-2 {
  border-radius: 2rem !important;
}

.radius-3 {
  border-radius: 3rem !important;
}

.radius-5 {
  border-radius: 5rem !important;
}

.overlay-3{
	background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
}

.overlay-5{
	background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}

.overlay-7{
	background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}

.overlay-dark-3{
	background: #000 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
}

.overlay-dark-5{
	background: #000 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}

.overlay-dark-7{
	background: #000 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}

.border-0 {
    border: 0px !important;
}

.fb-color {
    color: #1877F2;
}

.linkedin-color {
    color: #0e76a8;
}

.block-feature-fourteen {
  background: #1f487e;
}

.feedback-block-six blockquote {
    font-size: 20px;
    line-height: 1.518em;
}

.card-style-one img {
    width:80%;
    margin: 0 auto;
}

.dashboard-body.front {
  min-height: 100vh;
    background-color: #f4f8ff;
  margin-left: 0px !important;
  padding: 45px;
}

.border-success-subtle {
    border: 2px solid #a4dfba;

}

h1, h2, h3, h4, h5, h6 {
    color: #1f487e;
}

.text-blue, .dash-input-wrapper label:not(.btn-one-action) {
    color: #1f487e !important;
}

.estimation-steps {
    padding-left: 0rem !important;
}
.estimation-steps li {
    text-align: left !important;
    margin-bottom: 1rem;
}

.estimation-steps li a {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    margin-left: 10px;
}

.estimation-steps li:before {
    color: grey;
    font-family: "Font Awesome 6 Pro";
    content: "\f017";
}

.estimation-steps li:hover {
    border: 2px solid grey;
}

.estimation-steps li.success {
    background-color: white;
    border: 2px solid #0aaa47;
}

.estimation-steps li.success:hover {
    background-color: #0aaa47;
    color: white !important;
}

.estimation-steps li.active {
    border: 2px solid #1f487e;
    color: #1f487e;
    background-color: white;
}

.estimation-steps li.active:hover {
    background-color: #1f487e;
    color: white !important;
}

.estimation-steps li.active:before {
    color: #1f487e;
    font-family: "Font Awesome 6 Pro";
    content: "\f110";
}

.estimation-steps li.active:hover:before {
    color: white;
}

.estimation-steps li.success:hover:before {
    color: white;
}
.estimation-steps li.success:before {
    color: #32cd32;
    content: "✔";
    box-shadow: none;
    top: .75rem;
    left: -1rem;
}

.icon-type i {
    font-size: 3rem !important;
}

.dashboard-body .dash-input-wrapper.checkbox input[type=checkbox] {
    height: 25px;
    width: 50px !important;
    line-height: 25px;
    vertical-align: middle;
}
.dashboard-body .dash-input-wrapper.checkbox label {
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    margin-bottom: 0px;
}

.block-feature-two .block-two, .block-feature-ten .media-gallery::before {
    background-color: #f4f8ff !important;
    background: none;
    border-radius: 2rem;
}

.agent-section-one .wrapper:before {
    background-color: #f4f8ff !important;
    background: none;
}

.search-wrapper-three {
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  padding: 100px 10px 15px;
}
.service-pro {
    padding-left: 0px !important;
}
.service-pro li {
    margin-left: 1rem;
    padding-top: 10px !important;
}

.pagination-two li.active a, .pagination-two li a:hover {
  background: #f4f8ff;
  border-color: #1f487e;
}

.pagination-two li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #1f487e;
}


.dropdown-toggle i {
    border-color: black;
}

.blog-sidebar.dot-bg{
    background-color: #f4f8ff !important;
    background: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2rem;
}

.no-click {
    cursor: default;
}

.dashboard-body {
    padding-top: 20px !important;
}

#empty_form_contact .form-check {
    padding-left: 0px !important;
}

.dashboard-body, .dashboard-body .dashboard-header {
    background: #f4f8ff;
}


.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview::before {
    width: 15px;
    height: 15px;
}

.search-form {
  height: 35px;
  border-radius: 30px;
  position: relative;
}

.search-form input {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: transparent;
  font-size: 15px;
  padding: 0 15px 0 15px;
  border: 1px solid #000;
}

.search-form select {
  width: 50%;
  height: 35px;
  border-radius: 30px;
  background: transparent;
  font-size: 15px;
  padding: 0 15px 0 15px;
  border: 1px solid #000;
}


.hori-timeline .events {
    border-top: 3px solid #e9ecef;
}
.hori-timeline .events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0;
}
.hori-timeline .events .event-list:before {
    content: "";
    position: absolute;
    height: 36px;
    border-right: 2px dashed #dee2e6;
    top: 0;
    left:50%
}
.hori-timeline .events .event-list .event-date {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    width: 50px;
    margin: 0 auto;
    border-radius: 4px;
    padding: 2px 4px;
}
@media (min-width: 1140px) {
    .hori-timeline {
        font-size: 0.7rem;
    }
    .hori-timeline .events .event-list {
        padding-top: 45px;
    }
    .hori-timeline .events .event-list .event-date {
        top: -12px;
    }

    ul.events .event-list {
        display: flex !important;
        flex-direction: column !important;   /* empile le contenu verticalement */
        justify-content: space-between !important; /* pousse le bouton vers le bas */
        height: 150px !important;             /* important si tu veux uniformiser */
        width: 14%;
    }

    ul.events .event-list .item {
        display: flex !important;
        flex-direction: column !important;   /* empile le contenu verticalement */
        justify-content: space-between !important; /* pousse le bouton vers le bas */
        height: 80px !important;             /* important si tu veux uniformiser */
    }

    ul.events {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;  /* force chaque li à avoir la même hauteur */
    }

}
.bg-soft-primary {
    background-color: rgba(64,144,203,.3)!important;
}
.bg-soft-success {
    background-color: rgba(71,189,154,.3)!important;
}
.bg-soft-danger {
    background-color: rgba(231,76,94,.3)!important;
}
.bg-soft-warning {
    background-color: rgba(249,213,112,.3)!important;
}

.timeline {
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5rem;
    overflow: hidden;
}
.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    border-right: 2px dashed #4b546f;
    height: 100%;
    display: block;
}

.timeline-row {
    padding-left: 50%;
    position: relative;
    margin-bottom: 30px;
}
.timeline-row .timeline-time {
    position: absolute;
    right: 50%;
    top: 140px;
    text-align: right;
    margin-right: 25px;
    color: #1f487e;
    font-size: 1.5rem;
}
.timeline-row .timeline-time small {
    display: block;
    font-size: 0.8rem;
}
.timeline-row .timeline-content {
    position: relative;
    padding: 20px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 20px;
    height: 16px;
    width: 16px;
    background: #f4f8ff;
}
.timeline-row .timeline-content:before {
    content: "";
    position: absolute;
    top: 20px;
    right: -49px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    z-index: 10;
    background: #272e48;
    border: 2px dashed #4b546f;
}
.timeline-row .timeline-content h4 {
    margin: 0 0 20px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 150%;
}
.timeline-row .timeline-content p {
    margin-bottom: 30px;
    line-height: 150%;
}
.timeline-row .timeline-content i {
    font-size: 1.2rem;
    line-height: 100%;
    padding: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #272e48;
    margin-bottom: 10px;
    display: inline-block;
}
.timeline-row .timeline-content .thumbs {
    margin-bottom: 20px;
    display: flex;
}
.timeline-row .timeline-content .thumbs img {
    margin: 5px;
    max-width: 60px;
}
.timeline-row .timeline-content .badge {
    color: #ffffff;
    background: linear-gradient(120deg, #00b5fd 0%, #0047b1 100%);
}
.timeline-row:nth-child(even) .timeline-content {
    margin-left: 40px;
    text-align: left;
}
.timeline-row:nth-child(even) .timeline-content:after {
    left: -8px;
    right: initial;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-135deg);
}
.timeline-row:nth-child(even) .timeline-content:before {
    left: -52px;
    right: initial;
}
.timeline-row:nth-child(odd) {
    padding-left: 0;
    padding-right: 50%;
}
.timeline-row:nth-child(odd) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 20px;
}
.timeline-row:nth-child(odd) .timeline-content {
    margin-right: 40px;
}
.timeline-row:nth-child(odd) .timeline-content:after {
    right: -8px;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}


.dashboard-body .saved-search-table th {
    color: #fff;
    background: #1f487e;
    font-weight: bold;
}

.agent-annuaire{
    width:30% !important;
}
.agent-annuaire-list > *:nth-child(1),
.agent-annuaire-list > *:nth-child(4) {
    margin-left: 2%;
}

@media (max-width: 992px) {
    /* .pr-header {
        min-height: 420px; 
    } */
    /* ou la valeur nécessaire pour égaliser */

    .timeline {
        padding: 15px;
    }
    .timeline:after {
        border: 0;
    }
    .timeline .timeline-row {
        margin-top: 0;
    }
    .timeline .timeline-row:nth-child(odd) {
        padding: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-time {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:before {
        display: none;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:after {
        display: none;
    }
    .timeline .timeline-row:nth-child(even) {
        padding: 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-time {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 0;
        text-align: left;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content {
        margin: 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:before {
        display: none;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:after {
        display: none;
    }
}


/*----- For Tablet ----*/
@media screen and (max-width: 1024px) {
    .card-style-one h3 {
        font-size: 1.5em;
    }
    .estimation-steps li {
        width: 30%;
        margin-left: 1%;
    }

    .layout-two .input-box-one.border-left {
        border-left: none;
        border-bottom: 1px solid #eeecec;
        padding: 10px 0;
        margin: 0 15px;
      }
}

/*----- For Tablet LANDSCAPE----*/
@media screen and (max-width: 1081px) {
    .layout-two .input-box-one.border-left {
        border-left: none;
        border-bottom: 1px solid #eeecec;
        padding: 10px 0;
        margin: 0 15px;
      }
}
/*----- For Mobile ----*/
@media screen and (max-width: 931px) {
    .icon-type i {
        font-size: 2rem !important;
    }
    .theme-main-menu.white-vr {
        background: rgba(255, 255, 255, 1);
    }
    .navbar-nav li {
        width: 100%;
    }
    .navbar-nav li a {
        color: white !important;
    }
    .navbar-collapse .logo {
        margin-bottom: 1vh;
    }
    .m0 {
        margin: 0px !important;
    }

    .estimation-navbar ul {
        flex-direction: column !important;
    }
    .estimation-steps li {
        width: 100%;
    }
    .agent-annuaire {
        width: 44% !important;
    }
    .agent-annuaire-list > *:nth-child(4) {
        margin-left: 0%;
    }
    .agent-annuaire-list > *:nth-child(2n+1) {
        margin-left: 3%;
    }
    .professionnel-info {
        height: 57% !important;
    }
    .about-btn {
        font-size: 12px;
    }
    #avis {
        padding-left: inherit;
    }

}
/*----- For Desktop ----*/
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        justify-content: end;
    }
    .me-md-50 {
        margin-right: 200px !important;
    }
    .md-d-none {
        display: none;
    }
    .md-d-inline-block {
        display: inline-flex !important;
    }
    .lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .estimation-navbar {
        border-right: 1px solid #1f487e;
    }

    .map-frame {
        height: 350px !important;
    }
}

/*----- For Large screen ----*/
@media (min-width: 1367px) {
    .me-lg-150 {
        margin-right: 370px !important;
    }
}